@import 'form-elements.css';
@import 'boxes.css';

body {
	background: #fff;
/*	background: #F3F9FF;*/
	margin: 0;
	padding: 0;
	}

body, p, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}

p {margin: 0 0 15px 0;}

ul, ol {margin-left: 0; margin-right: 0; padding: 0 0 0 30px;}
ul.nomargin, ol.nomargin {margin-top: 0;}
li {margin: 0 0 0 -10px; line-height: 1.5em;}

hr	{background: #ccc; border: 0; color: #ccc; height: 1px; margin: 3px 0; width: 100%;}
hr.grey {background: #ddd; border: 0; color: #ddd; height: 1px; margin: 1px 0; width: 100%;}
hr.fatcolor {background: #d70; border: 0; color: #d70; height: 3px; margin: 20px 0; width: 100%;}
.hr {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
	height: 1px;
	}

sup {font-size: 8px;}

a {color: #0062A0; text-decoration: underline;}
a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {margin: 0;}
h1, .h1 {font-size: 26px; font-weight: normal; color: #538EC0;}
h1 a, h1 a:hover {text-decoration: none; color: #333;}
h2, .h2 {font-size: 22px; font-weight: normal;}
h3, .h3 {font-size: 18px; font-weight: normal;}
h4, .h4 {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
h5, .h5 {font-size: 12px; font-weight: bold;}
h6, .h6 {font-size: 11px; font-weight: bold;}

form {margin: 0; padding: 0;}
.formbuttons {padding: 20px 0 10px 0;}
/*input, textarea, select {border: 0 solid #333;}*/
.check {margin: 1px 5px 1px 0;}
.button {
/*	height: 25px;*/
	color: #333;
	background: #FFF3E2;
	border: 3px double #f90;
	padding: 5px 15px;
	text-transform: uppercase;
	font: 10px verdana;
	vertical-align: middle;
	}

.button_approve {
/*	height: 25px;*/
	color: #fff;
	background: #AAC299;
	border: 1px solid #333;
	padding: 5px 15px;
	text-transform: uppercase;
	font: 10px verdana;
	vertical-align: middle;
	}

.button_delete {
/*	height: 25px;*/
	color: #fff;
	background: #D97979;
	border: 1px solid #333;
	padding: 5px 15px;
	text-transform: uppercase;
	font: 10px verdana;
	vertical-align: middle;
	}

.img, .imgl, .imgr, .adimg {padding: 0; border: 0 solid #333; background: #DBEBFB;}
.imgl {margin: 0 15px 10px 0;}
.imgr {margin: 0 0 10px 15px;}
.img {padding: 2px; border: 1px solid #FFF3E2;}

.topcolorbar {background: #538EC0; height: 20px;}
.footer {background: #F3F9FF;}

.content {padding: 20px 20px 40px 20px; line-height: 1.5em;}
.content_right {padding: 20px 10px 40px 10px; background: #E5E3D7;}

.small {font-size: 10px; font-family: Verdana, sans-serif;}
.small2 {font-size: 10px; font-family: Verdana, sans-serif; letter-spacing: .3em;}
.small b {font-size: 9px; font-family: Verdana, sans-serif;}

.copyright {font: 9px verdana; color: #333; background: #F3F9FF; padding: 10px;}
.copyright a {color: #333;}

.nb {border: 0;}

#mainmenu1 {padding: 10px 0;}
#mainmenu a {color: #333; padding: 5px 5px; text-decoration: none; font-size: 10px; font-family: arial, sans-serif; text-transform: uppercase;}
#mainmenu a:hover {border-bottom: 3px solid #0062A0;}
#mainmenu a.active {border-bottom: 3px solid #0062A0;}
#mainmenu a.active:hover {border-bottom: 3px solid #0062A0;}

.odd td {background: #eee;}
.even td {background: #f4f4f4;}

.quote {
	background: #ffd;
	border-left: 5px solid #333;
	font-style: italic;
	letter-spacing: .10em;
	padding: 10px 20px;
	margin: 20px 0;
	}

.i100 {width: 100%;}
.i90 {width: 90%;}
.i80 {width: 80%;}
.i70 {width: 70%;}
.i60 {width: 60%;}
.i50 {width: 50%;}
.i40 {width: 40%;}
.i30 {width: 30%;}
.i20 {width: 20%;}
.i10 {width: 10%;}

.artimg {text-align: center; padding: 20px 0 10px 0;}
.artimg img {padding: 5px; border: 1px solid #333; background: #E4E5D5;}

.link {
	font: bold 9px verdana, sans-serif;
	text-transform: uppercase;
	margin-top: 20px;
	}

p.date {
	margin-top: 3px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	}


table.recent {margin-top: 10px;}
table.recent td {border-bottom: 1px solid #B2B3A6;	color: #333; line-height: 1.2em; padding: 5px 0;}
table.recent td a {text-decoration: none; color: #333;}
table.recent td a:hover {text-decoration: underline; color: #333;}


/* Archives Table Display */
table.outer {width: 100%; border-collapse: collapse;}
table.outer tr {vertical-align: top;}
table.outer td {border-bottom: 1px solid #B2B3A6; line-height: 18px;}
table.outer td a {text-decoration: none; color: #333;}
table.outer td a:hover {text-decoration: underline;}
table.outer td.right {text-align: right; white-space: nowrap;}
table.outer td.inner {border: 0;}
table.outer td.inner table {margin:0 0 20px 0;}
table.outer tr.open td {border: 0;}
table.outer tr.open td.right {visibility: hidden;}
table.outer tr.closed {display: none;}


.banner {border-bottom: 2px solid #555;}

.tbl {border: 1px solid #fff;}
.gridhdr {background: #DDE8F3; padding: 2px 5px; font-family: arial, helvetica, sans-serif; font-weight: bold;}
.griddat {background: #F3F9FF;}
.sectionhdr {color: #fff; background: #0062A0; padding: 2px 5px; font-size: 14px; font-family: arial, helvetica, sans-serif; font-weight: bold;}

div.comment_wrapper {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-top: -1px;
	padding: 5px;
	font-size: 11px;
	line-height: 1.3em;
	}

div.comment_wrapper_admin {
	background: #f4f4f4;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-top: -1px;
	padding: 5px;
	font-size: 11px;
	line-height: 1.3em;
	}

div.comment_wrapper br {font-size: 8px; line-height: 1em;}
div.comment_wrapper_admin br {font-size: 8px; line-height: 1em;}

.file_download {
	margin: 20px auto;
	padding: 10px;
	background: #ECF2E1;
	border-left: 5px solid #5F8E19;
	}

.file_download td {
	color: #5F8E19;
	}

.file_download a {
	color: #5F8E19;
	}

.box {font-size: 11px;}
.box p {margin: 7px 0; font-size: 11px;}
.box h4 {font-size: 12px;}
.box hr {margin: 5px 0;}

.code {
	background: #EBEFF2;
	border-left: 5px solid #587993;
	padding: 10px;
	font-size: 12px;
	color: #587993;
	line-height: 1.5em;
	margin: 10px 0;
	}

.downloaddescription {font-size: 10px; font-family: Verdana, sans-serif; line-height: 1.3em;}

div.client {padding: 20px 0; margin-top: -1px; border-top: 1px solid #333;}
div.client img {margin-bottom: 5px;}

div.approvenotice {
	background: #fff1f0;
	border-left: 5px solid #e23828;
	color: #e23828;
	margin-bottom: 10px;
	padding: 10px;
	}

div.approvenotice b {font-size: 14px;}
div.approvenotice a {color: #e23828;}

a.bbcode img {background: #DBEBFB;}
a.bbcode:hover img {background: #538EC0;}


.admin {
	font-family: times, serif;
	font-size: 14px;
	color: #333;
	}


div#notification {
	background: #c00;
	padding: 3px 10px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #000;
	position: absolute; left: 0; top: 0;
	font: bold 12px arial;
	color: #fff;
	}

.unavailable {background: transparent;}
.available {background: #C3DCF2; text-align: center;}
.reserved {background: #538ec0;}
.myslot {background: #FFB668;}
.locked {background: #fff;}

.schedule_spacer {width: 20px;}





.red {color: #d00;}







.ai td {font-weight: bold; text-align: center;}
.ai td img {background: #d2e1ef; padding: 5px; border: 1px solid #538EC0;}