@CHARSET "ISO-8859-1";

html, body, h1, form, fieldset, legend, ol, li {
margin: 0;
padding: 0;
}
.selected{
    background: #3399FF;
}
.pointer{cursor:pointer;}
a{cursor:pointer;}
/* Heading styles */
h1.heading{
font-size: 16px;
line-height:22px;
margin:0 10px 10px;
padding:5px 0 10px;
border-bottom:1px dashed #BABABA;
color:#2489b8;
font-weight:normal;
text-shadow:1px 2px 0 #fff, 2px 3px 0 #eeeeee;
-moz-text-shadow:1px 2px 0 #fff, 2px 3px 0 #eeeeee;
-webkit-text-shadow:1px 2px 0 #fff, 2px 3px 0 #eeeeee;
-khtml-text-shadow:1px 2px 0 #fff, 2px 3px 0 #eeeeee;
-o-text-shadow:1px 2px 0 #fff, 2px 3px 0 #eeeeee;
-ms-text-shadow:1px 2px 0 #fff, 2px 3px 0 #eeeeee;
}
.application_form h1{
	text-align:center;
}
.align_right{
text-align:right;
}
.align_center{
text-align:center;
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

label input[type="radio"], label input[type="checkbox"]{
margin:5px 5px 0 0;
}
hr{
/*background:#E4E4E4;*/
border:none;
margin:5px 0;
height:1px;
border-bottom:1px dashed #BABABA;
}
.form_wrapper{
background:#f7f7f7;
padding:10px;
width:100%;
margin:auto;
}

.mandatory{
font-size:12px;
color:#ff0000;
padding:0 0 0 3px;
font-weight:normal;
}
.table_cont{
padding:10px;
border:1px solid #d5d5d5;
}

/* Normal Form Stylings */
.application_form {
padding:10px;
*border: 1px solid #d5d5d5;  
background:#fefefe;
}
.application_form > p.mandatory{
text-align:right;
}
.application_form ol{

}
.application_form ol li {
/*border-top:1px solid #E8E8E8;*/
list-style: none;
padding: 10px 0;
*zoom:1;
}
.application_form ol li:first-child{
border:0;
}
.application_form ol li.action{
padding:15px 0 5px;
}
.application_form label {
font-size: 12px;
font-weight:normal;
color:#333;
}

.lgdDilog label {
font-size: 12px;
font-weight:normal;
color:#333;
}
.application_form label+label{
margin-left:10px;
} 

.application_form input[type=text],
.application_form textarea ,.application_form select,.application_form select{
width: 100%;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(css/boxsizing.htc); /* IE7 doesn't supports Box sizing property, this should be under box-sizing */	
	
outline: none;
padding: 6px 8px;
border:1px solid #CDCDCD;
font-family: verdana, arial;
font-size:13px;
color:#666;
}
.ui-widget select,.ui-widget input[type=text],.ui-widget textarea{
	width: 100%;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
padding: 6px 8px;
border:1px solid #CDCDCD;
	font-size:13px!important;
	font-family: verdana, arial!important;
	color:#666;
}
.application_form input[type=text]:focus, .application_form input[type=text]:hover,
.application_form textarea:focus, .application_form textarea:hover,.application_form select:hover {
color:#333;
}

/* Button Styles */
button, input[type="submit"]{
font-family: verdana, arial;
background: #454545;
border: none;
color: #ffffff;
display: inline-block;
padding: 10px 15px;
font-size:13px;
margin-right:2px;
text-shadow: 0 1px 1px #000000;
transition:all ease-in-out 0.3s;
}

button, input[type="submit"],input[type="button"],input[type="button"]{
font-family: verdana, arial;
background: #454545;
border: none;
color: #ffffff;
display: inline-block;
padding: 10px 15px;
font-size:13px;
margin-right:2px;
text-shadow: 0 1px 1px #000000;
transition:all ease-in-out 0.3s;
}
 .ui-dialog .ui-dialog-buttonpane button{
 font-family: verdana, arial;
background: #454545;
border: none;
color: #ffffff;
display: inline-block;
padding: 10px 15px;
font-size:13px;
margin-right:10px;
text-shadow: 0 1px 1px #000000;
transition:all ease-in-out 0.3s;
 }
button:hover, input[type="submit"]:hover,input[type="button"]:hover {
background: #222;
cursor: pointer;
}

.button{
border:1px solid #2a2c2f;
background: #787878!important;
text-shadow: 0 1px 1px #000000;
transition:all ease-in-out 0.3s;
 background-color: #45484d; 
}

.button:hover{ 
 background-color: #2d2f32; 
 background: #696969!important;
 
}
.button_example2{
	position: relative;    
    background: #454545;    
    -webkit-box-shadow: 0px 3px 0px rgba(0,0,0,1), 0px 3px 8px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 3px 0px rgba(0,0,0,1), 0px 3px 8px rgba(0,0,0,.7);
    box-shadow: 0px 3px 0px rgba(0,0,0,1), 0px 3px 8px rgba(0,0,0,.7);   
	transition:none;
}

.button_example2:active {
    -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,1), 0px 3px 2px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 1px 0px rgba(0,0,0,1), 0px 3px 2px rgba(0,0,0,.9);
    box-shadow: 0px 1px 0px rgba(0,0,0,1), 0px 3px 2px rgba(0,0,0,.9);
    position: relative;
    top: 3px;
}


