html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	/*margin: 0;*/
	/*padding: 0;*/
	border: 0;
	vertical-align: baseline;
}
.modalBackground
{      
    background-color: Silver;      
    filter: alpha(opacity=60);      
    opacity: 0.6;
}
body {
	background: #59575e;
	color: #59575e;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
}
.main_heading {
	background: #71b840;
}
.loggedIn {
	margin-top: 25px;
	text-align: right;
	float: left;
	padding-left: 5px;
}
.mainNav {
	width: 100%;
}
.mobileMenu {
	display: none;
}

#owl-demo img {
	width: 100%;
}
.logo img {
	width: 100%;
	display: block;
}
.clr {
    float: none;
    clear: both;
}

.Delete {
    background-image: url("../Images/delete.png");
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border-width: thin;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin: 0 0 0 1px;
    border-color: Gray;
    color: Black;
    text-indent: 20px;
}

/* ======================HEADER=================*/
.side-border {
    border: 1px solid #e1e1e3;
    border-top: none;
    border-bottom: none;
}
.header {
	margin: auto;
	width: 100%;
    border-top: none;
}
.heading {
	float: left;
	padding-right: 5px !important;
}
.header .top_line {height: 90px;}
.header .top_line .logo {float: left; padding-top: 25px; background: url(../images/arr_sprite.png) 0px 0px no-repeat;}
    /*.header .top_line .logo {float: left; padding-top: 15px; }*/
.header .top_line .imperial {float: right; padding-top: 25px;}
	
.header .service_line
	{
    margin-bottom: 5px;
	height: 39px;
	/*background-color: #59955C;*/
    background-color:rgb(128,128,128);
   /*  background-color: #FFD801; try: #FFD801, #FDD017, #FFDB58, #EAC117, #FBB917, #FBB117, #E9AB17 */
	border-bottom: 1px solid #fff;
	}	
