/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;	
	background-color: #ffffff;
}
.skinmaster {
	background-color: #ffffff;
	border-right: #000000 5px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}

.controlpanel {
	width: 100%;
	background-color: #dfe5f2;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 100%;
	background-color: transparent;
	padding-left: 12px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 0px;
}
.rightpane {
	width: 225px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 0px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

/*These two define the bar itself. the height, and the background colour. 
Keeping it transparent will allow the background image to show through.*/
.MainMenu_MenuContainer {
	background-color: transparent;
	width: 145px;
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:21px;
	background-color: Transparent;
}

/*MainMenu_MenuItem is the container for each text link in the drop down bar 

note that when you hover over this item the TOP and BOTTOM borders dissappear.

A Background colour change here affects all the menus. including the main-root unless you
make changes to the TD as I have done below... This stops the main menu from getting accidentally styled*/

.MainMenu_MenuItem {
	cursor: pointer;
	cursor: hand;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	/* These borders are also used to style the submenu */
	border-left: #FDCA53 0px solid;
	border-bottom: #FDCA53 1px solid;
	border-top: #FDCA53 1px solid;
	border-right: #FDCA53 0px solid;
	background-color: transparent;
}


/* This is for the Icon. I think that you have to style this like 
the text link above even if the icon is not shown because the table
it sits in is still going to get rendered.*/

.MainMenu_MenuIcon {
	cursor: pointer;
	cursor: hand;
	background-color: #FDCA53;
	border-left: #FDCA53 1px solid;
	border-bottom: #FDCA53 1px solid;
	border-top: #FDCA53 1px solid;
	text-align: center;
	width: 15px; 
	height: 21px;
}


/* This guy here is for the actual drop down or flyout. 
If you put a border around it, you'll get a 
border around the whole thing The background doesn't seen to matter as long as 
you have styled the texlink and icon above.*/

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FDCA53; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #333333 1px solid; 
	border-left: #333333 1px solid; 
	border-top: #333333 1px solid; 
	border-right: #333333 1px solid;
}

/* This styles the menu break. as in a set space between two menu items, not a border. 
But in the main menu there is no break. It's probably ok to leave it like this.*/
.MainMenu_MenuBreak {
	border-bottom: #FDCA53 0px solid; 
	border-left: #FDCA53 0px solid; 
	border-top: #FDCA53 0px solid;  
	border-right: #FDCA53 0px solid; 
	background-color: #FDCA53; 
	height: 1px;
}

/* This is the HOVER state for the flyout's text, icon and arrow*/
.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #FDBB21;
	border-bottom: #FDCA53 1px solid; 
	border-left: #FDCA53 0px solid; 
	border-top: #FDCA53 1px solid;  
	border-right: #FDCA53 0px solid;
	height: 21px;
}

/* This is styles that pesky little bit of border that dissappears when you hover over it.
Change the border colour to match the background colour and you should be cool
changing the size of the border will make a mess of it.*/
.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer;  
	border-right: #FEDA85 1px solid; 
	border-bottom: #FEDA85 1px solid; 
	border-top: #FEDA85 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
}


.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; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

/* ********* BEGIN ISLANDBLUE STYLES ********** */

/* FOOTER BAR STYLES */

.FooterBar {
	border-top: #000000 5px solid;
	border-bottom: #000000 5px solid;
	border-left: #000000 5px solid;
	background: #FDCA53;
	color: #000000;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:3px;
	padding-bottom:3px;
}

.FooterBar a:link, .FooterBar a:visited, .FooterBar a:active, .FooterBar a:hover{
	text-decoration: underline;
	color: #0851FD;
}

/* HEADER BAR STYLES */

#HeaderTable{
	background: #F5F4DF;
	width: 100%;
}

#HeaderTable td{
	vertical-align: top;
}

.RightHeaderArea{
	width: 100%;
}

.OrangeBar1{
	width: 100%;
	border-bottom: #000000 5px solid;
	height:61px;
	background: #FDBB21;
}

.OrangeBar2{
	width: 261px;
	height: 61px;
	background: #FEDA85;
	float: right;
}

.OrangeBar3{
	width: 86px;
	height: 61px;
	background: #FDCA53 url(images/DNN_IslandBlue_Skins_02.gif) no-repeat center;
	float:right;
	margin-right: 77px;
}

.OrangeBar4{
	width: 34px;
	border-bottom: #000000 5px solid;
	height:61px;
	margin-bottom: 19px;
	background: #FDCA53;
}

.LogoTop1{
	background: #FDCA53;
	width: 100%;
	height: 9px;
}

.LogoTop2{
	background: #FDBB21;
	width: 126px;
	height:9px;
	float: right;
}

.LogoArea{
	height: 76px;
	width: 200px;
	background: url(images/DNN_IslandBlue_Skins_05.gif) no-repeat;
}

/* CONTENT STYLES */

.LeftBar{
	background: #F5F4DF url(images/DNN_IslandBlue_Skins_09.gif) repeat-y;
	height: 10px;
}

/* MENU BOX STYLES */

.MenuHead{
	border-top: #000000 3px solid;
	border-right: #000000 3px solid;
	background:#FEDA85;
	vertical-align:top;
}

.MenuFoot{
	background: url(images/menu-bot.gif) repeat-x;
}

.MenuCorner{
	background: #FEDA85 url(images/DNN_IslandBlue_Skins_10.gif) no-repeat;
	width: 22px;
	height: 22px;
}

/* GENERAL STYLES */

A:link, A:active {
    text-decoration:    none;
    color:  #0851FD;
}

A:visited{
	text-decoration:    none;
	color:  #B68002;
}

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

.DateStyle{
	color: #000000;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.LoginStyle{
	text-decoration: none;
	color: #003366;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

a.LoginStyle:link, a.LoginStyle:visited, a.LoginStyle:active{
	text-decoration: none;
	color: #003366;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

a.LoginStyle:hover{
	text-decoration: underline;
	color: #003366;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.FooterArea{
	width: 100%;
}

.FootWidth{
	width:770px;
	text-align: center;
}

.SearchBox{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left: 8px;
}

div.SearchBox input.NormalTextBox{
	width: 100px;
	border: 1px #333333 solid;
}

.DateArea{
	height: 19px;
	text-align: right;
}

H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    bold;
    color: #000000;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  14px;
    font-weight:    bold;
    color: #000000;
	text-transform:capitalize;
}

H3  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #000000;
	text-transform: capitalize;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #000000;
	text-transform:capitalize;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #000000;
	text-transform:capitalize;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #000000;
	text-transform:capitalize;
}

.StandardButton{
	background: #FDBB21;
	color: #000000;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #000000;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #0851FD;
}

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

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

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #B68002;
}


/* SAGE FOOTER */

#sagefooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	background-color: inherit;
	text-align:center;
	padding:5px;
	clear:both;
	}

#sagefooter a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	background-color: inherit;
	}
#sagefooter a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	background-color: inherit;
	}
#sagefooter a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	background-color: inherit;
	}
#sagefooter a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	background-color: inherit;
	}
	
.PrintoriumFormHead{
	background: #FDBB21;
}