/* Normal Form wit Label on Top Stylings */

/* Form with Stylings - CSS */

.basic_styles input[type=text], .basic_styles textarea, .basic_styles select {	
	transition:all 0.3s;
	background:#f6f6f6;
	}
.basic_styles input[type=text]:focus, .basic_styles input[type=text]:hover,
.basic_styles textarea:focus, .basic_styles textarea:hover, .basic_styles select:hover {
	border-color:#8EDCE9;
	background:#fff;
	color:#333;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-khtml-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-ms-box-shadow:0 0 3px rgba(0,0,0,0.3);
}

/*.basic_styles button, .basic_styles input[type="submit"]{
font-family: verdana, arial;
background: #454545;
border: none;
color: #ffffff;
display: block;
padding: 10px 15px;
font-size:13px;
}*/

/* Form with Border Stylings - CSS */

.border_radius, .border_radius .table_cont,.border_radius h4,.border_radius fieldset{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.border_radius input[type=text],
.border_radius textarea, .border_radius select {	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;	
	transition:all 0.3s;
	}

.border_radius button, .border_radius input[type="submit"]{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}

/* Form with Table Data */
p.heading{
margin:10px 0;
color:#2284bc;
font-size:12px;
}
.table_cont label.lbl {
width: 100%;
padding:5px 10px -1px 0;
font-weight:bold;
float:left;
}
.table_cont .cont{
margin-left:120px;
}
.table_cont .trow{
clear:both;
font-size:0;
}
.table_cont .tdata{
padding:0px 1.04384133611691%;
width:97.91231732776618%; 
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
}
.column_2 .tdata{
width:47.91231732776618%;
}
.column_3 .tdata{
width:31.24565066109951%;
}
.column_4 .tdata{
width:22.91231732776618%;
}
.column_5 .tdata{
width:17.91231732776618%;
}
.column_6 .tdata{
width:14.57898399443285%
}
.column_7 .tdata{
width:12.19803161348047%
}

.column_8 .tdata{
width:10.41231732776618%
}
.column_9 .tdata{
width:9.023428438877291%
}
.column_10 .tdata{
width:7.91231732776618%
}
.column_11 .tdata{
width:7.003226418675271%
}
.modal .tdata{
	width:100%;
}

.column_4 .block label{
display:block;
margin-left:0;
}

/* Form with Label on Top Stylings */
div.tdata .label_top label.lbl{
	text-align:left;
}
.label_top label.lbl{
float:none;
display:block;
width:auto;
padding-bottom:5px;
padding-top:0;

}
.label_top .cont{
margin-left:0;

}
.label_top .action label.lbl{
display:none;
}

/* Form with Label on Right Stylings */
.label_right label.lbl{
text-align:right;
}
.label_right  .action .tdata{
text-align:right;
}

/* Form Error Classses */
body .application_form .invalid{
border:1px solid #e57e7e;
-moz-box-shadow:0 0 4px #e57e7e;
-webkit-box-shadow:0 0 4px #e57e7e;
-khtml-box-shadow:0 0 4px #e57e7e;
-o-box-shadow:0 0 4px #e57e7e;
-ms-box-shadow:0 0 4px #e57e7e;
}
.error{
color:#ff0000;
font-size:11px;
display:inline;
}
.hide{
display:none;
}

/**/
b{font-weight:bold;
font-size:15px;}
pre{
text-align:left;
line-height:18px;
white-space:pre-line;
}
.border_solid{
border: 1px solid #d5d5d5; 
}
.table_cont{
	margin:0 0 15px;
}

.calendar_opt{
	position:relative;	
}
.calendar_opt img.ui-datepicker-trigger{
	position:absolute;
	right:8px;
	top:8px;
}

.calendar{
	background:url("calendar.gif") no-repeat right center ;
}
.parent_rel{
	position:relative;
}
.parent_abs{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	z-index:1000;
	font-size:inherit;
	background:#FFFFF;
	border:1px solid #e5e5e5;
	display:none;
	background-color: #F7F7F7;
}
div.fieldSet .center label.lbl{text-align:center}
		div.fieldSet .right label.lbl{text-align:right}
		div.fieldSet .left label.lbl{text-align:left}
.label_header .tdata{
	padding-top:0;
	padding-bottom:0;	
}
.label_header .tdata label.lbl{
	display:block;
	padding:0;
	width:auto;
	float:none;
}
.application_form fieldset{
	font-size:12px;
	border:1px solid #ccc;
	background:#fafafa;
}
.application_form fieldset legend{
	font-size:13px;
	color:#000;
	font-weight:bold;
	padding:0 3px;
	
}
.thumbnail{
	width:100px;	
	padding:3px;
	background:#fff;
	border:1px solid #f5f5f5;
	display:inline-block;
	margin:0 10px 10px 0;
}
.thumbnail img{
	width:100px;
}
.add_bttn{
	width:24px;
	height:24px;
	display:inline-block;
	background:url("add_bttn.png") no-repeat right center ;
	margin-right:10px;
}
.edit_bttn{
	width:24px;
	height:24px;
	display:inline-block;
	background:url("edit_bttn.png") no-repeat right center ;
	margin-right:10px;
}

.remove_bttn{
	width:24px;
	height:24px;
	display:inline-block;
	background:url("remove_bttn.png") no-repeat right center ;
	margin-right:10px;
	float:left;
}

.noborder{
border:none;
}

.shadow{
	box-shadow:0 0 8px #ccc;
-moz-box-shadow:0 0 8px #ccc;
-webkit-box-shadow:0 0 8px #ccc;
-khtml-box-shadow:0 0 8px #ccc;
-o-box-shadow:0 0 8px #ccc;
-ms-box-shadow:0 0 8px #ccc;
}

.table_cont .label_top label{
	text-align:left;
}

.table_cont .label_top_right label{
	text-align:right;
	float:none;
	display:block;
	width:auto;
	padding-bottom:5px;
	padding-top:0;	
}

.table_cont .label_top_center label{
	text-align:center;
	float:none;
	display:block;
	width:auto;
	padding-bottom:5px;
	padding-top:0;
	
}


.tdata label.label_block{
	display:block;
	margin:0;
}
input[number='true']{
	text-align: right!important;
}

.optiongroup div.tdata{
	padding: 0!important;
	margin: 0!important;
}
.optiongroup label.lbl{	
	width: 100%!important;
	text-align:left!important;
	font-weight: normal!important;
	padding:0px 3px;
}
.optiongroup.column_0 div.tdata{	
	width:auto;
}
.optiongroup.column_1 div.tdata{
	width:97.91231732776618%; 
}
.optiongroup.column_2 div.tdata{	
	width:47.91231732776618%;
}

.optiongroup.column_3 div.tdata{
width:31.24565066109951%;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
	background:#f9f9f9;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
		-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);
		-khtml-box-shadow:0 0 3px rgba(0,0,0,0.3);
		-o-box-shadow:0 0 3px rgba(0,0,0,0.3);
		-ms-box-shadow:0 0 3px rgba(0,0,0,0.3);
		border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                -webkit-border-radius: 5px;
				height: 35px;
				
}
.fileUpload:hover {
	
	overflow: hidden;
	margin: 10px;
	background:#474747;
	color:#fff;
	
		border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                -webkit-border-radius: 5px;
				height: 35px;
				 background: -webkit-gradient(linear, left top, left bottom, from(#919496), to(#2c3e4a));
               background: -webkit-linear-gradient(top, #919496, #2c3e4a);
               background: -moz-linear-gradient(top, #919496, #2c3e4a);
               background: -ms-linear-gradient(top, #919496, #2c3e4a);
               background: -o-linear-gradient(top, #919496, #2c3e4a);
				
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px;
	padding: 0;
	font-size: 20px;

}



label.error{color:#ff0000;font-size:11px;font-weight:bold;display:block;padding:3px 0 0 0;}	
		 .selection {
		 	background-color: Highlight;
			color: HighlightText;
		  }			  
		  .ui-tooltip, .arrow:after {
				background: #589DBF;
				border: 2px solid white;
			}
			.ui-tooltip {				
				color: white;
				border-radius: 10px;
				box-shadow: 0 0 7px #d0d0d0;
				width:40%;
				font-size:13px;				
			}			
			fieldset{
				padding:1em;
			}	
		 	.footer_new{
				background:#589DBF;
				margin:20px 0 0 0;
			}
			.header_new{
				background:#589DBF;
				margin:20px 0 5px ;
				color:#FFF;
			}
			.header_new p{
			 color:#FFF;
			}	
			.ui-dialog.ui-widget{
				background-color: #FFF;				
			}
			.ui-dialog label.lbl{
			 font-size: 13px;
			}
			input[number='true']{
				text-align: right!important;
			}		
			
			#webcam, #canvas {
				width: 320px;
				border:1px solid #333;
				background:#eee;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
			}
			
			#webcam {
				position:relative;	
			}
			
			#webcam > span {
				z-index:2;
				position:absolute;
				color:#eee;
				font-size:10px;
				bottom: -16px;
				left:152px;
			}
			
			#webcam > img {
				z-index:1;
				position:absolute;
				border:0px none;
				padding:0px;
				bottom:-40px;
				left:89px;
			}
			
			#webcam > div {
				border:5px solid #333;
				position:absolute;
				right:-90px;
				padding:5px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				cursor:pointer;
			}
			
			#webcam a {
				background:#fff;
				font-weight:bold;
			}
			
			#webcam a > img {
				border:0px none;
			}
			
			#canvas {
				border:1px solid #ccc;
				background:#eee;
			}
			
			#flash {
				position:absolute;
				top:0px;
				left:0px;
				z-index:5000;
				width:100%;
				height:500px;
				background-color:#c00;
				display:none;
			}
			
			object {
				display:block; /* HTML5 fix */
				position:relative;
				z-index:1000;
			}	
			.jcrop-hline.bottom{
				padding:0;
			}
			
			.btnnew{
				font-family: verdana, arial;
				background: #454545;
				border: none;
				color: #ffffff;
				display: inline-block;
				padding: 10px 15px;
				font-size: 13px;
				margin-right: 2px;
				text-shadow: 0 1px 1px #000000;
				transition: all ease-in-out 0.3s;
			}
			
			.btnnew:hover {
				background: #222;
				cursor: pointer;
			}
