/* Base */

body, body div, body p, body table, body th,
body td, body li, body dd, body form,
SELECT, TEXTAREA, .Fields-xsm, .Fields-sm, .Fields-med, .Fields, .FieldsPassword, .Fields-lg,
.IE-DatePicker-YYYY,
.IE-DatePicker-YY,
.IE-DatePicker-MMMM,
.IE-DatePicker-MMM,
.IE-DatePicker-MM,
.IE-DatePicker-DD,
.IE-DatePicker-HH,
.IE-DatePicker-NN,
.IE-DatePicker-SS,
.IE-DatePicker-TT
{
font-size: xx-small;
/* false value for WinIE4/5 */
voice-family: "\"}\"";
/* trick WinIE4/5 into thinking rule is over */
voice-family: inherit;
/* recover from trick */
font-size: x-small;
/* intended value for other browsers */
}

html>body, html>body div, html>body p,
html>body th, html>body td,
html>body li, html>body dd    {
font-size:x-small;
/* for Opera */
}

BODY {
background: #fff;
margin: 0;
padding: 0;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#4F5F6A;
height:100%;
}

TABLE, P {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#4F5F6A;
}

img	{
border: 0;
}

/*  Forms   */
FORM {
margin: 0px;
padding: 0px
}

SELECT, TEXTAREA, .Fields-xsm, .Fields-sm, .Fields-med, .Fields, .Fields-lg, .FieldsPassword,
.IE-DatePicker-YYYY,
.IE-DatePicker-YY,
.IE-DatePicker-MMMM,
.IE-DatePicker-MMM,
.IE-DatePicker-MM,
.IE-DatePicker-DD,
.IE-DatePicker-HH,
.IE-DatePicker-NN,
.IE-DatePicker-SS,
.IE-DatePicker-TT {
padding: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#4F5F6A;
}

SELECT {
width:250px;
}

TEXTAREA  {
padding: 2px;
width:400px;
}

.Fields-xsm,
SELECT.Fields-xsm {
width:75px;
}
.Fields-sm,
SELECT.Fields-xsm {
width:100px;
}

.Fields-med,
SELECT.Fields-xsm {
width:150px;

}

.Fields,
SELECT.Fields-xsm,
.FieldsPassword {
width:250px;
}

.FieldsPassword {	
font-family: Arial, sans-serif;
}

.Fields-lg,
SELECT.Fields-xsm {
width:400px;
}


/*  Headings   */

h1 {
font:180%/1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#4f5f6a;
margin:0.5em 0px;
}


h1.divider {
background:#f2f2f2;
padding:2px;
}

h2 {
font:150%/1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#276692;
margin:10px 0px;
}

h2.divider {
border-top:1px solid #ccc;
padding-top:10px;
}

h3 {
font:125%/1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#276692;
margin:6px 0px;
}

h3.divider {
border-top:1px dashed #ccc;
padding-top:5px;
}

h4, h4.Dark {
font:110%/1.2em Verdana, Arial, Helvetica, sans-serif;
color:#276692;
margin:6px 0px;
}

h4.Dark {
color:#4F5F6A;
}


DIV#HTML_EXISTS_ERROR_MESSAGE, .Error {
font:115%/1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#FF0000;
margin:9px 0px;
}

DIV#HTML_EXISTS_WARNING_MESSAGE, .Warning {
font:115%/1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#0000FF;
margin:9px 0px;
}


.IE-ErrorRegion {
color:#FF0000;
}


.IE-ErrorRegion SELECT, .IE-ErrorRegion TEXTAREA, .IE-ErrorRegion .Fields-xsm, .IE-ErrorRegion .Fields-sm, .IE-ErrorRegion .Fields-med, .IE-ErrorRegion .Fields, .IE-ErrorRegion .Fields-lg {
background:#ffcccc;
}



div.clearer {
clear: both;
line-height: 0;
height: 0;
}

/*  Page Headers main and regular  */

