﻿html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, table, th, td {margin: 0;padding: 0;}
body{font: normal 11px/17px verdana, Arial, Helvetica, sans-serif;color:#333;} 
ul, li, ol{list-style:none;}
img{border:none;}
em{font-style: normal;}
sup{font-size:8px;line-height: 15px;}
h3 sup{font-size:5px;}
a:link,a:visited{text-decoration:none; border:0; outline:none}
a:hover{text-decoration:underline;}
a:active{font-weight: bold;}
/*--reset over--*/
.clear{clear:both;}
.clear:after{content:"."; display:block; font:0; visibility:hidden; clear:both; height:0;}
.blueCo{color:#336699;font-size:11px;font-weight:normal;}
.videoLayer, .feaLay, .aboutMor{margin-bottom:30px;}
.txtRt{text-align:right;}
.txtBold{font-weight:bold;}
.noBold{font-weight:normal;}
/*--header--*/
#header{padding:0px 20px; width:955px; height:50px;margin:0 auto;}
#header .logo{margin-top:11px; display:block;height:27px;width:220px; float:left;}
#header .menu{float:right;padding-top:1px;overflow:hidden;}
.menu a{display:inline-block; padding-left:24px; height:48px;}
.menu a span{display:inline-block; padding-right:24px; padding-top:24px; height:24px; color:#f5f5f5; cursor: pointer;  }

.preHeader, .preHeader .logo, .preHeader .menu a:hover, .menu a.currt, .preHeader .menu a:hover span, .menu a.currt span
{background:url(../images/preHeadImg.png) left bottom repeat-x;}
.xrHeader, .xrHeader .logo, .xrHeader .menu a:hover, .menu a.currt, .xrHeader .menu a:hover span, .menu a.currt span
{background:url(../images/xrHeadImg.png) left bottom repeat-x;}

#header .logo{background-position: left -59px; background-repeat: no-repeat;}
#header .menu a:hover, #header .menu a.currt{background-position: left top; background-repeat: no-repeat; text-decoration:none;}
#header .menu a:hover span, #header .menu a.currt span{background-position: right top; background-repeat: no-repeat;}/*--menu a:hover and target element--*/
/*--end--*/

.videoLayer h1 .blueCo,
.regBt, .headH3 .blueCo,.laylist .desc .blueCo,.menu a span em, .closed
{
    background:url(../images/medium-imgs.png) left top no-repeat;
}


/*.menu a span em{display:inline-block; padding-left:15px;background-position:left -104px;}//link arry*/

/*--page content--*/
#content{padding:45px 19px 0 19px;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;width:955px;margin:0 auto;}
.videoLayer{position:relative; zoom:1;}
.videoLayer h1{border-bottom:3px solid #666;margin-bottom:10px; padding-bottom:10px;position:relative;}
.videoLayer h1 .layTitle{font-size:18px;font-weight:bold;+line-height:28px;}
.videoLayer h1 .blueCo, .headH3 .blueCo{position:absolute;right:0; line-height:11px; background-position:right -106px;padding-right:10px;bottom: 10px;}
.vidDesc{width:303px;float:left;padding-bottom:134px;}
/*.vidDesc h2{font-size:18px;line-height:22px; color:#5a3585;padding-bottom:30px; font-weight:normal;}*/
.purpleH2{font-size:18px;line-height:22px; color:#5a3585;padding-bottom:30px; font-weight:normal;}
.blackH2{font-size:18px;line-height:22px; color:#333;padding-bottom:30px; font-weight:normal;}
.vidDesc .descInfo{padding-top:8px; border-top:1px solid #ccc;}
.videoId{float:right;height:360px;width:632px;}
.regLay{background-color:#f5f5f5;border-top:1px dotted #b8b8b8;padding:5px 0px 20px; font-weight:bold;color:#58595b;}
.videoLayer .regLay{position:absolute; bottom:0px; left:0px; width:297px; _bottom:9px;}
.regLay span.relayText {padding:0 5px 10px 5px;float:left}
.regLay p{padding-top:18px; text-align:center;}
.regbuttom{position: absolute;bottom: 0px;width: 303px;padding: 5px 0px;}
.meduButton{margin:0px auto;text-align:center; }
.relayText p{ padding: 0px;float: left;text-align: left;}
.regBt{color:#f5f5f5; display:inline-block; width:144px; height:34px; background-position:left -127px; line-height:32px;}
.regBt:hover{background-position:left -166px; text-decoration:none;}
.regBt:active{background-position:left -205px;}
/*--rule Button--*/
.callToAction {
    background-image: url(../images/buttonBg.jpg);
color: #fff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 32px;
border-radius: 4px;
line-height: 32px;
    min-width: 124px;
    display: inline-block;
    padding: 0px 10px;
}
.callToAction:hover {
    background-image: url(../images/buttonBg-hover.jpg);
    text-decoration:none; cursor:pointer;
}
.ctaBtn{ max-width: 283px;width: 283px;height: 35px;line-height: 35px;margin:5px 0px}

.screenshot{height: 360px;width: 632px;}
.end-screen{bottom: 0px;right: 0px; position: absolute; z-index: 10;}
.end-screen a{ font-weight: bold;height: 360px;width: 632px; display: block}
.ruleBt{color:#f5f5f5; display:inline-block; height:34px; line-height:34px; width:144px; background:url(../images/buttonImgs.png) left -243px no-repeat;}
.ruleBt:hover{background-position:left -282px; text-decoration:none; cursor:pointer;}
.ruleBt:active{background-position:left -321px; }
.meduBt .ruleBt{margin:0 10px;}

/*--end--*/
.headH3{border-top:1px solid #999;border-bottom:1px solid #ccc; position:relative;font-size:11px;line-height:27px;height:27px;}
.feaLay{margin-bottom:30px;}
.headH3 .blueCo{bottom:8px;}
.feaLay .laylist li{float:left;width:303px;margin-right:23px;}
.feaLay .laylist li.noMar{margin-right:0px;}
.feaLay .laylist li.lessPad{padding-bottom:10px}
/*.laylist h3{color:#5a3585;border-top:1px dotted #bebebe;font-size:11px;line-height:11px;padding:9px 0 24px;}*/
.blackH3{ color: #333;border-top:1px dotted #bebebe;font-size:11px;line-height:11px;padding:9px 0 24px;}
.purpleH3{ color: #5a3585;border-top:1px dotted #bebebe;font-size:11px;line-height:11px;padding:9px 0 24px;}
.laylist .showImg{text-align:center;padding:10px 0;}
.showImg img{vertical-align:middle;}
.laylist .desc a{color:#336699; text-decoration:underline;}
.laylist .desc .blueCo{padding-right:10px; background-position:right -105px;}
.desc a:active{font-weight:bold;}
.aboutMor h3.headH3{margin-bottom:10px;}
.aboutMor .descBold{float:left; font-size:18px; line-height:22px; color:#999;width:45%;}
.aboutMor .descInta{float:right;width:45%;}

.aboutMor h3{margin-bottom: 10px;border-top: 1px solid #999;border-bottom: 1px solid #CCC;position: relative;font-size: 11px;line-height: 27px;height: 27px;font-size: 11px;line-height: 27px;}
.aboutMor p{ padding-bottom:10px;} 
.aboutMor table {padding: 0px 13px 0px 10px;background-color: whiteSmoke;width: 100%;text-align: left;} 
.aboutMor table thead th {border-bottom: 1px solid #CCC; color:#5A3585} 
.aboutMor table tbody td {padding: 7px 0;border-bottom: 1px dotted #B1B1B1;} 
.aboutMor table tbody td p{font-weight:normal;}
.aboutMor table thead th.txtDec{text-decoration:none;}

/*--preminumIndex--*/
.premiumMor h3{margin-bottom:10px;}
.preFeaLay{margin-bottom:0px;}
.preFeaLay .laylist{margin-top:-1px;}
.preFeaLay .laylist li{padding-bottom:24px;}
.preFeaLay .laylist .showImg{border-top:1px solid #ccc;}
.tollList table tbody .noBbot td{ border-bottom:none;}
.premiumMor{margin-bottom:20px;}
.tollList{padding:5px 13px 0; background-color:#f5f5f5;}
.tollList table{width:100%; text-align:left;font-weight:bold;}
.tollList table thead th{border-bottom:1px solid #ccc; text-decoration:underline}
.tollList table tbody td{padding:7px 0;border-bottom:1px dotted #b1b1b1;}
.tollName{width:230px;padding:12px 20px 5px 0; text-align:left;}
.operate{width:110px;padding: 12px 0 5px 20px;}
.operate span{padding-left:20px; }
.operate .av-add{cursor: pointer; background: url("../images/table_dire.png") no-repeat scroll left center transparent;}
.operate .av-add img{vertical-align: middle;padding: 0 5px 3px 0;}
/*--pop-Layer--*/
.popLayer{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0.8; filter:alpha(opacity=80); display: none;}
.popId{display:none; background-color:#fff; border:1px solid #ccc; z-index:99; padding:0 20px 18px 20px;}
.popId{box-shadow: 1px 1px 3px rgba(0,0,0,.3);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3);}/*--css3--*/
.popId .popHead{ font-weight:bold; position: relative; height:27px; line-height: 27px; border-bottom:1px solid #d6d6d6;}
.popHead .closed{display:inline-block; width:17px; height:15px; position:absolute; right:0; top:8px; background-position:left -244px;}
.popHead .closed:hover{background-position:-23px -244px;}
.popHead .closed:active{background-position:-47px -244px;}

.popId h2{height:43px; line-height:43px; color:#000; font-size:16px; border-bottom:3px solid #666; margin-bottom:7px;}
.popId .popCont{padding-bottom:20px; border-bottom:1px dotted #b2b2b2;}
.popId .popBotom{padding-top:14px; text-align:right;}
.popBotom .regBt{ text-align:center; font-weight:bold;}

.jqTransformInputWrapper{ height:35px!important}
#dialog-mask {position:fixed; top:0; left:0; height:100%!important; height:0; width:100%!important; width:0; background:#000!important; opacity: 0.8;  filter: alpha(opacity = 80); z-index:2!important}
#footer {background: none repeat scroll 0 0 #F5F5F5;border-top: 1px dotted #B1B1B1;color: #999999;font-weight: bold;height: 99px;line-height: 100px;text-align: center;}