/* SP-Bench CSS */

/* force vertical scrollbars to prevent page jumping */
html
{
	overflow-y: scroll
}

/* General Styles */
body 
{
	margin: 0px;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 0.9em;
}

h1, h2, h3, h4, .top, .menubar
{
	font-family: Verdana,sans-serif;
}

.content p, .content ul, .content ol
{
	font-size: 1.05em;
	line-height: 1.2em;
}

.content ol ul, .content ol ol,
.content ul ul, .content ul ol
{
	font-size: 1em;
}

ol.lettered_list
{
	list-style-type: lower-alpha;
}

a
{
	color: #4F78B3;
}

a img
{
	border: none;
}

.highlight
{
	background-color: #FFF5C1;
}

.small
{
	font-size: 0.8em !important;
	font-weight: normal;
	color: #777777;
}

.inline_block
{
	display: inline;
}

.required
{
	color: Red;
}

.column_heading
{
	margin-top: 0px !important;
}

div.container, div.report_container
{
	margin: 0px auto;
	width: 900px;
	position: relative;
}

div.report_container
{
	position: static;
}

div.footer_container
{
	margin: 0px auto;
	width: 900px;
}

div.report_container
{
	width: 1000px;
}

.textfield
{
	background-color: #F9F9F9;
	border: 2px solid #DDDDDD;
	color: #444444;
	font-family: Verdana, Sans-Serif;
	padding: 4px;
	font-size: 1em;
	width: 400px;
}

.readonly
{
	background-color: #F0F0F0;
	color: #888888;
}

.inline_image_right
{
	float: right;
	margin: 0px 0px 10px 15px;
}

.inline_image_left
{
	float: left;
	margin: 0px 15px 10px 0px;
}

img.paragraph_icon
{
	float: left;
	margin: 0px 15px 5px 0px;
}

hr
{
	border: 0px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	height: 1px;
	width: 100%;
	text-align: left;
	margin: 15px 0px;
}

.centre
{
	text-align: center;
}

img.image_border
{
	border: solid 1px #DDDDDD;
	padding: 2px;
}

/* Clearfix class used to ensure a div expands to contain all floats inside it */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Message Styles */

.message div, .password_reset_success
{
	background-color: #FFF5C1;
	font-size: 1.1em;
	padding: 1em 1em 1em 3.4em;
	margin-top: 15px;
	background-repeat: no-repeat;
	background-position: 0.8em center;
}

.message_top div
{
	margin-top: 0px;
}

.message_middle div
{
	margin-top: 0px;
	margin-bottom: 15px;
}

.message .success, .password_reset_success
{
	background-image: url(Images/tick.png);
}

.message .error
{
	background-color: #EF9697;
	background-image: url(Images/cross.png);
}

.message .warning
{
	background-image: url(Images/alert.png);
}

/* Remove the margin on the paragraph inside a results message box */
.content .message p, .content .message_top p
{
	margin: 0px;
}

/* Force a div to fully contain everything inside it, even floated elements */
div.overflow_div
{
	overflow: auto;
}

/* Header style */

