.foo{}
/*
html, body, form
{
    height: 100%;
}
*/
body, #header input, #help
{
    font-family: Segoe UI, Arial, Verdana, Sans-Serif;
    font-size: 10pt;
    color: #666666;
}
body
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: #FDE9FD;
}
h1, h2, h3, h4, h5, h6, p
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6, legend, span.company, #content .row .profileR .profile h3
{
    color: #FF40FF;
}
h1, h2
{
    font-size: 18pt;
}
h3
{
    font-size: 14pt;
}
h4, h5, h6, .feature h3, .login h3
{
    font-size: 12pt;
}

a
{
    color: #3B6FA4;
    text-decoration: underline;
}
a:Hover, #navigation ul li a
{
    text-decoration: none;
}

#left, #right, #content,
#header, #footer, #navigation, .left, .right, .links
{
    overflow: hidden;
    height: 100%;
}

#page, #home, .inner
{
    width: 970px;
    margin: 0px auto;
}

#header
{
    padding: 10px 15px;
    color: #999999;
    background-color: Black;
}
#header img
{
    float: left;
    margin-right: 15px;
}
#header h1
{
    font-size: 32pt;
    display: none;
    visibility: hidden;
}
#header h2
{
    font-size: 20pt;
    margin-bottom: 0px;
    display: none;
    visibility: hidden;
}
#header ul, #header li
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#header .left
{
    width: 600px;
    float: left;
}
#header .right
{
    width: 300px;
    float: right;
}
#header a
{
    color: Black;
}
#header li.name
{
    padding-right: 5px;
}
#header li a, #footer li a
{
    padding: 0px 5px;
}
#header li a
{
    border-left: dotted 1px #666666;
}
#header .loggedin
{
    padding: 2px 7px;
    color: #333333;
}
#header .loggedin .left
{
    width: 49%;
    float: left;
    padding-top: 15px;
}
#header .loggedin .right
{
    width: 49%;
    float: right;
    padding-top: 15px;
}
#header a.action
{
    display: block;
    padding: 2px 0px 3px 29px;
    font-size: 8pt;
    border: 0px;
}
#header a.action:Hover
{
    background-color: Transparent;
}
a.hdr_friends
{
    background-image: url("/images/layout/psy/relate_4.png");
    background-position: 2px top;
}
a.psy_req
{
    background-image: url("/images/layout/psy/relate_3.png");
    background-position: 2px top;
}

#navigation
{
    padding: 0px 0px 5px 0px;
    background: Black url("images/nav.png") repeat-x left top;
}
#navigation .inner
{
    height: 36px;
}
#navigation .left
{
    width: 10px;
    float: left;
    height: 36px;
    background: White url("images/nav-left.png") repeat-x left top;
}
#navigation .links
{
    width: 800px;
    float: left;
    height: 36px;
}
#navigation .right
{
    width: 10px;
    float: right;
    height: 36px;
    background: White url("images/nav-right.png") repeat-x left top;
}
#navigation ul, #navigation li, #footer ul, #footer li
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#navigation ul
{
    padding: 9px 0px;
}
#navigation li, #header li, #footer li
{
    display: inline;
}
#navigation ul li a
{
    padding: 9px 15px;
    font-size: 14px;
    color: White;
    background: Transparent url("images/nav-sep.png") no-repeat left center;
}
#navigation ul li a:Hover, #navigation ul li a.Selected
{
    color: #FFC0FF;
}
#navigation ul li a.home
{
    padding-left: 25px;
    background-position: 5px center;
}

#content
{
    padding: 15px 0px 35px 0px;
    min-height: 630px;
}
#left
{
    float: left;
    width: 300px;
}
#right
{
    float: right;
    width: 640px;
}

#footer
{
    padding: 6px 0px 4px 0px;
    color: #EEEEEE;
    background-color: Black;
    padding: 10px 15px;
}
#footer ul
{
    margin-bottom: 6px;
}
#footer ul li.copyright
{
    padding-right: 5px;
    border-left: 0px;
}
#footer ul li a, #footer
{
    color: #EEEEEE;
}
#footer ul li
{
    border-left: dotted 1px White;
}
#footer ul li a.no-padding, #footer ul li a.home, #header ul li a.no-padding
{
    border-left: 0px;
    padding-left: 0px;
}