/**
 * CSS styles for the realsmart login page
 * @author Daniel Dammann <dd@volnet.freeserve.co.uk>
 */

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: url(/main/images/login/background.gif) top no-repeat #2b2927;
    margin-top: 26px;
}

body, p, td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

/******************************************** HTML versus flash container *******************************************************/

#htmlPage {
    display:			none;
    position: 			relative;
    left: 			0px;
    top: 			0px;
    width: 			762px;
    height: 			100%;
    padding-top: 		16px;
    padding-left: 		10px;
    margin-left: 		auto;
    margin-right: 		auto;
    z-index:			10;
}

#divFlashContent {
    position: 			fixed;
    left: 			0px;
    top: 			0px;
    width: 			10px;
    height: 			10px;
    z-index:			20;
}

/******************************************** General HTML tag styles ********************************************/

form {
    margin: 0px;
    padding: 0px;
}

/******************************************** Link styles *******************************************************/

a {
    font-family: Arial;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a img {
    border: 0;
}

/******************************************** Login and promo sections *******************************************************/

div.welcomeBox {
    float: left; 
    margin-bottom: 20px;
}

div.loginAndPromoBox {
    float: left; 
    clear: both; 
    margin-top: 12px;
}

div.loginBox {
    float: left; 
    clear: left; 
    width: 372px; 
    height: 166px; 
    background: url(/main/images/login/input_box.gif) no-repeat;
}

div.loginHeading {
    float: left; 
    clear: both; 
    width:100%; 
    margin-top: 6px; 
    margin-bottom: 9px;
}

div.loginHeading h1 {
    margin: 0px; 
    padding: 0px; 
    margin-left: 14px; 
    font-size: 17px; 
    color:#FFFFFF;
}

div.loginForm {
    float: left;
}

p.uName {
    margin-top: 0px;
}

input.uName {
    width:216px; 
    margin-left: 14px; 
    background: url(/main/images/login/username_background.gif) no-repeat; 
    font-weight: bold; 
    color:#999999;
}

input.pWord {
    width: 216px; 
    background: url(/main/images/login/password_background.gif) no-repeat; 
    margin-left: 14px; 
    font-weight: bold; 
    color:#999999;
}

p#loginButtonAndErrorMessage {
    width: 216px; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    margin-left: 14px; 
    text-align: center;
    font-weight: bold;
}

div.loginLogo {
    float: left; 
    margin-left: 18px; 
    height: 100px;
}

div.loginLogo img {
    width: 100px; 
    height: 100px;
}

div#openIdSentence {
    float: left; 
    clear: both; 
    width: 216px; 
    margin-top: 10px; 
    margin-left: 14px; 
    text-align: center;
}

div.promoBox {
    float: left; 
    clear: right; 
    width: 389px; 
    height: 166px;
}

div.promoBox a {
    outline: none;
}

div.newsAndStatsBox {
    float: left; 
    clear: both; 
    margin-top: 26px;
}

/******************************************** News section *******************************************************/

div.newsBox {
    float: left; 
    clear: left; 
    width: 509px;
}

div.statsBox {
    float: left; 
    clear: right; 
    width: 218px; 
    margin-left: 30px;
}

div.newsBox h1,
div.statsBox h1 {
    margin: 0px; 
    padding: 0px; 
    margin-bottom: 12px; 
    font-size: 25px; 
    color:#BF321A;
}

img#newsRollOverPhoto {
    float: left;
    width: 120px; 
    height: 155px;
}

div.newsHeadlineBox {
    float: left; 
    margin-left: 7px;
}

/******************************************** Stats section *******************************************************/

div.userStatsOuter {
    width: 382px; 
    height: 31px;
}

div.userStatsInner {
    float: right; 
    width: 375px; 
    height: 12px; 
    padding-top: 7px; 
    padding-bottom: 11px; 
    border-bottom: 1px solid #D0D0D0;
}

div.userStatsItem {
    width: 218px; 
    height: 12px; 
    padding-top: 7px; 
    padding-bottom: 11px; 
    border-bottom: 1px solid #D0D0D0;
}

div.userStatsDesc {
    float: left;
}

div.userStatsNo {
    float: right; 
    width: 42px; 
    height: 17px; 
    padding-right: 6px; 
    background: #E1D9D0; 
    text-align: right;
}

/******************************************** Advert section *******************************************************/

div.adBox {
    float: left; 
    clear: both; 
    margin-top: 24px; 
    padding-bottom: 24px;
}

div.leftAdBox {
    float: left; 
    clear: left; 
    width: 519px;
}

div.rightAdBox {
    float: left; 
    clear: right; 
    width: 218px; 
    margin-left: 20px;
}