
/*____________________________ General classes */

.clearer{
    display:block;
    clear:both;
}

img.absmiddle {
    vertical-align: middle;
    margin-bottom: .25em;
}

.wrapper{
    position:relative;
    width:740px;
    padding:0 0px;
    margin:0 auto;
}


/*____________________________ Gloabal rules */

body{
    font:10pt "Lucida Sans Unicode", "Lucida Grande", "Helvetica", "Arial";
    color:#666;
    background-color:#E3E2DF;
}
h1,h2,h3,h4,h5,h6{
    font-family:"Georgia","Times","Times New Roman";
    font-weight:normal;
}

hr, div.hr{
    display:block;
    clear:both;
    border-width:1px;
    border-style:solid;
    border-color:#333 #566 #566 #333;
    height:0px;
    overflow:hidden;
}

h2.yellow{
    color:#EFED00 !important;
}

p.pink{
    display:block;
    margin:10px 0 2px 0;
    clear:both;
    font-size:11pt;
	color:#E14886;
}

/*____________________________ Header */

#header{
    background:#1c2728 url("../img/header_bg.png") repeat-x;
    height:112px;
    overflow:hidden;
}

#header .wrapper{
    height:112px;
    overflow:hidden;
}

#header .shine{
    height:112px;
    overflow:hidden;
    background:transparent url("../img/shine.gif") no-repeat center;
}


/*____________________________ Logo */

#header #logo{
    float:left;
    padding:10px 0 0 0;
}


/*____________________________ Account */

#header #account{
    background-color:#354243;
    position:absolute;
    top:0px;
    right:0px;
    width:324px;
    padding:10px;
}

#header #account a{
    color:#788;
    float:right;
    text-decoration:none;
}

#header #account a:hover{
    color:#bcc;
}

#header #account a.user-male{
    padding-left:20px;
    float:left;
    background:transparent url("../img/male.gif") no-repeat 0 0;
}

#header #account a.user-female{
    padding-left:20px;
    float:left;
    background:transparent url("../img/female.gif") no-repeat 0 0;
}


/*____________________________ Main Menu */

#header ul,
#header li,{
    list-style:none;
}

#header ul{
    float:right;
    padding:74px 0 0 0;
}

#header li{
    display:inline;
    padding-left:25px;
}

#header li a{
    font:14pt "Georgia","Times","Times New Roman";
    color:#bbcfd4;
    text-decoration:none;
    padding:0 0 17px 0;
    position:relative;
}

#header li a:hover{
    color:#fff;
}

#header li a.active{
    color:#fff;
    background:transparent url("../img/selector.gif") no-repeat bottom center;
}


/*____________________________ Content */

#content{
    background:#fff url("../img/content_bg.png") repeat-x;
}

#content h1{
    font-size:32pt;
    color:#E14886;
    margin-bottom:0.5em;
}

#content h2{
    font-size:17pt;
    color:#8cd;
}

#content h2 a{
    color:#EFED00 !important;
    text-decoration:none;
}

#content{
    background:#fff url("../img/content_bg.png") repeat-x;
}


/*____________________________ Content left */

#content .left{
    float:left;
    width:360px;
    margin:30px 0;
}

#content .left_sponsors{
    float:left;
    width:360px;
    margin:30px 0;
}

#content .left p,
#content .left ol,
#content .left ul{
    margin-bottom:1.5em;
}

#content .left .question{
    font-size:13pt;
    font-weight:bold;
}

#content .left p a{
    font-weight:bold;
    color:#E14886;
    text-decoration:none;
}

#content .left p a:hover{
    color:#D7DCDC;
}

#content .left p.midSize{
    color:#E14886;
	font-size:12pt;
}

/*____________________________ Content right */

#content .right{
    font-size:9pt;
    float:right;
    width:300px;
    background:#374F51 url("../img/blue_cloud.gif") no-repeat 240px 18px;
    color:#D7DCDC;
    padding:18px 22px 30px 22px;
    margin:30px 0 30px 0;
}
#content .top_sponsors{
	display:block;
    font-size:9pt;
	padding:10px 0 10px 0;
}
#content .right_sponsors{
    font-size:9pt;
    float:left;
    width:320px;
    background-color:#D7DCDC;
	margin:-20px 0 0 40px;
}

#content .right a{
    color:#D7DCDC;
    text-decoration:none;
}

#content .right a:hover{
    color:#fff;
}


/*____________________________ Content right forms */

