body { margin: 0px; padding: 0px; background: #e7e7e7; font-family: Arial; font-size: 9pt; color: #333; }

select.aspNetDisabled {
    background-color: rgb(235, 235, 228);
}

h1, h2, h3 { font-weight: normal; margin-top: 0px; }
h1 { font-size: 18pt; color: #004b73; }
h2 { font-size: 14pt; color: #004b73; }
h3 { font-size: 12pt; color: #666; }
.h3title { margin-bottom: 5px; color: #004b73;}

p, td, div, li, input, textarea, option, select { 
    font-family: Arial; font-size: 9pt; color: #333; }
select { padding: 1px; }
input, textarea {
    padding: 5px; }
select {
    padding: 4px 5px;
}
input[type='checkbox'] { 
   position: relative;
   top: 6px;
}
input[type='text'], select { 
   border: 1px solid #A9A9A9;

}
img { border: none; }
a { text-decoration: none; color: #006699; }
a:hover { text-decoration: underline; }
a:hover img { border: 0px; }

.clearall { clear: both; display: block; width: 100%; height: 0; }

#header { width: auto; height: 75px; background: #004b73; }
#head1 { float: left; width: 200px; height: 75px; background: url(header_sep.gif) no-repeat right center; }
#head2 { float: left; width: 150px; height: 75px; background: url(header_sep.gif) no-repeat right center; z-index: 99; }
#head3 { float: left; height: 75px; }
#head4 { float: right; width: 300px;  height: 75px; }
#head5 { float: left; width: 48px; height: 48px; padding-left: 26px; padding-top: 16px;}
.apptitle { display: block; color: #fff; font-size: 22pt; margin-right: 26px; text-align: right; margin-top: 14px; text-transform: lowercase; }
.appversion { display: block; color: #fff; font-size: 10pt; margin-right: 26px; text-align: right; }
.appowner { display: block; color: #fff; font-size: 8pt; margin-left: 34px; text-align: left; float: left; margin-top: 3px; }
.useryear { display: block; /*color: #fff;*/ color: yellow; font-size: 24pt; margin-left: 26px; margin-top: 18px;  }
.usercomp { display: block; color: #fff; font-size: 9pt; margin-left: 26px; padding-top: 20px;}
.username { display: block; color: #fff; font-size: 10pt; margin-left: 26px; padding-top: 5px; }
.mnubtn, .mnubtn2 { float: left; width: 54px; height: 64px; margin-top: 12px; text-align: center; }
.mnubtn a, .mnubtn2 a { color: #fff; text-decoration: none; }
.mnubtn a:hover, .mnubtn2 a:hover { color: #fff; text-decoration: underline; }
.mnubtn2 { width: 66px;}
.mnuimg { border: 0px; width: 32px; height: 32px; margin-bottom: 5px;}

#container { margin: 0px; clear: both; min-width: 600px; }
#colmenu { float: left; width: 210px; min-height: 400px; }
#coldata { margin-left: 218px; min-height: 400px; }

.ctltxt { padding: 5px; margin-bottom: 3px; }
label { padding-bottom: 3px; padding-top: 8px; }
.boxfrm { width: auto; background: #fff; padding: 10px; min-height: 200px; }
.boxfrm label { padding-bottom: 3px; display: inline-block; width: 100px; vertical-align: top; padding-top: 8px; }
.boxfrm label.wide { width: 500px; }
.boxcol { float: left; width: 300px; margin-right: 10px;}
.boxcol-sm { display: inline-block; width: 142px; margin-right: 10px; }
.boxtit { background: #237eae; color: #fff; padding: 5px; }
.boxtit2, .boxtit3 {
    background: #237eae;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.boxinner { border: 1px solid #ececec; padding: 3px; margin-bottom: 10px; min-height: 100px; }
.boxinner2, .boxinner3 {
    padding: 8px;
    margin-bottom: 10px;
    background-color: #d9edf7;
    color: #31708f;
    font-size: 18px;
    text-align: center;
}
.boxtit3 {
    background: #fea500;
    color: #fff;
}
.boxinner3 {
    background: #fcf8e3;
    color: #333;
    font-size: 24px;
}
    .boxinner3 a {
        font-size: 9pt;
        text-decoration: underline;
    }

.txright { text-align: right; padding-right: 12px;}
.txcenter { text-align: center; padding: 12px;}
.boxfrm input, .boxfrm select, .boxfrm textarea { margin-bottom: 3px; }
.scroller { overflow: auto; height: 300px; }
#lbMsg { color: Maroon; }
.btGreen, .btOrange, .btGrey, .btGrey2, .btBlue, .btBlue2, .btDisabled { color: #fff; border: 2px solid #fff; padding: 7px 10px 7px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;                                
}
.btGreen { background: #009966; }
.btGreen:hover { background: #00b579; text-decoration: none; }
.btOrange { background: #ffcc00; color: Maroon; }
.btOrange:hover { background: #ffd631; text-decoration: none; }
.btGrey, .btGrey2, .btBlue, .btBlue2, .btWhite{ background: #cfcfcf; color: #333; padding: 7px 10px 7px 10px; font-size: 8pt;}
.btGrey:hover, .btGrey2:hover, .btWhite:hover { background: #c7c7c7; text-decoration: none; }
.btGrey2, .btBlue2 { border: 2px solid #f5f5f5; }
.btBlue, .btBlue2 { background: #99ccff; }
.btBlue:hover, .btBlue2:hover { background: #4eb5ff; text-decoration: none; }
.btDisabled { background: #999; color: #ccc; }
.btWhite { border: 2px solid #f0f0f0; background-color: #fff; }
.btWhite:hover { background-color: #f5f5f5; }

.boxadd { width: 478px; border: 1px solid #999; padding: 10px 10px 8px 10px; 
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;           
}

.title { width: auto; height: 64px; line-height: 64px; padding-left: 5px; color: #333;  font-size: 16pt; /*margin-bottom: 4px;*/ }
.search { width: auto; height: 48px; /*background: #c7c7c7; padding-left: 18px; color: #fff;*/  margin-bottom: 4px; }
/*.search table { height: 48px;}*/
.search table td { color: #666; /*vertical-align: middle;*/ }
.search table th { color: #666; padding-top: 6px; text-align: left; }
 /*{ color: #666; vertical-align: middle; }*/
.src2 { line-height: 48px; }
.boxbuttons { float: right; width: 480px; text-align: right; margin-right: 24px; }
.boxvalues, .boxcheck { float: right; padding: 10px 24px 10px 10px; text-align: right; display:inline-block; 
             margin-top: 10px;  }
.boxvalues {
    border-left: 5px solid #237eae; background: #fff; 
}
.boxcheck input[type='checkbox'] { 
    top: 3px;
}

.box1 { float: left; width: 420px; margin-right: 10px; background: #fff; }
.box2 { float: left; width: 276px; margin-right: 10px; background: #fff;}
.box1 div, .box2 div { padding: 10px; }
.boxtitle { width: auto; /*padding: 5px;*/ background: #00b579; color: #fff; font-weight: bold; }
.box2 label { display: inline-block; width: 160px; }
.box2 span { display: inline-block; width: 90px; text-align: right; }


/* Accordion */
#accordion { width: 200px; }
.accButton, .accButton2 {
    width: 190px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    background: #336699 url(accArrow.png) no-repeat 190px center;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 10pt;
    color: #fff;
}
.accContent {	
	width: 200px; 
	float: left; _float: none; /* Float works in all browsers but IE6 */
	background: #c7c7c7; }
.accButton2 {
    background: #26517c url();
}
.on { background: #26517c url(accArrow.png) no-repeat 190px center}
.over { background: #6b757f url(accArrow.png) no-repeat 190px center}
.mnu_item { padding: 10px 0px 10px 10px; border-bottom: 1px solid #ececec; background: #d8d8d8; }
.mnu_item a { color: #003366; text-decoration: none; }
.mnu_item a:hover { color: #000; }

.lsPerm td label { width: auto; }

/* popups */
.pop1 { width: 600px; margin-left: auto; margin: auto; border-top: 3px solid green;}


/*GridView*/
.gview { width: 100%; }
/*.gview th { text-align: left; }*/
.gvHeader, .gvHeader2 {
	 background: #237eae;
	 height: 32px;
	 color: #fff;
	 text-align: left;
	 /*font-size: 8pt;*/
}
.gvHeader th, .gvHeader2 th { text-align: left; color: #fff; }
    .gvHeader th input[type='checkbox'], .gvHeader2 th input[type='checkbox'] {
        position: relative; top: -1px;
    }
.gvHeader2 { height: 28px; background: #999999; }
.gvHeader a {
	color: #fff;
	text-align: left;
	text-decoration: none;
}
.gvHeader a:hover {
	color: #fff;
	text-align: left;
}
.gvHrSortASC a {
	 background: url(sortdown.gif) no-repeat ; 
	 padding-left: 10px;
	 color: #fff; 
	 text-align: left;
}
.gvHrSortDESC a {
	background: url(sortup.gif) no-repeat; 
	padding-left: 10px ;
	color: #fff;
	text-align: left;
}	
.gvBorder { border: 0px; }
.gvRowItem, .gvRowAlt, .gvRowItem2, .gvRowAlt2 {
	height: 34px; border-bottom: 1px solid #ececec;
}
.gvRowItem td:first-child, .gvRowAlt td:first-child {
	/*background: #fff url(gvRowItem.gif) no-repeat left center;*/
}
.gvRowItem td:first-child input[type='checkbox'], .gvRowAlt td:first-child input[type='checkbox'] {
    position: relative; top: -1px;
}
.gvRowItem td, .gvRowAlt td { background-image: none; background: #fff; } 
.gvRowHigh, .gvRowHigh2  {
	height: 34px; border-bottom: 1px dotted #ccc; }
.gvRowHigh td:first-child input[type='checkbox'], .gvRowHigh2 td:first-child input[type='checkbox'] {
	/*background: #f5f5f5 url(gvRowHigh.gif) no-repeat left center;*/
    position: relative; top: -1px;
}	
.gvRowHigh td  {
	background: #f5f5f5;
}
.gvPager { background-color: #d7d7d7; height: 34px;}
.gvPager td img { width: 16px; height: 16px; border: 0px; vertical-align: middle; }

.td-100 {
    width: 100px;
    text-align: right;
}

/* Home */
.boxmain { padding: 60px 0px 0px 100px; }
.boxdata { float: left; width: 200px; min-height: 220px; /*border-right: 1px solid #999;*/ margin-right: 15px; /*padding: 5px 10px 5px 0px; */
           background: #fff; padding: 10px; border-left: 5px solid #237eae; }


/* Tabs */
ul.tabNavigation { list-style: none; margin: 0; padding: 0; }
ul.tabNavigation li { display: inline; }
ul.tabNavigation li a { padding: 6px 15px; background-color: #c7c7c7; color: #000; text-decoration: none; }
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {
    background-color: #6b757f; color: #fff; padding-top: 7px; } 
ul.tabNavigation li a:focus { outline: 0; }
div.tabs > div  { padding: 5px; margin-top: 6px; border-top: 1px solid #6b757f; }
div.tabs > div h2  { margin-top: 0; }
#tab1, #tab2, #tab3, #tab4 { background: #fff; /*line-height: 15pt; font-size: 11pt;*/ }


.boxfoto {
	/*border: 1px solid #D5E5F5;*/
	width: 150px; 
	height: 113px; 
	vertical-align: top; 
	padding: 5px;
	margin: 0px 5px 5px 0px;
	background: #ececec;
}
.foto {
	/*border-style: solid; 
	border-color: #D5E5F5;*/
	width: 150px; 
	height: 113px;	
	position: relative;
	z-index: 0;
}
.lnkDel { z-index: 1; position: relative; /*top: 86px; left: 56px;*/ position: relative; margin-top: -26px; }
.lbErr { color: Maroon; }
.imgSocio { float: right; margin-left: 14px; }

/* OverlayBox */
.bgCover { background:#000; position:absolute; left: 0; top:0; display:none; overflow:hidden; z-index: 0; }
.overlayBox, .overlayBox2 {
    /*border:5px solid #09F;*/
    position: absolute;
    display: none;
    width: 400px;
    background: #f5f5f5;
    z-index: 5;
    -webkit-box-shadow: -3px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -3px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: -3px 0px 3px 0px rgba(0,0,0,0.5);
}
.overlayContent, .overlayContent2 {
	padding:10px;
}

/* .closeLink { float:right; color:red; } */


/* WaitBox */
.waitBoxStyle {
    background: #fcf8e3; border: 2px solid #666; padding: 10px;
    text-align: center; vertical-align: middle; font-family: Verdana; color: #333; position: absolute; top: 50%; left: 50%; margin-left: -88px; font-size: small; display:none;
}

/* Message Boxes */
.msgalert, .msginfo, .msgnews, .msgmail, .msgcard { width: auto; padding: 5px 5px 5px 62px; min-height: 51px; margin-bottom: 10px; }
.msgalert > a, .msginfo > a, .msgnews > a, .msgmail > a, .msgcard > a { text-decoration: underline; }
.msginfo { background: #dff0d8 url(ico_info.png) no-repeat 5px 5px; }
.msgnews { background: #d9edf7 url(ico_msg.png) no-repeat 5px 5px; }
.msgalert { background: #fcf8e3 url(ico_alert.png) no-repeat 5px 5px; }
.msgmail { background: #f3f3f3 url(ico_email.png) no-repeat 5px 5px; }
.msgcard { background: #dff0d8 url(ico_card_48.png) no-repeat 5px 5px; }
.msgtit1  { color: #3c763d; font-weight: bold; }
.msgtit2  { color: #31708f; font-weight: bold; }
.msgtit3  { color: #8a6d3b; font-weight: bold; }

/* Colappsible Panel */
.cpHeader {
    cursor: pointer;
    width: 150px;
    height: 18px;
    padding: 4px;           
}
.cpBody {
    background: #ececec;
    width: 100px;
    margin-left: 30px;
    margin-top: 30px;
    z-index: 100;
    display:none;
    position: relative;
}
.cpArrow {
    height: 16px;
    width: 16px;
    margin-left: 10px;
}

/*Autocomplete*/
.searchlist {
    border: 1px solid #ccc;
    list-style-type: none;
    margin: 0px;
    padding: 0;
    background-color: #FFF;
}

ul.searchlist li {
    padding: 5px 8px;
    margin: 0;
    cursor: pointer;
}

.listitem {
    background-color: #fff;
}

.hoverlistitem {
    background-color: #f5f5f5;
}



.table-days-first {
    width: 100px;
}

.table-days {
    width: 500px;
}

    .table-days tbody tr td {
        vertical-align: middle;
    }

        .table-days tbody tr td span, .table-days-first span {
            padding-bottom: 3px;
            display: inline-block;
            vertical-align: top;
            padding-top: 8px;
        }