/* OC! Framework CSS base file */


/* ---------------------------------------------------------------------------- */
/* error boxes ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.warning {
	padding:10px 10px 10px 70px;
	border-top:2px solid #d18819;
	border-bottom:2px solid #d18819;	
	background-image: url(../images/icons/alerts-warning-large.gif);
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#FFFFCC;
	margin:20px;
	text-align:left;
	font-family:corbel,"Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#660000;
	line-height:15px;
	position:relative;	
}
.warning div {
	background:url(../images/icons/alerts-warning-foot.gif) 50px bottom no-repeat;
	height:10px;
	padding-top:4px;
	position:relative;
	top:22px;
	left:-50px;
}
.error {
	padding:10px 10px 10px 70px;
	border-top:2px solid #b04242;
	border-bottom:2px solid #b04242;	
	background-image: url(../images/icons/alerts-error-large.gif);
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#f6d4d7;
	margin:20px;
	text-align:left;
	font-family:corbel,"Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#660000;
	line-height:15px;
	position:relative;
}
.error div {
	background:url(../images/icons/alerts-error-foot.gif) 50px bottom no-repeat;
	height:10px;
	padding-top:4px;
	position:relative;
	top:22px;
	left:-50px;

}
.success {
	padding:10px 10px 10px 70px;
	border-top:2px solid #459a2a;
	border-bottom:2px solid #459a2a;	
	background-image: url(../images/icons/alerts-success-large.gif);
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#e0ffc7;
	margin:20px;
	text-align:left;
	font-family:corbel,"Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#2a4f0b;
	line-height:15px;
	position:relative;	
}
.success div {
	background:url(../images/icons/alerts-success-foot.gif) 50px bottom no-repeat;
	height:10px;
	padding-top:4px;
	position:relative;
	top:22px;
	left:-50px;
}


/* ---------------------------------------------------------------------------- */
/* Filetype hint icons -------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */


#content a[href $='.pdf'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinypdf.gif) no-repeat right top;
}
#content a[href ^='mailto:'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyemail.gif) no-repeat right top;
}
#content a[href $='.xls'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyxls.gif) no-repeat right top;
}

#content a[href $='.ppt'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyppt.gif) no-repeat right top;
}

#content a[href $='.doc'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyword.gif) no-repeat right top;
}
#content a[href $='.rtf'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyword.gif) no-repeat right top;
}
#content a[href $='.txt'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyword.gif) no-repeat right top;
}
#content a[href $='.wmv'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyvideo.gif) no-repeat right top;
}
#content a[href $='.mov'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyvideo.gif) no-repeat right top;
}
#content a[href $='.avi'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyvideo.gif) no-repeat right top;
}
#content a[href $='.mpg'] { 
   padding-right: 10px;
   margin-right:2px;
   background: transparent url(../images/icons/filetypes-tinyvideo.gif) no-repeat right top;
}
#content a[href $='.swf'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyvideo.gif) no-repeat right top;
}
#content a[href $='.flv'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyvideo.gif) no-repeat right top;
}
#content a[href $='.rm'] { 
   padding-right: 10px;
   background: transparent url(../images/icons/filetypes-tinyvideo.gif) no-repeat  right top;
}


/* ---------------------------------------------------------------------------- */
/* Pagination styles ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */



div.pagescontainer {
		padding: 3px;
		margin: 3px;
		text-align:right;
		font-family:Tahoma,Helvetica,sans-serif;
		font-size:.70em;
		color:#eee;
}

div.pagescontainer a {
		border: 1px solid #2b55af;
		margin-right:3px;
		padding:2px 8px;
		background:#95a6b2;
		background-position:bottom;
		text-decoration: none;

		color: #fff !important;		
}
div.pagescontainer .pagesmore {
color:black;	
}
div.pagescontainer a:hover, div.pagescontainer a:active {
		border: 1px solid #3d400b;
		background-image:none;
		background-color:#97a931;
		color: #000 !important;
}

div.pagescontainer span.ghost {
	padding: 2px 8px;
	margin: 2px;
	border: 1px solid #aaa;
	color: #777; 
}
div.pagescontainer span.current {
	background-color:#276da1;
	margin-right:3px;
	padding:2px 8px;
	border: 1px solid #000;	
	font-weight: bold;
	color: #fff;
}

/* ---------------------------------------------------------------------------- */
/* Form Fields ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */


.normalfield {
	border-bottom: 1px solid lightgray;
	border-right: 1px solid lightgray;	
	border-top: 1px solid darkgray;
	border-left: 1px solid darkgray;	
	background: #ffffff url(../images/forms/formgreyback.gif) repeat-x;	
	font-size:15px;
	font-face:Calibri, Arial, Helvetica, sans-serif;
	padding:3px 2px 3px 2px;
}
.requiredfield {
	border-bottom: 1px solid lightgray;
	border-right: 1px solid lightgray;	
	border-top: 1px solid darkgray;
	border-left: 1px solid darkgray;	
	background: #fafad8 url(../images/forms/formyellowback.gif) repeat-x top right;
	font-size:15px;
	font-face:Calibri, Arial, Helvetica, sans-serif;
	padding:3px 2px 3px 2px;	
}
.fielderror {
	border: 1px solid #ff4444;	
	background: #fee9eb url(../images/forms/formredback.gif) repeat-x top right;		
}
.fieldgood {
	border: 1px solid #444444;	
	background: #e0ffc7 url(../images/forms/formgreenback.gif) repeat-x;		
}
.requiredfield:focus {
	border: 1px solid #444444;
	background: #fafad8 url(../images/forms/formyellowback.gif) repeat-x top right;		
}
.normalfield:focus {
	border: 1px solid #444444;
	background: #e0ffc7 url(../images/forms/formgreenback.gif) repeat-x;		
}
.fielderror:focus {
	border: 1px solid #ff4444;	
	background: #fee9eb url(../images/forms/formredback.gif) repeat-x top right;		
}
.smallfield {
	font:10px "Trebuchet MS", Arial;
}
.largefield {
	font:16px "Trebuchet MS", Arial;
}
.button {
	font:16px  Calibri, Arial, Helvetica, sans-serif;
	padding:0px 12px 0px 12px;
	background:url(../images/Forms/buttonback.gif);
	border-top:1px solid white;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid white;	
	
}
/* ---------------------------------------------------------------------------- */
/* Styled Forms --------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */


form.styled {
	color:#000;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	margin:0px;
	padding:0px;
}
form.styled fieldset {
	border:1px solid #888888;
	margin-bottom:10px;
	padding:0px;
	display:block;
}
form.styled fieldset div {
	background-color:#eeeeee;
	padding:10px 0px 10px 19px;
	margin:0px;
}

form.styled legend {
	color:#000;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	background:#eeeeee;
	border:1px solid #888888;
	margin: 0px 0px 0px 10px;
	padding:3px 10px 3px 10px;
	text-transform:uppercase;
}

