body
{
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 8pt; 
	background-color: #FFFFFF; 
	padding: 0px; 
	margin: 0px; 
}
.datepicker
{
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 8pt; 
	padding: 0px; 
	margin: 0px; 
}
.breadcrumbs
{
	
	left: 5px; 
	position: relative;
	top: 21px;
	
}

.container
{
	width: 900px; 
	margin: 0px auto; 
}
.menuBar
{
	padding: 5px; 
	border-bottom: 1px solid #DDDDDD; 
	text-align: right; 
}
.headerBar
{
	margin: 20px 0px 0px 0px; 
}



/* UI elements and widgets */
.textbox-100,
.textbox-150,
.textbox-200,
.textbox-250,
.textbox-300,
.textbox-325, 
.textbox-long,
.combo-long
{
	border: 1px solid #999999; 
	height: 17px; 
	font-size: 8pt; 
	padding: 3px 3px 0px 3px; 
}
.textbox-100
{
	background: #FFFFFF url(../../images/textbox-100.gif) repeat-x scroll -1px -1px; 
	width: 92px; 
}
.textbox-150
{
	background: #FFFFFF url(../../images/layout/textbox-150.gif) repeat-x scroll -1px -1px; 
	width: 142px; 
}
.textbox-200
{
	background: #FFFFFF url(../../images/layout/textbox-200.gif) repeat-x scroll -1px -1px; 
	width: 192px; 
}
.textbox-250
{
	background: #FFFFFF url(../../images/layout/textbox-250.gif) repeat-x scroll -1px -1px; 
	width: 242px; 
}
.textbox-300
{
	background: #FFFFFF url(../../images/layout/textbox-300.gif) repeat-x scroll -1px -1px; 
	width: 292px; 
}
.textbox-325
{
	background: #FFFFFF url(../../images/layout/textbox-325.gif) repeat-x scroll -1px -1px; 
	width: 317px; 
}
.textbox-long
{
	background: #FFFFFF url(../../images/layout/textbox-long.gif) repeat-x scroll -1px -1px; 
}

.combo-long
{
	background: #FFFFFF url(../../images/layout/textbox-long.gif) repeat-x scroll -1px -1px; 
	width: 355px;
}

select.textbox-100,
select.textbox-150,
select.textbox-200,
select.textbox-250,
select.textbox-300,
select.textbox-325, 
select.textbox-long,
select.combo-long

{
	height: 18px; 
	font-size: 8pt; 
	padding: 0px; 
}
select.textbox-100
{
}
select.textbox-150
{
}
select.textbox-200
{
}
select.textbox-250
{
}
select.textbox-300
{
}
select.textbox-325
{
}
select.textbox-long
{
}
select.combo-long
{
}


/* Button */
.button-40, 
.button-60, 
.button-75, 
.button-100
{
	border: none; 
	height: 34px; 
	font-size: 8pt; 
	padding: 3px;
	cursor: pointer;  
}
.button-40
{
	background: #FFFFFF url(../../images/layout/button-40.png) repeat-x scroll 0px 0px; 
	width: 52px; 
}
.button-60
{
	background: #FFFFFF url(../../images/button-60.png) repeat-x scroll 0px 0px; 
	width: 72px; 
}
.button-75
{
	background: #FFFFFF url(../../images/layout/button-75.png) repeat-x scroll 0px 0px; 
	width: 87px; 
}
.button-100
{
	background: #FFFFFF url(../../images/layout/button-100.png) repeat-x scroll 0px 0px; 
	width: 112px; 
}
.button-plain-40, 
.button-plain-60, 
.button-plain-75, 
.button-plain-100
{
	border: none; 
	height: 22px; 
	font-size: 8pt; 
	padding: 3px;
	cursor: pointer;  
}
.button-plain-40
{
	background: #FFFFFF url(../../images/layout/button-plain-40.png) repeat-x scroll 0px 0px; 
	width: 40px; 
}
.button-plain-60
{
	background: #FFFFFF url(../../images/layout/button-plain-60.png) repeat-x scroll 0px 0px; 
	width: 60px; 
}
.button-plain-75
{
	background: #FFFFFF url(../../images/layout/button-plain-75.png) repeat-x scroll 0px 0px; 
	width: 75px; 
}
.button-plain-100
{
	background: #FFFFFF url(../../images/layout/button-plain-100.png) repeat-x scroll 0px 0px; 
	width: 100px; 
}



