@charset "utf-8";
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #999999; line-height: 16px; padding: 0px; margin: 0px; border: 0px; }
h1 { font-size:15px; padding-bottom: 5px; } h2 { padding-top: 10px; font-size: 12px; }
a { color: #336699; text-decoration: none; } a:hover { text-decoration: underline; } p { padding: 4px; }
input,select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; } textarea { width: 570px; } 
.buttonface { height: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #99CCFF; border: 1px solid #006699; margin: 4px; color: #444; font-weight: bold; font-size: 12px; } .buttonface:hover { background: #FFF; border: 1px solid #333333; color: #006699; }

#body { width: 1000px; background-color: #FFFFFF; padding: 0px; margin: 0px; border: 0px; margin-left: auto; margin-right: auto;  } 
#header { width: 1000px; height: 65px; background-color:#333333; background-image: url(../../images/logo.jpg); background-repeat: no-repeat; background-position: 10px center; padding: 0px; margin: 0px; border:0px; text-align: right; }
#menu { text-align: right; margin-left: auto; font-size: 13px; height: 20px; font-weight: bold; } #menu ul { list-style: none; margin: 0px; padding: 0px; float: right; } #menu ul li { float: left; padding: 5px; padding-top: 10px; } #menu ul li a { color: #006699; text-decoration: none; }  #menu ul li a:hover { text-decoration: underline; }
#banner { height: 60px; float: none; margin-left: 480px; margin-top:5px; }
#pagebody { background-color: #FFFFFF; width: 680px; float: left; margin: 5px; margin-top: 10px;  }
#right { background-color: #FFFFFF; width: 300px; float: left; margin: 5px; margin-top: 10px; }
#footer { width: 1000px; margin-left: auto; margin-right: auto; text-align: center; border-top: solid, 1px, #CCCCCC; }
#help { line-height: 18px; } #help ul { padding: 5px; margin: 5px; text-align: left; } #help ul li { padding: 5px; margin: 3px; }

#form, #message { width: 560px; padding: 0px; padding-bottom: 15px; margin: 0px; border: 1px solid #CCCCCC; margin-left: auto; margin-right: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } 
#form strong { font-weight: bold; width: 210px; float: left; padding: 5px; margin: 5px; height: 35px; line-height: 35px; text-align: right; font-size: 14px; } 
#form b { float: right; width: 300px; padding: 5px; margin: 5px; height: 35px; font-size: 14px; }
#form em { font-weight: bold; font-size: 14px; height: 35px;  font-style:normal;  padding-left: 20px; }
#form { padding: 6px; }
.centerhead { padding: 5px; margin: 5px; height: 35px; font-size: 14px; font-style:normal; font-weight: bold; text-align: center; }
.biginput { height: 25px; font-size: 20px; width: 260px; padding: 0px; margin: 0px; }
.textfld, .textbox  { font-size: 14px; width: 280px; min-height: 24px; padding: 3px; line-height: 24px; } .textbox { width: 490px; font-size: 12px; }

#message { font-size: 12px; padding: 10px; line-height: 20px; }
#messagehead { font-size: 12px; } #messagehead strong { font-weight: bold; width: 300px; text-align: left; margin: 8px; height: 26px; line-height: 26px; } 
#msg { width: 530px; border: 1px solid #006699; padding: 10px; margin: 10px; margin-left: auto; margin-right: auto; }      

#photorow { width: 600px; }
#photorow img, .photolist img { margin: 2px; border: 1px solid #CCCCCC;  }
#albumcover, #albumcoversml { width: 110px; font-size: 10px; text-align: center; margin: 5px; height:125px; float: left; } #albumcover img, #albumcoversml img { border: solid 1px #CCCCCC; } #albumcoversml { height: 73px; width: 85px; margin: 10px; font-size: 9px; }

#thread { padding-top: 6px; width: 580px; margin-left: auto; margin-right: auto; }
#threadavatar img { height: 60px; width: 60px; float: left; border: 1px solid #CCCCCC; }
#threadsubject { width: 517px; float: right; font-size: 12px; font-weight: bold; height: 35px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background-color: #EEEEEE; line-height: 35px; text-indent: 10px;}
#threadcreator { width: 517px; float: right; font-size: 12px; height: 25px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; line-height: 25px;  text-indent: 10px;}
#threadthumbs  { width: 580px; height: 20px; float: right; margin-left: auto; text-align: right; padding-right: 12px; }
.unreadthread { background-color:#FFFFCC; font-weight: bold; padding: 4px;  }
#previewpost { width: 500px; border: 4px solid #FF3300; margin-left: auto; margin-right: auto; overflow:visible; }
#previewpost iframe { width: 100%; padding: 0px; border: 0px; margin: 0px; overflow: visible;  }

#topicheader { height: 20px; font-size: 16px; font-weight: bold; width: 580px; padding-left: 10px; }
#topicinfo { width:580px; height 30px; border-bottom: 1px solid #CCCCCC;  padding: 10px; }

#profilephoto { border: 2px solid #CCCCCC; width: 100px; height: 100px; float: left; }
#profiledates { float: left; width: 475px; height: 60px; padding-left: 15px; line-height: 25px; font-size: 12px; }
#profileleft { width: 245px; margin: 0px; padding: 0px; border: 0px; float: left; } #profileright { width: 430px; margin: 0px; padding: 0px; border: 0px; float: right; padding-right: 5px; }
#profileleft ul { margin: 0px; border:0px; padding: 0px; list-style: none; list-style-position: outside; line-height: 18px; } #profileleft li { float: left; width:250px; padding-bottom: 10px; }

#videoprev img { height: 90px; width: 120px; float: right; border: 1px solid #CCCCCC; border-left: none; }
#videotitle { width: 458px; float: left; font-size: 12px; font-weight: bold; height: 35px; border-top: 1px solid #CCCCCC; background-color: #EEEEEE; line-height: 35px; }
#videodesc { width: 445px; float: left; font-size: 12px; height: 55px; border-bottom: 1px solid #CCCCCC; padding: 5px; }

.newmsg { background: #FFFFCC; border-bottom: 1px solid #006699; }
#msg { height: 100%; width: 540px; border: 1px solid #006699; padding: 10px; }      
#info { border: 2px solid #999999; background-image: url(../../images/info.png); background-repeat: no-repeat; background-position: 10px center;  background-color: #FFFFCC; padding: 5px; padding-left: 50px; width: 550px; margin-left: auto; margin-right: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.helplink { color: #006699; cursor: help; }

.autocomplete { position:absolute; background-color:white; border:1px solid #888; margin:0; padding:0; }
.autocomplete ul { list-style-type:none; margin:0; padding:0; }
.autocomplete ul li.selected { background-color: #ffb;} .autocomplete ul li { height: 30px; line-height: 30px; padding:6px; list-style-type:none; display:block; margin:0; font-size: 12px; cursor:pointer; }

#buttons { margin: 0px; margin-top: 15px; border: 0px; padding: 0px; }
#buttons a { color: #444; font-weight: bold; cursor: pointer; font-size: 11px; padding: 6px; margin: 2px; border: 1px solid #006699; background-color: #99CCFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  }
#buttons a:hover { background: #FFF; border: 1px solid #333333; color: #006699; }

.collapsableHeader { height: 20px; color: #444; text-decoration: none; cursor: pointer; border: 1px solid #006699; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #99CCFF; padding: 3px; }
#topics ul, #grouptopics ul, #friends ul, #tracks ul, #visitors ul, #profileleft ul, #profileright ul { margin: 0px; border:0px; padding: 0px; list-style: none; line-height: 16px; font-size: 10px; } #topics ul li, #grouptopics ul li, #friends ul li, #tracks ul li, #visitors ul li, #profileleft ul li, #profileright ul li { padding-bottom: 4px; }

#pageinate { margin:15px; font-weight: bold; padding: 4px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; text-align: center; min-width: 450px; white-space: nowrap; }
#modal { text-align: left; line-height: 20px; background: #FFFFFF; font-size: 12px; border: 3px solid #336699; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 1; display: block; position: fixed; top: 15%; width: 50%; left: 25%; padding: 13px; visibility: hidden; }
#scrollable { width: 100%; height: 400px; overflow: scroll; }

#mnav { width: 600px; padding: 0px; margin: 0px; border: 0px; border-top: 1px solid #666666; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; }
#mnav a { padding-right: 4px; padding-left: 4px; }
#mlst { width: 600px; margin-left: auto; margin-right: auto; }
#mser { float: left; }
#mser input { font-size: 11px; height: 14px; background-image: url(/images/searchicon.gif); background-repeat: no-repeat; background-position: left center; padding: 0px; margin: 0px; border: 1px solid #999999; padding-left: 19px; }
#msel { float: left; font-size:11px; padding-left: 15px; }
#mpag { float: right; font-size: 11px; }
#mmsg { width: 600px; padding: 0px; margin: 0px; border-bottom: dashed 1px #CCCCCC; content: "."; display: block; height: 0; clear: both; float: none; }
#mtck { float: left; width: 40px; margin: 0px; height: 25px; line-height: 25px; }
#mtck img { line-height: 25px; float: right; padding-top: 4px; }
#msnd { float: left; width: 150px; font-size: 12px; padding:5px; margin: 0px; overflow: hidden; white-space: nowrap; }
#msub { float: left; width: 250px; font-size: 12px; padding:5px; margin: 0px; overflow: hidden; white-space: nowrap; }
#mtme { float: left; width: 130px; font-size: 10px; padding:5px; margin: 0px; overflow: hidden; white-space: nowrap; text-align: right; }