/* ######################################## */
/* ## Element styles                     ## */
/* ######################################## */

body
{
	background-color: #FFFFFF;
	font-family: Arial, Sans-Serif;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	cursor: default; 
}

form
{
	margin: 0px;
	padding: 0px;
}

hr
{
	display: none; 
}

/* ######################################## */
/* ## Widget styles                      ## */
/* ######################################## */
.advancedCheckBox
{
	position: relative; 
	display: block; 
	float: left; 
	height: 25px; 
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 2px 4px;
}
.advancedCheckBox .ui-boxleft, 
.advancedCheckBox .ui-boxright
{
	position: relative; 
	float: left; 
	width: 5px; 
	height: 25px; 
	padding: 0px; 
	margin: 0px; 
}
.advancedCheckBox .ui-boxleft
{
	background: transparent url(/Images/Layout/textbox-white-left.png) no-repeat left center;
}
.advancedCheckBox .ui-boxright
{
	background: transparent url(/Images/Layout/textbox-white-right.png) no-repeat right center;
}
.advancedCheckBox .ui-boxmiddle
{
	position: relative; 
	float: left; 
	height: 25px; 
	padding: 0px; 
	margin: 0px; 
	background: transparent url(/Images/Layout/textbox-white-middle.png) repeat-x left center;
}
.advancedCheckBox .ui-boxmiddle select 
{
}
.ui-dropdownchecklist-dropcontainer-wrapper
{
	z-index: 9999999; 
}
.ui-dropdownchecklist-wrapper
{
	height: 25px;
	overflow: hidden;
	margin: 0px; 
	z-index: 500; 
}
.ui-dropdownchecklist-wrapper .ui-dropdownchecklist
{
	border: none !important;
	height: 25px;
	font-family: Arial, Sans-Serif;
	font-weight: bold !important;
	color: #555555;
	border: 1px solid #AAAAAA;
	padding: 0px 0px;
	margin: 0px !important;
	height: 25px;
}
/* Comma separated list that the user sees */
.ui-dropdownchecklist-wrapper .ui-dropdownchecklist .ui-dropdownchecklist-text
{
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('/Images/Layout/dropdown.png') no-repeat right top;
	height: 16px;
	overflow: hidden; 
}
.ui-dropdownchecklist-wrapper .ui-dropdownchecklist .ui-dropdownchecklist-text:hover
{
	background: url('/Images/Layout/dropdown_hover.png') no-repeat right top;
}

.ui-dropdownchecklist-dropcontainer
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 0px 0px;
	margin: -1px 0px;
}

.ui-dropdownchecklist-item
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 2px 0px;
	margin: 0px 0px;
}

.ui-dropdownchecklist-item-hover
{
	background-color: #5588DD;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text
{
	color: #FFFFFF;
}

.ui-dropdownchecklist-group
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 3px 2px 3px; 
	background-color: #DDDDDD; 
}

.ui-dropdownchecklist-indent
{
	padding-left: 20px;
}

/* Text boxes */
.textbox-50, .textbox-75, .textbox-100, .textbox-150, .textbox-200, .textbox-250, .textbox-300, .textbox-400, .textbox-500
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	color: #555555;
	padding: 4px 3px 0px 3px;
	border: 0px none #FFFFFF;
	height: 21px;
	margin: 0px;
	vertical-align: middle;
	background-color: Transparent;
}
.textbox-50
{
	background-image: url(/Images/Layout/textbox-white-50.png);
	width: 44px;
}
.textbox-75
{
	background-image: url(/Images/Layout/textbox-white-75.png);
	width: 69px;
}
.textbox-100
{
	background-image: url(/Images/Layout/textbox-white-100.png);
	width: 94px;
}
.textbox-150
{
	background-image: url(/Images/Layout/textbox-white-150.png);
	width: 144px;
}
.textbox-200
{
	background-image: url(/Images/Layout/textbox-white-200.png);
	width: 194px;
}
.textbox-250
{
	background-image: url(/Images/Layout/textbox-white-250.png);
	width: 244px;
}
.textbox-300
{
	background-image: url(/Images/Layout/textbox-white-300.png);
	width: 294px;
}
.textbox-400
{
	background-image: url(/Images/Layout/textbox-white-400.png);
	width: 394px;
}
.textbox-500
{
	background-image: url(/Images/Layout/textbox-white-500.png);
	width: 494px;
}
.dropdown-50, .dropdown-75, .dropdown-100, .dropdown-150, .dropdown-200, .dropdown-250, .dropdown-300, .dropdown-400, .dropdown-500
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	color: #555555;
	padding: 4px; 
	border: 0px none #FFFFFF;
	height: 25px; 
	margin: 0px;
	vertical-align: middle;
	background-color: #FFFFFF;
}
.dropdown-50
{
	background-image: url(/Images/Layout/textbox-white-50.png);
	width: 50px;
}
.dropdown-75
{
	background-image: url(/Images/Layout/textbox-white-75.png);
	width: 75px;
}
.dropdown-100
{
	background-image: url(/Images/Layout/textbox-white-100.png);
	width: 100px;
}
.dropdown-150
{
	background-image: url(/Images/Layout/textbox-white-150.png);
	width: 150px;
}
.dropdown-200
{
	background-image: url(/Images/Layout/textbox-white-200.png);
	width: 200px;
}
.dropdown-250
{
	background-image: url(/Images/Layout/textbox-white-250.png);
	width: 250px;
}
.dropdown-300
{
	background-image: url(/Images/Layout/textbox-white-300.png);
	width: 300px;
}
.dropdown-400
{
	background-image: url(/Images/Layout/textbox-white-400.png);
	width: 400px;
}
.dropdown-500
{
	background-image: url(/Images/Layout/textbox-white-500.png);
	width: 500px;
}


