/* CSS Document */
* { padding: 0; margin: 0; }

body { font-family: verdana, Helvetica, sans-serif; font-size: 12px; color:#333333; background:#333333; }

#wrapper { margin:10px auto 10px 10px;padding:5px 10px 10px 10px; width:720px; background:#FFFFFF; float:left;}
#right-panel { float:left; width:250px;  margin:10px; padding:0px;}
#panel-action { width:250px; background:#FFFFFF; padding:10px 12px 10px 12px; margin-bottom:10px;}
#panel-action h1{ font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3366CC;}
#panel-action li{ list-style:none; line-height:15px; background:#CCCCCC; margin-bottom:5px; padding:10px; cursor:hand;}
#panel-action li:hover{ background:#999999;color:#fff; }

#panel-history { width:250px; background:#FFFFFF; padding:10px 12px 10px 12px; margin-bottom:10px;}
#panel-history h1{ font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3366CC; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #999999;}
#panel-history .date1{ color:#CC3300; font-size:11px;}
#panel-history .username{ color:#333333; font-size:11px; font-weight:normal;}
#panel-history .status{ color:#666666; font-size:11px;}
#panel-history li{ list-style:none; line-height:15px; margin-bottom:5px; padding:2px; cursor:hand;}

#panel-calendar table{ text-align:center;}
#panel-calendar table{ border:1px solid #CCCCCC; margin-bottom:10px;}
#panel-calendar td{ padding:5px; background:#F4F4F4; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; text-align:center;}
#panel-calendar th { padding:5px; border-bottom:1px solid #CCCCCC;}
#panel-calendar a{ background:#3399CC; text-decoration:none; color:#FFFFFF; width:13px;}

#panel-action a{ text-decoration:none; color:#333333;}
#panel-action a:hover{ text-decoration:none; color:#fff;}
#header { margin:0 auto 0; padding:5px; background:#FF9900;}
#header-title h1{ margin:0 auto; width:370px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; float:right;}
#header-title2 h1{ margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-align:center;}

#header-form { margin:0 auto; background:#FF9900; height:20px;padding:5px;}
#header-manage { margin:0 auto 0; padding:5px; background:#FF9900; height:20px;}
#header-manage h1{ margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; text-transform:uppercase; font-weight:bold;}

/* -------------- Registration Form ----------------------------- */
input{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:4px;}
div.box{ font-size:11px; margin:20px auto; border:solid 1px #c6cfe1;background:#dfe4ee;padding:10px;color:#333333;margin-bottom:20px; width:700px;}
div.box ul{margin:10px 10px 19px 20px;}
div.box li{ list-style:square; line-height:25px;}

.acklist ul{margin:10px 10px 19px 20px;list-style-type:decimal;}
.acklist ol{margin:10px 10px 19px 20px; list-style-type:decimal;}
.acklist li{  line-height:25px;list-style-type:decimal;}

div.box2{border:solid 0px #c6cfe1;background:#fff;padding:0px;color:#333333;margin-bottom:20px; width:700px; text-align:right;}
div.box h1 {font-size:14px;color:#000000;padding-bottom:4px;}
div.box p{padding-bottom:14px;}
div.box td{ padding:3px;}
div.box input .input-text{border:1px solid #3b6e22;color:#666666;width:180px; }
div.box label{display:block;margin:2px;color:#000;}
div.box label span{display:block;float:left;padding-right:6px;width:70px;text-align:right;font-weight:bold;margin-top:4px;}
.font1 {font-size: 11px}
.font2 { font-size: 12px;color: #FFFFFF;font-weight: bold;}
.font3 {font-size: 10px;font-style: italic;}


/* ------------------ form & button ------------------- */
.button, .button:focus { background: url( images/fade-butt.png );border: 3px double #999;border-left-color: #ccc;border-top-color: #ccc;color: #333;padding: 5px;}
.submit input:active, .button:active {background: #f4f4f4;border: 3px double #ccc;border-left-color: #999;border-top-color: #999;}
.button, .button:focus {padding: 5px;}

.searchbox{ border:1px solid #ccc; background: #fff url(images/ico-search.png) no-repeat 5px 2px; padding:2px 2px 2px 26px; }
.clear {clear:both;}
#admin-content{ margin:10px;}
#admin-content td{padding:3px; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#user-table { margin:2px 10px; background:#FFFFFF; position:relative;}
#user-table table{ margin:7px; width:99%; background:#F4F4F4; position:relative; clear:both; /*border-bottom:1px solid #999999;*/}
#user-table td{ padding:6px; border-spacing:1px; height:20px; border-bottom:#333333;}
#user-table tr{ height:20px;  border-bottom:#333333;} 
#user-table thead{ margin-top:10px;background:#333333;color:#CCCCCC; font-weight:normal; font-size:11px;position:relative; border-bottom:#333333;}
#user-table tbody{ background:#fff;border-spacing:1px; font-size:11px;}
#user-table .list-color-2{ background:#F4F4F4;}
#user-table .list-color-1{ background:#FFF;} 

.view-img { margin:-7px 5px 0px -8px; }

#loginbox { margin:170px auto 0; width:360px; padding:10px; border:1px solid #CCCC00; background:#F8FAC5;font-size:11px; text-align:center; }
#loginbox h2{ font-size:12px; padding-bottom:4px; }
#loginbox .txt { padding-bottom:10px; margin-bottom:8px;text-align:left; border-bottom:1px solid #CCCC00; line-height:16px;}
#loginbox label{ padding-top:7px; } 
#loginbox .username { margin-top:3px; padding:5px 5px 5px 23px; background:url(img/ico-user.png) no-repeat; background-position:2px 3px; background-color:#FFFFFF; border:1px solid #CCCCCC;}
#loginbox .password { margin-top:3px; padding:5px 5px 5px 23px; background:url(img/ico-passwd.png) no-repeat; background-position:2px 3px; background-color:#FFFFFF; border:1px solid #CCCCCC;}
#loginbox .login-error { margin-top:8px; background:#FF8A8D; border-bottom:1px solid #FF0000; border-top:1px solid #FF0000; text-align:center; padding:3px;} 

#pagination { padding:5px 10px; text-align:right; border-top:1px solid #999999; margin:8px;}
#pagination a{ text-decoration:none; color:#3366CC;}

.footer1 { margin-top:10px;text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}
#mainmenu{ 
list-style: none;
margin: 2px 3px 0px 3px;
padding: 2px 5px 0px 5px;
text-align: left;
white-space: nowrap;
font-size:11px;
position:relative;
}

ul#mainmenu li{
display: inline;
margin: 0 0px;
}

ul#mainmenu a{
text-decoration: none;
padding: 2px 5px 0px 5px;
color:#fff;
}

ul#mainmenu a#current{
background-color:#fff;
color:#333333;
padding:4px 7px 4px 7px;
} 


.bg-top-left { background-image:url(img/dot-orange.png); background-repeat:no-repeat; background-position:top left;}
.bg-top-right { background-image:url(img/dot-orange.png); background-repeat:no-repeat; background-position:top right;}

ul#mainmenu a:hover{
background-color:#666666;
color:#fff; 
padding: 4px 5px 4px 5px;
} 

.menu-action a{ background:#3366CC; padding:2px 5px 2px 5px; text-decoration:none; color:#FFFFFF; margin-right:4px;}
.menu-action a:hover{ background:#336699; padding:2px 4px 1px 5px; text-decoration:none; color:#FFFFFF; margin-right:3px; border:1px solid #336699; border-right:1px solid #333333; border-bottom:1px solid #333333;}

#topmenu { margin:30px auto 0 50px; width:450px; text-align:right;float:left;}
#topmenu ul {display:inline;list-style-type:none;margin:0 auto 0 0;padding:0;width:auto;}
#topmenu li a {
	display:block;position:relative;border-width:1px 0;border-color:#99CC00;
    border-style:solid;color:#fff;
    text-decoration:none;
    margin:4px 1px 5px 7px;
	width:auto;
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#topmenu li a span {
    display:block;
    position:relative;
    margin:0 -1px;
    border-width:0 1px;
    border-color:#99CC00;
    border-style:solid;
    background-color:#99CC00;
    padding:5px 8px;
	width:auto;
}

#topmenu li a:hover {
    border-color:#aaa;
    color:#333;
}

#topmenu li a:hover span {
    border-color:#aaa;
    background-color:#ddd;
}