/* CSS Document */


.emphasizeBox {border:1px solid #663300; padding: 10px;}

.iconButtonBox{
	background-color:#666666;
	color: #fff;
	margin-bottom: 3px;
	margin-right: 6px;
	padding: 3px;
	float: left;
}

.iconButtonBoxHighlight{
	 background-color:#44342f;
}


.iconButton div{
	font-weight: bold;
	border-left:1px solid #9f9f9f;
	border-top:1px solid #9f9f9f;
	border-right:1px solid #3a3a3a;
	border-bottom:1px solid #3a3a3a;
	background-color:#787878;
	color:#fff;
	padding: 3px;
	width: 160px;
	cursor: pointer;
}

.iconButtonHighlight div{
	border-left:1px solid #836c64;
	border-top:1px solid #836c64;
	border-right:1px solid #1e1816;
	border-bottom:1px solid #1e1816;
	background-color:#59433c;
}

.iconButton img{
	vertical-align: middle;
	margin-right: 3px;
}

a.iconButton:hover,a.iconButton:active{
	text-decoration: none;
	color: #fff !important;
}

a.iconButton:link,a.iconButton:visited{
	color: #fff !important;
}

/******************* MESSAGES **************************/

.error{
	color: #990000;
	font-weight: bold;
}

.formErrorBox{
	border: 1px solid #990000;
	padding: 8px;
	color: #990000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin-bottom: 1em;
	clear: both;
}

.successExclamation,.errorExclamation{
	font-size: 18px;
	font-weight: bolder;
}

.successMsg{
	font-weight: bold;
	background-color: #007b2b;
	color: #fff;
	margin-bottom: 1em;
	text-align: center;
	padding: 5px;
}

.successMsgBox{
	border: 1px solid #007b2b;
	padding: 8px;
	color: #007b2b;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin-bottom: 1em;
}

.warningMsg{
	background-color: #990000;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: center;
}


.boxContainer a{
	color:#be8a25 !important;	
}


.boxContainer a:hover{

	text-decoration:underline !important;
}

.boxContainer a:active{

	text-decoration:underline;
}

.boxContainer a:visited{

	text-decoration:none;
}

.boxContainer a:link{

	text-decoration:none;
}

.borderBox{
	 border: solid 1px #DDDDDD;
	 padding:15px;
}

p{
	margin-top:1em;
	margin-bottom:1em;
	padding: 0;
}

.headerHomeContainer a, .footerContainer a{
	color: #312416 !important;
}
.languageBox{
	position:relative;
	top:42px;
	left:418px;
	font-size:10px;
	width:200px;
}

.mainContainer{
	padding:25px;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	margin-left:2px;
	margin-right:2px;
}
/********************UOIT MENU************************************/
/*****************************************************************/

.mainMenu{
	position:relative;
	top:63px;
	margin:0px;
	width:100%;
	padding:0px;
}

.mainMenu td {	
	padding: 0px;	
}

.mainMenu .menuContainer .buttonBox{
	/*display:none;*/
}

.mainMenu li { 
	display: inline;
}

.mainMenu ul li div {
	display:inline;
	height:18px;
	vertical-align:middle;
	line-height:18px;
	margin:0px;
	padding: 0px;
}

/*1st level elements*/
.mainMenu ul {
	font-family:arial;
	text-transform:uppercase;
	font-size:12px;
	margin:2px 0px 0px 0px;
	padding:0px;
	list-style-type: none;
	position: relative;
}

.mainMenu ul li { 
	margin:0em;
	padding:2px 0px;
	line-height:2em;
	color:#000;
	
}

/*Highlights the view side li*/
.mainMenu ul li a.highlight {
	/*background-color:#CFDC6C;*/
	color:#013580 !important;
}


.mainMenu ul li a.highlight:hover{
}

.mainMenu ul, .mainMenu ul a,
.mainMenu ul li.highlight a:link,
.mainMenu ul li.highlight a:visited
{
}



.mainMenu ul a,
.mainMenu ul a:link,
.mainMenu ul a:visited
{
	color:#000;
	text-decoration: none;
	padding:.2em 1em .2em 1em;
}

.mainMenu ul li a:hover,
.mainMenu ul a:focus,
.mainMenu ul a:active
{
	/*text-decoration: underline;
	background-color:#1b6692;*/
	color:#ffb400;
}

/*current Link
.mainMenu ul a#current,
.mainMenu ul a#current:link,
.mainMenu ul a#current:visited { font-weight: bold; }*/

/*Second and subsequent levels*/
.mainMenu ul ul
{
	position: absolute;
	width: 100%;
	margin:0em 0em 0em 1em;
	left:0px;
	top:1.8em;
	letter-spacing:0px;
	padding:0px;
	background-color:#ffffff;
}


.mainMenu ul ul li {
	display: inline;
	border-left:0px;
	padding:0em 0em 0em 0em;
	margin:1em 0em 1em 0em;
	background-color:#ffffff;
	border-bottom:0px;
}


/*Highlights the view side li*/
.mainMenu ul ul li a.highlight{
	background-color:#fff;
}




/*highlights the li*/
.mainMenu ul ul li.highlight{
	background-color:transparent;
	border-bottom:0px;
	font-weight:bold;
	font-size:11px;
	color:#CFDC6C;
}

.mainMenu ul ul a,
.mainMenu ul ul a:link,
.mainMenu ul ul a:visited
{
	color:#013580;
	text-decoration: none;
	
}

.mainMenu ul ul a:hover,
.mainMenu ul ul a:focus,
.mainMenu ul ul a:active
{
	text-decoration: none;
	background-color:#e4e9f1;
	border-bottom:0px;
	color:#013580;
	
}


/*THIS HIGHLIGHTS THE CURRENT MENU ITEM CHOSEN link (view side only has link)*/
.mainMenu ul ul a.highlight:hover,
.mainMenu ul ul a.highlight:active,
.mainMenu ul ul a.highlight:link,
.mainMenu ul ul a.highlight:visited{
	font-weight:bold;
	color:#CFDC6C !important;
}

.mainMenu .addItemHighlight{
	display:none;
}
.mainMenu ul a.addItemHighlight,
.mainMenu ul a.addItemHighlight:link,
.mainMenu ul a.addItemHighlight:visited {
	color:#ffffff;
	background-color:#013580;
	border-bottom:1px solid #013580;
}

.mainMenu ul a.addItemHighlight:hover {
	color:#ffffff;
	background-color:#1b6692;
}

.mainMenu ul ul a.addItemHighlight,
.mainMenu ul ul a.addItemHighlight:link,
.mainMenu ul ul a.addItemHighlight:visited {
	color:#ffffff;
	background-color:#013580;
	border-bottom:1px solid #013580;
}

.mainMenu ul ul a.addItemHighlight:hover {
	color:#ffffff;
	background-color:#1b6692;
}


/********************VERTICAL MENU********************************/
/*****************************************************************/

.vertMenu{
	width:160px;	
	float:left;
	margin-right:10px;
	text-align:left;
	font-weight:bold;
}
.vertMenu a{
	color:#403e38;
}

.vertMenu ul div {
	padding:5px 5px;
	background: url(images/dotPattern.gif) repeat-x;	
	background-color:#f1f1f1;
}

.vertMenu ul ul div {
	padding:0px 0px;
}

.vertMenu ul li a.addItemHighlight {
	font-weight:bold;
	color:#a39f9f;
	padding:0em;
}
	
.vertMenu ul {
	width:100%;
	margin-left:0px;
	padding-left:0px;
	margin-right:0px;
}

.vertMenu ul li{
	/*list-style-image: url(../../images/menuArrow.gif);*/
	list-style-type:none;
}

.vertMenu ul li a:link {
	text-decoration: none;
}	

.vertMenu ul li a:active {
	text-decoration: none;
}

.vertMenu ul li a:visited {
	text-decoration: none;
}

.vertMenu ul li a:hover {
	text-decoration: none;
	
	color:#be8a25;

}

.vertMenu ul .offline {
	font-style: italic;
}

/*highlights the li*/
.vertMenu div.highlight{
	font-weight:bold;

}

.vertMenu a.highlight:active{
	font-weight:bold;
}

.vertMenu a.highlight:link{
	font-weight:bold;
}

.vertMenu a.highlight:visited{
	font-weight:bold;
}
.vertMenu a.highlight:hover{
	font-weight:bold;
	color:#fff;
}
.vertMenu li li div.highlight{
	font-weight:bold;
}

.vertMenu li li a.highlight:active{
	font-weight:bold;
	
}

.vertMenu li li a.highlight:link{
	font-weight:bold;
}

.vertMenu li li a.highlight:visited{
	font-weight:bold;
}


/*from CORE */


#wrapper {

	margin:0 auto;
	width:100%;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
}