/* Table that displays results */
.resultTable
{
	width: 900px;
	clear: both; 
}
.resultTable tr  
{
}
.resultTable tr td 
{
}
.resultTable .header
{
	color: #FFFFFF; 
	text-shadow: 1px 1px 2px #000;
	font-weight: bold; 
	height: 27px; 
}
.resultTable .header th, 
.resultTable .header td
{
	background: #BBBBBB url(../../images/layout/table-header-bg-middle.png) repeat-x scroll left top; 
}
.resultTable .header th.left, 
.resultTable .header td.left
{
	background: #BBBBBB url(../../images/layout/table-header-bg-left.png) repeat-x scroll left top;
	
}
.resultTable .header th.right, 
.resultTable .header td.right
{
	background: #BBBBBB url(../../images/layout/table-header-bg-right.png) repeat-x scroll right top;
	padding-right: 10; 
}
.resultTable .header th a, 
.resultTable .header td a 
{
	color: #FFFFFF; 
	text-decoration: none; 
}
.resultTable .header th a:hover, 
.resultTable .header td a:hover 
{
	color: #FFFFFF; 
	text-decoration: underline; 
}
.resultTable .row, 
.resultTable .rowAlternate
{
	height: 24px; 
}
.resultTable .row
{
}
.resultTable .rowAlternate
{
}
.resultTable .row:hover td
{
	background: #EEEEEE url(../../images/layout/table-row-bg-middle-over.png) repeat-x scroll left top; 
}
.resultTable .row:hover td.left
{
	background: #EEEEEE url(../../images/layout/table-row-bg-left-over.png) repeat-x scroll left top; 
}
.resultTable .row:hover td.right
{
	background: #EEEEEE url(../../images/layout/table-row-bg-right-over.png) repeat-x scroll right top; 
}
.resultTable .rowAlternate td
{
	background: #EEEEEE url(../../images/layout/table-row-alt-bg-middle.png) repeat-x scroll left top; 
}
.resultTable .rowAlternate td.left
{
	background: #EEEEEE url(../../images/layout/table-row-alt-bg-left.png) repeat-x scroll left top; 
}
.resultTable .rowAlternate td.right
{
	background: #EEEEEE url(../../images/layout/table-row-alt-bg-right.png) repeat-x scroll right top; 
}
.resultTable .rowAlternate:hover td
{
	background: #EEEEEE url(../../images/layout/table-row-alt-bg-middle-over.png) repeat-x scroll left top; 
}
.resultTable .rowAlternate:hover td.left
{
	background: #EEEEEE url(../../images/layout/table-row-alt-bg-left-over.png) repeat-x scroll left top; 
}
.resultTable .rowAlternate:hover td.right
{
	background: #EEEEEE url(../../images/layout/table-row-alt-bg-right-over.png) repeat-x scroll right top; 
}



/* Filter container */
.filterContainer
{
	position: relative; 
	float: left; 
	width: 900px; 
	margin: -42px 0px 20px 0px; 
	color: #666666; 
}
.filterContainer .row
{
	float: left; 
	width: 450px; 
	margin: 4px 225px; 
}
.filterContainer .row .label
{
	float: left; 
	width: 75px; 
	padding: 3px 0px; 
}
.filterContainer .row .itemLong
{
	float: left; 
	width: 375px; 
}
.filterContainer .row .itemMedium
{
	float: left; 
	width: 160px; 
}
.filterContainer .row .itemShort
{
	float: left; 
	width: 120px; 
}

.filterContainer .row select
{
	height: 21px; 
}


