﻿* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	font-family: 'Droid Sans', sans-serif;
	font-size: 100%;
	position: relative;
}

.leftcol{float: left; width:25%; padding-left:3%; background:#f6f6f6; padding-top:2%; height:481px; border-radius:35px 0px 0px 0px;}


.rightcol{float: left; width:70%; background:#fff;padding-top:2%;padding-left:2%;}
.b_none{ background:none!important;}
.h4{color:#00506E !important; font-size:1.1em; padding-bottom:9px; font-weight:normal; letter-spacing:-1px;}
.h5{color:#F37B21; font-size:1em; padding-bottom:10px;font-weight:normal;}
.h6{font-size:1.3em; color:#6BC9C6; padding-bottom:11px;font-weight:normal; display:none;}
.h6 span{ font-size:0.8em;}

.pro_img_area{border:5px solid #e4e4e4; float:left; width:203px; margin-bottom:10px; margin-left:-3px;}
.pro_detail{ float:left; width:80%; padding:4px 0px 0px 0px;font-size:0.7em; color:#00506E; display:none;}
.pro_detail dt{float:left; width:35%; padding-bottom:5px;}
.pro_detail dd{ float:left; width:65%; padding-bottom:5px;}
.request{font-size:0.7em; color:#999; float:right; margin-right:53px;}
.request .star{font-size:12px; color:#F37B21;}

.f_left1{width:46%; float:left; padding-right:1%;}
.rightcol .drop_down { margin-bottom:12px; width:95%;}
.rightcol .drop_down label{ border:1px solid #d4d4d4; background:url(/TDICWSAssets/En/images/min.jpg) no-repeat right 5px; height:35px; width:98%; padding-left:2%;}
.rightcol .drop_list{width:100%!important; border-color:#d4d4d4; margin-left:0px;}
.rightcol input[type="text"]{ border:1px solid #d4d4d4; float:left; padding:0px 0px 0px 2%; width:92.5%; height:35px; font-size:0.75em; color:#999; margin-bottom:12px;}
.rightcol textarea{border:1px solid #d4d4d4; float:left; padding:5px 0px 0px 2%; width:93%; height:76px; font-size:0.75em; color:#999; margin-bottom:12px; font-family:'Droid Sans',sans-serif; font-style:italic;}
.rightcol .drop_down ul li{ width:96.5%!important;} 

.rightcol .h4{ margin-bottom:14px;}
.rightcol .min{ width:80%!important;}
.rightcol .min label{ width:210px;}
.rightcol .min .drop_list{ width:217px!important;}
.rightcol .min ul li{ width:95.5%!important;} 

.captcha{border:1px solid #e9e9e9; background:#f9f9f9; float:left; width:91%; padding:17px 2% 0px 2%;}
.captcha img{ text-align:center; margin-left:59px; margin-bottom:20px;}
.star{font-size:12px; color:#F37B21; float:left;}

.captcha input[type="text"]{ width:91%;}
.send_bt{ float:left; width:138px; background:url(/TDICWSAssets/En/images/send_bt.jpg) no-repeat top left; margin:2% 40% 0% 36%; height:37px; text-indent:-500px; border:0px;  cursor:pointer;}
.send_bt:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}


.sending {
	height: 100px;
	background: url(/TDICWSAssets/En/images/loader.gif) center top no-repeat !important;
	padding: 40px 0 0 0;
	margin: 110px 0 0 0;
	font-size: 11px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}
.thanks-wrap {
	font-family:Arial, Helvetica, sans-serif;
	width:339px;
	margin:0px auto;
	
}
.thanks-wrap .thanks {
	font-size:0.9em !important;
	color: #00506D;
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	float:left;
	background:#f6f6f6;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
			padding:30px;
			margin-left:-20px;

}
.thanks-wrap .thanks b {
	font-size: 1.3em;
	width:100%;
	padding:0px 0px 10px 0px;
	float:left;
	color:#00506D;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.thanks {
	font-size: 0px;
}


/* Z-INDEX */
.formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
.inputContainer {	position: relative;	float: left;}
.formError {	position: absolute;	top: 300px;	left: 300px;	display: block;	cursor: pointer;}
.formError .formErrorContent {width: 100%; background: #ee0101;	position:relative; color: #fff;	width: 150px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000;	-moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px;-webkit-border-radius: 6px;}
.formError .formErrorArrow {width: 15px; margin: -2px 0 0 13px;	position:relative;}
.formError .formErrorArrowBottom {	box-shadow: none;	-moz-box-shadow: none;	-webkit-box-shadow: none;	margin: 0px 0 0 12px;	top:2px;}
.formError .formErrorArrow div {	border-left: 2px solid #ddd;	border-right: 2px solid #ddd;	box-shadow: 0 2px 3px #444;	-moz-box-shadow: 0 2px 3px #444;	-webkit-box-shadow: 0 2px 3px #444;	font-size: 0px;	height: 1px;	background: #ee0101;	margin: 0 auto;	line-height: 0;	font-size: 0;	display: block;}
.formError .formErrorArrowBottom div {	box-shadow: none;	-moz-box-shadow: none;	-webkit-box-shadow: none;}
.greenPopup .formErrorArrow div {	background: #33be40;}
.blackPopup .formErrorArrow div {	background: #393939;	color: #FFF;}
.formError .formErrorArrow .line10 {	width: 15px;	border: none;}
.formError .formErrorArrow .line9 {	width: 13px;	border: none;}
.formError .formErrorArrow .line8 {	width: 11px;}
.formError .formErrorArrow .line7 {	width: 9px;}
.formError .formErrorArrow .line6 {	width: 7px;}
.formError .formErrorArrow .line5 {	width: 5px;}
.formError .formErrorArrow .line4 {	width: 3px;}
.formError .formErrorArrow .line3 {	width: 1px;	border-left: 2px solid #ddd;	border-right: 2px solid #ddd;	border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 {	width: 3px;	border: none;	background: #ddd;}
.formError .formErrorArrow .line1 {	width: 1px;	border: none;	background: #ddd;}

.nrl{ margin:20px 3% 0px 3%; float:left; width:94%;}
.nrl .h4{ padding-bottom:13px;}

.area_con{float:left; width:90%; font-size:0.8em; margin-bottom:11px; margin-left:26px;}
.area_con .col2{ width:50%; float:left;}
.area_con .col2 input[type="radio"]{ border:0px; margin:0px; float:right;}
.area_con .col1{ width:40%; float:left;}
.update_btn{ float:left; margin:16px 27% 0px 27%; padding:0px; width:138px; height:30px; background:url(/images/update_bt.jpg) no-repeat; }
.calculate_btn{float:left; margin:10px 0px 0px 0px; padding:0px; width:118px; height:33px; background:url(/images/cal_bt.jpg) no-repeat; text-indent:-8000px; border:0px; cursor:pointer;}
.calculate_btn:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}


.converter_con{float:left; width:90%; font-size:0.8em; margin-bottom:11px; margin-left:26px;}
.converter_con .col1{ width:20%; float:left; color:#00506E; font-size:1em}
.converter_con .col2{ width:50%; float:left;}
.converter_con .col3{ width:20%; float:left;}
.converter_con .col3 input[type="radio"]{ border:0px; margin:0px; float:right;}

.cl_1{float:left; width:97%;margin-bottom:12px; margin-left:3%;}
.cl_1 .val{font-size:1.1em; color:#F47C22; float:right; margin-top:8px; width:17%; padding-right:3%; text-align:right;} 
.dwn{float:left; width:91.5%; border:1px solid #cacaca; background:#e5e5e5; padding:8px 0px 7px 0px; margin:8px 6.5% 6px 2%;}
.dwn span{ font-size:0.8em; background:url(/images/dwn_arw.jpg) no-repeat 27px top; color:#00506D; padding-left:50px; float:left;}

.mon_pay{float:left; width:86%; background:#e5e5e5; border:1px solid #d1d1d1; padding:10px 8px 10px 16px; margin-top:-6px;}
.mon_pay .h5{color:#00506D; font-size:1em; float:left; width:65%;}
.mon_pay .h5 span{ font-size:0.7em; color:#003366; line-height:17px;}
.mon_pay .value{ font-size:1em; color:#F37B21; text-transform:uppercase; float:right; padding-right:4px;}
.mon_pay input[type="text"]{ float:left; width:87%; padding:5px; border:1px solid #cccccc; color:#999; margin-top:6px; height:26px; margin-bottom:3px;}
.cl_1 .h4{line-height:20px; font-size:1em; padding:10px 0px; color:#00506D; font-weight:normal; float:left; width:60%;}
.cl_1 .drop_down{ width:80%;}
.cl_1 .drop_down ul{ width:90.5%!important; border:1px solid #ccc;}
.cl_1 .h4 span{ color:#527597;}

.cl_1 .drop_down label{border:1px solid #cccccc; background:url(/images/min.jpg) no-repeat right 5px; height:36px; width:88.8%; padding-left:2%;}
.cl_1 .mt{ margin-top:8px;}
.print{ float:right; width:31px; margin-top:10px; padding-right:8px;}
.share_pop{ float:left; width:92.5%; list-style-type:none; margin-left:6.5%;}
.share_pop a{color:#00506E; font-size:1em; padding-left:48px; text-decoration:none; padding-top:3px; height:32px; margin-bottom:9px; float:left; width:80%}
.share_pop a:hover{ color:#023446;}
.share_pop .fb{background:url(/images/fb_ico.jpg) no-repeat top left;}
.share_pop .tw{background:url(/images/tw_ico.jpg) no-repeat top left;}
.share_pop .yt{background:url(/images/yt_ico.jpg) no-repeat top left;}
.share_pop .gt{background:url(/images/gt_ico.jpg) no-repeat top left;}
.share_pop .share_ico{background:url(/images/share_ico.jpg) no-repeat top left;}
.bt_t{margin-top:38px;}
.cl_1 .drop_down ul li{ width:98% !important; padding-left:2%;}


.pois{ position:relative;}
.cross_icon { width: 25px; height: 25px; background: url(/TDICWSAssets/En/images/validation_false.png) no-repeat; position: absolute; top: 6px; right: 17px; }
.tick_icon { width:25px; height:25px; background:url(/TDICWSAssets/En/images/validation_ture.png) no-repeat; position:absolute; top:55px; right:17px; }


.schoolform{ margin:20px 3% 0px 3%; float:left; width:94%;}
.schoolform form{ float:left; margin:0px; padding:0px; width:100%;}
.schoolform form label{ width:35%; float:left; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; color:#333333; font-family: 'Droid Sans',sans-serif; font-size: 0.875em; font-weight: normal;}
.schoolform form input{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D8D8D8; color: #999999; float: left; font-family: 'Droid Sans',sans-serif; font-size: 0.75em; font-style: italic; font-weight: normal; margin: 0 0px 12px 0; padding: 1.5% 1.5% 1.8%; width:59%;}
.schoolform form select{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D8D8D8; color: #999999; float: left; font-family: 'Droid Sans',sans-serif; font-size: 0.75em; font-style: italic; font-weight: normal; margin: 0 0px 12px 0; padding: 1.5% 1.5% 1.8%; width:62.1%;}
.schoolform .schsub{border:none !important; background:url(/images/send_btn.png) no-repeat left top !important; height:37px; width:138px !important; display:inline-block; color:#FFF !important; font-family: 'Droid Sans',sans-serif; font-size: 0.875em; float:left; margin:0px !important; padding:0px !important; line-height:37px; cursor:pointer;}
.schoolform .schsub:hover{ background-position:left bottom !important;}


.schoolfrm{ margin:20px 3% 0px 3% !important; float:left; width:94% !important; padding:0px;}
.schoolfrm form{ float:left !important; margin:0px !important; padding:0px !important; width:100% !important;}
.schoolfrm form label{ width:35% !important; float:left !important; margin:0px 0px 0px 0px !important; padding:5px 0px 0px 0px !important; color:#333333 !important; font-family: 'Droid Sans',sans-serif !important; font-size: 0.875em !important; font-weight: normal !important;}
.schoolfrm form input{ background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #D8D8D8 !important; color: #999999 !important; float: left !important; font-family: 'Droid Sans',sans-serif !important; font-size: 0.75em !important; font-style: italic !important; font-weight: normal; margin: 0 0px 12px 0; padding: 1.5% 1.5% 1.8%; width:59% !important;}
.schoolfrm form select{ background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #D8D8D8 !important; color: #999999 !important; float: left !important; font-family: 'Droid Sans',sans-serif !important; font-size: 0.75em !important; font-style: italic !important; font-weight: normal !important; margin: 0 0px 12px 0 !important; padding: 1.5% 1.5% 1.8% !important; width:62.1% !important;}
