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

/*  HoU Style Sheet                                  */

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


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

/*  1. Basic											  */

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


/* Forces browser height of 100% */

html 
{
	
height: 100%;

}



/* Body style */

body 
{
	
margin: 0;
	
height: 100%;
	
background: url(bg_990.gif) top center repeat-y #e2e2e2;

}



/* Catch-all to ensure text color, font, and size consistency */

table, tr, td, p 
{
	
font-family: arial;
	
font-size: 12px;
	
line-height: 1.4em;

}


.MainTable

{
	
height: 100%;
	width: 970px;



}



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

/*  2. Header Classes									  */

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



/* Holds logo object */

.Logo 
{
	
padding: 4px 16px 4px 16px;
	
width: 150px;

}



/* Header height */

.Header 
{
	
height: 20px;
	
text-align: right;
	
padding: 0 8px 0 8px;
	
vertical-align: middle;

}



/* Separator image in header */

.HeaderSep 
{
	
width: 2px;
	
margin: 0 4px 0 4px;
	
}



/* Menu container */

.Menu 
{

font-size: 12px;
	
font-weight: bold;
align: center;	
background-color: #ffffff;
	
height: 38px;
	
border-top: 1px solid #ccc;
	
border-bottom: 1px solid #ccc;

border-right: 1px solid #ccc;	
border-left: 1px solid #ccc;

padding-left:140px;
}



/* Breadcrumb container */

.Breadcrumb 
{
	
height: 25px;
	
font-size: 12px;
	
font-weight: bold;
	
color: #ccc;
	
padding: 0 16px 0 16px;
text-transform: uppercase;
}



/* Page title none - left */

.ShadowLeft 
{
	
width: 185px;
	
background: url(breadcrumb_bg_left.gif) no-repeat;
border-left: 1px solid #ccc;
}



/* Page title none - center */

.ShadowCenter 
{
	
background: url(breadcrumb_bg_center.gif) repeat-x;

}



/* Page title none - right */

.ShadowRight 
{
	
width: 185px;
	
background: url(breadcrumb_bg_right.gif) no-repeat;

}



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

/*  3. Content Classes									  */

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


/* Content container */

.Content 
{
	
padding: 2px 10px 10px 10px;

}



/* Top content row */

.ContentTop 
{
	
padding: 0 0 5px 0;

}



/* Left content column */

.ContentLeft 
{
	
width: 30%;
	padding: 0 10px 10px 0;

}



/* Center content column */


.ContentCenter 
{
	
padding: 0 0 10px 0;

}


/* Right content column */

.ContentRight 
{
	
width: 30%;
	padding: 0 0 10px 10px;

}


/* Bottom content row */

.ContentBottom 
{
	
padding: 0;

}



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

/*  4. Footer Classes									  */

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


/* Footer height */

.Footer 
{
	
height: 25px;
	
text-align: center;
	
background-color: #ffffff;
	
border-top: 0px solid #ccc;

color: #808080;
text-transform: uppercase;
}



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

/*  5. Links                                              */

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


/* Basic links */

a:link, a:visited, a:active 
{
	
color: #808080;
	
font-family: arial;
	
font-weight: normal;
	
font-size: 12px;
	
text-decoration: none;

}


a:hover 
{
	
color: #808080;
	
font-family: arial;
	
font-weight: normal;
	
font-size: 12px;
	
text-decoration: none;

}



/* For the Register and Login/Logout links in the header */

a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active 
{
    
text-decoration: none;
    
color: #FFFFFF;
	
font-weight: bold;
text-transform: uppercase;

}


a.LoginLink:hover 
{
    
text-decoration: none;
    
color: #FFFFFF;
	
font-weight: bold;
text-transform: uppercase;

}



/* For links on darker backgrounds (e.g. footer links) */

a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active 
{
    
text-decoration: none;
    
color: #808080;
	
font-weight: normal;
text-transform: uppercase;

}

a.FooterLink:hover 
{
    
text-decoration: none;
    
color: #808080;
	
font-weight: normal;
text-transform: uppercase;

}



/* Defines styles for breadcrumb items */

a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active, .BreadcrumbLink 
{
    
text-decoration: none;
    
color: #808080;
	
font-weight: bold;
	
font-size: 12px;
	
white-space: nowrap;

}


a.BreadcrumbLink:hover 
{
    
text-decoration: none;
    
color: #808080;
	
font-weight: bold;
	
font-size: 12px;
	
white-space: nowrap;

}



/* For the links that look like buttons */

a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active 
{
	
color: #9B9B9B;
	font-family: arial;
	
font-weight: bold;
	
font-size: 12px;
	
text-decoration: none;

}


a.CommandButton:hover 
{
	
color: #9B9B9B;
	
font-family: arial;
	
font-weight: bold;
	
font-size: 12px;
	
text-decoration: none;

}



