html {font-size:100%;}
body {
	margin:0;
	padding:0;
	background:url(../../images/body-bg.jpg) repeat-x 0 0 #00709e;
	padding:8px 0 40px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}
a {
	text-decoration: none;
}
/**********************************************page-body*********************************************/
#page {
	width:834px;
	margin:0 auto;
}
/***********************************************header************************************************/
#header {
	width:834px;
	height:121px;
	background:url(../../images/header-bg.png) no-repeat 0 0;
}
h1 {
	margin:0;
	padding:45px 0 0 172px;
	float:left;
}
h1 a{
	display:block;
	width:322px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
}
#textchanger {
	float:right;
	padding:78px 19px 0 0;
}
#textchanger ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#textchanger ul li {
	float:left;
	/*width:25px;*/
	height:25px;
	padding:0 6px 0 0;
	overflow:hidden;
}
#textchanger ul li a {
	display:block;
	/*text-indent:-9999px;*/
/*	width:25px;*/
	height:25px;
	float:left;
	font-size:63%;
	color:#4F6F95;
	font-weight:bold;
	padding-top:10px;	
}

#textchanger ul li a:hover {

	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
/*
#textchanger ul li#increase {
	background:url(../../images/increase.gif) no-repeat 0 0;
}

#textchanger ul li#reset {
	background:url(../../images/reset.gif) no-repeat 0 0;
}

#textchanger ul li#decrease {
	background:url(../../images/decrease.gif) no-repeat 0 0;
}
/*
#textchanger ul li#contraster {
	background:url(../../images/contrast.gif) no-repeat 0 0;
}*/

/*************************************************box for breadcrum*********************************************/
#breadcrumb {
	 width:766px;    
	 padding:4px 0px 0px 0px;    
	 font-size:67%;    
	 overflow:hidden;
	 float:left;
	 display:inline; 
	 } 
/******************************************main-box for content***************************************/
#content {
	width:784px;
	background:url(../../images/content-bg.gif) repeat-y 0 0 #fff;
	padding:204px 25px 0 25px;
	overflow:hidden;
	position:relative;
}
/******************************************box for three columns**************************************/
#main-box {
	width:766px;
	border:1px solid #737373;
	padding:7px 10px 0 6px;
	overflow:hidden;
}
/*****************************************box for menu and central text*******************************/
#content-menu-text {
	width:100%;
	overflow:hidden;
}

#menu-text {
	width:784px;
	float:left;
}
/******************************************box for central text*************************************/
#text {
	float:right;
	width:588px;
	padding:18px 31px 10px 29px;
}

#text p{
	margin:0;
	padding:0 0 10px 0;
	font-size:70%;
}
#textApplication {
	float:right;
	width:730px;
	padding:18px 31px 10px 29px;
}

#textApplication p{
	margin:0;
	padding:0 0 10px 0;
	font-size:70%;
}

.text-block1 {
	width:580px;
	float:left;
	padding: 0 0 10px 0;
}

h2 {
	margin:0;
	padding:0 0 20px 0;
	color:#a8a8a8;
	font-size:107%;
}

h3 {
	margin:0;
	padding:8px 0 4px 0;
	color:#0b0511;
	font-size:69%;
	font-weight:bold;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;
	overflow:scroll;
	text-align:center;
}
/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}


ol.text-ol {
	font-size:70%;
}
ul.text-ol li{
	padding:0 0 4px 0;
}
ul.text-ul {
	margin:0;
	padding:0 0 0 16px;
	font-size:70%;
}

ul.labels-ul li{
	padding:0 0 4px 0;
}
ul.labels-ul 
{
    line-height: 23px;
    list-style-type:none;
	margin:0;
	padding:0 0 0 16px;
	font-size:70%;
}

ul.text-ul li{
	padding:0 0 4px 0;
}
.text-block2 {
	width:580px;
	float:left;
}
.text-block3 {
	width:590px;
	float:left;
	padding:0px 0px 30px 0px;
}

.text-blockLeft 
{
    width:192;
    float:left;
}
.text-blockMiddle 
{
    width:192;
    margin-left: 193;
    float:left;
}
.text-blockRight 
{
    width:192;
    margin-left: 385;
    float:left;
}
.panelRight
{
	float:right;
}
.panelLeft
{
	float:left;
}

#please-choose {
	float:left;
}

#choose {
	float:left;
	height:10px;
	font-size:70%;
}

