/*==================================================*/
/*Homepage layout
/*--------------------------------------------------*/

BODY {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	text-align:center;
	margin:0px;
}

	BODY A {
		color:#336699;
	}
	
	BODY A:hover {
		text-decoration:none;
		color:#6590ba;
	}
	
	BODY A:visited {
		color:#8694a1;
	}
	
	BODY A:active {
		color:#336699;
	}
	
SELECT {
	font-size:10px;
}

DIV.page {
	width:800px;
	margin:0px auto 0px;
}

	DIV.page DIV#header {
		text-align:left;
		margin-bottom:10px;
		clear:both;
	}
	
		DIV.page DIV#header DIV#clientLogo {
			height:60px;
		}
		
		DIV.page DIV#header DIV#brandLogo {
			float:right;
			clear:right;
			height:60px;
			width:240px;
			
			background-image:url('http://www.realoa.com/_enterprise/images/logo_realoa.gif');
			background-position:3px right;
			background-repeat:no-repeat;
		}
	
	DIV.page DIV#left {
		float:left;
		width:170px;
		text-align:left;
	}
	
	DIV.page DIV#middle {
		width:425px;
		margin:0px auto 0px;
		text-align:left;
	}
	
	DIV.page DIV#right {
		float:right;
		width:170px;
		text-align:left;
	}
	
	DIV.page DIV#footer {
		text-align:left;
		margin-top:20px;
		clear:both;
	}
	
		DIV.page DIV#footer DIV {
			background-color:#f9f9f9;
		}
		
			DIV.page DIV#footer DIV.left {
				float:left;
				background-image:url('http://www.realoa.com/_enterprise/images/footerbar_left.gif');
				background-repeat:no-repeat;
				width:4px;
				height:20px;
			}
			
			DIV.page DIV#footer DIV.middle {
				background-image:url('http://www.realoa.com/_enterprise/images/footerbar_back.gif');
				background-repeat:repeat-x;
				
				padding:2px 3px 7px 0px;
				text-align:center;
				color:#FFF;
			}
			
				DIV.page DIV#footer DIV.middle A, DIV.page DIV#footer DIV.middle A:hover, DIV.page DIV#footer DIV.middle A:visited, DIV.page DIV#footer DIV.middle A:active {
					color:#FFF;
				}
				
				DIV.page DIV#footer DIV.middle A:hover {
					text-decoration:none;
					color:#bcd0e3;
				}
			
		DIV.page DIV#footer DIV.right {
			float:right;
			background-image:url('http://www.realoa.com/_enterprise/images/footerbar_right.gif');
			background-repeat:no-repeat;
			width:4px;
			height:20px;
		}
	
/*==================================================*/
/*Tabs
/*--------------------------------------------------*/

