/* ================================
    CSS STYLES FOR Icthus Skin
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.header {
	background-image: url(head.jpg);
	background-repeat: no-repeat;
	background-color: white;
	height: 129px;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;  
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:0.8em;
	margin:4px 4px 0px 8px;
	padding:8px 0px 0px 8px;
	background-color: white;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

/* Icthus ID */

#TopUtility	{
	height: 18px;
}

#HeaderTop	{
	background-image: url(head.jpg);
	background-repeat: no-repeat;
	background-color: white;
	height: 129px;
}



.Btm	{
	background-image: url(btm.jpg);
	width: 124;
	height: 25;
}


.LeftPane  {
	width: 200px;
}

.ContentPane  { 
	width: 500px;
}

.RightPane  { 
	width: 200px;
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Arial, Helvetica;
    font-size:  1.0em;
    font-weight: bold;
    color: #000000;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Arial, Helvetica;
    font-size:  .8em;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Arial, Helvetica;
    font-size:  .8em;
    font-weight: bold;
    color: #000000;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Arial, Helvetica;
    font-size: .8em;
    font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Arial, Helvetica;
    font-size: .8em;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Arial, Helvetica;
    font-size: .8em;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    font-family: Verdana, Arial, Helvetica;
    font-size: .8em;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}
    
/* GENERIC */
H1  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  1.2em;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  1.2em;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  .8em;
    font-weight:    normal;
    color: #003366;
}

H4  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  .8em;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  .8em;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  .8em;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Verdana, Arial, Helvetica;
    font-size:  .8em;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Arial, Helvetica;
    font-size:  .8em;
    font-weight:    bold;
    color: #FFFFFF;
    background-color: #003366;
}

A:link  {
    text-decoration:    underline;
    color:  #570507;
}

A:visited   {
    text-decoration:    underline;
    color:  #336633;
}

A:active    {
    text-decoration:    underline;
    color:  #336633;
}

A:hover {
    text-decoration:    underline;
    color:  #ff0000;
}

SMALL   {
    font-size:  .75em;
}

BIG {
    font-size:  1.0em;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* Custom Styles */



img { border: none; }
form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.ModuleBg 
{
	background-color: #006600;
}

#header{
	background-image:url(crank_01.gif);
}

#logo{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
}

#topnav{
	background-color:#000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	clear:both;	
}

#title{	
	background: White;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height: 26px;
	background-image: url(bread.jpg);
	background-repeat: no-repeat;		
}

#title h1{
	color:#ffffff;
	font-size:1.8em;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 4px;
}

#utilstrip{
	clear:both;
	font-size:0.9em;
	color:#000000;
	width:100%;
	height:16px;	
	background-color: #FFFFFF;
}

span.menuimage {
background: url(menu.gif) no-repeat center;
}

span.breadcrumbimage	{
background: url(bread.gif) no-repeat center;
}

.BreadCrumb, A.BreadCrumb:link, A.BreadCrumb:visited {
text-decoration: none;
color: #000000;
font-weight: normal;
font-size: .75em;
}

A.BreadCrumb:hover {
text-decoration: None;
color: red;
font-weight: normal;
}

#breadcrumb img{
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}

#breadcrumb p{
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 6px;		
}

#breadcrumb a:link, #breadcrumb a:visited{	
	color:#000000;
}

#login{	
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
	float:right;
	background-image: url(menu.jpg)	
}

#login p{
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 6px;		
}

#login a:link, #login a:visited{	
	color:#000000;
}

#footer{
background-image: url(footer.gif);
background-repeat: no-repeat;
height: 25px;		
}

#footer p{
	color:#333333;
	font-size:0.8em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

#footer a:link, #footer a:visited{
	color:#333333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
}



.EditPane{	
	margin:5px 0px 0px 205px;
	padding:0px 0px 0px 0px;	
	background-color:transparent;
	/*overflow:auto;*/
	height:100%;
	width: 750px;
}

#Separator
{
	height: 5px;
}


/* text style for the selected tab */
.SelectedTab {
    font-weight: normal;
    font-size: .8em;
    color: black;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    underline;
    color:black;
}

A.SelectedTab:visited  {
    text-decoration:    underline;
    color:black;
}

A.SelectedTab:active   {
    text-decoration:    underline;
    color:black;
}

A.SelectedTab:hover    {
    text-decoration:    underline;
    color:black;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: normal;
    font-size: .8em;
    color: black;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    underline;
    color:black;
}

A.OtherTabs:visited  {
    text-decoration:    underline;
    color:black;
}

A.OtherTabs:active   {
    text-decoration:    underline;
    color:black;
}

A.OtherTabs:hover    {
    text-decoration:    underline;
    color:black;
}

/* Main Menu */

.MainMenu_MenuContainer { 
	background-image:url(menu.jpg);
	background-repeat: no-repeat;
	background-color: White;
	height: 25px;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}
.MainMenu_MenuItem { 
	border: #E2E2E2 1px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	height: 18px;
	padding-right: 2px;
}
.MainMenu_MenuIcon {
	display: none;
}
.MainMenu_SubMenu {
	background-color: #E2E2E2;
	border: #000000 1px solid;
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin-top: 2px;
	margin-left: 1px;
	padding:2px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
	filter: alpha(Opacity=93); 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: #C60000;
	border: #000000 1px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #E9E9E9; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	padding-right: 2px;
}
.MainMenu_MenuArrow {
display: none;
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.rootmenuitembreadcrumb TD{
	color: DarkRed;
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background: transparent;
}

/* Inventua Side Menu */

.MenuHdr
{ 
  font-size: .8em; font-family: verdana; padding-left:3px; font-weight: bold; padding-bottom: 2px; background-color: #FFFFFF; padding-top: 2px; cursor: default;
}

.MenuHdrMouseOver   
{
  font-size: .8em; font-family: verdana; padding: 2px 0px 2px 2px; font-weight: bold; background-color: #FFFFFF;  cursor: default; background-color: #FFFFFF!important; border: 1px solid #C60000; color: white!important;
}

.MenuHdrMouseOver a, .MenuHdrMouseOver a, .MenuHdrMouseOver a:visited, .MenuHdrMouseOver a:link  
{
  text-decoration: none; color: #000000; width: 100%; cursor: default; cursor: pointer;
}



.MenuItem, .MenuItemMouseOver, .MenuItem HR
{
  font-size: .8em; font-family: verdana; padding-left: 12px; font-weight: normal; padding-bottom: 2px; background-color: #FFFFFF; padding-top: 2px; border: 1px solid #FFFFFF;
}

.MenuItem A, .MenuItem A:Active, .MenuItem A:Visited, .MenuItem A:Link, .MenuItemMouseOver A, .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link, .MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link 
{
  text-decoration: none; color: #000000; width: 100%; padding-top: 1px; padding-bottom: 1px; cursor: default; cursor: pointer;
}

.MenuItem A:Hover, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Active
{
color: DarkRed!important;
}

.MenuItemMouseOver
{
  background-color: #FFFFFF!important; border: 1px solid #C60000; color: white!important;
}

.MenuCurrentItem
{
color: DarkRed;
}