#choose label{
	float:left;
	padding:3px 3px 0 0;
}

#choose select{
	float:left;
	width:120px;
}

/*************************************************box for left menu*********************************************/
#menu-box {
	float:left;
	width:130px;
	padding-bottom:7px;
}

#date {
	float:left;
	width:116px;
	background:#4f6f95;
	padding:9px 5px 9px 9px;
	margin-bottom:2px;
	font-size:69%;
}

#date p{
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0
}

/***********************************************right content with two box's**************************************/
#right {
	float:right;
	width:184px;
	padding:9px 0 12px 0;
}

#right a, #text a, #textApplication a, #breadcrumb a
{
    color:#4F6F95;
	/*color:#5b5b5b;*/
	font-weight:bold;
}

#right a:hover, #text a:hover, #textApplication a:hover, #breadcrumb a:hover  
{
    color:Orange;
    text-decoration: underline;
	/*color:#000;*/
}

.box1-top, .box1-bottom {
	float:left;
	width:184px;
	height:8px;
	background:url(../../images/box1-top.jpg) no-repeat 0 0;
	overflow:hidden;
}

.box1-center {
	background:url(../../images/box1-bg.gif) repeat-y 0 0;
	float:left;
	width:176px;
	padding:0 2px 3px 6px;
}

.info-box1 {
	float:left;
	width:176px;
	background:url(../../images/angel.jpg) no-repeat 100% 0;
}

h4 {
	color:#ff7d00;
	margin:0;
	padding:0 0 27px 3px;
	font-size:113%;
	font-weight:bold;
}

h4.last {
	padding:0 0 0 3px;
}

.info-box1 p{
	padding:8px 10px 0 3px;
	margin:0;
	color:#5b5b5b;
	font-size:63%;
}

.box1-bottom {
	background:url(../../images/box1-bottom.jpg) no-repeat 0 0;
	margin-bottom:10px;
}

.box2-top, .box2-bottom {
	float:left;
	width:180px;
	height:7px;
	background:url(../../images/box2-top.jpg) no-repeat 0 0;
	overflow:hidden;
	margin-left:2px;
}

.box2-center {
	background:url(../../images/box2-bg.gif) repeat-y 0 0;
	float:left;
	width:159px;
	padding:0 12px 0 9px;
	margin-left:2px;
}

.box2-bottom {
	background:url(../../images/box2-bottom.jpg) no-repeat 0 0;
}

.info-box2 {
	float:left;
	background:url(../../images/spokeout.jpg) no-repeat 100% 10px;
	width:159px;
	padding:0 0 14px 0;
}

h5 {
	margin:0;
	padding:0;
}

.info-box2 p{
	padding:2px 0 0 0;
	margin:0;
	color:#5b5b5b;
	font-size:69%;
}
/***************************************top-image-and search form******************************************/
#image-and-search {
	position:absolute;
	top:18px;
	left:25px;
	width:784px;
	float:left;
}

#top-img {
	float:left;
	width:780px;
	border:2px solid #7a7a7a;
	margin-bottom:16px;	
}

#top-img img{
	float:left;
}

#search-box {
	float:left;
	width:768px;
	border:1px solid #7a7a7a;
	background:url(../../images/search-bg.jpg) repeat-x 0 0 #E6E6E7;
	padding:10px 0 13px 14px;
}

#search-box strong {
	float:left;
	color:#0b0511;
	font-size:80%;/*was 107%*/
}

#search-box strong a {
	float:left;
	color:#0145a1;
	font-weight:bold;
	font-size:107%;
}

#searching {
	float:left;
	height:23px;
	width:300px;
	padding-left:60px;
}

#searching label{
	color:#0b0511;
	font-size:63%;
	font-weight:bold;
	float:left;
	padding:5px 8px 0 0;
}

.searchingLabel {
	color:#0b0511;
	font-size:63%;
	font-weight:bold;
	float:left;
	padding:5px 8px 0 0;
}

#searching input.text{
	float:left;
	width:134px;
	height:19px;
	border:1px solid #000;
}

#searching input.button{
	float:left;
	height:22px;
	padding-left:9px
}

#search-box ul{
	float:right;
	padding:0 5px 0 0;
	margin:0;
	width:300px; /*width:220px;*/
	text-align:right;
}

.safari #search-box ul{
	margin-top:-3px;
}


#search-box ul li{
	list-style:none;
	background:url(../../images/separator.gif) no-repeat 100% 7px;
	padding:0 8px;
	display:inline;
}