DIV#tabContainer {
}

	/*========================================*/
	/* Tab Bar Top
	/*----------------------------------------*/
	DIV#tabContainer DIV.tabTop {
	}
	
		DIV#tabContainer DIV.tabTop DIV.left {
			float:left;
			background-image:url('http://www.realoa.com/_enterprise/images/tabbar_top_left.gif');
			background-repeat:no-repeat;
			width:4px;
			height:27px;
		}
		
		DIV#tabContainer DIV.tabTop DIV.middle {
			background-image:url('http://www.realoa.com/_enterprise/images/tabbar_top_back.gif');
			background-repeat:repeat-x;
			text-align:right;
		}
		
		DIV#tabContainer DIV.tabTop DIV.right {
			float:right;
			background-image:url('http://www.realoa.com/_enterprise/images/tabbar_top_right.gif');
			background-repeat:no-repeat;
			width:4px;
			height:27px;
		}
		
		/*========================================*/
		/* Tab Styles
		/*----------------------------------------*/
		
		DIV#tabContainer DIV.tab {
			height:27px;
			display:inline;
			
			color:#FFF;
			font-size:12px;
			font-weight:bold;
		}
		
			DIV#tabContainer DIV.tabTop A {
				color:#FFF;
				text-decoration:underline;
			}
			
			DIV#tabContainer DIV.tabTop A:hover {
				color:#dae5ef;
				text-decoration:none;
			}
			
			DIV#tabContainer DIV.tabTop DIV.left {
				float:left;
				background-repeat:no-repeat;
				height:27px;
			}
			
			DIV#tabContainer DIV.tabTop DIV.body {
				background-repeat:repeat-x;
				padding:2px 3px 7px 0px;
			}
			
		/*========================================*/
		/* Tab ON - All
		/*----------------------------------------*/
		
		DIV#tabContainer DIV.tabTop DIV.on {
			background-image:url('http://www.realoa.com/_enterprise/images/tab_on_back.gif');
			background-repeat:repeat-x;
			background-color:#336699;
		}
		
			DIV#tabContainer DIV.tabTop DIV.on DIV.left {
				background-image:url('http://www.realoa.com/_enterprise/images/tab_on_left.gif');
				background-position:left;
				background-repeat:no-repeat;
			}
			
			DIV#tabContainer DIV.tabTop DIV.on DIV.body {
				padding-left:24px;
				padding-top:2px;
				padding-bottom:7px;
				padding-right:7px;
			}
			
			DIV#tabContainer DIV.tabTop DIV.on DIV.right {
				background-image:url('http://www.realoa.com/_enterprise/images/tab_on_right.gif');
				background-position:right;
				background-repeat:no-repeat;
			}
			
			/*========================================*/
			/* Tab ON - Left Front
			/*----------------------------------------*/
			
			DIV#tabContainer DIV.tabTop DIV.leftfront {
			}
			
				DIV#tabContainer DIV.tabTop DIV.leftfront DIV.left {
					background-image:url('http://www.realoa.com/_enterprise/images/tab_on_left_front.gif');
					background-position:left;
					background-repeat:no-repeat;
				}
				
				DIV#tabContainer DIV.tabTop DIV.leftfront DIV.body {
					padding-left:7px;
				}
				
			/*========================================*/
			/* Tab ON - Right Front
			/*----------------------------------------*/
			
			DIV#tabContainer DIV.tabTop DIV.rightfront {
			}
			
				DIV#tabContainer DIV.tabTop DIV.rightfront DIV.body {
					padding-right:7px;
				}
				
				DIV#tabContainer DIV.tabTop DIV.rightfront DIV.right {
					background-image:url('http://www.realoa.com/_enterprise/images/tab_on_right_front.gif');
				}
				
		/*========================================*/
		/* Tab OFF - All
		/*----------------------------------------*/
		
		DIV#tabContainer DIV.tabTop DIV.off {
			background-image:url('http://www.realoa.com/_enterprise/images/tab_off_back.gif');
			background-repeat:repeat-x;
			background-color:#7da4cb;
		}
		
			DIV#tabContainer DIV.tabTop DIV.off DIV.left {
				background-image:url('http://www.realoa.com/_enterprise/images/tab_off_left.gif');
				background-position:left;
				background-repeat:no-repeat;
			}
			
			DIV#tabContainer DIV.tabTop DIV.off DIV.body {
				padding-left:24px;
				padding-top:2px;
				padding-bottom:7px;
				padding-right:7px;
			}
			
			DIV#tabContainer DIV.tabTop DIV.off DIV.right {
				background-image:url('http://www.realoa.com/_enterprise/images/tab_off_right.gif');
				background-position:right;
				background-repeat:no-repeat;
			}
			
			/*========================================*/
			/* Tab OFF - Left Behind
			/*----------------------------------------*/
			
			DIV#tabContainer DIV.tabTop DIV.leftbehind {
			}
			
				DIV#tabContainer DIV.tabTop DIV.leftbehind DIV.left {
					background-image:url('http://www.realoa.com/_enterprise/images/tab_off_left_behind.gif');
					background-position:left;
					background-repeat:no-repeat;
				}
				
				DIV#tabContainer DIV.tabTop DIV.leftbehind DIV.body {
					padding-left:7px;
				}
				
			/*========================================*/
			/* Tab OFF - Right Behind
			/*----------------------------------------*/
			
			DIV#tabContainer DIV.tabTop DIV.rightbehind {
			}
			
				DIV#tabContainer DIV.tabTop DIV.rightbehind DIV.body {
					padding-right:12px;
				}
				
				DIV#tabContainer DIV.tabTop DIV.rightbehind DIV.right {
					background-image:url('http://www.realoa.com/_enterprise/images/tab_off_right_behind.gif');
				}
				
		/*========================================*/
		
	DIV#tabContainer DIV.tabBottom {
		clear:both;
		background-color:#26598c;
	}
	
		DIV#tabContainer DIV.tabBottom DIV.left {
			float:left;
			background-image:url('http://www.realoa.com/_enterprise/images/tabbar_bottom_left.gif');
			background-repeat:no-repeat;
			width:4px;
			height:12px;
		}
		
		DIV#tabContainer DIV.tabBottom DIV.middle {
			background-image:url('http://www.realoa.com/_enterprise/images/tabbar_bottom_back.gif');
			background-repeat:repeat-x;
		}
		
		DIV#tabContainer DIV.tabBottom DIV.right {
			float:right;
			background-image:url('http://www.realoa.com/_enterprise/images/tabbar_bottom_right.gif');
			background-repeat:no-repeat;
			width:4px;
			height:12px;
		}
		