/* Buttons */
.button-orange-big, .button-orange-50, .button-orange-75, .button-orange-100, .button-orange-125, .button-grey-big, .button-grey-50, .button-grey-75, .button-grey-100, .button-grey-125, .button-blue-big, .button-blue-50, .button-blue-75, .button-blue-100, .button-blue-125, .button-green-big, .button-green-50, .button-green-75, .button-green-100, .button-green-125
{
	border: 0px none #FFFFFF;
	padding: 0px;
	height: 25px;
	margin: 0px;
	vertical-align: middle;
	background-color: Transparent;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Arial, Sans-Serif;
	color: #FFFFFF!important; 
	text-shadow: 1px 1px 2px #000000; 
	cursor: pointer; 
}
.button-orange-big:disabled, .button-orange-50:disabled, .button-orange-75:disabled, .button-orange-100:disabled, .button-orange-125:disabled, .button-grey-big:disabled, .button-grey-50:disabled, .button-grey-75:disabled, .button-grey-100:disabled, .button-grey-125:disabled, .button-blue-big:disabled, .button-blue-50:disabled, .button-blue-75:disabled, .button-blue-100:disabled, .button-blue-125:disabled, .button-green-big:disabled, .button-green-50:disabled, .button-green-75:disabled, .button-green-100:disabled, .button-green-125:disabled 
{
	text-shadow: 0px 0px 5px #888888; 
	color: #777777; 
}
a.button-orange-big, a.button-orange-50, a.button-orange-75, a.button-orange-100, a.button-orange-125, a.button-grey-big, a.button-grey-50, a.button-grey-75, a.button-grey-100, a.button-grey-125, a.button-blue-big, a.button-blue-50, a.button-blue-75, a.button-blue-100, a.button-blue-125, a.button-green-big, a.button-green-50, a.button-green-75, a.button-green-100, a.button-green-125
{
	display: inline-block; 
	text-align: center; 
	height: 19px; 
	color: #FFFFFF; 
	text-decoration: none; 
	padding: 6px 0px 0px 0px; 
	background-position: top center; 
}
.button-orange-big
{
	background-image: url(/Images/Layout/button-orange-75.png);
	width: 100px;
	height: 40px;
}
.button-orange-50
{
	background-image: url(/Images/Layout/button-orange-50.png);
	width: 50px;
}
.button-orange-75
{
	background-image: url(/Images/Layout/button-orange-75.png);
	width: 75px;
}
.button-orange-100
{
	background-image: url(/Images/Layout/button-orange-100.png);
	width: 100px;
}
.button-orange-125
{
	background-image: url(/Images/Layout/button-orange-125.png);
	width: 125px;
}
.button-blue-big
{
	background-image: url(/Images/Layout/button-blue-75.png);
	width: 100px;
	height: 40px;
}
.button-blue-50
{
	background-image: url(/Images/Layout/button-blue-50.png);
	width: 50px;
}
.button-blue-75
{
	background-image: url(/Images/Layout/button-blue-75.png);
	width: 75px;
}
.button-blue-100
{
	background-image: url(/Images/Layout/button-blue-100.png);
	width: 100px;
}
.button-blue-125
{
	background-image: url(/Images/Layout/button-blue-125.png);
	width: 125px;
}
.button-grey-big
{
	background-image: url(/Images/Layout/button-orange-75.png);
	width: 100px;
	height: 40px;
}
.button-grey-50
{
	background-image: url(/Images/Layout/button-grey-50.png);
	width: 50px;
}
.button-grey-75
{
	background-image: url(/Images/Layout/button-grey-75.png);
	width: 75px;
}
.button-grey-100
{
	background-image: url(/Images/Layout/button-grey-100.png);
	width: 100px;
}
.button-grey-125
{
	background-image: url(/Images/Layout/button-grey-125.png);
	width: 125px;
}
.button-green-big
{
	background-image: url(/Images/Layout/button-grey-big.png);
	width: 100px;
	height: 40px;
}
.button-green-50
{
	background-image: url(/Images/Layout/button-green-50.png);
	width: 50px;
}
.button-green-75
{
	background-image: url(/Images/Layout/button-green-75.png);
	width: 75px;
}
.button-green-100
{
	background-image: url(/Images/Layout/button-green-100.png);
	width: 100px;
}
.button-green-125
{
	background-image: url(/Images/Layout/button-green-125.png);
	width: 125px;
	height: 25px;
}

/* Date box */
.datebox
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    display: inline-block; 
	padding: 0px;
	margin: 0px;
	width: 100px;
	height: 25px;
	background: url('/Images/Layout/textbox-white-100.png') no-repeat left top;
}
.datebox input
{
	display: inline-block; 
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	color: #555555;
	margin: 0px;
	padding: 4px 3px 0px 4px;
	border: 0px none #FFFFFF;
	height: 21px;
	width: 90px; 
	background: url('/Images/Layout/calendar-normal.png') no-repeat right center;
}
.datebox input:hover, 
.datebox input:focus 
{
	background: url('/Images/Layout/calendar-hover.png') no-repeat right center;
}
.datebox input:focus 
{
	color: #000000; 
}

/* Arrow links */
.arrow-link-orange, .arrow-link-grey, .arrow-link-blue, .arrow-link-green
{
	background-color: Transparent;
	background-position: left center;
	background-repeat: no-repeat;
	color: #555555;
	text-decoration: none;
	padding: 0px 0px 0px 22px;
	margin: 0px 8px;
}
.arrow-link-orange
{
	background-image: url(/Images/Layout/arrow-orange.gif);
}
.arrow-link-grey
{
	background-image: url(/Images/Layout/arrow-grey.gif);
}
.arrow-link-blue
{
	background-image: url(/Images/Layout/arrow-blue.gif);
}
.arrow-link-green
{
	background-image: url(/Images/Layout/arrow-green.gif);
}

.failure-text
{
	display: block;
	clear: both;
	float: left;
	font-weight: bold;
	color: #CC0000;
	margin: 5px 0px;
	padding: 2px;
}

.disabled-text
{
	color: #AAAAAA; 
}

.contentBlockFullWidth
{
	display: inline-block; 
	width: 100%; 
}

/* ######################################## */
/* ## Layout                             ## */
/* ######################################## */

.containerBox
{
	margin: 0px auto; 
	background: #FFFFFF url(/Images/Layout/top-background.jpg) no-repeat top right; 
}

/* ## Page header ## */
.containerBox .headerBox
{
	position: absolute; 
	margin: 0px;
	padding: 0px;
	left: 0px; 
	top: 0px; 
	right: 0px; 
	height: 85px;
}
.containerBox .headerBox .logo
{
	position: absolute; 
	width: 120px;
	height: 85px;
	margin: 0px;
	padding: 0px; 
	left: 0px; 
	top: 0px; 
}
.containerBox .headerBox .logo h1 
{
	margin: 0px; 
}
.containerBox .headerBox .logo h1 a
{
	float: left;
	width: 150px;
	height: 85px;
	background: url('/Images/Layout/layout-logo.png') no-repeat left top;
}
.containerBox .headerBox .logo h1 a span
{
	display: none;
}
.containerBox .headerBox .userName
{
	position: absolute; 
	width: 250px; 
	top: 60px; 
	right: 15px; 
	margin: 0px;
	text-align: right; 
}
.containerBox .headerBox .userName h2
{
	font-family: Arial, Sans-Serif; 
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}