#search-box ul li.last{
	background:none;
}

#search-box ul li a{
	font-size:63%;
	font-weight:bold;
	color:#0145a1;
}
#search-box a:hover
{	
	color:#fff;
}
	#search-box ul li a:hover{
	font-size:63%;
	font-weight:bold;
	color:#fff;
}

/******************************************************footer******************************************/
#footer {
	width:763px;
	background:#90bdc3;
	margin:14px 0;
	padding:12px 14px 11px 7px;
	overflow:hidden;
}

#footer ul{
	float:left;
	margin:0;
	padding:0;
}

#footer ul li{
	float:left;
	list-style:none;
	padding-right:4px;
}

#footer ul li.first{
	padding-right:6px;
}

#footer ul li a img{
	border:none;
}

#footer strong{
	color:#0b0511;
	float:right;
	font-size:63%;
	padding-top:5px;
}

#footer strong a{
	color:#000;
}

#footer strong a:hover{
	color:#fff;
}

#bottom {
	width:834px;
	height:2px;
	background:url(../../images/bottom.gif) no-repeat 0 0 #26877f;
	margin:0 auto;
	overflow:hidden;
}
/********** AJAX*****************/

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : scroll;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/*Textbox Watermark*/

.unwatermarked {
	/*height:18px;
	width:148px;*/
}

.watermarked {
	/*height:20px;
	width:150px;
	padding:2px 0 0 2px;*/
	border:2px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.highlight 
{
	text-decoration:none; 
	font-weight:bold; 
	color:black; 
	background:yellow;
}


/****** ID Card *****/
.pic
{
	top:548px;
	left:170px;
	position:absolute;
}
.card
{
	top:350px;
	left:160px;
	position:absolute;
}

/****** Info Label *****/
.infoLabel
{
	background-color:InfoBackground;
	border-color:#696969;
	border-width:1px;
	text-align:center;
	border-style:solid;
}

/*****corporate identity*****/
#buttonContainer {
	width:490px;
	float:left;
	padding:5px 5px 10px 5px;
	border:2px solid #a8a8a8;
}
#wacTextContainer {
	width:450px;
	float:left;
	padding:5px 5px 10px 15px;
}
#logoTextContainer {
	width:400px;
	float:left;
	padding:15px 55px 15px 15px;
}
#logoContainer {
	width:170px;
	float:left;
	padding:0px 55px 15px 15px;
}
#wacContainer {
	width:66px;
	float:left;
	padding:15px 40px 15px 15px;
}

h9 {
	margin:0;
	padding:0 0 25px 0;
	color:#657691;
	font-size:140%;
	font-weight:bold;
	}

h8 {
	margin:0;
	padding:0 0 0px 0;
	color:#8c8c8c;
	font-size:100%;
	font-weight:normal;
	}
/** Textbox & Button text **/
.TextSize
{
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:120%;
}
.ButtonSize
{
	font-size:95%;
}

/** Intranet main Div Headers **/

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

#divheader {
height: 46px;
background: url(../../Images/DivHeader/tab_finish_fill.png) repeat-x;
}
#divheader2 {
height: 46px;
background: url(../../Images/DivHeader/tab_finish_fill.png) repeat-x;
}
#divheader3 {
height: 46px;
background: url(../../Images/DivHeader/tab_finish_fill.png) repeat-x;
}
#divheader a, #divheader2 a, #divheader3 a, #divheader4 a, #divheader5 a {
	color: #fff;
	text-decoration: underline;
}
#divheader a:hover, #divheader2 a:hover, #divheader3 a:hover, #divheader4 a:hover, #divheader5 a:hover {
	text-decoration: underline;
}
#divheader4 {
height: 46px;
width:100%;
background: url(../../Images/DivHeader/tab_finish_fill.png) repeat-x;
}
#divheader5 {
height: 46px;
background: url(../../Images/DivHeader/tab_finish_fill.png) repeat-x;
}
/* ------ Header divs ------ */

.divheaderleft {
display:inline;
float: left;
height: 46px;
width: 16px;
background: url(../../Images/DivHeader/tab_left_end.png) no-repeat;
}

.divheadermiddle {
display:inline;
float: left;
height: 31px;
background: url(../../Images/DivHeader/tab_fill.png) repeat-x;
padding-top: 15px;
padding-right: 5px;

}

