/* CUSTOM BORDERS */ 
/* This file is used in conjunction with customBorders.js to create custom borders
*	customBorders.js and the base of this CSS was written by Roger Johansson and found here:
*	http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/
*/	



/* ================================================ */

/*** DEFAULT ***/
/* Default CSS for Custom Borders */

/* ================================================ */

/* define .customBorder if using the JavaScript generation */

/*** Default styling for the custom border ***/
.cb {
	margin: 0;
}

/* Top corners and border */
.cbTop {
	height:7px;
	margin:0 0 0 8px;
	background:url("/images/defaultBox.png") no-repeat 100% 0;
	z-index:0;
}
.cbTop div {
	position:relative;
	left:-8px;
	width:8px;
	height:7px;
	background:url("/images/defaultBox.png") no-repeat 0 0;
	font-size:0;
	line-height:0;
	z-index:0;
}

/* Bottom corners and border */
.cbBottom {
	height:8px;
	margin:0 0 0 8px;
	background:url("/images/defaultBox.png") no-repeat 100% 100%;
}
.cbBottom div {
	position:relative;
	left:-8px;
	width:8px;
	height:8px;
	background:url("/images/defaultBox.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

/* Left border */
.cbLeft {
	padding:0 0 0 4px;
	background:url("/images/defaultBorders.png") repeat-y 0 0;

}

/* Right border */
.cbRight {
	padding:0 4px 0 0;
	background:url("/images/defaultBorders.png") repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent {
	margin:0;
	background:#f9f9f9;
	overflow: hidden;
	z-index: 1;
}
.cbContent {display:inline-block;}
.cbContent {display:block;}

/* Default CSS for Custom Borders ends here */




/* ================================================ */

/*** CONTAINER ***/

/* ================================================ */

.cb-bContainer {
	margin: 0;
}

/* Top corners and border */
.cbTop-bContainer {
	height:17px;
	margin:0 0 0 18px;
	background:url("/images/containerBox.png") no-repeat 100% 0;
}
.cbTop-bContainer div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url("/images/containerBox.png") no-repeat 0 0;
}

/* Bottom corners and border */
.cbBottom-bContainer {
	height:14px;
	margin:0 0 0 12px;
	background:url("/images/containerBox.png") no-repeat 100% 100%;
}
.cbBottom-bContainer div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url("/images/containerBox.png") no-repeat 0 100%;
}

/* Left border */
.cbLeft-bContainer {
	padding:0 0 0 12px;
	background:url("/images/containerBorders.png") repeat-y 0 0;
}

/* Right border */
.cbRight-bContainer {
	padding:0 12px 0 0;
	background:url("/images/containerBorders.png") repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bContainer {
	margin:0;
	padding: 0 10px 10px 10px;
	background:#fff;
}




/* ================================================ */

/*** HEADER ***/

/* ================================================ */

.cb-bHeader{
	clear: right;
}

/* Top corners and border */
.cbTop-bHeader {
	height:34px;
	margin:0 0 0 18px;
	background:url("/images/headerBox.png") no-repeat 100% 0;
}
.cbTop-bHeader div {
	position:relative;
	left:-18px;
	width:18px;
	height:34px;
	background:url("/images/headerBox.png") no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.cbBottom-bHeader{
	height:36px;
	margin:0 0 0 12px;
	background:url("/images/headerBox.png") no-repeat 100% 100%;
}
.cbBottom-bHeader div {
	position:relative;
	left:-12px;
	width:12px;
	height:36px;
	background:url("/images/headerBox.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

/* Left border */
.cbLeft-bHeader {
	padding:0 0 0 23px;
	background:url("/images/headerBorders.png") repeat-y 0 0;

}

/* Right border */
.cbRight-bHeader {
	padding:0 23px 0 0;
	background:url("/images/headerBorders.png") repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bHeader {
	margin:0;
	padding:0px 0px;
	background:#EEF2FD;
	height: 175px;
	overflow: auto;
}





/* ================================================ */

/*** HEADER CONDENSED***/

/* ================================================ */

.cb-bHeaderCondensed{
	clear: right;
}

/* Top corners and border */
.cbTop-bHeaderCondensed {
	height:34px;
	margin:0 0 0 18px;
	background:url("/images/headerBox.png") no-repeat 100% 0;
}
.cbTop-bHeaderCondensed div {
	position:relative;
	left:-18px;
	width:18px;
	height:34px;
	background:url("/images/headerBox.png") no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.cbBottom-bHeaderCondensed{
	height:36px;
	margin:0 0 0 12px;
	background:url("/images/headerBox.png") no-repeat 100% 100%;
}
.cbBottom-bHeaderCondensed div {
	position:relative;
	left:-12px;
	width:12px;
	height:36px;
	background:url("/images/headerBox.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

/* Left border */
.cbLeft-bHeaderCondensed {
	padding:0 0 0 23px;
	background:url("/images/headerBorders.png") repeat-y 0 0;

}

/* Right border */
.cbRight-bHeaderCondensed {
	padding:0 23px 0 0;
	background:url("/images/headerBorders.png") repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bHeaderCondensed {
	margin:0;
	padding:0px 0px;
	background:#EEF2FD;
	height: 72px;
	overflow: auto;
}






/* ================================================ */

/*** SIDEBAR ***/

/* ================================================ */

.cb-bSideBar {
	width: 170px;
	float: left;
	margin-top:6px;
	display: inline;
}

/* Top corners and border */
.cbTop-bSideBar {
	height:13px;
	margin:0 0 0 18px;
	background:url("/images/sideBarBox.png") no-repeat 100% 0;
}
.cbTop-bSideBar div {
	position:relative;
	left:-18px;
	width:18px;
	height:13px;
	background:url("/images/sideBarBox.png") no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.cbBottom-bSideBar {
	height:13px;
	margin:0 0 0 18px;
	background:url("/images/sideBarBox.png") no-repeat 100% 100%;
}
.cbBottomShort-bSideBar {
	height:13px;
	margin:0 0 0 18px;
	background:url("/images/sideBarBoxShort.png") no-repeat 100% 100%;
}
.cbBottom-bSideBar div {
	position:relative;
	left:-18px;
	width:18px;
	height:13px;
	background:url("/images/sideBarBox.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
.cbBottomShort-bSideBar div {
	position:relative;
	left:-18px;
	width:18px;
	height:13px;
	background:url("/images/sideBarBoxShort.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

/* Left border */
.cbLeft-bSideBar {
	padding:0 0 0 11px;
	background:url("/images/sideBarBorders.png") repeat-y 0 0;

}

/* Right border */
.cbRight-bSideBar {
	padding:0 11px 0 0;
	background:url("/images/sideBarBorders.png") repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bSideBar {
	margin:0;
	padding:0px 3px 9px 0;
	
	background: #1b4a8d url("/images/sideBarGradient2.png") repeat-x;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bSideBarLoggedIn {
	padding:0px 3px 16px 0;
}



/* ================================================ */

/*** SIDEBAR Page Links***/

/* ================================================ */

.cb-bPageLinks {
	width: 170px;
	float: left;
	display: inline;
	margin-top: -4px;
}

/* Top corners and border */
.cbTop-bPageLinks {
	height:13px;
	margin:0 0 0 18px;
}
.cbTop-bPageLinks div {
	position:relative;
	left:-18px;
	width:18px;
	height:13px;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.cbBottom-bPageLinks {
	height:13px;
	margin:0 0 0 18px;
}
.cbBottomShort-bPageLinks {
	height:13px;
	margin:0 0 0 18px;
}
.cbBottom-bPageLinks div {
	position:relative;
	left:-18px;
	width:18px;
	height:13px;
	font-size:0;
	line-height:0;
}
.cbBottomShort-bPageLinks div {
	position:relative;
	left:-18px;
	width:18px;
	height:13px;
	font-size:0;
	line-height:0;
}


/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bPageLinks {
	margin:0;
	padding:0px 3px 9px 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bPageLinks {
	padding:0px 3px 16px 0;
	line-height:115%;
}
.cbContent-bPageLinks table {
	margin-left: 5px; 
	margin-top: 9px; 
	vertical-align: top;
}

.cbContent-bPageLinks img {
	vertical-align: top;
}
.cbContent-bPageLinks a:visit {
	color: black;
}
.cbContent-bPageLinks a {
	color: black;
}

/* ================================================ */

/*** CONTENT ***/

/* ================================================ */
.cb-bContent {
	margin-left: 175px;
	margin-top: 6px;
	margin-bottom: -4px;
}
.fullContent {
	margin-left: 0px;
}

.cbTop-bContent { height:13px; }
.cbTop-bContent div { height:13px; }
.cbBottom-bContent { height:13px; }
.cbBottom-bContent div { height:13px;}
.cbLeft-bContent { padding:0 0 0 14px;}
.cbRight-bContent { padding:0 14px 0 0; }

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bContent {
	margin:0;
	padding:20px 20px 20px 19px;
	line-height: 1.5em;
	font-family: arial;
	font-size: 1.2em;
	min-height: 265px;/*265px;*/	
}


/* ================================================ */

/*** FOCUS BOX ***/

/* ================================================ */
.bFocusBox {
	padding: 1px 3px;
	background:#ffd369 url('/images/orangeStripes.png') repeat-x;
	height: 150px;	
	width: 164px;
	float: left;
	clear: left;
	font-family: arial;
	text-align:center;
	margin-top: 10px;
}
.cb-bFocusBox {
	margin-top: -4px;
	width: 170px;
	float: left;
	clear: left;
}

.cbTop-bFocusBox { height:13px; }
.cbTop-bFocusBox div { height:13px; }
.cbBottom-bFocusBox { height:13px; }
.cbBottom-bFocusBox div { height:13px; }
.cbLeft-bFocusBox { padding:0 0 0 13px; }
.cbRight-bFocusBox { padding:0 13px 0 0; }

.cbContent-bFocusBox {
	margin:0;
	padding: 1px 3px;
	background:#ffd369 url('/images/orangeStripes.png') repeat-x;
	height: 150px;
	font-family: arial;
	text-align:center;
}

/* ================================================ */

/*** MENU SUB ITEM ***/

/* ================================================ */

.bMenuSubItem {
	margin:0;
	padding:0px 0px;
	background: #1b4a8d url("/images/sideBarGradient2.png") repeat-x;
}

.cb-bMenuSubItem {

}

/* Top corners and border */
.cbTop-bMenuSubItem {
	height:13px;
	margin:0 0 0 18px;
	background:url("/images/sideBarBox.png") no-repeat 100% 0;
}
.cbTop-bMenuSubItem div {
	position:relative;
	left:-18px;
	width:18px;
	height:13px;
	background:url("/images/sideBarBox.png") no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.cbBottom-bMenuSubItem {
	height:13px;
	margin:0 0 0 18px;
	background:url("/images/sideBarBox.png") no-repeat 100% 100%;
}
.cbBottom-bMenuSubItem div {
	position:relative;
	left:-18px;
	width:18px;
	height:13px;
	background:url("/images/sideBarBox.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

/* Left border */
.cbLeft-bMenuSubItem {
	padding:0 0 0 11px;
	background:url("/images/sideBarBorders.png") repeat-y 0 0;

}

/* Right border */
.cbRight-bMenuSubItem {
	padding:0 11px 0 0;
	background:url("/images/sideBarBorders.png") repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.cbContent-bMenuSubItem {
	margin:0;
	padding:0px 0px;
	background: #1b4a8d url("/images/sideBarGradient2.png") repeat-x;
}
.cbBottom-twoItems, .cbBottom-twoItems  div{
	background-image: url("/images/twoItemMenuBox.png");
}
.cbBottom-threeItems, .cbBottom-threeItems  div {
	background-image: url("/images/threeItemMenuBox.png");
}
.cbBottom-threeItems, .cbBottom-threeItems  div {
	background-image: url("/images/fourItemMenuBox.png");
}