@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);

@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@font-face {



 font-family: 'Oswald';



 src: url('oswald.eot');



 src: url('oswald.eot?#iefix') format('embedded-opentype'),  url('oswald.woff') format('woff'),  url('oswald.ttf') format('truetype'),  url('oswald.svg#oswald') format('svg');



 font-weight: normal;



 font-style: normal;



}



/*#moduleresult {



	width:90%;



	height:100%



}*/



html,body

{

    width: 100%;



    margin: 0px 0px 0px 0px;

    padding: 0px;

    overflow-x: hidden;



}





#modulesearch {



	position:relative;



	height:100%;



	width:100%;



	float:left;



}



	



.modulesearch {



		position:relative;



	height:100%;



	width:100%;



	float:left;



}



#modulesearchimage {}







#imgconcog {



	width:10px;



	height:10px;



}



#companylogo {



	width:257px;



	height:70px;



}



body {



	background:#FFFFFF;



	margin:0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#030303;



	padding:0;



}



a img{ border:none}



.clearfix:after {



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}



 



.clearfix {



	display: inline-block;



}







html[xmlns] .clearfix {



	display: block;



}



 



* html .clearfix {



	height: 1%;



}



.clr {



	clear:both;



}



a{ text-decoration:none}



.flot_left {



	float:left;



}



.flot_left {



	float:left;



}



a {



	outline : none;



}



a img {



	outline : none;



}



img {



	border : 0;



	



}



.top_heading {



	background:url(images/) repeat-x;



	height:32px;



	margin:0 auto;







}



.top_div {



	width:100%;



	margin:0 auto;



}



.top_links {



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:13px;



	color:#000000;



	float:right;







	}



.top_links ul {



	margin:0;



	padding:0;



	list-style:none;



}







.top_links ul li {



	margin:0;



	padding:0 2px 0 0;



	float:left;



	background:url(images/top_sep.jpg) no-repeat right;



	list-style:none;



}



.top_links ul li.last{ background:none}



.top_links ul li span.user_name{ float:left; padding:8px 9px}



