/* CSS Document */

body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #333; background-color: #CCC; margin: 0px; padding: 0px; }
img { border: none; }
form { margin: 0px; padding: 0px; }
h1 { color: #C52026; font-size: 20px; font-weight: bold; margin: 0px; }
h2 { color: #265FA6; font-size: 14px; font-weight: bold; margin: 0px; }
p { text-align: justify; margin: 10px 0px; padding: 0px; }

table tr { vertical-align: middle; }
table tr.head { color: #FFF; font-size: 10px; }
table tr.head td { background-color: #000; }
table tr td.imgL { background-color: #F0F2F1; padding-left: 5px; border: none; }
table tr td.imgR { background-color: #F0F2F1; padding-right: 5px; border: none; }
table td.img {  border: none; padding: 0px; }
table.results {  }
table.results tr { border-left: 1px solid #000; }
table.results td { padding: 0px 3px; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
table.results td.l { border: 1px solid #000; }
table.results td.sep { border: none; font-size:4px; height: 4px; }

#holder { width: 870px; margin: 2px auto; text-align: left; background-color: #FFF; padding: 15px; }
#header { width: 100%; height: 150px; }
#logo { width: 173px; float: left; padding-top: 6px; text-align: center; }
#headGap { width: 475px; height: 150px; float: left; padding-top: 16px; background: url(/images/Header.jpg) no-repeat; }
#headRight { width: 217px; float: left; padding-top: 16px; padding-left: 5px; }
#headRight table { width: 193px; }
#headRight table tr { vertical-align: middle; }
#headRight table th { height: 18px; background-color: #09018B; color: #FFF; font-size: 12px; width: 55px; padding: 0px 3px; border-bottom: 1px solid #000; border-left: 1px solid #000; border-top: 1px solid #000; font-weight: normal; }
#headRight table td.input { height: 18px; width: 95px; font-size: 12px; font-weight: normal; border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; }
#headRight table td input { height: 16px; width: 93px; border: none; font-size: 12px; }
#headRight table td input.go { height: 18px; width: 36px; border: none; }
#headRight table td.sep { height: 6px; border: none; font-size: 6px; }

#sep { width: 100%; height: 15px; background-color: #09018B; }

#title { width: 860px; height: 23px; padding: 4px 10px 0px 0px; }
#title #left { float: left; margin-left: 173px; }
#title a { display: block; float:left; padding: 3px 10px 0px 0px; text-decoration: none; color: #333; }
#title a:hover { color: #C52026; }
#title a.on { color: #C52026; text-decoration: underline; font-weight: bold; }

#content { width: 100%; background: url(/images/png/bg.png) repeat-y; margin-bottom: 10px; }
#content #main { width: 697px; float: left; }
#content #left { width: 150px; margin-right: 23px; float: left; }
#content #left a { display: block; width: 139px; height: 21px; padding: 4px 11px 0px 0px; background: url(/images/buttons/leftMenu.jpg) no-repeat 0px 0px; color: #FFF; text-decoration:none; text-align: right; font-size: 16px; margin-bottom: 5px; }
#content #left a:hover { background-position: -150px 0px; }

#content #left #admin a { display: block; width: 139px; height: 21px; padding: 4px 11px 0px 0px; background: url(/images/buttons/leftMenu.jpg) no-repeat 0px 0px; color: #FFF; text-decoration:none; text-align: right; font-size: 14px; margin-bottom: 5px; }
#content #left #admin a:hover { background-position: -150px 0px; }

#content #left #aniHolder { width: 132px; height: 87px; padding: 4px 9px; background: url(/images/Flash_Area.gif) no-repeat 0px 0px; }
#content #left #aniHolder img { border: 1px solid #FFF; }

#content #left input.input, #content #left select.input { width: 139px; }
#content #left input.inputH, #content #left div.inputH { width: 46px; text-align: center; display: inline-block; }
#content #left input.button { padding: 5px 0px 15px 0px; }

#content #main #banner { width: 697px; text-align: center; padding: 20px 0px; }
#content #main #text { padding: 0px 40px 20px 40px; text-align: justify; }

#footer { width: 100%; font-size: 9px; color: #333; padding: 10px 0px 0px 0px; text-align: right; }
#footer a { text-decoration: none; color: #333; }
#footer a:hover { color: #999; }

.floatLeft { float: left; }
.floatRight { float: right; }

.tright { text-align: right; }

.msg { color: #990000; font-weight: bold; }

body.index #content #left a.home,
body.about_sterling #content #left a.about,
body.comic_search #content #left a.search,
body.sign_up #content #left a.signup,
body.members_area #content #left a.members,
body.wants_list #content #left a.wants,
body.comic_grading #content #left a.grading,
body.contact_us #content #left a.contact
{ background-position: -150px 0px; }

#imgHolder { position: fixed; z-index: 100; top: 0px; left: 50%; margin-left: -225px; border: 1px solid #009; width: 450px; height: 450px; background: no-repeat center center #CCC; display: none; }