/* These are all EXAMPLES -- they are meant to be updated/changed/modified */
	/* CSS Document */

body{
margin:37px 0;
background-color:#e8ebf0;
}

p{
margin:0;
padding:0;
}

ul{
padding:0px;
margin:0px;
}


li{
padding:0px;
margin:0px;
}


.topcorner{
background:url(../../../../images/topcorners.gif) no-repeat top left;
height:16px;
}

.topcorner2{
background:url(../../../../images/topcorners1.gif) no-repeat top left;
height:16px;
}

.mainbg{
background:url(../../../../images/pagebg.gif) repeat-y top left;
}

.bottcorner{
background:url(../../../../images/botcorners.gif) no-repeat top left;
height:16px;
}

.bottcorner1{
background:url(../../../../images/botcorners2.gif) no-repeat top left;
height:21px;
}

.headerleft{
background:url(../../../../images/headerleft.gif) no-repeat top left;
height:114px;
width:11px;
}

.headerright{
background:url(../../../../images/headerright.gif) no-repeat top left;
height:114px;
width:11px;
}

.headerbg{
background:url(../../../../images/headerbg.gif) repeat-x top left;
height:114px;
}

.logo{
background:url(../../../../images/logo.jpg) no-repeat center center;
}

.livechat_btn a{
background:url(../../../../images/livechat_btn.jpg) no-repeat left center;
display:block;
width:100px;
height:33px;
}

.phoneicon{
background:url(../../../../images/phoneicon2.gif) no-repeat left center;
padding-left:29px;
padding-top:2px;
}

.whttxt{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
text-decoration:none;
color:#FFFFFF;
}

.menuleft{
background:url(../../../../images/menuleft.gif) no-repeat top left;
height:38px;
width:12px;
}

.menuright{
background:url(../../../../images/menuright.gif) no-repeat top left;
height:38px;
width:12px;
}

.menubg{
background:url(../../../../images/menubg.gif) repeat-x top left;
height:38px;
}

.seperator{
background:url(../images/seperator.gif) no-repeat right top;
}

.whtxt{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#FFFFFF;
}

.whtxt a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#FFFFFF;
}

.blocktop{
background:url(../../../../images/topheader.jpg) no-repeat top left;
height:33px;
padding-left:14px;
}

.blockbott{
background:url(../../../../images/bottheader.jpg) no-repeat top left;
height:16px;
}

.blockbg{
background:url(../../../../images/bgheader.jpg) repeat-y top left;
padding-left:14px;
}

.bluetxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#045070;
text-decoration:;
}

.rhtblktop{
background:url(../../../../images/rhtblk1top_1.gif) repeat-x top left;
height:34px;
}

.rhtblkbottom{
height:1px;
border-bottom:solid 1px #dedede;
}

.rhtblkbg{
background:url(../../../../images/rhtblk1bg_1.gif) repeat-x top left;
}

.blkxt{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#000000;
}

.drkgreyxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#494949;
}

.txtbxstl{
width:190px;
height:18px;
border:1px solid #d0d0d0;
}


.login_btn a{
background:url(../../../../images/login_btn.gif) no-repeat left center;
display:block;
width:58px;
height:24px;
}

.yllwblkleft{
background:url(../../../../images/yellowleft_blk.gif) no-repeat left top;
height:75px;
width:15px;
}

.yllwblkright{
background:url(../../../../images/yellowright_blk.gif) no-repeat left top;
height:75px;
width:15px;
}

.yllwblkbg{
background:url(../../../../images/yellowbg_blk.gif) repeat-x left top;
height:75px;
}

.yllhdtxt{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#a69746;
text-decoration:none;
}

.blkhdtxt{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#575548;
text-decoration:none;
}

.bluesmhdtxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0454b3;
text-decoration:none;
}

.greytxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#767676;
text-decoration:none;
}

.greycontentxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-decoration:none;
}
.greycontentxt H2, A{
    color: #003781;
}

.blackcontentxt{
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	padding: 8px 0 0 0;
}

.blackcontentxt H1{
font-size:20px;
color:#204691;
text-decoration:none;
}

.bluecontxtlnk{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#006bae;
}

.footerlnktxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#97d6f7;
text-decoration:none;
}

