﻿@charset "utf-8";
/* CSS Document */

body{
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	font-size:.78em; margin:0px; background-color:#eff0f0;
	overflow-x:hidden; 
}

.dataTable, #section h2, .section h2, .cssform .description{
	font-size:1em;
}

textarea, input{
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size:1em; 
}


.wrapper{
	width: 100%;
	background-color: #10203a;
	/* [disabled]text-align:center; */
}

.body-container{
	width:100%; height:auto; position:relative; background:#eff0f0;
}

.header-container{background:#10203a; width:85%; margin:0 auto; height:auto; padding:8px; position:relative;}



.comtec-logo{
float:left; margin-left:0px; margin-right:0px; border-right:1px #f1f1f1 solid; width:19.2em; height:7.5em; background-image:url(../images/hva-logo.png); background-repeat:no-repeat;
}

.userNameContainer{float:left; vertical-align:middle; margin-left:15px; margin-top:40px; color:#fff; word-wrap:break-word; width:24em;}

.clear{clear:both;}

.top-nav-container{
	
	width:100%; margin:0 auto; background-color:#C8C8C8; border-bottom:1px solid #002d4c; color:#000; border-top:1px solid #002d4c; height:auto;
	
}
.top-nav-sub-container{
	width:85%; margin:0 auto;
}

.content-container{
width:85%; margin:0 auto; border:1px solid #ccc; border-top:0px; position:relative; background:#fff; border-bottom:1px solid #9a9a9a;
}

.top-main-text{
float:left; text-align:left; width:100%; background-color:#f9f9f9; color:#A71B42; border-bottom:1px solid #ccc; /*padding-bottom:10px;*/	
}

.pageHeadingText{
padding:14px; display:inline-block; width:auto; text-align:left; font-size:24px; /*color:#e51e25; margin-top:16px; */

}

.center {
width: 958px;
margin: 0 auto;
padding: 0;
}



.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}




/* form style */
.paddingL165 {
	padding:5px 0 5px 20%;
}
.marginT10{
	margin-top:10px;
}
.marginT5{
	margin-top:3px;
}

.active-state{color:#060;}
.Inactive-state{color:#F00;}

.section, #section {
	
	/*border-top:2px solid #10203a;
	border:1px solid #bababa;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;*/
	margin:0px;
	padding:0px;
	text-align:left;
    margin-bottom:15px;
}
#section h2, .section h2 {
	color:#ffffff;
	margin:0;
	padding:10px;
 *padding:10px;
	
	border-bottom:1px solid #bababa;
	text-align:left;
	background-color:#10203a;
}
#section h2 a, .section h2 a {
	text-decoration:none;
	padding:0;
	margin:0;
	color:#ffffff;
	width:100%;
	display:block;
}
#section h2.trigger, .section h2.trigger {
	background-image:url(../images/section_collapse.gif);
	background-repeat:no-repeat;
	background-position:99% 50%;
	display:block;
	background-color:#10203a;
}
#section h2.triggerClosed, .section h2.triggerClosed {
	background-image:url(../images/close-button.gif);
	background-repeat:no-repeat;
	background-position:99% 50%;
	display:block;
}
#section h2.trigger:hover, .section h2.trigger:hover {
	display:block;
}
.triggerActive {
	background-image:url(../images/section_expand.gif) !important;
	background-repeat:no-repeat;
	background-position:99% 50%;
	display:block;
	background-color:#10203a;
}
.toggle_container {
	padding:0px;
	margin:0px 0 0;
	overflow:auto;
	overflow-y:hidden;
}
.toggle_container p, a {
	padding: 5px 0 5px 0;
}
.cssform {
	padding:10px;
	margin:0px 0 0 0;
	overflow-x:auto;
}
.cssform p {
	clear: left;
	margin: 0;
	padding: 5px 0 5px 0;
	padding-left: 20%; /*width of left column containing the label elements*/
	border-top: none;
}
.cssform p a {
	color:blue !important;
	text-decoration:none;
}
.cssform p a:hover {
	color:blue !important;
	text-decoration:none;
}
.custom_label {
	position:absolute;
}
.cssform label {
	font-weight: normal;
	text-align:right;
	float: left;
	padding-top:1px;
	margin-left: -20%; /*width of left column*/
	width: 18%; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	padding-right:10px; /* gap to fit Required icon */
	*width: 23%;
}
.cssform label.required { /* add the Required icon after the label */
	background-image:url('../images/required.gif');
	background-repeat:no-repeat;
	background-position:100% 17%;
}
.cssform .description {
	font-weight: normal;
	width:150px;
	
	line-height:13px;
	color:#999999;
	display:block;
	padding:2px 0 5px 0;
}

