html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a { padding:0; margin:0; }
body {height: 100%; text-align: center; background: url(../images/topbar.png) repeat-x; font: 12px Arial, Helvetica, sans-serif; color: #333;}
img {border: none;}
ul {list-style-type: none;}
a:link {color: #51758d; text-decoration: none; cursor: pointer; }
a:active {color: #51758d; text-decoration: none;}
a:visited {color: #51758d; text-decoration: none;}
a:hover {color: #62a1c3; text-decoration: underline;}
a:active, a:focus, img {outline: 0;}
h1 {color: #D6D6D6 !important; }
.clear {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.overHidden {overflow: hidden; zoom: 1;}
.leftSide { float: left; }
.rightSide { float: right; }
.borderNone { border: none !important; }
.font14 { font-size: 14px; }
.main { width: 1000px; margin: 0 auto; text-align: center;}
.txtR { text-align: right; }
.txtJ { text-align: justify; }
.txtC { text-align: center; }
.txtL { text-align: left !important; }
/* header */
.header { width: 914px; margin: 0px auto; height: 50px; _height: 63px; position: relative; padding-top: 13px; text-align: left; }
.topLogo { position: absolute; left: 10px; top: 21px; }
.topLogo a { display: block; background: url(../images/matrix.png) no-repeat 0px 0px; width: 182px; height: 37px; text-indent: -9999px; }
.userMenu { position: absolute; top: 35px; right: 20px;}
/* top menu */
.topMenu { background: url(../images/matrix.png) no-repeat 0px -42px; height: 35px; _height: 50px; padding: 15px 0px 0px 245px; }
.topMenu li { float: left; padding: 0px 23px; border-left: 1px solid #f2f2f2; }
.topMenu a { font-size: 18px; }
/* content */
.content { width: 860px; _width: 1000px; padding: 20px 70px 10px 70px; position: relative; }
/* arrow */
.leftArrow { display: block; background: url(../images/matrix.png) no-repeat -5px -98px; width: 54px; height: 54px; text-indent: -9999px; position: absolute; top: 240px; left: 0px; }
.leftArrow:hover { background-position: -5px -151px; }
.rightArrow { display: block; background: url(../images/matrix.png) no-repeat -85px -98px; width: 54px; height: 54px; text-indent: -9999px; position: absolute; top: 240px; right: 0px; }
.rightArrow:hover { background-position: -85px -151px; }
/* adv block */
.advBlock300 { background: url(../images/matrix.png) no-repeat -651px -95px; width: 300px; _width: 344px; height: 250px; _height: 294px; padding: 22px; margin-bottom: 20px; }
.advBlock468 { background: url(../images/matrix.png) no-repeat -3px -215px; width: 468px; _width: 512px; height: 60px; _height: 104px; padding: 22px; margin: 0px auto; }
/* thumb block */
.thumbList { overflow: hidden; zoom: 1; margin-left: -12px; text-align: left; _margin-left: -24px; }
/* original --.thumbList .rightSide { width: 344px; height: 394px; _height: 402px; text-align: center; position: relative; top: -6px; } */
.thumbList .rightSide { width: 344px; height: 360px; _height: 402px; text-align: center; position: relative; top: -6px; }
.thumbList .thumbBlock { float: left; width: 162px; margin: 0px 0px 12px 12px; }
.thumbList .thumb { display: block; margin-bottom: 5px; }
.thumbList .thumb img { display: block; border: 1px solid #d3d3d3; }
.movieInfo li { margin: 0px 0px 5px 0px; float: none; color: #555; overflow: hidden; zoom: 1; font-size: 11px; }
.movieInfo li strong { color: #666; }
.movieInfo li a strong { color: #51758d !important;}
.movieInfo li a:hover strong { color: #62a1c3 !important; }
.movieInfo li a strong { font-size: 12px;}
/* social network */
.mizantrop { text-align: center; height: 24px; }
.mizantrop li { display: -moz-inline-stack; display:inline-block; _display: inline; padding: 0px 5px; height: 24px; line-height: 24px; font-size: 14px; }
.mizantrop li a { display: -moz-inline-stack; display:inline-block; _display: block; height: 24px; width: 24px; text-indent: -9999px; background: url(../images/matrix.png) no-repeat;}
.mizantrop li a.socialNet1 { background-position: -380px -112px; }
.mizantrop li a.socialNet2 { background-position: -380px -164px; }
/* pagination */
.pagination { padding-top: 20px; text-align: center; margin-bottom: 10px; height: 30px; }
.pagination li { display: -moz-inline-stack; display:inline-block; _display: inline; _padding: 0px 2px; height: 30px; width: 30px; line-height: 30px; font-size: 14px;}
.pagination li a { display: -moz-inline-stack; display:inline-block; _display: block; height: 30px; width: 30px; line-height: 30px; text-align: center; background: url(../images/matrix.png) no-repeat -311px -111px; text-decoration: none !important; color: #666 !important; }
.pagination li a:hover, .pagination li a.current { background-position: -311px -163px; color: #fff !important; font-weight: bold; }
.pagination li a.prewLink { background-position: -180px -111px; text-indent: -9999px; }
.pagination li a.prewLink:hover { background-position: -180px -163px;}
.pagination li a.nextLink { background-position: -241px -111px; text-indent: -9999px; }
.pagination li a.nextLink:hover { background-position: -241px -163px;}
/*------------------------------------- video.html */
.content.twoColumn { width: 970px; _width: 1000px; padding: 20px 15px 10px 15px; color: #666;}
.twoColumn .leftSide { width: 600px; text-align: left; }
.twoColumn .rightSide { width: 344px; text-align: left; }
/* video title */
.videoTitle { padding-bottom: 12px; height: 30px; _height: 42px; line-height: 30px; font-size: 18px; font-weight: normal; color: #333; width: 600px; position: relative; }
.videoTitle span.floatleft { position: relative; top: 7px; }
/* light on/off */
#lightsOut { display: block; background: url(../images/matrix.png) no-repeat -446px -109px; position: absolute; top: 4px; right: -11px; width: 74px; height: 42px; z-index: 101; text-decoration: none !important; color: #000 !important; }
.lightOn { background-position: -446px -163px !important;}
.lightOn:hover { background-position: -446px -109px !important; }
.lightOff { background-position: -446px -109px !important; }
.lightOff:hover { background-position: -446px -163px !important; }
#lightsOut span { display: block; visibility: hidden; position: absolute; font-size: 12px !important; text-transform: none; font-weight: normal !important; background: url(../images/matrix.png) -549px -114px; width: 78px; height: 17px; _height: 24px; top: 30px; right: 35px; padding-top: 7px; text-align: center; line-height: normal; z-index: 999; }
#lightsOut:hover span, .lightOn:hover span, .lightOff:hover span { display: block; visibility: visible;}
/* player */
.player { margin-bottom: 10px; }
/* tabmenu */
.tabMenu { height: 25px; position: relative; z-index: 5; }
.tabMenu li { float: left; padding-right: 1px; }
.tabMenu li a { display: block; height: 25px; line-height: 25px; text-align: center; color: #51758d !important; text-decoration: none !important; font-size: 14px; font-weight: bold; background: url(../images/matrix.png) no-repeat;}
.tabMenu li.bigtab a { width: 115px; background-position: -5px -381px; }
.tabMenu li.bigtab a:hover, .tabMenu li.bigtab a.current { background-position: -5px -425px; color: #9c9c9c !important; }
.tabMenu li.smallTab a { width: 77px; background-position: -121px -381px; }
.tabMenu li.smallTab a:hover, .tabMenu li.smallTab a.current { background-position: -121px -425px; color: #9c9c9c !important; }
/* tab block wrapper */
.tabBlockWrap { width: 598px; _width: 600px; position: relative; background-color: #ccc; padding: 0px 1px; margin-bottom: 15px;}
.tabBlockWrapBg { background-color: #fff; padding: 12px 16px; }
.tabBlockWrapTopBg, .tabBlockWrapBtmBg { display: block; height: 10px; width: 600px; position: absolute; left: 0px; line-height: 1px; font-size: 1px; background: url(../images/matrix.png) no-repeat; }
.tabBlockWrapTopBg { background-position: -5px -405px; top: -1px; }
.tabBlockWrapBtmBg { background-position: -5px -469px; bottom: 0px; }
#tabBlock_2, #tabBlock_3 { display: none; }
/* input form */
.inputForm li { margin-bottom: 10px; overflow: hidden; zoom: 1; padding-bottom: 2px; color: #333; }
.inputForm li .title { float: left; color: #666; font-weight: bold; position: relative; _top: 2px; margin: 0px; }
.inputForm li .textInput { border: 1px solid #999; width: 285px;}
.inputForm li textarea { border: 1px solid #999; width: 285px; height: 75px;}
.inputForm li select { border: 1px solid #999; }
.inputForm li label { margin-right: 25px; }
.inputForm li .radioInput { position: relative; top: 2px; }
.inputForm li .checkbox { position: relative; top: 1px; }
.captchaBlock { height: 36px; float: left; width: 240px; }
.captchaBlock img { float: left; border: 1px solid #999; margin-right: 8px; }
.captchaBlock span{ display: block; }
.captchaBlock input { width: 130px; border: 1px solid #999; }
/* Channel Info tab */
#tabBlock_1 p { margin-bottom: 10px; }
#tabBlock_1 .desc { margin-bottom: 0px; }
.channelInfo { margin-bottom: 10px; }
.channelInfo li { display: inline; padding-right: 10px; }
.likeThis { position: absolute; top: 12px; right: 16px; }
/* embed tab */
#tabBlock_2 .leftSide { width: 140px; }
#tabBlock_2 .leftSide strong { display: block; margin-bottom: 10px; color: #666 }
#tabBlock_2 .leftSide select { border: 1px solid #999; }
#tabBlock_2 .rightSide { width: 415px; padding-bottom: 10px; }
#tabBlock_2 .rightSide p { margin-bottom: 10px; }
#tabBlock_2 .rightSide textarea { border: 1px solid #999; width: 100%; height: 75px; }
.directUrl { clear: both; padding-top: 10px; _padding-top: 5px; text-align: right; }
.directUrl strong { color: #666 }
.directUrl input { border: 1px solid #999; width: 415px; margin-left: 5px; }
.embedCode { clear: both; text-align: right; }
.embedCode strong { color: #666 }
.embedCode input { border: 1px solid #999; width: 415px; margin-left: 5px; }
/* flag tab */
#tabBlock_3 p { margin-bottom: 10px; }
#tabBlock_3 .inputForm .title { width: 85px; }
#tabBlock_3 .inputForm textarea { width: 440px; height: 60px; }
#tabBlock_3 .inputForm .button { margin: 14px 0px 0px 10px; }
/* social network 2 */
.mizantrop_2 { text-align: left; height: 16px; margin-bottom: 15px; }
.mizantrop_2 li { float: left; padding: 0px 5px; height: 16px; line-height: 16px; }
/*.mizantrop_2 li a { display: block; float: left; height: 16px; padding-left: 20px; background: url(../images/matrix.png) no-repeat;}*/
.mizantrop_2 li a { display: block; float: left; height: 16px; padding-left: 20px; }
.mizantrop_2 li a:hover { text-decoration: none; }
.mizantrop_2 li a.socialNet1 { background-position: -659px -402px; }
.mizantrop_2 li a.socialNet2 { background-position: -982px -402px; }
.mizantrop_2 li a.socialNet3 { background-position: -659px -434px; }
.mizantrop_2 li a.socialNet4 { background-position: -982px -434px; }
.mizantrop_2 li a.socialNet5 { background-position: -659px -464px; }
.mizantrop_2 li a.socialNet6 { background-position: -982px -464px; }
/* block title */
.blockTitle { height: 50px; line-height: 50px; font-size: 14px; font-weight: bold; color: #333; }
.blockTitle .leftPart { display: block; background: url(../images/matrix.png) no-repeat 0px -317px; width: 20px; height: 50px; float: left; }
.blockTitle .centerPart { display: block; background: url(../images/matrix.png) no-repeat; height: 50px; margin-left: 20px; _position: relative; _left: -5px; }
.commentBlock .blockTitle .centerPart { background-position: -360px -42px; }
.relatedLive .blockTitle .centerPart { background-position: -290px -42px; }
.channelSchedule { background-position: -290px -42px;}
/* create acc on video page */
.createAccFast { padding: 10px 0px 15px 120px; text-align: left; font-size: 13px; }
.createAccFast p { margin-bottom: 10px; }
.createAccFast .textInput { margin: 0px 5px; border: 1px solid #999; }
/* post comment */
.postComment { padding: 10px 0px 15px 20px; }
.postComment .inputForm .title { width: 160px; }
.postComment .inputForm textarea { width: 350px; height: 40px; }
.postComment .inputForm .button { margin: 14px 0px 0px 10px; }
/* list comments */
.listComment { margin: 0px 10px; font-size: 13px; border-top: 1px solid #ccc; padding-top: 4px; }
.listComment li { margin-bottom: 4px; border-bottom: 1px solid #ccc; padding: 5px; overflow: hidden; zoom: 1; }
.listComment li .thumb { float: left; margin: 0px 15px 15px 0px;}
.listComment li p { margin-bottom: 5px; }
.postDate { float: right; color: #666; }
/* related video box */
.relatedLiveWrap { padding: 20px 0px 0px 20px;; height: 400px; _height: 420px; overflow: auto; margin-bottom: 20px; }
.relatedLiveWrap div { border-bottom: 1px solid #ccc; padding-bottom: 5px; overflow: hidden; zoom: 1; margin-bottom: 5px; }
.relatedLiveWrap div .thumb { float: left; margin-right: 10px; }
.relatedLiveWrap div .desc { display: block; height: 30px; margin-bottom: 5px; font-size: 14px; }
/* channel schedule */
.channelScheduleWrap { padding: 20px 0px 0px 20px;; height: 800px; _height: 820px; overflow: auto; margin-bottom: 20px; }
.channelScheduleWrap div { border-bottom: 1px solid #ccc; padding-bottom: 5px; overflow: hidden; zoom: 1; margin-bottom: 5px; }
.channelScheduleWrap div .schedule { width: 60px; float: right; padding-right: 20px; border: 0; margin-left: 5px;}
.channelScheduleWrap div div .day { font-size: 15px; font-weight: bold;}
.channelScheduleWrap div div .hour { }
.channelScheduleWrap div .desc { font-size: 10px; }
.channelScheduleSel { padding: 20px 0px 0px 20px; }
/*---------------------------------------------- footer */
.footer { padding: 20px 135px 15px 45px; border-top: 1px solid #eee; overflow: hidden; zoom: 1; text-align: left; }
.btmMenu { float: left; padding-right: 10px; }
.btmMenu li { margin-bottom: 3px; }
/*---------------------------------- */
.checkAgreeTerms { display: block; position: relative; clear: both; margin-top: 5px; width: 450px; _width: 505px; padding: 5px 5px 5px 24px; _padding-left: 28px; zoom: 1; }
.checkAgreeTerms input { position: absolute; top: 2px; left: 1px; }
.formErrorMsg { color: red; font-size: bold;}
/*--------------------------------- premium css stuff */
.premIndex { margin: 0px auto; width: 525px; text-align: left }
.makePremChannel { display: block; clear: both; margin-top: 5px; border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; width: 480px; _width: 510px; padding: 5px 5px 5px 1px; color: #4e6d85; font-weight: bold; font-size: 14px; background-color: #e8f3fe; }
.makePremChannel a { color: #999; font-size: 12px}
.makePremChannel a:hover { color: #093; }
.makePremChannel input { margin-right: 7px; position: relative; top: 2px; _top: 1px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.makePremChannel input { top: 0px;}}
.premSignUp *, .inputForm *, div.premChanCreate *, .premStats *, .premPayUpdate *, .premJoin *, .premPay *, .premAdminPay *, .premAdminPayPay *, .premAdminPaySett * { margin: 0px; padding: 0px; }
div.premChanCreate h3, .premStats h3, .premPayUpdate h3, .premJoin h3, .premPay h3, .premAdminPay h3, .premAdminPayPay h3, .premAdminPaySett h3 { font-size: 14px; font-weight: bold; color: #808080; padding-bottom: 5px; }
/* ------------------------------------------------ premium stats channels */
.premStats { text-align: left; }
.premStats h3 { padding-bottom: 8px; }
.premStats h4 { padding-bottom: 8px; }
.premStats h4 a { font-size: 14px; font-weight: bold; text-decoration: underline; }
.premStats h4 a:hover { text-decoration: none; }
.premTable { border: 1px solid #d2d2d2; width: 100%;}
.premTable thead tr { background: url(../images/premi_matrix.png) repeat-x 0px -247px; height: 30px; font-size: 12px; font-weight: bold; color: #666; }
.premTable thead td { border: none; }
.premTable td { border: 1px solid #d2d2d2; padding: 0px 7px; line-height: 30px; height: 30px; font-size: 12px; color: #666; text-align: center; }
.premTable .colorCell { background-color: #f9f9f9; }
.premTable .colorCellSel { background-color: #c8f0c1; }
.topTable { border: 1px solid #d2d2d2; width: 100%;}
.topTable thead tr { background: url(../images/premi_matrix.png) repeat-x 0px -247px; height: 30px; font-size: 12px; font-weight: bold; color: #666; }
.topTable thead td { border: none; }
.topTable td { border: 1px solid #d2d2d2; padding: 0px 7px; line-height: 20px; height: 20px; font-size: 12px; color: #666; text-align: center; }
.topTable .colorCell { background-color: #f9f9f9; }
.topTable .colorCellSel { background-color: #c8f0c1; }
.statsSummary { margin-bottom: 30px; }
.statsSummary input { width: 180px; padding: 2px; border: 1px solid #ccc; }
.statsSummary .inputColumn { width: 190px; }
.statsChannel { margin-bottom: 10px; }
.statsChannel .textBox { width: 220px; padding: 2px; border: 1px solid #ccc; }
.statsChannel .inputColumn { width: 230px; }
.statsChannel .checkbox { position: relative; top: 2px; margin-right: 3px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.statsChannel .checkbox { top: 0px;}}
/* sorting channels */
.sortChanel { overflow: hidden; padding-bottom: 5px; _padding-bottom: 10px; list-style-type: none; zoom; 1; }
.sortChanel li { float: left; padding-right: 13px; }
.sortChanel select { margin-left: 5px; border: 1px solid #ccc; }
/* mass del */
.delBut { float: left; background: url(../images/premi_matrix.png) no-repeat -41px -322px; height: 30px; padding-left: 31px; line-height: 23px; margin-left: 2px; _margin-left: 5px; }
.delBut input { padding: 2px; font-size: 12px; width: 100px; }
div.contactUsForm form {width:500px;}
div.contactUsForm form *{float:left;margin-top:4px;}
.w215 {width:215px;padding:3px;}
div.contactUsForm form textarea{height:114px;width:364px;}
div.contactUsForm form img,div.contactUsForm form .submit{margin-left:126px;}
div.contactUsForm form .r{border:1px solid #ccc;}
div.contactUsForm br {clear:both;}
div.contactUsForm form label {float:left;border:none;width:126px;}
div#pageContainer{min-height:325px;height:auto !important;height:325px;}
div.commentReply {margin-top: 20px;}
div.commentReply form label {float:left;border:none;width:126px;}
div.commentReply form textarea{height:114px;width:364px;}
div.commentReply form img,form .submit{margin-left:126px;}
div.commentReply form .r{border:1px solid #ccc; padding: 5px;}
table { font-size: 12px; font-family: Arial, Helvetica, verdana sans-serif; background-color:#fff; border-collapse: collapse;}
caption { font-size: 25px; color: #1ba6b2; font-weight: bold; text-align: left; padding: 10px; margin-bottom: 2px;}
thead th { border-right: 1px solid #eee; color:#000; text-align:center; padding:2px; text-transform:uppercase; height:25px; background-color: #eee; font-weight: normal;}
tfoot {color:#1ba6b2; padding:2px; text-transform:uppercase; font-size:1.2em; font-weight: bold; margin-top:6px; border-top: 6px solid #e9f7f6;}
tbody tr { background-color:#fff; border-bottom: 1px solid #f0f0f0;}
tbody td { color:#414141; padding:5px; text-align:left;}
tbody th { text-align:left; padding:2px;}
tbody td a, tbody th a { color:#6C8C37; text-decoration:none; font-weight:normal; }
tbody td a:hover, tbody th a:hover {color:#009193; text-decoration:none;}
div#pageContainer{min-height:325px;height:auto !important;height:325px;}
/*--------------------------------------- premium_signup */
.premSignUp { width: 860px; margin: 0px auto; text-align: left; }
.premSignUp .leftSide { width: 405px; _width: 428px; padding-right: 23px; border-right: 1px solid #ececec }
.premSignUp .rightSide { width: 405px; }
.premSignUp h3 { font-weight: bold; color: #c0c0c0; font-size: 24px; padding-bottom: 20px; }
/* input form */
.inputForm { list-style-type: none; }
.inputForm li { padding-bottom: 15px; }
.inputForm label { display: block; padding-bottom: 15px; font-size: 14px; color: #808080; }
.inputForm .textBox { padding: 5px; font-size: 14px; width: 400px; height: 32px; }
.inputForm .button { padding: 5px; font-size: 12px; }
/* about premium account */
div.aboutPrem { clear: both; padding-top: 25px; }
p.aboutPrem { margin: 0px 0px 25px 53px; position: relative; font-size: 14px; font-weight: bold; color: #4e6d85; background-color: #fafeec; border: 1px solid #cecece; padding: 5px 25px; zoom: 1;}
p.aboutPrem span { display: block; position: absolute; background: url(/images/premi_matrix.png) no-repeat 0px -17px; width: 69px; height: 67px; text-indent: -9999px; top: -12px; left: -53px; }
div.aboutPrem ul { list-style-type: none; padding-bottom: 10px; }
div.aboutPrem li { height: 30px; line-height: 30px; border-bottom: 1px dashed #ccc; padding-left: 32px; background: url(/images/premi_matrix.png) no-repeat -47px -95px; color: #404141; font-size: 12px; }
div.aboutPrem li.first { border: none; background: none; font-size: 14px; font-weight: bold; color: #6699cc; }
div.aboutPrem li.blueCell { background-color: #e8f3fe; }
.commentsIcon { display: block; background: url(../images/icons_bg.gif) no-repeat -4px -29px; height: 16px; padding-left: 22px; margin-right: 15px; }
.blogComments h3 { font-size: 12px; color: #999; }
.blogComments li { border-top: 1px solid #eee; padding-top: 13px; list-style: none; }
.blogComments .commentsIcon { margin-right: 0px; }
#commentOutput li p { margin-bottom: 10px;}
big { margin-bottom:10px; font-size:14px }
/* fmle stuff for broadcast page */
a.fms35 {width:74px;height:33px;float:left;background:url(../images/fmstoggle_2.png) 0px 35px;}
a.fms35:hover {background:url(../images/fmstoggle_2.png) top left;cursor:pointer;}
a.fms35_set{background:url(../images/fmstoggle_2.png) top left;}
a.fms25 {width:74px;height:33px;float:left;background:url(../images/fmstoggle_2.png) 77px 0px;}
a.fms25:hover {background:url(../images/fmstoggle_2.png) 77px 35px;cursor:pointer;}
a.fms25_set {background:url(../images/fmstoggle_2.png) 77px 35px;}
.broadcastPage {padding: 30px 0px; overflow: hidden; zoom: 1; width: 400px;}
.broadcastPage strong {font-size: 14px; color: #636464; margin-bottom: 5px; display: block;}
.broadcastPage ul {margin-bottom: 10px;}
.broadcastPage li {background: url(../images/matrix.png) no-repeat -986px -498px; padding-left: 20px; font-size: 13px;}
.broadcastPage .noties { border-bottom: 1px dashed #cccccc; line-height: 17px; border-top: 1px dashed #cccccc; padding: 8px 8px 8px 37px; font-weight: bold; background: #fffee7 url(../images/matrix.png) no-repeat -973px -515px; margin-bottom: 20px; }
.broadcastPage h2 {font-size: 14px; color: #999999; font-weight: bold; margin-bottom: 5px;}
.broadcastPage h2 span {font-weight: normal; font-size: 13px; color: #636464;}
.broadcastPage .textInput {padding: 5px; font-size: 14px; height: 32px; width: 400px; position: relative;}
.broadcastPage .button {float: right;}
.broadcastPage .makePremChannel {font-size: 13px; font-weight: normal;}
.broadcastPage .checkAgreeTerms { margin-bottom: 10px; width: auto; font-size: 11px; }
#affiliateCodeInput { display: none; font-size: 14px; color: #999999; font-weight: bold; padding-bottom: 10px; }
#affiliateCodeInput span { font-size: 12px; color: #000000; font-weight: 100; }
#affiliateCodeInput a { font-weight: bold; }
#affiliateCodeDiv { margin-bottom: 10px; }
#affiliateCodeDiv a { font-size: 13px; text-decoration: underline; }
#affiliateCodeDiv img { cursor: pointer; }
#affiliateCodeText { text-align: justify; width: 400px; margin: auto; padding-bottom: 20px; }
#createAffiliateCode { margin: auto; background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #E5E5E5; margin: 10px auto; padding: 20px 25px 15px; width: 400px;}
#createAffiliateCode span { display: block; font-weight: bold; margin: 0 0 0.5em; color: #000000; font-size: 13px; }
#createAffiliateCode table { border: none; background-color: #F5F5F5; }
#createAffiliateCode table td { border: none; background-color: #F5F5F5; }
#affiliateCodeResult span.affiliate_code_result { font-size: 18px; }
#affiliateCodeResult span.affiliate_code { font-weight: bold; color: #770003; }
#affiliateCodeResult { padding-bottom: 40px; }
#affiliateStatisticsLogin table, #affiliateStatisticsLogin table td { border: none; background-color: #F5F5F5; }
#affiliateStatisticsLogin { text-align: left; margin: 50px auto 50px auto; width: 300px; background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #E5E5E5; padding: 20px 25px 15px; }
#affiliateStatisticsLogin span, #createAffiliateCode span { font-size: 13px; text-align: left; }
#affiliateStatisticsLogin input[type="password"], #affiliateStatisticsLogin input[type="text"], #createAffiliateCode input[type="password"], #createAffiliateCode input[type="text"] { background: none repeat scroll 0 0 #FFFFFF; border-color: #C0C0C0 #D9D9D9 #D9D9D9; border-radius: 1px 1px 1px 1px; border-right: 1px solid #D9D9D9; border-style: solid; border-width: 1px; display: inline-block; height: 29px; margin: 0; padding-left: 8px;}
#affiliateStatistics { width: 900px; margin: auto; margin-top: 20px; }
#affiliateStatistics #affiliateStatisticsLogout { text-align: right; }
#affiliateStatistics #affiliateStatisticsContainer { margin-top: 20px; margin-bottom: 20px; }
#affiliateStatistics table{ border: 0px solid black; border-spacing: 0px; width: 100%; }
#affiliateStatistics table thead tr{ font-family: Arial, monospace; font-size: 14px; }
#affiliateStatistics table thead tr th{ border-bottom: 2px solid black; border-top: 1px solid black; margin: 0px; padding: 2px; background-color: #cccccc; }
#affiliateStatistics table tr { font-family: arial, monospace; color: black; font-size:12px; background-color: white; }
#affiliateStatistics table tr.odd { background-color: #AAAAAA; }
#affiliateStatistics table tr td, th{ border-bottom: 1px solid black; padding: 2px; }
#affiliatesList { margin-bottom: 50px; margin-top: 10px; }
#affiliatesList table { width: 100%; }
#affiliatesList img.payout { cursor: pointer; }