.footerlnktxt a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#97d6f7;
text-decoration:none;
}

.footergreylnktxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#8a8f95;
text-decoration:none;
}

.toplnks{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#c9dcfa;
text-decoration:none;
}

.toplnks a{
text-decoration:none;
color:#c9dcfa;
}

.bullet{
background:url(../../../../images/dot.gif) no-repeat left center;
padding-left:8px;
}

.borderstl{
border:solid 1px #dedede;
}

.borderstlyll{
border-left:solid 1px #e9ebde;
border-right:solid 1px #e9ebde;
}







#menu{
	position:relative;
	z-index:200;
	top:0;
	left:0;
	padding:2px;
	margin:0px;
	list-style:none;
}

li ul{
	position:relative;
	display:none;
	padding:2px;
	margin:0px;
	list-style:none;
	text-align: left;
}
li{
	position:relative;
	padding:2px;
	margin:0px;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
}

.li2 a{
	position:relative;
	padding:2px;
	margin:0px;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
    font-weight:normal;
}

.subMenu{
	background-repeat:no-repeat;
}
.click{
	background-color:#000000;
	color:#fffab5;
}
.click ul{
	display:block;
}

.hover{
    cursor:pointer;
    background-color:#000000;
    color: #000000;
}
li ul li.hover, li ul li.hover a:hover{
	background-color:#000000;
}
li a{
	width:100%;
}
li a, li ul li a, li.hover ul li a{
	text-decoration:none;
	color:#000000;
}
li.hover a, li ul li.hover a{
	color:#fffab5;
	text-decoration:underline;
}
.dbMenu .subMenu{
	background-image:url('down.gif');
	background-position:bottom right;
}
.dbMenu li{
	/*float:left;*/
	width:10em;
}
.dbMenu li ul{
	position:absolute;
	top:1.3em;
	left:0px;
	width:10em;
}
.dbMenu li ul li{
	float:none;
}


.breadcrumb{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#868686;
text-decoration:none;
padding-top:13px;
}

.breadcrumb a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#868686;
text-decoration:none;
}