.top_links ul li span.user_name b{ color:#0099FF}



.top_links ul li a {



	text-decoration:none;



	display:block;



	padding:7px;



	color:#000000;



}



.links li a {



	color:#fff;



	height:17px;



	display:block;



	border-radius:2px;



	padding:3px 10px 0px 10px;



	border:solid 1px transparent;



}



.links li ul {



	display:none



}







.links li:hover ul {



	display:block;



	position:absolute;



	background:#FFFFFF;



	padding:2px;



	border:#666666 1px solid;



	margin-top:0px;



}



.links li.last:hover ul{ margin:0 0 0 -80px; }



.links li ul li {



	display:block;



	float:none; background:#000;  padding:0;



}



.links li a:hover, .righthead .links li a.colr {



	/*border:#e1e1e1 solid 1px;*/



}











.main_div {
	width:100%;
    padding:0 0 0px 0;
   	margin:0 auto;



}



.main_wrap {



	width:953px;



	margin:0 auto;



}



.header_wraper {

    top:0;

	padding:0 0 0 0;



}



.header_logo {



	padding:0px 0px 0px 0px;



}



.header_nav {

    top:0;

	padding:0 0 0 0;



	background:url(images/nav_bg.jpg) repeat-x;



	height:54px;



	width:100%;



	margin:0 auto;



}



.nav_link {



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:14px;



	color:#FFFFFF;



}



.nav_link ul {



	margin:0;



	padding:0;



	list-style:none;



}



.nav_link ul li {



	margin:0;



	padding:0 2px 0 0;



	float:left;



	background:url(images/nav_sep.png) no-repeat right;



	list-style:none;



}



.nav_link ul li a {



	text-decoration:none;



	display:block;



	padding:18px;



	color:#FFFFFF;



}



.nav_link ul li a:hover, .nav_link ul li a.active {



	background:url(images/hjover_bg.jpg) repeat-x;



	color:#FFFFFF;



}



.banner_div {



	padding:28px 0 0 0;



	text-align:center;



}



.mid_content {



	padding:25px 0 0 7px;



}



.service_div {



	padding:0 0 0 0;



	float:left;



	width:630px;



}



.service_wrap {



	padding:4 4 4 4;



	float:left;



	border:solid 4px #bfbfbfl;



	width:293px;



	height:362px;



	margin:0 31px 0 0;



	box-shadow:0px 0px 7px 0px #f1f1f1;



	-moz-box-shadow:0px 0px 7px 0px #f1f1f1;



	-webkit-box-shadow:0px 0px 7px 0px #f1f1f1;



	border:solid 1px #e7e7e7;



}



.service_margin {



	margin-right:0!important;



}



.service_img {



	padding:26px 0 28px 0;



	text-align:center;



}



.service_img img {



	padding:0 0 0 0;



	border:solid 2px #bfbfbf;



}



.service_wrap h1 {



	padding:0px 0 12px 11px;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:18px;



	color:#535353;



	text-transform:uppercase;



	margin:0;



	font-weight:normal;



}



.service_wrap p {



	padding:0 14px 30px 11px;



	text-align:justify;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#a2a2a2;



	margin:0;



	font-weight:normal;



}



.read_more {



	padding:5px 0 12px 10px;



	background:url(images/read_more_bg.png) no-repeat;



	color:#FFFFFF;



	font-weight:bold;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:14px;



	margin:0 0 0 -6px;



}



.contact_div {



	padding:0 0 0 0;
    position:relative;
    margin: 0 0 0 0px;






	width:300px;



}



.contact_wrap {



	background:#FFFFFF;



	height:350px;



	width:293px;



	border:solid 1px #D4D4D4;



	box-shadow:1px 1px 1px 0px #e7e7e7;



	-moz-box-shadow:0px 0px 1px 0px #e7e7e7;



	-webkit-box-shadow:0px 0px 1px 0px #e7e7e7;



}



.contact_wrap h2 {



	font-family: Verdana, Geneva, sans-serif;



	font-size:14px; height:47px;



	color:#121212;



    margin:0;



	padding:10px 0 4px 16px;



}



.clear{ padding:0; margin:0; clear:both}



.contact_wrap h2 span {



	color:#0099FF;



	margin:0;



	padding:0;



}







.contact_form {



	padding:15px 36px;



}



.simple_form {



	font-family:Verdana, Geneva, sans-serif;



	font-size:10px;











}



.simple_form .fmfield {



	/*clear:both;*/



padding:0 20px 20px 0;



}















.simple_form .fmfield2 {



	/*clear:both;*/



padding:0 60px 60px 0;



}



.simple_form label {



	display:block;



	width:149px;



	padding:3px 0 5px 0;



	float:left;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#000000;



	font-weight: bold



}



.simple_form select:focus,



.simple_form input[type='text']:focus, .simple_form input[type='password']:focus { border:2px solid #CCCCCC}







.simple_form select,



.simple_form input[type='text'], .simple_form input[type='password'] {



	border:1px solid #6B6B6B;



	background:#FFFFFF;



	padding:5px 5px;



	width:199px;



	float:left;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:14px;



	box-shadow:1px 1px 1px 1px #787878;



	-moz-box-shadow:1px 1px 1px 1px #787878;



	-webkit-box-shadow:1px 1px 1px 1px #787878;



	color:#787878;



}



.simple_form select { width:213px;}



.simple_form input[type='submit'] {



	border:solid 0px #FFFFFF;



	background:#0066CC;



	color:#FFFFFF;



	font-family: Verdana, Geneva, sans-serif;



	padding:1px 1px;



	cursor:pointer;



	border-radius:1px;



	-moz-border-radius:0px;



	-webkit-border-radius:0px;



	width:106px;



	font-size:14px;



	box-shadow:0px 0px 0px 0px #F6FAFE;



	-moz-box-shadow:0px 0px 0px 0px #F6FAFE;



	-webkit-box-shadow:0px 0px 0px 0px #F6FAFE;



	margin:9px 9px 0 0;



	float:center;



}



.contact_wrap a.button{ padding:0px 0px; background:#787878;  color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0px; float:left; width:50%; font-size:18px; text-align:center}



.contact_wrap a.button span{ padding:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; display:inline-block; cursor:pointer;}



.contact_wrap a.button.active,



.contact_wrap a.button:hover{ background:#0A79C8; color:#FFFFFF}



.welcome_div {



	padding:0px 7px 34px 7px;





}



.welcome_div h2 {



	padding:0 0 0 0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:21px;



	color:#0066de;



	font-weight:normal;



	margin:0;



	padding:0 0 20px 0;



}



.welcome_div table tr th{ background:#2d2d2d; color:#FFFFFF}



.welcome_div span {



	padding:0 0 0 0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:21px;



	color:#00000A;



	margin:0;



	padding:0;



}



.welcome_div p {



	padding:0 0 0 0;



	text-align:justify;



	line-height:20px;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#7F7C7A;



	margin:0;



	padding:0;



}



.special_services {



	padding:0 0 0 0;



	width:960px;



	border:solid 0px #bfbfbfl;



	margin:0 0px 0 0;



	box-shadow:0px 0px 0px 0px #f1f1f1;



	-moz-box-shadow:0px 0px 0px 0px #f1f1f1;



	-webkit-box-shadow:0px 0px 0px 0px #f1f1f1;



	border:solid 0px #e7e7e7;



}



.special_services h2 {



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:21px;



	font-weight:normal;



	color:#0077FF;



	margin:0;



	padding:27px 0 0 23px;



}



.special_services span {



	padding:0 0 0 0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:21px;



	color:#000000;



	margin:0;



	padding:0;



}



.special_wrap {



	padding:40px 0 0px 0px;



}



.special_div {



	padding:0 0 0 0;



	width:290px;



	margin:0 27px 27px 0;



	float:right;



    color:#8A8A8A;



}



.special_margin {



	margin-right:0!important



}



.special_img {



    float:right;



    width:  320px;



}



.special_text {



	float:right;



	width:320px;



}



.special_text h3 {



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:15px;



	color:#7f7c7a;



	margin:0;



	padding:0;



}



.special_text p {



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#7f7c7a;



	margin:0;



	padding:0;



}



.footer_links {



	background:url(images/footer_bg.jpg) repeat-x;



	height:242px;



	margin:0 auto;



}



.link_wrap {



	margin:0 auto;



	width:100%;



	padding:53px 0 0 0;



}



.link_div {



	float:left;



	padding:0 0 0 0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:13px;



	color:#bdbdbd;



	margin:0 70px 0px 0;



}



.link_div h3 {



	padding:0 0 0 0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:15px;



	color:#ffffff;



	margin:0;



	padding:0;



}



.bottom_link {



	padding:14px 0 0 0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:13px;



	color:#bdbdbd;



	height:100px;



}



.bottom_link ul {



	padding:0 0 0 0;



	margin:0;



	list-style:none;



}



.bottom_link ul li {



	padding:0 0 0 0;



	margin:0;



	list-style:none;



}



.bottom_link ul li a {



	padding:4px 12px;



	color:#ccc;



	background:url(images/links_errow.png) no-repeat left;



	text-decoration:none;



	display:block;



}



.bottom_link ul li a:hover {



	color:#FFFFFF;



}



.links_2 {



	padding:33px 38px 0 0px;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:13px;



	color:#bdbdbd;



	float:left;



}



.links_2 ul {



	padding:0 0 0 0;



	margin:0;



	list-style:none;



}



.links_2 ul li {



	padding:0 0 0 0;



	margin:0;



	list-style:none;



}



.links_2 ul li a {



	padding:4px 12px;



	color:#ccc;



	background:url(images/links_errow.png) no-repeat left;



	text-decoration:none;



	display:block;



}



.links_2 ul li a:hover {



	color:#FFFFFF;



}



.connect_us {



	padding:0px 0 0px 0px;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:13px;



	margin:0 0 0 74px;



	color:#bdbdbd;



	float:left;



}



.connect_us h3 {



	padding:0 0 0 0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:15px;



	color:#ffffff;



	margin:0;



	padding:0;



}



.connect_us span {



	padding:0 0 0 0;



	float:left;



	margin:0;



}



.connect_us ul {



	padding:18px 0 0 0;



	margin:0;



	list-style:none;



}



.connect_us ul li {



	padding:0 0 0 0;



	margin:0;



	list-style:none;



}



.connect_us ul li a {



	padding:0px 0px 8px 20px;



	color:#CCCCCC;



	text-decoration:none;



	display:block;



}



.connect_us ul li a:hover {



	color:#0066DE;



}



.footer_div {



	background:#151515;

    z-index:2;

	height:44px;



}



.footer_inner {



	width:100%px;



	margin:0 auto;



}



.footer_menulinks {



	padding:12px 0 0 0;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:13px;



	margin:0 0 0 0px;



	color:#bdbdbd;



}



.footer_menulinks ul {



	padding:0px 0 0 0;



	margin:0;



	list-style:none;



}



.footer_menulinks ul li {



	padding:0 0 0 0;



	margin:0;



	float:left;



	list-style:none;



}



.footer_menulinks ul li a {



	padding:5px 5px;



	background:url(images/footer_sep.jpg) no-repeat left;



	color:#FFFFFF;



	text-decoration:none;



	display:block;



}



.footer_menulinks ul li a:hover {



	color:#666666;



}



.footer_menulinks ul li a.active {



	color:#9d9696;



	font-size:12px;



	background:none;



}







/************* cont_register ***************/



select,



textarea,



input[type=password],



input[type=text]{ width:300px; padding:6px; border:#ccc 1px solid; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#6C6C6C; background:#F6F6F6 }



select { width:310px}



textarea { height:150px; re-size:none;}



select:focus,



textarea:focus,



input[type=password]:focus,



input[type=text]:focus{ background:#FFFFFF; border:#424242 1px dotted; color:#0066CC}



a.submit_2{ float:left}



a.submit_2 span,







input[type=submit]{

  background: #33CC33;

  background-image: -webkit-linear-gradient(top, #1C97D4, #1C97D4);

  background-image: -moz-linear-gradient(top, #1C97D4, #1C97D4);

  background-image: -ms-linear-gradient(top, #1C97D4, #1C97D4);

  background-image: -o-linear-gradient(top, #1C97D4, #1C97D4);

  background-image: linear-gradient(to bottom, #1C97D4, #1C97D4);

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0px;

  font-family: Arial;

  color: #ffffff;

  font-size: 21px;

  padding: 10px 20px 10px 20px;

  text-decoration: none;



}



a.submit_2:hover span,



input[type=submit]:hover{



  background: #33CC33;

  background-image: -webkit-linear-gradient(top, #0099FF, #0099FF);

  background-image: -moz-linear-gradient(top, #0099FF, #0099FF);

  background-image: -ms-linear-gradient(top, #0099FF, #0099FF);

  background-image: -o-linear-gradient(top, #0099FF, #0099FF);

  background-image: linear-gradient(to bottom, #0099FF, #0099FF);

  text-decoration: none;



}









input[type=reset]{



color:#FFFFFF; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;   border:none; padding:5px 20px; font-size:18px; font-family: 'Oswald'; text-transform:uppercase;



background: rgb(191,210,85); /* Old browsers */



/* IE9 SVG, needs conditional override of 'filter' to 'none' */



background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);



background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */



background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */



background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */



background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */



background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */



background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-8 */



}



input[type=reset]:hover{ color:#000;



background: rgb(157,213,58); /* Old browsers */



/* IE9 SVG, needs conditional override of 'filter' to 'none' */



background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);



background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */



background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */



background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */



background: -o-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */



background: -ms-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */



background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-8 */







}



#cont_register{}



#cont_register h2{ padding:0 0 7px 0}



#cont_register h3{ font-size:15px; color:#666666}



#cont_register .con_register p{ padding:0 0 20px 0}



#cont_register .con_register p label{ padding:0 5px 0px 0; text-transform:capitalize; float:left; width:215px; text-align:left}



#cont_register .con_register p label span{ font-size:14px;}



#cont_register .con_register p.signup_con{ padding:0 0 0 220px}



#cont_register .con_register p.signup_con.new_register{ padding:0 0 0 220px; margin:-30px 0 0 0 }











.dashbord_menu{width:121px; height:113px; background-color:#f2efe3; border-radius:5px; text-align:center; float:left; margin-left:12px}



.img_profile_edit{  height: 60px;



    margin-top: 14px;



    width: 60px;}







	.side_login_div{   height: 267px;
     position:absolute;
     left:500px;


    width: 99%; text-align:center; border:1px solid #CCCCCC;}







.table_bg_4border{ background:#D4D4D4}



.table_bg_4border table td{ background:#fff}



#dashbord_ss{}



#dashbord_ss table th strong{ display:block; padding:10px 5px;}



#dashbord_ss table td span{padding:10px 5px; display:block; font-size:14px }



#dashbord_ss table tr.even_row td{ background:#EEEEEE}



#dashbord_ss table tr:hover td{ background:#e2e7ea; color:#0a79c8;}





.dropdown p {

	display: inline-block;

	font-weight: bold;

}



.dropdown select {



      border: 1 !important;  /*Removes border*/

      -webkit-appearance: none;  /*Removes default chrome and safari style*/

      -moz-appearance: none; /* Removes Default Firefox style*/

      background: url('images/downarrow.jpg') no-repeat;  /*Adds background-image*/



      background-position: 315px 0px;  /*Position of the background-image*/

      width: 350px; /*Width of select dropdown to give space for arrow image*/

      text-indent: 0.01px; /* Removes default arrow from firefox*/

      text-overflow: "";  /*Removes default arrow from firefox*/



      /*My custom style for fonts*/



      color: #363636;

      font-size: 12pt;

      font-family: "Arial";

       background-color: #FFFFFF













}



#adiv{

width:900px;

background-color:#FFFFFF;

border-radius:5px;

text-align:center;

float:left;

margin-left:10px;

font-family: "Comic Sans MS", cursive, sans-serif;

font-size: 16pt



}

#adivimagelogo {

position:absolute;

top:30px;

left:130px;



}

#adivimagecallus {

position:absolute;

top:30px;

left:960px;



}



#adivheadertext {

position:absolute;

top:130px;

left:650px;

font-size: 34pt;

text-align: left;

font-family: "Century Gothic";

color: #3B3B3B;

}



#adivheadertext1 {

position:relative;

top:1px;

left:1px;

font-size: 18pt;

text-align: left;

font-family: "Century Gothic";

color: #3B3B3B;

}



#adivimageheader {

position:absolute;

top:130px;

left:130px;



}

#adivheaderfooter {

position:absolute;

top:600px;

left:130px;

width:1200px;

height: 30px;

background-color:#949494;

border-radius:5px;



float:left;





}



#adivlogos {

position:absolute;

top:400px;

left:130px;

}

#adivlogo1 {

position:relative;

top:1px;

left:1px;

}



}

/* THIS IS THE contracted Get Quote Formatting  */

.welcomeheader p {

	padding:0 0 0 0;

	text-align:center;

	font-family: "Century Gothic";

	font-size:25px;

	color:#7F7C7A;

	margin:0;

	padding:0;

}

.welcomeheader a {

	color:#006EB8;

 }

 .welcomeheader e {

	color:#FF0066;

	font-size: 12pt



 }

/* THIS IS THE MODULE RESULTS STYLE AREA  */



#moduleresultstitle{

width:100%;

height:30px;



border: 0.2px solid;

border-radius: 5px;



}





#moduleresultsbox1container{

width:100%;

height:160px;

background:#454545;

}



#moduleresultsbox1{

position:relative;

	width:100%px;



	padding:0 0 0px 0;



	margin:0 auto;

height:150px;

top:0px;

left:0px;

z-index:1;



}



        #moduleresultsbox1txt1{

        position:relative;

        top:0px;

        left:0px;

        z-index:1;

        font-size: 20pt;

        color: #FFFFFF;

        font-family: "Open Sans";

        font-weight: bold;



        }



        #moduleresultsbox1txt2{

        position:relative;

        top:0px;

        left:0px;

        z-index:1;

        font-size: 14pt;

        font-family: "Open Sans";

        color:#FFFFFF;







        }



#moduleresultscon{

width:100%;

height:100%;

overflow-y: auto; /*for vertical scroll bar*/

}







#moduleresulttop{

position:relative;

width:40%;

height:50px;

background:#0077FF;

top:0px;

z-index:1;



border: 0.2px solid;

border-radius: 5px;

}





#moduleresulttopinfo{

position:relative;

top:0px;

width:100%;

left:0px;

z-index:1;

font-family:calibri;

font-size: 20pt;

text-align: center;

color: #F2EFE3;

}



#moduleresulttop2{

position:relative;

width:100%;

height:1px;

background:#C9C9C9;

top:0px;

z-index:1;

font-family:calibri;

font-size: 12pt;

}