.table_cont fieldset div.tdata{
   padding-left:0;
   padding-right:1px;
}
.table_cont fieldset{
	padding-left:4px;
   	padding-right:4px;
}
fieldset .add_bttn,fieldset .remove_bttn {
  margin-right:1px!important;
}
		
textarea{
	 resize: none;
}
fieldset table{
 		border: 1px solid #CCC;

 		width:100%
 	}
 	.border_radius fieldset table{
 		border-radius:3px;
 	}
 	fieldset table th,fieldset table td{
 		border: 1px solid #CCC;  
 		border-width: 1px 1px 0 0;
 		padding: 7px 6px;    			
   		
 	}
 	fieldset table th{
 		font-family: Tahoma;
font-size: 11px;
background-color:#666666;
font-weight: normal;    			
 	}
 	.tdata th {
 		padding:10px 3px;
 	}
 	.table_cont table label.lbl{
 		width:100% !important;
 		text-align:center;
 		color:#000 !important;
 		padding:0 !important;
 	}
 	fieldset table td{        		
background-color:#fff;    			    			
 	}
 	fieldset table td .nextColor{        		
background-color:#c9c9c9;    			    			
 	}
 	fieldset table tr{
 		border-bottom-width: 1px; 		
 	}
 	.table_cont table label.lbl{
 		width:auto;
 	}
 	.optgroup option{
 		padding-left:5%;
 	}
 