.breadcrumb a:hover{
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
}


	/* Standard HTML Form Controls */
	input.button { border: 1px solid #aaf; font: 11px 'Arial', 'Helvetica'; font-weight: bold; background-color: #eef;}
	input.button:hover { background-color: #fff; }

	input.textbox, textarea.textbox { font: 12px 'Arial', 'Helvetica'; width: 200px; background-color: #eef; border: 1px solid #aaf; padding: 2px 3px 2px 3px;}
	textarea.textbox { height: 120px; }
		input.textbox:focus, textarea.textbox:focus {background-color: #fff; border-color: #aaf;}

	select.listbox { font: 12px 'Arial', 'Helvetica'; width: 208px; background-color: #eef; border: 1px solid #aaf; }
		select.listbox:focus { background-color: #fff; border-color: #aaf;}
		a.listboxReset { font-family: verdana, arial, helvetica; font-size: 8pt; text-decoration: none; color: #337; }
		a.listboxReset:hover { text-decoration: underline; }



	/**
	 * Various QControl-specific Styles
	 */

	/* QFileAsset */
	div.fileassetDbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
		div.fileassetDbox h1 { margin: 0; }
		div.fileassetDbox input { padding: 3px; margin-right: 5px; }

	/* QDialogBox */
	div.dialogbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }

	/* QDateTimePicker */
	span.datetimepicker { }
		span.datetimepicker select { font: 12px 'Arial', 'Helvetica'; background-color: #eef; border: 1px solid #aaf; }
		span.datetimepicker select:focus { background-color: #fff; border-color: #aaf; }
		span.datetimepicker select.month { width: 55px; }
		span.datetimepicker select.day { width: 45px; margin-left: 8px; }
		span.datetimepicker select.year { width: 60px; margin-left: 8px; }
		span.datetimepicker select.hour { width: 65px; margin-left: 12px; margin-right: 2px; }
		span.datetimepicker select.minute { width: 45px; margin-left: 2px; margin-right: 2px; }
		span.datetimepicker select.second { width: 45px; margin-left: 2px; }

	/* QDataGrid */
	table.datagrid { border: 1px solid #aaf; }
		table.datagrid caption, table.datagrid tfoot { padding-bottom: 4px; overflow: auto; }
			table.datagrid span.left { float: left; font-size: 10px; display: block; }
			table.datagrid span.right { float: right; font-size: 10px; display: block; }
		table.datagrid tr { background-color: #fff; }
			table.datagrid tr.alternate { background-color: #eef; }
		table.datagrid th { background-color: #aaf; padding: 3px 5px 3px 5px; text-align: left; }
			table.datagrid th a { color: #000; text-decoration: none; }
			table.datagrid th a:hover { color: #000; text-decoration: underline;}
		table.datagrid td { padding: 5px; }
			table.datagrid td a { color: #000; }
			table.datagrid td a:hover { color: #000; text-decoration: none; }
		table.datagrid tfoot { border-top: 1px solid #aaf;} 

	/* QPaginator */
	span.paginator { margin: 0; padding: 0; }
		span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
			span.paginator span.page a { text-decoration: none; color: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
			span.paginator span.page a:hover { background-color: #ccf; }
			span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; }
			span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; }
			span.paginator span.selected { font-weight: bold; background-color: #ccf; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
			span.paginator span.break { color: #666; margin: 0 5px 0 5px; }
			span.paginator span.ellipsis { color: #666; }

	/* QCalendar */
	div.calendar { width: 200px; border: 1px solid #337; background-color: #ccf; }
		div.calendar div.navigator { background-color: #337; overflow: auto; _height: 100%; color: #fff; padding: 2px 6px 2px 6px; }
		div.calendar div.navigator div.left { float: left; }
		div.calendar div.navigator div.month { float: left; width: 80px; text-align: center; font-weight: bold; font-size: 11px; }
		div.calendar div.navigator div.year { float: right; }
		div.calendar div.navigator div.year span { font-size: 11px; font-weight: bold; margin-left: 6px; margin-right: 6px; }
			div.calendar div.navigator a { color: #fff; text-decoration: none; }
			div.calendar div.navigator a:hover { text-decoration: underline; }
		div.calendar table { border: 0; margin-left: auto; margin-right: auto;}
			div.calendar th { text-align: center; border: 0; padding: 4px 2px 4px 2px; font-weight: bold; font-size: 10px;}
			div.calendar td { text-align: center; border-width: 0 0 1px 0; border-style: solid; border-color: black; padding: 0;}
				div.calendar td.lastRow { border-width: 0;}
				div.calendar td a { text-decoration: none; color: #000; display: block; padding: 2px 6px 2px 6px; }
				div.calendar td.today { background-color: #bbd; }
				div.calendar td.nonMonth a { color: #aaf; }
				div.calendar td.selected { background-color: #c9a; font-weight: bold; }
				div.calendar td a:hover { background-color: #eef; color: #000; }
		div.calendar div.options { text-align: center; background-color: #337; }
			div.calendar div.options a { color: #fff; font-size: 10px; text-decoration: none;}
			div.calendar div.options a:hover { text-decoration: underline; }

	/**
	 * Styles for Custom Render Functions as defined in QControl.class.php
	 */

	div.renderWithName { padding: 4px 0 4px 0; overflow: auto; height: 100%; }
		div.renderWithName div.left { float: left; width: 200px; margin-right: 25px; }
		div.renderWithName div.required { font-weight: bold; text-transform: uppercase; }
		div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}

		div.renderWithName div.right { }
		div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600;}



	/**
	 * Form and Dashboard Draft-Specific Styles
	 * NOTE: because these are page specific, we use element IDs instead of element classes for most items here
	 * (e.g. we will never have more than one titleBar per page)
	 */

	div#titleBar { border: 1px solid #337; margin-bottom: 18px; }
		div#titleBar h2 { background-color: #337; font: 12px 'Georgia', 'Times New Roman', 'Times'; font-style: italic; font-weight: bold; color: #fff; margin: 0; padding: 2px 5px 2px 5px; float: none; }
		div#titleBar h2#right { float: right; font: 10px 'Verdana', 'Arial', 'Helvetica'; font-style: normal; font-weight: normal; }
		div#titleBar h2#right a { color: #fff; text-decoration: none; }
		div#titleBar h2#right a:hover { text-decoration: underline; }
		div#titleBar h1 { font: 28px 'Georgia', 'Times New Roman', 'Times'; color: #337; margin: 0; padding: 2px 0 2px 5px; font-weight: bold; }

	p.create { }
		p.create a { text-decoration: none; color: #337; font-weight: bold; }
		p.create a:hover { text-decoration: underline; }

	div#draftList { }
		div#draftList h1 { margin: 0; font: 20px 'Georgia', 'Times New Roman', 'Times'; font-weight: bold; }
		div#draftList p { margin-top: 6px; margin-bottom: 18px;}

	div#formControls { padding: 0 0 0 20px; }

	div#formActions { background-color: #aaf; padding: 10px; height: 20px; margin-top: 18px; }
		div#formActions div#save { float: left; }
		div#formActions div#cancel { margin-left: 10px; float: left; }
		div#formActions div#delete { float: right; }

	div#dashboard { }
		div#dashboard div#left { float: left; width: 200px; height: 100px; font-size: 10px; background-color: #eef; border: 1px solid #000; padding: 5px; }
		div#dashboard div#right { float: left; margin-left: 10px; width: 760px;}
		div#dashboard div#right div#pnlList { margin-bottom: 10px; border: 1px solid #000; padding: 5px; height: 300px; overflow: auto; }
		div#dashboard div#right div#pnlEdit { border: 1px solid #000; padding: 5px; background-color: #eef; height: 240px; overflow: auto; }
		

.new_ul {
	margin:20px;
}

.new_ul li{
	color:#000;
	list-style: circle;
	font-size:9pt;
	font-weight:normal;
}

/* New CSS */

.new_blockbg {
    background:  url(../../images/bgheader.jpg) repeat-y scroll left top;
    padding-left:14px;	
}

.new_blocktop{
	background:url(../../images/topheader.jpg) no-repeat top left;
	height:33px;
	padding-left:14px;
	font-weight:bold;
	font-size: 14px;	
}
.new_blockbott{
    background:url(../../images/bottheader.jpg) no-repeat top left;
    height:16px;
}

.about_us_banner {
	background: url(../../images/banner_services.jpg) no-repeat top left;
	text-align: center;
	width: 735px;
	height: 214px;
	
}
.about_us_banner IMG {
    display: block;
    float: left;
    padding:30px 20px;
}
.about_us_text {
	color: #003781;
	padding: 55px 20px 0 0;
	font-family: Arial, Narrow, sans-serif;
    font-size:24px;
    font-style:inherit;
}

.contact_us_banner {
    background: url(../../images/banner_contact_us.jpg) no-repeat top left;
    text-align: center;
    width: 735px;
    height: 214px;
    
}
.contact_us_banner IMG {
    display: block;
    float: left;
}
.contact_us_text {
    color: #003781;
    padding: 55px 20px 0 0;
    font-family: Arial, Narrow, sans-serif;
    font-size:24px;
    font-style:inherit;
}

.services_banner {
    background: url(../../images/banner_services.jpg) no-repeat top left;
    text-align: center;
    width: 735px;
    height: 214px;
    
}
.services_banner IMG {
	display: block;
	float: left;
}
.services_text {
    color: #003781;
    padding: 55px 20px 0 0;
    font-family: Arial, Narrow, sans-serif;
    font-size:24px;
    font-style:inherit;
}

.projects_banner {
    background: url(../../images/banner_projects.jpg) no-repeat top left;
    text-align: center;
    width: 735px;
    height: 214px;
    
}

.projects_text {
    color: #003781;
    padding: 55px 20px 0 0;
    font-family: Arial, Narrow, sans-serif;
    font-size:24px;
    font-style:inherit;
}

.right_text {
	padding: 8px;
	font-size: 12px;
	font-family:Tahoma, Geneva, sans-serif;
    font-style:inherit;
    /*font-weight:bold;*/
}

.borderstlyll_new{
	border: solid 1px #e9ebde;
}

.borderstlyll_new H4 {
	color: #003781;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
}

.hovered, .hovered a {
	color: #000000; 
    background-color: #FEFFFF;    
    width: 9.7em !important;
}