div.header_container {
	width:100%;
	height: 110px;
	background-color: #6BADF6;
}
div.header_widgets {
	position: absolute;
	left: 230px;
	width: 740px;
	height: 61px;
	background: url('../img/headerbar_bg.png') bottom right no-repeat;
}

div.header_widgets_sm {
	position: absolute;
	left: 230px;
	width: 740px;
	height: 61px;
	background: url('../img/headerbar_bg_sm.gif') bottom right no-repeat;
}

div.logo {
	margin: 25px 0px 0PX 25PX;
	float: left;
}
div.header_toolbar {
	position: absolute;
	left: 230px;
	top: 85px;
	width: 740px;
}

div.labeloncontrol {
	float: left;
	padding: 4px 2px 0px 2px;
	font-size: 11px;
}

div.toplinks a {
	padding: 4px;
	margin: 1px 1px;
}

div.toplinks span {
	padding: 4px;
	margin: 1px 1px;
}

.searchBox{
	background: url('../img/search_icon.png') no-repeat;
	padding-left:20px !important;
}

div.body {
	width: 100%;
	margin-top: 20px;
	background-color: #ffffff;
}

div.body_popup {
	float: left;
	margin-left: 20px;
	width: 940px;
}

div.body_col_0 {
	min-height: 450px;
	float: left;
	margin-left: 20px;
	width: 940px;
}

div.body_col_1 {
	float: left;
	margin-left: 10px;
	width: 200px;
}

div.body_col_2 {
	float: left;
	margin-left: 10px;
	width: 760px;
}

div.body_col_2_1 {
	float: left;
	width: 480px;
}

div.body_col_2_2 {
	float: left;
	margin-left: 20px;
	width: 250px;
}

div.footer_container {
	width:100%;
	border-top: 3px solid #6BADF6;
	margin-top: 20px;
}

div.footer_content {
	padding: 5px;
}

div.deep_offset{
	text-indent: -10000px;
	overflow: hidden;
	display: none;
}

a.toolbar {
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 5px solid #6BADF6;
}
a.toolbar:hover {
	border-bottom: 5px solid #ffffff;
}

a.plain {
	text-decoration: none;
}

a.small {
	font-size: 11px;
}

div.attachment {
	margin: 0px 0px 0px 10px;
	padding-left: 20px;
	height: 18px;
	font-size: 12px;
	color: #000;
}

div.docx,
div.doc { background: url(../img/doc.gif) no-repeat; }
div.zip { background: url(../img/zip.gif) no-repeat; }
div.txt { background: url(../img/txt.gif) no-repeat; }
div.pptx,
div.ppt { background: url(../img/ppt.gif) no-repeat; }
div.xlsx,
div.xls { background: url(../img/xls.gif) no-repeat; }
div.pdf { background: url(../img/pdf.gif) no-repeat; }
div.rtf { background: url(../img/rtf.png) no-repeat; }


div.heading {
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
}

span.heading {
	font-size: 14px;
	
	border-bottom: 3px solid #6BADF6;
}

span.extralarge {
	font-size: 28px; /*34px;*/
	color: #000; /*#6BADF6*/
	margin-bottom: 5px;
	margin-top: 5px;
}
span.large {
	font-size: 22px;
}
span.medium {
	font-size: 14px;
}

p.normal {
	font-size: 12px;
}

p.instructions {
	color: #000;
}

div.articlebox {
	border: 1px solid #DDD;
	padding: 5px;
	width: 920px;
	float: left;
}

div.articlebox div.title {
	width: 840px;
	float: left;
}

div.articlebox h3 {
	margin: 0px;
	font: normal 22px Verdana, arial, sans-serif;
	color: #ff6600;
}

div.articlebox h1 {
	margin: 0px;
	font: normal 22px Verdana, arial, sans-serif;
	color: #ff6600;
}

div.articlebox h4 {
	margin: 0px;
	font: normal 18px Verdana, arial, sans-serif;
	color: #006600;
}

div.articlebox div.subject {
	width: 920px;
	float: left;
}

div.attributes {
	width: auto;
}

div.articlebox span {
	font-size: 11px;
	color: #444;
}

div.articlebox div.question {
	border-top: 1px solid #888;
	margin-left: 80px;
	width: 800px;
	float: left;
	font: normal 12px Verdana, arial, sans-serif;
}

div.articlebox div.answer {
	border-top: 1px solid #888;
	margin-left: 80px;
	width: 800px;
	float: left;
	font: normal 12px Verdana, arial, sans-serif;
}

div.articlebox div.attachments {
	border-top: 1px solid #888;
	margin-top: 20px;
	margin-left: 80px;
	width: 800px;
	float: left;
	font: normal 12px Verdana, arial, sans-serif;
}

div.articlebox div.priceq {
	background: url(../img/priceboxq.gif) no-repeat;
	margin-top: 5px;
	padding-top: 5px;
	text-align: center;
	width: 80px;
	height: 82px;
	float: left;
	font-size: 11px;
	font-weight: normal;
}

div.articlebox div.pricea {
	background: url(../img/priceboxa.gif) no-repeat;
	margin-top: 5px;
	padding-top: 5px;
	text-align: center;
	width: 80px;
	height: 82px;
	float: left;
	font-size: 11px;
	font-weight: normal;
}

fieldset.subjects div {
	display: block;
	width: 285px;
	padding-bottom: 5px;
	margin-right: 15px;
	float: left;
	font: normal 12px Verdana, arial, sans-serif;
}

fieldset.attachment {
	
}


