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

/* CSS Document for Project Home Builders */

/* -----------------------------------------------------------------
                          Global Reset Classes
--------------------------------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}
.font15 {
font-size:13px;
}

.icon_edit {
height:15px;
border:0;
}
.new_btns {
    margin-bottom: 10px;
    margin-right: 103px!important;
}
.icon_del {
    height:13px;
border:0;
}
.icon_del_doc {
margin-bottom:-4px;
}
.icon_del_mar {
    margin-top: 1px;
     margin-left: 2px;
}
.icon_plus {
    height: 16px;
    border: 0;
}

.btn_height {
height: 20px;
}

.abc {
    cursor: pointer;
    width: 800px;
    font-size: 12px;
}
.abc_click {
    cursor: pointer;
    width: 800px;
    font-size: 12px;
    background-color: #D3D6FF!important;
}
body
{
	background-color:white;
    /*background-image:url(../images/bg.png);*/
    background: none repeat scroll 0% 0% #D2D6DE;
	margin:0 0 0 0; font-family:Calibri;
}
.div_unds {
    background-color: PapayaWhip;
    border: thin;
    cursor: pointer;
}
.div_undss {
    cursor:pointer;
    display: none;
    background-color: Aquamarine;
}

.clearfix
{
	clear: both;
}
a
{
	outline: none;
}
#wrapper
{
	width: 82%;
	margin: 0 auto;
	background:#F0f0f0;
	padding: 4px 0 0 0;

}
.blank
{
	height: 1px;
}
.align_left
{
	float: left;
	margin: 0 10px 5px 0;
}
.left_al {
    text-align: left;
}

.align_right
{
	float: right;
	margin: 0 0 5px 10px;
}

body{
font-family:Open Sans; 
font-size:13px;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    text-align: center;
    width: 600px;
    height: 16px;
    display: normal;
    margin-left: 167px;
    padding-top: 5px;
}
.success_inner {
    vertical-align: central;
    margin-bottom: 12px;
    font-size: 18px;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}


/* -----------------------------------------------------------------
                             Header Classes
--------------------------------------------------------------------- */
.header
{
	width:82%; margin:0 auto;
}


@media (max-width: 767px) {
    #header .logo {
        float: left;
        font-size: 39px;
        height: 41px;
        margin: 10px 7px;
        width: 100%;
    }

    .contactInfo {
        float: none !important;
        margin-bottom: 0 !important;
        margin-top: -12px !important;
    }

    body {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 650px) {
    #wrapper {
    width:100%
    }
    .navigation-bg {
    width:100% !important;
    }
}

#header .logo
{ 
	float:left;
	width:241px;
	height:41px;
	margin:10px 0 10px;
}
#header .logo a
{
	display: block;
	width: 203px;
	height: auto;
	border:0;
}