/* ------ Header text ------ */
.divheadermiddle p {
	font: bold 11px Verdana, Arial, sans-serif;
	color: #fff;
}

/* ------ end Header text ------ */

.divheadermail {
display:inline;
float: left;
height: 46px;
width: 49px;
background: url(../../Images/DivHeader/mail_end.png) no-repeat;
}
.divheaderdiscuss {
display:inline;
float: left;
height: 46px;
width: 49px;
background: url(../../Images/DivHeader/discuss_end.png) no-repeat;
}
.divheadernews {
display:inline;
float: left;
height: 46px;
width: 49px;
background: url(../../Images/DivHeader/iwa_end.png) no-repeat;
}
.divheadervacancy {
display:inline;
float: left;
height: 46px;
width: 49px;
background: url(../../Images/DivHeader/hr_end.png) no-repeat;
}
.divheaderrte {
display:inline;
float: left;
height: 46px;
width: 49px;
background: url(../../Images/DivHeader/hse_end.png) no-repeat;
}
.divheaderend {
display:inline;
float: left;
height: 46px;
width: auto;
background: url(../../Images/DivHeader/tab_finish_fill.png) repeat-x;
overflow:hidden;
}
/*************************** new style notices ***********************************/

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc 
{
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../../Images/Icons/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../../Images/Icons/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../../Images/Icons/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../../Images/Icons/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../../Images/Icons/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../../Images/Icons/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../../Images/Icons/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../../Images/Icons/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../../Images/Icons/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../../Images/Icons/doc.png) 10px 50% no-repeat;}

/**************************** NEW Login Pages Styles *************************************************/

/*** LOGIN PAGE ***/
#loginContainerWrapper {
width:588px;
float:left;
}
#createWrapper {
width:223px;
float:left;
margin-right:11px;
}

.createHeader {
width:223px;
height:59px;
float:left;
background-image:url(../../images/login/create-a-new-account-head.jpg);
background-repeat:no-repeat;
}

.createBody {
width:223px;
height:164px;
float:left;
background-image:url(../../images/login/create-body.jpg);
background-repeat:no-repeat;
}

.createBodyContent {
width:205px;
font-family:Arial;
color:Black;
font-size:12px;
padding-top:9px;
padding-left:12px;
}

#loginWrapper {
width:353px;
float:left;
}

.loginHead {
width:353px;
height:59px;
float:left;
background-image:url(../../images/login/have-an-account-head.jpg);
background-repeat:no-repeat;
}

.loginBodyHead {
width:353px;
height:104px;
float:left;
background-image:url(../../images/login/login-body-head.jpg);
background-repeat:no-repeat;
}

.loginBodyFoot {
width:353px;
height:60px;
float:left;
background-image:url(../../images/login/login-body-foot.jpg);
background-repeat:no-repeat;
}

.loginBodyError {
width:341px;
float:left;
background-image:url(../../images/login/login-body-error.jpg);
background-repeat:repeat-y;
font-family:Arial;
color:White;
font-size:12px;
padding-left:12px;
}

.errorStyle {
margin-top:12px;
margin-bottom:12px;
}

.loginBodyContent {
width:335px;
font-family:Arial;
color:Black;
font-size:12px;
padding-top:9px;
padding-left:12px;
}
.loginFootContent {
width:228px;
font-family:Arial;
color:Black;
font-size:12px;
padding-top:9px;
padding-left:12px;
float:left;
}

.loginButtonContent {
width:105px;
float:left;
}


.usernameContent {
width:136px;
float:left;
margin-right:26px;
_margin-right: 8px; /* Only IE6 should process this line */
margin-top:10px;
}

.usernameContentText{
font-family:Arial;
color:Black;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
margin-bottom:5px;
}


.passwordContent {
width:136px;
float:left;
margin-top:10px;
}

.passwordContentText{
font-family:Arial;
color:Black;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
margin-bottom:5px;
}

.loginBodyContent {
width:335px;
font-family:Arial;
color:Black;
font-size:12px;
padding-top:9px;
_padding-top: 0px; /* Only IE6 should process this line */
padding-left:12px;
}

/*** RETRIEVE PASSWORD PAGE ***/

#retrieveBoxTopWrapper1 {
width:464px;
float:left;
}

#retrieveBoxTopWrapper2 {
width:464px;
float:left;
}

#retrieveBoxTopWrapper3 {
width:464px;
float:left;
}

