﻿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
{
	position: absolute;
	left: 5px; 
	top: 7px;
}

.container
{
	width: 900px; 
	margin: 0px auto; 
	z-index: 1999; 
}
.menuBar
{
	padding: 5px; 
	border-bottom: 1px solid #DDDDDD; 
	text-align: right; 
	z-index: 1999; 
}
.headerBar
{
	position: absolute; 
	margin: 0px; 
	z-index: 1999; 
	text-align: left; 
	width: 100%; 
	top: 50px; 
	left: 0px; 
}
.headerBar a
{
	display: inline-block; 
	margin-left: 15%;
}

.externalContent
{
	margin: 0px auto; 
	margin-top: 100px; 
	width: 600px; 
}



/* UI elements and widgets */
.select
{
	height: 10px; 
	font-size: 8pt; 
	padding: 0px; 
	background: #FFFFFF url(../../images/layout/textbox-long.gif) repeat-x scroll -1px -1px; 
	border: 1px solid #999999; 
}

.textbox,
.textbox-100,
.textbox-125,
.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; 
}
.combo-long
{
}
.textbox
{
	background: #FFFFFF url(../../images/layout/textbox-long.gif) repeat-x scroll -1px -1px; 
}
.textbox-100
{
	background: #FFFFFF url(../../images/layout/textbox-100.gif) repeat-x scroll -1px -1px; 
	width: 92px; 
}
.textbox-125
{
	background: #FFFFFF url(../../images/layout/textbox-150.gif) repeat-x scroll -1px -1px; 
	width: 117px; 
}
.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/layout/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 */

.clickable 
{
	cursor: pointer ;  
}
.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 .row1, 
.resultTable .rowAlternate
{
	height: 24px; 
}
.resultTable .row1
{
	height: 24px;
}
.resultTable .row
{
	height : 23px;
}
.resultTable .rowAlternate
{
}
.resultTable .row1:hover td
{
	background: #EEEEEE url(../../images/layout/table-row-bg-middle-over.png) repeat-x scroll left top; 
}
.resultTable .row1:hover td.left
{
	background: #EEEEEE url(../../images/layout/table-row-bg-left-over.png) repeat-x scroll left top; 
}
.resultTable .row1:hover td.right
{
	background: #EEEEEE url(../../images/layout/table-row-bg-right-over.png) repeat-x scroll right top; 
}
.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: 950px; 
	margin: 80px 0px 20px 0px; 
	color: #666666; 
}
.filterContainer .row
{
	float: left; 
	width: 500px; 
	margin: 4px 225px; 
}
.filterContainer .row .label
{
	float: left; 
	width: 100px; 
	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; 
	z-index: 2000; 
}
#booking h3 
{
	background-color:#F5F5F5 ;
	text-align:center ;
	font-size: 9pt;
	margin: 0px;
}
#booking 
{
	left: 400px; 
}
	
.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: 750px; 
}
.loginContainer .loginLogo
{
	position: absolute; 
	margin: 0px 0px 0px 125px; 
}
.loginContainer .loginBlurb
{
	position: relative; 
	width: 300px; 
	padding: 100px 125px 0px 245px; 
	font-size: 11pt; 
	color: #999999; 
	font-weight: normal; 
	z-index: 100; 
}
.loginContainer .loginBox
{
	float: left; 
	width: 400px; 
	margin: 0px; 
	padding: 50px 0px 70px 245px; 
}
.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; 
}


.mainmenuleft, .mainmenuright 
{
	text-align:left; 
	position: relative; 
	left: 150px;
	top: 40px;
	float: left; 
	width: 200px; 
	margin: 60px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	 
}

.mainmenuleft h3,.mainmenuright h3
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	color: black;
}

.mainmenuright
{
	left: 200px;
}

.mainmenuleft ul li,
.mainmenuright ul li
{
	margin: 10px 0px; 
}

.mainmenuleft a,
.mainmenuright a
{
	color :gray ;
	text-decoration: none; 
}
.mainmenuleft a:hover,
.mainmenuright a:hover
{
	color :Navy ;
	text-decoration: none; 
}

/* Page footer */
.pageFooter
{
	top: 450px; 
	text-align: center; 
	color: #555555; 
	clear: both;
	font-size: 7pt; 
	margin: 75px auto 0px auto; 
	width: 750px; 
	padding: 40px 0px 0px 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; 
}

 /* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT_arrow_left{
	background-image: url(../../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right
{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p
{
	margin:3px 0;
}

#JT_copy img
{
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.exportselector
{
	background-color:Maroon;
	margin: 10px 325px; 
	width: 300px; 
	border-style:solid;
	border-width:thin ; 
}

/*------------ Jquery Elements ------------------------------------ */
/* Advanced Check List */
/*
.ui-dropdownchecklist-wrapper
{
	color: #000000; 
/*
	border: none!important; 
	background: none; 
	height: 17px; 
	font-size: 8pt; 
	padding: 3px 3px 0px 3px; 
	background: #FFFFFF url(../../images/layout/textbox-100.gif) repeat-x scroll -1px -1px; 
*|/
}
.ui-dropdownchecklist-wrapper
{
/*
	border: 1px solid #999999; 
	background: #FFFFFF url(../../images/layout/textbox-long.gif) repeat-x scroll -1px -1px; 
	background: #FFFFFF url(../../images/layout/textbox-long.gif) repeat-x scroll -1px -1px; *|/
}
.ui-dropdownchecklist-text
{
/*
	border: 1px solid #999999; 
	background-color: Transparent; 
*|/
}
.ui-dropdownchecklist
{
	height: 20px;
	border: 1px solid #ddd;
	border-right: 0;
	background: #fff url(../../images/dropdown.png) no-repeat center right;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active
{
	background-image: url(../../images/dropdown_hover.png); 
	border-color: #5794bf;
}

.ui-dropdownchecklist-text
{
	height: 10px; 
	font-size: 8pt; 
	padding: 3px;
/*	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-right: 17px; /* background dropdown.png image *|/
}

.ui-dropdownchecklist-dropcontainer
{
	background-color: #fff;
	border: 1px solid #999;
}

.ui-dropdownchecklist-item
{
	
}

.ui-dropdownchecklist-item-hover
{
	background-color: #39f;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text
{
	color: #fff;
}

.ui-dropdownchecklist-group
{
	font-weight: bold;
	font-style: italic;
}

.ui-dropdownchecklist-indent
{
	padding-left: 20px;
}
  #draggable { width: 100px; height: 70px; background: silver; }
*/