/* ------------------------- */
/* - Menu bar -------------- */
.menuBox
{
	position: absolute;
	height: 40px;
	top: 25px; 
	right: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 25px 0px 0px;
	z-index: 400; 
	width: 500px; 
}
.menuBox .menuBarItem
{
	float: right; 
	display: inline-block; 
	margin: 0px; 
	z-index: 400; 
}
.menuBox .menuBarItem a.menuLink,
.menuBox .menuBarItem a.menuLinkDropDown
{
	display: block; 
	color: #000000;
	text-decoration: none;
	height: 25px;
	font-size: 18px;  
	font-weight: normal; 
	text-shadow: 1px 1px 1px #AAAAAA; 
	margin: 10px 10px 0px 0px; 
	padding: 0px 0px 0px 30px;
}
.menuBox .menuBarItem a.menuLinkDropDown
{
	padding-right: 15px; 
	background: transparent url(/Images/Layout/down-arrow.png) no-repeat scroll right 5px; 
}
/* - Menu box -------------- */
div.menuBox div.rmenubox
{
	position: absolute; 
	top: 0px; 
	margin: 0px; 
	cursor: default; 
	z-index: 10; 
	width: 250px; 
}
div.menuBox div.rmenubox div
{
	float: left; 
}
div.menuBox div.rmenubox div.tab
{
	position: absolute; 
	right: 20px; 
	top: 5px; 
	z-index: 1000; 
	height: 35px; 
	padding: 0px; 
}
div.menuBox div.rmenubox div.tab div.r 
{
	width: 15px; 
	height: 54px; 
}
div.menuBox div.rmenubox div.tab div.m 
{
	height: 54px; 
	padding: 0px 0px 0px 10px; 
}
div.menuBox div.rmenubox div.tab div.m p 
{
	margin: 20px 10px 0px 10px; 
	padding: 0px; 
}
div.menuBox div.rmenubox div.tab div.m h2 
{
	margin: 0px 0px 0px 0px;
	color: #AABBCC;
	font-size: 18px;
	height: 25px; 
	font-weight: normal;
	text-shadow: 1px 1px 1px #AAAAAA; 
	text-decoration: none;
	visibility: hidden; 
}
div.menuBox div.rmenubox div.tab div.m h2 a 
{
	padding: 0px 15px 0px 0px;
}
div.menuBox div.rmenubox div.tab div.l, 
div.menuBox div.rmenubox div.tab div.r, 
div.menuBox div.rmenubox div.mainbox
{
	display: none; 
}
/* HOVER */
div.menuBox div.rmenubox:hover
{
	z-index: 2000; 
}
div.menuBox div.rmenubox:hover div.tab div.l, 
div.menuBox div.rmenubox:hover div.tab div.r, 
div.menuBox div.rmenubox:hover div.mainbox
{
	display: block; 
}
div.menuBox div.rmenubox:hover 
{
	z-index: 9; 
}
div.menuBox div.rmenubox:hover div.tab
{
	position: absolute; 
	height: 54px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	z-index: 1000; 
}
div.menuBox div.rmenubox:hover div.tab div.l 
{
	width: 15px; 
	height: 54px; 
	background: url('/Images/Layout/rmbox-tab-l.png') no-repeat left top;
}
div.menuBox div.rmenubox:hover div.tab div.m 
{
	height: 54px; 
	background: url('/Images/Layout/rmbox-tab-m.png') repeat-x left top;
}
div.menuBox div.rmenubox:hover div.tab div.m p 
{
	margin: 20px 10px 0px 10px; 
}
div.menuBox div.rmenubox:hover div.tab div.m h2 
{
	margin: 15px 5px;
	font-size: 18px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #AAAAAA; 
	color: #000000;
	text-decoration: none;
	visibility: visible; 
}
div.menuBox div.rmenubox:hover div.tab div.r 
{
	width: 15px; 
	height: 54px; 
	background: url('/Images/Layout/rmbox-tab-r.png') no-repeat left top;
}
div.menuBox div.rmenubox:hover div.tab div.t 
{
	width: 132px; 
	height: 54px; 
	background: url('/Images/Layout/rmbox-m-t.png') repeat-x right top;
}
div.menuBox div.rmenubox:hover div.tab div.c 
{
	width: 15px; 
	height: 54px; 
	background: url('/Images/Layout/rmbox-r-t.png') no-repeat right top;
}
div.menuBox div.rmenubox:hover div.mainbox
{
	position: absolute; 
	top: 0px; 
	margin: 34px 0px 0px 0px; 
}
/**/
div.menuBox div.rmenubox:hover div.mainbox div.header 
{
	height: 20px; 
	margin: 0px; 
}
div.menuBox div.rmenubox:hover div.mainbox div.header div.l 
{
	height: 20px; 
	width: 15px; 
	background: url('/Images/Layout/rmbox-l-t.png') no-repeat left top;
}
div.menuBox div.rmenubox:hover div.mainbox div.header div.m 
{
	height: 20px; 
	width: 220px; 
	background: url('/Images/Layout/rmbox-m-t.png') repeat-x left top;
}
div.menuBox div.rmenubox:hover div.mainbox div.header div.r 
{
	height: 20px; 
	width: 15px; 
}
/**/
div.menuBox div.rmenubox:hover div.mainbox div.content div 
{
}
div.menuBox div.rmenubox:hover div.mainbox div.content div.l 
{
	width: 15px; 
	background: url('/Images/Layout/rmbox-l-m.png') repeat-y left top; 
	height: 100%;
	min-height: 30px;  
}
div.menuBox div.rmenubox:hover div.mainbox div.content div.m 
{
	width: 220px; 
	background-color: #E6E7DA; 
	min-height: 30px;  
}
div.menuBox div.rmenubox:hover div.mainbox div.content div.m div 
{
	margin: 5px 8px; 
}
div.menuBox div.rmenubox:hover div.mainbox div.content div.r 
{
	width: 15px; 
	background: url('/Images/Layout/rmbox-r-m.png') repeat-y right top; 
	height: 100%; 
	min-height: 30px;  
}
/**/
div.menuBox div.rmenubox:hover div.mainbox div.footer 
{
	background: none!important; 
	border-top: none!important; 
}
div.menuBox div.rmenubox:hover div.mainbox div.footer div
{
	height: 15px; 
}
div.menuBox div.rmenubox:hover div.mainbox div.footer div.l 
{
	width: 15px; 
	background: url('/Images/Layout/rmbox-l-b.png') no-repeat right top;
}
div.menuBox div.rmenubox:hover div.mainbox div.footer div.m 
{
	width: 220px; 
	background: url('/Images/Layout/rmbox-m-b.png') repeat-x left top;
}
div.menuBox div.rmenubox:hover div.mainbox div.footer div.r 
{
	width: 15px; 
	background: url('/Images/Layout/rmbox-r-b.png') no-repeat right top;
}
/* ----- Left menu box ----- */
div.menuBox div.leftMenuBox
{
	position: absolute; 
	top: 0px; 
	margin: 0px; 
	cursor: default; 
	margin-top: -5px; 
	z-index: 10; 
	visibility: hidden; 
} 
div.menuBox div.leftMenuBox:hover 
{
	z-index: 11; 
	visibility: visible;  
}
div.menuBox div.leftMenuBox div.mainbox
{
	display: none; 
}
div.menuBox div.leftMenuBox:hover div.mainbox
{
	display: block; 
}
/* Tab row */
div.menuBox div.leftMenuBox div.tab, 
div.menuBox div.leftMenuBox div.tab div.l, 
div.menuBox div.leftMenuBox div.tab div.m, 
div.menuBox div.leftMenuBox div.tab div.m div.r 
{
	position: absolute; 
	height: 35px; 
	top: 0px; 
	z-index: 100; 
}
div.menuBox div.leftMenuBox:hover div.tab, 
div.menuBox div.leftMenuBox:hover div.tab div.l, 
div.menuBox div.leftMenuBox:hover div.tab div.m, 
div.menuBox div.leftMenuBox:hover div.tab div.m div.r 
{
	position: absolute; 
	height: 54px; 
	top: 0px; 
}
div.menuBox div.leftMenuBox div.tab
{
	left: 0px; 
}
div.menuBox div.leftMenuBox div.tab div.l 
{
	left: 0px; 
	width: 15px; 
	background: url('/Images/Layout/lmbox-tab-l.png') no-repeat left top;
}
div.menuBox div.leftMenuBox div.tab div.m 
{
	left: 15px; 
	background: url('/Images/Layout/lmbox-tab-m.png') repeat-x left top;
}
div.menuBox div.leftMenuBox div.tab div.m div.r 
{
	width: 15px; 
	right: -15px; 
	background: url('/Images/Layout/lmbox-tab-r.png') no-repeat left top;
}
div.menuBox div.leftMenuBox div.tab div.m p 
{
	margin: 20px 10px 0px 10px; 
	background: url('/Images/Layout/lmbox-tab-r.png') no-repeat left top;
}
div.menuBox div.leftMenuBox div.tab div.m h2 
{
	margin: 15px 0px;
	font-size: 18px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #AAAAAA; 
	color: #000000;
	text-decoration: none;
	visibility: visible; 
}
div.menuBox div.leftMenuBox div.tab div.m h2 a 
{
	padding: 0px 15px; 
}
/* Main content box */
div.menuBox div.leftMenuBox div.mainbox
{
	position: absolute; 
	top: 35px; right: 0px; bottom: 0px; left: 0px; 
	margin: 0px; 
	padding: 0px; 
}
/* Main content box - header row */
div.menuBox div.leftMenuBox div.mainbox div.header, 
div.menuBox div.leftMenuBox div.mainbox div.header div.l, 
div.menuBox div.leftMenuBox div.mainbox div.header div.m, 
div.menuBox div.leftMenuBox div.mainbox div.header div.r 
{
	position: absolute; 
	top: 0px;  
	height: 19px; 
	margin: 0px; 
	padding: 0px; 
}
div.menuBox div.leftMenuBox div.mainbox div.header 
{
	left: 0px; right: 0px; 
}
div.menuBox div.leftMenuBox div.mainbox div.header div.l 
{
	left: 0px; 
	width: 15px; 
	background: url('/Images/Layout/lmbox-l-t.png') no-repeat left top;
}
div.menuBox div.leftMenuBox div.mainbox div.header div.m 
{
	left: 15px; right: 15px; 
	background: url('/Images/Layout/lmbox-m-t.png') repeat-x left -35px;
}
div.menuBox div.leftMenuBox div.mainbox div.header div.r 
{
	right: 0px; 
	width: 15px; 
	background: url('/Images/Layout/lmbox-r-t.png') no-repeat right -35px;
}
/* Main content box - content row */
div.menuBox div.leftMenuBox div.mainbox div.content, 
div.menuBox div.leftMenuBox div.mainbox div.content div.l, 
div.menuBox div.leftMenuBox div.mainbox div.content div.m, 
div.menuBox div.leftMenuBox div.mainbox div.content div.r 
{
	position: absolute; 
}
div.menuBox div.leftMenuBox div.mainbox div.content 
{
	top: 19px; right: 0px; bottom: 15px; left: 0px; 
}
div.menuBox div.leftMenuBox div.mainbox div.content div.l 
{
	top: 0px; bottom: 0px; left: 0px; 
	width: 15px; 
	background: url('/Images/Layout/lmbox-l-m.png') repeat-y left top;
}
div.menuBox div.leftMenuBox div.mainbox div.content div.m 
{
	top: 0px; left: 15px; right: 15px; bottom: 0px; 
	background-color: #E6E7DA; 
	padding: 5px 25px 10px 15px; 
}
div.menuBox div.leftMenuBox div.mainbox div.content div.r 
{
	top: 0px; right: 0px; bottom: 0px; 
	width: 15px; 
	background: url('/Images/Layout/lmbox-r-m.png') repeat-y right top;
}
/* Main content box - footer row */
div.menuBox div.leftMenuBox div.mainbox div.footer, 
div.menuBox div.leftMenuBox div.mainbox div.footer div.l, 
div.menuBox div.leftMenuBox div.mainbox div.footer div.m, 
div.menuBox div.leftMenuBox div.mainbox div.footer div.r 
{
	position: absolute; 
	height: 15px; 
}
div.menuBox div.leftMenuBox div.mainbox div.footer 
{
	right: 0px; bottom: 0px; left: 0px; 
	background: none!important; 
	border-top: none!important; 
}
div.menuBox div.leftMenuBox div.mainbox div.footer div.l 
{
	left: 0px; 
	width: 15px; 
	background: url('/Images/Layout/lmbox-l-b.png') no-repeat right top;
}
div.menuBox div.leftMenuBox div.mainbox div.footer div.m 
{
	right: 15px; left: 15px; 
	background: url('/Images/Layout/lmbox-m-b.png') repeat-x left top;
}
div.menuBox div.leftMenuBox div.mainbox div.footer div.r 
{
	right: 0px; 
	width: 15px; 
	background: url('/Images/Layout/lmbox-r-b.png') no-repeat right top;
}
/* This is a list that goes in the menu box */
div.leftMenuBox ul.dropMenuList  
{
	position: relative; 
	float: left; 
	list-style-type: none; 
	margin: 0px; 
	padding: 0px; 
}
div.leftMenuBox ul.dropMenuList li
{
	position: relative; 
	float: left; 
	padding: 4px 4px; 
	margin: 0px 0px; 
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid Transparent; 
	width: 100%; 
}
div.leftMenuBox ul.dropMenuList li:hover 
{
	background: #B7B073 url(/Images/Layout/Gradient-Menu.png) repeat-x scroll left top; 
	border: 1px solid #B7B073; 
}
div.leftMenuBox ul.dropMenuList li a 
{
	color: #000000; 
	text-decoration: none; 
	font-size: 12px; 
}
/* This is the report list that goes in the menu box */
.menuBarReportList
{
	float: left; 
	z-index: 416;
	font-size: 12px; 
}
.menuBarReportList h4, 
.menuBarReportList a
{
	color: #000000; 
}
.menuBarReportList h4
{
	float: left; 
	display: inline-block; 
	text-shadow: 1px 1px 1px #AAAAAA; 
	font-size: 1.1em; 
	margin: 0px 0px 3px 0px; 
	clear: both; 
	width: 175px; 
}
.menuBarReportList ul 
{
	float: left; 
	clear: both; 
	margin: 0px 0px 15px 0px; 
	width: 175px; 
}
.menuBarReportList ul li a
{
	float: left; 
	display: inline-block; 
	text-decoration: none; 
	color: #555555; 
	padding: 3px 5px; 
	margin: 1px; 
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid Transparent; 
	width: 100%; 
	clear: both; 
}
.menuBarReportList ul li a:hover
{
	color: #000000; 
	text-decoration: underline; 
	background: #B7B073 url(/Images/Layout/Gradient-Menu.png) repeat-x scroll left top; 
	border: 1px solid #B7B073; 
}
.menuBarReportList ul, 
.menuBarReportList ul li 
{
}
.menuBarReportList ul 
{
	margin: 5px 0px 10px 0px; 
	padding: 0px; 
	list-style-type: none; 
}
.menuBarReportList ul li 
{
}
.menuBarReportList ul li:hover 
{
}


