html{ overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */ }

body{ 
        background: #5D6471;
        color: #041A48;
        font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
        font-size: 11px;
        margin: 0;
        padding: 0; /* required for Opera to have 0 margin */
        text-align: center; /* centers board in MSIE */
        scrollbar-3dlight-color : #2f4f4f;
        scrollbar-arrow-color : #3366D9;
        scrollbar-base-color : #EEF2F7;
        scrollbar-darkshadow-color : #2f4f4f;
        scrollbar-face-color : #EEF2F7;
        scrollbar-highlight-color : #EEF2F7;
        scrollbar-shadow-color : #EEF2F7;
        scrollbar-track-color : #EEF2F7; }

table,
tr,
td{ /* required for text in tables, because tables do not inherit from body */
	color: #031931;
	font-size: 11px; }

td.nopad{ /* allows some tables to have no padding on the td */ padding: 0; }

form{ display: inline; 	margin: 0; /* removes mystery form tag gapping */ padding: 0; /* removes mystery form tag gapping */ }

img{ border: 0; /* makes sure linked images do not have a border */ vertical-align: none; }

/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */

a:link, 
a:visited, 
a:active { text-decoration: underline; color: #1F3A59 }
a:hover { color: #5C80A8 ; text-decoration: underline }

/* 
 * ========================================
 * styles for pagination links 
 * ========================================
 */
 
.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast{  
	background: #DFE8F0;
	border: 1px solid #808080;
	padding: 0px 2px 0px 2px;
}

.pagelinklast,
.minipagelinklast{
	background: #DFE6EF;
}


.pagecurrent{
	background: #EEEEEE;
}

.minipagelink,
.minipagelinklast{
	border: 1px solid #C2CFDF;
	font-size: 10px;
	margin: 0 1px 0 0;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link{
	text-decoration: none;
}

/* fake button effect for some links */
.fauxbutton{
	background: #BBBFC5;
	border: 1px solid #072A66;
	font-size: 10px;
	font-weight: bold;
	padding: 4px;
}

.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active{
	color: #222 !important;
	text-decoration: none;
}

/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

.searchlite{ 
                font-weight: bold; 
                color: #F00; 
                background-color: #FF0 }

fieldset.search{ 
	line-height: 150%;
	padding: 6px; 
}

label{ 
	cursor: pointer; 
}

img.attach{ 
	background: #808080 url(images/click2enlarge.gif) no-repeat top right;
	border: 1px solid #808080;
	margin: 0 2px 0 0;
	padding: 11px 2px 2px 2px;
}

li.helprow{ 
                padding: 0px; 
                margin: 0px 0px 10px 0px }

ul#help{ padding: 0px 0px 0px 15px }

.warngood{ color: green }
.warnbad{ color: red }

#padandcenter{ 
	margin: 0 auto 0 auto;
	padding: 14px 0 14px 0;
	text-align: center; }

#profilename{ 
	font-size: 28px; 
	font-weight: bold; }

#photowrap{ padding: 6px; }

#phototitle{ 
	border-bottom: 1px solid #000; 
	font-size: 24px; }

#photoimg{ 
	margin: 15px 0 0 0;
	text-align: center; } 

#ucpmenu{ 
                 line-height: 120%; 
                 width: 22%; 
                 border: 1px solid #27384F; 
                 background-color: #E7E8ED }

#ucpmenu p{ padding: 2px 5px 6px 9px; margin: 0px }

#ucpcontent{ 
                    background-color: #DADFE4; 
                    border: 1px solid #50606C; 
                    line-height: 120%; 
                    width: auto }

#ucpcontent p{ padding: 10px; margin: 0px }