#retrieveBoxTopWrapper4 {
width:464px;
float:left;
}

#retrieveBoxFootWrapper {
width:464px;
float:left;
}

.retrieveBoxHeader1 {
width:464px;
height:51px;
float:left;
background-image:url(../../images/login/password-retrieve-s1-header.jpg);
background-repeat:no-repeat;
}

.retrieveBoxHeader2 {
width:464px;
height:51px;
float:left;
background-image:url(../../images/login/password-retrieve-s2-header.jpg);
background-repeat:no-repeat;
}

.retrieveBoxHeader3 {
width:464px;
height:51px;
float:left;
background-image:url(../../images/login/password-retrieve-s3-header.jpg);
background-repeat:no-repeat;
}

.retrieveBoxHeaderError {
width:464px;
height:51px;
float:left;
background-image:url(../../images/login/password-retrieve-er-header.jpg);
background-repeat:no-repeat;
}

.retrieveBoxMarginTopLeft {
width:1px;
height:302px;
float:left;
background-image:url(../../images/login/new-account-body-left-top.jpg);
background-repeat:no-repeat;
}

.retrieveBoxMarginFootLeft {
width:1px;
height:302px;
float:left;
background-image:url(../../images/login/new-account-body-left-foot.jpg);
background-repeat:no-repeat;
}

.retrieveBoxTopContent {
width:464px;
height:112px;
float:left;
background-image:url(../../images/login/password-retrieve-body.jpg);
background-repeat:repeat-x;
font-family:Arial;
font-size:13px;
color:#000000;
}

.retrieveBoxFootContent {
width:455px;
height:59px;
float:left;
background-image:url(../../images/login/new-accountbody-fill-foot.jpg);
background-repeat:repeat-x;
}

.retrieveBoxMarginTopRight {
width:8px;
height:302px;
float:left;
background-image:url(../../images/login/new-account-body-right-top.jpg);
background-repeat:no-repeat;
}

.retrieveBoxMarginFootRight {
width:8px;
height:59px;
float:left;
background-image:url(../../images/login/new-account-body-right-foot.jpg);
background-repeat:no-repeat;
}

.retrieveBoxFooter {
width:464px;
height:109px;
float:left;
background-image:url(../../images/login/password-retrieve-foot.jpg);
background-repeat:no-repeat;
}

.retrieveBoxError {
width:464px;
float:left;
background-image:url(../../images/login/new-account-body-error-fill.jpg);
background-repeat:repeat-y;
display:none;
}
.retrieveBoxErrorDisplay {
float:left;
background-image:url(../../images/login/new-account-body-error-fill.jpg);
background-repeat:repeat-y;
font-size: 11px;
}

/*** NEW USER PAGE ***/

#userBoxTopWrapper {
width:464px;
float:left;
}

#userBoxFootWrapper {
width:464px;
float:left;
}

.userBoxHeader {
width:464px;
height:51px;
float:left;
background-image:url(../../images/login/new-account-box-header.jpg);
background-repeat:no-repeat;
}

.userBoxMarginTopLeft {
width:1px;
height:302px;
float:left;
background-image:url(../../images/login/new-account-body-left-top.jpg);
background-repeat:no-repeat;
}

.userBoxMarginFootLeft {
width:1px;
height:302px;
float:left;
background-image:url(../../images/login/new-account-body-left-foot.jpg);
background-repeat:no-repeat;
}

.userBoxTopContent {
width:455px;
height:302px;
float:left;
background-image:url(../../images/login/new-accountbody-fill-top.jpg);
background-repeat:repeat-x;
font-family:Arial;
font-size:13px;
color:#000000;
}

.userBoxFootContent {
width:455px;
height:59px;
float:left;
background-image:url(../../images/login/new-accountbody-fill-foot.jpg);
background-repeat:repeat-x;
}

.userBoxMarginTopRight {
width:8px;
height:302px;
float:left;
background-image:url(../../images/login/new-account-body-right-top.jpg);
background-repeat:no-repeat;
}

.userBoxMarginFootRight {
width:8px;
height:59px;
float:left;
background-image:url(../../images/login/new-account-body-right-foot.jpg);
background-repeat:no-repeat;
}

.userBoxFooter {
width:464px;
height:15px;
float:left;
background-image:url(../../images/login/new-account-box-footer.jpg);
background-repeat:no-repeat;
}