/* Audio player */
.audioPlayer
{
	position: fixed; 
	left: 50px; bottom: 50px; 
	width: 324px; 
	height: 348px; 
	background: transparent url(../../images/layout/audio-player-top.png) no-repeat scroll 0px 0px; 
	padding: 0px; 
}
.audioPlayer .headerBox
{
	width: 280px; 
	height: 25px; 
	background: #000099 url(../../images/layout/audio-player-titlebar.png) no-repeat scroll 0px 0px; 
	margin: 22px 22px 0px 22px; 
}
.audioPlayer .headerBox .label
{
	float: left; 
	color: #FFFFFF; 
	font-size: 9pt; 
	margin: 5px 5px; 
	text-shadow: 1px 1px 2px #000;
}
.audioPlayer .headerBox .closeButton
{
	float: right; 
	cursor: pointer; 
}
.audioPlayer .contentBox
{
	width: 270px; 
	background-color: #FFFFFF; 
	margin: 5px 22px 10px 22px; 
	padding: 5px; 
}
.audioPlayer .contentBox .row 
{
	float: left; 
	width: 270px; 
	margin: 2.5px 0px; 
}
.audioPlayer .contentBox .row .label
{
	float: left; 
	width: 60px; 
	margin: 3px 0px; 
}
.audioPlayer .contentBox .row .input
{
	float: left; 
	width: 210px; 
}
.audioPlayer .footerBox
{
	position: absolute; 
	left: 0px; bottom: 0px; 
	width: 324px; 
	height: 25px; 
	background: transparent url(../../images/layout/audio-player-bottom.png) no-repeat scroll 0px 0px; 
}

.greyText 
{
	color: #888888; 
}
.errorText 
{
	color: #AA0000; 
}



/* Login page */
.loginContainer
{
	margin: 80px auto; 
	width: 650px; 
}
.loginContainer .loginLogo
{
	position: absolute; 
	margin: 0px 0px 0px 125px; 
}
.loginContainer .loginBlurb
{
	position: relative; 
	width: 400px; 
	padding: 100px 125px 0px 253px; 
	font-size: 11pt; 
	color: #999999; 
	font-weight: normal; 
	z-index: 100; 
	
}


.standards
{
	position: relative; 
	width: 400px; 
	padding: 0px 0px 0px 0px; 
	font-size: 8pt;
	color: gray;
	font-weight: normal; 
	z-index: 100; 
	text-decoration: none;
	
	
}


.loginContainer .loginBox
{
	float: left; 
	width: 400px; 
	margin: 0px; 
	padding: 50px 0px 70px 250px; 
}
.loginContainer .loginBox .row
{
	float: left; 
	width: 400px; 
	margin: 0px; 
}
.loginContainer .loginBox .row .label
{
	float: left; 
	width: 75px; 
	margin: 7px 0px; 
}
.loginContainer .loginBox .row .input
{
	float: left; 
	width: 250px; 
	margin: 4px 0px; 
}
.loginContainer .loginBox .row .buttonContainer
{
	float: left; 
	width: 100px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 69px; 
}



/* Page footer */
.pageFooter
{
	top: 450px; 
	text-align: center; 
	color: #555555; 
	clear: both;
	font-size: 7pt; 
	margin: 75px auto 0px auto; 
	width: 650px; 
	padding: 0px; 
}
.pageFooter ul
{
	border-top: 1px solid #CCCCCC; 
	list-style-type: none; 
	padding: 10px 0px; 
	margin: 5px 0px 15px 0px; 
}
.pageFooter ul li
{
	display: inline; 
	margin: 0px; 
	padding: 0px 12px 0px 12px; 
	border-left: 1px solid #CCCCCC; 
	font-size: 8pt; 
}
.pageFooter ul li:first-child 
{
	border-left: 0px solid #CCCCCC; 
}
.pageFooter ul li a
{
	color: #444444; 
	text-decoration: none; 
}
.pageFooter ul li a:hover
{
	color: #444444; 
	text-decoration: underline; 
}
.pageFooter div a 
{
	color: #555555; 
	text-decoration: none; 
}
.pageFooter div a img 
{
	border: 0px solid #FFFFFF; 
	margin: 5px 0px 0px 0px; 
}