/*==================================================*/
/*Sections
/*--------------------------------------------------*/
DIV.sectionHeader {
	clear:both;
}

	DIV.sectionHeader DIV {
		background-color:#7da4cb;
	}
	
		DIV.sectionHeader DIV.left {
			float:left;
			background-image:url('http://www.realoa.com/_enterprise/images/section_header_left.gif');
			background-repeat:no-repeat;
			width:4px;
			height:21px;
		}
		
		DIV.sectionHeader DIV.middle {
			background-image:url('http://www.realoa.com/_enterprise/images/section_header_back.gif');
			background-repeat:repeat-x;
			margin:0px 4px 0px;
			padding:1px 0px 2px;
			
			color:#FFFFFF;
			font-size:12px;
			font-weight:bold;
		}
		
		DIV.sectionHeader DIV.right {
			float:right;
			background-image:url('http://www.realoa.com/_enterprise/images/section_header_right.gif');
			background-repeat:no-repeat;
			width:4px;
			height:21px;
		}
	
DIV.sectionContent {
	clear:both;
	
	border-width:0px 1px 0px;
	border-style:solid;
	border-color:#ececec;
	
	background-image:url('http://www.realoa.com/_enterprise/images/section_content_shade.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#f9f9f9;
	
	height:75px;
	padding:3px 5px 4px;
}

	DIV.sectionContent UL {
		list-style-image: url('http://www.realoa.com/_enterprise/images/bullet_adjusted.gif');
		margin-left:7px;
		margin-top:0px;
		margin-bottom:0px;
		padding-left:0px;
	}
	
	DIV.sectionContent UL LI {
		margin-bottom:4px;
	}
	
	DIV.sectionContent A, DIV.sectionContent A:hover, DIV.sectionContent A:visited, DIV.sectionContent A:active {
		color:#336699;
	}
	
	DIV.sectionContent A:hover {
		text-decoration:none;
		color:#6590ba;
	}
	
	DIV.sectionContent DIV.headline {
		font-weight:bold;
		margin-bottom:2px;
	}
	
	DIV.sectionContent DIV.deck {
		font-size:10px;
		line-height:10px;
	}
	
	DIV.sectionContent DIV.viewAll {
		text-align:right;
		font-size:11px;
		font-weight:bold;
		padding-top:2px;
	}
	
DIV.sectionFooter {
	clear:both;
}

	DIV.sectionFooter DIV.left {
		float:left;
		background-image:url('http://www.realoa.com/_enterprise/images/section_footer_left.gif');
		background-repeat:no-repeat;
		width:3px;
		height:3px;
	}
	
	DIV.sectionFooter DIV.middle {
		background-image:url('http://www.realoa.com/_enterprise/images/section_footer_back.gif');
		background-repeat:repeat-x;
		margin:0px 3px 0px;
	}
	
	DIV.sectionFooter DIV.right {
		float:right;
		background-image:url('http://www.realoa.com/_enterprise/images/section_footer_right.gif');
		background-repeat:no-repeat;
		width:3px;
		height:3px;
	}
	
DIV.sectionBreak {
	clear:both;
	height:3px;
}

/*==================================================*/
/*Menu
/*--------------------------------------------------*/

DIV#menu {
	font-size:13px;
	font-weight:bold;
	margin-bottom:13px;
}

	DIV#menu DIV {
		margin-top:1px;
	}
	
	DIV#menu DIV A {
		display:block;
		height:26px;
		width:169px;
		padding:3px 0px 0px 6px;
	}
	
		DIV#menu DIV.unSelected {
			height:26px;
			width:169px;
			background-image:url('http://www.realoa.com/_enterprise/images/menu_hover.jpg');
			background-repeat:no-repeat;
			background-color:#5b84b0;
		}
		
		DIV#menu DIV.unSelected A, DIV#menu DIV.unSelected A:hover, DIV#menu DIV.unSelected A:visited, DIV#menu DIV.unSelected A:active {
			color:#FFF;
		}
		
		DIV#menu DIV.unSelected A:hover {
			
			text-decoration:none;
			color:#d5e2ef;
		}
		
	DIV#menu DIV.selected {
		height:26px;
		width:169px;
		background-image:url('http://www.realoa.com/_enterprise/images/menu_selected.jpg');
		padding:4px 0px 0px 6px;
		margin-top:1px;
		color:#FFF;
	}