DIV#header {
float:left;
clear:left;
width:100%;
padding:0;
}

/*
Start Hidden Print Styles
Only appear in print preview mode.
Logo and tagline are within the DIV#hc1
*/

DIV#hc1 {
float:left;
clear:left;
margin-bottom:4px;
display:none;
}

h1#logo {
background:none;
background-color:transparent;
float:left;
margin:0 0 0 10px ;
height:45px;
background:#ccc;
border:none;
}

h1#tagline {
float:right;
text-align:right;
margin:15px 10px 0 0;
width:auto;
}
/* End Hidden Print Styles  */




/* Extra colour bar hidden   */
DIV#hf1 {
display:none;
clear:left;
margin:0;
background:#E99C40;
height:10px;
border-bottom: solid 1px #fff;
font-size:1px;
}

DIV#hf1-sub1 {}
DIV#hf1-sub2 {}




/* Second bar */

DIV#hf2 {
float:left;
clear:left;
width:100%;
padding:0;
margin:0;
background: #889dac;
}

DIV#hf2-sub1 {
float:left;
padding:0;
margin:0;
border:0;
}

DIV#hf2-sub2 {
float:right;
padding:0;
margin:0;
border:0;
}


/* 	-------------------------------------------------
Site tools bar containing login and help buttons
-------------------------------------------------  */

/* site tools bar */
DIV#st1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#E99C40; /* whole bar and button background color */
float:left;
width:100%;
border-top:1px solid #fff; /* sets the thin white line above the bar format is: thickness, type of line, color of line */
}

#st1 ul {
float:right;
margin:0;
padding:0 20px;
list-style:none;
text-transform:lowercase; /* sets the font to lower case - delete this line for Title Case   */
}

#st1 li {
float:left;
margin:0;
padding:0;
background-image:none;
line-height:normal;
text-indent:0;
}


/*
Site tools links
The background is set by DIV#st1
*/
#st1 a, #st1 a strong {
display:block;
padding:2px 10px; /* Format: top-bottm, sides */
border:solid #fff;
border-width:0 0 0 1px;
color:#fff; /* Font color */
text-decoration:none;
white-space:nowrap;
}

/*
Following rule allows entire region of link to to be
clickable in IE/Win this is an Internet Explorer bug workaround
*/

* html #st1 a {
width:1%;
}

/* Site tools link colors */

li#MenuHelp a {
border-right:1px solid #fff;
}

#st1 .strong {
font-weight:bold;
}

/* Site Tools Link Mouse Over State */

#st1 a:hover, #st1 a:hover strong {
color:#E99C40; /* Font color */
background:#fff;  /* background color - usually good to invert the colors from site tools links */
}

/* Fix 3px margin bug in IE/Win floats  */
* html #header, * html DIV#hc1, * html DIV#hf1, * html DIV#hf2 {
margin-right:-3px;
}


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

TABLE.header {
background: #fff;
height: ;
}
TD.header-tl, TD.header-tm, TD.header-tr {
height:65px;
}
TD.header-tl {
padding:12px 15px 8px 15px;
}

TD.header-tr {
padding:19px 15px 0px 15px;
font: bold 20px Verdana, Arial, Helvetica, sans-serif;
color:#A7BCCB;
text-align: right;
}

TD.header-bar1 {
background: #E99C40;
border-bottom: solid 1px #fff;
height:15px;
font-size:5px;
}
TD.header-bar2 {
background: #A7BCCB;
height:15px;
font-size:5px;
}

/*	-------------------------------------------------
Container Table - sets page structure
-------------------------------------------------	*/
TABLE.container {
display:block;
clear:left;
height:100%;
}

TD.ContainerNav {
width: 217px;
background: #fff url(Ci_bg_border.gif) repeat-y right;
border-bottom: solid 1px #EAECED;
padding:3px;
padding-right:7px;
}

TD.ContainerContent {
padding:2px 10px 10px 10px;
}
TD.ContainerContentSingle {
padding:2px 10px 15px 10px;
}