#content .right label{
    display:block;
    color:#9de;
    margin:16px 0 2px 0;
    clear:both;
    font-size:11pt;
    
}

#content .right input.input-text,
#content .right input.input-password{
    color:#666;
    font:13pt "Georgia","Times","Times New Roman";
    border:1px solid #999;
    padding:7px;
}

#content input.input-area_code{
    color:#666;
    font:13pt "Georgia","Times","Times New Roman";
    border:1px solid #999;
    padding:7px;
	width: 30px;
}

#content input.input-cell_number{
    color:#666;
    font:13pt "Georgia","Times","Times New Roman";
    border:1px solid #999;
    padding:7px;
	width: 75px;
}

#content textarea.textarea-message_area{
    color:#666;
    font:13pt "Georgia","Times","Times New Roman";
    border:1px solid #999;
	width: 300px;
	height: 120px;
}

#content .right button{
    border:1px solid;
    border-color:#999 #222 #222 #999;
    padding:6px 0;
    height:36px;
    background-color:#E14886;
    color:#fff;
    font:13pt "Georgia","Times","Times New Roman";
}

#content .note{
    font-size:8pt;
    color:#899;
    line-height:3em;
}


/*____________________________ Footer */

#footer{
    clear:both;
    background:#E3E2DF url("../img/footer_bg.png") repeat-x;
    color:#888;
    padding:16px 0;
}

#footer p{
    font-size:7pt;
    float:left;
}

#footer ul{
    font-size:8pt;
    float:right;
    list-style: none;
    overflow:hidden;
}

#footer li{
    display:inline;
    border-left: 1px solid #aaa;
    padding: 0 .5em 0 .6em;
    margin:0 .5em 0 -.5em;
}

#footer li a{
    color:#888;
    text-decoration:none;
}
#footer li a:hover{
    color:#555;
}


/*____________________________ Login form specific */

#content .right .warning{
    border:1px solid #a90;
    background:#fffadd url("../img/error.png") no-repeat 5px 5px;
    padding:5px 5px 5px 26px;
    color:#654;
    margin:18px 0 0 0;
    display:none;
}


/*____________________________ Login form specific */

#login #email{
    width:280px;
}
#login #password{
    margin-right:10px;
    width:165px;
}
#login button{
    width:100px;
}
#content .right .hr{
    margin:15px 0 10px 0;    
}


/*____________________________ Home specific */

#content .left .instructions{
    font:28pt "Georgia","Times","Times New Roman";
}

#content .left .instructions li{
    list-style-type:decimal;
    margin-left:1.5em;
    color:#ABD4DD;
}

#content .left .instructions ol span {
    font-size:18pt;
    color:#666;
    margin:0;
}


/*____________________________ How to specific */
#content .left .how_to{
    font:28pt "Georgia","Times","Times New Roman";
}

#content .left .how_to li{
    list-style-type:decimal;
    margin-left:1.5em;
    color:#ABD4DD;
}

#content .left .how_to ol span {
    font-size:18pt;
    color:#666;
    margin:0;
}
#content .left .how_to ol p {
    font-size:12pt;
    color:#666;
    margin:0;
}

/*_______________________________ Register specific */
#right_content p{
    padding:0 0 1em 0;
}

#right_content h3{
    color:#E14886;
    margin-bottom:0.5em;
}

#right_content strong{
    color:#FFF;
}

#right_content label.radio{
	padding:0 0 0 5px;
	display:inline;
}

#right_content label a{
	font-size:9pt;
}

#right_content .register_inputs{
	float:left;
	padding:0 10px 0 0;
	display:block;
}

#right_content #email_check,#cell_check{
	color:#F00;
}

/*_______________________________ Send Message specific */
#send_message_section label.radio{
	padding:0 0 0 5px;
	display:inline;
}

#send_message_section label a{
	font-size:9pt;
}

#send_message_section .send_message_inputs{
	float:left;
	padding:0 10px 0 0;
	display:block;
}

#send_message_section select{
	width:81px;
}

#send_message_section .sex_section{
	vertical-align: middle;
	display:inline;
	padding:33px 0;
	height:10px;
	zoom:1;
}

#send_message_section .message_sent{
    border:1px solid #a90;
    background:#fffadd url("../img/logo_small.gif") no-repeat 5px 5px;
    padding:5px 5px 5px 26px;
    color:#654;
    margin:18px 0 0 0;
    display:none;
}