@charset "utf-8";
/* CSS Document */

body{ position:relative;  background:#fff url(../imgs/blue_gradian_big.gif) 0 0 repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
 
ul{margin:0; padding:0; list-style-type:none;}
li{ }
img{ border:0;}
h1, .h1{ margin:0; padding:0 ; font-size:30px; font-weight:normal;text-transform:capitalize; color:#666;}
h2, .h2{ margin:0 0 10px; padding:0; font-size:24px; text-transform:capitalize;  color:#666;}
h3{ text-transform:capitalize; font-size:18px; color: #0099FF;}
label{ text-transform:capitalize; color:#666;}
input{ background:#fff; border:1px solid #ccc; padding:0; margin:0;}
fieldset{ width:890px; margin:0 0 25px; padding:0; border:1px solid #ccc; }

legend.h2{ margin:10px;  padding:0;}
p{ line-height:1.4em;}
a{ color:#09f;}
a:hover{ color:#6cf;}
a img{ margin:0; padding:0; border:0;}



.block{float:left; width:100%;}
.left{ float:left;}
.right{ float:right;}
.align_R{ text-align:right;}
.blue_title{ color:#39f;}

/*BUTTON */
.btn_row{}
.big_btn{ display:inline-block; text-transform:capitalize; font-size:16px; font-weight:bold; color: #0066FF; text-decoration:none;  background:#FFFFCC url(../imgs/btn_bg.gif) 0 0 repeat-x;   border-top:1px  solid #ccc;  border-left:1px  solid #ccc;  border-right:1px  solid #666; border-bottom:1px  solid #666;  margin:0 20px 0 0; cursor:pointer; }
a.big_btn:hover{border-top:1px  solid #666;  border-left:1px  solid #666;  border-right:1px  solid #000; border-bottom:1px  solid #000;  background-position:0 -35px; color:#333 }
.big_btn span{ display:inline-block; padding:5px 10px;    border:1px solid #fff;}

.org_btn{ color:#fff; border:1px solid #ccc; display:inline-block; text-decoration:none; border-top:1px  solid #ccc;  border-left:1px  solid #ccc;  border-right:1px  solid #666; border-bottom:1px  solid #666; }
.org_btn span{ height:26px; line-height:26px; padding:0 10px; display:inline-block; border-right:1px solid #fc9;  border-bottom:1px solid #fc9;  border-top:1px solid #ffc;  border-left:1px solid #ffc; background:url(../imgs/org_btn_bg.gif) 0 0 repeat-x;}
.org_btn:hover{ color:#000; border-top:1px  solid #666;  border-left:1px  solid #666;  border-right:1px  solid #000; border-bottom:1px  solid #000;}
.org_btn:hover span{ }


.bg{ position:absolute; top:0; left:954px; background:url(../imgs/bg.gif) 0 0 no-repeat; height:656px; width:196px;}
.wraper{ position:absolute; top:0; left:0; width:954px; border-right:1px solid #ccc;  border-bottom:1px solid #ccc; border-top:3px solid #0099FF; }
.top{text-align:left; position:relative; width:100%; background:#fff; color:#999;}
.top a img{ margin:10px 20px;}
.top p{ margin:0; padding:0 0 4px;}
.register{ position:absolute; top:10px; right:10px; font-size:11px;}
.register table td{ padding:0 2px 5px 0;}
.register input{ height:16px; width:120px;}
.register a{ margin:0 0 0 8px; text-decoration:none;} 
.register a.small_btn{color:#09f;}
.register a.small_btn:hover{ color:#fff;}


/* MENU */
.menu{ position:relative; z-index:1; background:url(../imgs/menu_bg.gif) 0 0 no-repeat; height:39px; padding:8px 0 0;  text-align:left; }
.menu ul{ display:inline-block;}
.menu li{ display:inline-block; float:left; margin:0 20px;}
.menu li a{ display:block; height:28px; line-height:28px; padding:0 0 0 14px; float:left; color:#fff;text-transform:uppercase; text-decoration:none; cursor:pointer; }
.menu li a:hover{ color:#FFFF00;}
.menu li a:hover,.menu li.select a {  background:#6cf url(../imgs/menu_over_L.gif) 0 0 no-repeat;}
.menu li.select a{font-weight:bold;}
.menu li a span{display:block; height:28px; padding:0 14px 0 0; float:left; }
.menu li a:hover span, .menu li.select a span{background:#6cf url(../imgs/menu_over_R.gif) right 0 no-repeat; }


.content{ padding:20px 30px 10px; border-bottom:1px solid #ccc;}
.questions{ background:#fff; margin:-20px 0 0; padding: 30px 20px 10px; position:relative;}


/* REGISTRATION FORM */
.rgst_form{ width:880px; margin:0 5px; }
.rgst_form h3{  border-top:1px dotted #ccc; padding:4px 0 0; margin:14px 0 5px;}
.rgst_form ul{margin:0px 0 0 20px;}
.rgst_form li{ display:inline-block; width:100%; margin:0 0 8px;  }
.rgst_form li strong{ text-transform:capitalize; padding:10px 0 5px; display:block;}
.rgst_form label{ width:160px;   display:block; float:left;  }
.rgst_form input { width:260px; height:18px; float:left;}
.rgst_form textarea{ font-size:11px; width:420px; height:100px; background:none; border:1px solid #ccc; padding:5px 0px 5px 5px; margin:0; font-family:Arial, Helvetica, sans-serif; color:#999;}
.rgst_form p{ padding:0 0 0 160px; margin:0; clear:both;}
.rgst_form p img{ margin:5px 0 0; padding:1px; border:1px solid #06c;}
.rgst_banner{  position:absolute; background:url(../imgs/banner.gif) 0 0 no-repeat; width:139px; height:437px; padding:40px 15px 0; right:30px; margin:20px 0 0; font-size:11px;}
.rgst_banner p{border-bottom:1px dotted #fff;}


/* import contacts tab */
.tab_2{ display:inline-block; width:880px;background:url(../imgs/tab_border.gif) left bottom repeat-x; margin:10px 5px 0; }
.tab_2 li{float:left;margin:0 0 0 10px;}
.tab_2 li a{ font-size:11px; font-weight:bold; border:1px solid #ccc; text-align:none; background: url(../imgs/tab_bg_2.gif) 0 0 repeat-x; height:22px; line-height:22px; padding:0 12px; display:inline-block; text-decoration:none; color: #73C1D2;  
-moz-border-radius-topleft:14px;
-moz-border-radius-topright:14px;}
.tab_2 li a.tab_on2{ border-bottom:1px solid #fff; background:#fff; color:#666;}
#option_content_01,#option_content_02{ padding:20px; margin:0; background:#fff; border-left:1px solid #ccc;  border-right:1px solid #ccc;  border-bottom:1px solid #ccc;}
/* HOW IT WORKS TAB*/
.tab{float:left; width:894px; background:url(../imgs/tab_border.gif) left bottom repeat-x;}
.tab li{ float:left; margin:0 0 0 20px;}
.tab a{ color:#999; display:block; height:30px; line-height:30px; width:82px; background:url(../imgs/tab_bg.gif) 0 0 no-repeat; text-decoration:none; text-align:center;}
.tab a.tab_on{ color:#F90; background:url(../imgs/tab_bg_select.gif) 0 0 no-repeat; font-weight:bold;}

#content_01,#content_02,#content_03,#content_04{ background:#fff url(../imgs/blue_gradian_bottom.gif) left bottom repeat-x; border-left:1px solid #ccc;  border-right:1px solid #ccc;  border-bottom:1px solid #ccc; text-align:left; padding:20px 0 35px; margin:0; display:inline-block; width:892px;}
#content_01 img,#content_02 img,#content_03 img,#content_04 img{ float:left; padding:0 0 0 20px;}
#content_01 p,#content_02 p,#content_03 p,#content_04 p,#content_01 h2,#content_02 h2,#content_03 h2,#content_04 h2{ padding:0 20px;}
#content_01 p,#content_02 p,#content_03 p,#content_04 p{ color:#666;}
#content_01 .right,#content_02 .right,#content_03 .right,#content_04 .right{ width:532px; background:url(../imgs/tab_content_bg.gif) 0 bottom no-repeat; margin:40px 20px 0 0; padding:0 0 10px;}
.tab_head_01,.tab_head_02,.tab_head_03,.tab_head_04{ width:532px; height:34px;}
.tab_head_01{ background:url(../imgs/tab_head_01.gif) 0 0 no-repeat;}
.tab_head_02{ background:url(../imgs/tab_head_02.gif) 0 0 no-repeat;  }
.tab_head_03{ background:url(../imgs/tab_head_03.gif) 0 0 no-repeat; }
.tab_head_04{ background:url(../imgs/tab_head_04.gif) 0 0 no-repeat; }


.content_top{ position:relative; z-index:0; background:#ccc url(../imgs/index_top.gif) 0 0 no-repeat; height:304px; margin:-20px 0 0; padding:20px 30px 0; text-align:left; } 
.content_top .left{ width:550px;}
.content_top .left  h1{ font-size:30px;color:#333; padding:16px 0 5px; font-weight:bold;}
.content_top .left h2{ font-size:24px; font-weight:lighter; line-height:1em; color:#333;}
.content_top .left p{ font-size:14px; }
.content_top .right{ width:304px; height:295px;   background:#f93 url(../imgs/orange_box.gif) 0 0 no-repeat;}
.content_top .right ul{ margin:173px 0 0 40px;}
.content_top .right ul li{ line-height:1.5em;}




.small_btn{ display:inline-block;background:url(../imgs/small_btn.gif) 0 0 no-repeat; height:19px; line-height:19px; width:91px; text-decoration:none; font-size:11px; text-align:center; color:#09f;}
.small_btn:hover{ background-position:0 -19px; color:#FFF; }

.content_bottom{overflow:hidden; _height:1%; border-top:1px solid  #F7F7F7; border-bottom:1px solid  #ccc;  background:url(../imgs/blue_gradian.gif) 0 0 repeat-x; text-align:left; padding:20px 30px 0 10px;}
.content_bottom .block{ background:url(../imgs/crowd_shadow.jpg) left bottom no-repeat; padding:0 0 10px;}
.content_bottom .left{ width:520px; height:200px; background:url(../imgs/anyemails_illustration3.jpg) center center no-repeat;}
.content_bottom .left p{ margin:160px 0 0 24px;  }
.content_bottom .right{ width:320px; padding:10px; margin:5px 0; border:5px solid #efefef;  color:#666; font-family:"Times New Roman", Times, serif; }
.content_bottom .right h1{ line-height:1em; margin:0 0 8px;}
.content_bottom .right p{ padding:0 0 10px; margin:0; color:#333; font-size:14px; line-height:1.2em; font-style:italic;}


/* QUESTION PAGE */

.questions ul li{ line-height:20px;}
.questions ul li span{ background: #33CCFF; color:#fff; font-size:9px; padding:1px 2px;}
.questions ul li a{ color:#999; cursor:pointer; margin:0 0 0 4px;font-weight:bold;}
.questions ul li a:hover{ color:#333; text-decoration:none}
.questions ul li a.question_on{ color: #0066FF; text-decoration:none; }
.answers{ position: absolute; top:60px; left:540px; width:360px; background:url(../imgs/answer_box.gif) center bottom no-repeat; padding:0 0 50px;}
.answers h1{ padding:10px; background:url(../imgs/answer_box_TOP.gif) center top no-repeat;}
.answers p{ padding:0 10px 5px; margin:0;}

/* privacy and terms PAGEs */

.privacy_content{
padding:10px 30px;
font:14px "Times New Roman", Times, serif;
line-height:1.2em;
text-align:left;
}


.privacy_content h3{
font-size:150%;
}
.privacy_content p{
font:14px "Times New Roman", Times, serif;
line-height:1.2em;
}

.privacy_content ul{
list-style-type:none;
}

.privacy_content li{
line-height:1.2em;
padding:0.5em 0;
}



.footer{ background:#ccc; border-top:1px solid #efefef;}
.footer p{padding:10px; margin:0;}
.footer a{ color:#333;}
.footer a:hover{ color:#09f}

