@import 'calendar.css';

body {
	margin: 0;
	padding: 0;
	background-color: #222;
	color: #555;
	font-family: 'Lucida Grande', verdana, arial, sans-serif;
	font-size: 80%;
	text-align: center;
}

/* Global */
.hide { display: none; }
a, a:hover, a:visited, a:active { color: #333; }
a img { border: none; }
.grey { color: #aaa; }
.grey a { color: #aaa; }
.red { color: red; background-color: #FFE9E9; }
.red a { color: red; text-decoration: none; }
.green { color: green; background-color: #EBFFE9; }
.green a { color: green; text-decoration: none; }

.box { padding: 2px 10px; }
.topspace {	margin-top: 40px; }

.searchresult { 
	color: #da7b00;
	padding: 5px 10px;
	border: 1px solid #f7e37c;
	background: #fcf6cd;
}
.searchresult a {
	float: right;
	margin-left: 10px;
}

/* H3 Menu */
h3 { 
	font-size: 115%; 
	color: #222; 
	margin: 5px 0;

}
h3.styled a { 
	outline: none;
	text-decoration: none; 
	display: block; 
	padding: 8px 10px;
	border: 1px solid #ddd;
	color: #222;
	padding-left: 35px;
	background: #efefef url('../../icons/bullet_toggle_plus.png') no-repeat 10px center;
}
h3.styled a:hover {
	background-color: #ffc;
}
h3.styled a.new { background-image: url('../../icons/add.png'); }
h3.styled a.user { background-image: url('../../icons/user_suit.png'); }
h3.styled a.template { background-image: url('../../icons/application_form.png'); }
h3.styled a.info { background-image: url('../../icons/information.png'); }
h3.styled a.back { background-image: url('../../icons/page_white_back.png'); } /* arrow_turn_left, book_previous, page_white_go */
h3.styled a.print { background-image: url('../../icons/printer.png'); } 
h3.styled a.document { background-image: url('../../icons/page_white_text.png'); } 



h3.new {
	padding-left: 25px;
	background: url('../../icons/add.png') no-repeat left center;
}
h3.search {
	padding-left: 25px;
	background: url('../../icons/magnifier.png') no-repeat left center;
}
h3.flag {
	padding-left: 25px;
	background: url('../../icons/flag_yellow.png') no-repeat left center;
}

h4.warning {
	background: url('../../icons/error.png') no-repeat 10px center;
	border-bottom: 1px solid #e3ac30;
	color: #d68800;
	background-color: #fae89b;
	padding: 5px 10px 5px 35px;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.error { 
	color: #FF5D5D;
	padding: 3px 20px 3px 27px;
	background: #FFE9E9 url('../../icons/exclamation.png') no-repeat 5px center; 
	border-bottom: 2px solid #FFA9A9;
}
.feedback { 
	color: green; 
	padding: 3px 20px 3px 27px;
	background: #EBFFE9 url('../../icons/accept.png') no-repeat 5px center;
	border-bottom: 2px solid #B3FFA9;
}
ul { list-style-type: square; }
br.clear { clear: both; margin: 0; padding: 0; }
.left { float: left; }
.right { float: right; }
.rborder { border-right: 1px solid #efefef; }
.lborder { border-left: 1px solid #efefef; }
.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

h2 { font-weight: bold; font-size: 145%; }
h4 { margin-bottom: 0;padding-bottom: 3px; font-size: 105%; color: #666; border-bottom: 1px solid #ddd; }
h4 a { color: #666; text-decoration: none; }
h2 { color: #222; margin: 10px 5px 10px 0; }
h2 small, h3 small { font-size: 70%; color: #999; }
h2 small a, h2 small a:visited, h3 small a, h3 small a:visited { color: #666; }

/* Layout */
.wrapper {
	display: block;
	margin: 0 25px;
	text-align: left;
	min-width: 780px;
	overflow:hidden;
}

.col { float: left; padding: 15px 1%; display: block; }
	.third 		{ width: 31%; }
	.qtr 		{ width: 23%; }
	.half 		{ width: 48%; }
	.twothird 	{ width: 64%; }
	.thrqtr 	{ width: 73%; }

#branding { 
	background-color: #222;
	border-bottom: 8px solid #cecece;
}
#branding .wrapper {
	height: 1%;
	display: block;
	padding-top: 20px;
}
#content {
	width: 100%;
	background-color: #fff;
	padding-bottom: 20px;
	border-top: 2px solid #bbb;
}

h1 {
	float: left;
	height: 50px;
	width: 298px;
	margin: 0; padding: 0;
	background: url('images/manage.jpg') no-repeat top left;
}
h1 span { 
	display: none;
}
#breadcrumbs {
	color: #999;
	display: block;
	padding: 15px 0 5px;
	margin: 0 1% 0; 
	border-bottom: 1px solid #efefef;
	font-size: 90%;
}
#breadcrumbs a {
	color: #999;
	text-decoration: none;
}
#footer { padding: 5px 0; color: #444; border-top: 3px solid #333; font-size: 90%; }
#footer a { text-decoration: none; color: #555; }
#footer a:hover { text-decoration: underline; color: #666; }

/* Navigation */

#submenu {
	width: 300px;
	position: absolute;
	top: 5px;
	right: 25px;
	z-index: 1000;
}
#submenu ul { 
	float: right;
	display: inline;
	list-style-type: none;
	margin: 0; padding: 0;
	font-size: 90%;
	color: #555;
}
#submenu ul li {
	float: left;
	padding: 8px 0 0 12px;	
}

#submenu ul li a {
	color: #999;
	text-decoration: none;
	border-right: 1px solid #444;
	padding: 0 12px 0 0;
	outline: none;
}
#submenu ul li a:hover {
	text-decoration: underline;
}
#submenu ul li.last a {
	border-right: none;
}

#menu 	{ float: right; min-height: 20px; margin: 0; padding: 0; width: 60%; }
#menu ul { margin: 0; padding: 20px 5px 0; list-style-type:none; float: right; }
#menu li { display:inline; margin: 0; padding: 0; }
#menu a { outline: none; float: left; background:url('images/menu/left_both.gif') no-repeat left top; margin: 0; padding: 0 0 0 12px; text-decoration: none; font-size: 13px; }
#menu a span { margin: 0; float: left; display: block; background: url('images/menu/right_both.gif') no-repeat right top; padding: 8px 12px 8px 0; font-weight: bold; color: #fff; text-shadow: #222222 0px 0px 4px; }
#menu a span img { display: block;  }
/* \*/
#menu a span { float:none; }
/* */
#menu a:hover span { color:#fff; }
#menu a.current { background-image:url('images/menu/left_on.gif'); border-width:0; }
#menu a.current span { background-image:url('images/menu/right_on.gif'); color:#2D2D2D; padding-bottom:8px; text-shadow: none; }
#menu a:hover { background-position:0% -100px; color: #fff; }
#menu a:hover span { background-position:100% -100px; }
#menu a.current:hover { background-position: top left; }
#menu a.current:hover span { background-position: top right; }

/* Tables */

table {
	font-size: 100%;
	width: 100%;	
}

table.styled { 
	color: #333;
	border-collapse: collapse;
	border: 1px solid #efefef;
}

table td { 
	padding: 5px 10px;
}

table.styled td { 
	border-bottom: 1px solid #efefef;
}

table.styled .odd {
	background-color: #fafafa;
}

table.mini { font-size: 90%; }
table.mini td { padding: 2px 4px; }
table.mini th { padding: 3px 4px; }

table.styled tr:hover > td {
	background-color: #ffd;
}
table.styled tr td:last-child, table.styled tr th:last-child { text-align: right; }

table tr th {
	font-size: 95%;
	padding: 7px 10px;	
}

table.styled tr th {
	color: #444;
	font-weight: bold;
	background-color: #efefef;
	border-bottom: 1px solid #ccc;
}

table.styled th.headerSortUp { 
    background: #e5e5e5 url('images/bullet_arrow_up.png') no-repeat right center; 
} 
table.styled th.headerSortDown { 
    background: #e5e5e5 url('images/bullet_arrow_down.png') no-repeat right center;
} 
table th.icon {
	width: 10px;
}

#pager {
	font-size: 90%;
	color: #999;
	background-color: #efefef;
	border: 1px solid #ccc;		
}
#pager a {
	text-decoration: none;
	color: #999;
	outline: none;
}