/* For links that come with a pre-attached Normal class */

a.Normal:link, a.Normal:visited, a.Normal:active 
{
	
color: #808080;
	font-family: arial;
	
font-weight: normal;
	
font-size: 12px;
	
text-decoration: none;

}


a.Normal:hover 
{
	
color: #808080;
	font-family: arial;
	
font-weight: normal;
	
font-size: 12px;
	
text-decoration: none;

}



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

/*  6. Text                                               */

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


/* Style for copyright text in footer */

.CopyrightText 
{
	
color: #999;

}



/* Used in admin sections */

.SubHead    
{
    
font-family: arial;
    
font-size: 12px;
    
font-weight: bold;
    
color: #808080;

}



/* Module titles */

.Head {
    font-family: arial;	
	
font-size: 12px;
	
font-weight: bold;
	
color: #808080;

}



/* Module titles - White */

.ContainerTopTitle 
.Head 
{
	
color: #fff;
	
font-weight: bold;
	
font-size: 12px;
	
white-space: nowrap;

}



/* Module titles - White */

.ContainerColorTopTitle 
.Head 
{
	
color: #fff;
	
font-weight: bold;
	
font-size: 12px;
	
white-space: nowrap;

}



/* Bold colored - used for warnings and such */

.NormalRed 
{
	color: #900;
	
font-family: arial;
	
font-weight: bold;
	
font-size: 12px;

}



/* Normal bold text */

.NormalBold {
	font-family: arial;
	
font-size: 12px;
	
font-weight: bold;
	
color: #808080;

}



/* Normal bold text */

.Normal 
{
	
font-family: arial;
	
font-size: 12px;

color: #86888A;

}



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

/*  7. Forms                                              */

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


select, input {
	
font-family: arial;
	
font-size: 12px;
	
color: #000;

}



/* Applies to text input boxes */

.NormalTextBox {
	
color: #000;
	
padding-left: 4px;
	
line-height: 12px;
	
font-family: arial;
	
font-weight: normal;
	
font-size: 12px;
	
scrollbar-face-color: #fff;
	
scrollbar-track-color: #fff;
	
scrollbar-arrow-color: #808080;
	
scrollbar-3dlight-color: #fff;
	
scrollbar-shadow-color: #fff;
	
scrollbar-highlight-color: #fff;
	
scrollbar-darkshadow-color: #fff;

}



/* Applies to the table cells that contain text input boxes */

td.NormalTextBox 
{
	
padding: 0;
	
margin: 0;
	
background: transparent;
	
visibility: invisible;

}


.StandardButton 
{
	
background: #808080;
	
border-right: 1px solid #405581;
	
border-left: 1px solid #889BC4;
	
border-top: 1px solid #889BC4;
	
border-bottom: 1px solid #405581;
	
color: #9B9B9B;
	
font-weight: normal;

}



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

/*  8. Main Menu                                          */

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


/* Container for main menu */

.MainMenu_MenuContainer 
{
	
background: transparent;
font-family: arial; 
	
color: #808080;
	
font-size: 12px; 
	
font-weight: bold;
text-transform: uppercase;


}



/* Menu bar */

.MainMenu_MenuBar 
{
	
background: #ffffff;
font-family: arial; 
	
color: #808080;
	
font-size: 12px; 
	
font-weight: bold;

text-transform: uppercase;

}



/* Applies to idle state of submenu items */

.MainMenu_MenuItem 
{
	
font-family: arial; 
	
color: #808080;
	
font-size: 12px; 
	
font-weight: bold;
	
background: #ffffff;
	
border-top: #808080 0px solid;
	
border-left: #808080 0px solid;
	
border-bottom: #808080 0px solid;
	
border-right: #808080 0px solid;
	
padding: 1px 4px 2px 2px;
text-transform: uppercase;
}



/* Container for submenu */

.MainMenu_SubMenu 
{

font-family: arial;
color: #808080;
	
font-size: 12px; 
	
font-weight: bold;	
z-index: 1000; 
	
cursor: pointer; 
	
cursor: hand; 
	
margin: 2px 0px 0px 0px;
	
background-color: #F3F3F3;
	
border: 0px solid #c7c7c7;
	
padding: 0px;
	
filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=135, Strength=3) ;

text-transform: uppercase;
}



/* Hover state for submenu items */

.MainMenu_MenuItemSel 
{
	
font-family: arial; 
	
font-size: 12px; 
	
font-weight: bold;
	
cursor: pointer; 
	
cursor: hand; 
	
color: #F0707C;
	
background: transparent;
		
padding: 1px 4px 2px 2px;

text-transform: uppercase;
}



/* Idle state for main menu items */