.userBoxError {
width:464px;
float:left;
background-image:url(../../images/login/new-account-body-error-fill.jpg);
background-repeat:repeat-y;
display:none;
}
.userBoxErrorDisplay {
float:left;
background-image:url(../../images/login/new-account-body-error-fill.jpg);
background-repeat:repeat-y;
font-size: 11px;
}

/*** NEW POLICIES AND PROCEDURES PAGE ***/

.column-one {
width:260px;
float:left;
margin-right:15px;
}
.column-two {
width:260px;
float:right;
}
.mainContainerPanel {
margin-top:15px;
margin-left:15px;
}
/** PDF LIST CLASS **/
.pdfListContainer {
width:250px;
float:left;
font-size: 11px;
}
.list-text {
float:left;
width:250px;
font-size: 10px;
text-transform:uppercase;
color:#000000;
margin-bottom:10px;
}
ul.pdf-list {
list-style-type: none;
padding: 0px;
margin: 0px;}

li.pdf-list-item {
background-image: url(../../images/policy-and-procedure/pdf.png);
background-repeat: no-repeat;
background-position: 1.1em;
padding-left: 3em;
padding-bottom:3px;
margin-bottom:13px;
}

/** WORD LIST CLASS **/
.wordListContainer {
width:510px;
float:left;
font-size: 11px;
}
ul.word-list {
list-style-type: none;
padding: 0px;
margin: 0px;}

li.word-list-item {
background-image: url(../../images/policy-and-procedure/doc.png);
background-repeat: no-repeat;
background-position: 1.1em;
padding-left: 3em;
padding-bottom:3px;
margin-bottom:13px;
}
/** XLS LIST CLASS **/
.xlsListContainer {
width:510px;
float:left;
font-size: 11px;
}
ul.xls-list {
list-style-type: none;
padding: 0px;
margin: 0px;}

li.xls-list-item {
background-image: url(../../images/policy-and-procedure/xls.png);
background-repeat: no-repeat;
background-position: 1.1em;
padding-left: 3em;
padding-bottom:3px;
margin-bottom:13px;
}


/*** SERVICE BOX ***/
.serviceHeader {
margin-top:15px;
float:left;
width:230px;
color: White;
padding: 10px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
background-image: url(../../images/policy-and-procedure/services-container-header.jpg);
background-repeat: repeat-none;

}
.serviceBody {
float:left;
width:230px;
padding: 10px;
background-image: url(../../images/policy-and-procedure/services-container-fill.jpg);
background-repeat: repeat-y;
margin-bottom:30px;
}

/** SERVICE LIST CLASSES **/

/** PDF LIST CLASS **/
.pdfSeriviveListContainer {
width:250px;
float:left;
font-size: 11px;
}
.list-text {
float:left;
width:250px;
font-size: 10px;
text-transform:uppercase;
color:#000000;
margin-bottom:10px;
}
ul.pdf-list {
list-style-type: none;
padding: 0px;
margin: 0px;}

li.pdf-list-item {
background-image: url(../../images/policy-and-procedure/pdf.png);
background-repeat: no-repeat;
background-position: 1.1em;
padding-left: 3em;
padding-bottom:3px;
margin-bottom:13px;
}


/** ALS **/
#alsContainer {
margin-top:15px;
float:left;
width:237px;
color: White;
padding: 8px;
height:14px;
_padding-bottom: 2px; /* Only IE6 should process this line */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image: url(../../images/policy-and-procedure/pp-header-bar.jpg);
background-repeat: repeat-none;
}
#alsContainer a {
color:#FFFFFF;
text-decoration:none ;
float:left;
cursor: pointer;
}
#alsContainer a:hover {
color:#000000;
text-decoration:underline ;
}
.alsImg {
float:right;
}
#alsSlidePanel {
float:left;
width: 250px;
border: solid 1px #336699;
background: WhiteSmoke;
padding:8px;
display:none;
}


/*** HR ***/
#hrContainer {
margin-top:15px;
float:left;
width:237px;
color: White;
padding: 8px;
height:14px;
_padding-bottom: 2px; /* Only IE6 should process this line */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image: url(../../images/policy-and-procedure/pp-header-bar.jpg);
background-repeat: repeat-none;
}
#hrContainer a {
color:#FFFFFF;
text-decoration:none ;
float:left;
cursor: pointer;
}
#hrContainer a:hover {
color:#000000;
text-decoration:underline ;
}
.hrImg {
float:right;
}
#hrSlidePanel {
float:left;
width: 250px;
border: solid 1px #336699;
background: WhiteSmoke;
padding:8px;
display:none;
}