/* ------------------------- */
/* - Main content ---------- */
.containerBox .contentBox
{
	margin: 0px 15px;
	padding: 85px 0px 0px 0px;
	clear: both; 
}

.containerBox .contentBox p
{
	margin: 10px 0px 10px 0px;
}
.containerBox .contentBox h1
{
	margin: 10px 0px 5px 0px;
}
.containerBox .contentBox h2
{
	margin: 10px 0px 5px 0px;
}
.containerBox .contentBox h3
{
	margin: 10px 0px 5px 0px;
}
.containerBox .contentBox h4
{
	font-size: 15px;
	margin: 10px 0px 5px 0px;
}

.containerBox .contentBox .contentContainer
{
	background-color: #FFFFFF;
	clear: both; 
}
.containerBox .contentBox .contentContainer .headerRow
{
	clear: both; 
	height: 30px; 
	background: #3E618C url(/Images/Layout/headerbar-centre.png) repeat-x top left; 
	margin: 0px; 
	padding: 0px; 
}
.containerBox .contentBox .contentContainer .headerRow .left
{
	position: relative; 
	float: left;
	width: 8px;
	height: 15px;
	background: #3E618C url(/Images/Layout/headerbar-left.png) no-repeat top left; 
}
.containerBox .contentBox .contentContainer .headerRow .middle
{
	float: left;
	left: 15px;
	right: 15px;
	height: 30px;
	margin: 0px 5px; 
	font-family: Calibri, Arial, Sans-Serif; 
}
.containerBox .contentBox .contentContainer .headerRow .middle h2
{
	float: left; 
	margin: 4px 0px;
	padding: 0px 0px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	text-shadow: 2px 2px 1px #444444; 
}
.containerBox .contentBox .contentContainer .contentRow
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	border-left: 1px solid #799BC3;
	border-right: 1px solid #799BC3;
	padding: 0px;
	margin: 0px; 
	clear: both; 
	background: #FFFFFF url(/Images/Layout/filters-tile.png) repeat-x top left; 
}
.containerBox .contentBox .contentContainer .contentRow h2 
{
	font-family: Futura Bk, Arial, Sans-Serif;
	font-weight: normal;
	color: #D36129;  
	font-size: 22px; 
	margin-right: 10px; 
}
.containerBox .contentBox .contentContainer .contentRow h2.standard, 
.containerBox .contentBox .contentContainer .contentRow h3.standard 
{
	font-family: Segoe UI, Arial, Sans-Serif;
	font-weight: normal;
}
.containerBox .contentBox .contentContainer .contentRow h3 
{
	font-family: Futura Bk, Arial, Sans-Serif;
	font-weight: normal; 
	color: #000000; 
	font-size: 18px; 
	margin-right: 10px; 
}
.containerBox .contentBox .contentContainer .contentRow h2.underline, 
.containerBox .contentBox .contentContainer .contentRow h3.underline  
{
	border-bottom: 1px solid #AAAAAA; 
}
.containerBox .contentBox .contentContainer .contentRow .paddedContent
{
	padding: 10px; 
}
.containerBox .contentBox .contentContainer .footerRow
{
	position: relative; 
	height: 15px; 
	clear: both; 
	border-bottom: 1px solid #799BC3; 
}
.containerBox .contentBox .contentContainer .footerRow .left
{
	float: left;
	width: 15px;
	height: 15px;
	border-left: 1px solid #799BC3; 
}
.containerBox .contentBox .contentContainer .footerRow .middle
{
	position: absolute;
	left: 15px;
	right: 15px;
	float: left;
	min-width: 870px;
	height: 14px;
}
.containerBox .contentBox .contentContainer .footerRow .right
{
	float: right;
	width: 15px;
	height: 15px;
	border-right: 1px solid #799BC3; 
}