@media only screen and (max-width:785px) {
.trow .tdata fieldset {
	
	overflow-x:auto;
}
.column_2 {
    width: 97.91231732776618% !important;
}
.column_2 .tdata {
    width: 97.91231732776618% !important;
}

.column_3 {
    width: 97.91231732776618% !important;;
}
.column_3 .tdata {
    width: 97.91231732776618% !important;
}

.column_4 {
    width: 97.91231732776618% !important;
}
.column_4 .tdata {
    width: 97.91231732776618% !important;
}

.column_5 {
    width: 97.91231732776618% !important;
}
.column_5 .tdata {
    width: 97.91231732776618% !important;
}

.column_6 {
    width: 97.91231732776618% !important;
}
.column_6 .tdata {
    width: 97.91231732776618% !important;
}
.column_7 {
    width: 97.91231732776618% !important;
}
.column_7 .tdata {
    width: 97.91231732776618% !important;
}
.column_8 {
    width: 97.91231732776618% !important;
}
.column_8 .tdata {
    width: 97.91231732776618% !important;
}
.column_9 {
    width: 97.91231732776618% !important;
}
.column_9 .tdata {
    width: 97.91231732776618% !important;
}
.column_10 {
    width: 97.91231732776618% !important;
}
.column_10 .tdata {
    width: 97.91231732776618% !important;
}

}
input[type="file"] {
   font-size:12px;
}

.topdialog{
z-index: 9999 !important;
}