/*	-------------------------------------------------
Content Table - for label and input fileds
-------------------------------------------------	*/

TABLE.Content {
padding: 2px;
}

TD.Content-L {
width:150px;
}

TD.Content-s {
width:90px;
}

TD.Content-R {}



/*	-------------------------------------------------
Main Navigation - on the left
-------------------------------------------------	*/

.nav,
.NavDrop,
.SubNav,
.SubNavBlock {
height:1%;
}

#MenuBg {
display:block;
margin:1px;
}

#MenuBg DIV {
text-decoration: none;
}

DIV.Nav A,
DIV.Nav A:visited,
DIV.Nav A:active
{
display: block;
padding:3px 3px 3px 6px;
margin-bottom:1px;
font-weight:bold;
color:#fff;
BACKGROUND-color: #A7BCCB;
}

DIV.Nav A:hover {
color:#fff;
BACKGROUND-color: #E99C40;
}

DIV.NavDrop A,
DIV.NavDrop A:visited,
DIV.NavDrop A:active	{
display: block;
padding:3px 15px 3px 6px;
margin-bottom:1px;
font-weight:bold;
color:#fff;
BACKGROUND: #A7BCCB;
}

/*
if using drop down menus use:
BACKGROUND: #A7BCCB url('Ci_box-white.gif') no-repeat right;
*/

DIV.NavDrop A:hover	{
BACKGROUND: #A7BCCB;
}
/*
if using drop down menus use:	BACKGROUND: #A7BCCB url('Ci_box-white.gif') no-repeat right;
*/



/*  Left hand Sub Nav Menu Styles  */
DIV.SubNavBlock {
display:block;
}

DIV.SubNav A,
DIV.SubNav A:visited,
DIV.SubNav A:active	{
display: block;
padding:3px 3px 3px 10px;
margin-bottom:1px;
color:#4F5F6A;
BACKGROUND: #E9F2FA;
}

DIV.SubNav A:hover	{
BACKGROUND: #E99C40;
color:#fff;
}

/*	-------------------------------------------------
Lefthand Details Box
-------------------------------------------------	*/

DIV#DetailsBox {
display:block;
background:#FDF0DF;
margin:1px;
}

DIV.DetailsName {
position:relative;
padding:4px 4px;
background: #E99C40;
text-decoration: none;
font-weight:bold;
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

TABLE.Details {
width:100%;
}

TABLE.Details TD {
padding:2px 4px;
border-bottom:1px solid #FDDEB6;
}

DIV.Details {
padding:2px 4px;
border-bottom:1px solid #FDDEB6;
}

TD.DetailsLabel {}


TD.DetailsValue,
.DetailsValue {
font-weight:bold;
text-align:right;
}

/*  Lefthand Login Box  */
DIV#LoginBox {
width:207px;
border-bottom: solid 1px #CDD9E2;
margin-bottom:10px;
}


/*	-------------------------------------------------
Output Tables
-------------------------------------------------	*/
/*
-------------------------------------------------
Controls appearance of output/repeater tables incuding:
- dashboard
- bulletin (has added attributes)
- summary pages
- search pages
- F.A.Q
- known issues
- reports
- change schedules
- change windows
- services
- questions
---------------------------------------------------
*/

.OutputTable {
border-collapse:collapse;
}

.OutputTable TD {
background:#e9f2fa;
padding:2px;
border:1px solid #fff;
}

.OutputTable TH {
background:#a7bccb;
padding:2px;
border:1px solid #fff;
text-align:left;
color:#fff;
}

TD.OutputTableNone  {
background:none;
text-align:left;
}

.InnerTable TD {
border:none;
}

.InnerTable TH {
border:none;
background:#dbe7f2;
color:#4F5F6A;
}


/* Cart Search Result Output Table */

.OutputTableSCSummary {
border-collapse:collapse;
margin-bottom:5px;
}

.OutputTableSCSummary TD {
background:#fff;
padding:2px;
border:1px solid #e9f2fa;
}