/* ## Form box ## */
.containerBox .contentBox .formBox
{
	width: 100%;
	font-size: 9pt;
	vertical-align: middle;
}
.containerBox .contentBox .formBox .row
{
	float: left;
	width: 100%;
	margin: 5px 0px;
	min-height: 25px;
	vertical-align: middle;
}
.containerBox .contentBox .formBox .row .label
{
	float: left;
	width: 125px;
	vertical-align: middle;
	min-height: 20px;
	display: table-cell;
	padding: 5px 0px 0px 0px;
}
.containerBox .contentBox .formBox .row .input
{
	float: left;
	min-height: 25px;
	display: table-cell;
}


/* ## Footer ## */
.containerBox .footerBox
{
	position: relative; 
	float: left; 
	width: 100%; 
	height: 128px; 
	margin: 15px 0px 0px 0px; 
	z-index: 0; 
	padding: 0px 0px; 
	font-family: Arial, Sans-Serif;
	font-size: 10px; 
	border-top: 1px solid #AAAAAA; 
	background: #FFFFFF url(/Images/Layout/footer-tile.jpg) repeat-x bottom left; 
	z-index: 0; 
}
.containerBox .footerBox a 
{
	color: #000000; 
	text-decoration: none; 
}
.containerBox .footerBox .left a 
{	
	font-weight: bold; 
}
.containerBox .footerBox a:hover 
{
	text-decoration: underline; 
}
.containerBox .footerBox .left, 
.containerBox .footerBox .column
{
	position: relative; 
	float: left; 
	margin: 25px 50px; 
}
.containerBox .footerBox .left
{
	min-width: 100px; 
	max-width: 250px; 
}
.containerBox .footerBox .right 
{
	float: right; 
	min-width: 650px; 
}
.containerBox .footerBox .right .column
{
	min-width: 50px; 
	max-width: 150px; 
	margin-bottom: 0px; 
}
div.footer div.footerContent a, 
.containerBox .footerBox a
{
	float: left; 
	clear: both; 
}
div.footer div.footerContent a img, 
.containerBox .footerBox a img
{
	margin-top: 5px; 
}


/* ######################################## */
/* ## Element styles                     ## */
/* ######################################## */