/*** HEALTH & SAFETY ***/
#hsContainer {
margin-top:15px;
float:left;
width:237px;
color: White;
padding: 8px;
height:14px;
_padding-bottom: 2px; /* Only IE6 should process this line */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image: url(../../images/policy-and-procedure/pp-header-bar.jpg);
background-repeat: repeat-none;
}
#hsContainer a {
color:#FFFFFF;
text-decoration:none ;
float:left;
cursor: pointer;
}
#hsContainer a:hover {
color:#000000;
text-decoration:underline ;
}
.hsImg {
float:right;
}
#hsSlidePanel {
margin-top:15px;
float:left;
width: 250px;
border: solid 1px #336699;
background: WhiteSmoke;
padding:8px;
display:none;
}

/*** TRAINING ***/
#trainingContainer {
float:left;
width:237px;
color: White;
padding: 8px;
height:14px;
_padding-bottom: 2px; /* Only IE6 should process this line */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image: url(../../images/policy-and-procedure/pp-header-bar.jpg);
background-repeat: repeat-none;
}
#trainingContainer a {
color:#FFFFFF;
text-decoration:none ;
float:left;
cursor: pointer;
}
#trainingContainer a:hover {
color:#000000;
text-decoration:underline ;
}
.trainingImg {
float:right;
}
#trainingSlidePanel {
float:left;
width: 250px;
border: solid 1px #336699;
background: WhiteSmoke;
padding:8px;
display:none;
}

/*** IT ***/
#itContainer {
margin-top:15px;
float:left;
width:237px;
color: White;
padding: 8px;
height:14px;
_padding-bottom: 2px; /* Only IE6 should process this line */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image: url(../../images/policy-and-procedure/pp-header-bar.jpg);
background-repeat: repeat-none;
}
#itContainer a {
color:#FFFFFF;
text-decoration:none ;
float:left;
cursor: pointer;
}
#itContainer a:hover {
color:#000000;
text-decoration:underline ;
}
.itImg {
float:right;
}
#itSlidePanel {
float:left;
width: 250px;
border: solid 1px #336699;
background: WhiteSmoke;
padding:8px;
display:none;
}

/*** COMMUNICATIONS ***/
#commContainer {
margin-top:15px;
float:left;
width:237px;
color: White;
padding: 8px;
height:14px;
_padding-bottom: 2px; /* Only IE6 should process this line */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image: url(../../images/policy-and-procedure/pp-header-bar.jpg);
background-repeat: repeat-none;
}
#commContainer a {
color:#FFFFFF;
text-decoration:none ;
float:left;
cursor: pointer;
}
#commContainer a:hover {
color:#000000;
text-decoration:underline ;
}
.commImg {
float:right;
}
#commSlidePanel {
float:left;
width: 250px;
border: solid 1px #336699;
background: WhiteSmoke;
padding:8px;
display:none;
}

/*** ADMIN ***/
#adminContainer {
margin-top:15px;
float:left;
width:237px;
color: White;
padding: 8px;
height:14px;
_padding-bottom: 2px; /* Only IE6 should process this line */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image: url(../../images/policy-and-procedure/pp-header-bar.jpg);
background-repeat: repeat-none;
}
#adminContainer a {
color:#FFFFFF;
text-decoration:none ;
float:left;
cursor: pointer;
}
#adminContainer a:hover {
color:#000000;
text-decoration:underline ;
}
.adminImg {
float:right;
}
#adminSlidePanel {
float:left;
width: 250px;
border: solid 1px #336699;
background: WhiteSmoke;
padding:8px;
display:none;
}

/*** FINANCE ***/
#financeContainer {
margin-top:15px;
float:left;
width:237px;
color: White;
padding: 8px;
height:14px;
_padding-bottom: 2px; /* Only IE6 should process this line */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-image: url(../../images/policy-and-procedure/pp-header-bar.jpg);
background-repeat: repeat-none;
}
#financeContainer a {
color:#FFFFFF;
text-decoration:none ;
float:left;
cursor: pointer;
}
#financeContainer a:hover {
color:#000000;
text-decoration:underline ;
}
.financeImg {
float:right;
}
#financeSlidePanel {
float:left;
width: 250px;
border: solid 1px #336699;
background: WhiteSmoke;
padding:8px;
display:none;
}