.contactInfo
{
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
}
.contactInfo h4{ font-size:24px; color:#00aeef;}
.contactInfo h4 span{ font-size:18px; color:#5e5c5c; font-weight:normal;}



.contactInfo a
{
	float: right;
	font-size:15px;
	color:#5e5c5c!important;
	margin-top:6px;
	text-decoration:underline;
	margin: 0 5px;
}

.contactInfo a:hover
{
	text-decoration:none;
}



#header .contactInfo .tel
{
	text-align: right;
	font: 20px Arial, Helvetica, sans-serif;
	color: #385f73;
	margin-bottom: 9px;
}
#header .contactInfo .username
{
	/*color: #385F73;*/
	
	font: 20px Arial,Helvetica,sans-serif;
	margin-bottom: 9px;
	margin-right: 10px;
	padding-left: 120px;
	text-align: right;
    width:65%;
    margin-left: -15px;
}
#header .contactInfo .tel span
{
	font-size: 24px;
	font-weight: bold;
}
#header .contactInfo .logout
{
	font: 16px Arial, Helvetica, sans-serif;
	color: #2d2d2d;
	font-weight: bold;
	margin-left: 225px;
}
#header .contactInfo .social
{
	font: 16px Arial, Helvetica, sans-serif;
	color: #2d2d2d;
	font-weight: bold;
	margin-left: 107px;
}
#header .contactInfo .social img
{
	vertical-align: middle;
	margin: 0 0 0 8px;
}

/* ---------- Navigation ----------- */
.navigation-bg {  height: 26px;
    margin: 0 auto;
    /*width: 1012px;*/
    width:82%;   /*background:url(../images/nav-bg.jpg) repeat-x; height:34px;*/}
.navigation-bg1 {  height: 26px;
    margin: 0 auto;
    /*width: 1012px;*/
    width:100%;   /*background:url(../images/nav-bg.jpg) repeat-x; height:34px;*/}
.navi{ width:1000px; margin:0 auto;}
.navi ul{ margin:0; padding:0; float:left;}
.navi ul li{ float:left; display:inline; height:34px; font-size:13px; text-shadow:1px 1px 1px #333;}
.navi ul li a{ padding:5px 13px 6px 18px; line-height:34px; color: #fff; background:url(../images/divider.jpg) no-repeat right;}
.navi ul li a:hover{ background:url(../images/nav-hover-bg.jpg) repeat-x;}
.navi ul li.active a {background:url(../images/nav-hover-bg.jpg) repeat-x;}


.remaining{ font-size:13px; color:#fff; float:right; margin-top:6px;}

/* -----------------------------------------------------------------
                             Banner Area
--------------------------------------------------------------------- */
#bannerArea
{
	margin-bottom: 10px;
}
#bannerArea .mainbanner
{
	float: left;
	width: 719px;
	height: 259px;
}
#bannerArea .featuredBox
{
	float: right;
	width: 260px;
}
#bannerArea .featuredBox img
{
	margin-bottom: 7px;
}


/* -----------------------------------------------------------------
                           Content Part
--------------------------------------------------------------------- */
#contentPart
{
	padding-bottom: 50px;
	min-height:700px;
}

/* ---------- Three boxes on home page -------- */
#contentPart .blueBox
{
	width: 324px;
	float: left;
	margin-right: 9px;
}
#contentPart .last
{
	margin-right: 0 !important;
}
#contentPart .blueBox .top
{
	background: url(../images/box-corns.png) top;
	height: 12px;
}
#contentPart .blueBox .btm
{
	background: url(../images/box-corns.png) bottom;
	height: 12px;
}
#contentPart .blueBox .mid
{
	border-left: solid 1px #aecede;
	border-right: solid 1px #aecede;
}
#contentPart .blueBox .content
{
	border-left: solid 1px #dff3fb;
	border-right: solid 1px #dff3fb;
	background: url(../images/boxbg.png) repeat-x bottom #d4ecf8;
	padding: 0 12px;
}
#contentPart .blueBox .content img
{
	border: solid 1px #b4cdd6;
	padding: 4px;
	background-color: #ffffff;
	margin-bottom: 10px;
}
#contentPart .blueBox .content p
{
	margin: 0 0 10px 0;
	padding: 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	line-height: 18px;
}
#contentPart h2
{
	color: #4f4f4f;
	font: 20px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
#contentPart .blueBox .content p.readmore a
{
	display: block;
	background: url(../images/redmore-bg.png) no-repeat;
	width: 80px;
	height: 22px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	line-height: 22px;
}
#contentPart .blueBox .content p.readmore a:hover
{
	background: url(../images/redmore-bg2.png) no-repeat;
}

/* ------------- Left Panel ------------- */
.leftPanel
{
	float: left;
	width: 700px;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.leftPanel h1
{
	color: #383838;
	font-weight: normal;
	font: 26px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #a8cbd8;
	padding-bottom: 8px;
	line-height: 30px;
	margin: 10px 0 12px 0;
}
.leftPanel p
{
	margin-bottom: 12px;
}
.leftPanel p a
{
	color: #287482;
}
.leftPanel p a:hover
{
	text-decoration: none;
}


/* ------------- Right Panel ------------- */
.rightPanel
{
	float: right;
	width: 262px;
}

.rightPanel .rightBox
{
	margin-bottom: 15px;
}
.rightPanel .rightBox .top
{
	background: url(../images/rightbox_corns.png) top;
	height: 12px;
}
.rightPanel .rightBox .btm
{
	background: url(../images/rightbox_corns.png) bottom;
	height: 12px;
}
.rightPanel .rightBox .mid
{
	border-left: solid 1px #aecede;
	border-right: solid 1px #aecede;
}
.rightPanel .rightBox .content
{
	border-left: solid 1px #dff3fb;
	border-right: solid 1px #dff3fb;
	background: url(../images/boxbg.png) repeat-x bottom #d4ecf8;
	padding: 0 12px;
	min-height: 150px;
}
.rightPanel .rightBox .content p
{
	margin: 0 0 10px 0;
	padding: 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	line-height: 18px;
}
.rightPanel .rightBox h2
{
	color: #4f4f4f;
	font: 20px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	border-bottom: 1px solid #a8cbd8;
	padding-bottom: 8px;
}
.rightPanel .rightBox .content p.readmore a
{
	display: block;
	background: url(../images/redmore-bg.png) no-repeat;
	width: 80px;
	height: 22px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	line-height: 22px;
}
.rightPanel .rightBox .content p.readmore a:hover
{
	background: url(../images/redmore-bg2.png) no-repeat;
}

.rightPanel .textfield
{
	width: 220px;
	padding: 4px;
	border: solid 2px #A6D5E0;
}



/* -----------------------------------------------------------------
                             Footer Area
--------------------------------------------------------------------- */
#footer
{
	/*	border-top: solid 1px #89c1ce;*/
	
	padding-top: 10px;
	font: 12px Arial, Helvetica, sans-serif; /*	color: #6e959f;*/
	color: Black;
	width:100%;
	/*background:url(../images/nav-bg.jpg) repeat-x; height:22px;*/
}

#footer .links
{
	
	width: 990px;
	margin:0 auto;
}
#footer .links ul
{
	list-style-type: none;
}
#footer .links li
{
	display: inline; /*	border-left: solid 1px #6e959f;*/
	border-left: solid 1px #fff;
    width: 84px;
}
#footer .links li a
{
	/*color: #6e959f;*/
	color: #fff;
	text-decoration: none;
	padding: 0 8px 0 8px;
	display: inline;
	
}
#footer .links li:first-child
{
	border: none;
}
#footer .links li a:hover
{
	/*color: #257988;*/
	text-decoration:underline;
}

#footer .copyrights
{
	float: right;
	width: 300px;
	text-align: right;
}
.inline-c
{
    display: inline;
    }

/*                           Login Classes
--------------------------------------------------------------------- */
.login-div
{
	font-family:  Open Sans;
	font-size: 13px;
	padding: 5px 5px 5px 3px;
	width: 100%;
    margin: 0px auto 0;
    /*height:350px;*/
    /*background:#F0f0f0;*/
}
.login-div1
{
	font-family:  Open Sans;
	font-size: 13px;
	padding: 5px 5px 5px 3px;
	width: 400px;
    margin: -62px auto 0;
    /*height:350px;*/
    /*background:#F0f0f0;*/
}
.credit-div
{
	background-color: white;
	border: 1px solid #9EC79E;
	font-family:  Open Sans;
	font-size: 13px;
	margin: 30px auto 0;
	padding: 5px;
	width: 400px;
}

.login-div h1
{
	color: #4f4f4f;
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-family:  Open Sans;
	font-weight: normal;
	margin-top: 6px;
}
.form-field
{
	 background-color: #FFFFFF;
    border: 1px solid #BFBFBF;
    border-color: #d2d6de;
    color: #4F4F4F;
  
    margin-top: 0px;
    padding: 4px;
    width: 300px;
      margin-left: 0px;
}

.form-field::-moz-placeholder {
    color: #bbb;
    opacity: 1;
}
.form-field-admin
{
	background-color: #FFFFFF;
	border:1px solid #BFBFBF;
	color: #4F4F4F;
	margin-top: 3px;
	padding: 4px;
	width: 250px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif; /*color: #385f73;*/
}

.login-btn
{
	background: url(../images/login.jpg);
	width: 102;
	height: 32px;
	border: none;
	cursor: pointer;
	padding: 0 26px;
	color: #ffffff;
	font-weight: bold;
}
/* Gradient 2 */


.labletext
{
	line-height: 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif; /*color: #385f73;*/
	color: White;
	color:#000;
}

.green
{
	color: #383838;
	font: 22px/25px Arial,Helvetica,sans-serif;
	margin: 10px 1 12px 30px;
	padding-bottom: 8px;
	float: left;
}

.login-btn1
{
	background: url(../images/loginhvr.png);
	float: left;
	height: 32px;
	margin: 5px;
	float: left;
	border: none;
	cursor: pointer;
	padding: 0 26px;
	color: #ffffff;
	font-weight: bold;
}
.login-btn1:hover
{
	background: url(../images/login1.png);
	height: 32px;
	border: none;
	cursor: pointer;
	padding: 0 26px;
}
.login-btn1 a
{
	color: #ffffff;
	text-decoration: none;
	margin-top: 9px;
}
.login-btn1 a:hover
{
	border: none;
	text-decoration: none;
}

.btn-login
{
	/*height:32px; width:auto; float:left; margin:5px;*/
}

.btn-login a
{
	background: url(../images/login1.png) repeat-x;
	padding: 6px 16px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

.btn-login a:hover
{
	background: url(../images/loginhvr.png) repeat-x;
	padding: 8px 16px;
	height: 32px;
}

.buttonWrap
{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-family: "Trajan Pro" ,Georgia, "Times New Roman";
	border: 1px solid #BCD888;
	padding: 7px;
	margin: 10px 0;
	background: #EBFCCC;
}

.login-btn2
{
	background: none repeat scroll 0 0 #2881BD ;
    border: medium none;
  
    color: White;
    cursor: pointer;
    font-family: calibri;
    font-size: 19px;
    font-weight: bold;   
    padding: 5px 0;
    text-align: center;
}

.login-btn3 {
    background: none repeat scroll 0 0 #8FC800;
    border: medium none;
    border-radius: 6px 6px 6px 6px;
    color: #3A4E07 ;
    cursor: pointer;
    font-family: calibri;
    font-weight: bold;   
        text-align: center;
    height:25px;font-size:14px;width:80px;padding:0px 0;margin-left:7px;
}
.login-btn3:hover {
    background:#04B431  ;
   
    border: medium none;
    cursor: pointer;
}



.login-btn2:hover {
    
   background: Black;
   
    border: medium none;
    cursor: pointer;
   
   
}
.login-btn2 a
{
	color: #ffffff;
	text-decoration: none;
}
.login-btn2 a:hover
{
	border: none;
	text-decoration: none;
}


a.login-btn2
{
	background: url("../images/login1.png") repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	padding: 0 20px;
	text-decoration: none;
	font-weight: bold;
}

.btn-login
{
	float: right;
	margin-left: 5px;
	width: 107px;
}

.btn-login a
{
	background: url("../images/login1.png") repeat-x scroll 0 0 transparent;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	height: 26px;
	padding: 0 15px;
	text-decoration: none;
	line-height: 26px;
}
.Validation_CSS
{
	position: absolute;
}



.Logo
{
	/*color: #385F73;*/
	color: White;
	font: 22px Arial,Helvetica,sans-serif;
	
}
/*-----------------------------Autocomplete CSS Starts Here-----------------------*/
.ac_results
{
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 999999;
}
.ac_results ul
{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li
{
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block; /*   if width will be 100% horizontal scrollbar will apear   when scroll mode will be used  */ /*width: 100%;*/
	font: menu;
	font-size: 12px; /*   it is very important, if line-height not setted or setted   in relative units scroll will be broken in firefox  */
	line-height: 16px;
	overflow: hidden;
}
.ac_loading
{
	background: white url('indicator.gif') right center no-repeat;
}
.ac_odd
{
	background-color: #eee;
}
.ac_over
{
	background-color: #0A246A;
	color: white;
}
/*-----------------------------Autocomplete CSS Ends Here-----------------------*/
.submit-btnpop {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    padding: 2px;
    width: 90px;
}
 .modalBackground_adminlogin
 {
   background-color: Gray;
   filter: alpha(opacity=70);
   opacity: 0.7;
 }
 .req
 {
     color:Red;
     position:absolute;
 }     
/*--------------------------------------- ToolTip ---------------------------------*/



#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

/*--------------------------------------- End of ToolTip ---------------------------------*/

/**--Global-Classes--**/
.clearfix {
	clear:both;
}
option {
	padding-left:8px;
}
/*--form-wrapper--*/
.form-countener {
    margin: 0 auto;
    width: 990px;
}
/*--form-heading--*/
.form-heading {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 20px 0;
	text-align: center;
}
/*--main-form-box--*/
.main-form-box {
    margin: 0 auto 3px;
    /*width: 930px;*/
    width:535px;
}
.form-box {
	float:left;
	width: 527px;
}

.label {
	color: #333333;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-right: 8px;
	text-align: right;
	width: 130px;
    padding-top:4px;
}
.label2 {
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 4px 5px;
}
.form-field-box {
    background-color: #f0f0f0;
    color: #4F4F4F;
    float: left;
    width: 270px;
}
.form-field-box3 {
    background-color: #f0f0f0;
    color: #4F4F4F;
    float: left;
    width: 269px;
}
.form-field-box2 {
    background-color: #f0f0f0;
    color: #4F4F4F;
    float: left;
    width: 145px;
}

.input-field-part {
    border: 1px solid #BFBFBF;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 2px 9px 6px 5px;
    width: 250px;
}
.input-field-part2 {
    border: 1px solid #BFBFBF;
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 2px 9px 4px 5px;
    width: 95px;
}
.input-field-part3 {
    border: 1px solid #BFBFBF;
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 2px 9px 4px 5px;
    width: 85px;
}
.dropd-menu {
    border: 1px solid #BFBFBF;
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0 8px;
    padding: 2px 9px 4px 5px;
    width: 60px;
}

#ctl00_InnerBody_drpState option{
    line-height:2px
}


.error-star{
    color: #E5000B;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 116px;
}

/**--End-form--**/


.form-btn {
    float: right;
    margin-right: 155px;
    width: 620px;
}
.submit-btn {
	width:90px;
	float:left;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	padding: 2px;
	cursor:pointer;
}
.cancel-btn {
	width:90px;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	float:right;
	padding: 2px;
	cursor:pointer;
}
/* CSS Document for Project Home Builders */

/* -----------------------------------------------------------------
                          Global Reset Classes
--------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	text-decoration:none;
	list-style:none;
}
.clearfix {
	clear: both;
}
a {
	outline: none;
	color:555;
}
/* -----------------------------------------------------------------
                           documents page
--------------------------------------------------------------------- */


.top-header{   background: none repeat scroll 0 0 #FFFFFF;
   
    height: 1%;
    width: 100%;}
.document-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 927px;
}
.document-field-box {
	margin: 0 auto;
	width: 990px;
}
.document-label {
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 150px;
}
.search-field {
	border: 1px solid #BFBFBF;
	color: #4F4F4F;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 10px;
	padding: 4px;
	width: 200px;
}
.search-btn {
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 10px;
	padding: 4px 0;
	width: 88px;
	background:url(../images/login1.png) repeat-x;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.reset-btn {
	cursor:pointer;
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 4px 0;
	width: 88px;
	background:url(../images/login1.png) repeat-x;
	font-weight:bold;
	border:none;
}
.document-content {
	margin: 20px auto 0;
	width: 658px;
	border:1px solid #ccc;
}
.doc-heading {
    background: none repeat scroll 0 0 #E2E4FF;
    border-bottom: 1px solid #DADDFF;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
}
.doc-links {
   
    padding: 10px 0;
    width: 300px;
}
a.link {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.newemployee {
    margin: 0 auto;
    width: 530px;
}
.news-form-box {
    margin: 0 auto 10px;
    width: 530px;
}
  .new-employee-btn {
    background: url("../images/login1.png") repeat-x scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    padding: 4px 0;
}
.form-btn2 {
    float: right;
    margin-right: 91px;
    width: 620px;
}  

/*new login class start*/ 


.login-formated {
float:left;width:240px;
}
.login-formated1 {
float:left;width:208px;
}
.login-formated2 { margin:0 auto; width:70%;
}
.login-form-box {
    float: left;
    margin-top: 13px;
    width: 480px;
}
.login-form-part {
    margin-bottom: 30px;
    width: 480px;
}
field-box  p a{font-size:11px; float:right}
.captcha{ margin:0;}
.captcha a{ /*position:absolute;    margin-left: 300px;
    margin-top: -16px;*/}


.text-box {
    font-family: calibri,Helvetica,sans-serif;
    font-size: 18px;
    height: 20px;
    width: 240px;
	color:#fff;
}
.field-box
{
	width: 240px;
}

.login-btn-box {
    margin: 0 auto;
    margin-top:20px;
   
}
.new-account-msg {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-bottom: 13px;
}
.Message
{
    color:red;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-align:left; 
    }
    
    
    .email-div {
   background-color: white;
    margin: 30px auto 0;
    padding: 20px;
    width: 480px;
}
.enter-email {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 469px;
}

.email-field {
    margin: 20px auto 0;
    width: 215px;
}
.email-field-btn {
    display: inline-flex;
    margin: 0 auto 0 165px;
    /*width: 72px;*/
} 
    
/*new login class end*/ 

/*-------------------------admin-customer-------------------------*/


.admin-customer {
    margin: 0 auto;
    width: 990px;
}
.document-field-box-admin{
	width:800px;
	margin:0 auto;
	}
	.document-field-box-customer{
	width:990px;
	margin:0 auto;
	}
.document-field-parts{
	width:112px;
	float:left;
	}
.document-search-btn{
	width:95px;
	float:left;
	}
	.document-reset-btn{
	width:95px;
	float:left;
	margin-left:10px;
	}	
.checkbox-div{
 font-family:  Arial,Helvetica,sans-serif;
    font-size: 14px;
width:200px;
   float:left;
   margin-top:5px;
}

.btn-div
{
    	width:200px;
    	float:right;
    	margin-bottom:7px;
    }
    .customer-data{
	width:990px;
	margin:0 auto;
	}	
.search-by {
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    width: 90px;
}
/*-------------------------new Documents-------------------------*/


.new-documents {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 20px 0;
    width: 700px;
}	

.new-doc-field {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto 7px;
    width: 432px;
}
.text-labels {
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding-top: 7px;
    width: 170px;
}
.dropdown-field {
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 30px;
    width: 250px;
}
.mesg-box{
	margin: 0 auto;
    width:755px;
	color: #000000;
    font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:10px 0;
	}
	
	.new-btn-field {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto 7px;
    width: 230px;
}
.error-m
{
    color:red;
    font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
    }
    .document-content-imprints {
	margin: 20px auto 0;
	width: 780px;
	border:none;

}
/*------------------------------------------------------------------------*/
.search-btn {
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 10px;
	padding: 4px 0;
	width: 88px;
	background:url(../images/login1.png) repeat-x;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.reset-btn {
	cursor:pointer;
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 4px 0;
	width: 88px;
	background:url(../images/login1.png) repeat-x;
	font-weight:bold;
	border:none;
}

.Error-msg {
    color: #CF0000;
    font-family: trebuchet MS;
    font-size: 13px;
    margin-right:15px;
    font-weight: bold;
}
.sho-hide-div{ height:50px;}


.new-form-contact{ width:700px; padding:10px; margin:0 auto; color:#333333;}
.form-box-new{ width:600px; margin:0 auto; padding:10px;}
.form-left-part{ width:150px; float:left;
    height: 12px;
}
.form-left-part p{ margin:0;  height:12px;}
.form-right-part{ width:200px;float:left; margin-left:10px; margin-top:3px; height:20px; }
.form-right-part select{ width:305px;}
.form-right-part input{ width:300px;}
.clear{ clear:both; margin-bottom:10px;}
.textbox { font-weight:inherit; font-size:16px;  font-variant:inherit}

/* for video */
.video
{
	text-align: center;
	
	padding-left: 80px;
	text-decoration: underline;
	cursor: pointer;
}

#player1
{
 background-color:Black;
}

#content .image
{
	float: none;
	margin-top: 20px;
	width: 505px;
}
#content .banner
{
	height: 340px;
	background-image: url(../images/banner.jpg);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

#content .banner-container
{
	width: 922px;
	margin: auto;
}

.text
{
    padding-left:220px;
    color:Black;
    font-size:12px;
      
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
 .Spanavail {       float: right;margin-top: -21px;}
}



.top-bar {
    /*background: url("../images/top.png") no-repeat scroll 0 0 transparent;*/
    height: 126px;
    margin: 0 auto;
    width: 567px;
    margin-left :-13px;
}
.bottom-bar {
    /*background: url("../images/bottom.png") no-repeat scroll 0 0 transparent;*/
    height: 41px;
    margin: 0 auto;
    width: 567px;
    margin-left:-13px;


}

.mid-bar {
   /*background: url("../images/mid.png") repeat-y scroll 0 0 transparent;*/
   background:none repeat scroll 0 0 #fff;
    margin: 0 auto;
    padding: 30px 28px 40px 28px;
    width: 365px;
    margin-left:-13px;
    box-sizing:border-box;
}
.Error-msg.ac {
 margin:0px !important;}
.mid-bar h1 {
    color: Black;
    font-family: Calibri;
    font-size: 36px;
    margin: 0 auto;
    width: 44%;
    
}

.captcha  a {
    color: #FFFFFF;
}
.field-box  a {
    color: #AFAFAF;
}
.field-box  a:hover {
    color: #04B431;
}
.width75 {
width:75px;
}
.myprop_btn1 {
    width: 73px;
    height: 33px;
}
.width100 {
width:100px;
}
.tran_prop_div {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}
.tran_txtbx {
    width: 190px;
    height: 20px;
}
.drp_tran_srch {
    height: 20px;
    margin-top: 0;
    padding: 2px;
    text-align: left;
    width: 192px;
    margin-right: 5px;
}
.DropState {
    height: 30px;
    margin-top: 2px;
    text-align: left;
    border: hidden;
    width: 70px;
}
.mid-bar  div {
    color: Black;
}
.fcolor{ 
    color:#58FAF4 !important;
}
.cursor_p {
cursor:pointer;
}
.LinkButton111 {
    float: right;
    font-size: 14px;
}
.Property {
  background-color: #1566A5;
    border: 2px none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    height: 32px;
    line-height: 25px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-top: 3px;
}
.Property1 {
  background-color: #1566A5;
    border: 2px none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    height: 32px;
    line-height: 25px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-top: 3px;
}
.Property_inside {

     background-color: #dce6f5;
    height: 50px;
     font-size: 20px;
    font-style: italic;
    padding-left: 20px;
    padding-top: 23px;
    display:none;
    font-weight: bold;
}
.Property_font {
font-style:Italic;font-size:16px;
}
.txtaddress {
    width: 170px;
    margin-left: 3px;
    margin-right: 3px;
    height: 20px;
}
.txtcity {
    width: 160px;
    margin-left: 3px;
    margin-right: 3px;
    height: 20px;
}
.txtcounty {
    width: 160px;
    margin-left: 3px;
    margin-right: 3px;
    height: 20px;
}
.drpscoop {
    width: 70px;
    margin-left: 3px;
    height: 22px;
    margin-bottom: 5px;
    padding-top: 2px;
}
.new_property_btn {
    width: 115px;
    float: right;
    height: 20px;
    padding-top: 5px;
    margin-right: 13px;
}

td {
    vertical-align: top;
}

.innerdocdiv {
    margin-top: -15px;
    margin-left: 22px;
    padding-bottom: 3px;
}

.alter_doc:nth-child(odd)   { background-color:#FAF6D1; }

.alter_doc:nth-child(even)  { background-color:#D1DFF1; }

.only {
    color:#0077cc;
    text-decoration: underline;
}
.only:link {
    text-decoration: none;
}
.only:visited {
    text-decoration: none;
}
.only:active  {
    text-decoration: none;
}
.only:hover {
    text-decoration: underline;
    color: red;
}
.new_property_btn_ser {
        float: right;
    height: 25px;
    margin-left: 27%;
    margin-right: 12%;
    width: 115px;
}
.floaf_left {
float:left;
}
.new_unds {
    background-color: #ffffff;
    padding-top: 8px;
    padding-bottom: 10px;
    min-height:100px
}
.new_unds_divs {
    width: 898px;
    margin-left: 100px;
}

.new_property_anchor {
    color: #3A4E07;
}
.reset_btn_pro {
    float: right;
    width: 67px;
    padding-top: 4px;
    margin-right: 7px;
    height: 20px;
}
.search_btn_pro {
    margin-right: 10px;
    float: right;
    padding-top: 4px;
    margin-bottom: 4px;
    height: 20px;
}
.error-msg1
{
	overflow: hidden;
	margin-bottom: 10px;
}
.error-msg1 ul
{
	margin: 0;
	background: #FBC4B1;
	padding: 10px;
	float: left;
	width: 95%;
	border: 1px solid #cf0000; 
}
.error-msg1 ul li
{
	list-style: none;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	font-size: 11px;
    color:Red;
}
.error-msg2 {
    overflow: hidden;
	margin-bottom: 10px;
	margin: 0;
	background: #FBC4B1;
	padding: 10px;
	float: left;
	width: 95%;
	border: 1px solid #cf0000; 
	list-style: none;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	font-size: 11px;
    color:Red;
}
und_divs {
    background-color: #dce6f5;
    padding-top: 8px;
    padding-bottom: 10px;
}
.abc123 {
  margin: 16px auto 0;
    text-align: left;
    width: 89%;
}
 .abc123 .labletext {
line-height:20px;}
.new-trans-wrap {
 width:860px;margin:0 auto;}
.new-tarns-form {
margin: 16px auto 0;
width: 100%;
}
.new-form-lable {
width: 97px;
display: block;
float: left;
text-align: right;
}
.new-trans-wrap .form-field {
float:left;}
.red-clr{
    color: red;
font-size: 17px;
float: left;
margin-right: 32px;
}
#closingMoney {
margin-top: 10px;
width: 100%;
display: block;
float: left;
}
#closing {
    margin-top:-5px;
width: 100%;
display: block;
float: left;
}
#spanIDNum {
width: 100%;
display: block;
float: left;
margin-top: 30px;
}
.trans-data-div {
float: left;
margin-bottom: 13px;
}
.trans-data-div-lable {
float: left;
margin: 7px 0 0 3px;
}
.new-trans-wrap .Error-msg{color: #CF0000;
font-family: trebuchet MS;
font-size: 15px;
margin-right: 15px;
font-weight: bold;
float: left;
width: 84%;
}
.New-trans-buuton {
display: table;
width: 82%;

padding-top: 20px;
}

.Heading-div {
    text-align: center;
     font-size: 17px;
}
.new-prop-form {
margin-top:10px;
}
.prop-data-div {
  float:left;
  margin-right: 4px;
}
.prop-marg1 {
margin-left:40px;
}
.prop-marg2 {
margin-left:14px;
}
.marginl5 {
margin-left:5px;
}
.marginl2 {
margin-left:2px;
}
.prop-data-div-label {
    float:left;
    margin:6px 0 0 22px;
}
.Address {
    margin: 0 0 0 136px;
}
.Address_new {
    margin: 0 0 0 49px;
}
.Address_lease {
    margin: 0 0 0 93px;
}
.Address_lease2 {
    margin: 0 0 0 104px;
}
.lineHeight {
    line-height:20px;
}
.Aligned {
     margin: 6px 0 0 27px;
}
.align_center {
text-align:center;
}
.InlineHeading {
   font-size: 15px;
font-weight: bold;
margin: 15px 0 6px 136px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}
body.loading {
    overflow: hidden;   
}
body.loading .modal {
    display: block;
}
.chk_eml_box {
    background-color: white;
    max-height: 125px;
    overflow-y: scroll;
    width: 400px;
    border-style: solid;
    border-width: 1px;
}
.chk_eml_box_pop {
    background-color: white;
    max-height: 125px;
    overflow-y: scroll;
    max-width: 210px;
    border-style: solid;
    border-width: 1px;
}
.note_sec_div {
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    padding-left: 30px;
    max-width: 700px;
    margin-top: 4px;
}

.marginr_5 {
margin-right:5px;
}

.margint_2 {
margin-top:2px;
}

.font_11 {
font-size:11px;
}

.marginbtm_5 {
width: 70%;
}
.newnote_div {
    margin-left: 13%;
    text-align: left;
}
.notepad_div {
    padding-left: 10px;
}

 .Dataset {
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    padding: 3px;   

 }

 .btn.btn-flat {
    border-radius: 0;
    border-width: 1px;
    box-shadow: none;
}

.btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
}
.btn-block {
    display: block;
    width: 100%;
}
*::after, *::before {
    box-sizing: border-box;
}
.btn.btn-flat {
    border-radius: 0;
    border-width: 1px;
    box-shadow: none;
}
.btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-primary {
    color: #fff;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

}
button, input, select, textarea {
    font-family: inherit;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #367fa9;
}

.form-field:focus {
    border-color: #3c8dbc !important;
    box-shadow: none;
}
.login-btn-box { text-align:center;
}
.text-center {
    margin-left: 49px;
}
.link {
    margin-top: 15px;
       
}
.link1 {
    margin-top: 15px;
       margin-left: 20px;
}
.aa
{
    margin-left:-115px ! important;
}
.row
{
    padding:10px
}
#error
{
    padding:5px;
}
.Success {
    color: green;
    font-family: trebuchet MS;
    font-size: 13px;
    margin-right:15px;
    font-weight: bold;
}
.ab
{
    margin-left:-160px;
}

.Button1
{
     float: left;
    width: 25%;
    
}
.Button2
{
    width: 50%;
}
.MainButton
{
    margin-left:150px;
}
#tabs {
background:#ebeaea; margin: 78px 70px 28px 70px; border:none; position:relative;}
.ui-widget-header {
 background:none; border:none;}
.ui-tabs-nav {
  position:absolute; top:-40px;}
.ui-tabs .ui-tabs-panel {
 background:#fff;}
.ui-tabs .ui-tabs-nav {
 padding:0;}
.ui-tabs-anchor {
  padding: 10px 14px !important;
}
#InnerBody_btnsubmit,#InnerBody_Button1 {
 display:inline-block; width:auto; padding:8px 20px; text-align:center; margin-top:0; }
.field-box1 {
text-align:center; /*padding-bottom:20px;*/}
.field-box1 label {display: block;font-weight: normal;}
#InnerBody_txtTablename {
display:inline-block; width:80%; margin-bottom:0;}
.fcolor1 { display:block;}
.error-message {
 color:red; text-align:center;}

#InnerBody_d1 {
 display:inline-block;}
    #InnerBody_d1 table {
     float:left; width:100%; border-color:#ddd;}
table td {
 border-color:#ddd;}
table td {
 padding:5px;}
.contactInfo > label {
  display: inline-block; color:#2881bd ; padding-right:10px;
}
input[type="text"] { box-shadow:none;
}
#InnerBody_d1 select,#InnerBody_d1 input[type="text"] {
 margin:5px 5px 5px 5px; -webkit-transition: width 2s, height 4s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;}
#InnerBody_d1 td { text-align:left;}
    #InnerBody_d1 td.auto-style1 {
    text-align:center;  vertical-align: middle;}
.outer-error {
 padding-top:5px;}
.form-field:focus {
 border-color:red !important;}
#InnerBody_d1 tr:first-child {
background:#ccc;}
.Adress-listing ul {
 list-style:circle;}
.Adress-listing ol {
 margin:0;}
   .Adress-listing ol li ul li {
  float:left; width:100%; font-size:13px; padding:2px 0; list-style-type:none; font-weight:normal;}
   .Adress-listing ol li ul li:before { content:"-"; list-style:inherit;
   
    font-weight: bold;
    margin-right: 0px;
    float: left;
    width: 10px;
    }
.Adress-listing h6 {
 margin:0; padding:2px 0 0 0 ;}
.Adress-listing {
 margin-bottom:10px; background:#ebeaea; padding:10px 20px; text-align:left; overflow:hidden;}
.white-bg {
 background:#fff; text-align:center; padding-bottom:15px;}
input#InnerBody_btnMatchAddresses {
 width:auto;}
#tabhead li a {
 font-size:13px;}
#tabhead li a:hover {
 background:#dadada;}
.contactInfo label {
font-weight:normal;}
.login-formated2 input[type="submit"],#InnerBody_d1 .auto-style1 input[type="submit"]{text-transform:capitalize; padding:7px 16px !important; font-size:14px;
background:#2881BD;}
.login-formated2 input[type="submit"]:hover{
background:#000; }
input[type="submit"].resetbutton { padding:11px 25px !important;
}
.Adress-listing ol {
 }
    .Adress-listing ol li {
        margin-left: 35px;
        list-style-type: decimal; float:left; 
    }
#InnerBody_d1 select,#InnerBody_d1 input[type="text"] {
 width:220px;}
.error-message label,label { font-weight:normal !important;
}
@media only screen and (max-width: 864px) {

    #InnerBody_txtTablename {
    width:68%; margin-bottom:0;}
    .Adress-listing ol li ul li {
     width:auto;}
    .Adress-listing ol li {
     margin-left:5px;}
   
}
@media only screen and (max-width: 517px) {

    #InnerBody_txtTablename {
   }
    #tabs {
     margin:78px 20px 28px;}
   
}
@media only screen and (max-width: 408px) { #InnerBody_txtTablename { margin-bottom:10px;
   }
}