/* 	Site: Back to Go
Info: Main Styles
Created by: Jeff Claeson - www.dreamtimemedia.com
Date: 7-15-07

COLOR GLOSSARY
Orange: #ffac16;
Dark Blue: #495a78;
Light Blue: #cdd8e6;
Tan: #c0b49d;
Brown: #827c72;
Dark Brown: #38332c;

*/

/* =Reset
----------------------------------------------- */
body, div, dl, img, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, iframe, fieldset, input, p, blockquote, th, td, span {
margin: 0;
padding: 0;
}
ol, ul {
list-style: none;
}
li a {
text-decoration: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-size: 72.5%;
color: #38332c;
position: relative;
background: #f4f2ed url(images/body-bg.png) repeat-x 0 1px;
padding-bottom: 100px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* =Layout
----------------------------------------------- */
#branding {
width: 800px;
margin: 0 auto;
height: 82px;
background: url(images/header-people.jpg) no-repeat center bottom;
}
* html #branding, *:first-child+html #branding {
height: 92px;
overflow: hidden;
}
.admin #branding {
background: none;
}
#logged {
float: right;
}
#wrap {
width: 812px;
padding: 5px 0;
margin: 10px auto;
position: relative;
background: url(images/content-top-bg.png) no-repeat center top;
}
.home #wrap {
padding: 8px 0;
background: url(images/content-top-home.png) no-repeat center top;
}
#content {
width: 812px;
position: relative;
padding: 0 0 100px 0;
background: url(images/content-bottom-bg.png) no-repeat center bottom;
}
.admin #content {
padding-bottom: 10px;
background: url(images/admin-bottom-bg.png) no-repeat center bottom;
}
.home #content {
padding: 5px 0;
}
#mainContent {
position: relative;
float: left;
width: 590px;
padding-bottom: 10px;
}
.admin #mainContent {
position: relative;
min-height: 400px;
width: 787px;
padding: 10px 10px 10px 12px;
}
#login {
margin: 40px auto;
width: 300px;
}
#leftContent {
float: left;
clear: left;
width: 175px;
margin: 0 20px 0 0;
padding: 10px 10px 10px 12px;
}
.start {
width: 367px;
height: 156px;
float: left;
margin-bottom: 20px;
}
#prefile {
margin: 0 55px 0 12px;
background: url(images/prefile.png) no-repeat;
}
* html #prefile {
margin: 0 55px 0 6px;
}
#postfile {
background: url(images/postfile.png) no-repeat;
}
#siteinfo {
clear: both;
margin-top: 0px;
padding:3px 5px 0 5px;
background: url(/images/dotted.png) repeat-x 0 0;
}

/* =Links
----------------------------------------------- */
a:link {
color: #4b5d7b;
outline: none;
text-decoration: underline;
}
a:visited {
color: #4b5d7b;
text-decoration: underline;
}	
a:hover {
color: #38332c;
border-bottom: 0;
text-decoration: none;
}
a:active {
color: #c0b49d;
border-bottom: 0;
outline: none;
}
a:link img, a:visited img {
border: 0;
}
p a:link, p a:visited {
text-decoration: underline;
border-bottom: 0;
}
#branding a#logo {
display: block;
width: 231px;
height: 70px;
margin-top: 10px;
text-indent: -9999px;
background: url(images/gler-logo.png);
}
.start a {
margin: 120px auto 0 auto;
display: block;
text-indent: -9999px;
width:89px;
height: 26px;
}
#prefile a {
background: url(images/prefile-button.png) no-repeat;
outline: none;
}
#postfile a {
background: url(images/postfile-button.png) no-repeat;
outline: none;
}
#prefile a:hover, #postfile a:hover {
background-position: -89px 0;
}
#siteinfo a {
text-decoration: none;
color: #827c72;
}
#siteinfo a:hover {
text-decoration: underline;
color: #38332c;
}
a.pdf {
padding-right: 20px;
text-decoration: underline;
background: url(/images/pdf.png) no-repeat 100% 50%;
}

