#main #app fieldset { width: 97%; }

/* HIDE HELP BUTTON FOR NOW */
#main .helpButton { visibility: hidden !important; }

.windowBody  { width: 630px !important; background-image: none !important;
background-color: #69743c; margin: 0 !important; padding: 0 !important; }

.windowBody #main { width: 600px !important;
margin: 0 auto !important;background-image: none !important; }

html .windowBody #container { width: 600px !important; margin: 0 0 0 3px !important;
padding: 35px 10px !important;
overflow-x: hidden; background-image: none !important;}
.windowBody #container { border: 14px solid #69743c; background-color: #ffffff !important; }
.windowBody #app, .windowBody .contentBlock { width: 580px !important; }


fieldset.secondhalf { position: relative; left: 15px; }
.login fieldset { height: 12.3em; }

#main #app h3 { margin-top: 1em !important; padding-top: 3px; margin-left: 2px !important; }

#main #app .fullwidth { width: 100%; }
#main #app .threefourths { width: 70%; }
#main #app .onefourth { width: 23%; position: relative; left: 4px; }

#main #app fieldset p { margin: 0.2em !important; }

#main #app fieldset strong.required { font-size: 1.2em; line-height: 0.8; padding-right: 1px; position: relative;
top: 2px;}

.txtBox250 { width: 250px; }

#welcometext { font-size: 1.3em; color: #657338; font-style: italic; }

.menuhighlight a { background: #f9d47c url(http://www.magellanofaz.com/newaz/minus.gif) left top no-repeat !important; }

div#closeLink { position: absolute; top: -22px;
right: 17px; z-index: 9999 !important; font-size: 14px; text-align: right; }
div#closeLink a { text-decoration: none; color: #ffffff; font-weight: bold; }
div#closeLink a:hover { color: #f9d47c; }



p.actionbuttons { border-top: 1px solid #dddddd; padding-top: 6px; width: 96.5%; }


div.cleared { height: 1px; overflow: hidden !important; }

#main #app .bottombdr { border-bottom: 1px solid #dddddd !important; padding-bottom: 7px !important; }
#main #app div.bottombdr { margin-left: 5px; width: 97%; position: relative; top: -3px; }
form#loginForm { float: left; margin-left: -170px !important; margin-left: -160px;
width: 260px; margin-top: 1em; position: relative; }
form#loginForm fieldset { width: 98%;
background-image: url(../images/loginbg.gif);
background-position: left -1.3em !important; background-position: left 0; background-repeat: repeat-x; }
form#loginForm fieldset legend { color: #993300; }
form#loginForm p.actionbuttons { position: absolute; right: 5px; border-top: 0px none #ffffff;
padding-top: 0; width: auto;
text-align: right; top: 3.5em !important; z-index: 9999;  }

div#menuContacts { display: block; font-size: 10px; }
div#menuContacts h4 { color: #993300; margin-left: 12px; font-weight: bold; font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif; }
div#menuContacts dt { font-weight: bold; }
div#menuContacts dd { margin-left: 1.5em; margin-bottom: 8px; }

form p { position: relative; }