div#header
{
	height: 45px;
	margin: 15px 0px 0px 0px;
	background-image: url(Images/gradient1.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#logo
{
	background-image: url(Images/SPBenchLogo.png);
	background-repeat: no-repeat;
}

#logo h1
{
	margin: 0px;
	text-indent: -9999px;
}

#logo h1 a
{
	display: block;
	width: 134px;
	height: 32px;
}

p#account
{
	margin: 0px;
	position: absolute;
	top: 7px;
	right: 0px;
}

/* Menu Style */

div.menubar
{
	background-color: #4E99E5;
	border-bottom: 1px solid #4485C7;
	border-top: 1px solid #4485C7;
	padding: 5px 0px;
}

ul#menu
{
	padding: 0px;
	margin: 0px;
}

ul#menu li
{
	display: inline;
	margin: 0px 10px 0px 0px;
}

ul#menu li a
{
	text-decoration: none;
	color: #FFFFFF;
}

ul#menu li a:hover
{
	text-decoration: underline;
}

/* Top title/overview band style */

div.top
{
	display: block;
	background-color: #E4F2FF;
	border-bottom: 1px solid #CDE7FF;
	padding: 30px 0px;
}

div.overview
{
	text-align: center;
	float: left;
	width: 400px;
}

div.overview h1
{
	font-size: 2.9em;
	margin: 0px;
}

div.overview p
{
	margin: 20px 0px 0px 0px;
	font-size: 1.2em;
}

div.overview_graphic
{
	text-align: center;
	float: right;
	width: 400px;
}

div.heading
{
	float: left;
	width: 400px;
}

div.heading h1
{
	font-size: 2.3em;
	margin: 0px;
}

div.subheading, div.upload
{
	float: right;
	width: 450px;
	text-align: center;
}

div.subheading p, div#upload p, div#upload input, div#benchmark p
{
	margin: 10px 0px 0px 0px;
}

/* Upload form style */

div.upload
{
	margin: 40px 0px 0px 0px;
}

div.uploadProgress, div.loadingProgress, div.inlineLoadingProgress
{
	font-size: 1.1em;
	display: none;
}

div.uploadProgress
{
	padding-top: 20px;
}

div.loadingProgress
{
	padding-top: 10px;
}

img.progress
{
	margin: 15px;
}

div.inlineLoadingProgress img.progress
{
	margin: 0px 0px 0px 10px;
}

div.inlineLoadingProgress p
{
	margin: 0px 0px 9px 0px;
}

/* Benchmark my service form style */

div#benchmark
{
	float: right;
	width: 500px;
	text-align: center;
}

div#benchmark ol
{
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

div#benchmark li
{
	margin: 5px 0px;
}

div#benchmark select
{
	width: 400px;
}

/* Content style */

div.content
{
	background-image: url(Images/gradient2.png);
	background-repeat: repeat-x;
	padding: 30px 0px 20px 0px;
}

.no_top_pad
{
	padding-top: 0px !important;
}

div.content_2column
{
	width: 400px;
}

div.content_3column
{
	width: 250px;
}

div.content_3column, div.content_2column
{
	float: left;
	margin: 0px 20px;
}

div.content_3column h2, div.content_2column h2
{
	font-size: 1.5em;
	margin: 15px 0px;
}

div.content_3column p, div.content_2column p
{
	margin: 15px 0px;
}

div.content_3column ul, div.content_2column ul
{
	padding: 0px;
	margin-left: 15px;
}

div.content_left
{
	float: left;
	width: 200px;
	margin: 0px;
}

div.content_right
{
	float: left;
	width: 650px;
	margin: 0px 0px 0px 40px;
}

div.content p
{
	margin: 0px 0px 10px 0px;
}

div.content p.marquee
{
	margin: 0px;
	padding: 15px 20px;
}

div.margin_top
{
	margin-top: 15px;
}

div.indent_content h3, div.indent_content p
{
	margin-left: 20px;
}

div.content li
{
	margin-bottom: 5px;
}

div.content li ul
{
	padding: 5px 0px 0px 15px;
	margin: 0px;
}

div.content li ol
{
	padding: 5px 0px 0px 20px;
	margin: 0px;
}

a.back_to_top
{
	padding-left: 18px;
	background-image: url(Images/up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 0.8em;
	text-align: right;
}

div.video
{
	margin-bottom: 10px;
}

p.toggleReportOptions
{
	margin: 0px;
	position: absolute;
	left: 778px;
	padding: 2px 5px 5px 22px;
	font-size: 0.9em;
	background:	#E4F2FF url(Images/minus.gif) no-repeat 6px 5px;
	border: solid 1px #CDE7FF;
	border-top: none;
	width: 10.5em;
	z-index: 1000;
	text-decoration: underline;
	color: #4F78B3;
	cursor: pointer;
}

p.dashboardOptions
{
	top: 74px;
}

p.benchOptions
{
	top: 122px;
}

div.content p.chartLabel
{
	margin-top: 4px;
	font-size: 0.9em;
	height: 0.9em;
	color: #444444;
}

span.countLabel
{
	margin: 0px 10px 0px 5px;
	padding: 1px;
	background-color: #FFFBE8;
}

span.myServiceValueLabel
{
	background-color: #E5FFE4;
}

/* FAQ styles */

div.content #showHide
{
	text-decoration: underline;
	cursor: pointer;
	color: #4F78B3;
	padding: 2px 3px 3px 2px;
	margin-left: 15px;
	font-size: 0.9em;
	vertical-align: middle;
	background-color: #E0EEFB;
	border: solid 1px #CDE7FF;
}

dl.faq
{
	margin: 0px;
	padding-left: 20px;
}

div.content dl.faq ul
{
	margin-left: 20px;
}

dl.faq li li
{
	list-style-type: disc;
}

dl.faq dt
{
	color: #4F78B3;
	text-decoration: underline;
	cursor: pointer;
	font-size: 1.05em;
	padding: 0px 0px 5px 13px;
	background-image: url(Images/collapsedPanelIcon.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

dl.faq dd
{
	overflow: hidden;
	margin-left: 14px;
	margin-bottom: 5px;
	background-color: #FFFDEE;
}

dl.faq dd p
{
	margin: 5px 5px 10px 5px;
}

/* central content table style */

table.general_table
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.general_table td
{
	padding: 5px;
	border: solid 1px #000000;
}

table.general_table thead
{
	font-weight: bold;
	background-color: #DCDCDC;
}

/* Left-hand content menu style */

div.left_menu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #DDDDDD;
	border-bottom-style: none;
}

div.left_menu li
{
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #DDDDDD;	
}

div.left_menu a
{
	padding: 0.5em 1em 0.5em 1em;
	display: block;
	background-color: #F9F9F9;
	color: #444444;
	text-decoration: none;
}

div.left_menu a.with_video
{
	background-image: url(Images/trainingVideo.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

div.left_menu a.selected, div.left_menu a.selected:hover
{
	background-color: #4E99E5;
	color: #FFFFFF;
}

div.left_menu a:hover
{
	background-color: #F0F0F0;
}

/* Contact form style */

div.email_form ol, fieldset ol
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.email_form li, fieldset li
{
	padding: 0px 0px 1em 0px;
}

div.email_form label
{
	display: block;
	padding-bottom: 5px;
}

/* General form style */

fieldset
{
	border: none;
}

legend
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 10px 0px 15px 0px
}

fieldset .textfield
{
	width: 250px;
}

fieldset select.textfield
{
	width: 262px;
}

fieldset label
{
	float: left;
	width: 200px;
	margin-right: 20px;
	padding: 6px 0px;
}

fieldset label.checkbox_label
{
	float: none;
	width: auto;
	margin: 0px 0px 0px 10px;
}

fieldset li
{
	margin-left: 25px;
}

fieldset li a
{
	margin-left: 220px;
}

/* Upload results table style */

div.content div.upload_result_panel p.includeExclude
{
	margin: 0px;
	text-align: right;
}

div.content div.upload_result_panel p.includeExclude span
{
	text-decoration: underline;
	cursor: pointer;
	color: #4F78B3;
	padding: 2px 3px 3px 2px;
	font-size: 0.9em;
	vertical-align: middle;
	background-color: #E0EEFB;
	border: solid 1px #CDE7FF;
}

table.results_table
{
	margin: 15px 0px;
	width: 100%;
}

table.results_table td
{
	padding: 5px;
}

.results_table_header
{
	font-weight: bold;
	background-color: #DCDCDC;
	font-size: 1.1em;
}

.results_table_alt
{
	background-color: #F3F3F3;
}

input.results_confirm_button
{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.content div.upload_result_panel p
{
	margin: 10px 0px 0px 0px;
}

/* Report options table style */

table.dashboard_table, table.report_options, .report_selector select, .filters table, .measure_selector table, .report_how_to table
{
	width: 100%;
}

.report_how_to table
{
	margin-top: 5px;
}

.report_options .filters
{
	width: 50%;
}

.report_options .report_selector
{
	width: 18%;
}

.report_options .report_selector, .report_options .measure_selector, .report_options .filters, .report_options .report_how_to
{
	vertical-align: top;
	background-image: url(Images/reportOptionsGradient.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 4px;
}

.report_options .report_selector
{
	padding-top: 7px;
}

.report_options h2, .report_options h3
{
	color: #555555;
	margin: 0px 0px 0px 3px;
}

.report_options h2
{
	font-size: 1.1em;
}

.report_options h3
{
	font-size: 1.0em;
}

span.chart_refresh_button
{
	position: relative;
	top: -1px;
	left: 5px;
}

div.content p.no_charts
{
	margin-top: 20px;
}

td.measure_selector select
{
	margin: 7px 0px 0px 7px;
}

/* File Transfer Style */

div.content .file_transfer span
{
	text-decoration: underline;
	cursor: pointer;
	color: #4F78B3;
	padding: 2px 3px 3px 17px;
	margin-left: 15px;
	font-size: 0.9em;
	vertical-align: middle;
	background: #E0EEFB url(Images/plus.gif) no-repeat scroll 3px 5px;
	border: solid 1px #CDE7FF;
}

.file_transfer .file
{
	vertical-align: middle;
}

.file_transfer div
{
	margin-bottom: 5px;
}

/* Footer Style */

div#footer
{
	background-color: #E4F2FF;
	border-top: 1px solid #CDE7FF;
	border-bottom: 1px solid #CDE7FF;
	padding: 10px;
}

div#footer p
{
	margin: 0px;
}

/* Hack to hide the sort buttons in the series panel of the Standard Report */
#ctl00_pageDetailsPlaceHolder_mainOlapClientSeriesFrame td.ds_tbbtn
{
	display: none;
}