body{font-family: arial, verdana;font-size: 12px;margin: 0px 0px 0px 0px;filter: none;color: #333333;}
A{text-decoration: none;color: #0066FF;}
A:link {color: #0066FF;}
A:visited {color: #0066FF;}
A:hover {color: #009933;} 
img{border: 0px;}
input{font-family: verdana, arial;}

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.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;}


h2,h3 { color:#ccc;}
#bugreport {width:298px;  padding: 10px 10px; float:left; clear:both;}
#bugreport a {padding: 0px 2px;}
#bugReportMessage { width:300px; height: 130px;  margin-top:10px}
#bugreport h2 {padding-bottom:4px;}
#bugreport span {font-size:11px;}
#bugreport #slink {bottom:7px;left:18px;margin-left:-12px;margin-top:4px;position:absolute;}
#bugreport.loading{background:none;}
#bugreport.loading div {display:none}
#bugreport img.spinna { display:none;}
#bugreport.loading img.spinna {margin-top:135px;margin-left:60px;}
#bugreport.loading  h2, #bugreport.loading span,#bugreport.loading img.spinna {display:block;} 
#bugreport.closed {height:22px;}
#bugreport.closed div {display:none;}
#bugreport.closed h2, #bugreport.closed span, #bugreport.closed a #oc{display:block !important;} 
#bugreport a#oc {position:absolute; right:10px; top:14px;}
.bugAbout { float:left;margin:14px 0 0 52px;width:260px;}
#bugreport #loading {margin-left:33px;margin-top:25px;}
.hidden { display: none; }


.sectionTitle { overflow: hidden; }
.calendarIcon { display: block; background: url(icons_bg.gif) no-repeat -5px 0px; height: 15px; padding-left: 20px; margin-right: 15px;  }
.commentsIcon { display: block; background: url(icons_bg.gif) no-repeat -4px -29px; height: 16px; padding-left: 22px;  margin-right: 15px;  }
.blogpost { margin-bottom: 20px; }

.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; }

.pagination li { padding:0;display: block; float: left; border: 1px solid #a0a0a0; margin-right: 5px; }
.pagination li a { color: #0066ff; text-decoration: none; font-weight: bold; display: block;  padding: 1px 5px; }
.pagination li a:hover, .current { color: #fff !important; background-color: #6796b7; }

.infoBlock { border: 2px solid #eee; padding: 10px; }

/*-------------------------------------------------------------- update 7 may 2010 ----------------------------------------------------*/
.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;  }
.txtC { text-align: center; }
.txtL { text-align: left !important; }
.greyColor { color: #999 !important; }
.colorGreen { color: #336600 !important; }
.colorRed { color: #ff6600 !important; }
.overHidden { overflow: hidden; zoom: 1; }
.floatRight { float: right; }
.clear { clear: both; }
.marginTop { margin-top: 0px !important; }
.leftSide { float: left; }
.rightSide { float: right; }
/*---------------------------------- blue block for premium channel */
.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;}}
/*--------------------------------------- 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; }
/* ------------------------------------premium channel create settings */
div.premChanCreate { padding: 20px 0px; }
div.premChanCreate h3 { padding-bottom: 5px;  }
div.premChanCreate ul { list-style-type: none; }
div.premChanCreate li { overflow: hidden; border-bottom: 1px solid #f0f0f0; height: 25px; line-height: 25px; font-size: 12px; color: #414141; padding-left: 6px; }
div.premChanCreate li.last { border: none }
div.premChanCreate li.last input { padding: 1px; font-size: 12px; width: 120px; margin-top: 2px; }
div.premChanCreate li label { float: left; width: 120px;  }
div.premChanCreate select{ border: 1px solid #ccc; width: 120px; _margin-top: 1px; }

/* ------------------------------------------------ premium stats channels */
.premStats { text-align: left; }
.premStats h3 { padding-bottom: 8px;  }

.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; }

.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: 25px; padding-left: 31px; line-height: 23px; margin-left: 2px; _margin-left: 5px; }
.delBut input { padding: 2px; font-size: 12px; width: 100px; }
/* pagination */
.pagination2 { overflow: hidden; list-style-type: none; zoom: 1; }
.pagination2 li { display: block; float: left; height: 20px; margin-left: 6px; border: 1px solid #ccc; }
.pagination2 a { display: block; float: left; background: url(images/premi_matrix.png) no-repeat 0px -291px; height: 20px; padding: 0px 5px; line-height: 20px;  }
.pagination2 a:hover, .pagination2 li.current a { color: #333; background-color: #ddd; background-image: none; }

.premStats h4 { padding-bottom: 8px; }
.premStats h4 a { font-size: 14px; font-weight: bold; text-decoration: underline; }
.premStats h4 a:hover { text-decoration: none; }
/* promote channels */
.promoteChannel { font-size: 12px; font-weight: bold; color: #666; }
.promoteChannel .textBox { width: 325px; padding: 2px; border: 1px solid #ccc; margin: 0px 10px; }
/* -------------------------------- premium_payments_update */
.premPayUpdate { width: 760px; margin: 0px auto; overflow: hidden; text-align: left; }
.premPayUpdate h3 { padding-bottom: 20px;  }
.premPayUpdate h4 { font-size: 12px; font-weight: bold; padding-bottom: 5px;  }
.premPayUpdate .leftSide { padding-left: 20px; width: 290px; }
.premPayUpdate .rightSide { width: 320px; }
.premPayUpdate ul { list-style-type: none; padding-bottom: 10px; }
.premPayUpdate li { overflow: hidden; margin-bottom: 4px; min-height: 22px;  line-height: 22px; zoom: 1; }
.premPayUpdate li label { display: block; float: left; }
.premPayUpdate li input { width: 145px; border: 1px solid #a5acb2; padding: 2px; }
.premPayUpdate li em { display: block; font-size: 9px; font-style: normal; color: #a2a2a2; line-height: 9px; padding-bottom: 5px; }
.premPayUpdate .leftSide label { width: 110px; }
.premPayUpdate .rightSide label { width: 170px; }
.premPayUpdate .rightSide li div { float: left; width: 145px; _position: relative; left: 3px; }
.premPayUpdate .icq, .premPayUpdate .skype, .premPayUpdate .msn { background: url(/images/premi_matrix.png) no-repeat; padding-left: 20px; width: 90px !important; _width: 110px !important; }
.premPayUpdate .icq { background-position: -54px -166px; }
.premPayUpdate .skype { background-position: -54px -135px; }
.premPayUpdate .msn { background-position: -54px -208px; }
.premPayUpdate .button {padding: 0px 15px; margin: 20px 0px 0px 20px; }
/* -------------------------------- premium viewer join*/
.premJoin { width: 715px; text-align: left; margin: 0px auto; overflow: hidden; font-size: 12px;}
.premJoin .leftSide { width: 363px; }
.premJoin .rightSide { width: 300px; }
.premJoin h3 { padding-bottom: 5px; }
.premJoin .aboutPrem { padding-top: 10px; }
.premJoin .aboutPrem ul { border-top: 1px dashed #ccc; }

.getUpDiscount { display: block; background: url(/images/premi_join_matrix.png) no-repeat -8px -45px; width: 363px; height: 139px; text-indent: -9999px; margin-top: 5x;  }

div.premPlan { padding: 10px 0px 5px 0px; }
div.premPlan label { display: block; background: url(/images/premi_join_matrix.png) no-repeat 0px 0px; width: 243px; padding-left: 44px; _width: 287px; height: 40px; margin-bottom: 7px; position: relative; line-height: 40px; font-size: 18px; color: #52778f;  }
div.premPlan label input { position: absolute; top: 14px; _top: 10px; left: 16px; }
div.premPlan label strong { position: absolute; top: 0px; left: 203px; color: #6c6c6c; font-size: 24px; }
div.premPlan label em { font-size: 12px; position: relative; top: -9px; font-style: normal; }
p.premPlan { margin-bottom: 5px; }
p.premPlan input { margin-right: 3px; }

.premJoin .note { font-size: 10px; margin-bottom: 10px; }
.premJoin .button { padding: 5px 15px; _padding: 5px; }
/* ----------------------------- premium payments */
.premPay { text-align: left; margin: 0px auto; width: 970px; }
.premPay .leftSide { width: 420px; }
.premPay .rightSide { width: 510px; }
.premPay h3 { padding-bottom: 10px; }

div.requestPayout { width: 300px; margin-left: 60px; padding-bottom: 40px; }
div.requestPayout select { width: 100%; font-size: 18px; color: #000; margin-bottom: 5px; border: 1px solid #a5acb2; }
div.requestPayout textarea { width: 100%; _width: 300px; height: 50px; border: 1px solid #ccc; margin: 5px 0px; padding: 2px; _margin-left: -60px; }
p.requestPayout { margin-left: 10px; }
p.requestPayout .textBox { width: 85px; padding: 2px; margin: 0px 10px 0px 5px; border: 1px solid #ccc; }

.yellowBlock { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 7px 15px !important; margin-bottom: 7px !important; background-color: #fdfee6; }
.yellowBlock strong { display: block; color: #808080; }
.yellowBlock ul { list-style-type: none; }

.blueBlock { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 7px 15px !important; margin-bottom: 7px !important; background-color: #e8f3fe; }
.blueBlock a { text-decoration: underline; }
.blueBlock a:hover { text-decoration: none; }
/* ----------------------------- premium admin payments */
.premAdminPay { text-align: left; margin: 0px auto; width: 950px; }
.premAdminPay .leftSide { width: 710px; }
.premAdminPay .rightSide { width: 225px; }
.premAdminPay h3 { padding-bottom: 5px; }
.premAdminPay .premTable { margin-top: 5px; }
/* mass pay block */
.massPay { border: 1px solid #d2d2d2; list-style-type: none; }
.massPay .colorCell { background-color: #f9f9f9; border-bottom: 1px solid #d2d2d2; }
.massPay li { padding: 4px 3px; }
.massPay .button { padding: 0px 10px; }
.massPay p { padding-bottom: 3px; }
.browseFile { width: 215px !important; }
/* ----------------------------- premium admin payments pay*/
.premAdminPayPay { text-align: left; margin: 0px auto; width: 1000px; }
.premAdminPayPay .leftSide { width: 465px; }
.premAdminPayPay .rightSide { width: 510px; padding-top: 5px; }
.premAdminPayPay h3 { padding-bottom: 5px; }
.premAdminPayPay h3 a, .premAdminPayPay .leftSide a { text-decoration: underline; }
.premAdminPayPay h3 a:hover, .premAdminPayPay .leftSide a:hover { text-decoration: none; }

.premTable2 { border: 1px solid #d2d2d2; width: 100%;}
.premTable2 thead tr { font-weight: bold; color: #666; background-color: #f9f9f9; }
.premTable2 td { border: 1px solid #d2d2d2; padding: 0px 7px; line-height: 30px; height: 30px; font-size: 12px; color: #666; text-align: center; }
.premTable2 .colorCell  { background-color: #f9f9f9; }
.premAdminPayPay .premTable2 { margin: 5px 0px;; }
.premAdminPayPay .premTable2 .textBox { width: 70px; border: 1px solid #ccc; padding: 2px; text-align: center; }
.premAdminPayPay .premTable2 .button { _width: 100px; padding: 0px 5px; }
.premAdminPayPay .premTable2 .button2 { _width: 120px; padding: 0px 5px; }
/* ----------------------------- premium admin payments settingd*/
.premAdminPaySett { text-align: left; margin: 0px auto; width: 800px; }
.premAdminPaySett .leftSide { width: 430px; }
.premAdminPaySett .rightSide { width: 340px;}
.premAdminPaySett h3 { padding-bottom: 10px; }
.premAdminPaySett table { margin-bottom: 15px; }
.premAdminPaySett table select { width: 50px; border: 1px solid #ccc; }
.premAdminPaySett table label { padding-right: 10px; }
.premAdminPaySett table label input { margin-right: 3px; position: relative; top: 2px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.premAdminPaySett table label input { top: 1px;}}
.premAdminPaySett table td { text-align: left; }
.premAdminPaySett table td.txtC { text-align: center; }