/* Table box */
.tableBox
{
	border: 1px solid #AAAAAA;
	float: left;
	font-size: 12px;
	margin: 0px 20px 0px 0px;
}
.tableBox .header
{
	float: left;
	background: #0000AA url(/Images/Layout/report-header.gif) repeat-x scroll top left;
	color: #FFFFFF;
	border-bottom: 1px solid #AAAAAA;
	width: 100%;
	font-weight: bold;
	vertical-align: middle;
	height: 40px;
}
/* Report floating header */
.report-header-floating
{
	position: absolute;
	float: left;
	display: none;
	overflow: hidden;
	left: 15px;
	border: 1px solid #AAAAAA;
	background: #0000AA url(/Images/Layout/report-header.gif) repeat-x scroll top left;
	color: #FFFFFF;
	font-weight: bold;
	height: 40px;
	font-size: 12px;
}
.tableBox .header .headerCell, 
.report-header-floating .headerCell
{
	float: left;
	border-right: 1px solid #3D69A2;
	height: 27px;
	padding: 15px 5px 0px 5px;
	vertical-align: middle;
}
.tableBox .header .headerCellContainer, 
.report-header-floating .headerCellContainer
{
	float: left;
}
.tableBox .header .headerCellContainer .headerCell, 
.report-header-floating .headerCellContainer .headerCell
{
	height: 18px;
	padding: 2px 5px 0px 5px;
	border-top: 1px solid #3D69A2;
}
.tableBox .tableContent .row, 
.tableBox .tableFooter .row
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	background: #FFFFFF url(/Images/Layout/report-row-normal.gif) repeat-x scroll top left;
}
.tableBox .tableFooter .row
{
	border-top: 2px solid #556688; 
	background: #FFFFFF url(/Images/Layout/report-row-total.gif) repeat-x scroll top left;
}
.tableBox .tableContent .row:hover, 
.tableBox .tableFooter .row:hover
{
	background: #F7DFAD url(/Images/Layout/report-row-hover.gif) repeat-x scroll top left;
}
.tableBox .tableContent .row .cell, 
.tableBox .tableFooter .row .cell, 
.tableBox .row .cell-bdr-right
{
	float: left;
	padding: 8px 5px 0px 5px;
	border-right: 1px solid #CCCCCC;
	height: 20px;
}
.tableBox .tableContent .row .cell-bdr-right,
.tableBox .tableFooter .row .cell-bdr-right
{
	border-right: 1px solid #556688;
	height: 21px;
	margin: 0px 0px -1px 0px;
}
.tableBox .header .contentSeparatorRow 
{
	float: left;
	padding: 16px 5px 0px 5px;
	border-right: 1px solid #CCCCCC;
	height: 24px;
	background-color: #555555;
	width: 100%; 
}
.tableBox .header .contentSeparatorRow h3 
{
	color: #FFFFFF;
	margin: 10px 5px 5px 5px;
}
.tableBox .tableContent .contentSeparatorRow, 
.tableBox .tableFooter .contentSeparatorRow
{
	float: left;
	width: 100%;
	background-color: #555555;
}
.tableBox .tableContent .contentSeparatorRow h3, 
.tableBox .tableFooter .contentSeparatorRow h3
{
	font-weight: normal;
	font-size: 0.85em;
	color: #FFFFFF;
	margin: 10px 5px 5px 5px;
}
.tableBox .tableFooter .contentSeparatorRow h3 strong, 
.tableBox .tableContent .contentSeparatorRow h3 strong
{
	font-size: 1.25em;
}
/* Report function header */
.toolstrip
{
	float: left;
	background: #DDE8F4 url(/Images/Layout/gradient-lightblue.png) repeat-y scroll top right; 
	border: 1px solid #AAAAAA;
	border-bottom: none;
	color: #000000; 
	width: 100%;
	vertical-align: middle;
	height: 30px;
}
.toolstrip.bottom
{
	border-bottom: 1px solid #AAAAAA; 
	margin: 10px 0px;
}
.toolstrip .label, 
.toolstrip .button
{
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 12px; 
	float: left;
	color: #000000; 
	margin: 2px 3px; 
	height: 26px; 
}
.toolstrip .label
{
	padding: 7px 0px; 
	margin-left: 7px; 
	height: 10px; 
	font-weight: bold; 
}
.toolstrip .button
{
	border: none; 
	/*border: 1px solid transparent; */
}
.toolstrip .button:hover
{
	border: none; 
	text-decoration: underline; 
	/*
	border: 1px solid #AAAAAA; 
	background-color: #FFFFFF!important; 
	*/
	cursor: pointer; 
	text-decoration: underline; 
}
.toolstrip .button.printFriendly, 
.spinsReportTable .header .button.printFriendly 
{
	padding-left: 20px; 
	background: url('/Images/Icons/document-print-16.png') no-repeat 3px 3px;
}
.toolstrip .button.exportData,
.spinsReportTable .header .button.exportData 
{
	padding-left: 20px; 
	background: url('/Images/Icons/export-16.png') no-repeat 3px 3px;
}
.toolstrip .button.automateReport,
.spinsReportTable .header .button.automateReport 
{
	padding-left: 20px; 
	background: url('/Images/Icons/system-run-16.png') no-repeat 3px 3px;
}
.spinsReportTable .header .button 
{
	padding: 3px; 
	padding-left: 20px; 
	border: 1px solid #7A9BC3; 
	background-color: #B8C9DE; 
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	cursor: pointer; 
}
.spinsReportTable .header .button:hover 
{
	background-color: #7A9BC3; 
}

/* Toolbar buttons */
.contentContainer .headerRow .headerRowButtons 
{
	position: relative; 
	float: right; 
	min-width: 8px; 
	padding: 0px 8px 0px 0px; 
	height: 25px;
	background: transparent url(/Images/Layout/headerbar-right.png) no-repeat scroll top right; 
}
.contentContainer .headerRow .headerRowButtons .button 
{
	position: relative; 
	color: #FFFFFF; 
	text-shadow: 1px 1px 1px #000000; 
	border: 1px none #000000; 
	border-left: 1px solid #AABBFF; 
	padding: 0px 5px 0px 25px; 
	height: 30px; 
}
.contentContainer .headerRow .headerRowButtons div.button 
{
	position: relative; 
	display: inline-block; 
}
.contentContainer .headerRow .headerRowButtons .button:hover 
{
	cursor: pointer; 
	background-color: #AABBFF; 
}
.contentContainer .headerRow .headerRowButtons .button:disabled 
{
	text-shadow: none; 
	cursor: default; 
	color: #AABBCC; 
}
.contentContainer .headerRow .headerRowButtons .button.printFriendly
{
	background: url('/Images/Icons/document-print-16.png') no-repeat 6px 6px;
}
.contentContainer .headerRow .headerRowButtons .button.exportData
{
	background: url('/Images/Icons/export-16.png') no-repeat 6px 6px;
}
.contentContainer .headerRow .headerRowButtons .button.automateReport
{
	background: url('/Images/Icons/system-run-16.png') no-repeat 6px 6px;
}
.contentContainer .headerRow .headerRowButtons .button.generalReportHelp
{
	background: url('/Images/Icons/emblem-help-16.png') no-repeat 6px 7px; 
	width: 60px; 
}


/* Small style text */
.smallText
{
	font-weight: normal;
	font-size: 8pt;
}


/* ################################################## */
/* REPORT CONTAINER */

.reportDescription
{
	margin: 0px; 
	padding: 10px 10px 5px 10px; 
	font-size: 13px; 
	font-weight: bold; 
}

/* Div that contains the report filter selectors, the report summary and the report object */
.reportContainer 
{
	margin: 0px;
	min-height: 500px; 
}

/* Report filters used summary */
.reportContainer .reportFilterSummary
{
	padding: 6px;
	margin: 0px;
	border-bottom: 1px solid #7A9BC3; 
}
.reportContainer .reportFilterSummary table 
{
	border-collapse: collapse; 
}
.reportContainer .reportFilterSummary table tr td 
{
	padding: 4px;
}