.header .service_line .title {float: left; line-height: 39px; vertical-align: middle; font-weight: bold; color: #fff; margin-left: 15px;}
.header .service_line .user
	{
	float: right;
	padding-left: 39px;
	margin-right: 15px;
	background: url(../images/icon_sprite.png) 2px -70px no-repeat;
	height: 39px;
	line-height: 39px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	}
/*==================END HEADER==================*/

/*==================TOP NAV=====================*/
.pre-header {
		height: 50px;
		line-height: 50px;
		overflow: hidden;
	}
.navigation-top-row {
    border-right: 1px solid #9b9a9e;
}
	.navigation-top {
		margin: 0;
		padding: 0;
		list-style: none;
		/*border-left: 1px solid #47464b;
		border-right: 1px solid #9b9a9e;*/
		height: 50px;
		
	}
		.navigation-top li {
			text-align: right;
			height: 50px;
			/*border-left: 1px solid #9b9a9e;*/
			padding: 0 9.4px;
			text-transform: uppercase;
			font-family: "Open Sans", sans-serif;
			font-size: 14px;
		}
		
		.lt-ie10 .navigation-top li {
			padding: 0 7.4px;
		}
		
		.navigation-top li:first-child {
			width: 100%;
			/*padding: 0 15px;*/
			padding: 0 19px;
		}
		
			.navigation-top li:first-child p {
				line-height: 50px;
			}
			
			.lt-ie8 .navigation-top li:first-child p {
				line-height: 60px;
			}
			
			.navigation-top li:first-child .icon-phone {
				margin: -6px 20px 0 0;
			}
			
			.navigation-top li:first-child strong {
				margin: 0 20px 0 0;
			}
			
		.navigation-top li.rate p {
			font-size: 12px;
			line-height: 50px;
		}
		
			.navigation-top li a {
				display: block;
				text-transform: uppercase;
				text-decoration: none;
				color: #a2a1a5;
				padding: 5px 8px;
				font-size: 12px;
				margin: 10px 0 0;
			}
			
			.navigation-top li a:hover {
				background: #008ecc;
				color: #fff;
			}

            .icon-phone {
                display: inline-block;
                background: url('../Images/bg-sprites.png') no-repeat -284px -32px;
                width: 30px;
                height: 30px;
            }
/*==============================================*/

/*==================MAIN========================*/
.mid-section {
    border: 1px solid #ddd;
    border-bottom: none;
}
.mainContent {
    border: 1px solid #e1e1e3;
    border-top: 0;
    /*padding-bottom: 0;*/
    /*margin-bottom: 30px;*/
    /*height: 350px;*/
}
.container .breadcrumbs ul {height: 59px; /*border-bottom: 1px solid #e1e1e3;*/list-style: none !important;padding-left: 0 !important;margin-bottom: 0;}
.container .breadcrumbs ul li.home {background: url(../images/arr_sprite.png) -250px 17px no-repeat;}
.container .breadcrumbs ul li.home a {color: #a6a0ad; padding-left: 20px; border: 0;}
.container .breadcrumbs ul li.home a:before {margin: 0; border: 0;}
.container .breadcrumbs ul li {float: left;}
.container .breadcrumbs ul li a, .container .breadcrumbs ul li span
	{
	padding: 0;
	line-height: 59px;
	vertical-align: middle;
	height: 59px;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	}

.container .breadcrumbs ul li a:before, .container .breadcrumbs ul li span:before
	{
	content: "";
	height: 10px;
	margin: 0 10px;
	border-left: 1px solid #a6a0ad;
	}	
	
.container .breadcrumbs ul li a:hover {text-decoration: underline;}

.main-container .breadcrumbs ul li a:hover {text-decoration: underline;}
.main-container .intro {margin: 35px 20px 60px 20px;}
.main-container .intro .welcome {font-size: 35px; text-transform: uppercase; font-weight: 600;}
.main-container .intro .intranet {font-size: 60px; text-transform: uppercase; font-weight: 600;}
.main-container .intro .intro_text {font-size: 16px; line-height: 24px; text-transform: uppercase; font-weight: bold;}
	
.blue {color: #008ecc;}

.main-container .units {margin-bottom: 30px;}
.main-container .units ul { list-style: none;}
.main-container .units ul li {width: 25%; float: left;}
.main-container .units ul li h3 {font-size: 16px; font-weight: 600; margin: 0 0 15px 25px;}
.main-container .units ul li .intro_item {padding-top: 37px; height: 230px; overflow: hidden; border-bottom:1px solid #e1e1e3; border-right: 1px solid #e1e1e3;}
.main-container .units ul li.item4 .intro_item {border-right: 0;}
.main-container .units ul li .intro_item p {font-size: 12px; line-height: 20px; margin: 0 25px 25px 25px;}
.main-container .units ul li .intro_item .link_item {margin: 0 25px;}
.main-container .units ul li .intro_item .link_item a {font-size: 12px; line-height: 20px; color: #008ecc;}
.main-container .units ul li .intro_item .link_item a:hover {text-decoration: none;}

.main-container .units ul li.item1 h3 {color: #4bc23c;}
.main-container .units ul li.item1 .intro_item {border-top: 10px solid #4bc23c; background: url(../Images/arr_sprite.png) -385px 0px no-repeat #f9f9f9; }

.main-container .units ul li.item2 h3 {color: #ff8524;}
.main-container .units ul li.item2 .intro_item {border-top: 10px solid #ff8524; background: url(../Images/arr_sprite.png) -635px 0px no-repeat #f9f9f9; }

.main-container .units ul li.item3 h3 {color: #008dcf;}
.main-container .units ul li.item3 .intro_item {border-top: 10px solid #008dcf; background: url(../Images/arr_sprite.png) -895px 0px no-repeat #f9f9f9; }

.main-container .units ul li.item4 h3 {color: #e40039;}
.main-container .units ul li.item4 .intro_item {border-top: 10px solid #e40039; background: url(../Images/arr_sprite.png) -1155px 0px no-repeat #f9f9f9; }

footer
	{
	background-color:#59575e;
	width: 1035px;
	margin: 0 auto;
	padding: 0 25px;
	}
	
.footer .logo_down {float: left;}
.footer .logo_down .lq:after
	{
	display: inline-block;
	content: "";
	height: 20px;
	margin: 10px;
	border-right: 1px solid #b9b8ba;
	}		
.footer .down_menu {float: left;  padding-top: 15px; margin-left: 70px;}
.footer .down_menu ul { list-style: none;}
.footer .down_menu ul li {float: left;}
.footer .down_menu ul li:after
	{
	display: inline-block;
	content: "";
	height: 11px;
	margin: 0 12px 0 13px;
	border-right: 1px solid #d0d0d0;
	}	
.footer .down_menu ul li:last-child::after
	{
	display: none;
	}		
	
.footer .down_menu ul li a {text-decoration: none; color: #b9b8ba; font-size: 11px;}
.footer .down_menu ul li a:hover {text-decoration: underline;} 
.footer .address {color: #b9b8ba; font-size: 11px; margin: 15px 0 45px 0;}

.title_req
	{
	height: 56px;
	line-height: 56px;
	vertical-align: middle;
	color: #59575e;
	font-weight: bold;
	font-size: 16px;
	padding-left: 59px;
	background: url(../images/icon_sprite.png) 20px -233px no-repeat #eeeeef;
    margin-top: 0;
	}
.legend {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: right;
    padding-right: 10px;
}
.legend li { display: inline-block;list-style: none;}
.legend li ul {list-style: none;display: inline-block;padding-left: 10px;}
.legendCount {padding-right: 5px;float: left;font-weight: bold;}
.legendText { float: left;}
#lblPassCount {padding-right: 0;}
.white-block {height: 16px;width: 16px;background-color: #fff;border: 1px solid #e1e1e3;}
.green-block {height: 16px;width: 16px;background-color: #5cb85c;border: 1px solid #e1e1e3;}
.orange-block {height: 16px;width: 16px;background-color: #f0ad4e;border: 1px solid #e1e1e3;}
.red-block {height: 16px;width: 16px;background-color: #d9534f;border: 1px solid #e1e1e3;}

.tasks {
	background-color: #428bca !important;
	color: #fff !important;
    width: 100%
}
.tasks tr {
    border-bottom: 1px solid #ddd !important;
}
/*==================END MAIN========================*/

/*==================COMMITMENT TABLE===============*/
.table-header {
	background-color: #428bca !important;
	color: #fff !important;
    text-align: center;
}
/*.container {border-top: 1px solid #e1e1e3;}*/
.container .t_top {background-color: #eeeeef; height: 55px;}
.container .t_top td span
	{
	padding: 5px 0 2px 39px;
	margin-left: 10px;
	background: url(../images/icon_sprite.png) 0px -158px no-repeat;
	line-height: 55px;
	vertical-align: middle;
	color: #59575e;
	font-weight: bold;
	font-size: 16px;
	}
/*==================END TABLE======================*/ 
.login-row {
    padding: 15em 20em;
}
.login-container {
    padding: 35px;
    width: 500px;
    height: 210px;
    border: 1px solid #cccccc;        
}
.register-container {
    padding: 20px 20px 20px 0;
}
.confirm-btn {
    padding: 15px 78px;
}
.btn {
  display: inline-block;
  padding: 15px 30px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  /*line-height: 8px;*/
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn-primary {
  color: #ffffff;
  background-color: #3B6AA0;
  /*background-color:rgb(90,90,90);*/
  /*background-color:rgb(128,128,128);*/ 
  /*border-color: #357ebd;*/
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  /*background-color: #3276b1;
  border-color: #285e8e;*/
  background-color: #3B6AA0;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}