@charset "UTF-8";
/* CSS Document */

/*
	----------------------------
	RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul { margin:15px 0; }
ul { padding-left: 20px; }
a { color: #0965ba; font-size: 14px; }
a:hover { color: #219115; }
a.gd_remove { font-size: 10px; padding: 0 10px 0 25px; background: url(/reservations/media/layout/delete_icon.png) no-repeat 10px center; }
/*

/*
	----------------------------
	STRUCTURE
	____________________________
*/
body {font: 14px/21px Calibri, Helvetica, Arial, sans; color: #555; background-color:#a7310d;}
h1,h2,h3,h4,h5,h6 { color: #000; }
h1,h2,h3 { font-weight: normal; letter-spacing: -1px; }
h1 { font-size: 24px; }
h1 span { font-size: 14px; color: #555; text-transform: capitalize; padding: 3px 5px; background-color: #f6f6f6; }
h2,h3 { font-size: 18px; }
h1 a, .button { font-size: 14px; text-decoration: none; margin:0 10px; padding: 5px 10px; font-weight: bold; letter-spacing: 0; background-color: #000; color: #fff; -moz-border-radius: 3px; border-radius: 3px; }
h1 a:hover, .button:hover { background-color: #219115; color: #fff; }

a.spreedsheet {
    background: url("/groups/media/layout/excel.png") no-repeat scroll 5px center transparent;
    padding-left:21px;
    text-decoration:underline;
    font-weight:bold;
    color:#000000;
    font-size:11px;
    font-family:"Myriad Pro","Calibri",Helvetica,Arial,sans-serif;
}

a.viewcancelled {
    background: url("/groups/media/layout/view-cancelled.png") no-repeat scroll 5px center transparent;
    padding-left:21px;
    text-decoration:underline;
    font-weight:bold;
    color:#000000;
    font-size:11px;
    font-family:"Myriad Pro","Calibri",Helvetica,Arial,sans-serif;
}
a.viewreservation {
    background: url("/groups/media/layout/view_reservation_green.png") no-repeat scroll 5px center transparent;
    padding-left:21px;
    text-decoration:underline;
    font-weight:bold;
    color:#000000;
    font-size:11px;
    font-family:"Myriad Pro","Calibri",Helvetica,Arial,sans-serif;
}
a.uploadfiles {
    background: url("/groups/media/layout/upload.png") no-repeat scroll 5px center transparent;
    padding-left:21px;
    text-decoration:underline;
    font-weight:bold;
    color:#000000;
    font-size:11px;
    font-family:"Myriad Pro","Calibri",Helvetica,Arial,sans-serif;
}
a.remove {
    background: url("/groups/media/layout/delete_icon.png") no-repeat scroll 5px center transparent;
    padding-left:21px;
    text-decoration:underline;
    font-weight:bold;
    color:#000000;
    font-size:11px;
    font-family:"Myriad Pro","Calibri",Helvetica,Arial,sans-serif;
}

a.viewresults {
    background: url("/groups/media/layout/view_reservation.png") no-repeat scroll 5px center transparent;
    padding-left:21px;
    text-decoration:underline;
    font-weight:bold;
    color:#000000;
    font-size:11px;
    font-family:"Myriad Pro","Calibri",Helvetica,Arial,sans-serif;
}


#main,#header {margin:0 auto; width:960px;}
#header-wrapper {background-color:#fff;}
	#header { position: relative; height: 150px; }
		#header-logo {height:80px; position: absolute; top:10px; left:0;}
		#header-navigation {width:100%; position: absolute; bottom: 0; }
		#header-navigation ul {list-style:none; margin:0px; padding-top:20px; padding-left:0px; height: 31px;}
		#header-navigation li { float: left; padding: 0 3px; }
		#header-navigation li#logout { width: 80px; position: absolute; right:0; }
		#header-navigation li a { background-color:#999;}
		#header-navigation li.highlight a { background-color: #a7310d; font-weight: bold; }
		#header-navigation a {color:#fff; text-decoration:none; display: block; padding: 5px 10px; float: left; }
		#header-navigation a:hover { background-color: #555; }
		#contract-box { position:absolute; right:0; top:30px; background-color:#DFDFDF; border: 1px solid #ccc; width: 400px; padding: 10px 20px; -moz-border-radius: 5px; border-radius: 5px; }
			#contract-box form { margin: 0; }
			#contract-box label { margin: 0; }
#main {}
    #content { padding:20px; background-color:#fff; border: 3px #000 solid; margin-top:25px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:35px;}
	#content input, #content select { vertical-align: middle; }
	#content table { border-collapse: collapse; margin: 15px 0; min-width: 100px; }
	#content table.datagrid { width: 100%; }
	#content td, #content th { padding: 10px; border: 1px solid #ccc; min-width: 100px; }
	#content table.datagrid td, #content table.datagrid th { min-width: 30px; }
	#content table.small-type td, #content table.small-type th, #content table.small-type th a, #content table.small-type td a { font-size: 12px; line-height: 14px; }
	#content table.datagrid th a { display: block; text-align: center; padding-left: 5px; }
	#content table.datagrid th.sort_asc { background:#eee url(/owners/media/sort_asc.gif) no-repeat 5px center; }
	#content table.datagrid th.sort_desc { background:#eee url(/owners/media/sort_desc.gif) no-repeat 5px center; }
	#content table.datagrid th.sort_none { background:#eee url(/owners/media/sort_none.gif) no-repeat 5px center; }
	#content th { font-weight: bold; color: #000; background-color: #eee; }
	#content input[type=text],input[type=password],#content textarea { padding: 3px 5px; },#content grid { padding: 3px 5px; }
	#content input[type=submit] { border: 1px solid #333; background-color: #000; color: #fff; -moz-border-radius: 3px; border-radius: 3px; text-transform: capitalize; padding: 5px 10px; font-weight: bold; }
	#content input[type=submit]:hover { background-color: #219115; }
	#content label, #content b { display: block; font-weight: bold; margin: 10px 0 2px; color: #000; }
	#content textarea { width:450px; height: 100px; }
	#content form ul, #content div.info-layout ul { list-style: none; padding: 20px 5%; background-color: #eee; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; float: left; width: 90%; }
	#content form ul li, #content div.info-layout ul li { clear: both;  margin: 5px 0; }
	#content form ul li ul, #content div.info-layout ul li ul { margin: 0; padding: 0; float: left; width: 100%; border: 0; }
	#content form ul li ul li, #content div.info-layout ul li ul li { float: left; width: auto; clear: none; padding: 0 25px 0 0; border: 0; }
	
	
	
	
	#content form ul li.show-inline label { float: left; margin: 0; padding-right: 10px; }
	#content div.info-layout ul li ul li { padding-right: 50px; }
	#content form .submit-row { padding: 10px 0; }
	#content form input.long { width: 350px; }
	#content form input.short { width: 75px; }
	
	.columns { float: left; width: 100%; clear: both; margin: 0 0 20px; }
		.columns .col-a { float: left; width: 48%; }
		.columns .col-b { float: right; width: 48%; }
		
	.work-order { padding: 10px 0; background-color: #f6f6f6; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; }
		.work-order ul { margin: 0; list-style: none; padding: 0; }
		.work-order ul li { padding: 3px 0 3px 10px; border-bottom: 1px solid #ccc; }
/* Login */
body#login { background-color: #555; }
body#login #content { background-color: #fff; padding: 20px; width: 400px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #333; margin: 100px auto 0; }
body#login #content table td { border: 0; }

/* Pagination */
.pagination { margin: 10px 0; float: left; clear: both; width: 100%; }
	.pagination a { text-decoration: none; font-weight: bold; display: block; float: left; margin: 0 5px; padding: 5px 10px; background-color: #eee; border: 1px solid #ccc; }
	.pagination a:hover { background-color: #f6f6f6;  }
	
/* Search Results */
#content .search-results { padding: 5px 20px; }
	#content .search-results li span { float: right; }
	#content .search-results li td { padding: 3px 5px; text-align: center; }
/*
/*
	----------------------------
	CFGRID TABLE OVERRIDES
	____________________________
*/
#content #cfgridfrm table { border-collapse:collapse; margin: 0; min-width: 1px; }
	#content #cfgridfrm  td, #content #cfgridfrm th { padding: 0; border: none; min-width: 1px; }
	#content #cfgridfrm th { font-weight: normal; color: #000; background-color: #fff; }
----------------------------
CLASSES
____________________________
*/
.dash-header {color:#fff;}
hr {width:180px; color:#eff3f6; margin-top:4px;}
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.thick-divider {margin-top:5px; margin-bottom:5px; text-align:center;}
.error { color: red; }