/* ################################################## */
/* Report table style */
span.borderRight table.spinsReportTable, 
span.borderRight table.spinsReportTable caption 
{
    border-right: 1px solid #7A9BC3; 
}
table.spinsReportTable
{
    border-collapse: collapse; 
    width: 100%; 
    margin: 0px; 
    padding: 0px; 
    background-color: #FFFFFF; 
    border-top: 1px solid #7A9BC3; 
    border-bottom: 1px solid #7A9BC3; 
    font-size: 0.9em; 
}
table.spinsReportTable.border
{
    border: 1px solid #7A9BC3; 
}
table.spinsReportTable caption 
{
	font-size: 13px; 
	text-align: left; 
	font-weight: bold; 
    border-top: 1px solid #7A9BC3; 
    border-bottom: none; 
    color: #FFFFFF; 
    background-color: #5577AA; 
    padding: 5px; 
    margin: 0px; 
}
table.spinsReportTable caption h3
{
    padding: 5px; 
	margin: 0px; 
	font-size: 18px; 
	font-weight: bold; 
}
table.spinsReportTable caption p 
{
	float: left; 
	padding: 0px 10px; 
	margin: 0px; 
	font-size: 13px; 
	font-weight: bold; 
}
table.spinsReportTable tr td, 
table.spinsReportTable tr th
{
    padding: 6px 4px; 
}
table.spinsReportTable tr td.blue 
{
     
}
table.spinsReportTable thead tr td, 
table.spinsReportTable thead th, 
table.spinsReportTable tr.header th
{
    background-color: #B8C9DE;  
    border-left: 1px solid #7A9BC3; 
    border-bottom: 1px solid #7A9BC3; 
    font-weight: bold; 
    text-align: center; 
}
table.spinsReportTable thead tr td.orderby.asc, 
table.spinsReportTable thead th.orderby.asc, 
table.spinsReportTable tr.header th.orderby.asc 
{
	background: #B8C9DE url(/Images/Layout/orderby-ascending.png) repeat-x scroll center top; 
}
table.spinsReportTable thead tr td.orderby.desc, 
table.spinsReportTable thead th.orderby.desc, 
table.spinsReportTable tr.header th.orderby.desc 
{
	background: #B8C9DE url(/Images/Layout/orderby-descending.png) repeat-x scroll center bottom; 
}
table.spinsReportTable thead tr td.orderby:hover, 
table.spinsReportTable thead th.orderby:hover, 
table.spinsReportTable tr.header th.orderby:hover, 
table.spinsReportTable tbody th.orderby:hover 
{
	background-color: #7A9BC3;
	color: #FFFFFF; 
	cursor: pointer; 
}
table.spinsReportTable thead tr td.bdr, 
table.spinsReportTable thead th.bdr, 
table.spinsReportTable tr.header th.bdr 
{
    border-left: 1px solid #7A9BC3; 
}
table.spinsReportTable thead tr td.bdrBoth, 
table.spinsReportTable thead th.bdrBoth, 
table.spinsReportTable tr.header th.bdrBoth 
{
    border-left: 1px solid #7A9BC3; 
    border-right: 1px solid #7A9BC3; 
}
table.spinsReportTable thead tr td:first-child,   
table.spinsReportTable thead tr th:first-child,   
table.spinsReportTable tr.header th:first-child 
{
    border-left: none; 
}
table.spinsReportTable tbody tr td, 
table.spinsReportTable tr.dataRow td
{
    background-color: #FFFFFF;  
    border-left: 1px solid #DFDBBF; 
    border-top: 1px solid #B5AD6C; 
}
table.spinsReportTable tbody tr:hover td, 
table.spinsReportTable tr.dataRow:hover td
{
    background-color: #E8E6D2;  
}
table.spinsReportTable tbody tr td.blueBg, 
table.spinsReportTable tr.dataRow td.blueBg
{
    background-color: #D1DAE0;  
}
table.spinsReportTable tbody tr:hover td.blueBg, 
table.spinsReportTable tr.dataRow:hover td.blueBg
{
    background-color: #B8C9DE;  
}
table.spinsReportTable tbody tr td.bdr, 
table.spinsReportTable tr.dataRow td.bdr
{
    border-left: 1px solid #7A9BC3; 
}
table.spinsReportTable tbody tr td.lightBdr, 
table.spinsReportTable tr.dataRow td.lightBdr
{
    border-left: 1px solid #E8E6D2; 
}
table.spinsReportTable tbody tr td.resultHigher, 
table.spinsReportTable tr.dataRow td.resultHigher
{
    background-image: url(/Images/Layout/result-higher.png); 
    background-repeat: no-repeat; 
    background-position: 2px center; 
}
table.spinsReportTable tbody tr td.resultLower, 
table.spinsReportTable tr.dataRow td.resultLower
{
    background-image: url(/Images/Layout/result-lower.png); 
    background-repeat: no-repeat; 
    background-position: 2px center; 
}
table.spinsReportTable tbody tr td.resultEqual, 
table.spinsReportTable tr.dataRow td.resultEqual
{
    background-image: url(/Images/Layout/result-equal.png); 
    background-repeat: no-repeat; 
    background-position: 2px center; 
}
table.spinsReportTable tbody tr td.resultAdd, 
table.spinsReportTable tr.dataRow td.resultAdd
{
    background-image: url(/Images/Layout/result-add.png); 
    background-repeat: no-repeat; 
    background-position: 2px center; 
}
table.spinsReportTable tbody tr td.resultDrop, 
table.spinsReportTable tr.dataRow td.resultDrop
{
    background-image: url(/Images/Layout/result-drop.png); 
    background-repeat: no-repeat; 
    background-position: 2px center; 
}
table.spinsReportTable tbody tr td.resultSpot, 
table.spinsReportTable tr.dataRow td.resultSpot
{
    background-image: url(/Images/Layout/result-spot.png); 
    background-repeat: no-repeat; 
    background-position: 2px center; 
}
table.spinsReportTable tbody tr:first-child td, 
table.spinsReportTable tr.dataRow:first-child td 
{
    border-top: none; 
}
table.spinsReportTable tbody tr td:first-child, 
table.spinsReportTable tr.dataRow td:first-child 
{
    border-left: none; 
}
table.spinsReportTable tfoot tr td 
{
    border-top: 1px solid #7A9BC3; 
    color: #555588; 
}


/* File upload control */
.fileUploadControl
{
	float: left;
	width: 335px !important;
	height: 25px !important;
}
.fileUploadControl .ruFileInput
{
}
.fileUploadControl .ruFakeInput
{
	background-image: url(/Images/Layout/textbox-white-125.png) !important;
	background-position: top left !important;
	color: #000000 !important;
	width: 119px !important;
	font-size: 9pt !important;
	border: 0px none #FFFFFF !important;
	height: 21px !important;
	margin-right: 5px !important;
	font-size: 9pt !important;
	font-weight: bold;
	padding: 4px 3px 0px 3px !important;
	color: #555555 !important;
	vertical-align: middle;
}
.fileUploadControl .ruButton
{
	background-image: url(/Images/Layout/button-blue-60.png) !important;
	color: #000000 !important;
	width: 60px !important;
	font-size: 9pt !important;
}
/* Progress */
.fileUploadProgress
{
	position: fixed !important;
	float: left !important;
	margin: 0px 0px 0px -250px !important;
	top: 35% !important;
	left: 50% !important;
	background-color: #FFFFCC !important;
	padding: 10px !important;
	border: 5px solid #CC9966 !important;
	z-index: 999 !important;
	width: 500px !important;
}
.fileUploadProgress .ruProgress
{
	border: 1px none #FFFFFF !important;
	background-color: #FFFFCC !important;
	color: #000000 !important;
}
.fileUploadProgress .ruProgress .ruBar
{
	border: 1px solid #999999 !important;
}
.fileUploadProgress .ruProgress .ruBar div
{
	background-color: #D6632A !important;
}
.fileUploadProgress .ruProgress .ruFilePortion, .fileUploadProgress .ruProgress .ruFileCount, .fileUploadProgress .ruProgress .ruTimeSpeed
{
	color: #000000 !important;
	font-size: 9pt !important;
}


/* General help */
.generalReportHelpBox
{
/*
	position: fixed;
	display: block;
	float: left;
	margin: 0px 0px 0px -250px;
	top: 25%;
	left: 50%;
	background-color: #FFFFCC;
	padding: 10px;
	border: 5px solid #CC9966;
	z-index: 999;
	width: 500px;
	font-size: 13px; 
*/
}
.generalReportHelpBox h3
{
	background: transparent url(/Images/Icons/emblem-help-32.png) no-repeat scroll left top;
	padding: 8px 0px 8px 40px;
	margin: 0px 0px;
}
.generalReportHelpBox p
{
	margin: 10px 10px;
}
.generalReportHelpBox .generalReportHelpBoxBottom
{
	border-top: 1px solid #AAAAAA;
	padding: 10px 0px 0px 0px;
}


/* Floating search containers */
.floatingSearchContainer
{
	position: absolute;
	background-color: #FFFFFF;
	font-size: 9pt;
	border: 1px solid #AAAAAA;
	padding: 4px;
	display: none;
	width: 300px;
	overflow: hidden;
	z-index: 40; 
}
.floatingSearchContainer .row
{
	cursor: pointer;
	padding: 3px;
	border: 1px solid #FFFFFF;
	border-top: 1px solid #CCCCCC;
}
.floatingSearchContainer .row:first-child
{
	border-top: 1px solid #FFFFFF;
}
.floatingSearchContainer .row:hover
{
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;
}


/* System alerts */
.system-alert
{
	width: 480px; 
}
.system-alert .left
{
	float: left;
	width: 60px;
}
.system-alert .right
{
	float: left;
	width: 420px;
}
.system-alert .buttonRow
{
	float: left;
	text-align: right; 
	width: 480px; 
	clear: both; 
	margin: 10px 0px; 
}
.system-alert h1, .system-alert h2, .system-alert h3, .system-alert h4, .system-alert p
{
	margin: 0px 0px 10px 0px;
}
.system-alert-notice
{
	position: absolute;
	display: block;
	float: left;
	top: 28px;
	left: 125px; 
	background-color: #FFFFCC;
	padding: 3px;
	border: 1px solid #CC9966;
	z-index: 998;
	cursor: pointer;
	font-size: small; 
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}
.system-alert img, .system-alert-notice img
{
	float: left;
}
.system-alert-notice p
{
	float: left;
	margin: 3px 0px 0px 5px;
}


/* System alerts */
.floating-box
{
	position: fixed;
	display: block;
	float: left;
	margin: 0px 0px 0px -250px;
	top: 35%;
	left: 50%;
	background-color: #FFFFCC;
	padding: 10px;
	border: 5px solid #CC9966;
	z-index: 999;
	width: 500px;
}
.floating-box.s550
{
	width: 550px;
	margin: 0px 0px 0px -275px;
}
.floating-box .left
{
	float: left;
	width: 60px;
}
.floating-box .right
{
	float: left;
	width: 420px;
}
.floating-box h1, .floating-box h2, .floating-box h3, .floating-box h4, .floating-box p
{
	margin: 0px 0px 10px 0px;
}
.floating-box-notice
{
	position: absolute;
	display: block;
	float: left;
	top: 15px;
	left: 185px;
	background-color: #FFFFCC;
	padding: 5px;
	border: 1px solid #CC9966;
	z-index: 998;
	cursor: pointer;
}
.floating-box img, .floating-box-notice img
{
	float: left;
}
.floating-box-notice p
{
	float: left;
	margin: 3px 0px 0px 5px;
}

.floating-box .inputs-box
{
	float: left; 
	font-size: 12px; 
}
.floating-box .inputs-box.s500, 
.floating-box .inputs-box.s500 .row
{
	width: 500px; 
}
.floating-box .inputs-box .row
{
	float: left; 
	margin: 3px 0px; 
}
.floating-box .inputs-box .block
{
	padding: 5px 2px; 
	float: left; 
}
.floating-box .inputs-box .block.s125
{
	width: 125px; 
}
.floating-box .inputs-box .row .datePicker
{
	/* Override the left margin on date picker boxes so that they line up with 
	   other elements when displayed inside a floating box */
	margin-left: 0px!important; 
}


/* Dialogue boxes */
.dialogue-box
{
}
.dialogue-box.s550
{
	width: 550px;
	margin: 0px;
}
.dialogue-box.s650
{
	width: 650px;
	margin: 0px;
}
.dialogue-box .left
{
	float: left;
	width: 60px;
}
.dialogue-box .right
{
	float: left;
	width: 420px;
}
.dialogue-box.s550 .right { width: 490px; } 
.dialogue-box.s650 .right { width: 590px; } 
.dialogue-box h1, .dialogue-box h2, .dialogue-box h3, .dialogue-box h4, .dialogue-box p
{
	margin: 0px 0px 10px 0px;
}
.dialogue-box-notice
{
	position: absolute;
	display: block;
	float: left;
	top: 15px;
	left: 185px;
	background-color: #FFFFCC;
	padding: 5px;
	border: 1px solid #CC9966;
	z-index: 998;
	cursor: pointer;
}
.dialogue-box img, .floating-box-notice img
{
	float: left;
}
.dialogue-box-notice p
{
	float: left;
	margin: 3px 0px 0px 5px;
}

.dialogue-box .inputs-box
{
	float: left; 
	font-size: 12px; 
}
.dialogue-box .inputs-box.s500, 
.dialogue-box .inputs-box.s500 .row
{
	width: 500px; 
}
.dialogue-box .inputs-box .row
{
	float: left; 
	margin: 3px 0px; 
}
.dialogue-box .inputs-box .block
{
	padding: 5px 2px; 
	float: left; 
}
.dialogue-box .inputs-box .block.s125
{
	width: 125px; 
}
.dialogue-box .inputs-box .row .datePicker
{
	/* Override the left margin on date picker boxes so that they line up with 
	   other elements when displayed inside a floating box */
	margin-left: 0px!important; 
}


/* Partners page */
.partnersRow
{
	position: relative;
	float: left;
	width: 800px;
	clear: both;
	margin: 15px 0px;
}
.partnersRow .partnersLeft
{
	position: relative;
	float: left;
	width: 150px;
	text-align: center;
}
.partnersRow .partnersRight
{
	position: relative;
	float: left;
	width: 650px;
}
	
	
/* Advertisements */
div.advertLeaderboard, div.advertMrec
{
	position: relative; 
	background-color: #DDDDDD; 
	color: #AAAAAA; 
	border-color: #CCCCCC; 
	text-align: center; 
}
div.advertLeaderboard
{
	width: 728px; 
	height: 90px; 
}
div.advertMrec
{
	width: 300px; 
	height: 250px; 
}


/* Log in panel */
div.logInPanel
{
	float: right; 
	width: 600px; 
	height: 100px; 
	padding: 5px 40px 5px 15px; 
}
div.logInPanel .logIn
{
	position: relative; 
	float: right; 
}
div.logInPanel .logIn span.logInLabel
{
	display: inline-block; 
	padding: 5px 5px; 
}
div.logInPanel .loggedIn
{
	text-align: right; 
}
div.logInPanel .loggedIn big 
{
	display: inline-block; 
	padding: 5px 10px 0px 0px; 
}
div.logInPanel .loggedIn input 
{
	display: inline-block; 
	margin: 0px 0px 5px 10px; 
}
div.logInPanel .logInResult 
{
	display: none; 
	position: relative; 
	float: right; 
	width: 300px; 
	border-top: 1px solid #AA0000; 
	border-bottom: 1px solid #AA0000; 
	text-align: center; 
	color: #AA0000; 
}
div.logInPanel .securityWarning
{
	float: right; 
	font-size: 10px; 
	width: 300px; 
	text-align: justify; 
	margin: 0px 40px; 
}


div.tools
{
	background: #DDE8F4 url(/Images/Layout/gradient-lightblue.png) repeat-y scroll right top; 
	margin: 0px 10px; 
	padding: 10px; 
	border: 1px solid #888888; 
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}