@charset "utf-8";
/* CSS Document */
@import "../css/superfish.css";
@import "../css/skeleton.css";
@import "../css/quick_contact.css";

body{ margin:0; padding:0; background: url(../images/greyzz.png) repeat; font-family: 'ubunturegular';font-size:13px; color:#3a3a3c}
.clear{ clear:both;}


@font-face {
    font-family: 'ubunturegular';
    src: url('ubuntu-r-webfont.eot');
    src: url('ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubuntu-r-webfont.woff') format('woff'),
         url('ubuntu-r-webfont.ttf') format('truetype'),
         url('ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.TFEM_17{font-size: 1.7em;color:#0ebbed; font-weight:bold;}

.top_wrapper{ width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #a2ca35;}
	

.links a { position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;box-sizing: border-box; font-family:Arial, Helvetica, sans-serif;font-size:11px;display: block;color: #3a3a3c; text-decoration:none;padding: 0px 0px 0px 18px;float: left; width:60px; margin:0px 0px 0px 0px;}
.links a:hover {color: #0ebbed; }
.links a:hover:after {  background-position: 0 bottom;}
.links a:after { transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease; height: 16px; width: 12px;position: absolute;display: block;content: ''; left: 0;top: 0;}
.ic1:after {background: url(../images/login_icn.png) 0 0 no-repeat;}
.ic2:after { background: url(../images/rgstr_icn.png) 0 0 no-repeat;}
.ic3:after {background: url(../images/dwld_icn.png) 0 0 no-repeat;}
.icon2{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.icon3{ margin:0px 0px 0px -10px !important; padding:0px;}


.soc_icons > li {  position: relative;display: inline-block; width: 30px;height: 29px;margin:0px 0px 0px 0px; padding:0px}
.soc_icons > li:first-child + li {  top: 0px;}
.soc_icons > li > a > img {position: relative;top: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;}
.soc_icons > li > a:hover > img {top: -6px;}



.cal{margin:0px 0px 0px 0px; padding:10px 0px 15px 20px;font-family: 'ubunturegular'; line-height:2px; font-size:14px; background:url(../images/phn.png) no-repeat left 00; border-bottom:1px  dashed #CCC; }
.mail{margin:6px 0px 0px 0px; padding:10px 0px 15px 20px;font-family: 'ubunturegular'; line-height:0px; font-size:14px; background:url(../images/mail.png) no-repeat left 4px; }


.menu_bar{ width:960px; margin:0px auto 0px auto; padding:0px;}

.wlcm_box_content h6{font-family: 'ubunturegular'; font-size:26px; font-weight:normal;margin:18px 0px 0px 0px; padding:0px 0px 0px 0px;}
.wlcm_box_content span{ color:#0ebbed}
.wlcm_box_content p{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:22px !important;}
.wlcm_box_content a{ width:108px; height:39px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right; background:url(../images/read_more.png) no-repeat; font-weight:bold; text-align:center; line-height:28px; color:#0292bc; }
.wlcm_box_content a:hover{ color:#3a3a3c;}
.prdcct_box ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.prdcct_box ul li{margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; list-style:none}

.mdl_box{ width:258px; float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}
.mdl_box h6{font-family: 'ubunturegular'; font-size:26px; font-weight:normal;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #dddbdb;}
.mdl_box span{ color:#0ebbed}
.mdl_box ul{margin:15px 0px 0px 17px; padding:0px 0px 0px 0px;}
.mdl_box  ul li{margin:0px 0px 0px 0px; padding:0px 0px 6px 10px; list-style:url(../images/tick.png);}

/*.mdl_box h4{ font-size:12px; font-weight: bold;margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#4e4e4e');
background: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#4e4e4e)); 
background: -moz-linear-gradient(top,  #737373,  #4e4e4e);  width:95px; text-align:center; color:#fff; line-height:26px;}*/
.mdl_box h4{ font-size:13px; font-weight: bold;margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; color:#333;}


.mdl_box p{margin:6px 0px 0px 0px !important; padding:0px 0px 0px 0px; line-height:20px !important;}
.mdl_box img{ float:left;margin:10px 0px 0px -5px; padding:0px 0px 0px 0px; width:67px;}
.mdl_box_text{float:right;margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; width:176px;line-height:20px !important;}
.mdl_box a{ color:#0ebbed; text-decoration:underline; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
.mdl_box_line{ border-bottom:1px dashed #bbbbbb;margin:20px 0px 10px 0px; padding:0px 0px 0px 0px; }

.cleint_box h6{font-family: 'ubunturegular'; font-size:26px; font-weight:normal;margin:0px 0px 0px 0px; padding:0px 0px 6px 0px; }
.cleint_box span{ color:#0ebbed}

.news_ltr_box h6{font-family: 'ubunturegular'; font-size:26px; font-weight:normal;margin:10px 0px 0px 0px; padding:0px 0px 6px 0px;}
.news_ltr_box p{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:18px !important; font-size:12px; color:#0ebbed;}

.input_type{ border:1px solid #dcdbdb;margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; width:170px; height:32px; background:#fff; float:left; color:#666; outline:none; }
.sbmtbtn{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:78px; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#4e4e4e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#4e4e4e)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #737373,  #4e4e4e); /* for firefox 3.6+ */ height:34px; float:right; color:#fff; font-weight:bold; border:0; cursor:pointer; outline:none; }
.sbmtbtn:hover{ color:#0ebbed}

.ftr_wrapper{ width:100%; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/ftr_bg.png) repeat;}

.ftr_box{ width:240px; float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ftr_box h2{font-family: 'ubunturegular'; font-size:18px; font-weight:normal;margin:0px 0px 10px 0px; padding:0px 0px 6px 0px; color:#fff;}
.input_type1{margin:0px 0px 5px 0px; padding:0px 10px 0px 10px; width:150px; height:20px; background:#26a7cc; border-radius:2px; border:0; outline:none; font-size:12px;color:#fff}
.textarea{margin:0px 0px 5px 0px; padding:0px 10px 0px 10px; width:200px; height:60px; background:#26a7cc; border-radius:2px; border:0; outline:none; font-size:12px; color:#fff}
.sbmtbtn2{margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; background:#046d8c; width:45px; height:19px; float:right; color:#fff;  border:0; cursor:pointer; outline:none; font-size:11px;border-radius:2px; }

.ftr_box ul{margin:0px 32px 0px 18px; padding:0px 0px 0px 0px; float:left;}
.ftr_box  ul li{margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; list-style:url(../images/arrow.png);}
.ftr_box  ul li a{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#fff; font-size:12px; }

.ftr_wrapper p{margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:24px; font-size:11px; color:#FFF; text-align:center; background:#047393;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #fff;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/*jaquery flash scrolling*/
#newsticker-demo1 { 
width:258px; margin:0px 0px 0px 0px; height:220px; padding:0px 0px 0px 0px}
.newsticker-jcarousellite1 { width:258px; margin:0px 0px 0px 0px ; padding:0px; }
.newsticker-jcarousellite1 ul li{ height:220px; list-style:none; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.flash_gray{  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:20px; font-weight:normal;  }
/*jaquery flash scrolling*/

.middle h2{font-family: 'ubunturegular'; font-size:24px; font-weight:normal;margin:20px 0px 5px 0px; padding:0px 0px 3px 0px;border-bottom:1px solid #e4e4e4;}
.middle h3{font-family: 'ubunturegular'; font-size:26px; font-weight:normal;margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #e4e4e4;}
.middle h5{font-family: 'ubunturegular'; font-size:20px; font-weight:normal;margin:10px 0px 15px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #e4e4e4; color:#16c2f4}
.middle p{margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; line-height:24px;}

ul.career_btn {margin:0px 30px 0px 20px; padding:0px 0px 0px 0px; float:left;}
ul.career_btn li{ margin:0px 0px 0px 0px; padding:0px 0px 10px 10px; list-style:url(../images/ok.png);}

.contact_left{ float:left;margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; width:300px;}
.contact_left p{ margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; line-height:22px; font-size:13px;}
.contact_left span{ font-size:14px; font-weight:bold; color:#16c2f4;}
.contact_left a{ text-decoration:none; color:#333;}
.form_text{float:left;margin:10px 12px 0px 0px; padding:0px 0px 0px 0px; width:190px;}
.input_single1{margin:0px 10px 0px 0px; padding:0px 10px 0px 10px; width:170px; height:24px; border:1px solid #dddbdb; outline:none;}

.frmbtn{width:60px; height:30px; font-size:12px; color:#FFF; float:left; background:#2e2e30; border:0; margin:10px 10px 0px 0px; cursor:pointer;}
.abt_left ul{margin:0px 0px 0px 20px; padding:0px 0px 0px 0px;}
.abt_left ul li{ margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; list-style:url(../images/ok.png);}
.abt_right_img{ float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:183px;}
.abt_right_txt{ float:right;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:250px;}

.partners_box{ width:100%; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px; /*border-left:3px solid #848484;*/}
.partners_cntnt{ width:260px; margin:0px 0px 0px 10px ; padding:0px 0px 0px 0px; border-right:1px dotted #e3e2e2; float:left;}
.partners_cntnt span{ color:#95bc29; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px;}

.partners_cntnt2{ width:260px; margin:0px 0px 0px 20px ; padding:0px 0px 0px 0px; border-right:1px dotted #e3e2e2; float:left;}
.partners_cntnt2 span{ color:#95bc29; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px;}
.location{border-radius: 20px;background-color: rgb(167, 167, 167);color:#FFF !important;float: right;padding:0px 10px 0px 10px !important; margin:0px 15px 0px 0px !important}
.partners_cntnt3{ width:260px; margin:0px 0px 0px 20px ; padding:0px 0px 0px 0px; float:left;}
.partners_cntnt3 span{ color:#95bc29; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px;}

.career_box{ width:300px; float:left;margin:5px 20px 20px 0px ; padding:0px 0px 0px 0px;-moz-box-shadow: 2px 4px 0px #dad9d9;
-webkit-box-shadow: 2px 4px 0px #dad9d9;
box-shadow: 2px 4px 0px #dad9d9; background:#fff;}
.career_box h2{margin:0px 0px 0px 0px;padding:10px 0px 0px 10px; font-size:16px; font-weight:normal; color:#3a3a3c;}
.career_box ul{margin:10px 10px 20px 10px;padding:0px 0px 0px 0px; text-align:center; color:#707070;}
.career_box ul li{margin:0px 0px 0px 0px;padding:5px 0px 5px 0px; list-style:none; border-bottom:dashed 1px #CCC;}
.career_box ul li span{ text-decoration:underline;}

.apply_nw{ float:right; width:83px; height:27px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; background:url(../images/apply_nw.png) no-repeat;  text-align:center;}
.apply_nw a{  line-height:26px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; color:#FFF;}
.apply_nw a:hover{ color:#455d03;}

.view_more{ float:left; width:83px; height:27px;margin:0px 0px 15px 30px;padding:0px 0px 0px 0px;  text-align:center;}
.view_more a{  line-height:26px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; color:#3a3a3c;}
.view_more a:hover{ text-decoration:underline}

#CareerTable{width:70%;display:table;  }
#CareerTable th{text-align:left;padding:10px;color:#393939;font-size:12px;}
#CareerTable p{padding-bottom:0 !important}
#CareerTable td{background-repeat:repeat-x;background-position:bottom center;border-bottom:1px dotted #dcdcdc;padding:10px;font-size:12px}
.CareerTableTh{background-color:#e6e6e6}
.JobCode{color:#393939;font-size:12px}
.JobCode a{color:#666 !important;font-size:12px}
.jobTitle{font-size:12px}
.oddRow{background-color:#f5f5f5}
.JobDesBox{display:table;padding-bottom:10px;float:left}
.spnjobcode{float:left;font-weight:bold;margin-left:5px}

#ProduSubDiv {width: 60%; height:300px;overflow: hidden;position: absolute;background-color: rgba(0, 0, 0, 0.90);z-index: 100;left: 195px;top: 150px;}
#LeftProDiv{width:45%;height:240px;float:left;margin:0px 0px 0px 0px;padding:15px 0px 0px 15px;}
#RightProDiv{width:45%;height:240px;float:right;margin:0px 0px 0px 0px;padding:15px 15px 0px 0px;}
	
#LeftProDiv h2{ background:#83a81e url(../images/medi_logo.png) no-repeat left;margin:0px 0px 0px 0px;padding:6px 0px 6px 35px;font-size:14px; font-weight:normal;border-radius: 25px 25px 25px 25px;color:#fff; width:65%}
#RightProDiv h2{ background:#83a81e url(../images/hotsoft_logo.png) no-repeat left;margin:0px 0px 0px 0px;padding:6px 0px 6px 35px;font-size:14px; font-weight:normal;border-radius: 25px 25px 25px 25px;color:#fff; width:65%}

#ProduSubDiv  ul{margin:5px 0px 0px 40px;padding:0px 0px 0px 0px;}
#ProduSubDiv  ul li{margin:0px 0px 0px 0px;padding:5px 0px 0px 0px; list-style:url(../images/marker.png); font-size:12px; }
#ProduSubDiv  ul li a{ color:#FFF;margin:0px 0px 0px 0px;padding:2px 5px 2px 5px; }
#ProduSubDiv  ul li a:hover{margin:0px 0px 0px 0px;padding:2px 5px 2px 10px;background:rgba(255, 255, 255, 0.13) }

.testi_left{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px; width:100px; float:left; }
.testi_arrow{background:url(../images/testi_arrow.png) no-repeat;width:44px;height:38px;position: absolute; left:120px;margin:-50px 0px 0px 0px;padding:0px 0px 0px 0px;  }
.testi_right p{margin:0px 0px 0px 0px;padding:15px 15px 0px 20px;}
.testi_right span{ font-size:30px; background: url(../images/qt_bg.png) no-repeat top;margin:0px 0px 0px 0px;padding:0px 10px 0px 10px; text-align:center}

.client_bg{ width:105px; height:108px; float:left; margin:15px 15px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/client_bg.png) no-repeat;cursor:pointer;}
.client_bg p{ margin:0px; padding:0px 0px 0px 0px; text-align:center}

.tooltip:hover:after { content: attr(rel);position: absolute;white-space: pre-wrap;text-align:center;background:rgba(37, 148, 206, 0.9);color: white;font-size: 12px;line-height:14px; width:95px; z-index: 99; margin:0px; padding:5px 5px 5px 5px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out; transition:all 2s ease-in-out;}

.product_left ul{padding:0px 0px 0px 0px; margin:0px 0px 10px 20px;}
.product_left ul li{padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; list-style:url(../images/arrow1.png); border-bottom:solid 1px #CCC; }
.product_left ul li a{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#3a3a3c;}
.product_left p{padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:16px; color:#0ebbed }

.button1 {font-size:13px;padding:10px; background:#84ab1d; float:right; border-radius:4px; margin:0px 20px 0px 0px; }
.button1:hover {background:#333;color:#fff; }

.right_form{top:35%;right:0px;position:fixed;padding:0px 0px 0px 0px;z-index:1000; color:#dbdbdb;}
.single1{width:280px;height:22px;padding:0px 3px 0px 3px; border-radius:2px; background:#dbdbdb; border:0; margin:3px 0px 0px 0px; outline:none;}
.multy1{width:280px;height:50px;padding:3px 3px 3px 3px; border-radius:2px; background:#dbdbdb; border:0; margin:3px 0px 0px 0px; outline:none;}
.cent-head{padding:10px 0px 10px 0px;width:184px;border-bottom:1px solid #2E2E2E;margin:0px 0px 0px 15px;text-transform:uppercase; font-weight:normal; color:#16c2f4;	}
.qf_text{ padding:0px 0px 0px 0px; margin:5px 0px 0px 0px ;}

.frmbtn2 {
    width: 130px;
    height: 36px;
    background: #84931c;
    color: #fff;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    margin: 8px 6px 0px 0px;
    float: right;
    font-size: 18px;
}

.popup-box {position: absolute;border-radius: 5px;background: #fff;display: none;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);font-family: Arial, sans-serif;z-index: 9999999;font-size: 14px;}
.popup-box .close {position: absolute;top: 0px;right: 0px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;cursor: pointer;color: #434343;padding: 10px;font-size: 20px;}
.popup-box .close:hover {color: #000;}
.popup-box h2 {padding: 0;margin: 0;font-size: 18px;}
.popup-box .top {padding: 10px;}
.popup-box .bottom {background: #eee;border-top: 1px solid #e5e5e5;padding: 10px;border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;}
.popup-box ul{ margin:0px 0px 0px 0px; padding:0px;}
.popup-box ul li{ margin:0px 0px 0px 0px; padding:0px 2px 0px 0px; display:inline;}

#blackout {background: rgba(0,0,0,0.3);position: absolute;top: 0;overflow: hidden;z-index: 9999;left: 0;display: none;}

.mdl_lin_news{ width:100%; border-bottom:1px dashed #CCC; margin:0px 0px 15px 0px; padding:0px;}




/*---------------tabber-----------------------------------*/

ul.abt_tabber_btn {margin:20px 15px 0px 15px; padding:0px 0px 0px 0px; float:left;}
ul.abt_tabber_btn li{ margin:0px 0px 0px 0px; padding:0px 0px 5px 10px; list-style:url(../images/ok.png);}
.r-tabs {position: relative; margin-top:20px;}
.r-tabs .r-tabs-nav {border-bottom: 1px solid #ccc; }
.r-tabs .r-tabs-nav .r-tabs-tab {position: relative;top: 1px;}
.r-tabs .r-tabs-nav .r-tabs-anchor {background: #e4e4e4;margin-bottom: 3px;padding: 10px 12px;display: inline-block;text-decoration: none;color: #333;}
.r-tabs .r-tabs-nav .r-tabs-state-active {background-color: #fff ;margin-bottom: -1px;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {color: #00aadd;background-color: #fff;}
.r-tabs .r-tabs-panel {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;margin-bottom: 3px;background:#fff;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px;background-color: #00aadd;color: #fff;
text-decoration: none;margin-bottom: 3px;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff;color: #00aadd;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;margin-bottom: 0;
}

.mandatory {border-left: 2px solid red;}

<!--dileep poovencheri-->