/* Forms */

form {
	padding: 10px;
}
fieldset {
	border: none;
	margin: 0 0 5px;
	padding: 2px 10px;	
}

/* Forms Styled */

form.boxy {
	padding: 5px 10px;
	background-color: #efefef;
	border: 1px solid #ddd;
}

form.fancy {
	background-color: #efefef;
}
form.fancy fieldset {
	background-color: #dfdfdf;
}
label { 
	color: #333; 
	margin-right: 10px;
}
label.float {
	padding-top: 3px;
	float: left;
}
input, textarea, select { font-family: Verdana; font-size: 100%; color: #333; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color: #ffc;
}
input[type="text"], input[type="file"], input[type="password"], textarea {
	padding: 2px;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.tboxlge { width: 95%; }
.tboxmed { width: 75%; }
.tboxsml { width: 50%; }
.tiny	 { width: 50px; }

/* Page Links */
.page_links {
	margin-top: 20px;
	display: block;
	color: #666;
}
.page_links a {
	padding: 3px 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
	text-decoration: none;
}
.page_links a:hover {
	border: 1px solid #333;
}
.page_links a.inactive, .page_links a.inactive:hover {
	color: #eee;
	border: 1px solid #eee;
}
.page_links a.current_page {
	background-color: #ccc;

}



/* CSS for checklists */
.checklist, .checklist li { margin: 0; padding: 0; }

.checklist {
	border: 1px solid #ccc;
	background-color: #fff;
    list-style: none;
    height: 10em;
    overflow: auto;
    width: 100%;
	font-size: 0.9em;
	margin-bottom: 10px;
}


.checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}

.checklist label:hover { background: #ddd; }
.checklist input { vertical-align: middle; }
.checklist .alt { background-color: #efefef; }