#moduleresulttop2spcr{

height:50px;

width:100%;

}



#moduleresulttopinfo2{

position:relative;

top:0px;

z-index:1;

font-family:calibri;

font-size: 12pt;

}









#moduleresultpages{

position:relative;

width:346px;

left:615px;

height:50px;

background:#363636;

top:-55px;

z-index:2;

font-family:calibri;

font-size: 12pt;

border: 0.2px solid;

border-radius: 5px;

}



#moduleresultpagesinfo{

position:relative;

top:15%;

z-index:1;

font-family:calibri;

font-size: 16pt;

text-align: left;

color: #FCFBF8;

}







#moduleresultpar{

position:relative;

width:200px;

float:right;

height:50px;

background:#F2F2F2;

top:-40px;

z-index:3;

font-family:calibri;

font-size: 12pt;

border: 0.2px solid;

border-radius: 5px;

}



#moduleresultparline{

position:relative;

top:0px;

z-index:1;

font-family:calibri;

font-size: 10pt;

text-align: left;

color: #1A1A1A;

}

















#moduleresulttable{

position:relative;

top:0px;

z-index:1;

font-family:"Open Sans";

font-size: 10pt;

	width:960px;



	padding:0 0 0px 0;



	margin:0 auto;

overflow-x:scroll;

}





#moduleresult table {

  table-layout: fixed;

  width: 100%; /* Important */

}

td {

  width: 180px;

}







/*MODULE RESULTS STYLE FOR RESULT TABLE*/



#resultone td{

border: 1px solid #ff0000;;

}





