/* 
================================
Layout
================================
*/ 
 


html
	{margin:0; padding:0;
	height:100%;
	width:100%;}

body{
background-color:#FFFFFF;
margin:0;
padding:0;
height:100%;
width:100%;}

.wraper {
	background-image:url(images/background.gif);
	background-position:top left;
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	min-height:100%;
  height:auto !important;
  height:100%;
	}
	
.bordercolumnleft, .searchbarleft {width:9px;}
.bordercolumnright, .searchbarright {width:9px;}
	
.bordercolumnleft{
	background-color:white;
	}
	
.bordercolumnright{
	background-color:white;
	}	
	
.contentcolumn{
	background-image:url(images/contentBG.jpg);
	background-color:#DAEDFF;
	background-position:bottom;
	background-repeat:repeat-x;
	width:675px;
	}
	
	
.indexbg{
	background-image:url(images/indexbg.jpg);
	background-color:#E6E6E6;
	background-position:top right;
	height:459px;
	width:675px;
	background-repeat:no-repeat;
	}
		
.main{
	width:675px;
	background-image:url(images/micBG.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}

.contenttable{
	width:675px;
	}
	
.indextable{
	width:220px;
	}
	
.searchadminbar{
	background-color:white;
	}
	
.footerbar{
	padding:5px;
	background-color:white;
	}
	
.searchbarleft{
	background-color:white;
	}
	
.searchbarright{
	background-color:white;
	}
	
.navrow{background-color:#E6E6E6;
padding-top:5px;
height:31px;}
	
.navbg{
	background-image:url(images/nav_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:21px;}
	
.logopane {padding:12px 0;}

.footerlinks{color:#949494; font-size:11px}
.footerlinks a:link,  .footerlinks a:visited, .footerlinks a:active {color:#949494; text-decoration:underline; font-size:11px;}	
.footerlinks a:hover, {color:#C7E8FF; text-decoration:underline; font-size:11px;}	


/* This  is for the USER Login Tag.*/

a:link.user {font-size:11px; color:#949494; padding:5px ;}
	a.user:active,  a.user:visited {color:#949494;}
	a.user:hover {color:#C7E8FF;}

/* This  is for the LOGIN Login Tag.*/

a.login {font-size:11px; color:#949494;  padding:5px ;}
	a.login:active, a.login:visited {color:#949494;}
  a.login:hover {color:#C7E8FF;}

.searchbar{font-size:11px; color:#949494;  padding:5px 5px 5px 0;}


/* Main Menu ---------------------------------------------------------------------------------------------------

 Based on DEFAULT.CSS these are
designed to overwrite Default's css*/

/*These two define the bar itself. the height, and the background colour. 
Keeping it transparent will allow the background image to show through.*/
.MainMenu_MenuContainer {
	background-color: transparent; 
	
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:21px;
	background-color: Transparent;
}

/*MainMenu_MenuItem is the container for each text link in the drop down bar 

note that when you hover over this item the TOP and BOTTOM borders dissappear.

A Background colour change here affects all the menus. including the main-root unless you
make changes to the TD as I have done below... This stops the main menu from getting accidentally styled*/

.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #949494; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: #C7E8FF 0px solid; 
	border-bottom: #C7E8FF 1px solid; 
	border-top: #C7E8FF 1px solid; 
	border-right: #C7E8FF 0px solid; 
	background-color: #C7E8FF;
}

/*This portion is to turn on and off the hover images on the root menu
these four CSS tags are used to style that root menu. complimenting the styles above. */


/*Not Active*/
.MainMenu_TabRootMenuItem td
{	
	height:21px;
	color: #949494;
	background-image: url(images/nav_off.gif);
	background-position:top left;
	background-repeat:repeat-x;	
}

/*Active */
.MainMenu_TabRootMenuItemSel td
{	
	height:21px;
	color: #949494;
	background-image: url(images/nav_off.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

/*Hover*/
.MainMenu_TabMenuItemHover td
{
	height:21px;
	background-image: url(images/nav_on.gif);
	background-position:top left;
	background-repeat:repeat-x;
	color: #111;
}

/*Active Hover */

.MainMenu_TabMenuItemSelHover td
{	
	height:21px;
	background-image: url(images/nav_off.gif);	
	background-position:top left;
	background-repeat:repeat-x;
	color: #111;
}


/* This is for the Icon. I think that you have to style this like 
the text link above even if the icon is not shown because the table
it sits in is still going to get rendered.*/

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #C7E8FF; 
	border-left: #C7E8FF 1px solid; 
	border-bottom: #C7E8FF 1px solid; 
	border-top: #C7E8FF 1px solid; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}


/* This guy here is for the actual drop down or flyout. 
If you put a border around it, you'll get a 
border around the whole thing The background doesn't seen to matter as long as 
you have styled the texlink and icon above.*/

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: transparent; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #949494 1px solid; 
	border-left: #949494 1px solid; 
	border-top: #949494 1px solid; 
	border-right: #949494 1px solid;
}

/* This styles the menu break. as in a set space between two menu items, not a border. 
But in the main menu there is no break. It's probably ok to leave it like this.*/
.MainMenu_MenuBreak {
	border-bottom: #EEEEEE 0px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 0px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

/* This is the HOVER state for the flyout's text, icon and arrow*/
.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: #B2196C; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #FFF9E8;
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
}

/* This is styles that pesky little bit of border that dissappears when you hover over it.
Change the border colour to match the background colour and you should be cool
changinf the size of the border will make a mess of it.*/
.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer;  
	border-right: #C7E8FF 1px solid; 
	border-bottom: #C7E8FF 1px solid; 
	border-top: #C7E8FF 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
}


/* Admin link styles ----------------------------------------------------------------------------------- 

Make the links look like buttons*/
a.CommandButton:link,a.CommandButton:visited,a.CommandButton:active { color:#FFFFFF; border:2px outset #BDC7D7; background:#CBD1DD; padding:2px 3px 3px 4px; font-family:tahoma; font-weight:bold; font-size:11px; text-decoration:none; height:20px;}
a.CommandButton:hover {color:#FFFFFF; border:2px inset #BDC7D7; background:#5B6A8A; padding:2px 3px 3px 4px; font-family:tahoma; font-weight:bold; font-size:11px; text-decoration:none; height:20px;}

/* Normal Text Box */
.NormalTextBox {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	vertical-align: middle;
	background-color:#FFFFFF;
}
.Normal{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;}

/* Breadcrumb*/
.Breadcrumb {
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #747474;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	text-decoration:none;
}
/* Breadcrumb link */
A.Breadcrumb:link,A.Breadcrumb:visited,A.Breadcrumb:active { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #747474;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	text-decoration:underline;
}
A.Breadcrumb:hover { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF9900;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	text-decoration:underline;
}