/* forum width */
#container{width:900px; margin:0px auto 20px auto}

/* Normal, standard links. */
a:link{color:#7DA7D9; text-decoration:underline}
a:visited{color:#7DA7D9; text-decoration:underline}
a:hover{color:#7DA7D9; text-decoration:none}
/* pathway nav */
.pathway_box{ margin:0;  padding:0 15px 15px}
span.pathway_intro{ color:#000;  margin:0}
span.pathway{ color:#7da7d9;  margin:0 15px 0 0}
/* Tables should show empty cells. */
table{ empty-cells:show}

/* By default (td, body..) use verdana in black. */
body, td, th, tr{ font-family:verdana,sans-serif;  font-size: 12px;  line-height:135%;  color:#333}
/* The main body of the entire forum. */
body{	margin:0;	 padding:10px 0 0 0;	 background:#C9D6DD url(./images/img/bkg.gif) top repeat-x}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button{ color:#000;  font-family:Verdana,Sans-Serif}

input, button{ font-family:Verdana,Sans-Serif;  font-size:110%}
textarea{ font-size:110%;  background:#7DA7D9;  color:#FFF;  font-faily:verdana,sans-serif;  border:0px;  border-top:2px solid #4982C9}

/* All input elements that are checkboxes or radio buttons. */
input.check{}

/* Selects are a bit smaller, because it makes them look even better 8). */
select{ font-size:110%;  font-weight:normal;  color:#000;  font-family:Verdana,Sans-Serif}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor{ height:1px;  border:0;  color:#666;  background-color:#666}
/* No image should have a border when linked */
a img{ border:0}
/* A quote, perhaps from another post. */
.quote{ color:#333;  background:#ebebeb;  padding:10px;  font-size:0.9em;  line-height:1.4em;  border-left:solid 8px #777;  font-style:italic;  margin:0 1em 0 1em}

/* A code block - maybe even PHP; ). */
.code{ color:#000;  background:#c4c4c4;  padding:10px;  font-size:0.9em;  border-left:solid 8px #f90;  white-space:nowrap;  overflow:auto;  min-height:3em;  font-family:"Courier New",monospace;  font-size:0.8em}

/* The "Quote:"and "Code:"header parts... */
.quoteheader, .codeheader{ display:block;  padding:2px 10px 2px 10px;  background:#dcfac9;  color:#333;  text-decoration:none;  font-style:normal;  font-weight:bold;  font-size:0.9em;  border-bottom:solid 2px #666}
.codeheader{ padding-left:26px;  border-left:solid 8px #d4d4d4}
.quoteheader{ border-left:solid 8px #ebebeb;  padding-left:26px;  margin:1em 1em 0 1em}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help{ cursor:help}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction{ color:red}
/* The main post box - this makes it as wide as possible. */
.editor{ width:96%}

/* Highlighted text - such as search results. */
.highlight{ background-color:#FFF000;  font-weight:700;  color:#000}
 
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg{ padding:1ex;  background-color:#F2FCFE;  border:1px solid #FFF;  font-family:Verdana,Sans-Serif}
.windowbg2{ padding:1ex;  background-color:#E6F6FB;  border:1px solid #FFF;  font-family:Verdana,Sans-Serif}
.windowbg3{ padding:1ex;  background-color:#E7F7FC;  font-family:Verdana,Sans-Serif}

/* the today container in calendar */
.calendar_today{ color:#900000;  font-weight:800;  background-color:#95B4D1;  border-left:3px solid #A3D943;  text-align:center}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td{	color:#427B9C;	 font-style:normal;	 background:#5C8A00 url(./images/titlebg.gif) repeat-x;  padding-left:10px;  padding-right:10px;  text-decoration:underline;  border-bottom:1px solid #CEF0FC}
.titlebg, .titlebg a:link, .titlebg a:visited{ font-weight:bold;  color:#333;  font-style:normal}
.titlebg a:hover{ color:#FFF;  text-decoration:underline}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited{ color:#6c98ee;  font-style:normal;  text-decoration:none}
.titlebg, .titlebg2{ color:#427B9C;  font-family:verdana,Tahoma,sans-serif;  font-size:12px;  font-weight:bold}
.titlebg2 a:hover{ color:#FFF;  text-decoration:underline}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, tr.catbg td, .catbg3, tr.catbg3 td{	background:#F90 url(images/catbg2.jpg) repeat-x;	 color:#f9f9f9;	 padding-left:10px;	 padding-right:10px;	 text-transform:uppercase}
.catbg2, tr.catbg2 td{	background:#F90 url(images/catbg2.jpg) repeat-x;  color:#f9f9f9;  padding-left:10px;  padding-right:10px;  text-transform:uppercase}
.catbg, .catbg2, .catbg3{ font-size:12px;  font-weight:bold;  font-family:Century Gothic,Tahoma,sans-serif;  text-transform:uppercase}
.catbg, .catbg2{ font-weight:bold}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{ font-size:95%;  color:#fff;  text-decoration:none}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited{ color:#fff;  text-decoration:none}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{ color:#bbb}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor{}
/* This is used on tables that should just have a border around them. */
.tborder{ background:#CEF0FC;  padding:0px}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smalltext{ font-size:x-small;  font-family:century gothic,verdana,sans-serif}
.middletext{ line-height:18px;  text-indent:10px}
.normaltext{ font-size:small}
.largetext{ font-size:large}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{ width:100%;  overflow:auto;  line-height:1.3em}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here; ). */
.signature{ width:100%;  overflow:auto;  padding-bottom:3px;  line-height:1.3em}

/* Sometimes there will be an error when you post */
.error{ color:red}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .mirrortab_first{ display:none}
.maintab_last, .mirrortab_last{ display:none}
.maintab_active_first, .mirrortab_active_first{ display:none}
.maintab_active_last, .mirrortab_active_last{ display:none}

/* how links behave in main tab. */
.maintab_back a, .mirrortab_back a{	padding:5px;	 display:block;	 color:#333;	 text-decoration:none;	 font-size:11px;	 font-weight:bolder;	 text-transform:uppercase;	 font-family:verdana,tahoma,sans-serif;	 margin-right:1px}
.maintab_active_back a, .mirrortab_active_back a{	padding:5px;	 background:#7DA7D9;	 display:block;	 color:#333;	 text-decoration:none;	 font-size:11px;	 font-weight:bolder;	 margin-right:1px}
.maintab_back a:hover, .maintab_back a.chosen:hover, .maintab_back a.chosen, .mirrortab_back a:hover, .mirrortab_back a.chosen:hover, .mirrortab_back a.chosen{	color:#333;	 font-weight:bolder;	 background:#FA9F12}
.maintab_active_back a:hover, .maintab_active_back a.chosen:hover, .maintab_active_back a.chosen, .mirrortab_active_back a:hover, .mirrortab_active_back a.chosen:hover, .mirrortab_active_back a.chosen{	color:#fff;	 background:#E5BE0C;	 font-weight:bolder}

html{	height:100%;	 margin-bottom:1px}

#mainarea{	background:#FFF;	 padding:10px 10px 10px 10px;	 margin:0}
#bdy-l{background:#FFF url(./images/img/content-l.gif) 0 50% repeat-y;	 padding-left:5px}
#bdy-r{background:#FFF url(./images/img/content-r.gif) 100% 50% repeat-y;	 padding-right:5px}

#header{	position:relative;	 height1:114px;	 overflow:hidden;	 background:#FFF url(./images/img/header-bg.png) repeat-x}
#headerleft{	height:114px;	 background:url(./images/img/header-l.png) 0 0 no-repeat;	 position:relative}
#headerright{	height:114px;	 background:url(./images/img/header-r.png) 100% 0 no-repeat;	 position:relative}

#logo, #logo a{	position:absolute;	 top:20px;	 left:15px;	 display:block;	 width:600px;	 height:120px;	 background:url(images/logo.gif) no-repeat}

#welcome{	font-size:1.0em;	 color:#000;	 font-family:century gothic,verdana,sans-serif;	 float:right;	 padding:15px 20px 0 0;	 text-align:right}
#welcome a:link, #welcome a:visited{		color:#222;		 text-decoration:underline}
#welcome a:hover{		color:#7DA7D9;		 text-decoration:none}

#footer{	background:#FFF url(images/img/contianbottom-bg.gif) 0 0 repeat-x;	 text-align:center;	 margin-top:0;	 padding:0;	 font-size:11px;	 font-family:century gothic,verdana,sans-serif;	 color:#606060}
#footer-left{	background:url(images/img/contianbottom-l.gif) 0 0 no-repeat}
#footer-right{	background:url(images/img/contianbottom-r.gif) 100% 0 no-repeat;  height:90px;  overflow:hidden}
#footer a:link, #footer a:visited{ color:#333}
#footer a:hover{ color:#6c98ee}

/* The navigation menu */
#topnav{ list-style-type:none;  width:90%%;  text-align:center;  font-size:12px;  font-weight:bolder;  text-transform:uppercase}
#topnav li{ display:inline}
#topnav li a{ color:#333;  border-bottom:4px solid orange;  padding-bottom:6px;  margin-right:10px; text-decoration:none}

#topnav li a:hover, #topnav li .chosen a{ border-bottom:4px solid #FFF; text-decoration:none;  clear:both}

#topnav li a.chosen{ text-decoration:none;  border-bottom:4px solid #FFF}
#topnav li a:hover, #topnav li a.chosen{}
#topnav ul{}

#topnav li{}

#topnav ul li{}

#topnav ul li a{}

#topnav ul li a:hover, #topnav #chosen a{ border-bottom:4px solid #71A400}
#ajax_in_progress{ background:#32CD32; color:white; text-align:center; font-weight:bold; font-size:18pt; padding:3px; width:100%; position:fixed; top:0; left:0}