.textRed {
    color: #fd0b0b;
}

.item_parent {
	width:100%;
	height:auto;
}
.item_width {
	width:17em;
	float:left;
	margin-bottom:5px;
 	/**margin-bottom:0px;*/
}


.item_width_box {
    width: 20em;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    border: 1px solid #e9e8e8;
    *padding: 1px;
}

.item_widthLabel {
	width:10.5em;
	float:left;
    padding:5px;
	margin-bottom:5px;
    margin-right:10px;
    margin-left:10px;
    text-align:right;
 	/**margin-bottom:0px;*/
}

.item_widthTopRow {
	width:auto;
	float:left;
	margin-bottom:5px;
    margin-right:10px;
 	/**margin-bottom:0px;*/
}

.item_width30em {
	width:30em;
	float:left;
	margin-bottom:5px;
 	/**margin-bottom:0px;*/
}

.check_radio_align_block {
    vertical-align: text-bottom;
    margin: 0px 3px 2px 5px;
    display: inline-block;
	*display:inline;
	cursor:pointer;
}

.ie8 .check_radio_align_block
{
margin: 0px 3px -1px 5px;
}


label.lblfor {
	margin: 0px !important;
	padding: 0px !important;
	width: auto !important;
	float: none !important;
	line-height:16px;
	*line-height:15px;
 	*display:inline-block;
 	*margin-bottom:8px !important;
 	*margin-top:-10px;
}

label.lblforBlock {
    margin-top:-1px !important;
	margin: 0px !important;
    padding: 5px !important;
    line-height: 16px;
	*line-height:15px;
    display: inline-block;
	*display:inline;
    width: 17em ;
	float: none !important;
	*margin-bottom:8px !important;
 	*margin-top:-10px;
	cursor:pointer;
	text-align:left;
	background-color:transparent;
   
}

.ie8 label.lblforBlock {
 width: 16.5em !important;
}


label.lblfor_normal {
    margin-top:-1px !important;
	margin: 0px !important;
	padding: 0px !important;
	width: auto !important;
	float: none !important;
	line-height:16px;
	*line-height:15px;
 	*display:inline-block;
 	*margin-bottom:8px !important;
 	*margin-top:-10px;
	text-align:left;
	background-color:transparent;
   
}

.item_width30em label {
	margin-top:-1px !important;
	margin: 0px !important;
    padding: 5px !important;
    line-height: 16px;
	*line-height:15px;
    display: inline-block;
	*display:inline;
    width: 11em ;
	float: none !important;
	*margin-bottom:8px !important;
 	*margin-top:-10px;
	cursor:pointer;
	text-align:right;
	background-color:transparent;
}