input.css3button {

font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ffffff;

	padding: 7px 20px;

	background: -moz-linear-gradient(

		top,

		#0073ff 0%,

		#086afc);

	background: -webkit-gradient(

		linear, left top, left bottom,

		from(#0073ff),

		to(#086afc));

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	border-radius: 0px;

	border: 0px solid #16b32d;

	-moz-box-shadow:

		0px 1px 3px rgba(43,204,86,0),

		inset 0px 0px 3px rgba(39,207,73,1);

	-webkit-box-shadow:

		0px 1px 3px rgba(43,204,86,0),

		inset 0px 0px 3px rgba(39,207,73,1);

	box-shadow:

		0px 1px 3px rgba(43,204,86,0),

		inset 0px 0px 3px rgba(39,207,73,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.1),

		0px 1px 0px rgba(255,255,255,1);

}



input.css3buttongreen {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ffffff;

	padding: 10px 20px;

	background: -moz-linear-gradient(

		top,

		#1ac73c 0%,

		#25c244);

	background: -webkit-gradient(

		linear, left top, left bottom,

		from(#1ac73c),

		to(#25c244));

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	border-radius: 0px;

	border: 0px solid #16b32d;

	-moz-box-shadow:

		0px 1px 3px rgba(43,204,86,0),

		inset 0px 0px 3px rgba(39,207,73,1);

	-webkit-box-shadow:

		0px 1px 3px rgba(43,204,86,0),

		inset 0px 0px 3px rgba(39,207,73,1);

	box-shadow:

		0px 1px 3px rgba(43,204,86,0),

		inset 0px 0px 3px rgba(39,207,73,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.1),

		0px 1px 0px rgba(255,255,255,1);

}







#moduless{

position:relative;

width:100%;

height:500px;

background:url('images/office.jpg');

background-size: cover;

top:0;

left:0px;

z-index:0;



}



#modulessindexwelcomediv{

position:relative;

width:100%;

height:690px;

background:url('images/tradeface.jpg');

background-size: cover;


top:0;

left:0px;

z-index:0;

}



#modulessindexwelcomedivbackground{

position:absolute;

height:100%;

width:100%;

opacity:0;

z-index:1;

}



#modulessindexwelcomedivtextbox1back{

position:absolute;

width:550px;

height:100%;

top:0px;



background: rgb(48, 48, 48); /* Fall-back for browsers that don't

                                    support rgba */

    background: rgba(16, 137, 213, 0.9);



z-index:2;

padding:0 0 0px 0;

margin:0 auto;

}



#modulessindexwelcomedivtextbox1{

position:relative;

width:90%;

height:150px;

top:90px;

z-index:3;

font-family: "Open Sans";

color: #FFFFFF;

margin-left: auto;

margin-right: auto;



}



#modulessindexwelcomedivtextbox1 h1{

  font-size: 26px;

  font-weight: 100;



}

#modulessindexwelcomedivtextbox1 h2{

  font-size: 26px;

  font-weight: 100;

}



#modulessindexwelcomedivtextbox1 h3{

  font-size: 16px;

  font-weight: 100;

}



#modulessindexwelcomedivtextbox1 h4{

  font-size: 18px;

  font-weight: 500;

}



#modulessindexwelcomedivsearch{

position:relative;

top:0px;

z-index:4;



}











#modulesscontainer{

position:relative;

width:700px;

height:100%;

left: 30px;

top:85px;



}



#modulesstext{

position:relative;

font-family: "Century Gothic";



color: #FFFFFF;

top:0;

font-size: 12pt;



}









#modulesstextborder{

position:relative;

top:0;

clear:both;

margin-top:0px;

margin-bottom:0px;



}







#modulesssearch{

position:relative;

clear:both;

top:15px;

height: 100%;

float:right;

font-family: "Open Sans";

z-index:2;

margin-top:0px;

margin-bottom:0px;

font-size: 10pt;
font-weight:bold;
text-align: center;


a:link {color: #FFFFFF;}
a:active {color: #FFFFFF; }
a:visited {color: #FFFFFF; }
a:hover {color: ##FFFFFF;   }




}







#moduleintroitemcontainer{

position:relative;

top:0px;

display: table;

  width: 100%;

  margin: 20px auto;



}



#moduleintro{

position:relative;

width:100%;

height:200px;

font-family: "Open Sans";



}



#moduleintro h1{

  font-size: 40px;

  font-weight: 100;



}

#moduleintro h2{

  font-size: 18px;

  font-weight: 100;

}










#moduleintroitem{

display: table-cell;

  text-align: center;

width:150px;
font-family: "Open Sans";

opacity:1;

}



#moduleintroitemtwo{

  display: table-cell;

  text-align: center;

  width: 16%;

font-family: "Open Sans";

opacity:0.5;

}



#moduleintroitem img{

max-height:57px;

width:107px;

}

#moduleintroitem h2{

  font-size: 10pt;

}



#moduleintroitemmore{

position:relative;

font-size: 10pt;

  opacity:0.5;

  top:50px;

  left:400px;





}





/* Who are We  */



  #stylemoduleboxwho {

 position: relative;

 width: 100%;

 height: 400px;

 background: #EBEBEB;

 color:#FF0066;

 font-family: "Open Sans";






 }



 #stylemoduleboxwhotext1{

position: relative;

font-family: "Open Sans";

font-size: 30pt;

color: #000000;

top:60px;

z-index: 2;

text-align: center;







}



 #stylemoduleboxwhot2{

position: relative;

font-family: "Open Sans";

font-size: 16pt;

color: #000000;

top:40px;

z-index: 2;

text-align: justify;



}



#moduleintrologo{

position:relative;

top:110px;

left:30px;

clear:both;



}



#moduleintrologonew{

position:relative;

top:20px;

left:0px;

clear:both;



}

#moduleintrologo img{

position:relative;

height:100px;

top:0;

clear:both



}













/*ESY AS PIE STATEMENNT */



  #stylemoduleboxpie {

 position: relative;

 width: 100%;

 height: 500px;

 background: #FFFFFF;

 color:#FF0066;

  }



   #stylemoduleboxpiemap {

 position: relative;

margin: 0 0 auto auto;

color: #000000;





  }



   #stylemoduleboxpiesub {

 position: relative;

 width: 100%;

 height: 400px;

 background: #FFFFFF;

 color:#000000;

  }

 #stylemoduleboxpietext1{

position: relative;

font-family: "Open Sans";

font-size: 60pt;

color: #2E2E2E;
font-weight:100;


top:-300px;

left: 500px;

}



#stylemoduleboxpiesubtext1{

position: relative;

font-family: "Open Sans";

font-size: 46pt;

color: #0099FF;

left:500px;

top:10px;

text-align: center;



}





#stylemoduleboxpiet2{

position: relative;

font-family: "Open Sans";

font-size: 14pt;

color: #363636;



top:-350px;

left: 500px;

}





#stylemoduleboxpiesubt2{

position: relative;

font-family: "Century Gothic";

font-size: 14pt;

color: #363636;

text-align: justify;

top:60px;



}



/*indexfooter */



  #stylemoduleboxindexfooter {

 position: relative;

 width: 100%;

 height: 350px;

 background: #FFFFFF;

 color:#FF0066;

 font-weight: 100;

  }



   #stylemoduleboxindexfooterbut1 {

 position: relative;

top:1px;

color: #000000;

text-align: center;

  }



 #stylemoduleboxindexfooterleftrighti img{

position: relative;

text-align: center;

top:20px;

left:420px;

width: 20%;

height:30%;

}



 #stylemoduleboxindexfootertext1{

position: relative;

font-family: "Open Sans";

font-size: 26pt;

color: #5E5E5E;

text-align: center;

top:5px;

}



#stylemoduleboxindexfootertext2{

position: relative;

font-family: "Open Sans";

font-size: 18pt;

color: #919191;

text-align: center;



}













/* EVENT QUOTE NEW QUOTE REQUEST */



 #stylemodulebox {

 position: relative;

 width: 100%;

 height: 200px;

 background: #1089D5;

 color:#FF0066;

 font-size: 12pt;

 font-family: "Open Sans";

 }



  #stylemodulemidboxstep {

 position: relative;

 width: 100%;

 height: 180px;

 background: #F2F2F2;

 color:#FF0066;

 font-size: 12pt;

 }



 #stylemodulemidboxstepimg{

 position:relative;

 top:20px;

 width:932px;



 }



#stylemoduleboxassets{

width: 100%;

padding:0 0 35px 0;

margin:0 auto;



  font-weight: 100;
}



#suppliericon{

position: relative;

top: 80px;

width: 250px;

height: 250px;

}



#stylemoduleboxtext1{

position: relative;

font-family: "Open Sans";

font-size: 30pt;

color: #FFFFFF;

z-index: 2;



text-align: center;



}



#stylemoduleboxt2{

position: relative;

font-family: "Open Sans";

font-size: 14pt;

color: #FFFFFF;

z-index: 2;



text-align: center;



}



#icoplacemat{

position: relative;

left:-115px;

top:-40px;

}



#stylemoduleboxt3{

position: relative;

font-family: "Open Sans";

font-size: 14pt;

color: #FFFFFF;