/* =Typography
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
color: #38332c;
line-height: 1.3;
font-weight: normal;
margin-bottom: .5em;
}
#mainContent h1 {
text-transform: uppercase;
font-size: 20px;
font-family: "Times New Roman", Times, serif;
color: #495a78;
margin-top: 30px;
}
.admin #mainContent h1 {
margin-top: 0;
}
h1.warning {
text-align: center;
margin-top: 80px;
}
#prefile h2, #prefile p, #postfile h2, #postfile p {
display: none;
}
h2.calendar, h2.prefileform {
text-align: center;
}
h2.calendar a, h2.prefileform a {
width: 565px;
clear: right;
background: #c0b49d url(/images/calendar.png) no-repeat 100px 50%;
padding: 5px;
border: 1px solid #827c72;
border-top-color: #c0b49d;
border-left-color: #c0b49d;
display: block;
color: #38332c;
text-decoration: none;
}
h2.prefileform a {
width: 560px;
background: #c0b49d url(/images/edit.gif) no-repeat 190px 50%;
}
* html h2.prefileform a {
background: #c0b49d url(/images/edit.gif) no-repeat 150px 50%;
}
h2.calendar a:hover, h2.prefileform a:hover {
background-color: #c0b49d;
color: #FFF;
border: 1px solid #c0b49d;
border-top-color:#827c72;;
border-left-color:#827c72;
}
h2.mim {
margin-left: 5px;
font-weight: bold;
text-decoration: underline;
}
form h2 {
color: #495a78;
display: block;
margin-bottom: 0;
}
h3 {
font-size: 14px;
font-weight: bold;
color: #495a78;
}
#leftContent h3 {
margin-left: 6px;
font-weight: bold;
}
#leftContent p {
margin-left: 6px;
}
p {
font-size: 110%;
line-height: 1.4;
margin-bottom: 1em;
}
p.notes {
font-size: 10px;
margin-top: 10px;
}
p.ie {
padding-left: 20px;
background: url(/images/internetexplorer.png) no-repeat 0 50%;
}
p.classTime {
text-align: center;
position: absolute;
right: 0;
top: 0;
margin: 10px;
padding: 2px 5px;
border: 3px solid #74C867;
background: #f4f2ed;
}
p.info {
padding-left: 20px;
background: url(/images/info.png) no-repeat 0 50%;
}
#siteinfo p {
color: #c0b49d;
font-size: 90%;
line-height: 1.2;
float: left;
margin: 1px 5px;
}
.small {font-size: 10px;}

/* =Lists
----------------------------------------------- */
#branding ul {
float: right;
margin-top: -9px;
width: 196px;
height: 23px;
padding-left: 10px;
background: url(images/top-nav-bg.png) no-repeat 0 0;
}
* html #branding ul, *:first-child+html #branding ul {
margin-top: 0;
}
#branding ul li {
float: left;
font-size: 95%;
padding: 3px 6px;
}
#branding ul li a {
color: #FFF;
}
#leftNav {
margin: 5px 0 10px 0;
padding-top: 10px;
width: 178px;
background: url(images/nav-bg.png) no-repeat;
}
#leftNav ul {
background: url(images/nav-bg-bottom.png) no-repeat bottom left;
width: 178px;
padding-bottom: 20px;
}
#leftNav ul li {
line-height: 1.2;
text-transform: uppercase;
padding: 2px 0;
margin: 0 2px;
}
#leftNav li a {
display: block;
padding: 5px 0 5px 15px;
color: #38332c;
font-weight: bold;
text-decoration: none!important;
}
#leftNav ul li a em {
text-transform: none;
display: block;
color: #FFF;
font-style:normal;
}
#leftNav ul li a:hover, #leftNav ul li a.currentpage {
text-decoration: none;
color:  #FFF;
background: #ffac16 url(images/nav-arrow.png) no-repeat 0 50%;
}
#leftNav ul li a:hover em, #leftNav ul li a.currentpage em {
color: #38332c;
}
#mainContent ul {
margin: 0 20px 20px;
}
#mainContent li ul {
margin: 10px;
}
#mainContent ul li {
margin-bottom: 5px;
padding-left: 20px;
background: url(/images/check.png) no-repeat 0 50%;
font-size: 105%;
}
#siteinfo ul {
float: left;
}
#siteinfo li {
float: left;
font-size: 90%;
color: #b8aa90;
}
#siteinfo li a {
padding: 0 5px;
font-size: 90%;
border-right: 1px solid #c0b49d;
}

