/*
-----------------------------------------------
OCEAN(R) Standard Styles
Theme:   Oakberry Gray
Version: April 2007
----------------------------------------------- */


	/* =General
	----------------------------------------------- */
	body { 
		font-family: 'lucida grande', arial, verdana, tahoma, sans-serif; 
		font-size: 11px; 
		font-weight: normal; 
		color: #000000; 
		background-color: #f6f6f6     
    		padding: 0px;
    		text-align: center;
	}

	#content {
		background-color : white;
		margin-left : 0px;
		padding: 10px 40px 20px 190px;
	}

	.pagefooter {
		position: relative; 
		/* position: fixed; */
		margin-top : 100px;
		bottom: 0px; 
		font-size: 11px; 
		font-weight: normal; 
		color: #BBBBBB; 
	}

	
	
	/* =Headers
	----------------------------------------------- */
	h1 {
		font: 135%/150% Tahoma, Arial, Helvetica, sans-serif;
		color: #08286B;
		font-weight: bold;
		font-size: 24px;
		letter-spacing: -1px;
		line-height: 28px;
		display: inline;
		margin: 0;
		padding: 0;

	}
	
	
	h2 {
		font: 135%/150% arial,verdana, sans-serif;
		color: #666666;
		font-weight: bold;
		font-size: 16px;
		letter-spacing: -1px;
		line-height: 20px;
		display: inline;
		margin: 0;
		padding: 0;

	}
	
	h3 {
		font: 135%/150% arial,verdana, sans-serif;
		color: #008000;
		font-weight: bold;
		font-size: 16px;
		letter-spacing: -1px;
		line-height: 20px;
		display: inline;
		margin: 0;
		padding: 0;

	}
	





	/* =Left Side Navigation
	----------------------------------------------- */
	.sidebar {
		position: absolute; 
		top:32px; 
		left:0px; 
    		width: 252px; 
		height: 900px;
    		margin: 0px auto;
    		text-align: left;
		background-image: url('/templates/images/sidebar_bg.png');   
		background-color: #f6f6f6;     

	}

	.sidebar_title {
		font: 135%/150% arial, verdana, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 20px;
		padding: 20px; 
	}


	.sidebar_text    { 
		position: relative; 
		font-size: 12px; 
		font-weight: normal; 
    		text-align: left;
		color: #FFFFFF;
		padding-left: 20px; 
	}





	/* =Sidebar Links
	----------------------------------------------- */
	.sidebar_text a {
	  color:#FFFFFF;
	  text-decoration:none;
	 /*  border-bottom:1px dotted #469; */
	  }
	.sidebar_text a:visited {
	  color:#FFFFFF;
	  /* border-color:#899; */
	  }
	.sidebar_text a:hover {
	  color:#00FF00;
	  /* border-color:#FF6500; */
	  /* border-bottom-style:solid; */
	  border-bottom: 1px solid #bdc7d8;

	  }

	  .cleanlink {
	  color:#358;
	  text-decoration:none;
	  border-bottom: 0px;
	  }
	





	/* =Center Area
	----------------------------------------------- */
	.fullspace {
		position: relative; 
    		text-align: left;
    		margin: 0px auto;
    		text-align: left;
		background-color: #FFFFFF;     
    		padding: 20px;
	}

	.mainspace {
		position: absolute; 
		top:32px; 
		left:252px; 
    		width: 680px; 
		height: 860px;
    		text-align: left;
		background-color: #f6f6f6;     
    		padding: 20px;

	}


	.mainTitle {
		font: 135%/150% arial, verdana, sans-serif;
		color: #009900;
		font-weight: bold;
		font-size: 20px;
	}

	.mainTag {
		font: 135%/150% arial, verdana, sans-serif;
		color: #003399;
		font-weight: bold;
		font-size: 12px;
	}


	.mainSubtitle {
		font: 135%/150% arial, verdana, sans-serif;
		color: #000000;
		font-weight: bold;
		font-size: 16px;
	}





	/* =Forms and Tables
	----------------------------------------------- */
	.titleBox {
		position: relative; 
		top:10px; 
    		width: 450px; 
		height: 60px;
    		margin: 0px auto;
    		text-align: left;
		background-image: url('/templates/images/login-header.jpg');   
    		/* border: 1px solid #bdc7d8; */
	}


	.titleBox0 {
		position: relative; 
		top:10px; 
    		width: 450px; 
		height: 60px;
    		margin: 0px auto;
    		text-align: left;
		background-image: url('/templates/images/login-header0.jpg');   
    		/* border: 1px solid #bdc7d8; */
	}


	.titleBox2 {
		position: relative; 
		top:10px; 
    		width: 450px; 
		height: 60px;
    		margin: 0px auto;
    		text-align: left;
		background-image: url('/templates/images/login-header2.jpg');   
    		/* border: 1px solid #bdc7d8; */
	}

	.titleBox3 {
		position: relative; 
		top:10px; 
    		width: 450px; 
		height: 60px;
    		margin: 0px auto;
    		text-align: left;
		background-image: url('/templates/images/login-header3.jpg');   
    		/* border: 1px solid #bdc7d8; */
	}

	.footerBox {
		position: relative; 
		top:10px; 
    		width: 450px; 
		height: 60px;
    		margin: 0px auto;
    		text-align: left;
		background-image: url('/templates/images/login-footer.jpg');   
    		/* border: 1px solid #bdc7d8; */
	}

	.middleColumn {
		position: relative; 
		top:10px; 
    		width: 448px;
    		margin: 0px auto;
		background-color: #ffffff;     
    		text-align: left;
    		/* border: 1px solid #bdc7d8; */
    		border: 1px solid #ababab;
	}


	.loginTitle {
		font: 135%/150% arial, verdana, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 20px;
		padding-left: 75px; 
               	padding-top: 15px;
	}


	.dialogue    { 
		position: relative; 
		padding: 10px 
	}

	.errorDialogue    { 
		color: #FF0000;
		font-weight: bold;
		font-size: 11px;
		text-align: center; 
		position: relative; 
		padding: 10px 
	}



	.fieldLabel  { 
		position: absolute; 
		left: 10px; 
		width: 190px; 
               	padding-top: 5px;
		text-align: left 
	}


	.fieldValue  { 
		position: relative; 
		left: 200px; 
		width: 80px; 
    		padding: 0px;
	}


	.commonButton button { 
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
		font-size: 11px; 
		position: relative; 
		left: 315px; 
		background-image: url('/templates/images/btn_bg.gif'); 
		width: 91px; 
		height: 22px; 
		background-repeat: no-repeat; 
		border: 0 solid white 
	}

	.commonButtonLeft button { 
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
		font-size: 11px; 
		position: relative; 
		left: 0px; 
		background-image: url('/templates/images/btn_bg.gif'); 
		width: 91px; 
		height: 22px; 
		background-repeat: no-repeat; 
		border: 0 solid white 
	}


	.inputtext, .inputpassword { 
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
	       	font-size: 11px; 
		width: 200px; 
		height: 14px; 
		border: 1px solid #bdc7d8; 
		padding: 2px; 
		margin-left: 0px;
	}

	.inputtextarea, .textarea { 
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
	       	font-size: 11px; 
		width: 200px; 
		height: 80px; 
		border: 1px solid #bdc7d8; 
		padding: 2px; 
		margin-left: 0px;
	}


	.inputpassword { 
		font-family: courier, sans-serif; 
		color: #008000;
		font-weight: normal;
		font-size: 16px;
	}








	/* =Top Horizontal Navigation Area
	----------------------------------------------- */
	.topbar {
		position: absolute; 
		top:0px; 
		left:0px; 
    		width: 1280px; 
		height: 28px;
    		margin: 0px auto;
		background-image: url('/templates/images/topbar_bg.jpg');   
		padding: 4px 0px 0px 20px; 
    		text-align: left;
		color: #FFFFFF;
	}

	#logo {
		position: absolute; 
		top:0px; 
		left:0px; 
    		width: 252px; 
		height: 32px;
    		margin: 0px auto;
    		text-align: center;
	}


			
	/* overall container */		
	#navigation_index { 
		float: left;
		margin: 0;
		padding: 0 0 0 5px;
		/* width: 740px; */
		/* height: 32px; */
		font-size: 11px;
	}
	
	#navigation { 
		float: left;
		margin: 0;
		padding: 0 0 0 260px;
		/* width: 740px; */
		/* height: 32px; */
		font-size: 11px;
	}
	
	
	#navul, #navul ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 10px;
	}
	
	

	#navul ul li { /* secondary lists only */
		width: 100px; /* group A */
	}
	

	#navul a {
		width: 100px; /* group A */
		padding: 4px 0px 4px 10px;
		display: block;
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
		line-height: normal;	
	}
	
	#navul ul li a {
		color: #444444;
		font-weight: normal;
		/* background: #DDDDDD; */
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
	}


	#navul li { /* horizontal spacing between menu columns */
		float: left;
		width: 120px; /* width needed or else Opera goes nuts */
	}
	

	#navul li ul { /* second-level lists */
		width: 100px;  /* group A */
		position: absolute;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		color: #FFFFFF;
	}
	


	/* third-and-above-level lists */
	#navul li ul ul { 
		margin: -22px 0 0 110px;
	}
	
	#navul li:hover ul ul, #navul li:hover ul ul ul, #navul li.menuHover ul ul, #navul li.menuHover ul ul ul {
		left: -999em;
	}
	


	/* lists nested under hovered list items */
	#navul li:hover ul, #navul li li:hover ul, #navul li li li:hover ul, #navul li.menuHover ul, #navul li li.menuHover ul, #navul li li li.menuHover ul { 
		left: auto;
	}
	
	#navul ul a { /* children only */
		color: #FFFFFF;
		background-color: #DDDDDD;
	}

	#navul ul a:hover { /* children only */
		color: #FFFFFF;
		background-color: #08286B;
	}

	#navul li:hover, #navul li.menuHover { /* parents only */
		margin 0 20px 0 0;
		/* background-color: #08286B; */
		background-image: url('/templates/images/topbar_active.gif');   
		background-repeat: no-repeat; 

	}


	.folder {
		color: #FFFFFF;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
	
	}	

	.page {
		color: #4D8ABE;
		margin-left : 10px;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
	}