z-index: 2;

top:-120px;

left: 150px;

}









/* EVENT QUOTE HOME PAGE INDEX MODULES */



 #stylemoduleboxindex {

 position: relative;

 font-family: "Open Sans";

 width: 100%;

 height: 300px;

 background: #F5F5F5;

 color:#FF0066;

 font-size: 12pt



 }



 #stylemoduleboxindextext1{

position: relative;

font-family: "Open Sans";

font-size: 26pt;

color: #363636;

z-index: 2;

top:-150px;

left: 260px;

}



#stylemoduleboxindext2{

position: relative;

font-family: "Open Sans";

font-size: 14pt;

color: #363636;

z-index: 2;

top:-179px;

left: 260px;

}





#stylemoduleboxindext3{

position: relative;

font-family: "Open Sans";

font-size: 14pt;

color: #FFFFFF;

z-index: 2;

top:-120px;

left: 150px;

}



  #stylemodulemidboxstepindex {

 position: relative;

 width: 100%;

 height: 180px;

 background: #FF0066;

 color:#FF0066;

 font-size: 12pt

 }



 #stylemodulemidboxstepimg{

 position:relative;

 top:20px;

  width:932px;



 }



#crossfade {

    position:relative;

    height:250px;

    width:400px;

}

#crossfade img {

    position:absolute;

    left:0;

    opacity: 1;

    -webkit-transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    -o-transition: opacity 1s ease-in-out;

    -ms-transition: opacity 1s ease-in-out;

    transition: opacity 1s ease-in-out;

}



#crossfade img.top:hover {

    opacity:0;}











 #stylemodulemidboxhow {

 position: relative;

 width: 100%;

 height: 300px;

 background: #FFFFFF;

 color:#FF0066;

 font-size: 12pt

 }



 #stylemodulemidboxhowimg{

 position:relative;

 top:60px;

  width:932px;



 }





#worldofcontractedmainhead{

position:relative;

width:100%;

height:450px;

background:url('images/woc/worldofcontractedwallpaper.jpg');



top:0px;

left:0px;

z-index:1;

}



#worldofcontractedimg{

position:relative;

z-index:-1;

opacity: 0.5;

}



#worldofcontractedcontrast{

width:100%;

height: 450px;

top:-346px;

z-index:-1;

position:relative;

background:#000000;

opacity:0.5;



}



#welcometocontractedcontainer{

position:relative;

width:700px;

height:100%;

left: 30px;

top:70px;

}



#welcometocontractedtext{



font-family: "Open Sans";

font-size: 18px;

color: #0696DA;

font-weight: bold;



}





#moduleintroor{

position:relative;

top:120px;

left:300px;

opacity:0.3;

}









#welcometocontractedtextborder{

  color: #FFFFFF;

   text-shadow:

    -1px -1px 0 #000,

    1px -1px 0 #000,

    -1px 1px 0 #000,

    1px 1px 0 #000;

}



    #welcometocontractedtextborder h1{

    font-size: 50px;



    }



    #welcometocontractedtextborder h2{

      font-size: 30px;



    }



#welcomemoduleintroitemcontainer{

position:relative;

top:100px;

display: table;

  width: 90%;

  margin: 20px auto;



}



#welcomemoduleintro{



width:100%;

height:300px;

font-family: "Open Sans";



}



#welcomemoduleintroitem{

  display: table-cell;

  text-align: center;

  width: 30%;

font-family: "Open Sans";

opacity:0.9;

color: #000000;



}



#welcomemoduleintroitem img{

height:50px;



}



#welcomemoduleintroitem h2{

  font-size: 10pt;

  font-weight: bold;



}



#welcomemoduleintroitem h3{

  font-size: 8pt;





}

#welcomemoduleintroitemspacer

{

width:50px;



}



#welcomemoduleintroitemmore{

position:relative;

font-size: 10pt;

  opacity:0.5;

  top:-160px;



  text-align: center;







}



#welcomemoduleboximage{

 position: relative;

top:80px;

color: #000000;





}



#welcomelogin{

position:relative;

height:300px

width:50px;

background:#000000;

opacity:0.5px;

top: 30px;

left:30px;



}









.myButton {

	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;

	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;

	box-shadow:inset 0px 1px 0px 0px #9acc85;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));

	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);

	background-color:#74ad5a;

	border:1px solid #3b6e22;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:28px;

	font-weight:bold;

	padding:30px 76px;

	text-decoration:none;

   
}

.myButton:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));

	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);

	background-color:#68a54b;

}

.myButton:active {

	position:relative;

	top:1px;

}




.myButtonlanding {

	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;

	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;

	box-shadow:inset 0px 1px 0px 0px #9acc85;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));

	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);

	background-color:#74ad5a;

	border:1px solid #3b6e22;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:28px;

	font-weight:bold;

	padding:15px 10px;

	text-decoration:none;
	text-align: center;



}

.myButtonlanding:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));

	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);

	background-color:#68a54b;

}

.myButtonlanding:active {

	position:relative;

	top:1px;

}



























.myButtonsmall {

	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;

	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;

	box-shadow:inset 0px 1px 0px 0px #9acc85;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));

	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);

	background-color:#74ad5a;

	border:1px solid #3b6e22;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:16px;

	font-weight:bold;



	padding:8px 5px;

	text-decoration:none;

	text-align: center;

}

.myButtonsmall:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));

	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);

	background-color:#68a54b;

}

.myButtonsmall:active {

	position:relative;

	top:1px;

}




.myButtondashboardred {

	-moz-box-shadow:inset 0px 1px 0px 0px #CC1706;

	-webkit-box-shadow:inset 0px 1px 0px 0px #CC0808;

	box-shadow:inset 0px 1px 0px 0px #CC0B18;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));

	background:-moz-linear-gradient(top, #AD1A09 5%, #A60B03 100%);

	background:-webkit-linear-gradient(top, #AD1A09 5%, #A60B03 100%);

	background:-o-linear-gradient(top, #AD1A09 5%, #A60B03 100%);

	background:-ms-linear-gradient(top, #AD1A09 5%, #A60B03 100%);

	background:linear-gradient(to bottom, #AD1A09 5%, #C30912 100%)

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);

	background-color:#AD0705;

	border:1px solid #3b6e22;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:9px;

	font-weight:bold;



	padding:10px 5px;

	text-decoration:none;

	text-align: center;

}








.myButtondashboard {

	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;

	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;

	box-shadow:inset 0px 1px 0px 0px #9acc85;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));

	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);

	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);

	background-color:#74ad5a;

	border:1px solid #3b6e22;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:9px;

	font-weight:bold;



	padding:10px 5px;

	text-decoration:none;

	text-align: center;

}

.myButtondashboard:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));

	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);

	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);

	background-color:#68a54b;

}