.outsideBox{
	width:968px;
	margin-top:5px;
	text-align:right;
	color:#666;
	margin:0 auto;
	
}
.outsideBox a:link{
	color:#666;
	text-decoration:none;
}
.outsideBox a:visited{
	color:#666;
	text-decoration:none;
}
.outsideBox a:hover{
	color:#be8a25;
	text-decoration:none;
}

.outsideBox a:hover{
	text-decoration:none;
}

.boxContainer {
	width:968px;
	background-color:#FFFFFF;
	text-align:left;
	margin:0 auto;
	border:1px solid #999;
	padding-top:0px;
	margin-top:5px;

}

body,pre,textarea,input,select, button{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

input{
	padding:2px;
}


input.buttons, button{ 
	margin: 0; 
	border: 1px solid #999999 !important;
	padding: 0px 3px; 	
	background: #ECE9D8 !important;
}

body{
	border:0px;
	padding: 0px;
	margin:0px;
	background-color: #ffffff;
}



body#portalBody{
	margin:0px;
	padding:0px;
	background-color:#fff;
}


.linkButton{
	font-size: 10px;
	font-weight: normal;
}

.lastColumn .linkButton{
	font-weight:bold;
}

.optionsBox{
	margin-top:10px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	color: #000;


	padding-bottom:5px;
	
}