.box_active{background-color:#e8e7e7 !important; }
/*
label.lblfor {
	margin: 0px !important;
	padding: 0px !important;
	width: auto !important;
	float: none !important;
	line-height:16px;
	*line-height:15px;
 	*display:inline-block;
 	*margin-bottom:8px !important;
 	*margin-top:-10px;
}

*/

.formBox_container{
	float:left; 
	margin:5px;
	width:31.5%;
	/*border-left:1px solid #ccc;*/


}

.custom_searchbox {
     width:16em ;
	
	background:url(../images/search-icon.png) #ffffff right no-repeat;
	
	*background-color:#fff;
	padding:5px;
	*padding:3px;
	*padding-right:3px !important;
	padding-right:30px;
	padding-left:3px;
	border:1px solid #888888;
	*margin-top:10px;
	*height:20px;
	-webkit-appearance: none;
  -webkit-border-radius: 0;
  *display:inline-block;
	
 }
.ie7 .custom_searchbox, .ie8 .custom_searchbox, .ie9 .custom_searchbox{ width:15em !important; background:none;  background-color:#fff; padding-right:3px;
 
 }
 .ieSearchIcon-container, .ieSearchIcon{display:none;}
 
 .ie7 .ieSearchIcon-container,  .ie8 .ieSearchIcon-container, .ie9  .ieSearchIcon-container{ display:inline-block !important; display:inline-block; position:relative; height:40px; margin:0px;}
 
 .ie8 .ieSearchIcon-container, .ie9 .ieSearchIcon-container{margin-top:-20px;}
 
.ie7 .ieSearchIcon, .ie8 .ieSearchIcon, .ie9 .ieSearchIcon{
	 display:inline-block !important; display:inline-block; width:28px; height:26px;
	 background:url(../images/search-icon.png) #ffffff left no-repeat;
	position:absolute; top:16px; left:-5px; border:1px solid #888; 
 
 
 }
 
 .ie8 .ieSearchIcon, .ie9 .ieSearchIcon{
	 top:21px;
 }
 
 
 .inputClass { 
	width:16.2em !important;
	*width:16em !important;
	*min-width:16em !important;
	border:1px solid #ddd;
	 background:#ffffff;
	 -webkit-appearance: none;
  -webkit-border-radius: 0;
  padding:5px;
  /*box-shadow:none;*/
	
}



.inputClass100per { 
 width:97.5% ;
 *width:97.5% !important;
 *min-width:97.5% !important;
 border:1px solid #ddd;
 padding:3px;
  background:#ffffff;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  /*box-shadow:none;*/
 
}

 .inputClassKendo { 
	width:100% !important;
	*width:100% !important;
	*min-width:100% !important;
	border:1px solid #ccc;
	 background:#ffffff;
	 -webkit-appearance: none;
  -webkit-border-radius: 0;
  /*box-shadow:none;*/
  /*padding:3px;*/
	
}

  .inputClassSelect { 
	width:16.2em ;
	*width:16em !important;
	*min-width:16em ;
	border:1px solid #ddd;
	 background:#ffffff;
	 -webkit-appearance: none;
  -webkit-border-radius: 0;
  padding:5px;
  box-shadow:none;
	
}

     .inputClass:hover, .inputClass:active, .inputClass:focus, .inputClass100per:hover, .inputClass100per:active, .inputClass100per:focus {
border: 1px solid #a71d44 !important; 

    }

     input[type=text]::-ms-clear {
    display: none;
}

.inputClassSmall { 
	width:92% !important;
	*width:92% !important;
	*min-width:92% !important;
	border:1px solid #909090;
	  padding:3px;
  background:#ffffff;
	 -webkit-appearance: none;
  -webkit-border-radius: 0;
  box-shadow:none;
	
}




@-moz-document url-prefix() { 
  .item_parent textarea {
    /* width:16.4em !important;*/
  }
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .item_parent textarea {
    /* width:15.6em !important;*/
  }
}


textarea{overflow:auto; *overflow:auto; resize:none;}

.check_radio_align {
	vertical-align:text-bottom;
 *vertical-align:middle;
	margin:0px;
	margin-right:3px;
 *margin-top: -2px
 background:#ffffff;
}

/*.top-right-menu{font-size:.85em;}
.top-right-menu span{
padding:5px; margin-right:5px;
}*/

.top-right-menu{
font-size:.85em; float:right; border:1px solid #ccc; margin-left:0px; margin-top:0px; margin-right:0px; padding:10px; background:#fff; width:auto; *width:300px !important; position:absolute; top:39px; right:10px;
}

.ie7 .top-right-menu, .ie8 .top-right-menu, {
	position:relative; top:0px; right:0px; margin-right:-24px;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
	.top-right-menu{width:auto !important;}
	}

.top-right-menu a{text-decoration:none; color:#003;}
.topmenu-item{ margin-left:3px; padding:0px; margin-right:0px !important;
}

.top-right-menu ul{margin:0px; padding:0px; display:block;}

.top-right-menu ul li {
	list-style: none;
	display: inline-block;
	float: left;
	margin-top:-3px;
}
.top-right-menu ul li {
	margin-left: 1em;
}
.top-right-menu ul li:first-child {
	margin-left:0px;
}



/* form styles end */


/*Footer styles */

.footer-container{
	width:100%; background-color:#eff0f0; height:auto; position:relative; /*border-top:1px solid #10203A;*/ color:#10203A;
}

.footer-content{
	width:90%; margin:0 auto; padding:10px;
}

.copyright-text{float:left; margin-left:10px; padding:4px;}

.footer-menu{float:right; margin-right:10px;}

.footer-menu a{display:inline-block; margin-right:12px; text-decoration:none; color:#10203A;}

.footer-menu a:hover{color:#999;}

/*Footer styles */


/*table for data*/
.dataTable {
	border-collapse:collapse;
	background-color:#ffffff;
	color:#000;
	width:100%;
	margin-bottom:0px;
}
.dataTable1 {
	border:1px solid #000;
	background-color:#ffffff;
	
	width:30%;
	margin-bottom:0px;
}
.dataTable th {
	border:1px solid #bebebe;
	background-color:#d8d8d8;
	text-align:left;
	padding:6px;
	vertical-align:top;
	color:#000;
}

.TDheading {
	border:1px solid #bebebe;
	background-color:#d8d8d8;
	text-align:left;
	padding:6px;
	vertical-align:top;
	color:#000;
	font-weight:bold;
}

.TDsubHeading{
	border:1px solid #bebebe;
	background-color:#f7f7f7 !important;
	text-align:left;
	padding:6px;
	vertical-align:top;
	color:#000;
	font-weight:bold;
	
	
}

.dataTable1 th {
	border:1px solid #bebebe;
	background-color:#d8d8d8;
	text-align:left;
	padding:6px;
	vertical-align:top;
}

.subTH{
	
	background-color:#f7f7f7 !important;
	
}

.dataTable td {
	/*border:1px solid #bebebe;*/
	padding:5px;
	vertical-align:top;
}
.dataTable1 td {
	/*border:1px solid #bebebe;*/
	padding:5px;
	vertical-align:center;
}
.dataTable td  {
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}
.dataTable1 td  {
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}


.dataTable td a {
	color:Blue !important;
	text-decoration:underline;
}
.dataTable td a:hover {
	color:Blue;
	text-decoration:none;
}
.dataTable td.borderLBnone {
	border-left:none !important;
	border-bottom:none !important;
	padding:5px;
	vertical-align:center;
}
.dataTable td.borderRBnone {
	border-right:none !important;
	border-bottom:none !important;
	padding:5px;
	vertical-align:center;
}
.borderBnone {
	border-bottom:none !important;
}
.dataTable td.borderBnone {
	border-bottom:none !important;
	padding:5px;
	vertical-align:center;
}
.dataTable td.first {
	border-left:none !important;
}
.dataTable td.last {
	border-right:0px !important;
	
}
.dataTable td.borderT {
	border-top:1px solid #dddddd !important;
}


/* custom data table */

/*table for data */
.customDataTable {
	border-collapse:collapse;
	background-color:#ffffff;
	/*font-size:.95em !important;*/
	width:100%;
	margin-bottom:0px;
	color:#000;
}

.customDataTable th {
	border:1px solid #bebebe;
	background-color:#ebebeb;
	text-align:left;
	padding:5px;
	vertical-align:top;
}

.customDataTable td {
	border:1px solid #bebebe;
	padding:0.5em;
	vertical-align:center;
}

/*.customDataTable td, .customDataTable tr {
	border:1px solid #dddddd;
	padding:5px;
	vertical-align:center;
}*/
.customDataTable td a {
	color:Blue !important;
	text-decoration:underline;
}
.customDataTable td a:hover {
	color:Blue;
	text-decoration:none;
}
.customDataTable td.borderLBnone {
	border-left:none !important;
	border-bottom:none !important;
	padding:5px;
	vertical-align:center;
}
.customDataTable td.borderRBnone {
	border-right:none !important;
	border-bottom:none !important;
	padding:5px;
	vertical-align:center;
}
.borderBnone {
	border-bottom:none !important;
}
.customDataTable td.borderBnone {
	border-bottom:none !important;
	padding:5px;
	vertical-align:center;
}
.customDataTable td.first {
	border-left:none !important;
}
.customDataTable td.last {
	border-right:none !important;
}
.customDataTable td.borderT {
	border-top:1px solid #dddddd !important;
}

.cursorPointer, a {
	cursor:pointer;
}
.customDataTable img
{
    cursor:pointer;
}

.cssform .overflowNone .k-header, .overflowNone .k-grid-header{ background-color:#d8d8d8; color:#000; font-weight:bold; border-color:#bebebe;}

.customDataTable .k-grid td{ border-color:#000 !important;}

.specialTD {
    background-color: #585858 !important;
    color: #fff ;
    font-weight: bold;
    text-align: center !important;
    vertical-align:middle !important;
}

/* custom data table ends */


/* Margin & Padding for spaces */

.marginT8 {
	margin-top:5px;
 *margin-top:8px;
}

.margin-top-15 {
	_margin-top:-15px;
}
.paddingT0 {
	padding-top:0;
}
.paddingL10 {
	padding-left:10px;
}

.margin5{margin:5px;}

.marginB0 {
	margin-bottom:0px !important;
}
.marginT0 {
	margin-top:0px !important;
}
.marginT10 {
	margin-top:10px !important;
}
.marginT15 {
	margin-top:15px !important;
}
.marginT25 {
	margin-top:25px;
}
.marginB15 {
	margin-bottom:15px !important;
}
.marginB10 {
	margin-bottom:10px !important;
}
.marginT-10 {
	margin-top:-10px !important;
}

.ie7 .marginT-10 {
	margin-top:-20px !important;
}

.ie7-marginT-10 {
 *margin-top:-10px !important;
}

.marginT-20 {
	margin-top:-20px !important;
}

.width100per{
	width:100%;
	
}

.width16em{
	width:22.5em ;
	*width:22.5em !important;
	*min-width:22.5em !important;
	word-wrap:break-word;
	
}

.positionRelative{
	position:relative;
}

.blockElement{
	display:block; padding:3px;
}

.inlineBlock{
	display:inline-block;
	*display:inline;
}

.borderLRBnone {
	border-left:none !important;
	border-right:none !important;
	border-bottom:none !important;
}
.borderLRnone {
	border-left:none !important;
	border-right:none !important;
}
.borderLRB {
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.borderLRTnone {
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
}
.borderLTnone {
	border-top:none !important;
	border-left:none !important;
}
.borderTnone {
	border-top:none !important;
}
.borderLnone {
	border-left:none !important;
}
.borderL {
	border-left:1px solid #d1d1d1;
}
.borderRnone {
	border-right:0px !important;
}
.padding0 {
	padding:0px !important;
}
.paddingB10 {
	padding-bottom:10px;
}
.paddingB15 {
	padding-bottom:15px !important;
}
.padddingL1 {
	padding-left:1px !important;
}

.marginL0 {
	margin-left:0px !important;
}
.marginL12em {
	margin-left:12.2em;
}
.marginR0 {
	margin-right:0px !important;
}
.paddingR5 {
	padding-right:5px;
}

.paddingR0 {
	padding-right:0px !important;
}
.alignRight{text-align:right;}

/* Margin & Padding for spaces Ends */

/* Facility dashboard styles */


.box-container.disabled,
.box-container[disabled] {
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: default;
}
.box-container-body:before,
.box-container-body:after {
  display: table;
  content: "";
  line-height: 0;
}
.box-container-body:after {
  clear: both;
}
.box-container {
  position: relative;
  width: auto;
  border: 1px solid #dddddd;
 /* border-radius: 3px;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), color-stop(0.5, #ffffff));
  background-image: -webkit-linear-gradient(#f3f3f3, #f8f8f8 50%);
  background-image: -moz-linear-gradient(#f3f3f3, #f8f8f8 50%);
  background-image: -o-linear-gradient(#f3f3f3, #f8f8f8 50%);
  background-image: linear-gradient(#f3f3f3, #f8f8f8 50%);
  background-clip: padding-box;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffF3F3F3', endColorstr='#ffF3F3F3', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);*/
}
.box-container:before,
.box-container:after {

  z-index: -2;
  content: "";
}
.box-container:before {
 /*  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  border-top-left-radius: 100px 30px;
  border-top-right-radius: 100px 30px;
  border-bottom-left-radius: 100px 30px;
  border-bottom-right-radius: 100px 30px;*/
}
.box-container-header {
  padding: 10px 11px 10px 16px;
  border-bottom: 1px solid #D6D6D6;
  -webkit-box-shadow: 0 1px 0 #fff;
    background-color: #f3f3f3;
  height:1.2em;
  box-shadow: 0 1px 0 #f2f2f2;
    background-clip: padding-box;
    background-image: linear-gradient(#f3f3f3, #f8f8f8 50%);
    
}



.ie7 .box-container-header {
  padding: 10px 11px 10px 16px;
  border-bottom: 1px solid #D6D6D6;
  -webkit-box-shadow: 0 1px 0 #fff;
   box-shadow: 0 1px 0 #fff;
  height:1.2em;
}


.ie7 .box-container-body
{
    border-bottom:.01em solid #dddddd;
}

 .box-container-body-scrollable{
	height:155px; overflow-y:auto; overflow-x:hidden; background-color:#ffffff;
	 
 }

.box-container-header h3 {
  margin: 0;
  text-shadow: 0 1px 0 #fff;
  font-size: 14px;
  line-height: 1;
}

.marginT-1em{
    margin-top:inherit;
}
.ie7 .marginT-1em{
    margin-top:-1em;
}

.ie7 .box-container-header h3 span {
  margin-top: -20px;
  
}

.width49perResp {
    width: 48.5% !important;
}
.ie7 .width49perResp {
    width: 48.2% !important;
}

.doubleWidth{
width:60%;  padding:0px; float:left; margin-right:1%; 
}

.singleWidth{
	width:29.5%;  padding:0px; float:left; margin-right:1%;
}

.singleWidthResponsive{
	width:39%;  padding:0px; float:left; 
}

.marginR8em{
	margin-right:.8em;
	
}

.marginB8em{
	margin-bottom:.8em;
}
.borderBottom{
border-bottom:1px solid #ccc;
}

.span15em{
width:15em; display:inline-block; font-weight:bold;
}

.redBorder{
	border-bottom:4px solid #fd0b0b;
	margin-bottom:.8em;
}

.greenBorder{
	border-bottom:4px solid #007a22;
	margin-bottom:.8em;
}

.greyBorder{
	border-bottom:4px solid #333333;
	margin-bottom:.8em;
}

.noColorBorder{
	border-bottom:0px solid #fd0b0b;
	margin-bottom:.8em;
}


.noEffect{
	background-color:#228700;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.lowEffect{
	background-color:#228700;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.moderateEffect{
	background-color:#f5f5f5;
	font-weight:bold;
	color:#000;
	text-align:center;
}

.moderatehighEffect{
	background-color:#ef8d00;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.veryhighEffect{
	background-color:#df0000;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.criticalEffect{
	background-color:#df0000;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.boxWidth{
	width:32.66% !important;
}

ie7.boxWidth{
	width:32.66% !important;
}


.inputClassTextSmall {
	width:6em !important ;
	*width:6em !important ;
	*min-width:6em !important;
	
}

.smallLable{
	width:9em;
	text-align:right;
	display:inline-block;
}

.autoLabel
{
  width:auto;
    text-align:left;
	display:inline-block;
	font-weight:bold;	
	padding-right:.5em;  
}

 .yellow-div{
 	background: #FFFCDB;
 }
 .red-div {
 	background: #FEEDEB;
 }
 .green-div {
 	background: #E6FFE7;
 }

.messageGreen {
    padding:10px;
    color:#060;
    background-color:#dfffd7;
    font-weight:bold;
    border-bottom:1px solid #ccc;
}
 
 
.quickLinksText {
    font-weight: bold;
    margin-left: 15px;
    margin-top: -36px;
    float:left;
}
.ie7 .quickLinksText {
    font-weight: bold;
    margin-left: 15px;
    margin-top: 0px;
}
.fontSize-1em {
    font-size: 1em;
}

.previousData
{
    font-size:0.95em;
    color:grey;
}


.borderTLR
{
    border:1px solid #ccc;
    border-bottom:none;
}
.padd185em {
    padding: 1.85em;
}
.ie7 .padd185em {
    padding: 1.35em 1.85em;
}


.width100per
{
    width:100%;
	
}

.optionTD{
	width:60%;
}
.width60per{
	width:60%;
}

.marginR1per
{
    margin-right:1%;
}

.marginB1per
{
    margin-bottom:1%;
}
.labelAlign{
	
	text-align:right;
}

.marginL90
{
    margin-left:100px;
}

.marginL80
{
     margin-left:80px;
}

.width44Per
{
    width:44%;
}

.ie7 .width44Per
{
    width:42.5%;
}

.width10Per
{
    width:10%;
}

.arrowbuttons
{
    padding:7em 1em;
}

.navigation-header {
  padding: 10px 11px 10px 16px;
  border-bottom: 1px solid #D6D6D6;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  color:#fff;
  background-color: #272727;
  height:2.6em;
    background-clip: padding-box;
    background-image: linear-gradient(#ACACAC, #828282 50%);
}



.ie7 .navigation-header {
  padding: 10px 11px 10px 16px;
  background:#828282;
  border-bottom: 1px solid #D6D6D6;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  height:1.2em;
}

.navigation-header h3 {
  margin: 0;
 /* text-shadow: 0 1px 0 #fff;*/
  font-size: 14px;
  line-height: 1;
}

.width48perResp {
    width: 48.5% !important;
}
.ie7 .width48perResp {
    width: 48.2% !important
}

.pull-left{float:left;}
.pull-right{float:right;}

/* font styles */

/*facility dashboard */


/*icons */


.icon-set-box {
	color:#b9b8b8;
	
	color:#000!important;
	/*font-size: 10px;*/
	
}
.ie7 .icon-set-box, .ie7 .icon-set-box a, .ie7 .icon-sprite  {
	
}
.icon-set-box a {
	text-decoration:underline;
	color:#000!important;
}
.icon-set-box a:hover {
	text-decoration:none
}

.icon-set-box div, .icon-set-box-mapping div {
	display:inline-block;
	*display:inline;
}
.icon-sprite {
	margin-left:5px;
	padding:2px 0px 1px 18px;
	background:url(../images/survey-icons.png) no-repeat;
	text-decoration:none;
	cursor:pointer;
	text-decoration:underline;
	padding-bottom:3px\0/;
}

.ie9 .icon-sprite
{
    padding-top:0px;
}

.icon-sprite_disabled 
{
    margin-left:5px;
	padding:2px 0px 1px 18px;
	background:url(../images/survey-icons.png) no-repeat;
	text-decoration:none;
	/*cursor:pointer;*/
	padding-bottom:3px\0/;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
	filter: alpha(opacity=30);		
	opacity: .3;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.icon-sprite {padding-bottom:3px}
	}

.icon_edit {
	background-position:-7px -144px;
	padding-left:21px;
	
}

.icon_edit_mapping {
	background-position:-7px -144px;
	padding-left:21px;
	
}

.icon_new {
	background-position:-10px -199px;
	line-height:20px;
	*display:inline-block;
	*height:20px;
}

.icon_addSection {
	background-position:-10px -7px;
}

.icon_editSection {
	background-position:-9px -57px;
	padding-top:4px;
}

.icon_addSubSection {
	background-position:-10px -32px;
}

.icon_editSubSection {
	background-position:-9px -85px;
	padding-top:4px;
}

.icon_addQuestion {
	background-position:-10px -115px;
}

.icon_editQuestion {
	background-position:-8px -144px;
	padding-top:4px;
}

.icon_addPage {
	background-position:-10px -171px;
}

.icon_trash {
	background-position:-10px -257px;
	
}

.icon_export {
	background-position:-5px -284px;
	padding:2px 0 5px 24px;
	
}

.ie7 .displayBlock_ie7, .displayBlock_ie7{*display:inline-block; height:18px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.displayBlock_ie7{display:inline-block; height:18px;}
	}

.padding10 {
	padding:10px !important;
}

.padding15 {
	padding:15px !important;
}

.padding5 {
	padding:5px !important;
}
.paddingLR10 {
	padding:0 10px !important;
}
.marginR15{
	margin-right:15px;}

.textBold{font-weight:bold;}

.groupOptions{display:inline-block; margin-right:15px; word-spacing:10px; margin-bottom:3px;}
	
.main-button{background:#a71b42; padding:5px; border:1px solid #702f41; color:#ffffff; padding-left:10px; padding-right:10px; font-weight:bold;  -webkit-appearance: none; -webkit-border-radius: 0; cursor:pointer;}


.top-main-button-margin{background:#a71b42; padding:5px; border:1px solid #702f41; color:#ffffff; padding-left:10px; padding-right:10px; font-weight:bold; *margin-bottom:-27px;/**margin-top:-10px;*/ *padding-right:5px; -webkit-appearance: none; -webkit-border-radius: 0; cursor:pointer;}

.sub-button{background:#e8e8e8; padding:5px; border:1px solid #bcbcbc; color:#010101 !important; padding-left:10px; padding-right:10px;
-webkit-appearance: none; -webkit-border-radius: 0; cursor:pointer;}

input[type=submit],
input[type=reset],
input[type=button],
button
{
    filter:chroma(color=#000000); outline:0; 
}

a:focus, *:focus, :focus{
    outline:0 !important; /*removes the dotted border*/
}



button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    *border: 1px dotted transparent;
}

.top-main-button-margin:active, .top-main-button-margin:focus{
	
	outline:0 !important; /*removes the dotted border*/  *border: 1px dotted transparent !important;
}



.comtec-color{color:#e51e25;}



/* Common table styles for data grid */

/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background-color: #eee;
	}
	.nonZebra tr:nth-of-type(odd) { 
		background-color: #fff;
	}
	th { 
		/*background: #333; 
		color: white; */
		font-weight: bold; 
	}
	td, th { 
		/*padding: 6px; 
		border: 1px solid #ccc; */
		text-align: left; 
	}
	
/*	.k-grid {
    font-size: 10px;
}
.k-grid td, .k-grid th {
   font-size:.84em ;
}

.k-pager-wrap, .k-grid-pager{
	   font-size:1.2em !important;
}*/

/* common table styles for data grid ends */



/*Kendo style */

.k-icon, .k-sprite, .k-button-group .k-tool-icon{
	
	/*margin-top:6px;*/}

.k-state-focused .k-input
{
	/*color:#fff !important;	
padding-top:5px;k-filter-menu
 padding-bottom:5px;*/
}

 .k-popup .k-state-focused .k-input
{
	color:#fff !important;
}

body >.k-animation-container{ /*margin-left:-20px !important; margin-left:-50px !important;*/
}

.k-animation-container .k-button{*width:48% !important; *padding:5px !important; *padding-left:25px !important; *padding-right:26px !important;}

.k-pager-wrap .k-link{line-height:1em !important; height:1.2em !important;}

.customDataTable .k-grid-content
{
    overflow:auto !important;
}

 .k-grid-header
{
   padding: 0 !important;
}


.ie7 .k-window-content, .ie7 .k-content
{
    overflow:hidden;
	overflow-y:auto !important;
}

.ie9 .fixedGrid .k-grid-content
{
    height:350px !important;
    
}

.cssform .overflowNone .k-grid-content
{
    overflow-y:hidden !important;
    overflow-x:hidden;
    *overflow-x:hidden !important;
    width:auto !important;
    /* border:1px solid red;
   *padding-bottom:18px;*/
}

.cssform .overflowX .k-grid-content
{
    overflow-y:hidden !important;
    overflow-x:auto ;
    *padding-bottom:18px;
    width:auto !important;
   /* border:1px solid red;*/
}


.k-grid-content
{
    height: auto !important;
}


.k-autocomplete{
    white-space: normal;
}	

.k-grid-header .k-header > .k-link
{ color:#000 !important;}

/* theme styles  */


.k-state-hover{background:#a71b42 !important; background-color:#a71b42; !important}

.k-header > .k-grid-filter {*position:static !important; *margin-left:-10px !important;}

	