.myButtondashboard:active {

	position:relative;

	top:1px;

}


 .myButtondashboardblue {

	-moz-box-shadow:inset 0px 1px 0px 0px  #1AA3FF;

	-webkit-box-shadow:inset 0px 1px 0px 0px  #1AA3FF;

	box-shadow:inset 0px 1px 0px 0px  #1AA3FF;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #008AE6), color-stop(1, #008AE6));

	background:-moz-linear-gradient(top, #008AE6 5%, #008AE6 100%);

	background:-webkit-linear-gradient(top, #008AE6 5%, #008AE6 100%);

	background:-o-linear-gradient(top, #008AE6 5%, #008AE6 100%);

	background:-ms-linear-gradient(top, #008AE6 5%, #008AE6 100%);

	background:linear-gradient(to bottom, #008AE6 5%, #008AE6 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);

	background-color:#008AE6;

	border:1px solid #3b6e22;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:9px;

	font-weight:bold;



	padding:10px 5px;

	text-decoration:none;

	text-align: center;

}

.myButtondashboardblue:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #1AA3FF));

	background:-moz-linear-gradient(top, #008AE6 5%,  #1AA3FF 100%);

	background:-webkit-linear-gradient(top, #008AE6 5%, #1AA3FF 100%);

	background:-o-linear-gradient(top, #008AE6 5%,  #1AA3FF 100%);

	background:-ms-linear-gradient(top, #008AE6 5%,  #1AA3FF 100%);

	background:linear-gradient(to bottom, #008AE6 5%,  #1AA3FF 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);

	background-color:#008AE6;

}

.myButtondashboardblue:active {

	position:relative;

	top:1px;

}
























.myButtonblue {

	-moz-box-shadow:inset 0px 1px 0px 0px #5CA5FF;

	-webkit-box-shadow:inset 0px 1px 0px 0px #5CA5FF;

	box-shadow:inset 0px 1px 0px 0px #5CA5FF;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #008AE6), color-stop(1, #1799FF));

	background:-moz-linear-gradient(top, #008AE6 5%, #1799FF 100%);

	background:-webkit-linear-gradient(top, #008AE6 5%, #1799FF 100%);

	background:-o-linear-gradient(top, #008AE6 5%, #1799FF 100%);

	background:-ms-linear-gradient(top, #008AE6 5%, #1799FF 100%);

	background:linear-gradient(to bottom, #008AE6 5%, #1799FF 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008AE6', endColorstr='#1799FF',GradientType=0);

	background-color:#008AE6;

	border:1px solid #3b6e22;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:28px;

	font-weight:bold;

	padding:30px 76px;

	text-decoration:none;

}

.myButtonblue:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1799FF), color-stop(1, #008AE6));

	background:-moz-linear-gradient(top, #1799FF 5%, #008AE6 100%);

	background:-webkit-linear-gradient(top, #1799FF 5%, #008AE6 100%);

	background:-o-linear-gradient(top, #1799FF 5%, #008AE6 100%);

	background:-ms-linear-gradient(top, #1799FF 5%, #008AE6 100%);

	background:linear-gradient(to bottom, #1799FF 5%, #008AE6 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1799FF', endColorstr='#008AE6',GradientType=0);

	background-color:#1799FF;

}

.myButtonblue:active {

	position:relative;

	top:1px;

}







.myButtonbluesmall {

	-moz-box-shadow:inset 0px 1px 0px 0px #5CA5FF;

	-webkit-box-shadow:inset 0px 1px 0px 0px #5CA5FF;

	box-shadow:inset 0px 1px 0px 0px #5CA5FF;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #008AE6), color-stop(1, #1799FF));

	background:-moz-linear-gradient(top, #008AE6 5%, #1799FF 100%);

	background:-webkit-linear-gradient(top, #008AE6 5%, #1799FF 100%);

	background:-o-linear-gradient(top, #008AE6 5%, #1799FF 100%);

	background:-ms-linear-gradient(top, #008AE6 5%, #1799FF 100%);

	background:linear-gradient(to bottom, #008AE6 5%, #1799FF 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008AE6', endColorstr='#1799FF',GradientType=0);

	background-color:#008AE6;

	border:1px solid #3b6e22;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:arial;

	font-size:12px;

	font-weight:bold;

	padding:6px 16px;

	text-decoration:none;






}

.myButtonbluesmall:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1799FF), color-stop(1, #008AE6));

	background:-moz-linear-gradient(top, #1799FF 5%, #008AE6 100%);

	background:-webkit-linear-gradient(top, #1799FF 5%, #008AE6 100%);

	background:-o-linear-gradient(top, #1799FF 5%, #008AE6 100%);

	background:-ms-linear-gradient(top, #1799FF 5%, #008AE6 100%);

	background:linear-gradient(to bottom, #1799FF 5%, #008AE6 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1799FF', endColorstr='#008AE6',GradientType=0);

	background-color:#1799FF;

}

.myButtonbluesmall:active {

	position:relative;

	top:1px;

}

/* BEGIN CONTRACTOR DASHBOARD */



#condashmenucontainer{

width:200px;

height:100%;

position:fixed;

left:0px;

opacity:0.5px;

top:-0px;
 z-index:3;


background: #7d7e7d; /* Old browsers */

background: -moz-linear-gradient(45deg,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */

background: linear-gradient(45deg,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



img.menulogo{

position:relative;

max-width:140px;

top:15px;



}



#condashmenuspacerone{

height:50px;

}



#condashmenu{

COLOR: #FFFFFF;

width:100%;

position:relative;

}



#condashmenutexthead{

  font-family: "Open Sans";

  font-size: 12pt;

  color: #FFFFFF;

  position:relative;

  text-align: center;



  }



 #condashmenulink{

   COLOR: #FFFFFF;

   font-size: 12pt;

   text-align: left;

   font-family: "Droid Sans";

   left:5px;

   width:100%;

   position:relative;

 }





#condashmenulink a {

COLOR: #FFFFFF;

   font-size: 12pt;

}



#condashframe{

 position:relative;

 margin:0 auto;

 width:100%;

 height:100%;

 text-align: center;




}





#pendingoverlap{

position:fixed;

top:-30px;

left:300px;

bottom:0;

z-index:2;

height:300px;

width:100%;

}



#pageform{



margin-top:0px;

margin-right:0px;

margin-bottom:0px;

margin-left:0px;



}





form{

margin-top:0px;

margin-bottom:0px;



}

input{

margin-top:0px;

}




#tendertable{



    margin:0 auto;
    background-size: cover;
    position:relative;
    max-width:100%px;
    top:0;
    margin:0 auto;


}

     #tendertable th{
      font-size: 12pt;
      font-family: "Open Sans";
      font-weight:300;
      text-align: center;
      background:#C2C2C2;
      color: #3B3B3B;

      }

     #tendertable p{
      font-size: 24pt;
     font-family: "Open Sans";
     font-weight:300;
     text-align: center;
     color: #474747;


    }

#tenderheader{
height:90px;
background:#4C4C4C;
width:100%;
    margin: 0 0 0 0 auto;
    background-size: cover;
    position:relative;
    width:100%;
    top:0;
    left:0px;
    z-index:1;

}

           #tenderheader h1{
           font-size: 24pt;
             font-family: "Open Sans";
              font-weight:300;
           text-align: center;

           color: #FFFFFF;
            z-index:1;
              }

                   #tenderheader p{
                    font-size: 12pt;
                      font-family: "Open Sans";
                     font-weight:300;
                     text-align: center;
                     color: #FFFFFF;
                      z-index:1;

                 }
                       #tenderheaderlogo{
                         position:relative;
                        left:50%;
                  }

#tenderheadertwo{
height:70px;
background:#DBDBDB;
width:100%;
    margin: 0 0 0 0 auto;
    background-size: cover;
    position:relative;
    width:100%;
    top:0;
    left:0px;
    z-index:1;

}

           #tenderheadertwo h1{
           font-size: 24pt;
             font-family: "Open Sans";
              font-weight:300;
           text-align: center;

           color: #FFFFFF;
            z-index:1;
              }

                   #tenderheadertwo p{
                    font-size: 12pt;
                      font-family: "Open Sans";
                     font-weight:300;
                     text-align: center;
                     color: #FFFFFF;
                      z-index:1;

                 }
#tenderheadertwo a{
                    font-size: 12pt;
                      font-family: "Open Sans";
                     font-weight:1000;
                     text-align: center;
                     color: #080808;
                      z-index:1;
                      text-decoration: underline;


                 }


                       #tenderheadertwologo{
                         position:relative;
                        left:50%;
                  }


#mysiteone{
height:200px;
background:#B8B8B8;
width:100%;
    margin: 0 0 0 0 auto;
    background-size: cover;
    position:relative;
    width:100%;
    top:0;
    left:0px;
    z-index:1;

}

           #mysiteone h1{
           font-size: 18pt;
             font-family: "Open Sans";
              font-weight:300;
           text-align: center;

           color: #1F1F1F;
            z-index:1;
              }

                   #mysiteone p{
                    font-size: 12pt;
                      font-family: "Open Sans";
                     font-weight:300;
                     text-align: center;
                     color: #303030;
                      z-index:1;

                 }
#mysiteone a{
                    font-size: 12pt;
                      font-family: "Open Sans";
                     font-weight:1000;
                     text-align: center;
                     color: #080808;
                      z-index:1;
                      text-decoration: underline;


                 }


                       #mysiteonelogo{
                         position:relative;
                        left:50%;
                  }

#sectiontwo{
height:100%;
background:url("images/servicebaselogin.jpg");
width:100%;
    margin: 0 0 0 0 auto;
    background-size: cover;
    position:relative;
    width:100%;
    top:0;
    left:0px;
    z-index:1;

}

           #sectiontwo h1{
           font-size: 24pt;
             font-family: "Open Sans";
              font-weight:300;
           text-align: center;

           color: #FFFFFF;
            z-index:1;
              }

                   #sectiontwo p{
                    font-size: 12pt;
                      font-family: "Open Sans";
                     font-weight:300;
                     text-align: center;
                     color: #FFFFFF;
                      z-index:1;

                 }
                       #sectiontwologo{
                         position:relative;
                        left:50%;
                  }