h2 {
	font-weight: bold;
	margin: 0px;
	font-size: 13px;
}

h3 {
	font-weight: bold;
	margin: 0px;
	font-size: 11px;
	text-transform: uppercase;

}
h4{
	margin-bottom:10px;
}

h5 {
	font-size:11px;
	font-weight:normal;
	margin-top:1em;
	margin-bottom:1em;
}

.hidden {
	display:none;	
}

.offline {
	font-style: italic;
}

form{
	margin: 0px;
	padding: 0px;
}

ul{
	margin-top:0em;	
}

.halfBox{
	width: 49%;
	float: left;
}

.thirdsBox{
	width: 33%;
	float: left;
}

.fourthsBox{
	width: 25%;
	float: left;
}

.fullWidth{
	width: 100%;
	clear: both;
}

.actionBox{
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
}

.actionBox form{
	display:inline;
}

.backDrop{
	padding: 8px 8px 8px 8px;
	background-color: #ebebeb;
	border: 0px;
	
}

.clearFix{
	clear: both;
	height: 1px;
	
}


.buttonBox{
	float:right;
}
.smallText{
	font-size: 9px;
}

.titleBox{
	background-color: #bbb;
	padding: .25em;
	font-weight: bold;
}

h3{
	margin: 0px;
	font-size: 11px;
	text-transform: uppercase;
}

.contentBox{
	padding: .5em;
	background-color: #ebebeb;
	margin-bottom: 1em;
}

.tableHeader{
	background-color:#666;
	padding:4px;
	color:#fff;
}

.tableHeader th{
	vertical-align:bottom;
	padding:4px;
	
	font-size:10px;
}

td{
	padding:4px;
	padding-right:8px;
}
.stripeMe td{
	background-color: #ebebeb;
	border-top:1px solid #fff;
}

tr.alt td {
	background-color:#dfdfdf;
	border-top:1px solid #fff;

}

tr.over td {
	background-color: #f1f1cc;
}

.tableHeader a{
	color:#fff !important;
}

.tableLine{
	border-top: 1px solid black;
	line-height: .75em;
	padding: 0px !important;
}

.listItem{
	vertical-align: top;
	font-size: 11px;
	border-bottom: 2px solid #fff;
	background-color: #ebebeb;
	padding: 3px;
	padding-bottom: 2px;
}

/* listItemContrast etc is old keep till depricated in jsp's */
td.listItemContrast,.contrastlistItem,.contentBox td.listItem,#housingStyles .previousBillingsContainer td.listItem,#housingStyles .quickInfoContainer td.listItem{
	vertical-align: top;
	font-size: 11px;
	border-bottom: 2px solid #ebebeb;
	background-color: #ddd;
	padding: 3px;
	padding-bottom: 2px;
}




/******************* ROWS & COLS ************************/

.col1{
	float: left;
	width: 255px;
	margin-bottom:2px;
}

.col2,.col2b,.col3,col4{
	float: left;
	margin-bottom:2px;
}

.col2 input{
	width: 250px;
}

.col3{
	margin-left: 5px;
}

div.row{
	clear: both;
	width: 100%;
	padding:1px;
}

textarea{
	width: 250px;
	height: 60px;
}


/********* FOOTER **********/
/***************************/





.footerContainer {
	height:53px;
	background-image:url(images/footer_otf.jpg);
	color: #312416;
	font-size: 10px;
}

