.homepage
{
}

.homepage .leftColumn
{
    float: left;
    width: 500px;
}

.homepage img
{
    display: block;
}

.homepage .bulletPoints .bullet
{
    background-image: url(../imgs/home_bullet.png);   
    background-repeat: no-repeat;
    background-position: 0px center;
    padding: 0px 0px 0px 25px;
    font-size: 12pt;
    margin: 0px 0px 20px 0px;
}

.homepage h2
{
    color: #000000;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 14pt;
    height: auto;
    padding: 0px;
    margin-bottom: 10px;
}

.homepage h3
{
    font-size: 10pt;
    font-weight: normal;
    padding-bottom: 10px;
}

.homepage .spotlight
{
    float: left;
    width: 262px;
    padding: 0 0 30px 0;
}

.homepage .intranet
{
    float: left;
    width: 200px;
    height: 215px;
}

.homepage .intranet .logo
{
    height: 105px;
}

.homepage .reasons
{
    clear: both;
}

.homepage .spotlight .avatars a
{
    float: left;
    width: 40px;
    height: 40px;
    border: none;
    margin-right: 15px;
    opacity: 1.0;
}

.homepage .spotlight .avatars .row
{
    clear: both;
    overflow: auto;
    margin-bottom: 15px;    
    zoom: 1;
}

.homepage .spotlight .avatars a:hover
{
    opacity: 0.8;
}

.signUpForm
{
    float: right;
	font-size: 15px;
    background-color: #eeeeee;
    font-size: 9pt;
    width: 302px;
    text-align: left;
    padding: 20px 10px;
}

.signUpForm .terms
{
    color: rgb(100, 100, 100);
    font-size: 11px;
    margin-left: 12px;  
    margin-bottom: 10px;  
} 

.signUpForm .terms a
{
    color: rgb(100, 100, 100);
} 

.signUpForm a
{
	color: #97AC35;
	text-decoration: underline;
}

.signUpForm .heading
{
    padding: 0px 0px 0px 15px;
    font-size: 14pt;
    font-weight: bold;
    text-align: left;
    color: #333333;
    margin-bottom: 20px;
}

.signUpForm .heading2
{
    padding: 0;
    font-size: 14pt;
    text-align: left;
    color: #333333;
    margin-bottom: 20px;
}

.signUpForm .heading a.tourLink
{
}

.signUpForm .heading a.tourLink:hover
{
    text-decoration: none;
}

.signUpForm .heading .line1
{
    padding: 0px 0px 8px 0px;
}

.signUpForm .fieldName,
.signUpForm .fieldNameIfValueError
{
    text-align: right;
    padding: 3px 7px 0px 0px;
    float: left;
    clear: both;
    width: 75px;
}

.signUpForm .fieldNameIfValueError
{
    color: red;
}

.signUpForm .explanation
{
    font-size: 11px;
}

.signUpForm .explanation a
{
    color: rgb(100, 100, 100);
}

.signUpForm .fieldValue
{ 
}

.signUpForm .fieldValue input
{
    font-size: 12pt;
    padding: 1px;
}

.signUpForm .fieldValue,
.signUpForm .fieldName,
.signUpForm .fieldNameIfValueError
{
    margin-bottom: 10px;
}

.signUpForm div.bottom
{
    margin-bottom: 0px;
}

.signUpForm .fieldValue .alreadyMember
{
    font-size: 11px;
}

.signUpForm .legal
{
    margin: 2px 15px 0px 82px;
    font-size: 11px; 
    color: rgb(100, 100, 100);
}

.signUpForm .legal a
{
    color: rgb(100, 100, 100);
}

.signUpForm .profileUrl
{
    direction:rtl;
    width: 240px;
    overflow: hidden;
    margin-right: 0px;
    color: #999999;
}

.signUpForm .faded
{
    color: rgb(100, 100, 100);
}

.signUpForm .mockProfileUrl
{
    color: Red;
    background-color: Red;
}

.signUpForm .mockProfileUrl a
{
    color: Red;
}

.signUpForm .highlight
{
    /*color: #666666;*/
}

.signUpForm .fieldValue .alreadyMember a
{
    color: Black;
}

.signUpForm input.username
{
    width: 120px;
}

.signUpForm .birthday select
{
    margin-right: 3px;
}

.signUpForm div.recapthca
{
    text-align: center;
    margin-bottom: 10px;
}

.signupPage .signUpForm
{
    float: none;
    border-left: none;
}