/* admin */
* {margin:0; padding:0; font-size:12px; font-family:verdana; color:#444;}
body {background:#CDCD9B;}

h2 {font-size:22px; margin-bottom:16px;}
h3 {font-size:20px; margin-bottom:12px;}
h4 {font-size:18px; margin-bottom:10px;}
h5 {font-size:16px; margin-bottom:8px;}
h6 {font-size:14px; margin-bottom:6px;}

p {padding-bottom:10px; }
label {font-weight:bold;}
ul {list-style-image:url("images/bullet.gif");}
li {margin-left:20px;}
form {display:block; float:left; clear:both;}

.clear {clear:both;}

/* forms */
.textbox, .selectbox {height:20px; margin:4px 0; color:#999; font-size:15px; border:1px solid #999;}
.selectbox {height:22px;}
.textarea {width:440px;}
.required {font-size:10px;}
.button {height:30px; padding:6px 10px; color:#FFF; font-weight:bold; cursor:pointer; border:0; background:#333;}
.button:hover {color:#333; background:#CAD6D8;}
#txt_date {height:20px; margin:4px 0; color:#999; font-size:15px; border:1px solid #999;}
/*********/

/* messages */
.message_box {float:left; clear:both; width:100%; margin:10px 0 20px 0; border:1px solid #81BAD5; background:#E9E9E9; filter:alpha(opacity=90); opacity:0.9;}
.message_box p {margin:10px;}
.error, .warning, .highlight {color:#F00; font-weight:bold;}
.warning {color:#FF8B05;}
.highlight {color:#0099D4; font-weight:bold;}
/************/

/* Layout structure */
#header_wrapper {float:left; width:100%; height:130px; border-bottom:5px solid #6F6952; background:#595343;}

#header { width: 980px; height: 105px; margin: 0px auto;}
#header h1 { float: left; width: 420px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; }
#header h1 a { display: block; height:100px; background: url(images/logo.gif) top left;}
#header img {display: block; float: right; margin: 10px 5px 0px 5px;}

#nav {width:100%; float:left; height:25px; background:#EEE8AA;}
#nav ul {list-style:none;}
#nav ul li {display:inline;}
#nav ul li a {display:block; float:left; height:19px; padding:6px 12px 0px 12px; font-size:11px; color:#333; text-decoration:none; text-transform:uppercase;}
#nav ul li a#on {color:#6F6952;}
#nav ul li a:hover {color:#FFF!important; background:#6F6952;}

#wrapper {float:left; width:100%; background:#FFF;}
#main_content {width:940px; margin:0px auto; padding:20px; background:#FFF;}
#main_copy {}

#footer {float:left; clear:both; width:100%; height:100px; background:#EEE8AA;}
#footer_content {width:980px; margin:0 auto;}
#footer_content p {font-size:9px; margin:10px 0; font-size:10px; color:#6F6952;}
#footer_content p.left {float:left;}
#footer_content p.right {float:right;}
#footer_content a {font-size:9px; font-weight:normal; color:#6F6952; text-decoration:none;}
#footer_content a:hover {color:#6F6952; text-decoration:underline;}
#footer .link {font-size:9px; color:#6F6952;}
/*********/

/* admin sub menu */
#subnav {float:left; width:100%; height:25px; margin:10px 0; background:#EEE8AA;}
#subnav ul {margin:0; padding:0; list-style:none;}
#subnav ul li {display:inline;}
#subnav ul li a {display:block; float:left; height:19px; padding:6px 12px 0px 12px; font-size:11px; color:#333; text-decoration:none; text-transform:uppercase;}
#subnav ul li a:hover {color:#FFF; background:#6F6952;}
/******************/

/* admin button and links */
.add_link, .select_link, .cancel_link, .done_link {display:block; float:left; height:30px; padding-right:7px; margin-right:10px; color:#FFF; text-indent:30px; text-decoration:none; font-family:verdana; font-size:10px; line-height:30px; background:url("images/page_white_add.png") 7px 7px no-repeat #6A9E30;}
.select_link {background:url("images/folder_magnify.png") 7px 6px no-repeat #0A9AE1;}
.done_link {background:#0A9AE1; text-indent:8px;}
.cancel_link {display:none; background:url("images/cross.png") 7px 6px no-repeat #6A9E30;}
.save_button, .delete_button {display:block; float:left; height:30px; padding-bottom:2px; margin-right:10px; color:#FFF; padding-left:26px; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10px; cursor:pointer; background:url("images/page_white_edit.png") 7px 6px no-repeat #6A9E30;}
.delete_button {background:url("images/page_white_delete.png") 7px 6px no-repeat #6A9E30;}
.add_link:hover, .save_button:hover, .delete_button:hover, .select_link:hover, .cancel_link:hover, .done_link:hover {text-decoration:none; color:#FFF; background-color:#FF7F00;}
/*******************/

/* data tables */
#list_table {float:left; width:100%; margin:10px 0; background:#FAFAFA; border-collapse:collapse; border:1px solid #333;}
#list_table td {padding:0 4px; line-height:18px; border-color:#333;}
#list_table a {display:block; font-size:10px; cursor:pointer!important;}
#list_table a:hover {text-decoration:none;}
#list_table #new_item * {background:#0099D4; color:#FFF;}
#list_table tr:hover * {background:#EEE8AA; color:#333; cursor:pointer;}
#list_table #heading * {height:22px; background:#595343; font-size:12px; color:#FFF; line-height:22px; cursor:default;}
#list_table .alt_row {background:#F2F2F2;}

#deleteform {width:100%;}
.detail_view {width:100%;}
.detail_view td {padding:2px; font-size:12px; color:#7F7F7F; line-height:18px; vertical-align:top;}
/***************/

#login_form {display:block; float:none; margin:0px auto; padding:20px; width:300px; border:1px solid #E3E3E3; background:#FAFAFA;}

.thumb_container {float:left; width:150px; height:100px; margin:4px; }
.delete_image_icon {float:right; cursor:pointer;}
.delete_icon {margin-right:2px; cursor:pointer;}

#hdn_submit {display:none;}

/***************************************************************************************************************************************************************/
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */

.hidden {opacity: 0; position: absolute;}
.visible {opacity: 1;}

input.calendar, select.calendar {width: 230px;}
button.calendar {background: url(images/calendar-icon.gif); border: 0; cursor: pointer; height: 20px; margin-left: 6px; width: 20px;}
button.calendar:hover, button.calendar.active {background-position: 0 20px;}

div.calendar {background: url(images/calendar.png); height: 195px; padding: 0 6px; text-align: center; width: 147px;}
div.calendar * {margin: 0; padding: 0;}
div.calendar div {background: none !important; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; width: 147px;}
div.calendar caption {color: #333; font: normal 12px/16px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%;}
div.calendar caption a {cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px;}
div.calendar caption a.prev {background-image: url(images/calendar-prev.gif); left: 0;}
div.calendar caption a.next {background-image: url(images/calendar-next.gif); right: 0;}
div.calendar caption a:hover {background-position: 0 12px;}
div.calendar caption span {height: 25px; position: relative; text-align: center;}
div.calendar caption span.month {padding-right: 8px;}
div.calendar caption span.month:after {content: ',';}
div.calendar table {background: #FFF; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px;}
div.calendar td, div.calendar th {border: 0; color: #0597DB; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px;}
div.calendar td {background: url(images/calendar-td.gif); color: #FFF; font-size: 11px;}
div.calendar td.invalid {color: #999;}
div.calendar td.valid {	background: url(images/calendar-valid.gif); color: #0597DB; cursor: pointer;}
div.calendar td.hilite {background: url(images/calendar-hilite.gif);}
div.calendar td.inactive {background: url(images/calendar-td.gif) 0 100%; color: #FFF;}
div.calendar td.active, div.calendar td.hover {background: url(images/calendar-valid.gif) 0 100%; color: #FFF; cursor: pointer;}
/***************************************************************************************************************************************************************/
/* end admin */
