/* page layout styles */
body
{
    background-color : white;
    margin           : 0px;
    font-family      : Arial, Verdana, Tahoma;
    font-size        : 11px;
    height           : 100%;
}



.skinmaster
{

  border-right       : 1px #cccccc solid;
  border-bottom      : 1px #cccccc solid;

}
.header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.redHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #FF0000;
}
.redText{
color:#ff0000;

}

.skinHeaderText, a.skinHeaderText:link,  a.skinHeaderText:visited     
{
	font-size  : 10px;
	color      : #bbbbbb;
}


/***** radmenu stuff *****/

.Menu_MainItem
{
	cursor                : hand;
	cursor                : pointer;
	font-family           : Arial, Verdana;
	font-size             : 12px;
	color                 : white;
	height                : 20px;
	xwidth                 : 100px;
	padding               : 2px 0px 0px 10px;
	margin-top            : -1px;                    /* to get IE to center vertically--removed by child selector below*/
        text-align            : left;
	text-transform        : uppercase;
	font-weight           : bold;

}


*>.Menu_MainItem                         /* for all but IE since IE has padding issues */
{
  margin-top     : 0px;
  padding-right  : 8px;
  padding-left   : 21px;

}


.Menu_MainItemOver
{

	cursor                : hand;
	cursor                : pointer;
	font-family           : Arial, Verdana;
	font-size             : 12px;
	color                 : white;
	height                : 20px;
	xwidth                 : 100px;
	padding               : 2px 0px 0px 10px;
	margin-top            : -1px;                    /* to get IE to center vertically--removed by child selector below*/
	text-align            : left;
	text-transform        : uppercase;
	font-weight           : bold;
        background            : #f6110d url(images/mainmenumarker.gif) 10px 5px no-repeat;  /* left made smaller in other browsers by below child selector */

}



*>.Menu_MainItemOver                 /* for all but IE since IE has padding issues */
{

  background            : #f6110d url(images/mainmenumarker.gif) 6px 5px no-repeat;
  padding-right         : 8px;
  padding-left          : 21px;
  margin-top            : 0px;

}


.Menu_ItemsGroup
{
	xwidth                 : 250px;
        margin-left           : 16px;
}


.Menu_Item
{
	cursor                : hand;
	cursor                : pointer;
	font-family           : Arial, Verdana;
	font-size             : 12px;
	color:				  : black;
	height                : 20px;
	width                 : 100%;
	padding-left          : 4px;
    background            : #e2e2e4;
}


.Menu_ItemOver
{
	cursor                : hand;
	cursor                : pointer;
	font-family           : Arial, Verdana;
	font-size             : 12px;
	color                 : white;
	height                : 20px;
	width                 : 100%;
	padding-left          : 4px;
	background            : #999999;
}


.Menu_PathItemOver
{
	cursor                : hand;
	cursor                : pointer;
	font-family           : Arial, Verdana;
	font-size             : 12px;
	background            : #e2e2e4;
	color                 : #f6110d;
	height                : 20px;
	width                 : 100%;
	padding-left          : 4px;
	font-weight           : bold;
}





/*** created by KWB 2005-10-13 for Inventua sidebar menu *****/

.inventua_sidemenu
{

  margin-top : 30px;

}



.MenuItem, .MenuItemMouseOver            /* two classes since they are using JS for some dumb reason on mouseover and it's a nuisance to reset the default settings */
{
  font-size     : 12px;
  padding-right : 20px;
  text-align    : right;
  padding-top   : 10px;
}


.MenuItem, .MenuItemMouseover a
{
  text-align    : right;

}

.MenuItem, .MenuItemMouseover a:link
{
  color           : black;
  text-align    : right;
  text-decoration : none;
}


.MenuItem, .MenuItemMouseover a:hover
{
  color           : #f6110d;
  text-decoration : none;
}

.MenuHdr
{
  color      : #f6110d;
  text-align : right;
}


