/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	/*background:#f8f8f9; */
	background:#ffffff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.0625em;
	color:#858484;
	}
html { min-width:980px;}
html, body { height:101%;}



/* Global Structure ============================================================= */
.container_24 {
	position: relative;
	font-size:.75em;
}

	/* Header */
	header{
		height:120px;
		overflow:hidden;
		margin-bottom:20px;
		background:url(/images/header-tail.jpg) 0 0 repeat-x #f8f8f9;
		}
	
	/* Content */
	section#content {
		background:url(/images/content-tail.gif) 0 0 repeat-x #f8f8f9;
		padding-bottom:20px;
		}
	
	/* Sidebar */
	aside{
		
		}
			
	/* Footer */
	footer{
		background-color: #208bbb;
		padding:5px;
		}




/* Left & Right alignment */

.fleft, .left { float:left;}
.fright, .right { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
	}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
		}

.extra-wrap { 
	overflow:hidden;
	}

p {margin-bottom:17px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:17px;}
.p3 { margin-bottom:26px;}

label{
	float: left;
	text-align: right;
	padding: 3px;
	width: 100px;
	font-size: 1.1em;
}

.form_xxsmall label {
	width: 40px;
}
.form_xsmall label {
	width: 60px;
}
.form_small label {
	width: 80px;
}
.form_med label {
	width: 100px;
}
.form_large label {
	width: 120px;
}
.form_xlarge label {
	width: 140px;
}
.form_xxlarge label {
	width: 160px;
}
.form_xxxlarge label {
	width: 180px;
}



/*----- txt, links, lines, titles -----*/
a {
	color:#f86314; 
	outline:none;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}


.button { 
	background:url(/images/button.gif) no-repeat 0 0; 
	color:#6495b6; 
	font:bold 13px arial; 
	width:89px; 
	margin:0px 0px 0px 0px; 
	padding:0px 7px 6px 7px; 
	display:inline-block;
	text-transform:none; 
	text-align:center; 
	border:none; 
	vertical-align:middle;
	line-height:16px;
	height:25px;


/*	display:inline-block;
	width:81px;
	height:37px;
	line-height:37px;
	font-size:18px;
	background:url(/images/button.png) no-repeat 0 0;
	color:#fff;
	text-decoration:none;
	text-align:center;*/

}

/* Boxes */
.box {
	background:#eaedf0;
	border:1px solid #c4c4c3;
	padding:15px 29px 15px 29px;
	position:relative;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(/js/PIE.htc);
}



/* Header
---------------------------------------- */

.header-bg {
	background:url(/images/header.jpg) no-repeat 50% 0;
	height:120px;
	}

/* Logo */
.logo {
	position:absolute;
	left:10px;
	top:0px;
	}

/* Navigation */
header nav {
	position:absolute;
	right:0;
	top:78px;
	}
	header nav ul li {
		float:left;
		}
		header nav li a {
			float:left;
			padding:10px 21px 10px 21px;
			font-size:14px;
			line-height:1.2em;
			color:#fff;
			text-decoration:none;
			text-shadow:1px 1px 0 #004376;
			position:relative;
			}
		header nav li a.current {
			background:#208bbb;
			border-radius:7px;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			behavior:url(/js/PIE.htc);
			}
			


/* Content
---------------------------------------- */
#content {
	
}
	.inside {
		padding:0 0 0 10px;
		}
		.inside .inside {
			padding:40px 0 0 0;
			}
	.row {
		padding-bottom:34px;
		}

/* List */
.list1 li {
	background:url(/images/marker1.gif) no-repeat 0 5px;
	padding:0 0 0 25px;
	line-height:24px;
	font-size:13px;
	}
	