.signature{ font-size: 9px; color: #292D33 }

.postdetails{ font-size: 9px }
.postdetails a:link,
.postdetails a:visited,
.postdetails a:active { text-decoration: none; color: #303824 }
.postdetails a:hover { text-decoration: none; color: #FF9D5B }
.postdetails img { border: 1px solid black; }

.postcolor{ font-size: 10px; line-height: 160% }

.normalname{ 
                     font-size: 10px; 
                     font-weight: bold; 
                     color: #0D2F61 }

.normalname a:link,
.normalname a:visited,
.normalname a:active{ text-decoration: none; font-size: 10px }

.post1,
.bg1{ background-color: #D6DBE0 }

.post2,
.bg2{ background-color: #D6DBE0 }

.row1,
.row2,
.row3,
.row4{ background-color: #D6DBE0 }

.darkrow1{ background-color: #D2D7DC; color: #1D3143 }

.plainborder{ background-color: #E3E7EB }

.tablefill{ background-color: #E3E7EB; padding: 6px }

.tablepad{ background-color: #E3E7EB; padding: 3px }

.tablebasic{ width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px }

.wrapmini{ float: left; line-height: 1.5em; width: 25% }

.pagelinks{ float: left; line-height: 1.2em; width: 35% }

.desc{ font-size: 9px; color: #434951 }

.edit{ font-size: 9px }

.thin{ 
       padding: 6px 0px 6px 0px;
       line-height: 140%;
       margin: 2px 0px 2px 0px;
       border-top: 1px solid #27384F;
       border-bottom: 1px solid #27384F }

/* =================================================================================== */
/* =================================================================================== */
/* =================================================================================== */

/* 
 * ========================================
 * calendar styles 
 * ========================================
 */
	
.calmonths{ background: #F0F5FA; border: 1px solid #C2CFDF; font-size: 18px; font-weight: bold; margin: 5px 0 5px 0; padding: 8px; text-align: center; }
.weekday{	font-size: 9px; font-weight: bold; }
.calmonths a{ text-decoration: none; }
.calday,
.calweekday{ background: #D0D5D9; color: #666; font-size: 10px; font-weight: bold; margin: 0; padding: 4px; text-align: right; }
.calweekday{ border-right: 1px solid #AAA;	color: #222; font-size: 9px; padding: 6px;	text-align: center; }
.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{ background: #E3E8EA; height: 100px; margin: 0; padding: 0; vertical-align: top; }
.mcellblank,
.mcelldate,
.mcelltoday{ height: auto;}
.cellblank,
.mcellblank{ background: #D6DBE0; }
.celltoday,
.mcelltoday{ background-color: #BBBFC5; border-color: #313133 #313133 #313133 #313133; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* 
 * ========================================
 * form styles 
 * ========================================
 */

input,
textarea,
select{
	background: #F4F5F7;
	border: 1px solid #808080;
	color: #000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	margin: 5px;
	padding: 1px;
	vertical-align: middle;}

select{
	border: 0;
	font-family: verdana, helvetica, sans-serif;

	font-size: 10px;
	margin: 0;
	padding: 0;}

input.button{ margin: 0; width: auto; }

optgroup option{ font-family: verdana, helvetica, sans-serif; font-size: 9px;}

.codebuttons{ 
	font-family: Verdana, Helvetica, Sans-Serif; 
	font-size: 9px; 
	vertical-align: middle;
	margin:2px;}

.textarea,
.searchinput,
.button,
.gobutton{
	background: #E6E6E6;
	border: 1px solid #808080;
	color: #000;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 9px;
                padding: 0px;
	vertical-align: middle;
}
	
.button{
	background: #DFE6EF;
}

.gobutton{
	background: transparent;
	border: 0;
	color: #072A66;
	margin: 0;
	vertical-align: middle;
}

.radiobutton,
.checkbox,
.helpbox { 
	background: #D7DBDF;
                border: 0;
	vertical-align: middle;
}

/* 
 * class.formtable 
 *
 * used for tabled forms 
 * technically tables should not be used for form display 
 * but, in the case of IPB a table is easier to work with
 * for the average webmaster, who has little to no CSS knowledge.
 *
 */

.formtable{
	background: transparent; }

.pformleft{
               background-color: #D7DBDF;
               padding: 3px;
               margin-top: 1px;
               width: 25%;
               border-top: 1px solid #C2CFDF;
               border-right: 1px solid #C2CFDF }

.pformleftw{
                 background-color: #D7DBDF;
                 padding: 3px; margin-top: 1px;
                 width: 40%;
                 border-top: 1px solid #C2CFDF;
                 border-right: 1px solid #C2CFDF }

.pformright{
                background-color: #D7DBDF;
                padding: 3px;
                margin-top: 1px;
                border-top: 1px solid #C2CFDF }

.formtable td{
	background:#F5F9FD;
	border: 1px solid #C2CFDF;
	border-bottom: 0;
	border-left: 0;
	font-weight: bold;
	margin: 1px 0 0 0;
	padding: 6px;
	width: 25%;} 

.formtable td.wider,
.pformleftw,
.pformright{
	width: 40%;
}

.formtable td.formright,
.pformright{
	border-right: 0;
	font-weight: normal;
	width: auto;
}

.formtable td.formtitle,
.formsubtitle{
	background: #E3E7EB;
	border: 1px solid #9FB9D4; 
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	font-weight: normal;
} 

.formsubtitle{ 
	border: 0;
	color: #3A4F6C;
	font-weight: bold;
	padding: 5px;
}

.formtable td.formstrip{
	background: #DDE8F2;
	border: 1px solid #9FB9D4;
	border-left: 0;
	border-right: 0;
	font-weight: normal;
}

/* 
 * ========================================
 * new style quote and code wrappers MATT's DESIGN 
 * ========================================
 */

.codemain,
.sqlmain,
.htmlmain{ 
               background: #FAFCFE; 
               border: 1px dotted #000; 
               border-top: 0; 
               color: #465584; 
               font-family: Courier, Courier New, Verdana, Arial; 
               margin: 0 auto 0 auto; 
               padding: 2px;
               width: 98%; }

.codetop,
.sqltop,
.htmltop{ 
             background: #BCCAD8 url(images/css_img_code.gif) no-repeat right; 
             color: #000; 
             font-weight: bold; 
             margin: 0 auto 0 auto; 
             padding: 3px; 
             width: 98%; 
             border: 1px dotted #000; 
             border-bottom: 0;}

.quotetop{	
              background: #E4EAF2 url(images/css_img_quote.gif) no-repeat right; 
              border: 1px dotted #000; 
              border-bottom: 0; 
              color: #000; 
              font-weight: bold; 
              font-size: 10px;
              margin: 8px auto 0 auto; 
              padding: 3px; }

.quotemain{ 
                 background: #FAFCFE; 
                 border: 1px dotted #000; 
                 border-top: 0;
                 color: #465584; 
                 padding: 4px; 
                 margin: 0 auto 8px auto; }

/* 
 * ========================================
 * All New Styles 
 * ========================================
 */

.cleared{ clear: both; }

.tableborder { background-color: #E3E7EB; padding: 0px; margin: 0px; width: 100% }

.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
	background: #E3E7EB; 
                width: 100%
	padding: 0; 
	margin: 0; 
}

.borderwrapm{
	margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse{  
                          font-weight: bold;
                          color: #002F56;
                          letter-spacing: 1px;
                          margin: 0;
                          padding: 3px 5px 3px 5px;
                          background-color: #E4E7EA;
                          background-image: url(images/tile_back.gif) }

.maintitle p,
.maintitlecollapse p,
.formsubtitle p{
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important; }

.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members{
	float: right;
	width: auto !important; }

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited{ 
	background: transparent;
	color: #002F56;
	text-decoration: none; }

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active{ 
	background: transparent;
	color: #70A3DC; }

.maintitle2{
                vertical-align: middle;
                color: #002F56;
                padding: 3px 0px 3px 5px;
                background-color: #E4E7EA;
                background-image: url(images/tile_back.gif) }

.maintitle2 a:link,
.maintitle2 a:visited,
.maintitle2 a:active { text-decoration: none; color: #002F56 }
.maintitle2 a:hover { color: #70A3DC; text-decoration: none }

.titlemedium{
                   font-weight: bold;
                   color: #C0CBD8;
                   font-size: 9px;
                   padding: 1px 0px 1px 1px;
                   background-color: #3E73A0;
                   background-image: url(images/tile_sub.gif) }

.titlemedium a:link,
.titlemedium a:visited,
.titlemedium a:active{ text-decoration: none; color: #B8D2E6 }
.titlemedium p.members{ float: right; width: auto !important; }

.pformstrip{
                background-color: #D5DADD;
                color: #08233C; font-weight:
                bold; padding: 3px;
                margin-top: 1px }

.pformstrip a:link,
.pformstrip a:visited,
.pformstrip a:active{ text-decoration: none; color: #91B3D3 }
.pformstrip a:hover{ text-decoration: underline; color: #5F9CD5 }

.bar,
.barb,
.barc{ background: #D6DBE0; }
.barc{ border-bottom: 0; }
.bar p,
.barb p,
.barc p{ background: transparent; border: 0; color: #222; font-size: 11px; margin: 0; padding: 5px; text-align: left; }

.barb p{ text-align: right; }

.bar p.over,
.bar p.overs,
.barc p.over,
.barc p.overs{ float: right; }

.barb p.over,
.barb p.overs{ float: left; }

.bar p.overs,
.barb p.overs,
.barc p.overs{ position: relative; top: 5px; }

.memberbar{ 
                   font-size: 7.5pt;
                   font-weight: bold;
                   padding: 0px 0px 6px 0px;
                   line-height: 120%;
                   color: #151D25 }

.memberbar a:link,
.memberbar a:visited,
.memberbar a:active { text-decoration: none; color: #1F3A59 }
.memberbar a:hover { text-decoration: none; color: #627280 }

.posterinfo{ 
                background-color: #DDE2E7;
                height: 16px;
                border-top: 1px solid #5B636F;
                color: #273343;
                border-left: 1px solid #5B636F;
                border-right: 1px solid #415E89;
                border-bottom: 1px solid #415E89;
                background-image: url(images/tile_pimfo.gif) }

.catend{
           background: #D6DBE0;
           color: #000;
           font-size: 1px;
           height: 5px; }

.newslink{
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	margin: 0;
	width: 100%;
}

.newslink td{
	color: #222;
	font-size: 10px;
	padding: 5px 5px 5px 10px;
}

.newslink span{
	background: transparent;
	color: #072A66;
	font-style: italic;
	font-weight: normal;
}

.newslink input{
	background: #FFF;
	border: 1px solid #999;
	color: #072A66;
	font-size: 10px;
	padding: 3px;
	vertical-align: middle;
	width: auto;
}

.newslink input.button{
	background: transparent;
	border: 0;
	color: #072A66;
	vertical-align: middle;
}

/* 
 * ========================================
 * styles for pm and error pop-up
 * ========================================
 */

.errorwrap,
#pmnotewrap{
	background: #F2DDDD;
	border: 1px solid #992A2A;
	border-top: 0;
	margin: 5px;
	padding: 0;
}

#pmnotewrap{
	line-height: 135%;
	margin: 0 0 5px 0;
}

.errorwrap h4,
#pmnotewrap h4{
	background: #E3C0C0;
	border: 1px solid #992A2A;
	border-left: 0;
	border-right: 0;
	color: #992A2A; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 5px;
}

.errorwrap p,
#pmnotewrap p{
	background: transparent;
	border: 0;
	color: #992A2A;
	margin: 0;
	padding: 8px;
}

#pmnotewrap p.pmavatar{
	float: left;
}

#pmnotewrap p.pmnotefoot{
	background: #E3C0C0;
	border-top: 1px solid #992A2A;
	text-align: right;
}

#pmnotewrap a:link, 
#pmnotewrap  a:visited{ 
	background: transparent; 
	color: #992A2A; 
	text-decoration: underline;
}

#pmnotewrap a:hover, 
#pmnotewrap a:active{
	background: transparent; 
	color: #992A2A; 
	text-decoration: none;
}

.ruleswrap{
	background: #F2DDDD;
	border: 1px solid #992A2A;
	color: #992A2A; 
	margin: 5px 0 5px 0;
	padding: 5px;
}

#gfooter{
             margin: 5px 0 5px 0;
             padding: 0; width: 100%; }

#gfooter td{ font-size: 10px; padding: 4px;}

#logostrip{
               border: 1px solid #27384F;
               background-color: #3860BB;
               background-image: url(images/tile_back.gif);
               padding: 0px; margin: 0px }

#submenu{
                border: 1px solid #BCD0ED;
                background-color: #DFE6EF;
                font-size: 10px;
                margin: 3px 0px 3px 0px;
                color: #3A4F6C; font-weight: bold }


#userlinks,
#userlinksguest{ 
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	margin: 5px 0 5px 0;
	padding: 0 5px 0 5px;
}

#userlinksguest{ 
	background: #F4E7EA;
	border: 1px solid #986265;
}

#submenu p,
#userlinks p,
#userlinksguest p{
	background: transparent !important;
	border: 0 !important;
	font-size: 10px;
	font-weight: bold; 
	letter-spacing: 1px;
	margin: 0 !important;
	padding: 7px 0 7px 0; 
	text-align: right;
}

#userlinks p,
#userlinksguest p{
	font-weight: normal;
	letter-spacing: 0;
}

#submenu p.home,
#userlinks p.home,
#userlinksguest p.home{
	float: left;
}

#userlinksguest p.pcen{
	text-align: center;
}

#submenu a:link, 
#submenu a:visited,
#submenu a:active{ font-weight: bold; font-size: 10px; text-decoration: none; color: #3A4F6C }

#submenu a:hover{ background: transparent; color: #5176B5; }

#navstrip { font-weight: bold; padding: 1px 1px 0px 15px }

#navstrip a:link, 
#navstrip  a:visited{ 
	background: transparent; 
	color: #222; 
	text-decoration: none;
}

#navstrip a:hover, 
#navstrip a:active{
	background: transparent; 
	color: #5176B5; 
}

.copyright{ 
               font-family: Verdana, Tahoma, Arial, Sans-Serif;
               font-size: 10px;
               color: #94B8DA;
               padding: 0px 0px 7px 0px;
               line-height: 12px }

.copyright a:link,
.copyright a:visited,
.copyright a:active { text-decoration: none; color: #99C7F1 }

/* 
 * ========================================
 * print page styles 
 * ========================================
 */

#print{
	margin: 20px auto 20px auto;
	padding: 0;
	text-align: left;
	width: 85%;
}

#print h1,
#print h2,
#print h3,
#print h4,
#print p{
	color: #036;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 8px;
}

#print h2,
#print h3,
#print p{
	border-bottom: 1px solid #999;
	font-size: 11px;
	font-weight: normal;
}

#print h3{
	background: #F5F5F5;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#print h4{
	background: #F9F9F9;
	font-size: 11px;
}

#print p{
	margin: 0 0 5px 0;
	padding: 10px;
}

#print p.printcopy{
	border: 0;
	color: #000;
	text-align: center;
}