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


html, body, div, span, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, fieldset, form, label, legend, img{margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align: baseline; background: transparent; }
span.clear{clear:both;}
.clear{clear:both;}
.left{float:left}
.right{float:right}
.display{display:none;}


body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background:#f3f3f3; }

a{margin:0px; padding:0px; border:none;}
img {padding:0px; margin:0px; }
h1 { margin:0px; padding:0px; font-weight:normal; }
h2 { margin:0px; padding:0px; font-weight:normal; }
h3 { margin:0px; padding:0px; font-weight:normal; }
h4 { margin:0px; padding:0px; font-weight:normal; }
h5 { margin:0px; font-weight:normal; padding:0px; }
h6 { margin:0px; padding:0px; font-weight:normal; }

h3 { font-size: 1em; font-weight: bold; }

p { font-size: 10pt; }

/* =============== Here start main container =================== */

#wrapper { width:996px; margin:auto; clear:both;  height:113px; }
#main_top { width:980px; float:left; height:221px; background:url(../../images/demobanner.jpg) 0 0 no-repeat; margin-left:7px; }
#main_top .logo{ width:auto; float:left; padding:12px 0 0 19px; height:113px; color: #000000; font-weight: bold; font-size: 2em; }
#main_top .left_area { float:left; width:400px; margin:21px 0 0 21px; }
#main_top .right_area{ float:right; width:400px; margin:21px 11px 0 0; }
.cont_txt{ width:347px; float:left; text-align:right; }
.email_txt{ width:347px; float:left; text-align:right; font-size:14px; color:#FFF; padding:8px 0 0 0px; }
.email_txt a{ font-size:14px; color:#FFF; text-decoration:none; }
.email_txt a:hover{ font-size:14px; color:#FFF; text-decoration:none; }


.headtext{ width:100%; text-align:left; font-size:1.1em; color:#fff; font-weight:bold; }
.headLogintext{ width:100%;text-align:left; font-size:0.8em; font-weight:bold; color:#fff; }

.topMenuContainer { text-align:right; font-size:13px; font-weight:bold; }
.topMenuContainer a { color:#fff; text-decoration:none; margin-right:24px; }
.topMenuContainer a:hover { color:#fff; text-decoration:underline; }
.topMenuContainer a:visited { color:#fff; text-decoration:none; }

.topMenuLeft { float:left; width:6px; height:41px; background:url('../../images/topmenu_left.png') 0 0 no-repeat; }
.topMenuRight { float:right; width:6px; height:41px; background:url('../../images/topmenu_right.png') 0 0 no-repeat; }

/*
.topMenuItems { height:31px; margin: 0 6px 0 6px; padding: 5px 1em 5px 1em; vertical-align:middle; background: url('../../images/topmenu_bg.png') 0 0 repeat-x; }
.topMenuItems ul { margin:0; padding:0; height:31px;}
.topMenuItems li { float:left; list-style:none; line-height:31px; color:#223968; border-left:1px Solid #d6d6d6; }
.topMenuItems li:last-child { border-right:1px Solid #ededed; }
.topMenuItems li a { display:block; padding:0 0.8em 0 0.8em; font-family:verdana; font-size:0.7em; font-weight:bold; color:#3f3f3f; text-decoration:none; }
.topMenuItems li a:hover { background-color:#223968; color:#ffffff; text-decoration:none; }
.topMenuItems li img { width:18px;height:18px;margin:-5px 1em 0 0;vertical-align:middle; }
*/

.menu{ width:auto; float:left; background:url(../../images/menu_bg.png) 0 0 no-repeat; height:41px; margin:14px 0 0 0px; }
.menu ul{ margin:1px 0 0 8px; padding:0px; }
.menu li{ margin:0px; padding:0px; float:left; list-style:none; font-size:17px; color:#223968; list-style:none; text-transform:uppercase; letter-spacing:-0.07px; }
.menu li a{ margin:0px; padding:13px 7px 9px 7px; list-style:none; font-size:17px; color:#223968; text-decoration:none; display:block; }
.menu li a:hover{ margin:0px; padding:13px 7px 9px 7px; list-style:none; font-size:17px; color:#fff; text-decoration:none; background:red; }


#main_mid { width:996px; float:left; }
#main_mid .mid_top { width:996px; float:left; background:url(../../images/curve_top.png) 0 0 no-repeat; height:18px; }
#main_mid .mid_bot { width:996px; float:left; background:url(../../images/curve_bot.png) 0 0 no-repeat; height:18px; }
#main_mid .mid_bg { width:996px; float:left; background:url(../../images/curve_bg.png) 0 0 repeat-y; }
.mid_inner { width:980px; float:left; margin:0 0 0 8px; padding-bottom: 3em;  }

#mid_left { width:240px; float:left; margin:0 0 0 9px; }

#left_nav { width:240px; float:left; }
#left_nav .heading{ float:left; z-index:500; position:relative; width:239px; height:36px; background-color:#223968; }
#left_nav .heading h2 { width:217px; float:left; background:url(../../images/arrow.png) 7px 14px no-repeat; font-size:0.8em; font-weight:bold; color:#FFF; text-transform:uppercase; padding:10px 0 0 23px; }

#left_nav ul{ width:235px;  margin:-3px 0 0 1px; padding:0px; border:1px solid #c6c5c5; float:left; z-index:100px; }
#left_nav li{ width:235px;  margin:0px; padding:0px; background:url(../../images/bullet.png) 7px 13px no-repeat; list-style:none;  border-top:1px solid #c6c5c5; float:left; color:#444444; }
#left_nav li a{ margin:0; padding:10px 0 7px 22px; font-size:0.75em; color:#444444; text-decoration:none; display:block; }
#left_nav li a:hover{ background:#f1f1f1 url(../../images/bullet.png) 9px 13px no-repeat; }

.login_area_container  
{
    float:left;
    margin-left:10px;
}

#login_area  
{
    float:left;
    width:224px;
    margin: 19px 0 0 0px;
    background-image:none;
    background-color:#223968;
    border: 1px solid #9b9b9b;
    text-align: center;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}
#login_area .heading { width:240px; float:left; background:url(../../images/lg_bg_a.png) 0 0 no-repeat; height:52px; margin:-19px 0 0 0px; }
#login_area .heading span{ float:left; background:url(../../images/lg_bg_b.png) right top no-repeat; height:52px; margin:0 0 0 1px; font-size:23px; color:#666666; padding:11px 18px 0 18px; text-transform:uppercase; }
#login_area .form_area{ width:197px; float:left; margin:0 13px 0 13px; }
#login_area .form_field_box{ width:207px; float:left; background:url(../../images/field_bg.png) 0 0 no-repeat; height:38px; padding:0 0 6px 0px; }
#login_area .form_field_box input{ width:190px; float:left; margin:4px 0 0 11px; background:transparent; border:none; height:29px; font-size:14px; color:#666666; line-height:28px;  }
#login_area .form_button_area { display: inline-block; width: 100%; margin: 1em 0; text-align: right; }
/*#login_area .form_button_area .button{ width:auto; float:left;  }*/
#login_area .form_button_area .button{ width:auto; color:#223968; font-weight:bold; float:left; border:#8aba01 solid 1px; background:#e6ebee; width:75px; height:30px; text-align:center; -moz-border-radius:7px; border-radius:7px; text-transform:uppercase; margin-left:2px; font-size:18px; }
#login_area .forgot { float: right; padding: 0 1em 0 0; }
#login_area .forgot a { font-size: 0.7em; }
#login_area .forgot a:link, 
#login_area .forgot a:visited, 
#login_area .forgot a:active { color: #fff; font-weight: bold; text-decoration: underline; }
#login_area .forgot a:hover { text-decoration: none; }
#login_area .fieldBg { width:100%;height:2em; margin:0.2em 0; background-color:#fff; }
#login_area input[type="text"], #login_area input[type="password"] { width:95%; height:2em; line-height:1.9em; border: none; }
#login_area input[type="submit"] 
{
    float: right;
    border: none;
    height: 2em;
}
#login_area .validation_container
{
    width:190px;
    text-align:right;
}
#login_area .field-validation-error 
{
    margin: 0;
    color: #FF566A;
    font-weight: bold;
    font-size: 0.9em;
}

.leftgallery_area_container  
{
    float:left;
    margin-left:10px;
}

#leftgallery_area  
{
    float:left;
    width:224px;
    margin: 19px 0 0 0px;
    background-image:none;
    background-color:#223968;
    border: 1px solid #9b9b9b;
    text-align: left;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}
#leftgallery_area .heading { width:240px; float:left; background:url(../../images/lg_bg_a.png) 0 0 no-repeat; height:52px; margin:-19px 0 0 0px; }
#leftgallery_area .heading span{ float:left; background:url(../../images/lg_bg_b.png) right top no-repeat; height:52px; margin:0 0 0 1px; font-size:23px; color:#666666; padding:11px 18px 0 18px; text-transform:uppercase; }
#leftgallery_area .form_area{ width:250px; float:left; margin:0; }

.watermark { color: #999; }

#gallery_area { width:240px; float:left; margin:32px 0 0 0px; background:url(../../images/login_bg.png) top right no-repeat; height:184px; }
#gallery_area .heading { width:240px; float:left; background:url(../../images/lg_bg_a.png) 0 0 no-repeat; height:52px; margin:-19px 0 0 0px; }
#gallery_area .heading span{ float:left; background:url(../../images/lg_bg_b.png) right top no-repeat; height:52px; margin:0 0 0 1px; font-size:23px; color:#666666; padding:11px 18px 0 18px; text-transform:uppercase; }

.gallery_box { width:194px; float:left; margin:0 0 0 21px; padding:6px; background:#FFF; }

#mid_right { width:709px; float:left; margin:0 0 0 0; }
.header { width:709px; float:left; background:url(../../images/header_bg.png) bottom center no-repeat; padding:0 0 25px 0px; }
.header_box { width:707px; float:left; border:1px solid #c6c5c5; padding:6px 0 7px 0px; }
.header_box .larger_pick{ width:701px; float:left; padding:0px 0 0px 6px; }
.header_box .thumb_area{ width:707px; float:left; padding:7px 0 0px 0px; }
.thumb_box{ width:90px; float:left; border:1px solid #c6c5c5; padding:1px; margin:0 0 0 6px; }

.main_txt_area { width:709px; float:left; padding:0 0 0 0px; }
.main_txt_area legend { border:none; padding:0px 0px 5px 0px; color:#223968; font-weight:bold; }

/*.main_txt_area h2{ width:709px; float:left; font-size:21px; color:#223968; text-transform:uppercase; }*/
.main_txt_area h2{  font-size:21px; color:#223968; text-transform:uppercase; padding: 0.3em 0 1em 0; }
.main_txt_area p{ width:709px; float:left; font-size:14px; color:#666; line-height:21px; padding:10px 0 15px 0px; margin:0px; }


#footer { width:996px; float:left; padding:15px 0 20px 0px; }
#footer_nav { width:600px; float:left; }
#footer_nav ul{ margin:0 0 0 4px; padding:0px; }
#footer_nav li{ float:left; margin:0 0px 0 6px; padding:0px; list-style:none; font-size:13px; color:#666; }
#footer_nav li a{ margin:0px; padding:0 6px 0 0px; font-size:13px; color:#666; text-decoration:none; }
#footer_nav li a:hover{ margin:0px; padding:0 6px 0 0px; font-size:13px; color:#666; text-decoration:underline; }

#footer_copy_txt { width:300px; float:right; padding:0 20px 0 0px; font-size:13px; color:#666; text-align:right; }



	.requestBox { float: left;
    width: 680px;
    margin: 0 10px 0 10px;
    border: #C6C5C5 solid 1px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 16px;
    padding: 0.33em 0.8em 2em 0.8em;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px; }
    
    .requestBox fieldset{ border:none;}
	.requestBox fieldset legend {  padding: 0.5em 0.5em;
    color: #223968;
    text-transform: uppercase;
    padding: 0.3em 0 1em 0;
    font-size: 1.2em;
    text-decoration: normal; border:none; }
	.requestBox .inquiry { padding:0px 0px 8px 0px; width:100%; overflow:hidden; float:left; }
	.requestBox label { width:170px; overflow:hidden; float:left; display: inline-block;
    font: normal normal bold 10pt Arial;
    color: #333;
    padding-top: 2px; text-transform:capitalize; }
	
	.requestBox .inquiry .successmsg{ float:left; display: inline-block;font: normal normal bold 10pt Arial; color: green; padding-bottom:5px; }
	.requestBox .inquiry .fieldBg { width:200px; height:22px; float:left; } 
	.requestBox .inquiry .fileBg { width:250px; float:left; border:#9AB7D4 sloid 1px; }
	.requestBox .inquiry input[type="text"], 
	.requestBox .inquiry input[type="password"]
	    { width:200px; height:22px; float:left; padding:0.1em 0.3em; } 
	
    .field-validation-error{color:#FF0000; padding-bottom:0.1em; overflow:hidden; float:left; display: inline-block; font: normal normal bold 10pt Arial;}
    .field-validation-success{color:#4dcd00; padding-bottom:0.1em; overflow:hidden; float:left; display: inline-block; font: normal normal bold 10pt Arial;}
	.asterisk{color:#FF0000;font:normal bold 10pt Arial;margin-left:-20px; }
	
	
	.contentForm 
	{
	    float: left;
        width: 680px;
        margin: 0 10px 0 10px;
        font-size: 16px;
        padding: 0.33em 0.8em 2em 0.8em;
    }
	.contentForm fieldset
	{
	    padding: 0.5em 0.5em;
        color: #223968;
        text-transform: uppercase;
        padding: 0.3em 0 1em 0;
        font-size: 1.2em;
        text-decoration: normal; border:none;
    }
	.contentForm .inquiry 
	{
	    float:left;
	    width:100%;
	    padding:0px 0px 8px 0px;
	    overflow:hidden;
	}
	.contentForm label 
	{
	    float:left;
	    width:8em;
	    overflow:hidden;
	    display: inline-block;
	    text-align: right;
        font: normal normal bold 10pt Arial;
        color: #333;
        padding: 0.5em 1em 0 0;
        text-transform:capitalize;
    }
    .contentForm .inquiry .fieldBg { width:170px; float:left; } 
	.contentForm .inquiry .fileBg { width:250px; float:left; border:#9AB7D4 sloid 1px; }
	
	
	
	
	
	/* ### grid box ### */
	.view_table_box{width:675px; float:left; margin-top:20px; }
	.view_table_top_sec{width:675px; float:left; background:url(../../images/view_top_bg.png) no-repeat; height:31px; line-height:31px;}
	.view_table_top_center{width:673px; float:left;  border:#c8c8c8 solid 1px;   border-bottom:none;}
	.view_table_top_bottom{width:675px; float:left; height:5px; background:url(../../images/view_curve_img.jpg) left bottom no-repeat; border-bottom:none;}
	.view_status{width:170px; float:left; color:#ffffff; font-size:14px; text-align:center;}
	.view_client{width:170px; float:left; color:#ffffff; text-align:center; font-size:13px;}
	.view_login{width:170px; float:left; color:#ffffff; text-align:center; font-size:13px; }
	.view_location{width:160px; float:left; color:#ffffff; font-size:14px; text-align:center; }
	.view_delete a { float:left; margin-right:8px; }
	.view_table_top_center ul{padding:0px; margin:0px;}
	.view_table_top_center li{padding:0px; margin:0px; list-style:none; float:left; padding:7px 0 7px 0px; width:673px;}
	.view_table_top_center li .view_client{width:170px; float:left; color:#0066ff; font-size:13px; color:#000; }
	.view_table_top_center li .view_login{width:170px; float:left; color:#0066ff; font-size:13px; color:#000; }
	.view_table_top_center li .view_location{width:170px; float:left; color:#444444; font-size:13px; color:#000; }
	.view_table_top_center li .view_delete{width:110px; float:left; color:#444444; font-size:13px; padding-left:50px; }
	.view_table_top_center li.sec{padding:0px; margin:0px; list-style:none; float:left; padding:7px 0 7px 0px; background:#f1f1f1;}


.glossymenu{
margin: 0px 0 0px  0px;
padding: 0;
width: 235px; /*width of menu*/
border-bottom-width: 0;
z-index:-1000000000;
}

.glossymenu a.menuitem{
    display: block;
    color:#ffffff;
    width:213px;
    padding-left: 10px;
    text-decoration: none;
    z-index:-100000000000000;
}
.menuitem a:hover { color:#000000 !important; }

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#ffffff;
z-index:-1000000000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
z-index:-100000000000;
}

.glossymenu a.menuitem:hover{  color:##444444 !important;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
z-index:-1000000000;
}





.glossymenu div.submenu ul li a{
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em; 
color:##444444; 
text-decoration: none;


}

.glossymenu div.submenu ul li a:hover{

color:#444444;
z-index:-1;
}

.glossymenu div.submenu ul li a.active_content{
color:##444444;
text-decoration:underline;
font-size:13px;
z-index:-1;
}



/* Styles for validation helpers
----------------------------------------------------------- by Developer2  */
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.fileBg { width:250px; float:left; border:#9AB7D4 sloid 1px; }

/**************** Standared button for submit and cancle**************/

.standardBtnContainer
{
 width: 100%; 
 margin: 0.3em 0em 0em 10.6em; 
 text-align: left;   
}
.standardSubmitButton
{
    width: auto;
    cursor: pointer;
    padding: 0.33em 1em;
    
    border: #9AB7D4 solid 1px;
    text-align: center;
    font-size: 0.8em;
    color: #223968;
    font-weight: bold;
    
    background: #fff;
    
    /* CSS3 Styling */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d2d5d8'); /* for IE */
    background: linear-gradient(#fefefe, #d2d5d8);
    background: -o-linear-gradient(#fefefe, #d2d5d8);
    background: -moz-linear-gradient(bottom, #fefefe, #d2d5d8 50%, #d2d5d8 50%, #fefefe);
    background: -webkit-gradient(linear, left bottom, left top, from(#fefefe), to(#fefefe), color-stop(0.5, #d2d5d8), color-stop(0.5, #d2d5d8));
    background: -ms-linear-gradient(#fefefe, #d2d5d8);
    
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    
    /* Text Styling */
    color: #223968;
}

.standardSubmitButton:hover
{
    color: #379bba;
    border: #d2d5d8 solid 1px;
}
/*******************************/

.buttonsearch{ width:auto; color:#223968; font-weight:bold; float:left; cursor:pointer; border:#9AB7D4 solid 1px; background:#F1F3DB;  height:30px; text-align:center; -moz-border-radius:7px; border-radius:7px;  margin:8px 0px 0px 171px; font-size:16px; }

.buttodoc{color:#223968; font-weight:bold; cursor:pointer; border:#9AB7D4 solid 1px; background:#F1F3DB;  height:30px; text-align:center; -moz-border-radius:7px; border-radius:7px;  margin-left:2px; font-size:16px; }
.grid{ width:705px; float:right; margin:0 7px 0 0px;}

    .profilebox { }
	.profilebox .top { }
	.profilebox .bottom { }
	.profilebox fieldset { border:none; }
	.profilebox .inquiry { padding:0px 0px 8px 0px; width:100%; overflow:hidden; float:left; }
	.profilebox label { width:110px; padding-top: 3px; overflow:hidden; float:left; font-size:0.86em; color:#333333; font-weight: bold; }
	.profilebox .labelval { width:40px; overflow:hidden; float:left; font-size:14px; padding-right:35px; padding-bottom:5px; color:#333333; }
	.profilebox .inquiry .fieldBg { width:165px; float:left; margin-right:25px; padding-top:0px; border:#9AB7D4 solid 1px;  border-radius:4px; } 
	.profilebox .inquiry .field { background-color: transparent; border:#9AB7D4 solid 1px; border-radius:4px; width:165px; height:17px; padding:2px; font-size:14px; color:#333333; border:none; float:left; } 
	.profilebox .textBg { width:270px; height:81px; background:url(../../images/textarea-bg.gif) no-repeat; float:left;}
	.profilebox textarea { width:260px; height:71px; padding:5px; background-color:transparent; font-size:14px; resize:none; color:#333333; border:none; float:left; }
	.profilebox span { display:block; font-size:14px; padding-left:200px; color:#223968; }
	.profilebox .button { width:61px; clear:both; height:33px; margin:0px 0px 0px 170px; color:#223968; cursor:pointer; float:right; border:#9AB7D4 solid 1px; background:#F1F3DB; -moz-border-radius:7px; border-radius:7px; }
	.profilebox .radio { margin-right:4px; }
	.profilebox .box { margin-right:4px; }

.fieldBg {
width: 165px;
float: left;
margin-right: 25px;
padding-top: 0px;
border: #9AB7D4 solid 1px;
border-radius: 4px;
}
.fieldBg input:focus[type="text"], .fieldBg input:focus[type="password"] { border: none; outline: none; }
.field 
{
    background-color: transparent;
    border: none;
    padding: 2px 2px;
}

.dxtcLite .dxtc-tab 
{
    background-color: #e8eff2;
}

.gridUCButtons 
{
    margin: 0 1em;
}

.helpText
{
    font-size: 0.8em;
    font-weight: bold;
    color: #2d2d2d;
    border: 1px Solid #223968;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1em 1em;
    background-color: #F7FDFF;
}

.dxgvEditFormCaption_NexusBlue1 
{
    width:5em;
}

.dxgvTable_NexusBlue1 tbody tr td { word-break: break-all; word-wrap: break-word;}

.dxTextbox input[type="text"] { padding-left:0; padding-right:0;height:16px !important; }

/************************************** STANDARD (BASE) STYLES **************************************/

.standardButton
{
    width: auto;
    cursor: pointer;
    padding: 0.33em 0 0.33em 0;
    
    border: #9AB7D4 solid 1px;
    text-align: center;
    font-size: 0.8em;
    color: #223968;
    font-weight: bold;
    
    background: #fff;
    
    /* CSS3 Styling */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d2d5d8'); /* for IE */
    background: linear-gradient(#fefefe, #d2d5d8);
    background: -o-linear-gradient(#fefefe, #d2d5d8);
    background: -moz-linear-gradient(bottom, #fefefe, #d2d5d8 50%, #d2d5d8 50%, #fefefe);
    background: -webkit-gradient(linear, left bottom, left top, from(#fefefe), to(#fefefe), color-stop(0.5, #d2d5d8), color-stop(0.5, #d2d5d8));
    background: -ms-linear-gradient(#fefefe, #d2d5d8);
    
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    
    /* Text Styling */
    color: #223968;
}

.standardButton:hover
{
    color: #379bba;
    border: #d2d5d8 solid 1px;
}

.standardDropdown
{
    border: #9AB7D4 solid 1px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

.contentRegion 
{
    float: left;
    width: 680px;
    margin: 0 10px 0 10px;
    border: #C6C5C5 solid 1px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 16px;
    padding: 0.33em 0.8em 1em 0.8em;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}
.contentRegion > fieldset legend 
{
    padding: 0.5em 0.5em;
    color: #223968;
    text-transform: uppercase;
    padding: 0.3em 0 1em 0;
    font-size: 1.2em;
    text-decoration: normal;
}
.contentRegion > fieldset legend img { margin-right:0.3em; vertical-align:middle; }
fieldset .fsHeader { width:100%;height:3em; }

.formContainer 
{
    padding: 0 1em;
}
.formContainer .title 
{
    display: inline-block;
    margin: 0 0 0.25em 0;
    font-weight: bold;
    font-size: 0.9em;
    text-decoration: underline;
}
.formSet 
{
    margin: 0.7em 0 0.7em 0;
    font-size: 0;
    font-size: 0.8em !important;
}
.formSet label 
{
    float: left;
    width: 8em;
    display: inline-block;
    padding-top: 0.3em;
    font-weight: bold;
    color: #333;
}
.formSet .valueField
{
    float: left;
    width: 10em;
    padding-top: 0.45em;
}
.formSet .inputField
{
    float: left;
    width: 10em;
    margin-right: 2em;
    border: #9AB7D4 solid 1px;
    border-radius: 4px;
}
.formSet span 
{
    float: left;
    font-size: 0.9em;
}
.formSet clear
{
    clear: both;
}
.formSet .noBorder 
{
    border-color: transparent;
}

.filterRowContainer { width:100%; background:#223968; border: #9AB7D4 solid 1px; border-radius: 4px; }
.gallery.filterRowContainer { width: 600px; margin: 0 0 5px 30px; }

.filterRowContent { padding:0.5em 1em 0.7em 1em; }
.filterRowContent label { color:#ffffff; font-size:0.8em; font-weight:bold; }

/* DevExpress Scheduler */
.calendarVisibleInterval { font-size:11px; }


/*********************************************** Doc Lib *********************************************/


/****************************************************************************************************************************/

/*********************************************** Doc Lib *********************************************/

.Page_heding {width:400px; float:left; padding:0 0 10px 15px; font-size:20px; font-weight:bold; color:#223968;}
.doc_lib_box { width:712px; float:left; padding:11px 0 0 0px; background:url(../images/lib_crve1.jpg) 0 0 no-repeat; }
.doc_lib_box1 {  width:712px; float:left;  background:url(../images/lib_crve2.jpg) 0 0 repeat-y;}
.doc_lib_box2 { width:712px; float:left; height:37px; background:url(../images/lib_crve3.jpg) 0 0 no-repeat; }
.doc_lib_head {width:684px; float:left; padding:0 0 0 16px;}
.doc_lib_heding {width:400px; float:left; padding:0 0 10px 0px; font-size:20px; font-weight:bold; color:#223968;}
.doc_lib_heding img {float:left; margin-right:9px;}
.doc_update  {width:235px; float:right; }
.doc_update input  { margin-left:10px; }
.doc_filter_main {width:685px; float:left; height:31px; background:#223968; margin-left:0px;}
.doc_filter_main label {width:160px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; padding-right:9px; line-height:30px; text-align:center;}
.doc_filter_main select {width:146px; height:20px; padding:0 0 0 5px; margin-top:5px; font-size:12px;}
.doc_inner { width:685px; float:left; margin:5px 0 0 0px;}
.doc_tab { width:auto; margin-right:100px;  margin-bottom:1px; float:left; padding:0 12px 0 12px; line-height:31px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; background:#223968; 
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;}
.doc_table { width:683px; float:left; border:1px solid #d0d0d0; border-top:none;}
.doc_table_head{ width:683px; float:left; background:url(../images/table_head.png) 0 0 repeat-y; font-weight:bold; }

.doc_table_head .docname { width:305px; padding-left:7px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:28px;}
.doc_table_head .desc { width:90px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:28px; text-align:center;}
.doc_table_head .date { width:106px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:28px; text-align:center;}
.doc_table_head .view { width:62px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:28px; text-align:center;}
.doc_table_head .viewdoc { width:110px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:28px; text-align:center;}

.doc_table_row1{ width:683px; float:left; background:url(../images/whiterow.png) 0 0 repeat-y; font-weight:bold; border-bottom:1px solid #d0d0d0;  }
.doc_table_row1 .docname { width:305px;  float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1366a0;  padding:13px 0 12px 8px;}
.doc_table_row1 .docname a { text-decoration:underline; color:#1366a0;}
.doc_table_row1 .docname a:hover { text-decoration:none;}
.doc_table_row1 .desc { width:88px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959; text-align:center; padding:13px 0 12px 0px;}
.doc_table_row1 .date { width:106px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959;  text-align:center; padding:13px 0 12px 0px;}
.doc_table_row1 .view { width:62px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959;  text-align:center; padding:13px 0 12px 0px;}
.doc_table_row1 .viewdoc { width:110px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959;  text-align:center; padding:5px 0 5px 0px;}

.doc_table_row2{ width:683px; float:left; background:url(../images/grayrow.png) 0 0 repeat-y; font-weight:bold; border-bottom:1px solid #d0d0d0;  }
.doc_table_row2 .docname { width:305px;  float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1366a0;  padding:13px 0 12px 8px;}
.doc_table_row2 .docname a { text-decoration:underline; color:#1366a0;}
.doc_table_row2 .docname a:hover { text-decoration:none;}
.doc_table_row2 .desc { width:88px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959; text-align:center; padding:13px 0 12px 0px;}
.doc_table_row2 .date { width:106px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959;  text-align:center; padding:13px 0 12px 0px;}
.doc_table_row2 .view { width:62px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959;  text-align:center; padding:13px 0 12px 0px;}
.doc_table_row2 .viewdoc { width:110px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959;  text-align:center; padding:5px 0 5px 0px;}

/********************************************************************************************************************************************************************\


/*****************************************Password Stranght**********************/

#bubbleInfo
    {
        width: auto;
        float: left; 
        font-weight:bold; 
        font-size: smaller;
        display:none;       
    }
    
    #labelHeading
{
    width: auto;
    margin-right: 100px;
    margin-bottom: 1px;
    float: left;
    padding: 0 12px 0 12px;
    line-height: 31px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    background: #223968;
}
    
 #passwordStrength
    {
        height: 20px;
        display: block;
        float: left;        
    }
    .strength0
    {
        width: 130px;
        background: #cccccc;
        color: #cccccc;
    }
    .strength1
    {
        width: 130px;        
        color: #ff5f5f;
        background: #ff0000;
    }
    
    .strength2
    {
        width: 130px;
        color: #56e500;
        background: #FFFF66;
    }
    .strength3
    {
        width: 130px;
        color: #56e500;
        background: #2D98F3;
    }
    .strength4
    {
        background: #4dcd00;
        color: #56e500;
        width: 130px;
    }
    .strength5
    {
        background: #399800;
        color: #56e500;
        width: 130px;
    }
    
    .main_class
    {
        float:right;
        width:130px;
        height: 20px;
        display: block;
        border:1px solid grey;

    }
    
    .capthaimg_txt
    {
        overflow:hidden; 
        float:left; 
        display: inline-block; 
        font: normal normal bold 10pt Arial; 
        color: #333;
    }
/********************************************************************************/



.btnPosition1 { width: 100%; margin: 0.3em 0em 1em 10.6em; text-align: left; }
.btnPosition2 { width:100%; margin: 1em 0 0 6em; text-align:center; }

textarea { border:none; }

.dvxGridEditor
{
    padding-top:0px;
}
.dxTextbox input[type="text"]
{
    padding-left: 1;
    padding-right: 0;
    height: 20px !important;
}


/*--------------Permissions to Enter List-----------------------------------------------------*/
.norecords
{
    padding:30px 0 30px 0;
    vertical-align: middle;
    text-align: center;    
}



.withrecords 
{
   vertical-align: middle;
   text-align: right;   
}

.withrecords p
{
   vertical-align: middle;
   text-align: left;   
}

.addheader
{
    vertical-align:middle;
    text-align:center;
}

.addheader label
{
    display: block;
    float: inherit;
    
}

/*--------------User Emergency Contacts-----------------------------------------------------*/

.emergencycontactimage
{
 height:30px;
 width:32px;
 vertical-align:middle; 
}

.emergencyContactTextbox
{
    width:19em;
    height:16px;
}