/*==================================================*/
/*Search
/*--------------------------------------------------*/
DIV#search {
	font-size:12px;
	font-weight:bold;
	color:#336699;
	text-align:center;
	height:29px;
}

	DIV#search INPUT#field {
		width:85px;
		font-size:10px;
		vertical-align:middle;
		margin-bottom:1px;
	}
	
	DIV#search INPUT#submit {
		vertical-align:middle;
	}
	
/*==================================================*/
/*Calendar
/*--------------------------------------------------*/

DIV#events {
}

	DIV#events DIV#eventsLabel {
		font-size:13px;
		font-weight:bold;
	}
	
	DIV#events DIV#monthLabel {
		font-size:10px;
		text-align:center;
	}
	
	DIV#events DIV#calendarSelect  {
		float:right;
		width:250px;
		
		text-align:right;
		font-size:12px;
		font-weight:bold;
		color:#336699;
	}
	
		DIV#events DIV#calendarSelect SELECT  {
			font-size:10px;
			margin-bottom:1px;
		}
	
	DIV#events TABLE#calendar {
		width:134px;
		/*height:110px;*/
		font-size:10px;
		background-color:#CCC;
		margin-bottom:5px;
		cursor:default;
	}
	
		DIV#events TABLE#calendar TR {
		}
		
		DIV#events TABLE#calendar TH {
			background-color:#DDD;
		}
		
		DIV#events TABLE#calendar TD {
			background-color:#FFF;
			height:18px;
		}
		
			DIV#events TABLE#calendar TD.blank {
				background-color:#EEE;
				cursor:default;
			}
			
			DIV#events TABLE#calendar TD.selected {
				background-color:#ffcccc;
				font-weight:bold;
			}
			
	DIV#events DIV#navigation {
		text-align:center;
		margin-bottom:7px;
	}
	
/*==================================================*/
/*___
/*--------------------------------------------------*/

TABLE#documentCatTable {
}

	TABLE#documentCatTable TD {
		font-size:11px;
		width:50%;
		vertical-align:top;
	}
	
/*==================================================*/
/*___
/*--------------------------------------------------*/

/*==================================================*/
/*___
/*--------------------------------------------------*/

/*==================================================*/
/*___
/*--------------------------------------------------*/