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


.formVertical .formVerticalRow{clear:both; margin:0 0 10px 0; display:inline-block; width:100%;}
.formVertical .formVerticalRow label{ display:block;}


.mandatory{color:#cc1f12;}
.formHorizontal .formHorizontalRow{clear:both; margin:20px 0 0 0; display:inline-block; width:100%;}
.formHorizontal .formHorizontalRow:first-child{margin:0;}
.formHorizontal .formHorizontalRow label{width:175px; padding-right:10px; padding-top:9px; /*background:red;*/ float:left;}
.formHorizontal .formHorizontalRow .inputDiv{width:235px; /*background:yellow;*/ float:left; position:relative;}
.formHorizontal .formHorizontalRow .inputDiv.buttonRowRightAligned{text-align:right; width:230px; padding:0 5px 0 0;}


input[type=text], input[type=number], input[type=tel], input[type=email], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=password], input[type=password], input[type=search], input[type=url], input[type=week]{border:#e2e2e2 1px solid; height:22px; padding:0 8px 0 8px; font-family:'Open Sans Light', Arial, Helvetica, sans-serif; width:175px;  color:#5b5b5b; border-radius:0; -webkit-appearance: none;}

select{border:#e2e2e2 1px solid;font-family:'Open Sans Light', Arial, Helvetica, sans-serif;  padding:2px 4px 0px 4px; width:175px;   color:#5b5b5b; border-radius:0; }
select option{padding:0 6px;}
textarea{border:#e2e2e2 1px solid;font-family:'Open Sans Light', Arial, Helvetica, sans-serif; width:212px; padding:4px 8px 4px 8px; min-height:42px;  min-height:114px; resize:none;   color:#757575;  border-radius:0; -webkit-appearance: none;}

input.disabled{ background:transparent; height:auto; padding:0; margin:0; border:none; color:#5c5c5c;}
input[disabled]{color:#5c5c5c;}

/*place holder*/
input::-webkit-input-placeholder {color:#adacac;}
input::-moz-placeholder {color:#adacac;}
input:-ms-input-placeholder {color:#adacac;}
textarea::-webkit-input-placeholder {color: #adacac;}
textarea::-moz-placeholder {color: #adacac;}
textarea:-ms-input-placeholder{color: #adacac;}


.checkboxGroup input[type=checkbox]{float:left;margin:0 4px 0 0;}
.checkboxGroup label{ margin:0 20px 0 0; display:inline-block; float:left;}

.radioGroup input[type=radio]{float:left;margin:-1px 3px 0 0;}
.radioGroup label{ margin:0 20px 0 0; display:inline-block; float:left;}


/*CSS FOR BUTTONS*/
.bttnAnchor{ font-size:14px; color:#fff;text-decoration:none;border:none;height:24px;line-height:24px;padding:0 8px; outline:none; cursor:pointer; display:inline-block; text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	background: #12295d; /* Old browsers */
	background: -moz-linear-gradient(top, #12295d 0%, #071538 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #12295d), color-stop(100%, #071538)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #12295d 0%, #071538 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #12295d 0%, #071538 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #12295d 0%, #071538 100%); /* IE10+ */
	background: linear-gradient(to bottom, #12295d 0%, #071538 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12295d', endColorstr='#071538', GradientType=0 ); /* IE6-9 */
}
.bttnAnchor:hover{outline:none; text-decoration:none; color:#fff;
background: #071538; /* Old browsers */
background: -moz-linear-gradient(top,  #071538 0%, #12295d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#071538), color-stop(100%,#12295d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #071538 0%,#12295d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #071538 0%,#12295d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #071538 0%,#12295d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #071538 0%,#12295d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071538', endColorstr='#12295d',GradientType=0 ); /* IE6-9 */

}

input[type=submit],input[type=button], button{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    color:#fff;
	text-decoration:none;
	height:28px;line-height:26px;padding:0 5px 0 5px; 
	outline:none; 
	cursor:pointer;  
	font-family:'Open Sans Regular', Arial, Helvetica, sans-serif; 
	/*font-size:14px;*/
	min-width:57px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background: #12295d; /* Old browsers */
	background: -moz-linear-gradient(top, #12295d 0%, #071538 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #12295d), color-stop(100%, #071538)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #12295d 0%, #071538 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #12295d 0%, #071538 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #12295d 0%, #071538 100%); /* IE10+ */
	background: #12295d; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12295d', endColorstr='#071538', GradientType=0 ); /* IE6-9 */
	
	 -webkit-appearance: none;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 0;
}


input[type=reset], .cancelBttn{
	color:#fff;
	text-decoration:none;
	border:none;
	height:28px;line-height:26px;padding:0 5px 0 5px; 
	outline:none; 
	cursor:pointer;  
	font-family:'Open Sans Regular', Arial, Helvetica, sans-serif; 
	/*font-size:16px;*/
	min-width:57px;
	margin:0 0 0 10px;
	
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	background: #12295d; /* Old browsers */
	background: -moz-linear-gradient(top, #12295d 0%, #071538 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #12295d), color-stop(100%, #071538)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #12295d 0%, #071538 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #12295d 0%, #071538 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #12295d 0%, #071538 100%); /* IE10+ */
	background: linear-gradient(to bottom, #12295d 0%, #071538 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12295d', endColorstr='#071538', GradientType=0 ); /* IE6-9 */
	
	 -webkit-appearance: none;
}
input[type=submit]:hover,input[type=button]:hover, button:hover, input[type=reset]:hover{
	color:#fff;
	text-decoration:none;
	border:none;
	height:28px;line-height:26px;padding:0 5px 0 5px; 
	outline:none; 
	cursor:pointer;  
	font-family:'Open Sans Regular', Arial, Helvetica, sans-serif; 
	/*font-size:16px;*/
	min-width:57px;
	margin:0 0 0 10px;
	
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #071538; /* Old browsers */
background: -moz-linear-gradient(top,  #071538 0%, #12295d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#071538), color-stop(100%,#12295d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #071538 0%,#12295d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #071538 0%,#12295d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #071538 0%,#12295d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #071538 0%,#12295d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071538', endColorstr='#12295d',GradientType=0 ); /* IE6-9 */
	
	 -webkit-appearance: none;
}
/*input[type=submit]:hover,input[type=button]:hover, button:hover{background:#177b57; color:#fff; outline:none; }*/
.bttnAddMore, .bttnAddMore2{
	display:inline-block;	
	height:38px;
	line-height:38px;
	color:#2c2c2c;
	padding:0;
	background: #c0c0c0; /* Old browsers */
	background: -moz-linear-gradient(top, #c0c0c0 0%, #adadad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#adadad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c0c0c0 0%,#adadad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c0c0c0 0%,#adadad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c0c0c0 0%,#adadad 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c0c0c0 0%,#adadad 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */	
    -webkit-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.3);
}
.bttnAddMore .iconPlus, .bttnAddMore2 .iconPlus{ background:#7d7d7d; width:41px; height:39px; display:inline-block; text-align:center; color:#fff; font-size:28px; float:left;}
.bttnAddMore .bttnText, .bttnAddMore2 .bttnText{ float:left; margin:0px 0 0 0; padding:0 15px; min-width:159px;}
.bttnAddMore:hover, .bttnAddMore2:hover{ text-decoration:none; color:#2c2c2c;}



/*CSS FOR FORM READ ONLY*/
.formReadOnly .ReadOnlyRow{ margin:0 0 15px 0; display:inline-block; width:100%; }
.formReadOnly .ReadOnlyRow input.disabled{ background:transparent; height:auto; padding:0; margin:0; border:none; color:#5c5c5c;}


/*CUSTOM FORM ELEMENT*/
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 196px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height:30px;
	border:#e2e2e2 1px solid;
	padding: 8px 24px 0 8px;
	background:#fff url(../images/selectArrow.png) no-repeat 205px 15px;
	overflow: hidden;
	z-index:1;
	white-space:nowrap;
	text-overflow:ellipsis;
	
}
select.styled{ padding:0; height:40px;}
.filterForm.formHorizontal .formHorizontalRow .formCol1 .inputDiv .select {
	position: absolute;
	width: 88px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height:21px;
	border:#e2e2e2 1px solid;
	padding: 5px 24px 0 8px;
	background:#fff url(../images/selectArrow.png) no-repeat 98px 8px;
	overflow: hidden;
	z-index:1;
	
}
.filterForm.formHorizontal .formHorizontalRow .formCol1 .inputDiv select.styled{ padding:0; height:28px;}

/*iPad in portrait*/
/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) and (orientation : portrait){
	.filterForm.formHorizontal .formHorizontalRow .formCol1 .inputDiv .select{width:76px; background:#fff url(../images/selectArrow.png) no-repeat 88px 8px;}
	.filterForm.formHorizontal .formHorizontalRow .formCol1 .inputDiv select.styled[style]{width:110px !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{ 
	input.disabled{ background:transparent; height:auto; padding:0; margin:0; border:none; color:#000; opacity:1;}
	input[disabled]{color:#000; opacity:1;}
	.formReadOnly .ReadOnlyRow input.disabled{ background:transparent; height:auto; padding:0; margin:0; border:none; color:#000; opacity:1; }
	select{ height:40px; background:#ffffff;} 
	select.styled{ padding:0; height:40px;}
}*/