#sectiontwomenu{

COLOR: #FFFFFF;
width:100%;
position:relative;

}


#sectiontwomenuframe{
position:relative;
 margin: 0 0 0auto;
height:400px;
top:1px;
left:0px;
width:100%;
text-align: center;

}

#sectiontwomenuicon{
float:left;
width:200px;
height:300px;
position:relative;
background:#575757;
margin: 10px 10px 0 0;

}

#sectiontwomenutext{
font-size:30pt;
bottom:20px;
text-align:center;
position:absolute;
width:150px;
font-family: "Open Sans";
font-weight:100;
left:20px;



}

img.sectiontwomenuimg{
position:relative;
top:10px;
left:20px;
max-width:300px;
margin: 0 auto;
}

#sectiontwomenucount{
font-size:80pt;
top:20px;
text-align:center;
position:absolute;
width:200px;
font-family: "Open Sans";
font-weight:100;

color:#FFFFFF;

}









#sectionthreemenu{

COLOR: #FFFFFF;
width:100%;
position:relative;

}


#sectionthreemenuframe{
position:relative;
 margin: 0 auto;
height:400px;
top:1px;
left:0px;
width:100%;
}

#sectionthreemenuicon{
float:left;
width:200px;
height:100px;
position:relative;
background:#363636;
margin: 10px 10px 0 0;

}

#sectionthreemenutext{
font-size:10pt;
bottom:10px;
text-align:center;
position:absolute;
width:150px;
font-family: "Open Sans";
font-weight:100;
left:25px;



}

img.sectionthreemenuimg{
position:relative;
top:10px;
left:20px;
max-width:300px;
margin: 0 auto;
}

#sectionthreemenucount{
font-size:30pt;
top:10px;
text-align:center;
position:absolute;
width:200px;
font-family: "Open Sans";
font-weight:100;

color:#FFFFFF;

}



#sectionfour{

COLOR: #FFFFFF;
width:100%;
position:relative;

}


#sectionfourmenuframe{
position:relative;
 margin: 0 auto;
height:400px;
top:1px;
left:0px;
width:100%;
}

#sectionfourmenuicon{
float:left;
width:463px;
height:400px;
position:relative;
background:#333333;
margin: 10px 10px 0 0;

}

#sectionfourmenutext{
font-size:20pt;

text-align:left;
position:absolute;
width:150px;
font-family: "Open Sans";
font-weight:500;
left:20px;



}


#sectionfournewstext.p{
font-size:20pt;

text-align:left;

color:#FFFFFF;
font-family: "Open Sans";
font-weight:100;





}

img.sectionfourmenuimg{
position:relative;
top:10px;
left:20px;
max-width:300px;
margin: 0 auto;
}

#sectionfourmenucount{
font-size:10pt;
top:40px;

position:absolute;
width:450px;

left:10px;


}






#workspace{
height:150%;
background:#F2F2F2;
width:100%;
    margin: 0 0 0 0 auto;
    background-size: cover;
    position:relative;
    width:100%;
    top:0;
    left:0px;
    z-index:1;

}

#workspacetext{

width:950px;
    margin: 0 auto;
    background-size: cover;
    position:relative;
    top:0;
    left:0px;
    z-index:1;
    color:#242424;

}

/** admin menu **/
/** page structure **/
nav {
  display: block;
  width: 100%;
  height: 70px;
  background: #384958;
}

.wrapper {
  display: block;
  margin: 0 auto;
  width: 750px;
}

#menu {
  display: block;
  position: relative;
  z-index: 99;

}

#menu li {
  display: block;
  float: left;

}
#menu li a {
  display: block;
  position: relative;
  float: left;
  padding: 0 35px;
  font-size: 1.5em;
  line-height: 70px;
  font-weight: bold;
  text-decoration: none;
  color: #f5f5f5;
}
#menu li a:hover, #menu li a.active {
  background: #fff;
  color: #2c343b;
}

#menu li ul {
  display: none;
  position: absolute;
  top: 70px;
  width: 500px;
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  box-shadow: 0 2px 7px rgba(0,0,0,0.45);
}
#menu li ul li {
  display: block;
  width: 500px;
}
#menu li ul li a {
  display: block;
  float: none;
  color: #4e5b67;
  font-size: 1.35em;
  line-height: 50px;
  padding: 0 15px;
}
#menu li ul li a:hover {
  background: #384958;
  color: #fff;
}

#menu li ul.expanded {
  width: 400px;
}
#menu li ul.expanded li { margin-right: 200px; }



#menu li ul li ul {
  display: none;
  position: absolute;
  left: 200px;
  top: 0;
  height: 100%;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#menu li ul li ul li a { color: #fff; }
#menu li ul li ul li a:hover { text-decoration: underline; }

#menu li ul li.purple a:hover, #menu li ul li.purple a.active { background: #4f4c83; color: #fff; }
#menu li ul li.purple ul { background: #4f4c83; }

#menu li ul li.green a:hover, #menu li ul li.green a.active { background: #65834c; color: #fff; }
#menu li ul li.green ul { background: #65834c; }

#menu li ul li.aqua a:hover, #menu li ul li.aqua a.active { background: #4c7983; color: #fff; }
#menu li ul li.aqua ul { background: #4c7983; color: #fff; }

#menu li ul li.red a:hover, #menu li ul li.red a.active { background: #834c4c; color: #fff; }
#menu li ul li.red ul { background: #834c4c; }

#menu li ul li.blue a:hover, #menu li ul li.blue a.active { background: #4d6899; color: #fff; }
#menu li ul li.blue ul { background: #4d6899; }

#menu li ul li.gold a:hover, #menu li ul li.gold a.active { background: #97944c; color: #fff; }
#menu li ul li.gold ul { background: #97944c; }






/** admin menu **/
/** page structure **/
nav {
  display: block;
  width: 100%;
  height: 70px;
  background: #384958;
}

.wrapper {
  display: block;
  margin: 0 auto;
  width: 750px;
}

#menuwide {
  display: block;
  position: relative;
  z-index: 99;

}

#menuwide li {
  display: block;
  float: left;

}
#menuwide li a {
  display: block;
  position: relative;
  float: left;
  padding: 0 35px;
  font-size: 1.5em;
  line-height: 70px;
  font-weight: bold;
  text-decoration: none;
  color: #f5f5f5;
}
#menuwide li a:hover, #menu li a.active {
  background: #fff;
  color: #2c343b;
}

#menuwide li ul {
  display: none;
  position: absolute;
  top: 70px;
  width: 200px;
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  box-shadow: 0 2px 7px rgba(0,0,0,0.45);
}
#menuwide li ul li {
  display: block;
  width: 200px;
}
#menuwide li ul li a {
  display: block;
  float: none;
  color: #4e5b67;
  font-size: 1.35em;
  line-height: 50px;
  padding: 0 15px;
}
#menuwide li ul li a:hover {
  background: #384958;
  color: #fff;
}