form.styled label {
	padding:0px;
	text-align:right;
	color:#000000;
}
form.styled input {
	padding:0px; 
	margin-bottom:0px;
}
form.styled input.submit {
	padding:4px 10px 4px 10px; 
	margin-bottom:0px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
form.styled input.reset {
	padding:4px 10px 4px 10px; 
	margin-bottom:0px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
form.styled br {
	clear:left;
}

form.styled p {
	clear:left;
	padding:0px;
	margin:0px;
}
form.styled th {
	text-align:right;
	padding:3px;
}
form.styled td {
	padding:3px;
}
form.styled td.centered {
	text-align:center;
}



/* ---------------------------------------------------------------------------- */
/* Styled Tables -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

table.basic   {
	color:#000;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	border-spacing:1px;

}
 

table.basic caption {
	font: bold italic 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	text-align:right;
	margin:0px 10px 0px 0px;
	padding:0px;
	color:#555;
	caption-side: bottom;
}

/* Header */

table.basic thead {
	color:#fff;
	border-bottom:1px solid #222;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	text-transform:uppercase;
	text-align:left;	
}

table.basic thead th, table.basic thead td {
	color:#fff;
	padding:4px 4px 4px 4px;
	background:#276da1;
}

/* Footer */

table.basic tfoot TD, table.basic tfoot TH {
	font-weight:normal;
	font: 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color:#fff;
	background:#276da1;
	padding:3px 4px 3px 4px;
	text-align:left;
}
table.basic tfoot TH {
	text-align:right;
}
table.basic tfoot a, table.basic tfoot a:link, table.basic tfoot a:visited {
	color:#ffffaa;
	text-decoration:none;
}
table.basic tfoot a:hover, table.basic tfoot a:active {
	color:#ffffee;
	text-decoration:none;
}
/* Body */

table.basic Tbody tr th {
	background:#ebebeb url(../images/tables/basicthcorner.gif) top left no-repeat;
	padding:4px 4px 4px 20px;
	color:#000;
	text-indent:4px;
	text-align:right;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
table.basic tbody tr td {
	background:#eeeeee;
	color:#000;
	vertical-align:top;
	padding:6px 20px 6px 10px;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;		
}

/* ---------------------------------------------------------------------------- */
/* Grid Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.columns_1, .columns_2,.columns_3,.columns_4,.columns_5,.columns_6,.columns_7,.columns_8,.columns_9,.columns_10,.columns_11,.columns_12,.columns_13,.columns_14,.columns_15,.columns_16 {
float:left;
display:inline;
margin:0px 10px 0px 10px;
padding:0px;
}
.columns_1 {width : 40px;}
.columns_2 {width : 100px;}
.columns_3 {width : 160px;}
.columns_4 {width : 220px;}
.columns_5 {width : 280px;}
.columns_6 {width : 340px;}
.columns_7 {width : 400px;}
.columns_8 {width : 460px;}
.columns_9 {width : 520px;}
.columns_10 {width : 580px}
.columns_11 {width : 640px;}
.columns_12 {width : 700px;}
.columns_13 {width : 760px;}
.columns_14 {width : 820px;}
.columns_15 {width : 880px;}
.columns_16 {width : 940px;}

.before_1 {margin-left : 40px;}
.before_2 {margin-left : 100px;}
.before_3 {margin-left : 160px;}
.before_4 {margin-left : 220px;}
.before_5 {margin-left : 280px;}
.before_6 {margin-left : 340px;}
.before_7 {margin-left : 400px;}
.before_8 {margin-left : 460px;}
.before_9 {margin-left : 520px;}
.before_10 {margin-left : 580px;}
.before_11 {margin-left : 640px;}
.before_12 {margin-left : 700px;}
.before_13 {margin-left : 760px;}
.before_14 {margin-left : 820px;}
.before_15 {margin-left : 880px;}

.after_1 {margin-right : 40px;}
.after_2 {margin-right : 100px;}
.after_3 {margin-right : 160px;}
.after_4 {margin-right : 220px;}
.after_5 {margin-right : 280px;}
.after_6 {margin-right : 340px;}
.after_7 {margin-right : 400px;}
.after_8 {margin-right : 460px;}
.after_9 {margin-right : 520px;}
.after_10 {margin-right : 580px;}
.after_11 {margin-right : 640px;}
.after_12 {margin-right : 700px;}
.after_13 {margin-right : 760px;}
.after_14 {margin-right : 820px;}
.after_15 {margin-right : 880px;}

.first {margin-left:0px;}
.last {margin-right:0px;}


/* ---------------------------------------------------------------------------- */
/* colour definitions --------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

/* greens */
.fg_yellowgreen {color:yellowgreen}
.fg_greenyellow {color:greenyellow}
.fg_limegreen {color:limegreen}
.fg_olive {color:olive}
/* blues */
.fg_skyblue {color:skyblue}
.fg_mediumblue {color:mediumblue}
.fg_midnightblue {color:midnightblue}
.fg_lightsteelblue {color:lightsteelblue}
.fg_steelblue {color:steelblue}
/* greys */
.fg_white {color:white}
.fg_whitesmoke {color:whitesmoke}
.fg_silver {color:silver}
.fg_lightgrey {color:lightgrey}
.fg_darkgray {color:darkgray}
.fg_black {color:black}
.fg_lightslategray {color:lightslategray}
.fg_slategray {color:slategray}
/* oranges */
.fg_orange {color:orange}
.fg_orangered {color:orangered}
/* reds */
.fg_red {color:red}
.fg_darkred {color:darkred}
.fg_firebrick {color:firebrick}
/* beiges */
.fg_antiquewhite {color:antiquewhite}
.fg_burlywood {color:burlywood}
.fg_lightsalmon {color:lightsalmon}
/* yellows */
.fg_gold {color:gold}
.fg_goldenrod {color:goldenrod}


/* greens */
.bg_yellowgreen {background-color:yellowgreen}
.bg_greenyellow {background-color:greenyellow}
.bg_limegreen {background-color:limegreen}
.bg_olive {background-color:olive}
/* blues */
.bg_skyblue {background-color:skyblue}
.bg_mediumblue {background-color:mediumblue}
.bg_midnightblue {background-color:midnightblue}
.bg_lightsteelblue {background-color:lightsteelblue}
.bg_steelblue {background-color:steelblue}
/* greys */
.bg_white {background-color:white}
.bg_whitesmoke {background-color:whitesmoke}
.bg_silver {background-color:silver}
.bg_lightgrey {background-color:lightgrey}
.bg_darkgray {background-color:darkgray}
.bg_black {background-color:black}
.bg_lightslategray {background-color:lightslategray}
.bg_slategray {background-color:slategray}
/* oranges */
.bg_orange {background-color:orange}
.bg_orangered {background-color:orangered}
/* reds */
.bg_red {background-color:red}
.bg_darkred {background-color:darkred}
.bg_firebrick {background-color:firebrick}
/* beiges */
.bg_antiquewhite {background-color:antiquewhite}
.bg_burlywood {background-color:burlywood}
.bg_lightsalmon {background-color:lightsalmon}
/* yellows */
.bg_gold {background-color:gold}
.bg_goldenrod {background-color:goldenrod}

/* ---------------------------------------------------------------------------- */
/* General Purpose ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */

.top_margin_10 {
	margin-top:10px;
}
.bottom_margin_10 {
	margin-bottom:10px;
}
.clear {
	clear:both;
}