.OutputTableSCSummary TH {
background:#a7bccb;
padding:2px;
border:1px solid #e9f2fa;
text-align:left;
color:#fff;
}





/* Shopping Cart Output Tables */
.OutputTableSC {}

.OutputTableSC img {vertical-align:middle;
padding-right:5px;}

.OutputTableSC TD {
background:#fff;
padding:5px;
border:1px solid #e9f2fa;
border-top:none;
text-transform:capitalize;
}

.OutputTableSC TH {
background:#a7bccb;
padding:2px;
border:1px solid #a7bccb;
text-align:left;
color:#fff;
}

TD.OutputTableNoneSC  {
background:none;
text-align:left;
}

.InnerTableSC TD {
border:none;
}

.InnerTableSC TH {
border:none;
background:#dbe7f2;
color:#4F5F6A;
}


/* Bulletin Specific Output Tables */

#CURRENT_LITE_BULLETIN .OutputTable TH {
font:160%/1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#CURRENT_LITE_BULLETIN .OutputTable TD {
background:none;
}

TD.SubHeading  {
border-bottom:1px solid #e9f2fa;
}

#CURRENT_LITE_BULLETIN .OutputTable {
border-bottom:1px solid #a7bccb;
}

/*  Format Knowldege   */
TABLE.FormatKnowledgeSearch {}

TD.FormatKBHeading, TD.FormatKBRank {
font-size: small;
color:#303F4A;
}
TD.FormatKBBody {
background:#F6F8FA;
}

TD.FormatKBBodySM {
font-size:1em;
}

DIV.RatingsBox {
padding:4px;
width:158px;
float: right;
border: solid 1px #CDD9E2;
}

.KSU {
text-decoration: none;
font-weight:normal;
color:#4F5F6A;

}

A.KSU:Link,
A.KSU:Visited,
A.KSU:Active	{
text-decoration: none;
font-weight:normal;
color:#4F5F6A;
border-bottom:1px dashed #edc244;
}

A.KSU:Hover {
text-decoration: none;
font-weight:normal;
color:#E99C40;
border-bottom:1px dashed #E99C40;
}


/*	-------------------------------------------------
Input Buttons
-------------------------------------------------	*/

.Buttons-Page {
font-weight:normal;
text-decoration: none;
color:#4F5F6A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
BACKGROUND: url('Ci_bg-page-but.gif') #FFFFCC repeat;
display: inline;
text-align: center;
vertical-align:middle;
padding:0 2px;
height:18px;
margin:2px 2px;
border: solid 1px #4F5F6A;
cursor: pointer;
cursor: hand;
}

.Buttons-Page-light {
font-weight:normal;
text-decoration: none;
color:#4F5F6A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
BACKGROUND: url('Ci_bg-page-but-light.gif') #FFFFCC repeat;
display: inline;
text-align: center;
vertical-align:middle;
padding:0 2px;
height:18px;
margin:2px 2px;
border: solid 1px #CDD9E2;
cursor: pointer;
cursor: hand;
}

.Buttons-Page-Cancel {
font-weight:normal;
text-decoration: none;
color:#4F5F6A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
BACKGROUND: url('CI_bg-page-but-cancel.gif') #FECCBE repeat;
display: inline;
text-align: center;
vertical-align:middle;
padding:0 2px;
height:18px;
margin:2px 2px;
border: solid 1px #CDD9E2;
cursor: pointer;
cursor: hand;
}

.Buttons-Page-Strong {
font-weight:bold;
text-decoration: none;
color:#E99C40;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
BACKGROUND: #FEFBF7;
display: inline;
text-align: center;
vertical-align:middle;
padding:0 2px;
height:18px;
margin:2px 2px;
border: solid 2px #CDD9E2;
cursor: pointer;
cursor: hand;
}

A:Link, A:Active, A:Visited {
text-decoration: none;
color:#E99C40;
}

A:Hover {
text-decoration: none;
color:#FF6600;
}

