/** CSS Document **/


/*Common Styles Starts Here **/
body {
	font:normal 12px/20px Verdana, Geneva, sans-serif;
	background:#376D9C;
}
body, p, h1, h2, h3, h4, h5, h6, form, ul, ol, li {
	padding: 0px;
	margin: 0px;
}
img, embed, object, video {
	max-width: 100%;
	max-height: 100%;
}
iframe {
	max-width: 100%;
}
a {
	outline: none;
	text-decoration: none;
}
img {
	border: none;
	vertical-align: middle;
}
li {
	list-style-type: none;
}
.clear {
	clear: both;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif
}


#main-wrapper, .footer{ max-width:960px; margin:0 auto; }
#main-wrapper{ min-height:625px; }
header{ margin:20px 0 0; clear:both; width:100%; float:left; }
#adminmain { width:100%; float:left; margin:10px 0 0; }
#adminmain ul{ width:95%; float:left; }
#adminmain ul li{ margin:0 0 5px; color:#ffffff; width:31%; float:left; }
#adminmain ul li a{ font:normal 16px Verdana; color:#ffffff; background:url(../images/artical-icon.png) 0 center no-repeat; padding:15px 0 15px 50px; float:left; }

#adminmain ul li.dir-form a{ background:url(../images/artical-icon-dir.png) 0 center no-repeat; }

#adminmain ul li a:hover{ color:#80b9ec; }
.login-info{ float:right; text-align:right; margin:20px 0 0; color:#fff;}
.login-info h3{ font:normal 18px Verdana; color:#80B9EC; margin:0 10px 0 0; }
.login-info a{ font:normal 13px Arial; color:#FFF; margin:0 10px; }

.login-info a:hover{ color:#80b9ec; }

.login-info h3 span{ color:#1a1a1a; }

.ypo-logo{ float:left; }

#submit, #reset, #cancel{ width:80px; height:30px; font:normal 13px Verdana; cursor:pointer; }
textarea{ font:normal 11px/18px Verdana; border:1px solid #80b9ec; width:100%; height:300px; padding:6px; margin:0 0 10px; background:#80b9ec; }
.bread-crunb, .bread-crunb a{ font:normal 11px/18px Verdana; color:#80b9ec; }
.bread-crunb a{ text-decoration:underline; }
.bread-crunb a:hover{ text-decoration:none; color:#FFF; }
#adminmain #login-form{ clear:both; width:310px; float:left; }
#adminmain #login-form li{ float:left; width:100%; margin:5px 0; }
#adminmain #login-form li label{ width:100px; float:left; font:normal 13px Verdana; color:#FFF; text-align:left }
#adminmain #login-form input[type="text"], #adminmain #login-form input[type="password"], #adminmain #login-form select{ font:normal 11px Verdana; width:200px; height:15px; }
#adminmain #login-form select{ width:205px; height:22px; }
#adminmain #login-form input[type='image']{ padding:6px 5px 6px 32px; background:url(../images/submit-button.png) 2px 1px no-repeat #FFF; float:left; font:normal 14px Verdana; color:#333; border-radius:5px; }
.events{border: 1px solid #80b9ec;
    padding: 20px; margin:0 0 15px 0;}
#adminmain .events li{ width:95%; margin:0 10px 5px 0; min-height:30px; }
span.date-time { float: left; text-align: left; width: 200px; }
span.date-time, span.event-desc{ font:bold 14px/20px Verdana, Geneva, sans-serif; }
.users-list{border: 1px solid #80b9ec;
    padding: 20px;margin: 15px 0;}
#adminmain .users-list li{ width:95%; margin:0 10px 5px 0; }
#adminmain .users-list li a{ background:none; color: #ffffff; float: left; font: 13px Verdana; padding: 0; text-decoration:underline; }
#adminmain .users-list li a:hover{ text-decoration:none; }
span.user-option, span.user-type{ width:30%;  }
span.user-option{ width:49.8%; }
span.user-option, span.user-type, span.user-name{ font:bold 14px/20px Verdana, Geneva, sans-serif; float: left; }
.add-user-link{ background:#80b9ec; width:75px; padding:3px 0; display:block; text-align:center; border-radius:5px; color:#000; float:left; }
.add-user-link:hover{color:#FFF;}
.mess-fail{ color:red;}
.mess-succ{ color:#fff;}

.bottomlink, .text1, .hrefpagination { color: #80b9ec; font: 14px Verdana; }
.bottomlink{ text-decoration:underline; }
a.bottomlink:hover, a .hrefpagination:hover{ text-decoration:none; color: #FFF; }


footer{ width:100%; float:left; margin:10px 0 0; padding:20px 0; }
.copyright{  
	color: #fff;
    font: 14px Verdana;
}

.filter-user{ float:right; }
.filter-user input[type='text'], .filter-user select{ font:normal 11px Verdana; width:130px; height:15px; }
.filter-user select{ height:22px; }
.filter-user #submit{ height:26px; }
.filter-user label{ color:#80b9ec; font:normal 13px Verdana; margin:0 10px 0 0; }

/** Date and Time Picker **/
#ui-datepicker-div{ background:#80b9ec; }
.ui-datepicker-header { margin:10px 10px 0 10px; }
.ui-datepicker-calendar{ margin:0 10px 10px 10px; }
.ui-datepicker-prev{ float:left; }
.ui-datepicker-prev{ float:right; }
.ui-datepicker-title{ font-weight:bold; }
.ui-state-default{ font:normal 13px Verdana; color:#3f3f3f; }
.ui-state-default:hover{ color:#fff; }
.ui-state-highlight{ font-weight:bold; }
.ui-state-active{ color:#f00; }
.ui-icon{ cursor:pointer; text-decoration:underline; }
#adminmain .users-list li.user-li-list a{
	float:none;
}
.ui-state-disabled{ color:#3f3f3f;}
.ui-datepicker-unselectable{color:#3f3f3f;}
.ui-state-default a{ color:#000;}