/* 
================================
ROI Custom Skin styles for DotNetNuke
Author: Eric Benson
Date:  8-10-06
================================
*/   


.pagemaster {
	width: 100%;
	height: 100%;	
}

.skinmaster {
	/*height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid;
	border-right: #A6A6A6 1px solid; 
	border-left: #A6A6A6 1px solid;  */
	/*background-image: url(left_shaded_rule.jpg);
	background-repeat: repeat-y;*/

}s

.skinheader 
{
    background-color: #660000;

}

.skinfooter {
	height: 26px;
	border-bottom: solid 5px #ffffff;
}

.skinsideleft {
	background-image: url(left_shaded_rule.jpg);
	background-repeat: repeat-y;
}

.skinsideright {
	background-image: url(right_shaded_rule.jpg);
	background-repeat: repeat-y;
}

.skinleftbottomcorner {
	background-image: url(leftbottomcorner.jpg);
	background-repeat: no-repeat;
}

.skinmiddlebottom {
	background-image: url(middlebottom.jpg);
	background-repeat: repeat-x;
}

.skinrightbottomcorner {
	background-image: url(rightbottomcorner.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.skinlogorightbottomcorner {
	background-image: url(headerCorner.jpg);
	background-repeat: no-repeat;
	background-position: right  bottom ;
	background-color: #660000;
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 9;
    color: #ffffff;
}

.skinrule 
{
    background-color:  #F03526;
	height: 5px;

}

.headerTag 
{
    font-family: Times;
    font-style: italic;
    font-size: 24;
    color: #660000 ;
}

/*.loginLook 
{
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 9;
   color: #ffffff;

}*/

.backgroundMenu
{
}

.controlpanel {
	width: 100%;
	background-color: #dfe5f2;
}

.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;

}

.leftpane {
	background-color: #FFFEEE;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
    	border-right: #A6A6A6 1px solid;
}

.contentpane {
	background-color: transparent;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 12px;
}

.rightpane {
	background-color: #EEFEFF;
	/* border-left: dotted 1px black;*/
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 6px;
}

.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.MainMenu_MenuContainer {
	/*background-color: #EEEEEE; */
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #cad5ea 0px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 1px solid; 
	border-right: #999999  1px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #999999; 
	font-size: 8pt; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Verdana, Arial, Helvetica; 
}

.MainMenu_MenuSeparator {
	/*border-left: #cad5ea 0px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 1px solid; 
	border-right: #999999  1px solid;
	cursor: pointer; 
	cursor: hand; */
	color: #CCCCCC; 
	font-size: 8pt; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Verdana, Arial, Helvetica; 
}

.MainMenu_MenuIcon {
	background-color: #cad5ea; 
	border-left: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #ffffff;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: transparent; 
	cursor: pointer; 
	cursor: hand; 
	color: #003366; 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	font-weight: normal; 
	font-style: normal;
	height: 21px;
}
.MainMenu_MenuArrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.TreeViewMenu {
	width: 100px;
	font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #A6A6A6;
}

.TreeViewMenu_Header {
	
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node 
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #A6A6A6;
}

.TreeMenu_NodeSelected
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
	background-color: #ffe089; 
}

.TreeMenu_Node a:hover
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #ffe089;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    /*color: #003366;*/
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    /*color: #003366;*/
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    /*color: #003366;*/
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:    none;
}

.Head {
   font-family: Verdana, Arial, Helvetica;
   font-size:  12px;
   font-weight: normal;
   color: #003366;
}


/* Rollover code for sub-navigation tabs */

/* The About Tab */
.rolloverAbout a {
float: left;
width: 147px;
height: 25;
margin-left: 1px;
margin-top: 1px;
background: url("aboutTab.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rolloverAbout a:hover 
{
  background: url("aboutTabHover.jpg") 0 0 no-repeat;
}
.rolloverAbout a:active {
 background: url("aboutTab.jpg") 0 0 no-repeat;
}

/* The Tools Tab */
.rolloverTools a {
float: left;
width: 147px;
height: 25;
margin-left: 1px;
margin-top: 1px;
background: url("toolsTab.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rolloverTools a:hover 
{
  background: url("toolsTabHover.jpg") 0 0 no-repeat;
}
.rolloverTools a:active {
 background: url("toolsTab.jpg") 0 0 no-repeat;
}

/* The Solutions Tab */
.rolloverSolutions a {
float: left;
width: 147px;
height: 25;
margin-left: 1px;
margin-top: 1px;
background: url("solutionsTab.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rolloverSolutions a:hover 
{
  background: url("solutionsTabHover.jpg") 0 0 no-repeat;
}
.rolloverSolutions a:active {
 background: url("solutionsTab.jpg") 0 0 no-repeat;
}

/* The Technology Tab */
.rolloverTechnology a {
float: left;
width: 147px;
height: 25;
margin-left: 1px;
margin-top: 1px;
background: url("technologyTab.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rolloverTechnology a:hover 
{
  background: url("technologyTabHover.jpg") 0 0 no-repeat;
}
.rolloverTechnology a:active {
 background: url("technologyTab.jpg") 0 0 no-repeat;
}

/* The Markets Tab */
.rolloverMarkets a {
float: left;
width: 147px;
height: 25;
margin-left: 1px;
margin-top: 1px;
background: url("marketsTab.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rolloverMarkets a:hover 
{
  background: url("marketsTabHover.jpg") 0 0 no-repeat;
}
.rolloverMarkets a:active {
 background: url("marketsTab.jpg") 0 0 no-repeat;
}

.rolloverBorder 
{
    border-bottom: solid 1px #A6A6A6;
    border-top: solid 1px #A6A6A6;
}