div#errors { clear: both; width: 99%; position: relative; top: -10px; }
#errors .errorLabel { font-size: 105%; font-weight: normal; }
.errorLabel strong { color: #bb0000; font-weight: bold; }

#main #app span.insideSmall { display: block; float: left; width: 80px !important; position: relative; left: 10px; }
#main #app span.insideBig { display: block; float: left; width: 165px; }

div#homecopy { float: left; width: 435px; position: relative; left: 30px !important; left: 10px; top: 16px; }

#navContent li, #navContent li a { float: right !important; }

.hideLabel { visibility: hidden !important; }

html body fieldset p.blockp { padding: 0.5em 0 !important; }

.errorEd { border: 1px solid #ff0000; color: #eeeeee; }
.errorEd option { color: #cc0000 !important; }

.odd, .odd td { background-color: #eeeeee; }

.centered { text-align: center !important; }
.resultsTable { border-bottom: 2px solid #dddddd; }
.resultsTable td { padding: 2px 5px !important; }
.headerSort { font-size: 0.9em; background-image: url(../images/sortdefault.gif); background-position: right;
background-repeat: no-repeat; padding-right: 9px; }
.headerAsc { background-image: url(../images/sortasc.gif); }
.headerDesc { background-image: url(../images/sortdesc.gif); }
.sortDisabled { cursor: default !important; background-image: none !important; padding-right: 0;}

.first { background-image: url(../images/First.gif); }

html body #app h3.bottomBorder { width: 99%; font-size: 110% !important;
color: #003832 !important;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
border-top: 0 none #ffffff !important;
border-bottom: 2px solid #dddddd !important; margin-bottom: 1.1em !important; padding-bottom: 0 !important;
}
html body #app h3.bottomBorder span { background-color: #ffffff; padding: 0 3px; position: relative;
top: 0.6em; left: 1em; }

div#searchResults { margin-bottom: 3em; }

input.txtDateBox { width: 88px !important; }

#main #app input, #main #app select, #main #app textarea {
border: 1px solid #7f9db9; }
#main #app input.checkBox, #main #app input.radio { border: 0px none #ffffff !important; }

#main label.subLabel { font-weight: normal; color: #000000; position: relative; left: 2px;}

#main #app span.shortLabel { width: 8em; }

#main #mastHeadNav big { font-size: 10px; font-weight: bold; }
#main #mastHeadNav strong { color: #ffffff; }

body #main #app legend.midLegend { position: relative; text-indent: 4px; line-height: 1.2;
color: #3f4519; margin-left: 2px;
margin-right: -18px; margin-bottom: 4px; padding-bottom: 1px;
font-size:90% !important; clear: both !important; width: 550px;
}

form fieldset.noBorder legend.midLegend span { 
display: block !important; border-bottom: 1px solid #dddddd;
width: 270px;
clear: both !important; position: relative !important; top: 6px !important;
left:267px !important; left: 262px;
}
/* FOR COLLAPSING HEADERS AND BOXES ON COACH Q PAGES */

.collapseHeader 
	{ 
	background-color: #eeeeee; 
	background-image: url(../images/arrow-left.gif); 
	background-position: left center;
	background-repeat: no-repeat; 
	cursor: pointer; cursor: hand;    /* TWO SETTINGS - ONE IS FOR IE */ 
	margin: 4px 0 !important; 
	padding: 2px 0 0 0; 
	text-indent: 21px;
	font-size: 14px;
	}

h4.collapseHeader 
	{ 
	background-image: url(../images/arrow-left.gif); 
	text-indent: 15px;
	}
	
.tcontrolOn 
	{ 
	background-image: url(../images/arrow-down.gif); 
	}
	
h4.tcontrolOn 
	{ 
	background-image: url(../images/arrow-down.gif); 
	}	
	
.taskbox 
	{ 
	margin-left: 23px; 
	}

.taskbox h3, .taskbox .resultsTable 
	{ 
	margin: 4px 0 !important; 
	}

.qTable td 
	{ 
	padding: 3px 4px !important; 
	}
	
.qTable td input 
	{ 
	position: relative; 
		top: -4px; 
	}

/* END COLLAPSING HEADER STYLES */
/* ---------------------------------------------------------------------------------------------------------- */
/* styles for tabbed secondary menu in Events */
/* ---------------------------------------------------------------------------------------------------------- */

ul#tabBar, ul#tabBar li { margin: 0; padding: 0; list-style-type: none; }

ul#tabBar { display: block; height: 30px; overflow: hidden; clear: both; width: 99.8%; float: left; margin: 1em 0;
position: relative; left: 0px; border-bottom: 1px solid #c0c0c0; }

ul#tabBar li, ul#tabBar li a { display: block; float: left; background-color: transparent;  width: 143px; 
background-repeat: no-repeat; overflow-x: hidden; 
}

ul#tabBar li.long, ul#tabBar li.long a { width: 183px; }

ul#tabBar li { margin-left: -13px; height: 34px; }

ul#tabBar li a { background-image: url(../images/tabgraphic1.gif); text-align: center; height: 25px; padding-top: 9px;
font-size: 1.2em; text-decoration: none; position: relative; z-index: 5; font-weight: bold; background-position: bottom; background-repeat: no-repeat; }

ul#tabBar li.long a { background-image: url(../images/tabgraphic1long.gif); }

ul#tabBar li a:hover { z-index: 9999; background-position: top; }
ul#tabBar li a.first { margin-left: 11px; }

ul#tabBar li.selected a { cursor: default !important; z-index: 999; background-position: top; }
ul#tabBar li.selected a:hover { color: #293f6f; cursor: default !important;}

/* ---------------------------------------------------------------------------------------------------------- */
/* end tabbar styling */

/* for paged tables */

div.pager { position: static !important; 
clear: both !important; width: 100%; 
margin-top: -8px;
margin-bottom: 8px;
background-color: <c:out value="${shading}" />; 
padding: 3px 0; 
}

div.pager form { text-align: center; width: 94%; position: relative; top: 3px; }
div.pager form .textTiny { width: 4em; text-align: center; background-color: transparent;
border: 0px none #ffffff; font-size: 13px; color: <c:out value="${deepaccent}" />;
position: relative; font-weight: bold; top: 1px;
}

div.pager span.pagerRes { top: 0; }
div.pager form label, div.pager form select { display: inline;
 }
div.pager form label { position: absolute; right: -6%; }
div.pager form label span { font-size: 13px; color: <c:out value="${mediumaccent}" />;
font-style: italic;
position: relative; font-weight: bold; top: -1px;}
div.pager img { position: relative; top: 3px; }

/* end paged tables */

/* for sortable tables only */

.resultsTable th {
	background-image: url(../../Images/Icons/tablesortupdown.gif);
	background-position: bottom right; background-repeat: no-repeat;
	padding-right: 13px;
	cursor: pointer; cursor: hand;
}

th.headerSortUp { 
    background-image: url(../../Images/Icons/tablesortup.gif); 
    background-color: <c:out value="${mediumaccent2}" />; 
}
th.headerSortDown { 
    background-image: url(../../Images/Icons/tablesortdown.gif); 
    background-color: <c:out value="${mediumaccent2}" />; 
} 

.bordered th.headerSortUp { 
    background-image: url(../../Images/Icons/tablesortup-white.gif); 
}
.bordered th.headerSortDown { 
    background-image: url(../../Images/Icons/tablesortdown-white.gif); 
} 

.bordered th.headerSortUp, .bordered th.headerSortDown {
	background-color: <c:out value="${mediumaccent}" />;
	color: <c:out value="${papercolor}" />;
}

table th.notSort { background-image: none !important; 
background-color: <c:out value="${lightaccent2}" /> !important;
cursor: default !important;
}

	table th.notSort span {
		 color: <c:out value="${lightaccent2}" /> !important;
		 }
		 
table.bordered th.notSort { 
	background-color: <c:out value="${lightaccent}" /> !important; 
	}
	
	table.bordered th.notSort span 	{
		color: <c:out value="${lightaccent}" /> !important; 
		}