.footerContainerFR{
	background-image:url(images/footer_otf_FR.jpg);
}

.footerContent{
	border-left:1px solid #a09277;
	border-right:1px solid #a09277;
	border-bottom:1px solid #a09277;
	float:left;
	width:942px;
	padding-left:20px;
	margin-left:1px;
	height:23px;
	padding-top:27px;
	margin-bottom:2px;
}

/*End of my styles*/


html{
	height:100%;
}
	

.hidden {
	display:none;
}


#wrapper {
	position: relative;
	margin:0px auto;
	width:100%;
	text-align: center;
	margin-top:0px;
}

/*This Class to be put after the body tag in the main template to set the whole size of the site*/


.siteSizeContainer{
	width:968px;
	margin:0px auto;
	padding:0px;
	margin-top:5px;
	padding-top:10px;
}

/*surrounds the public pages content - in the public template*/
.publicContainer{
	padding:30px;
}

body, pre{
}

body#portalBody{
	margin-top:0px;
	padding:0px;
	background-color:#ddd;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../../images/common/backPattern.jpg);
}

.fckStyles .test{
	z-index:100;
	background-image:none;
	background-color:#ff0000;
	font-size:50px;
}

iframe{
	background-color:#fff;
	background-image:none;
}

iframe body{

}
	
select .highlight{
	color: #981409;
}

.hidden{
	visibility: hidden;
}

form{
	margin: 0px;
}



select .back{
	background-color: #ebebeb;
}

.border{
	border: 1px solid black;
}

table.tabs td{
	font-size:9px;
}

table.tabs a:hover{
	font-size:9px;
}

table.tabs a:visited{
	font-size:9px;
}

table.tabs a:link{
	font-size:9px;
}

table.tabs a:active{
	font-size:9px;
}


a.footer {
	font-size: 11px;
	color: #c8212b;
	text-decoration: none;
}

a.footer:hover {
	text-decoration: underline;
}

td.footer {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 20px;
	font-size: 11px;
	color: #000000;
}

/*hack to fix contentBox as a Container to recognize contents*/
.contentBox{
}


label {
	margin: 0px;

}

td {	
	padding: 2px 2px 2px 2px;	
}


img {
	border: 0px;
}

td.fieldname{
	width:130px;
}

.editorContainer{
	width:100%;	
}

.contentFrame {
}


/********************************************/
/*** being used but change for core still ***/
/********************************************/

.contentLeftColumn {
	float: left;
}

.contentRightColumn {
	float: right;
}



.formFields{
	margin-bottom:1em;
}

#addBtns_participantQuestionsSurveyWrapper{
	clear:both;	
}

.tableHeaderBox{	
	font-weight:bold;
	padding-bottom:2px;
	border-bottom:1px solid black;
	margin-bottom:5px;
	
}

.lastColumn{
	text-align:right;	
}

.contactPageMapBox{
	display:inline;
	width:40%;
}

.successContentContainer, .newsContentContainer{
	margin-bottom:50px;	
}

.goBackContainer{
}

.fieldName{
	vertical-align:top;
	width:100px;
	float:left;
}

.newsTickerEditButton{
	float:right;	
}

/****************************HEADER********************************/
/******************************************************************/


.headerHomeContainer{
	background-image:url(images/header_otf.jpg);
	width:968px;
	height:116px;
	padding-top:1px;
	

}
.publicPages .headerMainTitle{
	position:relative;
	top:39px;
	left:11px;
}

.authPages .headerMainTitle{
	position:relative;
	top:22px;
	left:12px;
}

.headerContent{
	border-left:1px solid #a09277;
	border-right:1px solid #a09277;
	border-top:1px solid #a09277;
	margin-top:2px;
	margin-left:2px;
	height:114px;
	width:962px;
}


/* controls TITLE */
.pageHeaderContainer{
	border-bottom:1px dotted #ccc;
	margin-bottom:2em;
}

/* controls BUTTONS (ie. print, etc.) */
.viewButtons {
	float:right;
}

.contentFooterContainer{
	clear:both;
	float:right;
}

.contentImageViewEditButton{
	float:right;	
}

.tableFooterBox{
	margin-top:8px;	
}

.tableFooterBox .buttonBox{
	display:inline;	
}

.lastColumn{
	text-align:right;	
}

.formFields{
	margin-bottom:1em;
}

.boxHeaderBox{
	font-weight:bold;
	margin-bottom:1em;
}

