/* 
================================
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;*/

}
.skinheader 
{
    background-color: #8A181B;

}

.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;
}

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

.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;

}*/

.searchButton {
    font-weight: bold;
    font-size: 8.5pt;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}

.iconBackground
{
    background-color: #E7ECF1;
    
}

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

.toppane {
	width: 100%;
	background-color: transparent;
	/*padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;*/
	border-bottom: #999999 1px solid;
}

.leftpane {
	width: 33%;
	background-color: transparent;
	/*padding-left: 24px;
	padding-right: 24px;
	padding-top: 24px;*/
	border-bottom: #ffffff 2px solid;
}

.contentpane {
	width: 33%;
	background-color: transparent;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 24px;
	border-right: #A6A6A6 1px solid;
	border-left: #A6A6A6 1px solid;
	border-bottom: #ffffff 2px solid;
}
.rightpane {
	width: 33%;
	background-color: transparent;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 24px;
	border-bottom: #ffffff 2px solid;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 24px;
}


.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; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.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: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}


/* The What We Do icon */
.rolloverWhatWeDo a {
float: left;
width: 82px;
height: 130px;
background: url("whatWeDoOn.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rolloverWhatWeDo a:hover 
{
  background: url("whatWeDoOn.jpg") 0 0 no-repeat;
}
.rolloverWhatWeDo a:active {
 background: url("whatWeDoOn.jpg") 0 0 no-repeat;
}

/* The Media Reactions icon */
.rolloverMediaReactions a {
float: left;
width: 82px;
height: 130px;
background: url("mediaReactionsOn.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rolloverMediaReactions a:hover 
{
  background: url("mediaReactionsOn.jpg") 0 0 no-repeat;
}
.rolloverMediaReactions a:active {
 background: url("mediaReactionsOn.jpg") 0 0 no-repeat;
}

/* The Validate Opinions */
.rolloverValidateOpinions a {
float: left;
width: 82px;
height: 130px;
background: url("validateOpinionsOn.jpg") 0 0 no-repeat;
text-decoration: none;
}
.rolloverValidateOpinions a:hover 
{
  background: url("validateOpinionsOn.jpg") 0 0 no-repeat;
}
.rolloverValidateOpinions a:active {
 background: url("validateOpinionsOn.jpg") 0 0 no-repeat;
}