h3.faq {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

a.faq_question{
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
}

div.faq_answer{
	display: block;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	border-top: 4px solid #EEE;
	border-bottom: 1px solid #EEE;
	background-color: #FEFEFE;
	font-size: 12px;
}

/* B: User Div */
		div.g1x2 {
			width: 314px; font: normal 11px verdana, arial, sans-serif;
		}
		div.g1x2 .l {
			float: left; width: 70px;
		}
		div.g1x2 .r {
			float: right; width: 244px;
		}
		div.g1x2 .r img.a {
			margin-left: 5px; margin-top: 2px;
		}
		div.g2x2 {
			float: right; font: normal 10px verdana, arial, sans-serif; border-top: 1px solid #000;
		}
		div.g2x2 .l {width: 120px; float: left; padding: 1px;}
		div.g2x2 .r {width: 120px; float: right; padding: 1px;}
		div.g2x2 .l .il {float: left;}
		div.g2x2 .l .ir {float: right;}
		div.g2x2 .r .il {float: left;}
		div.g2x2 .r .ir {float: right;}
		
		div.g2x2 .q {background: #EEE; color: #444; /*#FF6600; color: #fff;*/}
		div.g2x2 .t {background: #fff; color: #444; /*#006600; color: #fff;*/}
		div.g2x2 .s {background: #FFFFAA; color: #F44;}
		div.g2x2 .e {background: #EEFFAA; color: #484;}
		div.g2x2 .f {background: #EEE; color: #000;}
/* E: User Div */

span.disabled {
	color: #666;
}

span.light {
	color: #c00!important;
}

span.blue {
	color: #00C!important;
}

span.red {
	color: #C00!important;
}

span.small {
	font-size: 11px;
}

/* rating colors */
span.r-1 {
	color: #C00!important;
}

span.r0 {
	color: #888!important;
}

span.r1 {
	color: #080!important;
}


span.link {
	text-decoration: underline;
}

div.tutorials {
	margin-left: 0px;
	padding-left: 0px;
	border-left: #DDD 0px solid;
}

a.read_Y { font-weight: normal;}
a.read_N { font-weight: bold; }

fieldset {
	border-top: #cccccc 1px solid; 
	border-bottom: 0px; 
	border-left: 0px; 
	border-right: 0px; 
	PADDING: 10px;
	COLOR: #000;
	background-color: #FDFDFD;
	font: normal 12px Verdana, arial, sans-serif;
}

fieldset.white {
	BORDER: #cccccc 1px solid; 
	PADDING: 10px;
	COLOR: #000;
	background-color: #FFF;
}

fieldset.attachment {
	BORDER: #6699ff 1px solid; 
	PADDING: 5px;
	COLOR: #000;
	background-color: #FFF;
	font-size: 11px;
}

fieldset.attachment span {
	color: red;
}

legend {
	FONT: normal 11px Verdana, Arial, sans-serif;
	color: #000;
}

legend.highlighted {
	padding: 5px;
	font: normal 12px Verdana, Arial, sans-serif;
	color: #FFF;
	background: #000;
}


.marginleft10 {
	margin-left: 10px;
}

.marginright10 {
	margin-right: 10px;
}

.floatright {
	float: right !important;
}

.floatleft {
	float: left !important;
}


.amount {
	text-align: right;
}

.padded {
	padding: 5px;
}

div.rightpadded {
	margin-right: 5px;
}

.extrapadded {
	padding: 10px;
}

.halfpadded {
	padding: 1px 2px 2px 1px;
}

div.clear {
	clear: both;
}

a, a:visited {
	color: #0000ff;
}

a:hover {
	/*color: #003399;*/
}

h1, h2 {
	margin-top: 0px;
}
img {
	border: 0;
	padding: 0;
}

span {
	font-size: 12px;
}

body{
	margin: 0px;
	font-family: verdana, arial, sans-serif;
	color: #000000;
}

img.ui-datepicker-trigger {
	vertical-align: text-bottom;
}



.tb_menu{
	margin-top: 1px;
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #0b75b2} /* dark grey bg */

.tb_menu ul{
	margin: auto;
	padding: 0px 20px;
	float: left;}

.tb_menu ul li{
	display: inline;
	font-size: .7em;
} /* Makes the link all appear in one line, rather than on top of each other */

.tb_menu ul li a{
	float: left;
	margin-left: 1px;
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 5px 5px 5px 5px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #0b75b2;}

.tb_menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

.tb_menu ul li a:hover, .tb_menu ul li .current{
	color: #fff;
	background-color:#000033;} /* change the background color of the list item when you hover over it */

.tb_menu ul li a sup {
	background-color: #ff3300;
	color: #fff;
}


.tb_tabs{
	margin-top: 1px;
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #0b75b2;
}

.tb_tabs ul{
	margin: auto;
	padding: 0px 1px;
	float: left;
	border-bottom: 2px solid #0b75b2;
	width: 930px;}

.tb_tabs ul li{
	display: inline;
	font-size: .75em;
}

.tb_tabs ul li a{
	float: left;
	margin-left: 1px;
	text-decoration: none;
	color: #000;
	padding: 5px 5px 5px 5px;
	background-color: #6BADF6;
	border-top: 4px solid white;
	border-bottom: 1px solid white;
}

.tb_tabs ul li a:visited {
	color: #fff;
	text-decoration: none;
}

.tb_tabs ul li a:hover {
	color: #fff;
}

.tb_tabs ul li .current{
	color: #fff;
	background-color: #0b75b2;
	border-top: 4px solid #0b75b2;
	border-bottom: 1px solid #0b75b2;
}



pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}