/*** this file defines how the looks of the application
	 *** without this the app is bare-bones (ct-scan)
	 *** @modified: Sunday, march 14th 2010
	 *** @author:   www.kursorsolutions.com
--------------------------------------------------------------*/

html, body { background: #333333; margin: 0px; padding: 0px; font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #333333; text-align: left; }
.bodytxt { line-height: 16px; padding: 12px 10px 20px 20px; text-align: left; }
#msg-box { position: fixed; padding: 3px 50px; font-size: 14pt; text-align: left;  margin: 0px auto; bottom: 0px; right: 0px; height: 50px; line-height: 50px }
#wrapper { width: 970px; text-align: left; padding: 0px; background: #ffffff; margin: 10px auto }
#lightbox { position:absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/lightbox.png); overflow: hidden; z-index: 100; }
#plslogin, #contact-form,#join-group-form,#post-comment-form,#report-abuse-form,#email-page-form,#tellfriend-page-form,#write-editor-form { position: absolute; left: 0px; top: 0px; padding: 10px; background: #fff; width: 400px; z-index: 101; \-moz-border-radius: 5px; \-webkit-border-radius:5px }
#ad-form, #feedback-form,#comment-form { position: absolute; left: 0px; top: 0px; padding: 10px; background: #fff; width: 370px; z-index: 101; \-moz-border-radius: 5px; \-webkit-border-radius:5px }
#forum-reply-form { position: absolute; left: 0px; top: 0px; padding: 10px; background: #fff; width: 600px; z-index: 101; \-moz-border-radius: 5px; \-webkit-border-radius:5px }
#house-post-form { position: absolute; left: 0px; top: 0px; padding: 10px; background: #fff; width: 470px; z-index: 101; \-moz-border-radius: 5px; \-webkit-border-radius:5px }
#rating-guidelines { position: absolute; left: 0px; top: 0px; padding: 10px; background: #fff; width: 600px; z-index: 101; \-moz-border-radius: 5px; \-webkit-border-radius:5px }
#catspop { position: absolute; left: 0px; top: 0px; padding: 10px; background: #fff; width: 750px; z-index: 101; \-moz-border-radius: 5px; \-webkit-border-radius:5px }
#top-curve { background: #fff url(../images/curve-top.gif) left top no-repeat; height: 25px }
#navbar { width: 950px; margin: 10px auto 0 auto; }
#navbar td { border-right: 1px dotted #fff; cursor: pointer; padding: 6px 0 }
td#home { background: #990000; text-align: center; color: #ffffff }
td.black { background: #000000; text-align: center; color: #ffff00; }
td.green { background: #009900; text-align: center; color: #ffffff }
td.yellow { background: #cc9900; text-align: center; color: #ffffff }
#sponsor1 { padding: 5px 0 0 10px }
#sponsor2 { padding: 5px 10px 0 0; text-align: right }
#subnav-main { width: 848px; margin: 0 auto; padding: 2px 50px }
.selected-green { background: #009900 url(../images/triangle_.gif) no-repeat center bottom; text-align: center; color: #ffffff }
.selected-yellow { background: #cc9900 url(../images/triangle_y.gif) no-repeat center bottom; text-align: center; color: #ffffff }
.selected-black { background: #000000 url(../images/triangle_b.gif) no-repeat center bottom; text-align: center; color: #ffcc00; }
.off-black { background: #e7e7e7; border: 1px solid #cccccc; border-top: 0px }
.off-green { background: #B2E0B2; border: 1px solid #99D699; border-top: 0px }
.off-yellow { background: #F0E0B2; border: 1px solid #EBD699; border-top: 0px }
.black-border { border: 1px solid #e7e7e7; }
.green-border { border: 1px solid #B2E0B2; }
.green-border-thick { border: 5px solid #B2E0B2; }
.green-header { background: #B2E0B2; line-height: 20px; padding: 0 10px; color: #000000; font-size: 15px }
.yellow-border { border: 1px solid #F0E0B2; }
.yellow-border-thick { border: 5px solid #F0E0B2; }
.yellow-header { background: #DCB94F; line-height: 20px; padding: 0 10px; color: #000000; font-size: 15px }
.black-header { background: #e7e7e7; line-height: 20px; padding: 2px 10px; font-size: 15px }
.black-border-thick { border: 5px solid #000; }
.helphdr { background: #000000; text-align: left; color: #ffff00; padding: 3px 10px; font-size: 30px; }

#body { padding: 10px 20px 20px 20px }
#dv-search { padding: 0 0 10px 0; clear:both; }
#search-box { font-size: 15px; border:1px solid #ccc; padding: 2px 25px 2px 5px; background: url(../images/srch-icon.gif) 101% top no-repeat }
#logged-in-status { padding: 5px 38px 5px 0px; background: #f4eabc; text-align: right; }
#logged-in-status a { color: #069 }
#footer { font-size: 10px; background: url(../images/curve-bottom.gif) left bottom no-repeat; padding: 5px 20px; text-align: center; }
#footer-links { padding: 20px 0 0 0; text-align: center; }
#defined { border-top: 2px solid #666 }
#defined td { border-bottom: 1px solid #f1f1f1; padding: 2px 5px }
#defined tr:hover { background: #ccff66; cursor: default; }
#defined .heading { background: #c2c2c2; color: #000; line-height: 20px; font-weight: bold }
#defined tr.heading:hover { background: #c2c2c2; cursor: default; }
#defined tr.nohover:hover { background: #fff; cursor: default; }
#scrollable { width: 550px; height: 350px; padding: 0 20px 0 0 ; overflow-y: auto; font-size: 11px }
#sublinks { margin: 0; padding: 0; }
#sublinks li { list-style: none; }
.content-area { margin: 0 30px 30px 30px; padding: 5px 10px; \-moz-border-radius: 5px; \-webkit-border-radius:5px }
#headlines, #blog-headlines { margin: 0; padding: 0; }
#headlines li { list-style: none; border-bottom: 1px dotted #333333; margin: 0 0 10px 0; padding: 0 10px 10px 10px }
#blog-headlines li { list-style: none; margin: 0 0 10px 0; padding: 10px }
#sublinks li.selected { color: #c2c2c2; }
#sublinks li a { line-height: 20px }
#page-actions { padding: 15px 0 0 0 }
#home-help-me { background: #000000; color: #ffff00; font-size: 18px; text-align: center; padding: 5px; margin: 10px 10px 0 0; cursor: pointer }
#green-palette .left { background: url(../images/green-hdr-left.gif) no-repeat; padding: 0 0 0 8px }
#green-palette .right { background: url(../images/green-hdr-right.gif) right top no-repeat; padding: 0 8px 0 0 }
#green-palette .mid { background: #52BA52; line-height: 20px }
#green-palette .content { border: 1px solid #52BA52; padding: 5px 8px; height: 150px; overflow: scroll; overflow-x: hidden; }
#yellow-palette .left { background: url(../images/yellow-hdr-left.gif) no-repeat; padding: 0 0 0 7px }
#yellow-palette .right { background: url(../images/yellow-hdr-right.gif) right top no-repeat; padding: 0 7px 0 0 }
#yellow-palette .mid { background: #DCB94F; line-height: 20px }
#yellow-palette .content { border: 1px solid #DCB94F; padding: 5px 8px; height: 150px; overflow: scroll; overflow-x: hidden; }
#footer-ads { padding: 20px 0 0 0; }
#footer-ads img { margin: 0 5px 0 0; }

#blogcats { padding: 0 20px; margin: 0; text-align: center;  }
#blogcats li { list-style: none; padding: 1px 0; border-bottom: 1px solid #f1f1f1 }

.hidden { display: none; }
.spacer { padding: 5px 0 0 0 }
.spacer2 { padding: 3px 0 0 0 }
.hand { cursor: pointer; }
.menuitem { line-height: 18pt; font-size: 11px; border-top: 1px solid #FEF4E4; width: 100%; }
.menuitem a { color: #2C5692   }
.scase { text-transform: capitalize; line-height: 15px; }
.plus { background: url(../images/def_plus.gif) no-repeat; }
.minus { background: url(../images/def_minus.gif) no-repeat; }
.none { background: url(../images/def_none.gif) no-repeat; }
.dash { background: url(../images/def_dash.gif) no-repeat; }
.hilite { color: #999900; background: #FFFFCC; padding: 0 10px 2px 10px  }
.floatl { float: left; }
.floatr { float: right; }
.clearf { clear: both; }

/* form definitions*/
fieldset {  padding: 10px; border: 1px solid #ffffff }
legend { font-size: 12pt; color: #333; }
input.text { padding: 1px 5px; font-size: 13px }
input.title { padding: 1px 5px; font-size: 15px }
input.button { padding: 0px 10px; margin: 5px 0 0 0 }
textarea { font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #273F56; padding: 5px }

/*----- indicators ------*/
.spinner { background: url(../images/spinner.gif) 94% no-repeat }
.passed { background: url(../images/def_yes2.gif) 94% no-repeat }
.failed { background: url(../images/def_no2.gif) 94% no-repeat }
.bullet { background: url(../images/bullet.gif) 0 center no-repeat; padding: 0 0 0 10px }
/*----------- end indicators ------*/

/* text definitions */
h1 { padding: 0px; font-size: 26px; margin: 0px; font-weight: normal }
h2 { padding: 0px; font-size: 17px; margin: 0 0 10px 0; font-weight: normal }
h3 { padding: 0px; font-size: 14px; margin: 0 0 3px 0; font-weight: normal }
h6 { padding: 0px; font-size: 21px; margin: 0 0 10px 0; font-weight: normal }
hr { width: 90%; border-top: 1px solid #ffffff }
ul { padding: 0; margin: 0 0 0 20px }
li { list-style: square }
.col1 { width: 800px }
.col2 { width: 250px }
.error { color: #CC0000; background: #FFCCCC url(../images/def_no2.gif) 98% center no-repeat; border: 5px solid #CC0000; padding: 5px 40px; font-size: 14px; line-height: 20px }
.error-field { color: #CC0000; background: #FFCCCC; }
.upload-error { color: #CC0000; border: 2px solid #ff0000; margin: 0 0 10px 0 }
.warning { color: #999900; background: #FFFFCC; border: 5px solid #999900; font-size: 14px; padding: 5px }
.okay { color:#006633; background: #CCFFCC url(../images/def_yes2.gif) 98% center no-repeat; border: 5px solid #66CC66; font-size: 14px; padding: 0px; line-height: 20px }
.div-okay { background: #CCFFCC url(../images/def_yes2.gif) 7px 10px no-repeat; border: 1px solid #66CC66; padding: 10px 10px 10px 35px; \-moz-border-radius: 7px; \-webkit-border-radius:7px; line-height: 20px }
.div-error { background: #FFCCCC url(../images/def_no2.gif) 7px 10px no-repeat; border: 1px solid #CC0000; padding: 10px 10px 10px 35px; \-moz-border-radius: 7px; \-webkit-border-radius:7px; line-height: 20px }
.div-warning { background: #FFFFCC url(../images/def_no2.gif) 7px 10px no-repeat; border: 1px solid #999900; padding: 10px 10px 10px 35px; \-moz-border-radius: 7px; \-webkit-border-radius:7px; line-height: 20px }
.gray { color: #999; }
.red { color: #990000 }
.green { color: #009900; }
.yellow { color: #cc9900; }
.black {  }
.bold { font-weight: bold; }
.marginalise { margin: 30px 0 0 0 }
a:link, a:visited { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: none; color: #cc9900; }
.linedown { border-bottom: 1px solid #DCEAF5; }
.pad5ud { padding: 5px 0 }
.form-done { color: #006633; background: url(../images/def_yes2.gif) 0 center no-repeat; font-size: 14px; padding: 0 30px; line-height: 20px; margin-bottom: 40px }
.smalltext { font-size: 10px; }
.button { font-size: 11px; font-weight: bold; background: #133771; color: #ffffff; border: 3px solid #133771; cursor: pointer }
.help { font-size: 11px; color: #666; padding: 5px 0 25px 0; width: 95% }
.divider { border-bottom: 1px solid #ccc }
.normaltext { font-size: 13px; color: #333333; }
.mediumtext { font-size: 11px; }