.arrow li {
	background:url(/images/arrow_blue.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	line-height:18px;
	font-size:13px;
	}

.list2 dt {
	font-weight:bold;
	font-size:13px;
	color:#01b6fc;
	}
.list2 dd {
	border-bottom:1px dashed #c4c4c3;
	padding:0 0 10px 0;
	margin-bottom:11px;
	}
.list2 dd:last-child {
	border-bottom:none;
	}


.list3 dt {
	font-weight:bold;
	font-size:13px;
	color:#454f51;
	}
.list3 dd {
	margin-bottom:17px;
	}
.list3 dd:last-child {
	margin-bottom:0;
	}

ol {
	list-style:decimal;	
	list-style-position: outside;
	} 
ol li {
	margin-left:30px;
}

ol li a {
	color:#858484;
}

ol li a:hover {
	text-decoration:underline;
	color:#f86314; 
	}


ul {
	list-style:disc ;	
	list-style-position: outside;
	} 
ul li {
	margin-left:25px;
}

ul li a {
	color:#858484;
}

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


/* Tree Menu
---------------------------------------- */
.treeview {
	border: 1px solid #d2d2d2;
	-moz-box-shadow: inset 0px 0px 90px #EDEDED; -webkit-box-shadow: inset 0px 0px 90px #EDEDED; box-shadow: inset 0px 0px 90px #EDEDED;
	background: #fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.treeview a {
	color:#858484;
	text-decoration:none;
	outline:none;
	}
.treeview a:hover, .treeview .hover{
	text-decoration:underline;
	color:#f86314;
	cursor: pointer; 
	}
	
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(/images/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}



#treecontrol { margin: 1em 0; display: none; }

.treeview li { background: url(/images/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/images/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 18px; display: block; }
.filetree span.folder { background: url(/images/treeview/folder.gif) 0 0 no-repeat;}


.filetree li.expandable span.folder { background: url(/images/treeview/folder-closed.gif) 0 0 no-repeat;}
.filetree span.file { background: url(/images/treeview/file.gif) 0 0 no-repeat; }

	
	
	
	
	
	
	
	
	
	
	
/* Footer
---------------------------------------- */
footer {
	color:#fff;
	text-shadow:1px 1px 0 #004376;
	margin-top:25px;
	position:relative;
	}
footer a {
	text-decoration:none;
	color:#fff;
	}
footer a:hover {
	text-decoration:underline;
	}
	

/* Copy */
/*footer .copy {
	float:left;
}*/
	footer .copy a {
		color:#fff;
		}


table.accent{
	margin: 1em 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table.accent th,
table.accent td {
	margin: 0;
	padding: 2pt 4pt;
	border-width: 1px;
	border-style: solid;
	border-color: #c4c4c3;
}

table.accent caption {
	margin-top: 1em;
	padding-bottom: 0.4em;
}

table.accent th {
	color: #fff;
	background-color: #208bbb;
}

table.accent th a {
	color: #fff;
}

.odd {
	background-color: #e3ebf3;
}

.even {
	background-color: #fff;
}

table .layout{
	margin: 0;
	padding:0;
	border-width: 0;
}
table.layout th,
table.layout td {
	border: 0;
	padding: 0 15px 0px 10px;
}



/* limit padding on "highlight" classes to div and p so tr,td, etc. won't be padded too much */
div.attention,
div.callout,
div.error,
div.fruity,
div.alt_error,
div.alt_warning,
div.go,
div.unimportant,
div.notice,
p.attention,
p.callout,
p.error,
p.fruity,
p.alt_error,
p.alt_warning,
p.go,
p.unimportant,
p.notice {
	padding: 0.7em;
	margin: 1em 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.attention {
	border: solid 1px #aa8;
	background-color: #ff8;
	color: #7f0f0f;
}

.highlight,
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.box_plain {
	border: 1px solid #d2d2d2;
	-moz-box-shadow: inset 0px 0px 90px #EDEDED; -webkit-box-shadow: inset 0px 0px 90px #EDEDED; box-shadow: inset 0px 0px 90px #EDEDED;
	background: #fff;
	padding: 0 29px 20px 29px;
	margin-bottom:20px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}



.callout {
	border-width: 1px;
	border-style: solid;
}

.error {
	color: #a00000;
	background-color: #ffcccc;
	border: solid 1px #a00000;
}

.fruity {
	color: #333;
	background-color: #FBE6F2;
	border: 1px solid #D893A1;
}

.warning {
	color: #af0000;
	padding: 2px;
} 

/* Added per BS8985 request */
.alt_error {
	border: solid 1px #ff8;
	background-color: #c80000;
	color: #ff8;
}

/* Added per BS8985 request */
.alt_warning {
	border: solid 1px #000;
	background-color: #ff8;
	color: #000;	
}

/* Added per BS8985 request */
.go {
	border: solid 1px #000;
	background-color: #9CEF90;
	color: #000;	
}

.unimportant {
	border: solid 1px #555;
	background-color: #E6E6E6;
	color: #555;
}

/* Added per TM1256 request */
.notice { 
   border: solid 1px #aa8;
   background-color: #fc6;
   color: #7f0f0f;
}

.r {
	text-align:right
}
.l {
	text-align:left
}
.c {
	text-align:center
}

.big { 
	font-size : 110% !important; 
}
.big2 { 
	font-size : 120% !important; 
}
.big3 { 
	font-size : 130% !important; 
}
.small { 
	font-size : 90% !important; 
}
.small2 { 
	font-size : 80% !important; 
}
.small3 { 
	font-size : 70% !important; 
}

/********** UTILITY COLORS REQUESTED BY OE9781 **********/
.green {
	color: #6ebb0d !important;
	border-color: #6ebb0d !important;
}

.dustygreen {
	color: #696 !important;
	border-color: #696 !important;
}

.red {
	color: #b30a3c !important;
	border-color: #b30a3c !important;
}

.purple {
	color: #810a7e !important;
	border-color: #810a7e !important;
}

.blue { 
	color: #208bbb !important; 
	border-color : #208bbb !important; 
}
.brightblue { 
	color: #01b6fc !important; 
	border-color : #01b6fc !important; 
}

.navy {
	color: #0c2577 !important;
	border-color: #0c2577 !important;
}

.orange {
	color: #ff7000 !important;
	border-color: #ff7000 !important;
}

.lime	{
	color: #b6bf00 !important;
	border-color: #b6bf00 !important;
}

.black {
	color: #000 !important;
	border-color: #000 !important;
}

.white {
	color: #fff !important;
	border-color: #fff !important;
}

.gray {
	color: #bdbdbd !important;
	border-color: #bdbdbd !important;
}

.darkgray {
	color: #777 !important;
	border-color: #777 !important;
}

.dustyblue {
	color: #96b1d0 !important;
	border-color: #96b1d0 !important;
}

.ochre {
	color: #eaab00 !important;\
	border-color: #eaab00 !important;
}

.teal {
	color: #00c7b2 !important;
	border-color: #00c7b2 !important;
}

.gold {
	color: #f90 !important;
	border-color: #f90 !important;
}

.lime {
	color: #b6bf00 !important;
	border-color: #b6bf00 !important;
}

.peach { 
	color : #ffa988 !important; 
	border-color : #ffa988 !important; 
}

.dash{
	border:none;
	border-bottom:1px dashed #c4c4c3;
	padding:0 0 10px 10px;
	margin-bottom:11px;
}

hr {
	border: none 0; 
	border-top: 1px dashed #c4c4c3;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 


.underline {
    border-bottom: 1px solid;
}

.underline2 {
    border-bottom: 2px solid;
}

.underline3 {
    border-bottom: 3px solid;
}

h1 {
	margin: 15px 0px 15px 0px;
	padding: 0 0 0px 0px;
	font-size: 20px;
	line-height: 1.2em;
	color: #3b3b3b;
}	
h1 a:active,
h1 a:link,{
	color: #3b3b3b;
	text-decoration: none;
}
h1 a:hover {
	color: #3b3b3b;
	text-decoration: underline;
}


h2 { 
	font-size:18px;
	line-height:1.1em;
	font-weight:500;
	color:#30383a;
	padding:0 0 5px 0;
	margin-bottom:5px;
	}
h2 a:active,
h2 a:link,{
	color: #30383a;
}
h2 a:hover {
	color: #30383a;
	text-decoration: underline;
	font-weight: bold;
}


h3 { 
	font-weight:bold;
	font-size:14px;
	color:#01b6fc;
	margin-bottom:5px;
	}
h3 a:active,
h3 a:link,{
	color: #01b6fc;
	text-decoration: none;
}
h3 a:hover {
	color: #01b6fc;
	text-decoration: underline;
}



h4 {
	font-size:13px;
	color:#454f51;
	margin-bottom:1.6em;
	}

h5 {

	}
h6 {
	
	}
	
/* Create new fonts */  
@font-face {
	font-family: 'Dragonfly';
	src: url('/fonts/Dragonfly.eot'); /* IE */  
	src: local('Dragonfly'), local('Dragonfly'), url('/fonts/Dragonfly.ttf') format('truetype'); /* non-IE */  
}


.no_pad_bottom{
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}

.image_trail{
	background:url(/images/blue_trail.gif) repeat-x;
	text-align:center;
	font: 24px/32px 'Dragonfly', Arial, sans-serif; 
	color: #fff;
width:100%
}
.box_plain .image_trail {
	border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
}



.dragonfly {
	font-family: 'Dragonfly';
}