/* =Misc
----------------------------------------------- */
#loading {
position: absolute;
top: 30px;
left: 590px;
}
a.backbutton {
position: absolute;
left: 560px;
top: 0px;
line-height: 1.6;
color: #FFF;
padding: 0 7px;
width: 50px;
height: 19px;
background: url(/images/backbutton.png) no-repeat;
}
a.backbutton:hover {
background-position: bottom left;
text-decoration: none;
color: #30292a;
}
#site-info img {
float: right;
margin-right: 2px;
}
p img {
float: right;
margin: 5px 11px 5px 10px;
padding: 3px;
background: #c0b49d;
border: 1px solid #FFF;
}
form#pay {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
margin-right: 80px;
border: 1px dotted #c0b49d;
padding:  10px;
}
a.center {
display: block;
width: 320px;
margin: 20px auto;
}
.clear {
clear:both; 
height:1px; 
margin:0; 
padding:0; 
font-size: 15px;
line-height: 1px;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* =Forms
----------------------------------------------- */
fieldset {

margin: 0 0 0 0;
border: 0;
}
fieldset.registerForm  {
	border: 1px dashed #827c72;
	padding: 10px;
	margin-top: 10px;
	width: 550px;
	float: left;
}
legend {	
background: #f4f2ed;
color : #495a78;
font-size : 16px;
padding: 0 10px;
}
.status {
color: #FFF;
display: inline;
float: right;
margin-right: 20px;
padding: 0 3px;
background: #c0b49d;
border: 1px solid #827c72;
}
div.row {
width: 100%;
float: left;
margin: 0;
padding: 2px 3px;
text-align:center;
font-size: 12px;
}
.creditor {
padding: 10px 0;
overflow: hidden;
}
.creditor h2 {
font-size: 14px;
color: #d38427;
text-transform: uppercase;
}
div.multiple {
float: right;
border: 1px dotted #c0b49d;
width: 204px;
padding: 2px 0;
margin: 2px 114px 2px 0;
text-align:center;
font-size: 12px;
}
div.row div.multiple input {
margin-top: 2px;
float: left;
}
span.checkbox {
display: none;
position: absolute;
}
div.row input, div.row select, div.row textarea {
border: 0;
padding: 2px;
border: 1px solid #c0b49d;
border-bottom-width: 2px;
width: 230px;
color: #495a78;
}
div.row textarea {
width: 420px;
margin-top: 0;
}
div.row label {
float:left;
padding: 1px 5px;
text-align:left;
font-weight: bold;
width: 220px;
}
div.row label em {
display: none;
}
div.row label span {
font-weight: normal;
font-size: 10px;
}
div.row div.multiple label {
float:left;
padding: 1px 5px;
text-align:left;
font-weight: bold;
width: 175px;
}
div.row span.req input, div.row span.req textarea,div.row span.req select {
border: 1px solid #c2462c!important;
}
div.row span.req {
padding-right: 20px;
background: url(/images/exclamation.png) no-repeat 100% 50%;
}
p.error {
margin: 0 15px 3px 0;
padding-left: 30px;
color: #c2462c;
background: #fffeef url(/images/exclamation.png) no-repeat 5px 1px;
}
#submit {
clear: both;
font-weight: bold;
margin: 20px 0;
padding: 5px;
}
#msg {
width: 510px;
display: none;
color:#FFF;
font-weight:bold;
font-size:16px ;
padding: 15px 30px;
clear: both;
border: 1px solid #aa0f0f;
background: #dc3939;
position: relative;
}
#msg li {
color:#FFF;
font-size: 11px;
padding: 3px;
}
h2.success {
	padding-left: 20px;
	background: url(/images/accept.png) no-repeat 0 50%;
}

