/* -- Standard -- */
* {margin: 0px; padding: 0px;}

/* -- Clearfix -- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* -- Standard -- */
body 
{
 color: #000; 
 font: 71%/1.5  Verdana, Geneva, sans-serif;
 background: transparent url('/pics/bgs/metal_brush.jpg') repeat left top;
}  

/* -- Layout: Main Wrap -- */
#wrap 
{
 margin: 0px auto;
 padding: 0px;	
 text-align: left;
 width: 988px;
}

/* -- Layout: Logo -- */
#logo 
{
 width: 986px;
 height: 80px; 
 margin-top: 5px;
 background-image:url('/pics/bgs/header_bg.png'); 
 background-repeat: repeat-x; 
 border: solid 1px #1e4171; 
 border-bottom: none;
 
 /* Rounded Corners */
 -moz-border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 border-radius: 5px 5px 0px 0px;
}

/* -- Layout: Content */
#page                   
{ 
 margin: 5px 0px 5px 0px;
 background: #fff; 
 border: solid 1px #1e4171;
 border: solid 1px #777; 
 padding: 25px 25px 40px 25px; 
 
 /* Rounded Corners */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
 
#page_left              { float: left; width: 650px; }
#page_right             { margin-top: 45px; float: right; width: 255px; }
#page h1, #page_left h1 { padding: 5px 0px 15px 0px; }	

#page .left
{
 padding-left: 0px;
 padding-right: 10px;
 width: 297px; 
 float: left;
}

#page .middle
{
 padding-left: 10px;
 padding-right: 10px;
 width: 297px; 
 float: left;
}

#page .right
{
 padding-left: 10px;
 padding-right: 0px;
 width: 297px; 
 float: left;
}

#breadcrumbs
{ 
 height: 25px;
}

#breadcrumb
{
 height:25px;
 line-height:25px;
 margin:0px;
 padding-left: 0px;
}

#breadcrumb ul, li
{
 list-style-type:none; padding:0; margin:0;
}

#breadcrumb li
{
 float:left;
 padding-right: 5px;
}

#page-bc
{ 
 margin: 0px 0px 10px 0px;
 background: #fff; 
 border: solid 1px #777; 
 border-top: 0;
 padding: 25px 25px 40px 25px; 
 
 /* Rounded Corners */
 -moz-border-radius: 0px 0px 5px 5px;
 -webkit-border-radius: 0px 0px 5px 5px;
 border-radius: 0px 0px 5px 5px;
}
 
#page-bc h1 { padding: 5px 0px 15px 0px; }	

/* -- Pagination -- */
#pagination1, #pagination2
{
 clear: both;
 margin: 15px 0px 10px 0px;
}

#pagination1 div.num, #pagination2 div.num
{
 float: left;
 margin: 0px 5px 0px 0px;
 padding: 5px;
 
 width: 25px;
 
 background: #cbe5fc; 
 border: solid 1px #90afd7; 
 
 text-align: center;
 font-weight: bold;
 font-size: 12px;
 	
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#pagination1 div.text, #pagination2 div.text
{
 float: left;
 margin: 0px 5px 0px 0px;
 padding: 5px;
 
 background: #cbe5fc; 
 border: solid 1px #90afd7; 

 font-weight: bold;
 font-size: 12px;
 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.pagination-button 
{
 display: inline-block;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% Arial, Helvetica, sans-serif;
 padding: 6px 10px 5px 10px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.pagination-button:hover  { text-decoration: none; }
.pagination-button:active { position: relative; top: 1px; }

.pagination-blue        { font-weight: bold; border: solid 1px #9bb5cc; background: #cbe5fc; }
.pagination-blue:hover  { background: #abc5dc; border: solid 1px #7b95ac; color: #000; }
.pagination-blue:active { color: #000; }

.pagination-black        { font-weight: bold; border: solid 1px #888; background: #ccc; color: #000; }
.pagination-black:hover  { background: #abc5dc; border: solid 1px #7b95ac; color: #000; }
.pagination-black:active { color: #000; }


/* -- Layout: Footer -- */
#footer 
{ 
 clear: both;
 height: 25px;
 color: #1e4171;
 background: #5d7fae;
 background: url('/pics/bgs/menu_bg.png') repeat-x;
 border: solid 1px #1e4171;
 margin-bottom: 10px;
 
 /* Rounded Corners */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#footer a { text-decoration: none; color: #fff; }
#footer a:hover { text-decoration: none; color: #ccc; }

#footer #footer-left 
{
 width: 200px;
 float: left;
 text-align: left;
 line-height: 25px;
 margin: 0px; 
 padding: 0px 10px 0px 10px;
 color: #000;
}

#footer #footer-right 
{
 width: 600px;;
 float: right;
 text-align: right;
 line-height: 25px;
 margin: 0px; 
 padding: 0px 10px 0px 10px;
}

/* -- Layout: Links -- */
a	              { color: #0059ff; text-decoration: none; }
a:hover           { color: #669bd9; text-decoration: none; }

a.black           { color: #000000; text-decoration: underline; }
a.black:hover     { color: #000000; text-decoration: none; }

a.white           { text-decoration: none; color: #fff; }
a.white:hover     { text-decoration: none; color: #ccc; }

a.whitebold       { color: #fff; font-weight: bold;}
a.whitebold:hover { color: #ccc; font-weight: bold; text-decoration: none;  }

a.noline          { color: #000000; text-decoration: none; }
a.noline:hover    { color: #111111; text-decoration: none; }

/* -- Layout: Headers -- */
h1, h2, h3, p 
{ 
 padding: 0px;
 margin: 0px; 
}

h1
{
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-weight: bold;
 font-size: 1.5em;
 padding: 5px 0px 15px 0px;
}

h2
{
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-weight: bold;
 font-size: 1.3em;
 padding: 5px 0px 2px 0px;
}

h3
{
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-weight: bold;
 font-size: 1.2em;
 padding: 5px 0px 2px 0px;
}

/* -- Layout: Lists -- */
ul, ol 
{
 margin: 10px;
 padding: 0 15px;	
}

/* -- Layout: Input -- */
input[type=text]
{
 padding: 2px;
}

input[type=password]
{
 padding: 2px;
}


.checkboxes label { display: block; padding-right: 10px; white-space: nowrap;}  
.checkboxes input { vertical-align: middle;}  
.checkboxes label span { padding: 0px 8px 0px 5px; vertical-align: middle;} 

.radio label { display: block; padding-right: 10px; white-space: nowrap;}  
.radio input { vertical-align: middle; }  
.radio label span { padding: 5px 8px 2px 5px; vertical-align: middle;} 


/* -- Layout: Images -- */
img        { border: 0px;}
img.valign { vertical-align: middle;  margin-bottom: .25em; }

/* -- Layout: Alignment -- */
.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.clear { clear: both; }

/* -- Layout: Misc -- */
.hide  { display: none; }
.gray  { color: #999;}
.b     { border: solid 1px red; }
.nb    { border: none; }
.nowrap { white-space: nowrap; }
.highlight { border: 0 solid #008ed7; border-left-width: 3px; padding: 3px 5px; }
.round5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.round10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.fieldset 
{
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
 padding: 10px;
 border: solid 1px #95b6db;
}

.searchfieldset
{
 -moz-border-radius: 0px 0px 5px 5px; 
 -webkit-border-radius: 0px 0px 5px 5px; 
 border-radius: 0px 0px 5px 5px; 
 padding: 10px;
 /*border: solid 1px #95b6db;*/
 border: solid 1px #9bc4df;
 border-top: 0;
 margin-bottom: 5px;
}

/* -- Layout: Padding / Margin -- */
.m25 { margin: 25px; }
.m20 { margin: 20px; }
.m15 { margin: 15px; }
.m10 { margin: 10px; }
.m8 { margin: 8px; }
.m6 { margin: 6px; }
.m5 { margin: 5px; }
.m4 { margin: 4px; }
.m2 { margin: 2px; }

.mt5 { margin-top: 5px }
.mb5 { margin-bottom: 5px }
.ml5 { margin-left: 5px }
.mr5 { margin-right: 5px }

.mt10 { margin-top: 10px }
.mb10 { margin-bottom: 10px }
.ml10 { margin-left: 10px }
.mr10 { margin-right: 10px }

.mt15 { margin-top: 15px }
.mb15 { margin-bottom: 15px }
.ml15 { margin-left: 15px }
.mr15 { margin-right: 15px }

.mt20 { margin-top: 20px }
.mb20 { margin-bottom: 20px }
.ml20 { margin-left: 20px }
.mr20 { margin-right: 20px }

.p25 { padding: 25px; }
.p20 { padding: 20px; }
.p15 { padding: 15px; }
.p10 { padding: 10px; }
.p8 { padding: 8px; }
.p6 { padding: 6px; }
.p5 { padding: 5px; }
.p4 { padding: 4px; }
.p2 { padding: 2px; }

.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pb2 { padding-bottom: 2px; }
.pr2 { padding-right: 2px; }

.pl5 { padding-left: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pr5 { padding-right: 5px; }

.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pr10 { padding-right: 10px; }

/* -- Layout: Tables -- */
.tbl
{
 table-layout: fixed;
 margin: 0px;
 padding: 0px;
 border-spacing: 0px 0px;
 border-collapse: separate;
}

.tbl img.ppic
{
 display:block;	
}

.tbl td
{
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
}

.tbl tr.blue
{
 background:#E9E9E9;
}

.tbl tr.white
{
 background:#FFF;
}

.hdr_bg1 
{
 padding: 2px 4px 2px 4px; 
 border-left: solid 1px #555; 
 border-top: solid 1px #555; 
 border-bottom: solid 1px #555; 
 border-right: solid 1px #555; 
 background: #a5beda; 
 color: #134679; 
 /*font-size: 12px;*/ 
 font-weight: bold;
 background: url('/pics/bgs/header_tbl.png');
}

.hdr_bg2 
{
 padding: 2px 4px 2px 4px; 
 border-top: solid 1px #555; 
 border-bottom: solid 1px #555; 
 border-right: solid 1px #555; 
 background: #a5beda; 
 color: #134679; 
 /*font-size: 12px;*/ 
 font-weight: bold;
 background: url('/pics/bgs/header_tbl.png');
}

a.buttonup
{
 border-top: solid 1px #555;
 border-left: solid 1px #555;
 border-right: solid 1px #555;
 display: block;
 padding: 2px;
 width: 18px;
 background: #c7d7e9;
}

a.buttonupselected
{
 border-top: solid 1px #555;
 border-left: solid 1px #555;
 border-right: solid 1px #555;
 display: block;
 padding: 2px;
 width: 18px;
 background: #d7e7f9;
 color: #000;
 font-weight: bold;
}

a.buttondown
{
 border-bottom: solid 1px #555;
 border-left: solid 1px #555;
 border-right: solid 1px #555;
 display: block;
 padding: 2px;
 width: 18px;
 background: #c7d7e9;
}

a.buttondownselected
{
 border-bottom: solid 1px #555;
 border-left: solid 1px #555;
 border-right: solid 1px #555;
 display: block;
 padding: 2px;
 width: 18px;
 background: #d7e7f9;
 color: #000;
 font-weight: bold;
}

table.listing
{
 margin-top: 10px;
 margin-bottom: 10px;
 border-collapse:collapse;
}

table.listing td, table.listing th
{
 border: 1px solid #666;
 padding: 2px 4px 2px 4px;
 background: #b5d6fb; 
 height: 20px;
}

table.listing th
{
 color: #134679; 
 text-align: left;
 height: 18px;
 font-size: 12px; 
 font-weight: bold; 
 background: #a5beda; 
 /*background: url(/pics/bgs/header.png);*/
}

table.listing input
{
 padding: 5px;	
}

.rounded-table {
	border-spacing: 0px;
}

.rounded-table td {    
    border-bottom: 1px solid #ccc;
    padding: 3px 5px 3px 5px;
    vertical-align: middle;
}
.rounded-table tr td {
    background-color: #fff;
}

.rounded-table tr:nth-child(odd) td {
    background-color: #f9f9f9;
}

.rounded-table tr:first-child td:first-child {
 color: #134679; 
 background: #a5beda; 

 padding: 3px 5px 3px 10px;

 border: solid 1px #134679;
 border-right: 0;
 
 -moz-border-radius: 5px 0px 0px 0px;
 -webkit-border-radius: 5px 0px 0px 0px;
 border-radius: 5px 0px 0px 0px;
}

.rounded-table tr:first-child td {
 color: #134679; 
 background: #a5beda;
 
 font-weight: bold; 

 border-top: solid 1px #134679;
 border-bottom: solid 1px #134679;
}

.rounded-table tr:first-child td:last-child {
 color: #134679; 
 background: #a5beda; 

 border: solid 1px #134679;
 border-left: 0;

 padding: 3px 10px 3px 5px;

 -moz-border-radius: 0px 5px 0px 0px;
 -webkit-border-radius: 0px 5px 0px 0px;
 border-radius: 0px 5px 0px 0px;
}

.rounded-table tr td:first-child {
 border-left: solid 1px #ccc;
 padding-left: 10px;
}

.rounded-table tr td:last-child {
 border-right: solid 1px #ccc;
 padding-right: 10px;
}

.rounded-table tr:last-child td:first-child {
 -moz-border-radius: 0px 0px 0px 5px;
 -webkit-border-radius: 0px 0px 0px 5px;
 border-radius: 0px 0px 0px 5px;
 
 border-left: 1px solid #ccc;
 
}
.rounded-table tr:last-child td:last-child {
 -moz-border-radius: 0px 0px 5px 0px;
 -webkit-border-radius: 0px 0px 5px 0px;
 border-radius: 0px 0px 5px 0px;

 border-right: 1px solid #ccc;
}

.rounded-table tr.new td {
    background-color: #e0e0e0;
}

.rounded-table tr.normal td {
    background-color: #fff;
}

.rounded-table tr.reply td {
    background-color: #fff;
}

.rounded-table tr.plus td 
{
 background-color: #cbe5fc;
}

.rounded-table-overflow
{
 table-layout: fixed;
 margin: 0px;
 padding: 0px;
 border-spacing: 0px 0px;
 border-collapse: separate;
}

.rounded-table-overflow td
{
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
}

/* -- Layout: Mimic Button/Input -- */
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
 
button::-moz-focus-inner { 
/*border: 0; 
padding: 0; */
 border: none;
} 
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
		margin-left: -3px;
	}
}
 
 
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	margin-top: 5px;
	text-align: center; 
        font: 12px/22px Arial; /* Appropriate font size / line height */
	font-weight: bold;
	height: 25px;
	background: transparent url('/pics/button/button.png') no-repeat right -70px; 
        white-space: nowrap;
}
	
button.submitBtn span {
	padding: 0px 0px 0px 15px;
	line-height: 25px;
	height:25px; 
	background: transparent url('/pics/button/button.png') no-repeat left top; 
	white-space: nowrap;
	/*color:#1e4171;*/
	color:#fafafa; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -105px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -35px;
}


/* OPTIONAL BUTTON (A) STYLES for applying custom look and feel: */		
a.submitBtn { 
	padding: 5px 10px 6px 0px;
	height: 25px;
	margin-right:5px;
	margin-top: 5px;
	text-align: center; 
        font: 12px/22px Arial; /* Appropriate font size / line height */
	font-weight: bold;
	background: transparent url('/pics/button/button.png') no-repeat right -70px; 
        white-space: nowrap;
}
	
a.submitBtn span {
	padding: 5px 5px 6px 15px; 
	height: 25px; 
        font: 12px/22px Arial; /* Appropriate font size / line height */
	font-weight: bold;
	background: transparent url('/pics/button/button.png') no-repeat left top; 
	white-space: nowrap; 
	/*color:#1e4171;*/
	color:#fafafa; 
}

a.submitBtn:hover, a.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -105px; 
}
	
a.submitBtn:hover span, a.submitBtnHover span {
	background-position: 0 -35px;
}