.MainMenu_Idle 
{ 
	

font-family: arial; 
	
font-size: 12px; 
	
color: #2A90C6;
	
font-weight: bold;
	
height: 30px;

text-transform: uppercase;
}



/* Hover state for main menu items */

.MainMenu_Selected 
{
	
font-family: arial; 
	
font-size: 12px; 
	
color: #F0707C;
		
font-weight: bold;
	
height: 30px;

text-transform: uppercase;
}



/* Selected state for main menu items */

.MainMenu_Active, .MainMenu_BreadcrumbActive 
{
	
font-family: arial; 
	
font-size: 12px; 
	
color: #2A90C6;
	
	
font-weight: bold;
	
height: 30px;

text-transform: uppercase;
}


.MainMenu_MenuBreak 
{
	
width: auto;
	
border: 0;
font-family: arial; 
	
font-size: 12px; 
	
font-weight: bold;

text-transform: uppercase;
}


.MainMenu_LeftOff 
{
	
padding-left: 2px;
	
height: 30px;
font-family: arial; 
	
font-size: 12px; 
	
font-weight: bold;
text-transform: uppercase;

	
}


.MainMenu_LeftOn 
{
	
padding-left: 2px;
	
height: 30px;
font-family: arial; 
	
font-size: 12px; 
	
font-weight: bold;
text-transform: uppercase;

	
}


.MainMenu_RightOff 
{
	
padding-left: 2px;
	
height: 30px;

font-family: arial; 
	
font-size: 12px; 
	
font-weight: bold;
text-transform: uppercase;
	
}


.MainMenu_RightOn 
{
	
padding-left: 2px;
	
height: 30px;
font-family: arial; 
	
font-size: 12px; 
	
font-weight: bold;
text-transform: uppercase;

	
}



/* Elements we don't really need */

.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon 
{
	
display: none;

font-family: arial; 
	
font-size: 12px; 
	
font-weight: bold;

text-transform: uppercase;
}





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

/*  9. Module Menus                                       */

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


/* Outer container for module submenu */

.ModuleTitle_MenuContainer 
{
	
color: #FFF;

}



/* Inner container for module submenu */

.ModuleTitle_MenuBar 
{
	
cursor: pointer; 
	
cursor: hand; 
	
height: 21px;

}



/* Idle state for module submenu items */

.ModuleTitle_MenuItem 
{
	
font-family: arial; 
	
color: #FFF;
	
font-size: 12px; 
	
font-weight: normal;
	
background: #808080;
	
border-top: #808080 1px solid;
	
border-left: #808080 1px solid;
	
border-bottom: #808080 1px solid;
	
border-right: #808080 1px solid;
	
padding: 1px 4px 2px 2px;

}



/* Inner, inner container for module submenu (?) */

.ModuleTitle_SubMenu 
{
	
z-index: 1000; 
	
cursor: pointer; 
	
cursor: hand; 
	
margin: 2px 0px 0px 0px;
	
background-color: #CCC;
	
border: 1px solid #CCC;
	
padding: 0px;
	
filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=135, Strength=3);

}



/* Hover state for module submenu items */

.ModuleTitle_MenuItemSel 
{
	
font-family: arial; 
	
font-size: 12px; 
	
font-weight: normal;
	
cursor: pointer; 
	
cursor: hand; 
	
color: #fff;
	
background: #F0707C;
	
border-left: #F0707C 1px solid;
	
border-right: #F0707C 1px solid;
	
padding: 1px 4px 2px 2px;

}



/* Elements we don't need to see */

.ModuleTitle_MenuBreak, .ModuleTitle_MenuIcon, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow 
{
	
display: none;

}



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

/*  10. Containers                                         */

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


.ContainerTopLeft 
{
	
width: 10px;
	
height: 25px;
	
background-color: #808080;
	
font-size: 1px;

}


.ContainerTopTitle 
{
	
height: 25px;
	
background-color: #808080;
	
white-space: nowrap;

}


.ContainerTopActions 
{
	
height: 25px;
	
width: 1px;
	
background-color: #808080;
	
white-space: nowrap;

}


.ContainerColorTopLeft 
{
	
width: 10px;
	
height: 25px;
	
background-color: #F0707C;
	
font-size: 1px;

}


.ContainerColorTopTitle 
{
	
height: 25px;
	
background-color: #F0707C;
	
white-space: nowrap;

}


.ContainerColorTopActions 
{
	
height: 25px;
	
width: 1px;
	
background-color: #F0707C;
	
white-space: nowrap;

}


.ContainerContent 
{
	
padding: 7px 10px 10px 10px;
	
border-top: 1px solid #ddd;
	
border-right: 1px solid #ddd;
	
border-left: 1px solid #ddd;
	
border-bottom: 1px solid #ddd;
	
background: #FFF;

}


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

/*  End Style Sheet                                       */

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