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

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.AlgRgh
{
  text-align:right;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  
}


body{ padding:0; margin:0; font-family:'open_sansregular'; font-size:12px;}


.container{ width:1000px; margin:0 auto; padding:0; min-height:400px;}
a{text-decoration:none;}
/*a:hover{text-decoration:underline;}*/
.clr{ clear:both; padding:0; margin:0;}
fieldset{ padding:5px;  border-radius:5px; border:1px solid #dcdddf;}
legend{ margin:0 10px; padding:0 10px;}
hr{ width:100%; clear:both; border-top:1px #f0f0f0 solid; margin:5px 0;}
.legend-1{ font-size:16px;  font-family:'open_sansregular'}
h1,h2,h3{ padding:0; margin:0; font-size:14px;}
.row{ width:100%; padding:5px 0;}
/*-----------------------top------------------*/
.top-con{ width:100%; height:auto; padding-bottom:10px; margin:0 auto; background:url(../img/top1-bg.jpg) repeat-x;}
.top-con-wrapper{ width:1000px; height:auto; padding:10px 0 0 0; margin:0 auto;}
.top-right-con{ width:300px; padding:0; margin:0; float:right; height:68px; z-index:1000;}
.top-right{ width:300px; height:auto; float:right; padding:0 10px 0 0; margin:0; text-align:right; }
.top-right h1{ font-size:12px; padding:0 10px 0 0; margin:0;}
.top-right p{ font-size:10px;}
.logo2{width:200px; float:left; padding-top:10px;}
.logo2 a img{ width:100%; height:auto; padding:0; } 
.logo img{ width:350px; height:auto; padding:0; margin:50px 0;} 
img{ border:none;}
/*-------------------menu----------------------*/
.nav-con{ width:100%; margin:0 auto;  border-top:1px solid #ccc; background:url(../img/menu-bg.jpg) repeat-x;}
.page-detail{width:1000px; height:auto; padding:5px 0; margin:0 auto; background:#fcfcfc;  border-bottom:1px solid #efefef; text-align:l eft;}
.page-detail p{ padding:0 20px; margin:0;}
.page-detail p a{ color:#993300; font-weight:bold;}
.Pull-right{ padding:0; margin:0; float:right;}
.pull-left{padding:0; margin:0; float:left; }
/*-----------------------top-end-----------------*/
.add-new2{ width:100%; padding:0; margin:0; font-size:14px; padding:10px 0;}
.add-new2 a:hover{ text-decoration:underline;}
/*.add-new2 div{ width:50%; float:left; padding:0; margin:0;}
.add-new2 span{ float:right; width:150; padding:0; margin:0;}
.add-new2 div a{ line-height:40px; padding-left:10px;}*/
/*-----------------Table---------*/
.table-1{ width:80%; height:auto; padding:0; margin:0 auto;}
.table-3{ width:100%; padding:0; margin:0;}
.table-3 td{ width:32%; height:auto; padding:10px 0; float:left; }
.table-3 td label{margin:0; float:left; text-align:left; padding-right:5px; line-height:20px;}
.table-3 td h2{margin:0; float:left; text-align:left; padding-right:5px; line-height:20px; font-size:12px; font-weight:normal; width:100%;}



.table-3-v2{ width:100%; padding:0; margin:0;}
.table-3-v2 td{ height:auto; padding:10px 0;  }

.table-3-v2 td h2{margin:0; float:left; text-align:left; padding-right:5px; line-height:20px; font-size:12px; font-weight:normal; width:100%;}



/*---------------*/
.days{ width:100%; height:auto; padding:0; margin:0; float:left; /*background:#edf8fe;*/}
.days tr td{ height:auto; padding:3px 0; margin:0; text-align:center; width:9%; /*border-top:1px solid #eee; border-left:1px solid #eee;*/  background:#415560; border-radius:5px; color:#fff; }
.days tr td p{ padding:3px 0; margin:0;  width:auto;}
.times{ width:100%; height:auto; padding:0 0 10px 0;}
.times tr td{ width:45px; text-align:center; padding:3px; margin:0; font-size:11px; background:#dee2ce;} 
/*--------------*/
.date{ width:150px; padding:10px 0; margin:0; float:right;}
.date p{ float:left; line-height:5px; padding-right:5px;}
/*-------------*/
.table-con{ width:100%; padding:0; margin:0; overflow:scroll;}
.table-3-view{ width:100%; padding:0; margin:0;}
.table-3-view td{ width:32%; height:auto; padding:10px 0; float:left; }
.table-3-view td p{ width:20%;  padding-top:10px; margin:0; float:left; text-align:right; padding-right:5px;}
/*-------------*/
/*.f7{ width:73%; float:left; height:50px; border:1px #ccc solid; padding:2px 2px 2px 2px; color:#616161; resize:none;}*/
.table-6-col{ width:100%; height:auto; padding:0; margin:0;}
.table-6-col td{ width:16%; text-align:right; padding:5px 0; vertical-align:middle; }
.table-6-col td p{ padding:0 1.7% 0 0; line-height:5px; margin:0; line-height:25px;}
.table-6-col th{width:16%; text-align:center; padding:0;}

.table-6-col2{height:auto; padding:0; margin:0; width:750px;}
.table-6-col2 td{  width:16%; text-align:right; padding:5px 0; vertical-align:middle;}
.table-6-col2 p{ padding:0 1.7% 0 0; line-height:5px; margin:0; line-height:25px;}
.table-6-col2 th{ width:16%; text-align:center; padding:0;}


.table-6-col-2{ width:auto; height:auto; padding:0; margin:0;}
.table-6-col-2 td{ text-align:right; padding:5px 0;  vertical-align:middle; }
.table-6-col-2 td p{ padding:0 1.7% 0 0; line-height:5px; margin:0; line-height:25px;}
.table-6-col-2 th{/*width:16%;*/ text-align:center; padding:0;}
.table-6-col-2 td h4{ float:left; font-weight:normal; padding:0 10px 0 0; line-height:20px;}



.r-button{ width:100%; height:auto; padding:0 0 0 100px; margin:0;}
.r-button td{ width:auto; padding:0 0 0 20px;}
.table-4{ width:100%; padding:5px 0; margin:0; float:left;}
.table-4 th{text-align:center;  width:11%;}
.table-4 td{height:auto; padding:8px 5px 0 0; text-align:right; padding-right:5px; text-align:right; width:11%; }
.table-4 td p{float:left; line-height:0; margin-right:10px;}
/*.table-4 td label{ width:20%;  padding-top:10px; margin:0; float:left; text-align:right; padding-right:5px;}
*//*--------------*/
.table-4-view{ width:90%; padding:0; margin:0 0 0 25px; float:left;}
.table-4-view th{text-align:center;  width:11%;}
.table-4-view td{height:auto; padding:5px 0; text-align:right; padding-right:5px; text-align:right; width:11%; }
/*.table-4-view td label{ width:20%;  padding-top:10px; margin:0; float:left; text-align:right; padding-right:5px;}*/
/*--------------*/
.table-5-con{ width:97%; height:auto; padding:0; margin:0;}
.table-5-con td{ width:100%; padding:10px;  float:left; }

.table-5-con2{ width:97%; height:auto; padding:0; margin:0;}
.table-5-con2 td{ padding:10px;  float:left; }

.table-5{ width:100%; padding:0; margin:0;}
.table-5 td{ width:16%; height:auto; padding:5px 0; float:left;}
.table-5 td p{ text-align:right; padding-right:10px; line-height:20px; margin:0;}
.inner-mid{ width:100%; text-align:center; padding:0;}
.inner-mid td{ padding:2.5px 0; text-align:center; font-size:10px;}
.inner-mid td p{ padding:0; line-height:30px; margin:0; font-size:12px;}

.inner-mid2{ width:100%; text-align:center; padding:0;}

.inner-table{ width:100%; height:auto; padding:0; margin:0; border:1px solid #ccc; border-radius:5px;}
.inner-table th{ /*border-bottom:1px solid #eee;*/ border-right:1px solid #ccc; padding:10px 0; text-align:center;}
.inner-table td{ border-top:1px solid #ccc; border-right:1px solid #ccc; padding:2px 2px; width:12%;  text-align:center; font-size:10px;}
.inner-table2{ width:100%; height:auto; padding:0; margin:0; border-radius:5px;}
.inner-table2 th{ /*border-bottom:1px solid #eee;*/ border-right:1px solid #ccc; padding:10px 0; text-align:center;}
.inner-table2 td{ border:1px solid #ccc; padding:2px 2px; width:12%;  text-align:center; font-size:10px;}
.text-area-9{width:100%; height:auto; padding:0; margin:0; border:none; float:left; color:#616161; resize:none; font-family:'open_sansregular'; height:27px; font-size:10px;}
.text-area-9-2{width:100%; padding:0; margin:0; border:none; float:left; color:#616161; resize:none; font-family:'open_sansregular'; height:100px; font-size:10px; }
.table-6{ width:100%; padding:5px 0; margin:0; float:left;}
.table-6 th{text-align:center;  width:16%;}
.table-6 td{height:auto; padding:8px 5px 0 0; text-align:right; padding-right:5px; text-align:right; width:16%; font-size:11px; line-height:11px; }
.table-6 td p{float:left; line-height:0; margin-right:10px;}
.table-7{ width:100%; height:auto; padding:0; margin:0; border:1px solid #dbdbdb;}
.table-7 th{border:1px solid #dbdbdb; border-top:none; border-left:none; text-align:center; padding:7px 0;font-weight:normal;font-size:13px;}
.table-7 td{border:1px solid #dbdbdb; border-top:none; border-left:none; padding:5px 0; text-align:center;}
/*----------------------------*/
.visiondetail-con{ width:723px; height:auto; padding:0; margin:0;}
.visiondetail-con th{ padding:10px; margin:0; text-align:center; }

/*----------------------------*/
.ocular-wrapper{ width:90%; padding:0; margin:0;}
.ocular-wrapper th{ text-align:left; padding-left:6%;}
.ocular-wrapper td{ padding:5px 0; margin:0;}
.ocular-wrapper td h3{ font-size:12px; font-weight:normal; text-align:right; padding-right:5px; line-height:10px;}
.text-area-8{ width:86%; border:#CCC 1px solid; float:left; resize:none;  height:40px; /*margin:7px 3px 7px 0;*/ padding:5px; color:#616161; font-size:12px; line-height:15px; font-family:'open_sansregular';}
.text-area-10{ width:86%; border:#CCC 1px solid; float:left; resize:none; height:20px;/*margin:7px 3px 7px 0;*/ padding:5px; color:#616161; font-size:12px; line-height:15px; font-family:'open_sansregular';}
/*------------------button--------*/
        
.btn img{ border:none;}
.btn {width:100%; height:140px;	background:url(../img/btn-bg.png) no-repeat;  font-family: Arial;  color: #3d3d3d;  font-size: 20px;
  padding:25px 0;  text-decoration: none;}
.btn:hover {background:url(../img/btn-bg2.png) no-repeat; text-decoration:none;}
.button-con{ margin-top:50px;}
.btn-2{/* background:#244784; */padding:5px 8px; color:#44382a; font-size:11px; font-weight:bold;}
.btn-2:hover{background:#e0e0e0;  text-decoration:none;}
.btn-2 img{ padding-right:5px;}
.btn-3{ width:350px;  background:#3498db; font-family:Arial, Helvetica, sans-serif; color:#fff; float:left; font-size:20px; line-height:55px; text-align:center; text-decoration:none; margin-top:10px;}
.btn-4 {border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 0;
     color:#fff; font-size:12px; background:#244784; margin-right:10px; float:left; width:60px; text-align:center; line-height: 25px;font-family:open_sansregular;
}
.btn-4:hover{ background:#325593; color:#fff; text-decoration:none;}
 
 
 
 .btn-5 {border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 0;
     color:#fff; font-size:12px; background:#244784; margin-left:10px; float:left; width:60px; text-align:center; line-height: 25px;font-family:open_sansregular;
}
.btn-5:hover{ background:#325593; color:#fff; text-decoration:none;}

 .btn-model {border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 0;
     color:#fff; font-size:12px; background:#244784; margin-left:10px; float:left; width:60px; text-align:center; line-height: 25px;font-family:open_sansregular;
}
.btn-model:hover{ background:#325593; color:#fff; text-decoration:none;}
 
 
 
 
 /*.  {border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 0;
    line-height:25px;color:#fff; font-size:12px; background:#244784; margin-left:10px; float:left; width:60px; text-align:center; font-family:open_sansregular;
    height: 21px;
}
.btn-5:hover{ background:#325593; color:#fff;  text-decoration:none;}*/
.c-box{  float:left; width:15%;}

.f1{ width:270px;  padding:20px 40px; margin-top:10px; background:#e0e0e0; font-size:14px; border:none; color:#000;}
.f2{ width:65%; float:left; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; font-size:12px;}
.f3{ width:68%; float:left; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; font-size:12px;
 line-height:40px;   
}
.f4{ width:65%; float:left; border:1px #ccc solid; padding:3px; font-family:'open_sansregular'; color:#616161; /*background-image:url(../img/calender.png); background-position:right; background-repeat:no-repeat;*/ font-size:12px; }
.f5{ width:57%; float:left; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; font-size:12px;}

.f5-drp{ width:60%; float:left; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; font-size:12px; margin:0;}
.f6{ width:100%; float:left; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; font-size:12px;}
.f6-drp{ width:100%; float:left; border:1px #ccc solid; padding:3px; margin-top:-5px; color:#616161; font-family:'open_sansregular'; font-size:12px;}
.f6-tarea{ width:100%; float:left; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; font-size:12px; resize:none;  height:50px; }
.f7{ width:93%; float:left; height:50px; border:1px #ccc solid; padding:2px 2px 2px 2px; color:#616161; resize:none; font-family:'open_sansregular'; font-size:12px;}

.f8{ width:35%; float:left; border:1px #ccc solid;  color:#616161; font-size:10px; line-height:15px; font-family:'open_sansregular';}
.f13{ width:41%; float:left; border:1px #ccc solid;  color:#616161; font-size:10px; line-height:20px; font-family:'open_sansregular';}
.f12{ width:60%; float:left; border:1px #ccc solid;  color:#616161; font-size:10px; line-height:18px; font-family:'open_sansregular'; margin-right:2%;}
.f9-drop{ font-size:12px; width:80%; float:left; border:1px #ccc solid; padding:2px 2px 2px 2px; color:#616161; font-family:'open_sansregular';}
.f9{ width:77%; float:left; border:1px #ccc solid; padding:2px 2px 2px 2px; color:#616161; font-family:'open_sansregular';  font-size:12px;}
.f9-textarea{ width:77%; height:40px; resize:none; float:left; border:1px #ccc solid; padding:2px 2px 2px 2px; color:#616161; font-family:'open_sansregular';  font-size:12px;}
.brows{ font-size:10px; float:left; width:55%; line-height:10px; margin-left:5px; }
.f10{ width:90%; float:left; resize:none; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; font-size:12px;}
.f11{ width:90%; float:left; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; resize:none; height:40px; font-size:12px;}
.f14{ width:77%; float:left; border:1px #ccc solid; padding:2px 2px 2px 2px; color:#616161; font-family:'open_sansregular';  font-size:12px; background:#f3f3f3;}
.f15{ width:90%;  resize:none; border:1px #ccc solid; padding:3px; color:#616161; font-family:'open_sansregular'; font-size:12px;}





/*---------------text Area----------------*/


.btn-3:hover{ background:#308dcc;}
/*Log in end*/
/*--------Form----------*/
.con-border{ padding:10px; margin:10px 0; border:1px solid #dcdddf;  border-radius:5px; }
.con-border h1{ font-size:14px; line-height:20px; padding:0; margin:0; border-bottom:1px solid #eee; width:90%;}
.form-1{ padding:10px; margin:10px 0; border:1px solid #dcdddf;  border-radius:5px; }
.form-1 td{ padding:0; width:30%; font-size:12px;}
/*.form-1 td a img{ float:left; width:24px; margin-left:5px;}*/
.form-1 td label{ width:auto; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:20px; width:30%; float:left; text-align:right;}
.form-1 td span label{ width:30px; float:left;}
.form-1 td span .f4{ width:57%; float:left; border:1px #ccc solid; padding:3px; color:#616161; }

.form-1-v2{ padding:0 10px; margin:10px 0 0 0; border:1px solid #dcdddf;  border-radius:5px; }
.form-1-v2 td{ padding:5px 0; width:30%; font-size:12px;}
.form-1-v2 td h3{ width:30%; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:20px; width:30%; float:left; text-align:right; font-weight:normal;}
.form-1-v2 td p label{ padding:0 2%; margin:0;}
.form-1-v2 td span label{ width:30px; float:left;}
.form-1-v2 td span{ padding:0; width:auto; }
.form-1-v2 td span .f4{ width:57%; float:left; border:1px #ccc solid; padding:3px; color:#616161; }


.form-2{margin:10px 0;/* border:1px padding:10px;  solid #dcdddf;  border-radius:5px;*/ }
.form-2 td{ padding:5px 10px; width:30%; font-size:12px;}
.form-2 td a img{ float:left; width:24px; margin-left:5px;}
.form-2 td label{ width:auto; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:20px; width:30%; float:left; text-align:right;}
.form-2 td span label{ width:30px; float:left;}
.form-2 td span{width:100px; float:left; padding:0;}
.form-2 td span .f4{ width:90%; float:left; border:1px #ccc solid; padding:3px; color:#616161; font-size:12px;}
.add-new{ width:100%; height:auto; padding:0 10px; margin:0;}



.form-3{ padding:10px; margin:10px auto; border:1px solid #dcdddf;  border-radius:5px; width:100%;}
.form-3 td{ padding:0 10px; width:15%; font-size:12px; vertical-align:top; }
/*.form-3 td a img{ float:left; width:24px; margin-left:5px;}*/
.form-3 td label{ height:auto; padding-right:5px; margin:0; font-size:12px; line-height:25px; width:100%; float:left; text-align:left;}

.photo{ width:90px; height:110px; background:#eee; text-align:center;}
.photo p{text-align:center; margin:0; padding:40px 10px 0 10px;}

.btn-6{ width:auto; padding:4px; font-size:10px; margin:0; color:#fff; background:#244784; border:none; }
.btn-6:hover{ background:#325593; color:#fff;  text-decoration:none;}


.form-4{ padding:5px; margin:10px auto; /*border:1px solid #dcdddf;*/border-radius:5px; width:95%;  }
.form-4 td{ padding:5px; width:32%; font-size:12px; float:left;}
.form-4 th{ padding:5px; width:23%; font-size:12px; text-align:right; float:left;}
.form-4 td a img{ float:left; width:24px; margin-left:5px;}
.form-4 td label{ width:32%; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:20px; float:left; text-align:right;}
.form-4 td p label{ width:auto; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:14px; float:left; text-align:left;}
.form-4 td p{ padding:0; margin:0;}
.form-4 td h3{ font-size:12px; text-align:left; font-weight:normal; color:#F00; padding:0 0 0 100px; margin:0; line-height:20px;}

.form-4-v1{ padding:5px; margin:10px auto; /*border:1px solid #dcdddf;*/border-radius:5px; width:95%;  }
.form-4-v1 td{ padding:5px; width:32%; font-size:12px; text-align:right; float:left;}
.form-4-v1 th{ padding:5px; width:23%; font-size:12px; text-align:right; float:left;}
.form-4-v1 td a img{ float:left; width:24px; margin-left:5px;}
.form-4-v1 td h2{ width:32%; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:14px; float:left; text-align:right;}
.form-4-v1 td p label{ width:auto; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:14px; float:left; text-align:left;}
.form-4-v1 td p{ padding:0; margin:0;}
.form-4-v1 td h3{ font-size:12px; text-align:left; font-weight:normal; color:#F00; padding:0 0 0 100px; margin:0; line-height:20px;}

.form-4-v2{ padding:5px; margin:10px auto; /*border:1px solid #dcdddf;*/border-radius:5px; width:95%;  }
.form-4-v2 td{ padding:5px; width:auto; font-size:12px; text-align:right;}
.form-4-v2 th{ padding:5px; width:auto; font-size:12px; text-align:right; float:left;}
.form-4-v2 td a img{ float:left; width:24px; margin-left:5px;}
.form-4-v2 tr td h2{ width:32%; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:14px; float:left; text-align:right; font-weight:normal;}
.form-4-v2 td h3{ font-size:12px; text-align:left; font-weight:normal; color:#F00; padding:0 0 0 100px; margin:0; line-height:20px;}

/*.form-4-v2 td p label{ width:auto; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:14px; float:left; text-align:left;}*/
.form-4-v2 td p{ padding:0; margin:0;}
/*.form-4-v2 td label{ float:left; width:auto; }*/
/*.form-4 td table td{ width:30%;}*/
.form-7{ padding:5px; margin:10px auto; /*border:1px solid #dcdddf;*/border-radius:5px; width:90%;  }
.form-7 td{ padding:5px; width:32%; font-size:12px; text-align:right; float:left; line-height:20px;}
.form-7 th{ padding:5px; width:25%; font-size:12px; text-align:right; float:left; font-weight:normal; line-height:20px;}
.form-7 td a img{ float:left; width:24px; margin-left:5px;}
.form-7 td label{ width:30%; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:20px; float:left; text-align:right;}
.form-7 td p label{ width:auto; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:14px; float:left; text-align:right;}
.form-7 td p{ padding:0; margin:0;}
.form-7 td table{ width:600px;}
.form-7 td table td{ width:30%;}
.form-7 td table td label{ width:53%;}

.form-7-v2{ padding:5px; margin:10px auto; /*border:1px solid #dcdddf;*/border-radius:5px; width:90%;  }
.form-7-v2 td{ vertical-align:top;}
.form-7-v2 td a img{ float:left; width:24px; margin-left:5px;}
.form-7-v2 td label{ float:left; text-align:right; width:70px; padding-right:5px; line-height:25px;}

/*.time{ width:70%;}
.time tr td{ width:auto;}*/

.form-8{ padding:10px; margin:10px auto; border:1px solid #dcdddf;  border-radius:5px; width:100%;}
.form-8 td{ padding:5px 10px; width:16%; font-size:12px; vertical-align:top;}
/*.form-3 td a img{ float:left; width:24px; margin-left:5px;}*/
.form-8 td label{ width:auto; height:auto; padding-right:5px; margin:0; font-size:12px; line-height:25px; width:100%;  text-align:left;}

.review{ height:auto; padding:0; margin:0; width:100%;}
.review tr td{}
/*------------------button--------*/
/*-----------Footer-----------*/
.footer{ text-align:center; font-size:12px;/* margin-top:150px; */color:#666; padding:20px 0; border-top:1px solid #eee; 
position:absolute; bottom:0; width:100%; margin:0 auto; background:#fbfdff; }
.footer p{ padding:0 20px;}
/*.footer2{ text-align:center; font-size:12px; color:#666;  border-top:1px solid #eee;  width:1000px; margin:40px auto; background:#fbfdff; padding:0;  }*/
.footer2{ width:1000px; height:auto; padding:0; margin:40px auto;  border-top:1px solid #eee; vertical-align:bottom;
}
.footer2 p{font-size:12px; color:#666; padding:20px 20px; margin:0;}
/*------------clear--------*/
.mid-con{ width:98%; height:auto; padding:0 10px; margin:20px 0;}
 .add-btn{padding:3px 5px; /*background:url(../img/table-h-bg.jpg) repeat-x;*/ border:1px solid #acadb1; border-radius:5px; font-size:12px; color:#3c3b3a;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9e9+0,f1f1f1+46,f9f9f9+100 */
background: #e9e9e9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #e9e9e9 0%, #f1f1f1 46%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e9e9e9), color-stop(46%,#f1f1f1), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #e9e9e9 0%,#f1f1f1 46%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #e9e9e9 0%,#f1f1f1 46%,#f9f9f9 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #e9e9e9 0%,#f1f1f1 46%,#f9f9f9 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #e9e9e9 0%,#f1f1f1 46%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.add-btn:hover{ /*color:#717171; */background:#d3d3d6;} 
.add-btn span{ font-size:18px; padding:20px 5px 0 0; } 
/*--------icons----------*/
/*-------Grid view----------*/
.g-view{ width:100%;  -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
.g-view th{ border:1px solid #dbdbdb; font-size:14px; padding:5px; font-weight:normal; color:#244784; }
.g-view td{ border:1px solid #dbdbdb; border-top:none; text-align:center; padding:5px; font-size:12px; color:#000;} 
.g-view td a{ color:#000;}
.g-view2{ width:100%;  -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.g-view2 th{ border:1px solid #dbdbdb; font-size:12px; padding:5px;  font-weight:normal;  }
.g-view2 td{ border:1px solid #eee; text-align:center; padding:5px 0; font-size:11px;} 
.g-view2 td img{ width:40px; height:50px; padding:0; margin:0;}
.g-view3{ width:100%;  -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
.g-view3 th{ border-bottom:1px solid #dbdbdb; font-size:14px; padding:8px; font-weight:normal; }

.g-view3 td{ /*border:1px solid #f5f5f5;*/ border:none; text-align:center; padding:5px 0; font-size:12px; color:#000;} 
.g-view3 td img{ width:25px; height:25px; padding:0; margin:0;}
.g-view3 td a{ color:000;}
.h-bg{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f1f1f1+46,f7f7f7+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f7f7f7 0%, #f1f1f1 46%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f7f7f7), color-stop(46%,#f1f1f1), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f7f7f7 0%,#f1f1f1 46%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f7f7f7 0%,#f1f1f1 46%,#f7f7f7 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f7f7f7 0%,#f1f1f1 46%,#f7f7f7 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #f7f7f7 0%,#f1f1f1 46%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.g-view4{ width:90%;  -webkit-border-radius:4px; border-radius: 4px; border:1px solid #dbdbdb;}
.g-view4 th{ border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; font-size:14px; line-height:40px; padding:0;font-weight:bold; }
.g-view4 td{ border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;  text-align:center; padding:5px; font-size:12px; color:000;} 
.g-view4 td a{ color:000;}
/*.g-view2 td a{ color:#000;}
.g-view2 td a:hover{ color:#930093;}*/
/*---------------tooli tips--------------------*/
.tooltip {  border-style: none;
    border-color: inherit;
    border-width: medium;
    outline: none;
    text-decoration: none;  position: relative; top: 0px;
    left: 0px;
}
.tooltip strong { line-height: 30px;}
.tooltip > span { width: 200px; padding: 10px 20px; margin-top: 0; margin-left: -200px;  opacity: 0; visibility: hidden;  z-index: 10; position: absolute; font-family: Arial; font-size: 12px; font-style: normal; border-radius: 3px; box-shadow: 2px 2px 2px #999;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left; -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; transition-property: opacity, margin-top, visibility, margin-left; transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function: 
        ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

/*a.tooltip > span:hover,*/
.tooltip:hover > span { opacity: 1;    text-decoration: none; visibility: visible; overflow: visible;  margin-top:20px; display: inline;  margin-left: -200px;}
.tooltip span b {width: 10px;height: 10px;margin-left: 40px; margin-top: -19px; display: block;  position: absolute;-webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -o-transform: rotate(-45deg);   transform: rotate(-45deg);
    -webkit-box-shadow: inset -1px 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff; display: none\0/; *display: none;}    

.tooltip > span {
	color: #000000; 
	background: #FBF5E6;
	background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF);
	background: linear-gradient(top, #FBF5E6, #FFFFFF);	    
	border: 1px solid #CFB57C;	     
}    
	  
.tooltip span b {
	background: #FBF5E6;
	border-top: 1px solid #CFB57C;
	border-right: 1px solid #CFB57C;
}
/*--Home page-----------*/
.t-1{ width:350px; float:left; margin-top:20px;}
.t-1 td{ width:31%; height:auto; padding:0 0 0 5px; float:left;}
.t-1 td h1{ font-size:13px; font-weight:bold; padding:0; margin-bottom:5px;}
/*-------------*/
.todays-plist{ width:100%; background:#edf8fe; padding:0; margin:20px 0; padding:10px 0 10px 10px; border-radius:5px;}
.todays-plist h1{ color:#ae322e; padding:0; margin:0; padding:5px; font-size:18px;}
.table-2{ width:760px; padding:0 ; font-size:14px; border-top:1px solid #cce7f5; padding-top:10px;}
.table-2 td{ width:130px; padding-left:15px; }
/*---------------vertical-con-------------*/
.p-detail-con{}
.p-detail-con-left{ width:200px; height:auto; padding:0; margin:0; float:left;}
.p-detail-con-right{ width:76%; padding:10px; margin:0; float:left; background:#fff; border:1px solid #eee; border-radius:0 5px 5px 0; min-height:350px; max-height:none;}
.p-detail-con-right h1{ font-size:16px; line-height:30px; padding:0; margin:0; border-bottom:1px solid #eee; width:90%;}
/*-------------------------*/
.exam-1{ width:100%; height:auto; padding:0; margin:0;}
.exam-1 td{ width:50%; height:auto; padding:10px; margin:0;  }
.exam-1 td h2{ font-size:14px; padding:0; margin:0 0 5px 0;}
.exam-1 td span{ width:50%; height:auto; padding:0; margin:0; float:left;}
.exam-1 td span label{ float:left; padding-right:10px; line-height:25px; font-size:12px;}
.exam-1 td table td{ width:20%; padding:0; margin:0;}
/*--------------------*/
.exam-2{ width:90%; height:auto; padding:0; margin:0;}
.exam-2 td{ width:100%; height:auto; padding:5px; margin:0;  }
.exam-2 td span h2{ font-size:14px; padding-left:30%; margin:0; }
.exam-2 td label{ float:left; padding-right:10px; line-height:25px; font-size:14px; width:32%; text-align:right; width:25%;}
.exam-2 td span{ width:30%; float:left; padding:0; margin:0;}
/*---------------------------------------borer-bg----------------------------*/
.cross-border{ width:300px; height:200px; margin-left:70px; margin-top:30px;padding-top:20px;  background:url(../img/border-bg-a.png) no-repeat;}
.cross-border ul{ width:100%; height:auto; padding:0; margin:0; list-style:none;}
.cross-border ul li{  width:100%; }
.row-1{ padding:0 0 0 50px; vertical-align:central;margin-top:-40px;}
.form-5{ width:40%; padding:2px 0 2px 0; border:1px #CCC solid; font-size:12px;  font-family:'open_sansregular'; color:#616161; }
.form-5-2col{width:90%; padding:2px 0 2px 0; border:1px #CCC solid; font-size:12px;  font-family:'open_sansregular'; color:#616161; }
.row-2{ padding:35px 0 0 0; vertical-align:central; margin-left:-50px;margin-top:0px;}
.row-3{  padding:30px 0 0 50px; vertical-align:central;}
.row-4{ padding:20px 0 0 30px; vertical-align:central;margin-top:-40px;}
.row-5{ padding:50px 0 0 0; vertical-align:central; margin-left:-50px;margin-top:0px;}
.row-6{ padding:60px 0 0 30px; vertical-align:central;}
/*---------------------------------------borer-bg----------------------------*/
.cross-border-s{ width:270px; height:180px;margin-top:50px; background:url(../img/border-bg-b.png) no-repeat; background-position:center bottom; }
.cross-border-s ul{ width:100%; height:auto; padding:0; margin:0; list-style:none;}
.cross-border-s ul li{ width:100%;} 
.row-1-s{ padding:10px 0 0 36px; vertical-align:central;margin-top:-100px;  margin-left:60px;}
.row-2-s{ padding:19px 0 0 10px; vertical-align:central;margin-top:20px;}
.row-3-s{ padding:20px 0 0 36px; vertical-align:central; margin-top:7px; margin-left:60px;}
.row-4-s{ padding:30px 0 0 36px; vertical-align:central;margin-top:-100px;  margin-left:50px;}
.row-5-s{ padding:32px 0 0 10px; vertical-align:central;margin-top:20px;}
.row-6-s{ padding:50px 0 0 36px; vertical-align:central; margin-top:7px; margin-left:50px;}
.form-5-s{ width:40%; padding:2px 0 2px 0; border:1px #CCC solid;  font-size:10px;  font-family:'open_sansregular'; color:#616161; }
.form-5-2col-s{width:90%; padding:2px 0 2px 0; border:1px #CCC solid; font-size:10px; font-family:'open_sansregular'; color:#616161;  }

/*---------------------------------------borer-bg----------------------------*/
.search-1{ width:500px; margin:0 auto; padding:20px 0;}
.search-1 label	{width:19%; float:left; text-align:right; padding-right:5px; line-height:20px;}
.view-con{ width:87%; height:auto; padding:0; margin:0; float:left; padding-top:45px;}
.poto-con{ width:80px; height:100px; padding:2px; margin:0; float:right; border:1px solid #eee;}
.poto-con img{ width:100%; height:100%; padding:0; margin:0;} 


.search-2{ width:550px; margin:0 auto; padding:20px 0;}
.search-2 h2{width:19%; float:left; text-align:right; padding-right:5px; line-height:20px; font-size:12px; font-weight:normal;}

.validation
{
    margin-left:33%;padding:0;
}

.Multipledropdown
{
   
    background-color:White;
    Font-Size:Small;
    font-family:Calibri;
     color:#663344;
     border:1px solid #ccc;
     text-align:left;
     width:150px;
     padding-left:0;
     margin-left:0;
   
}
.MultipledropdownForm
{
  
  background:url(../images/arrow-dd.png) no-repeat;
   width:15px;
   height:30px;
   border:1px #ccc solid; border-left:none;
   
}
.view-h{ width:100%; line-height:30px; background:#19a1df; color:#fff; font-size:16px; padding-left:10px; margin:20px 0 0 0;}

.add-new1{  padding:0; margin:10px 0; font-size:14px; padding:5px 20px; color:#736b69; float:right; text-align:center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,fefefe+100 */
color:#fff; font-size:14px; background:#244784;
}
.add-new1 a{}
.add-new1:hover{background:#325593; color:#fff;  text-decoration:none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,d3d3d3+100 */

}
.hed{border-bottom:1px solid #eee; width:100%; }
.hed h1{ border:none; width:70%;float:left;}


.add-table{margin:0; padding:0;}
.add-table td{border:none;}

.hiddencol{display:none;}
















.popup {
    position:fixed; bottom:0; left:20px; padding:8px 15px; border:1px solid #d34349; border-bottom:none; color:#fff; font-size:14px; font-weight:bold;
    display: inline-block; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
    cursor: pointer; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
background: #e04f4d; /* Old browsers */
background: -moz-linear-gradient(top, #e04f4d 0%, #d44a48 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e04f4d 0%,#d44a48 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e04f4d 0%,#d44a48 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04f4d', endColorstr='#d44a48',GradientType=0 );
}


/* The actual popup */
.popup .popuptext {
    visibility: hidden; width: 180px; background-color: #555; color: #fff; font-weight:normal; font-size:12px; text-align: center; border-radius: 6px;
    padding: 8px 10px; position: absolute; z-index: 1; bottom: 125%; 
    left: 50%;
    margin-left: -35px;
}
.popup .popuptext ul{ margin:0; padding:0; width:170px;}
.popup .popuptext ul li{ margin:0; padding:0; line-height:25px; list-style:none; border-bottom:1px solid #7a7a7a; }
.popup .popuptext ul li:last-child{ border-bottom:none; }


/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: 10px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}