/* =Tables
----------------------------------------------- */
span.innernav a {
background: #495a78;
padding: 2px 5px;
color: #FFF;
text-decoration: none;
border: 2px solid #FFF;
}
span.innernav a:hover {
background: #ffac16;
color: #38332c;
}
.pagetable {
width: 565px;
margin-bottom: 20px;
}
.pagetable th {
text-align: center;
background: #495a78;
color: #FFF;
padding: 6px 4px;
margin: 1px;
border-left: 1px solid #5f708e;
border-bottom: 1px solid #FFF;
}
.pagetable td {
padding: 5px;
text-align: center;
background: #c0b49d;
border-bottom: 1px solid #FFF;
border-left: 1px solid #D8D1C3;
}
.pagetable td a {
padding: 3px;
display: block;
text-align: center;
background: #D8D1C3;
font-weight: bold;
text-decoration: underline;
}
.pagetable td a:hover {
background: #ffac16 url(images/nav-arrow.png) no-repeat 0 50%;
color: #fff;
text-decoration: none;
}
ul.formdetails {
margin: 20px;
}
ul.formdetails li {
padding-left: 5px;
border-left: 5px solid #495a78;
border-bottom: 1px solid #495a78;
margin-bottom: 5px;
font-weight: bold;
}
ul.formdetails li strong {
color: #495a78;
font-weight: normal;
}


.calendarBG {
background-color: #000;
}

.calendarBlank {
background-color: #9DB7A7;
}

.calendarHeader {
font-weight: bold;
color: #fff;
text-align: center;
background-color: #000;
}

.calendarMonthLinks {
font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size:         11px;
font-weight:		bold;
letter-spacing:	.1em;
text-decoration:   none;
color:             #fff;
background-color:  transparent;
}

.calendarMonthLinks a {
color:             #fff;
text-decoration:   none;
background-color:  transparent;

}

.calendarMonthLinks a:visited {
color:             #fff;
text-decoration:   none;
background-color:  transparent;
}

.calendarMonthLinks a:hover {
color:             #ccc;
text-decoration:   underline;
background-color:  transparent;
}

.calendarDayHeading {
font-weight: bold;
font-size:	11px;
color: #fff;
background-color: #195337;
text-align:  center;
vertical-align: middle;
}

.calendarToday {
font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size:         12px;
font-weight:		bold;
letter-spacing:	.1em;
text-decoration:   none;
text-align:  center;
vertical-align: middle;
color:             #000;
background-color: 	#ccc;
}

.calendarCell {
font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size:         12px;
font-weight:		bold;
letter-spacing:	.1em;
text-decoration:   none;
text-align:  center;
vertical-align: middle;
color:             #666;
background-color:  #fff;
}

.calendarCell a {
color:             #000;
text-decoration:   underline;
background-color:  transparent;
}

.calendarCell a:visited {
color:             #000;
text-decoration:   underline;
background-color:  transparent;
}

.calendarCell a:hover {
color:             #fff;
text-decoration:   none;
background-color:  transparent;
}

#tabsnav ul {
margin: 0;
padding:0;
}
#tabsnav ul li {
margin: 0 1px;
padding:0 5px;
background: none;
}
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { 
list-style: none;
position: relative;
padding: 2px 2px 0;
overflow: hidden;
top: 1px;
z-index: 1000;
}
.ui-tabs .ui-tabs-nav li { 
position: relative; 
float: left; 
border: 1px solid #827c72;
margin: 0 2px -1px 0; 
background: #ccc; 
}
.ui-tabs .ui-tabs-nav li a { 
float: left; 
text-decoration: none; 
padding: 5px 10px!important; 
color: black; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
padding-bottom: 1px; 
border-bottom-width: 0; 
background: #38332c!important; 
font-weight: bold;
color: #FFF!important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #FFF;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a  { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel	{ 
display: block; 
border-width: 0; 
background: none; 
border: 1px solid #827c72;
border-top-style: solid;
padding: 20px 15px 40px 15px; 
margin: 0 10px 20px 0;
position: relative; 
min-height: 200px; 
}
.ui-tabs .ui-tabs-hide { display: none !important; }

a.mover { background: #e07900; padding: 6px 12px; position: absolute;
color: white; font-weight: bold; text-decoration: none; }
.next-tab { bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.prev-tab { bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }