﻿@media screen
{
	/* ######################################## */
	/* ## Element styles                     ## */
	/* ######################################## */

	body
	{
		background-color: #FFFFFF;
		font-family: Calibri, Bitstream Vera Sans, Arial, Sans-Serif;
		font-size: 15px;
		margin: 0px;
		padding: 0px;
	}

	form
	{
		margin: 0px;
		padding: 0px;
	}


	/* ######################################## */
	/* ## 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-dropdownchecklist-wrapper
	{
		height: 25px;
		overflow: hidden;
		margin: 0px; 
	}
	.advancedCheckBox .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 */
	.advancedCheckBox .ui-dropdownchecklist-wrapper .ui-dropdownchecklist .ui-dropdownchecklist-text
	{
		padding: 5px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: Transparent url(/Images/Layout/dropdown.png) no-repeat right top;
		height: 16px;
		overflow: hidden; 
	}
	.advancedCheckBox .ui-dropdownchecklist-wrapper .ui-dropdownchecklist .ui-dropdownchecklist-text:hover
	{
		background: Transparent 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: 6px 0px;
		height: 25px;
		margin: 0px;
		vertical-align: middle;
		background-color: Transparent;
		font-size: 12px; 
	}
	.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: 13px; 
		color: #000000; 
		text-decoration: none; 
	}
	.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;
	}


	/* 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; 
	}

	/* ######################################## */
	/* ## Layout                             ## */
	/* ######################################## */

	.containerBox
	{
		margin: 0px auto;
		padding: 0px 50px;
		min-width: 950px;
		min-height: 400px;
	}

	/* ## Page header ## */
	.containerBox .headerBox
	{
		margin: 15px 0px 25px 0px;
		padding: 0px;
		height: 80px;
	}
	.containerBox .headerBox .left
	{
		margin: -10px 0px 0px 0px;
		float: left;
		width: 130px;
		height: 125px;
		background-image: url(/Images/Layout/spins-logo-small.gif);
	}
	.containerBox .headerBox .left h1 a
	{
		margin: -10px 0px 0px 0px;
		float: left;
		width: 130px;
		height: 105px;
	}
	.containerBox .headerBox .left h1 a span
	{
		display: none;
	}
	.containerBox .headerBox .middle
	{
		float: left;
		margin: 42px 0px 0px 15px;
		width: 280px;
	}
	.containerBox .headerBox .middle h2
	{
		margin: 0px;
		font-size: 22px;
		font-weight: normal;
	}
	.containerBox .headerBox .right
	{
		float: right;
		margin: 0px 0px 0px 0px;
		width: 500px;
		height: 90px;
		background-color: Green;
	}
	.containerBox .headerBox .right .sponsorBanner
	{
		border: 1px solid #CCCCCC;
		color: #CCCCCC;
		background-color: #EEEEEE;
		height: 90px;
		vertical-align: middle;
		text-align: center;
		background-image: url(/Images/Layout/banner-dstar.jpg);
	}

	/* ## Menu bar ## */
	.containerBox .menuBox
	{
		position: absolute;
		margin: 0px 25px;
		padding: 10px 0px;
		height: 60px;
		left: 50px;
		right: 50px;
		min-width: 950px;
	}
	.containerBox .menuBox .left
	{
		position: absolute;
		float: left;
		width: 15px;
		background-color: #EEEEEE;
		background-image: url(/Images/Layout/menubar-left.gif);
		height: 60px;
		margin: 0px;
	}
	.containerBox .menuBox .middle
	{
		position: absolute;
		height: 58px;
		left: 15px;
		right: 15px;
		vertical-align: middle;
		text-align: center;
		padding: 0px 0px 0px 0px;
		background-color: #EEEEEE;
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
	}
	.containerBox .menuBox .middle .menuBarItem
	{
		float: left;
		width: 100px;
		height: 40px;
		vertical-align: middle;
		background-color: #D86939;
		background-image: url(/Images/Layout/button-orange-menubar.png);
		margin: 9px 10px 8px 0px;
	}
	.containerBox .menuBox .middle .menuBarItem:hover
	{
		background-image: url(/Images/Layout/button-blue-menubar.png);
	}
	.containerBox .menuBox .middle .menuBarItem div
	{
		display: table-cell;
		vertical-align: middle;
	}
	.containerBox .menuBox .middle .menuBarItem a
	{
		display: table-cell;
		color: #000000;
		font-size: 13px;
		text-decoration: none;
		width: 100px;
		height: 40px;
		vertical-align: middle;
	}
	/* Hacks to make vertical centering work on menu bar on IE7 and IE6 */
	.containerBox .menuBox .middle .menuBarItem .ieOuter
	{
		position: relative;
		width: 100px;
		height: 40px;
	}
	.containerBox .menuBox .middle .menuBarItem .ieOuter .ieMiddle
	{
		position: absolute;
		top: 50%;
		left: 0px;
	}
	.containerBox .menuBox .middle .menuBarItem .ieOuter .ieMiddle .ieInner
	{
		position: relative;
		top: -50%;
		text-align: center;
		width: 100px;
	}
	.containerBox .menuBox .right
	{
		position: absolute;
		float: right;
		right: 0px;
		width: 15px;
		background-color: #EEEEEE;
		background-image: url(/Images/Layout/menubar-right.gif);
		height: 60px;
		margin: 0px 0px 0px 875px;
	}

	/* ## Main content ## */
	.containerBox .contentBox
	{
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin: 220px 75px 0px 75px;
		padding: 0px;
		min-width: 900px;
		min-height: 220px;
	}

	.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
	{
		float: left;
		left: 0px;
		right: 0px;
		background-color: #FFFFFF;
	}
	.containerBox .contentBox .contentContainer .headerRow
	{
		position: absolute;
		float: left;
		height: 15px;
		left: 0px;
		right: 0px;
	}
	.containerBox .contentBox .contentContainer .headerRow .left
	{
		float: left;
		width: 15px;
		height: 15px;
		background-image: url(/Images/Layout/container-tl.gif);
	}
	.containerBox .contentBox .contentContainer .headerRow .middle
	{
		position: absolute;
		float: left;
		min-width: 870px;
		border-top: 1px solid #CCCCCC;
		left: 15px;
		right: 15px;
		float: left;
		height: 14px;
	}
	.containerBox .contentBox .contentContainer .headerRow .middle h2
	{
		position: absolute;
		margin: -18px 0px 0px 0px;
		padding: 0px 5px;
		font-size: 20px;
		color: #3D69A2;
		font-weight: normal;
		background-color: #FFFFFF;
	}
	.containerBox .contentBox .contentContainer .headerRow .right
	{
		float: right;
		width: 15px;
		height: 15px;
		background-image: url(/Images/Layout/container-tr.gif);
	}
	.containerBox .contentBox .contentContainer .contentRow
	{
		position: absolute;
		float: left;
		min-width: 868px;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 0px 15px;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 14px;
		left: 0px;
		right: 0px;
		top: 15px;
		bottom: 55px;
		float: left;
		overflow: auto;
	}
	.containerBox .contentBox .contentContainer .footerRow
	{
		position: absolute;
		height: 15px;
		left: 0px;
		right: 0px;
		bottom: 40px;
	}
	.containerBox .contentBox .contentContainer .footerRow .left
	{
		float: left;
		width: 15px;
		height: 15px;
		background-image: url(/Images/Layout/container-bl.gif);
	}
	.containerBox .contentBox .contentContainer .footerRow .middle
	{
		position: absolute;
		left: 15px;
		right: 15px;
		float: left;
		min-width: 870px;
		border-bottom: 1px solid #CCCCCC;
		height: 14px;
	}
	.containerBox .contentBox .contentContainer .footerRow .right
	{
		float: right;
		width: 15px;
		height: 15px;
		background-image: url(/Images/Layout/container-br.gif);
	}


	/* ## Form box ## */
	.containerBox .contentBox .formBox
	{
		float: left;
		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 .contentBox .footerBox
	{
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: 0px 0px 0px 0px;
		padding: 15px 0px;
		min-width: 900px;
		font-family: Calibri, Bitstream Vera Sans, Arial, Sans-Serif;
		font-size: 10pt;
		color: #555555;
	}
	.containerBox .contentBox .footerBox a
	{
		color: #555555;
		text-decoration: none;
		margin: 0px 0px 0px 10px;
	}
	.containerBox .contentBox .footerBox a:hover
	{
		text-decoration: underline;
	}
	.containerBox .contentBox .footerBox .left, .containerBox .contentBox .footerBox .left h2
	{
		position: relative;
		float: left;
	}
	.containerBox .contentBox .footerBox .left h2
	{
		display: inline;
		font-size: 1em;
		font-weight: normal;
		margin: 0px;
	}
	.containerBox .contentBox .footerBox .left a
	{
		margin: 0px;
	}
	.containerBox .contentBox .footerBox .left .poweredBy
	{
		position: absolute;
		margin: -6px 0px 0px 160px;
		width: 200px;
	}
	.containerBox .contentBox .footerBox .left .poweredBy img
	{
		float: left;
		border: 0px solid #FFFFFF;
		margin: 0px 5px 0px 0px;
	}
	.containerBox .contentBox .footerBox .left .poweredBy p, .containerBox .contentBox .footerBox .left .poweredBy h3
	{
		float: left;
		font-size: 0.8em;
		margin: 0px;
		padding: 0px;
	}
	.containerBox .contentBox .footerBox .left .poweredBy p
	{
		margin-top: 5px;
		margin-bottom: -3px;
	}
	.containerBox .contentBox .footerBox .right
	{
		position: relative;
		float: right;
	}



	/* ######################################## */
	/* ## 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
	{
		padding-left: 20px; 
		background: Transparent url(/Images/Icons/document-print-16.png) no-repeat scroll 3px 3px; 
	}
	.toolstrip .button.exportData
	{
		padding-left: 20px; 
		background: Transparent url(/Images/Icons/export-16.png) no-repeat scroll 3px 3px; 
	}
	.toolstrip .button.automateReport
	{
		padding-left: 20px; 
		background: Transparent url(/Images/Icons/system-run-16.png) no-repeat scroll 3px 3px; 
	}


	/* Small style text */
	.smallText
	{
		font-weight: normal;
		font-size: 8pt;
	}


	/* Filter container */
	.filterContainer
	{
		float: left; 
		font-size: 12px;
		padding: 0px;
		margin: 10px 0px;
		color: #000000;
		width: 100%; 
		min-width: 1050px;
	}
	.filterContainer .filterRow
	{
		float: left; 
		margin: 3px 0px;
		padding: 0px 0px 0px 0px; 
		clear: both; 
		white-space: nowrap; 
		width: 100%; 
	}
	.filterContainer .label
	{
		float: left; 
		padding: 5px 0px 0px 0px; 
	}
	.filterContainer .filterRow input, .filterContainer .filterRow select, .filterContainer .filterRow button
	{
		float: left; 
		margin: 0px 4px 0px 4px;
	}
	.filterContainer .filterRow .searchField 
	{
		float: left; 
		margin: 0px 10px 0px 0px; 
		padding: 0px;
		white-space: nowrap; 
	}
	.filterContainer .filterRow .searchField:first-child
	{
	}

	/* Overrides for the rad date picker control */
	.datePicker 
	{
		margin: 0px 5px!important; 
	}
	.datePicker, 
	.datePicker .pickerWrapper_Default 
	{
		float: left; 
		width: 100px!important;
		height: 25px!important;
		padding: 0px!important; 
	}
	.datePicker .pickerWrapper_Default 
	{
		background: #FFFFFF url(/Images/Layout/textbox-white-100.png) no-repeat scroll 0px 0px;
	}
	.datePicker input 
	{
		display: none; 
	}
	.datePicker .pickerWrapper_Default table input.radEnabledCss_Default, 
	.datePicker .pickerWrapper_Default table input.radFocusedCss_Default, 
	.datePicker .pickerWrapper_Default table input.radHoverCss_Default
	{
		float: left; 
		display: block; 
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		font-weight: bold;
		border: none; 
		color: #555555;
		padding: 4px 0px!important;
		margin: 0px 4px!important; 
		height: 17px; 
		vertical-align: middle; 
		background-color: Transparent;
	}
	.datePicker .pickerWrapper_Default 
	{
		width: 100px; 
	}
	.datePicker .pickerWrapper_Default table
	{
		float: left; 
		width: 100px!important; 
		padding: 0px!important; 
		margin: 0px!important; 
	}
	.datePicker .pickerWrapper_Default table,  
	.datePicker .pickerWrapper_Default table tbody, 
	.datePicker .pickerWrapper_Default table tbody tr, 
	.datePicker .pickerWrapper_Default table tbody tr td 
	{
		display: block!important; 
		float: left!important; 
		padding: 0px!important; 
		margin: 0px!important; 
	}

	.datePicker .pickerWrapper_Default table tbody tr td 
	{
	}
	.datePicker .pickerWrapper_Default table tbody tr td:first-child
	{
		width: 75px!important; 
	}
	.datePicker .pickerWrapper_Default .radPopupImage_Default
	{
		float: right; 
		position: relative; 
		margin: 2px 0px!important; 
		
	}


	/* 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 */
	.general-report-help
	{
		position: relative;
		background-color: #FFFFCC;
		padding: 10px;
		border: 1px solid #CC9966;
	}
	.general-report-help h3
	{
		background: transparent url(/Images/Icons/emblem-help-32.png) no-repeat scroll left top;
		padding: 6px 0px 6px 40px;
		margin: 0px 0px;
	}
	.general-report-help p
	{
		margin: 10px 10px;
	}
	.general-report-help .general-report-help-bottom
	{
		border-top: 1px solid #CC9966;
		padding: 10px 0px 0px 0px;
	}
	.general-report-help-showbox
	{
		position: fixed;
		right: 90px;
		top: 208px;
		width: 150px;
		text-align: right;
		z-index: 50000;
	}
	.general-report-help-showbox span
	{
		padding: 5px 5px;
		cursor: pointer;
		border: 1px solid #FFFFFF;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 14px;
	}
	.general-report-help-showbox span:hover
	{
		border: 1px solid #CCCCCC;
		background-color: #EEEEEE;
	}
	.general-report-help-showbox span img
	{
		vertical-align: text-top;
	}


	/* Floating search containers */
	.floatingSearchContainer
	{
		position: absolute;
		background-color: #FFFFFF;
		font-size: 9pt;
		border: 1px solid #AAAAAA;
		padding: 4px;
		display: none;
		width: 300px;
		overflow: hidden;
	}
	.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
	{
		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;
	}
	.system-alert .left
	{
		float: left;
		width: 60px;
	}
	.system-alert .right
	{
		float: left;
		width: 420px;
	}
	.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: 15px;
		left: 185px;
		background-color: #FFFFCC;
		padding: 5px;
		border: 1px solid #CC9966;
		z-index: 998;
		cursor: pointer;
	}
	.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; 
	}


	/* 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;
	}


}
@media print
{
	/* ######################################## */
	/* ## Element styles                     ## */
	/* ######################################## */

	body
	{
		font-family: Calibri, Bitstream Vera Sans, Arial, Sans-Serif;
		font-size: 8pt;
		margin: 0mm;
		padding: 0mm;
	}

	form
	{
		margin: 0mm;
		padding: 0mm;
	}


	/* ######################################## */
	/* ## Widget styles                      ## */
	/* ######################################## */

	/* Text boxes */
	.textbox-100, .textbox-150, .textbox-200, .textbox-250, .textbox-300, .textbox-400, .textbox-500
	{
	}
	.textbox-100
	{
	}
	.textbox-150
	{
	}
	.textbox-200
	{
	}
	.textbox-250
	{
	}
	.textbox-300
	{
	}
	.textbox-400
	{
	}
	.textbox-500
	{
	}
	.dropdown-100, .dropdown-150, .dropdown-200, .dropdown-250, .dropdown-300, .dropdown-400, .dropdown-500
	{
	}
	.dropdown-100
	{
	}
	.dropdown-150
	{
	}
	.dropdown-200
	{
	}
	.dropdown-250
	{
	}
	.dropdown-300
	{
	}
	.dropdown-400
	{
	}
	.dropdown-500
	{
	}


	/* 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
	{
	}


	/* 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: #888888;
		text-decoration: none;
	}
	.arrow-link-orange
	{
	}
	.arrow-link-grey
	{
	}
	.arrow-link-blue
	{
	}
	.arrow-link-green
	{
	}


	/* ######################################## */
	/* ## Layout                             ## */
	/* ######################################## */

	.containerBox
	{
		margin: 0mm;
		padding: 0mm;
	}

	/* ## Page header ## */
	.containerBox .headerBox
	{
		margin: 0mm;
		padding: 0mm;
		height: 7.5mm;
		border-bottom: 0.25pt solid #000000;
	}
	.containerBox .headerBox .left
	{
		margin: 0mm;
		padding: 0mm;
	}
	.containerBox .headerBox .left h1 a
	{
		font-size: 12pt;
		color: #000000;
		text-decoration: none;
	}
	.containerBox .headerBox .left h1 a span
	{
	}
	.containerBox .headerBox .middle
	{
		display: none;
	}
	.containerBox .headerBox .right
	{
		display: none;
	}

	/* ## Menu bar ## */
	.containerBox .menuBox
	{
		display: none;
	}

	/* ## Main content ## */
	.containerBox .contentBox
	{
		left: 0mm;
		margin: 0mm;
		padding: 0mm;
		min-height: 10cm;
	}
	.containerBox .contentBox .contentContainer
	{
		margin: 5mm 0mm 0mm 0mm;
	}
	.containerBox .contentBox .contentContainer .headerRow
	{
		clear: both;
	}
	.containerBox .contentBox .contentContainer .headerRow .left
	{
		display: none;
	}
	.containerBox .contentBox .contentContainer .headerRow .middle
	{
	}
	.containerBox .contentBox .contentContainer .headerRow .middle h2
	{
		margin: 0mm;
		padding: 0mm;
		font-size: 10pt;
		font-weight: bold;
		color: #3D69A2;
		font-weight: normal;
	}
	.containerBox .contentBox .contentContainer .headerRow .right
	{
		display: none;
	}
	.containerBox .contentBox .contentContainer .contentRow
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 8pt;
	}
	.containerBox .contentBox .contentContainer .footerRow
	{
		display: none;
	}


	/* ## Footer ## */
	.containerBox .contentBox .footerBox
	{
		float: left;
		width: 100%;
		font-family: Calibri, Bitstream Vera Sans, Arial, Sans-Serif;
		margin: 7.5mm 0mm 0mm 0mm;
		padding: 2.5mm 0mm 0mm 0mm;
		border-top: 0.25pt solid #000000;
	}
	.containerBox .contentBox .footerBox .left
	{
	}
	.containerBox .contentBox .footerBox .right
	{
		display: none;
	}


	/* ######################################## */
	/* ## Element styles                     ## */
	/* ######################################## */

	/* Table box */
	.tableBox
	{
		border: 1pt solid #000000;
		float: left;
		margin: 0mm;
		font-size: 7pt;
	}
	.tableBox .header
	{
		display: table;
		float: left;
		color: #000000;
		border-bottom: 1pt solid #000000;
		width: 100%;
		font-weight: bold;
		vertical-align: middle;
		height: 10mm;
	}
	.tableBox .header .headerCell
	{
		display: table-cell;
		float: left;
		border-right: 1px solid #3D69A2;
		height: 27px;
		padding: 15px 5px 0px 5px;
		vertical-align: middle;
	}
	.tableBox .header .headerCellContainer
	{
		float: left;
	}
	.tableBox .header .headerCellContainer .headerCell
	{
		height: 5mm;
		padding: 0mm;
		border-top: 0.25pt solid #000000;
	}
	.tableBox .row
	{
		float: left;
		width: 100%;
		border-bottom: 0.25pt solid #000000;
	}
	.tableBox .row .cell, .tableBox .row .cell-bdr-right
	{
		float: left;
		padding: 0mm;
		border-right: 0.25pt solid #CCCCCC;
		height: 5mm;
	}
	.tableBox .row .cell-bdr-right
	{
		border-right: 0.25pt solid #000000;
		margin: 0mm;
	}




}