/*	-------------------------------------------------
Calendar
------------------------------------------------- 	*/

/* Calendar Container */

.calender-container {
zoom:1; /* contains floats in MS iE 7 */
}

.calender-container:after { /* Containing floats for Standard Compliant Browsers. Not Supported by ie/Win */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/*
Containing floats inside container (calender-container) for ie/Win 5-6.
Not needed if container (header) has a stated dimension.
*/

/* Hides from IE-mac \*/
* html .calender-container {height: 1%;}
/* End hide from IE-mac */


/* Calendar Formating */

.calendar {
border-collapse:collapse;
border: 2px solid #a7bccb;
}


.calendar TD,
.calendar TH {
border: 1px solid #ccc;
}

.calendar TH,
.calendar thead TD {
text-align:center;
padding:2px;
}

.calendar TD {
padding:0;
}

TD.calendar-main  {
background:#fdf0df;
}


.calendar tbody TD {
width:1.5em;
padding:2px;
}

.calendar tbody h2 {
font-weight: normal;
}

.calendar tbody em,
.calendar tbody strong,
.calendar tbody h2 {
display:block;
margin:0;
font-size:100%;
}

/* Change Window */
.calendar tbody em {
padding:2px;
margin:-2px;
background:#e9f2fa;
font-style:normal;
}

.calendar tbody strong {
text-decoration:underline;
}

.calendar tbody h2 {
font-weight: bold;
color:#000;
}

.calendar-nav {
border:1px solid #e9f2fa;
border-right:none;
border-left:none;
padding:4px 0;
}

/* Calendar Legend */

Table #calendar-legend_,
#calendar-legend_ TD,
#calendar-legend_ TH  {
border:none;
width:auto;
}

#calendar-legend_ h3 {
margin-top:0;
}

#calendar-legend_ TD.legend-border {
border: 1px solid #ccc;
}

/* Form Fields After Calendars  */

.calendar-items {
float:left;
}

.calendar-properties {
float:left;
padding:10px;
}


/*	-------------------------------------------------
Knowledge Bank Search
------------------------------------------------- 	*/

BODY.KB {
padding: 10px;
}


/*  Knowledge Bank Search might be old */


A.KS,
A.KS:Visited,
A.KS:Active  		{ text-decoration: none; font-weight:normal; color:#000000;}
A.KS:Hover 			{ text-decoration: none; font-weight:normal; color:#FF0000;}



/* Content Link */

A.content,
A.content:Visited,
A.content:Active  	{ text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#DB6608; font-size: 12px}
A.content:Hover 	{ text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#DEAD03; font-size: 12px}


/*  Buttons */

.Buttons-Browse		{ background-image: url('content_but_browse.gif'); background-repeat: no-repeat; background-position: right}

hr.BulletinHR 		{ height:2px; color:#FFFFFF; border-top-style: solid; border-top-width:1px; border-top-color:#9AAEC0}

.BulletinEntityLink 			{ font-family: MS Sans Serif; font-size: 10px }
A.BulletinEntityLink,
A.BulletinEntityLink:Visited,
A.BulletinEntityLink:Active   	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight:bold; color:#DB6608}
A.BulletinEntityLink:Hover 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight:bold; color:#DEAD03}


/*  special Forms */

.margin1 			{ line-height:30px }
.margin2 			{ margin:0px; margin-top:5px }


/* RP29 - Shopping Cart specific */

.ShoppingCartWarning {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:9px 0px;
color:#000;
font-weight:normal;
font-size:11px;
}

.ShoppingCartWarningRed {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:9px 0px;
color:red;
font-weight:bold;
font-size:11px;
}

.BoxTableButton {
background:#e9f2fa;
border:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
cursor: hand;
word-wrap:break-word;
font-size: 9px;
text-align:center;
text-decoration: none;
color:#4F5F6A;
float: center;
}



/* <!-- CUSTOMISATIONS BELOW THIS POINT --> */