#menuwide li ul.expanded {
  width: 400px;
}
#menuwide li ul.expanded li { margin-right: 200px; }



#menuwide li ul li ul {
  display: none;
  position: absolute;
  left: 200px;
  top: 0;
  height: 100%;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#menuwide li ul li ul li a { color: #fff; }
#menuwide li ul li ul li a:hover { text-decoration: underline; }

#menuwide li ul li.purple a:hover, #menu li ul li.purple a.active { background: #4f4c83; color: #fff; }
#menuwide li ul li.purple ul { background: #4f4c83; }

#menuwide li ul li.green a:hover, #menu li ul li.green a.active { background: #65834c; color: #fff; }
#menuwide li ul li.green ul { background: #65834c; }

#menuwide li ul li.aqua a:hover, #menu li ul li.aqua a.active { background: #4c7983; color: #fff; }
#menuwide li ul li.aqua ul { background: #4c7983; color: #fff; }

#menuwide li ul li.red a:hover, #menu li ul li.red a.active { background: #834c4c; color: #fff; }
#menuwide li ul li.red ul { background: #834c4c; }

#menuwide li ul li.blue a:hover, #menu li ul li.blue a.active { background: #4d6899; color: #fff; }
#menuwide li ul li.blue ul { background: #4d6899; }

#menuwide li ul li.gold a:hover, #menu li ul li.gold a.active { background: #97944c; color: #fff; }
#menuwide li ul li.gold ul { background: #97944c; }

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



/* Style The Dropdown Button */
.dropbtn {
    background-color: #FFFFFF;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    z-index:5;
     -webkit-box-shadow: 0 2px 7px rgba(255, 255, 255, 0.45);
  -moz-box-shadow: 0 2px 7px rgba(255, 255, 255, 0.45);
  box-shadow: 0 2px 7px rgba(255, 255, 255, 0.45);
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: absolute;
    display: inline-block;
    right:0px;
    z-index:5;
}

/* Dropdown Content (Hidden by Default) */
 .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left:0px;
}

/* Links inside the dropdown */
 .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
 .dropdown-content a:hover {background-color: #f1f1f1}
 .dropdown-image{ opacity: 0.3; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #787878;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/spinner.gif) center no-repeat #fff;
}







.circle-chart {
  cursor: pointer;
  float: left;
  margin: 10px;
  height: 400px;
  position: relative;
  width: 400px;
}

.circle-chart.small {
  height: 200px;
  width: 200px;
}

.circle-chart p {
  color: #999999;
  font-family: sans-serif;
  font-size: 6em;
  font-weight: 600;
  line-height: 1em;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  -webkit-animation: fadein 1.5s;
  /* Safari, Chrome and Opera > 12.1 */

  -moz-animation: fadein 1.5s;
  /* Firefox < 16 */

  -ms-animation: fadein 1.5s;
  /* Internet Explorer */

  -o-animation: fadein 1.5s;
  /* Opera < 12.1 */

  animation: fadein 1.5s;
}

.circle-chart.small p {
  font-size: 3.3em;
}

.circle-chart .bar {
  height: 80%;
  margin: -40% 0 0 -5px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3%;
}

.circle-chart .bar:after, .circle-chart.double .bar:before {
  background: #AD0705;
  border-radius: 10px;
  content: "";
  height: 15%;
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
}

.circle-chart.double .bar:after, .circle-chart.double .bar:before {
  height: 10%;
  width: 80%;
}

.circle-chart.double .bar:before { left: 125%; }

.circle-chart.green p { color: #8CC63F; }
.circle-chart.red p { color: #AD0705; }

.circle-chart.green .bar:after, .circle-chart.green .bar:before {
  background: #68A54B;
}

.circle-chart.rede .bar:after, .circle-chart.rede .bar:before {
  background: #FF2BC0;
}

.circle-chart .bar:nth-child(2) {
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}

.circle-chart .bar:nth-child(3) {
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

.circle-chart .bar:nth-child(4) {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.circle-chart .bar:nth-child(5) {
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.circle-chart .bar:nth-child(6) {
  -ms-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}

.circle-chart .bar:nth-child(7) {
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.circle-chart .bar:nth-child(8) {
  -ms-transform: rotate(70deg);
  -webkit-transform: rotate(70deg);
  transform: rotate(70deg);
}

.circle-chart .bar:nth-child(9) {
  -ms-transform: rotate(80deg);
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
}

.circle-chart .bar:nth-child(10) {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.circle-chart .bar:nth-child(11) {
  -ms-transform: rotate(100deg);
  -webkit-transform: rotate(100deg);
  transform: rotate(100deg);
}

.circle-chart .bar:nth-child(12) {
  -ms-transform: rotate(110deg);
  -webkit-transform: rotate(110deg);
  transform: rotate(110deg);
}

.circle-chart .bar:nth-child(13) {
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}

.circle-chart .bar:nth-child(14) {
  -ms-transform: rotate(130deg);
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}

.circle-chart .bar:nth-child(15) {
  -ms-transform: rotate(140deg);
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
}

.circle-chart .bar:nth-child(16) {
  -ms-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}

.circle-chart .bar:nth-child(17) {
  -ms-transform: rotate(160deg);
  -webkit-transform: rotate(160deg);
  transform: rotate(160deg);
}

.circle-chart .bar:nth-child(18) {
  -ms-transform: rotate(170deg);
  -webkit-transform: rotate(170deg);
  transform: rotate(170deg);
}

.circle-chart .bar:nth-child(19) {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.circle-chart .bar:nth-child(20) {
  -ms-transform: rotate(190deg);
  -webkit-transform: rotate(190deg);
  transform: rotate(190deg);
}

.circle-chart .bar:nth-child(21) {
  -ms-transform: rotate(200deg);
  -webkit-transform: rotate(200deg);
  transform: rotate(200deg);
}

.circle-chart .bar:nth-child(22) {
  -ms-transform: rotate(210deg);
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}

.circle-chart .bar:nth-child(23) {
  -ms-transform: rotate(220deg);
  -webkit-transform: rotate(220deg);
  transform: rotate(220deg);
}

.circle-chart .bar:nth-child(24) {
  -ms-transform: rotate(230deg);
  -webkit-transform: rotate(230deg);
  transform: rotate(230deg);
}

.circle-chart .bar:nth-child(25) {
  -ms-transform: rotate(240deg);
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}

.circle-chart .bar:nth-child(26) {
  -ms-transform: rotate(250deg);
  -webkit-transform: rotate(250deg);
  transform: rotate(250deg);
}

.circle-chart .bar:nth-child(27) {
  -ms-transform: rotate(260deg);
  -webkit-transform: rotate(260deg);
  transform: rotate(260deg);
}

.circle-chart .bar:nth-child(28) {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.circle-chart .bar:nth-child(29) {
  -ms-transform: rotate(280deg);
  -webkit-transform: rotate(280deg);
  transform: rotate(280deg);
}

.circle-chart .bar:nth-child(30) {
  -ms-transform: rotate(290deg);
  -webkit-transform: rotate(290deg);
  transform: rotate(290deg);
}

.circle-chart .bar:nth-child(31) {
  -ms-transform: rotate(300deg);
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}

.circle-chart .bar:nth-child(32) {
  -ms-transform: rotate(310deg);
  -webkit-transform: rotate(310deg);
  transform: rotate(310deg);
}

.circle-chart .bar:nth-child(33) {
  -ms-transform: rotate(320deg);
  -webkit-transform: rotate(320deg);
  transform: rotate(320deg);
}

.circle-chart .bar:nth-child(34) {
  -ms-transform: rotate(330deg);
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}

.circle-chart .bar:nth-child(35) {
  -ms-transform: rotate(340deg);
  -webkit-transform: rotate(340deg);
  transform: rotate(340deg);
}

.circle-chart .bar:nth-child(36) {
  -ms-transform: rotate(350deg);
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */

@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */

@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}