body{ margin: 0; padding: 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:12pt; color:#333; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
margin: 0; padding: 0; } 
a img,:link img,:visited img { border: none; } a{ text-decoration: none; color:#006699; } a:hover { text-decoration: underline; color:#ff0000; } 
img{ vertical-align:middle;}

input[type=text],input[type=file],input[type=password],textarea {padding:3px; font:100%/1.5 "Trebuchet MS",Verdana,Arial,sans-serif; min-width:calc(20%); max-width:calc(90%); border:1px solid #999; border-radius:3px; }
input[type=text]:focus,input[type=file]:focus,input[type=password]:focus,textarea:focus { box-shadow:0 0 5px #aaa; }
input[type=submit],input[type=file],input[type=button],input[type=reset] {padding:5px; font-size:120%;}
input[readonly]{background:#ddd; }
input[type=checkbox]{margin-right:5px; }
select { font-size:12pt; border:1px solid #999; padding:3px; border-radius:3px; }
.absmiddle	{ vertical-align: middle; }

.mainDiv{ margin:5px 5px 50px 5px; border:0px solid #ddd; padding:10px; }

.navigation	{ margin:0 auto; display:block; position:relative; z-index:99; background: #123; }
.navigation	a { color:#bbb; }
.logo{ float:left; line-height:30px; font-size:14px; padding:2px 10px; font-weight:bold; color:#bbb; text-shadow: 2px 2px 0px #000; }
.logo:hover { background:#456; color:#fc0; cursor:pointer; }
// .logo:hover .mainMenuUL { display:block; }

.mainMenuUL { display:none; background:#123; font-size:14px; width:250px; position:absolute; top:35px; left:0; list-style:none; border-radius:0 0 5px 5px; padding:5px; z-index:1000000; }
.mainMenuUL a{ color:#bbb; display:block; margin:0 3px; height:30px; line-height:30px; font-weight:bold; padding:0 5px;}
.mainMenuUL2 {position:relative; float:left; margin:0 10px; line-height:35px; color:#fff; }

.mainMenuUL a.current,.mainMenuUL a:hover,.mainMenuUL2 a:hover {color:#99cc00; background:#234; text-decoration:none; }
.mainMenuUL hr { border-top:1px solid #456; }
.mainMenuUL2 a{position:relative; float:left; margin:0 10px; color:#fc0; font-size:14px; font-weight:bold; height:35px; color:#bbb; font-weight:bold; padding:0 5px;}

#searchLnk	{ float:right; margin-right:10px; position:relative; }
#searchDiv{ display:none; color:#fff; position:absolute; width:230px; right:0; top:30px; padding:5px; border-radius:0 0 5px 5px; 
background: #222;
background: -moz-linear-gradient(top, #555 0%, #000 100%);
background: -webkit-linear-gradient(top, #555 0%, #000 100%); }
#searchDiv ul{ color:#000; }

.otherLinks { position:relative; float:left; }
.otherLinks ul {display:none; width:250px; position:absolute; top:30px; left:0; list-style:none; border-radius:0 0 5px 5px; 
background: #222;
background: -moz-linear-gradient(top, #555 0%, #000 100%);
background: -webkit-linear-gradient(top, #555 0%, #000 100%); }
.otherLinks a {float:inherit;}

.online,.logout { position:relative; float:left; margin:0 10px; line-height:30px; color:#fc0; font-size:14px; font-weight:bold; }
.logout{ float:right; }

h1{ background:#F5F5F5; border-left:5px solid #555; padding:5px; font-size:150%; margin-bottom:5px; }
h3{ background:#F5F5F5; border-left:5px solid #555; padding:5px; font-size:110%; margin-bottom:5px; margin-top:10px;}
.create{ padding-right:10px; margin-bottom:5px; text-align:right;}
.create a{ font-size:17px; margin:0 10px; opacity:0.5; text-decoration:none; }
.create a:hover{ opacity:1; }
.action { text-align:right; }
.action a{ margin:0 5px; opacity:0.5; text-decoration:none; }
.action a:hover{ opacity:1; }

hr{ border:none; border-top:1px solid #ddd; }
table	{ width:100%; margin:auto; border-top:2px solid #ddd; margin:5px 0; border-spacing:1px; background:#ccc; }
table th	{ background-color:#f0f0f0; padding:5px; text-shadow:0px 0px 5px #eee; background1: -moz-linear-gradient(center top , #C0DCED 0%, #ADD1E7 100%); text-align:right; }
table tr	{ background-color:#fafafa; }
.list tr:hover	{ background:#DDE7B8; }
table td	{ padding:5px; }
table .odd	{ background:#F4F4F4; }
table .even	{ background:#DDDDDD; }
table tr:hover td { background-color:#ffc; }
table tr:hover th	{ background-color:#9Dc1d7; }
thead.left th{ text-align:left; }

.welcome{ text-align:center; font-size:200%; margin:50px; }
table.login	{ width:300px; margin:auto; }
table.login th	{ text-align:left; padding:5px; }
table.login td	{ }

ul.treeul { margin:auto; list-style:none; }
.treeul ul { padding-left: 2.5%; border-left: 2px solid #d9d5eb; border-radius:0 0 0 50px; }
.treeul li	{ padding:5px; padding-right:110px; 
background-color:#eceaf5; 
border-left:4px solid #888; 
border:1px solid #ddd; 
margin-bottom:3px; border-radius:5px; position:relative;}
#.treeul li.grp { background:url(../images/shad4.png) repeat-x #abc; padding-right:80px;}
.treeul li.grp { background:#abc; padding-right:80px;}
.treeul li.grp.L0 { background-color:#456; text-shadow:1px 1px 1px #333;}
.treeul li.grp.L1 { background-color:#789; text-shadow:1px 1px 1px #333;}
.mainDiv > .treeul > ul,
.mainDiv form > .treeul > ul { border-color:#456; }
.mainDiv > .treeul > ul > ul,
.mainDiv form > .treeul > ul > ul { border-color:#789; }
.treeul li.vgrp { background:url(../images/shad4.png) repeat-x #BD7; padding-right:80px;}

.treeul dd { margin:0; padding:0; display:inline-block; line-height:30px; }
.L0 > dd.gn,
.L1 > dd.gn { color:#f79763; font-weight:bold; }
.treeul dd span { text-shadow:none; }
.treeul dd span.s { font-size:small; }
.treeul .L0 dd span.s,
.treeul .L1 dd span.s { color:#ff0; }
.treeul dd m { padding-left:10px; }
.treeul .mb { float:right; }
.treeul .rd { position:absolute; right:5px; top:4px; display:inline-block; }
.treeul .rd a { margin-right:2px; }
.treeul .rds { display:none; position:relative; box-shadow: 0 0 10px #777; border-radius:5px; padding:5px; background:#fff; z-index:99; margin-right:40px; }
.treeul .rds.show { display:inline-table; }
.rdi { position:absolute; top:0; right:0; cursor:pointer; }

.treeul li:hover	{ background-color:#fc0; }

.showhidediv { background:url(../images/minus.png); width:32px; height:32px; display:inline-block; vertical-align:middle; }
.plus { background:url(../images/plus.png) }

.form_error,.red { color: red; }
.bluebg { background:cyan; color: blue; }
.stat0 {background:#ebc4bf; }
.stat0:hover	{ background:#e39c93; }
.stat2 {background:#fce1a0; }
.stat2:hover	{ background:#ffcc66; }
.type1 {background:#E7E0EF; }
.type1:hover	{ background:#DFD1EF; }

.a1 { display:inline-block; font-weight:bold; color:#555; }
.m5 { margin:5px; }

.pgn	{ text-align:center; font-size:14px; font-weight:bold;}
.pgn a	{ color:#6597DB; }
.pgn span	{ font-weight:bold; color:#bbb; }

.F,.setting_P	{ background:#E7E0EF; }
.F:hover,.setting_P:hover	{ background:#DFD1EF; }
.D,.setting_G {background:#fce1a0; }
.D:hover,.setting_G:hover	{ background:#ffcc66; }
.N {background:#ddd; }
.N:hover	{ background:#ccc; }
.U,.setting_M {background:#D9EFC2; }
.U:hover,.setting_M:hover	{ background:#BEDF99; }

.M:hover { background:yellow }

.P, .p, .s1, .treeul .s1 { background:#C4F9B7; }
.A, .a, .s0, .treeul .s0, .d { background:#FFD1BB; }
.T, .t {background:#D2D2FF; }

.t, .p, .a{ border-radius:5px; padding:5px 10px; }


.reg_status { text-align:center; display:block; }
.reg_status span { display:inline-flex; }
.rs1 { background:#0c0; } /* confirm */
.rs2 { background:#f0f; } /* confirm-2 */
.rs3 { background:#F00; } /* cancel */
.rs4 { background:#29e; } /* pending */
.rs5 { background:#aaa; } /* de-active */

.activeDeactiveButton,.featureButton {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #555555;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
    width:70px;
    text-align:center;
    display:inline-block;
}
.activeDeactiveButton.selected {
    background: none repeat scroll 0 0 #4F9D00;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.featureButton.selected {
    background: none repeat scroll 0 0 #0091c7;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.activeDeactiveButton input[type=checkbox],
.featureButton input[type=checkbox]{ display:none; }

input[type="submit"].paste{ padding:0 5px; background:url(../images/paste.png) no-repeat; width:32px; height:32px; border:none; cursor:pointer; color:#ddd; font-size:5px; margin-right:5px; }
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("/images/ico-warning.gif") 10px 50% no-repeat; border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {background:url("/images/ico-info.gif") 10px 50% no-repeat; border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {background:url("/images/ico-done.gif") 10px 50% no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {background:url("/images/ico-delete.gif") 10px 50% no-repeat;border:2px solid #FFAEAE; background-color:#FEEBEB;}
.small { font-size:small;}

.gohide { display:none; }

.genderButton input[type=radio]{ display:none; }
.genderButton span{ padding:3px 5px; background:#eee; border:2px solid #ddd; margin:2px; cursor:pointer; font-weight:bold; -moz-border-radius:3px; display: table;}
.genderButton span.selected{ background:#fc0; border:2px solid #fa0; }
.genderButton span:hover{ background:#fc0; border:2px solid #fa0; }

.genderButton { display:table; }
.genderButton span { margin:2px; display:inline-block; }

.tab { cursor:pointer; }
.tab div { padding:10px 20px; display:inline-table; background:#eee; font-weight:bold; }
.tab div.selected { background:#abc; }

.cur_status { text-align:right; float:right;  }
.reason{ font-size:small; color:#f00; }
.reason.true{ font-size:small; color:#3287e5; }
.time{ font-size:small; }

.status{ padding:0 10px; margin:auto 5px; border-radius:10px; }
.status.s1{ background:#0c0; }
.status.s0{ background:#f33; }
.status.sA{ background:#f33; }

.groups { color: #0c0; font-size:12px; }
/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000; position:absolute; 
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

.update_desc{ background:white; padding:5px; margin:10px 0; }
.update_div { padding-left:10px; border-left:2px solid #fc0; display:none; }
#updateTab { margin-left:5px; font-weight:bold; }
#updateTab span { background:#fee; border:1px solid #ddd; color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0px 10px 5px; margin-left:5px; line-height:24px; float:left; cursor:pointer; }
#updateTab span:hover , #updateTab span.selected { background:#d55; color:#fff; border:1px solid #ad0808; }
#updateLinks{ background:#fff; border:1px solid #ddd; position:relative; top:-5px; padding:5px; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#updateLinks a{ border-bottom:1px solid #f5f5f5; padding:3px; display:block; }
.event_head { font-style:italic; }
.divider { background:url(../images/shad1.png) #5f5; height:30px; }
.imgs { margin:1px;}

.cke_editor td,
.cke_editor td:hover { background:#ddd; }
.treeul li.hilite{ border:2px solid #000; }	
.fixpos { position:fixed; bottom:10px; }

.mLeft5{margin-left:5px;}
.mLeft10{margin-left:10px;}
.mTop5{margin-top:5px;}
.mTop10{margin-top:10px;}
.clr{clear:both}