/* CSS Document */

body {
font-family: Verdana, Tahoma, Geneva Helvetica, Arial, sans-serif;
font-size:12px;}

body#centered {text-align:center;}

/* wrapper contains all content (used on pages with with body.centered for page centering) */
div#wrapper {width:800px; margin: 0 auto; padding:0; text-align:left;}

a, a:visited {
text-decoration:underline;
color: #234961;
}

a:hover {text-decoration:underline;color: #000000;}
a img {border:0;}

/*  ---------------------------  */
/*  Header Menus */
/*  ---------------------------  */

/*  Top Left Horizontal Menu  -- Breadcrumbs  */
div#TopMenuL {float:left;}
div#TopMenuL ul{clear:left; text-align:left; margin:5px 0 5px 0; padding:0;}
div#TopMenuL ul li {display:inline; padding: 0 0.2em 0 0;text-align:left;}

/*  Top Right Horizontal Menu  -- General Menu  */
div#TopMenuR {float:right; clear:right;}
div#TopMenuR ul {float: right; text-align:right; margin:5px 0px 5px -10px; padding:0;}
div#TopMenuR ul li {list-style:none; display:inline; padding: 0px 5px 0px 0px; text-align:left;}


div#bannerL, div#bannerR {
	margin:0px;
	padding:0px;
	float:left;
}

div#bannerL {clear:left;}

div#Main {
	margin:0px;
	padding:0px;
	width:800px;
	float:left;
	background-color:#F5F5F5;
	}

/*  ---------------------------  */
/*  Main Horizontal Menus */
/*  ---------------------------  */

div#MenuBar {
	width:800px;
	height:40px;
	float:left;
	clear:both;
	background: url(images/blue_bkgrd_diag.png) repeat;
}

ul.nav {
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav>li{
	display: table-cell;
	position: relative; 
	vertical-align: middle;
	height:40px;
}

ul.nav a, ul.nav a:visited {
	display: table-cell;
	text-decoration: none;
	color: #FFF;
	padding: 0px 12px;
	background: url(images/blue_bkgrd_diag.png) repeat;
	border-left:1px solid #F5F5F5;
	height:40px;
	vertical-align:middle;
	width:auto;
}

ul.nav a:hover {
	background: url(images/blue_bkgrd_diag_hover.png) repeat;
	color: #fff;
}

ul.nav a:active, a.curr {
	background: url(images/blue_bkgrd_diag_hover.png) repeat;
	color: #fff;
}

li:first-child {border:none;}


/*  ---------------------------  */
/*  3 content columns */
/*  ---------------------------  */

div#Column_L, div#Column_Mid, div#Column_R {
	float:left;
	padding-top:10px;
}

div#Column_L {width:260px;}
div#Column_Mid {width:350px;}
div#Column_R   {width:190px;}

span.BoxTitle {
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#000066;
	padding: 5px 5px 15px 5px;
}

div#InputBox {
	float:left;
	padding: 0px 5px;
	text-align:left;
	}

div#OutputBox {
	padding: 0px 10px;
	position:relative;
	}

div.Text {
	font-size:12px;
	background-color:transparent;
	float:left;
	padding: 0px;
	padding-top:5px;
	text-align:left;
	}

div.Text ul {margin: 10px 0px 0px -10px;}

div.Text li{margin:0px 0px 10px -10px;}


/*  -----------------------------------------------------  */
/*  Text Input Form styling*/
/*  -----------------------------------------------------  */
form {text-align:left; overflow:visible;}
form span {color: #000066;}

form a, form a:visited, form a:hover, span.sizer {font-size:9px; border: solid 1px; padding:0 2px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
form a, form a:visited, span.sizer {color: #fff; border: #666666; background-color:#666666;}
form a:hover {color:#000; border: #FF9933; background-color:#FF9933;}

div#LineLabelHolder, div#InputTxtHolder, div#SizerHolder {
float:left;
font-family:Arial, Helvetica, sans-serif;
}
div#LineLabelHolder {font-size:14px;line-height:125%; }

div#SizerHolder {
line-height:130%;
clear:right;}

span.sizer{font-size:12px;}

textarea#t {
font-family:"Courier New", Courier, monospace;
font-size:14px;
clear:left;
text-align: center;
overflow:hidden;
}


/*  form buttons */
/*  -----------------------------------------------------  */
form img, input#submit, input#reset, input#examples {
	position:relative;
	clear:none;
	float:left;
	margin:15px 0px 5px 15px;
}

form img, input#submit, input#cancel {margin:15px 0px 5px 20px;}

form a.button, a.button:visited a.button:hover {border:none; padding:0; color:none; background-color:none;}

form span.sizehint {font-size:10px;}


/*  Loader Bar gif */
/*  -----------------------------------------------------  */
div#loading {
	position:absolute;
	width:145px;
	height:45px;
	top:0; left:0; bottom:0; right:0;
	margin:auto; z-index:1;}
	
div#loading img {margin: auto; display:block;}