.boxContentBox{
	text-align:center;
}

.contentButtonsContainer{
	margin-bottom: 8px;
	text-align:right;
	width:100%;
}


.contentButtonsContainer form{
	float:right;
	margin:3px;
}



.contentButtonContainerBottom {
	text-align:left;
	width:100%;
	margin-top:5px;
}

.contentButtonContainerBottom  form{
	float:left;
	margin:3px;
}

.subHeaderContainer {
	/*font-weight:bold;*/
	padding-bottom:2px;
	border-bottom:1px solid black;
	margin-bottom:8px;
}

/* controls TITLE */
.subHeaderTitle {
	float:left;
	font-weight:bold;
	text-transform:uppercase;
}

/* controls BUTTONS (ie. print, etc.) */
.subHeaderButtons {
	position:relative;
	bottom:6px;
	float:right;
}


/***** DROP DOWN *****/

#navcontainer {
	float:left;
}

#navcontainer li{
	float:left;
	text-transform:normal;
	vertical-align:middle;
	position:relative;
	z-index: 500;
}
#navcontainer li div {
	float:left;
	cursor:pointer;
	color:#fff;
	padding-top:3px;
	height:15px;
	z-index: 501;
}

#navcontainer a div {
	float:left;
	cursor:pointer;
	color:#fff;
}

#navcontainer a:hover {
	background-color:#e0e0e0;	
}

#navcontainer a:hover div {
	color:#d7e1ed;a
	text-decoration:none;
}

/***** controls drop down ******/

#navcontainer li li {
	clear:left;
	margin-right:0px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
}

#navcontainer li li div{
	border-left:5px solid #b1b0b0;
	width:150px;
	color:#000;
	padding:3px 5px 3px 5px;
}

#navcontainer li li a:hover div {
	background-color:#d7e1ed;
	color:#000;
	width:150px;
	border-left:5px solid #7498c3;
}

#navcontainer li ul#shortMenuContainer li div, #navcontainer li ul#shortMenuContainer li a:hover div {
	width:90px;
}

#navcontainer ul{
	padding-left:0px;
	margin-left:0px;
}

#navcontainer ul ul{
	display:none;
	z-index: 500;
	position: absolute;
	clear:left;
	background-color:#e8e8e8;
	top:20px;
	width:165px;
}

#navcontainer ul li:hover ul {
	display:block;
}


.miniNewsList, .BScontentContainer{	
}


.miniNewsContentContainer, .miniEventsContentContainer{
	padding:0px;
}

.miniNewsListTitleContainer h3, .miniEventListTitleContainer h3{
	font-size:14px;
	text-transform:none;
	font-weight:bold;
}

/**************************** Sub Pages **************************************/

.screenPrintWidth{
	width:100%;	
}

/***********************************************/
/*********ERROR STYLES ************************/
/***********************************************/
.errorStyles td{
	font-size:11px;	
}

/***********************************************/
/************** BACK LINK STYLES ***************/
/***********************************************/

.backLinkStyles{
	text-align:right;
	padding-right:5px;
}

.backLinkStyles .content{
	padding:0px;
}

.backLinkStyles .headerTitle{
	display:none;
}


/********* HIDE (temporary) ***********/
#myRecord .hideButton {
	display:none;
}

/***********************************************/
/******************* CUSTOM ********************/
/***********************************************/

.blurbContainer {
	float:left;
	width:450px;
	margin-top:12px;
	margin-left:12px;
}

a.logoPoweredBy{
	color:#3f688e !important;
	border:1px solid #3f688e;
}

a.logoPoweredBy:hover{
	color:#3f688e !important;
	border:1px solid #3f688e;
	text-decoration:none !important;
}

.bkgrdPattern {
	background-image:url(../../images/bkgrdPattern.gif);
	background-position:top;
 	background-repeat:repeat-y;
}
 
.errorStyles .content {
	padding:30px;
}

.variableContainer {
	float:left;
	border-left:8px solid #fff;
}

/**** Custom - Home: SETUP ****/

.homeMiddle{
	width:450px;
	float:left;
	margin-left:25px;
	border-top:4px solid black;
	border-bottom:6px solid black;
}

.homeRight{
	width:225px;
	float:left;
	margin-left:25px;
}

.homeLeft{
	width:208px;
	float:left;
	margin-left:7px;
}

/*** used so ADD ITEM buttons stand out more ***/
.vertMenu a.addItemHighlight {
	background-color:#d7e1ed;
	width:auto;
	padding:2px;
}


.adminPages{

}