﻿
/********** HTML TAGS *********/

body
{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #414141;
}
a
{
	color: #6379a0;
}
table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border-collapse: collapse;
}
caption, th
{
	background: none;
	color: #575757;
}
img
{
	border: 0;
}
h1, h2, h3, h4, h5
{
	color: #575757;
	font-weight: bold;
	margin-bottom: 12px;
}
h1
{
	font-size: 1.6em;
}
h2
{
	font-size: 1.3em;
}
h3
{
	font-size: 1.1em;
}
h4
{
	font-size: 1em;
}
h5
{
	font-size: 1em;
}
fieldset
{
	border: 1px solid #999;
	padding: 1em;
}
input, select, button, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
div, form
{
	margin: 0;
	padding: 0;
}

/********** LAYOUT *********/

#page
{
	text-align: left;
}
#header
{
	padding: 12px 0;
}
#title h1
{
	letter-spacing: 3px;
	color: #fff;
	font-size: 160%;
	font-weight: normal;
}
#controls p
{
	margin: 0;
	color: #fff;
}
#controls a
{
	color: #fff;
}
#content
{
	background: url(../img/gradientTopBlue.gif) repeat-x top left;
	padding: 12px 0 0 0;
}
#contentBg
{
	background: url(../img/gradientBottom.gif) repeat-x bottom left;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#ctl00_breadcrumb ul
{
	padding: 12px 0 24px 0;
}
#ctl00_breadcrumb li
{
	padding-left: 15px;
	background: url(../img/arrowRightBlue.gif) left center no-repeat;
}
/* added for non-li breadcrumb */
#ctl00_breadcrumb .link
{
	padding-left: 15px;
	margin-right: 12px;
	background: url(../img/arrowRightBlue.gif) left center no-repeat;
	display: inline-block;
}
#ctl00_breadcrumb .nolink
{
	padding-left: 15px;
	margin-right: 12px;
	background: url(../img/arrowRightBlue.gif) left center no-repeat;
	font-weight: bold;
}

/*#navigation { background:url(../img/navRight.gif) no-repeat top right; padding-right:12px; }
	#navigation .left { background:url(../img/navLeft.gif) no-repeat top left; padding-left:12px; }*/

#footer
{
	padding: 12px 0;
	background: #fff;
	color: #5E5E5E;
}
#footer li
{
	display: inline;
	float: none;
}
#footer a
{
	color: #5E5E5E;
}

/********** CLASSES *********/

.listhorizontal
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listhorizontal li
{
	float: left;
	margin-right: 12px;
}

.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.textright
{
	text-align: right;
}
.textcentre
{
	text-align: center;
}

.margintop
{
	margin-top: 12px;
}
.marginright
{
	margin-right: 12px;
}
.marginbottom
{
	margin-bottom: 12px;
}
.marginleft
{
	margin-left: 12px;
}

.form .label-control
{
	clear: both;
	margin: 0 0 12px 0;
}
.form .label
{
	width: 10em;
	font-weight: bold;
	text-align: right;
}
/* overriden for IE */
.form .label, .form .control
{
	float: left;
}
.form .control
{
	padding: 0 0 0 1em;
}
.form .control label
{
	font-weight: normal;
}
/* overriden for IE */
.form .control span
{
	padding: 2px 0 0 19px;
	margin: 0.5em 0 0 0.5em;
}
.form input, .form select, .form textarea
{
	margin: 0;
}
.form .error
{
	padding: 0;
	border-width: 1px;
}
/* overriden for IE */
* html .form .error
{
	padding: 0 0 12px 0;
}
* + html .form .error
{
	padding: 0 0 12px 0;
}
.form .error .label, .form .error .control
{
	margin: 12px 0;
}
.form .normal
{
	line-height: normal;
}
.form .button
{
	padding: 1em 0 0 11em;
}
.form span.attention
{
	background: url(../img/iconAttention.gif) no-repeat left;
	color: #000000;
	font-size: 0.9em;
}
.form span.information
{
	background: url(../img/iconInformation.gif) no-repeat left;
	color: #666666;
	font-size: 0.9em;
}

.simpleTable
{
	border: 1px solid #999;
}
.simpleTable th
{
	background: #ededed;
}
.simpleTable th, .simpleTable td
{
	padding: 5px;
}

.table th
{
	background: #b2d0e9 url(../img/box2Title.gif) no-repeat center top;
	text-align: center;
}
.table th.first
{
	background: #b2d0e9 url(../img/box2Title.gif) no-repeat left top;
	border-left: 0;
}
.table th.last
{
	background: #b2d0e9 url(../img/box2Title.gif) no-repeat right top;
	border-right: 0;
}
.table caption
{
	padding-bottom: 12px;
	font-weight: bold;
}
.table th, .table td
{
	padding: 6px 12px;
	border: 1px solid #fff;
}
.table td
{
	background: #f0f0f0 url(../img/gradientGray.gif) repeat-x top;
}
.table .zalt td
{
	background: #e6f5ff url(../img/gradientBlue.gif) repeat-x top;
}
.gridViewRowGrey td
{
	background: #f0f0f0 url(../img/gridBackgroungGrey.png) repeat-x top;
}

.gridPager tr
{
	vertical-align: middle;
}
.gridPager td
{
	text-align: center;
}
.gridPager .previous
{
	background-color: Transparent;
	cursor: pointer;
	border: none;
	background: url(../img/arrowLeftDouble.gif) no-repeat left;
	padding-right: 15px;
	height:10px;
	vertical-align: middle;
}
.gridPager .next
{
	background-color: Transparent;
	cursor: pointer;
	border: none;
	background: url(../img/arrowRightDouble.gif) no-repeat right;
	padding-right: 15px;
	height:10px;
	vertical-align: middle;
}
.gridPager .first
{
	background-color: Transparent;
	cursor: pointer;
	border: none;
	background: url(../img/arrowLeftDouble.gif) no-repeat left;
	padding-left: 15px;
	height:10px;
	vertical-align: middle;
}
.gridPager .last
{
	background-color: Transparent;
	cursor: pointer;
	border: none;
	background: url(../img/arrowRightDouble.gif) no-repeat right;
	padding-left: 15px;
	height:10px;
	vertical-align: middle;
}
.paging
{
	background: #fff;
	text-align: center;
	margin: -1.4em 0 1.4em 0;
	padding: 6px 12px;
}
.paging ul, .paging li
{
	display: inline;
	float: none;
}
.paging .previous
{
	background: url(../img/arrowLeftDouble.gif) no-repeat left;
	padding-left: 21px;
}
.paging .next
{
	background: url(../img/arrowRightDouble.gif) no-repeat right;
	padding-right: 21px;
}

.logout
{
	background: url(../img/iconLogout.gif) no-repeat right center;
	padding-right: 20px;
	display:inline-block;
}

.box1 .boxtitle
{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding-left: 12px;
	background: #dedede url(../img/box1Title.gif) no-repeat left top;
	border-bottom: 1px solid #e8e8e8;
}
.box1 .boxtitle span
{
	background: url(../img/box1Title.gif) no-repeat right top;
	padding: 6px 12px 6px 0;
	display: block;
}

.box2 .boxtitle
{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding-left: 12px;
	background: #b1d0e8 url(../img/box2Title.gif) no-repeat left top;
	border-bottom: 1px solid #e8f3fb;
}
.box2 .boxtitle span
{
	background: url(../img/box2Title.gif) no-repeat right top;
	padding: 6px 12px 6px 0;
	display: block;
}

.box3 .boxtitle
{
	font-size: 1em;
	color: #ededed;
	font-weight: bold;
	margin: 0;
	padding-left: 12px;
	background: #0c2249 url(../img/box3Title.gif) no-repeat left top;
	border-bottom: 1px solid #b1c7ee;
}
.box3 .boxtitle span
{
	background: url(../img/box3Title.gif) no-repeat right top;
	padding: 6px 12px 6px 0;
	display: block;
}

.boxcontent
{
	border: 1px solid #d2d2d2;
	background: #f1f1f1 url(../img/gradientBottom.gif) top repeat-x;
	margin: 0 0 12px 0;
	padding: 12px;
}
.boxcontentMarks
{
	border: 1px solid #d2d2d2;
	margin: 0 0 12px 0;
	padding: 2px;
}
.boxtitle h2, .box1 h3, .box2 h3
{
	margin: 0;
	padding: 0;
}

.date
{
	font-size: 0.9em;
}
.more
{
	font-size: 0.9em;
}


/********** CORRECTIONS *********/

/* Container vs Float Error Correction */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-table;
	height: 100%;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */

/* Added for IE 6 fix */
select
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.smSpanWrap
{
	border: 1px solid #849CB1;
	background: #ffffff url(../img/PreScopes.gif) no-repeat scroll right center;
	line-height: 18px;
	padding-left: 4px;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	display: inline-block;
}
.smSpanWrapDis
{
	border: 1px solid #AAA;
	background: #ffffff url(../img/PreScopesDis.gif) no-repeat scroll right center;
	color: #999;
}

.gridViewHeader th
{
	min-width: 40px;
	padding: 6px 8px;
}

.table .addEntryError td
{
	background: #f0f0f0 url(../img/gradientTopBlue.gif) repeat-x top;
}
.table .addEntrySucess td
{
	background: #f0f0f0 url(../img/gradientGray.gif) repeat-x top;
}


.box4 .boxcontent, .box6 .boxcontent, .box7 .boxcontent { min-height:30px; }
* html .box4 .boxcontent, * html .box6 .boxcontent, * html .box7 .boxcontent { height:30px; }
.box4 h2, .box4 h3, .box6 h2, .box6 h3, .box7 h2, .box7 h3 { position:relative; zoom:1; }
.box4 h2 img, .box4 h3 img,.box7 h2 img, .box7 h3 img,.box6 h2 img, .box6 h3 img {
	position:absolute;
	top:5px;
	right:15px;
}
.box4 .boxtitle {
	font-size:1.3em;
	font-weight:bold;
	background:#c7e8f9 url(../img/box4Title.gif) no-repeat left top;
	border-bottom:1px solid #d3edfa;
	color:#666666;
}
.box4 .boxtitle span {
	background:url(../img/box4Title.gif) no-repeat right top;
	padding:6px 12px 6px 0;
	display:block;
}
.box4 .boxcontent {
	border:1px solid #99defd;
	border-top-color:#0794d4;
	background:#e7f5fd url(../img/gradientBottom4.gif) top repeat-x;
	margin:0 0 12px 0;
	padding:12px
}
.box6 .boxtitle {
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	background:#135093 url(../img/box6Title.gif) no-repeat left top;
}
.box6 .boxtitle span {
	background:url(../img/box6Title.gif) no-repeat right top;
	padding:6px 12px 6px 0;
	display:block;
}
.box7 .boxtitle {
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	background:#c32623 url(../img/box7Title.gif) no-repeat left top;
}
.box7 .boxtitle span {
	background:url(../img/box7Title.gif) no-repeat right top;
	padding:6px 12px 6px 0;
	display:block;
}
.box6 .boxcontent, .box7 .boxcontent {
	border:1px solid #d2d2d2;
	border-top:0;
	background:#f1f1f1 url(../img/gradientBottom.gif) top repeat-x;
	margin:0 0 12px 0;
	padding:12px
}
.box1 h2, .box1 h3, .box4 h2, .box4 h3, .box6 h2, .box6 h3, .box7 h2, .box7 h3 {
	margin:0;
	padding:0 0 0 12px;
}
.box1 fieldset, .box4 fieldset { border:1px solid #ccc; }
.box1 legend, .box4 legend { color:#999; }
.date { font-size:0.9em; }
.more { font-size:0.9em; }
.populated { color:#999; }
.nowrap { white-space:nowrap; }
.centres li { width:31%; }

fieldset.invisible {
	margin:0;
	padding:0;
	border:0;
	background:none;
}
h1.invisible { visibility:hidden; }
.survey {
	margin-bottom:1.5em;
	display:inline-block;
	text-decoration:none;
	position:relative;
}
.survey:focus, .survey:hover { text-decoration:underline; }
.survey .img {
	background:url(../img/iconSurvey.gif) top left no-repeat;
	position:absolute;
	top:-4px;
	display:block;
	width:25px;
	height:32px;
}
.survey em {
	font-size:1.5em;
	font-style:normal;
	margin-left:40px;
}
.survey strong { font-size:1.2em; }
.announcement {  }
/********** blueprint overrides *********/
.success, .error, .notice { border-width:1px; }
/********** CORRECTIONS *********/

/* Container vs Float Error Correction */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	height:100%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.margintop { margin-top:12px; }
.margintopBig { margin-top:24px; }
.marginright { margin-right:12px; }
.marginRightLarge { margin-right:80px; }
.marginbottom { margin-bottom:12px; }
.marginleft { margin-left:12px; }

h2.smaller { font-size:1.2em; }
ul.noBullets { list-style-type:none; margin:0 0 12px 0; padding:0; }
ul.noBullets li { margin:0 0 12px 0; padding:0; }
ul.icons { margin:0 0 12px 0; padding:0 }
ul.icons li { margin:0 0 0.5em 0; padding:0 0 0 20px; list-style-type:none; background:url(../img/bullet.gif) no-repeat 2px 0.4em; }
ul.icons li.typeExcel { list-style-type:none; background:url(../img/iconExcel.gif) no-repeat left top; }
ul.icons li.typePowerPoint { list-style-type:none; background:url(../img/iconPowerPoint.gif) no-repeat left top; }
ul.icons li.typePdf { list-style-type:none; background:url(../img/iconPdf.gif) no-repeat left top; }
ul.icons li.typeZip { list-style-type:none; background:url(../img/iconZip.gif) no-repeat left top; }

h3.padded { padding:0; margin:0 0 1.5em 0; }