.MenuCurrentPage
{
  color      : #f6110d;
  text-align : right;
}



td {
    font-family: arial,helvetica,sans-serif;
    font-size: 12;
}

table.drivers {
     border:1 solid #000000;
     border-collapse: collapse;
     padding-left:5.4pt;
     padding-right:5.4pt;
}

tr.driverHeader {
     background-color:#E5E5E5;
     font-weight:bold;
}

td.driver {
     border: .54pt solid #000000;
     font-size:10;
}

th.driver {
     font-size:12;
     border: .54pt solid #000000;
}

table.documentation {
    border:1 solid #000000;
    border-collapse: collapse;
    padding:5.4pt;
    
}

tr.docHeader {
    background-color:#dc241f;
    color:#ffffff;
    font-weight:bold;
}

tr.docHeader2 {
    background-color:#000080;
    color:#ffffff;
    font-weight:bold;
}

td.doc {
    border: .54pt solid #000000;
}






#logoheader
{

  background : #ffffff url(images/bg_logo_big.jpg) top left no-repeat;

  height     : 117px;

}


#mainmenuouter
{

  background : #f6110d;

}




#footerdecoration
{

  background : url(images/bg_footer.gif) bottom left no-repeat;
background-color:#ffffff;
  width      : 100%;
  height     : 60px;

}



.subhead
{

  color : black;

}





/* panes for the main home screen */

.mainleftpane
{

  background     : white url(images/bg_mainleftpane.gif) top left no-repeat;

}



.maincenterpane
{

  background     : white url(images/bg_maincenterpane.gif) top left no-repeat;

  padding-top    : 40px;
  padding-left   : 10px;
  padding-right  : 10px;

}



.mainrightpane
{

  background    : white url(images/bg_mainrightpane.gif) top left no-repeat;

  padding-top   : 40px;
  padding-left  : 10px;
  padding-right : 10px;

}



/* panes for the sub screens */

.submenupane
{

  background     : white url(images/bg_submenu.jpg) top left no-repeat;

}

.submenupane a:link, .submenupane a:visited
{
    text-decoration:    none;
    color:  #003366;
}


.submenupane a:hover {
    text-decoration:    underline;
    color:  #ff0000;
}


.breadcrumb, .breadcrumb a:link, .breadcrumb a:visited
{
	font-size    : 12px;
	color        : #f0f0d8;
	color        : black;
	font-weight  : normal;
	vertical-align: top;
    	text-decoration:    underline;	
  	padding-bottom : 40px;    	
}

.breadcrumbpane
{

  background     : white url(images/bg_maincenterpane.gif) top left no-repeat;

  padding-top    : 40px;
  padding-left   : 10px;
  padding-right  : 10px;
  padding-bottom : 10px;
  

}

.breadcrumbpane a:link, .breadcrumbpane a:visited
{
    text-decoration:    underline;
    color:  #003366;
}


.breadcrumbpane a:hover {
    text-decoration:    underline;
    color:  #ff0000;
}


.contentwidepane
{

  background     : white;
  padding-right  : 10px;

}



.contenttoppane
{

  background      : white;
  padding-bottom  : 20px;

}
.contentpane
{
	background      : white;
	

}


.contentleftpane
{

  background      : white;
  padding-right   : 10px;
  padding-left   : 10px;
  padding-bottom : 10px;
}
 
.contentrightpane
{

  background      : white;
  padding-top	  : 0px;
  padding-left    : 10px;
  padding-right   : 10px;
  padding-bottom : 10px;  
  border          : 1px gray dotted;

}


.logopane
{

  padding : 0px;
  margin  : 0px;

}



.copyright
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;

}
.loginpane {
	text-align: right;
	vertical-align: top;
	display: inline;
	width: 100px;
	background-color: #006666;
}

.loginText, a.loginText:link,  a.loginText:visited      /*   login/logout menu items */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 10px;
	color      : #666666;
	font-style: normal;	
    	text-decoration:    underline;
}