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


/******* Basic Skin CSS *******/
.controlpanel 
{
	width: 100%;
	background-color: #fefefe;
}

.skinheader 
{
  
}
.skingradient 
{
    background-color: #DDDDDD;
}

.skinmaster {
	height: 100%;
	width:100%;
	background: url('images/i2Background.jpg') repeat-x top center #FFFFFF;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid; 
}

.pagemaster 
{
	width: 100%;
	height: 100%;	
	background-color:#EEEEEE;
}


/*******  Skin CSS  *******/
.BannerTD
{
   background: url('images/I2_Banner.jpg') no-repeat top center transparent;
   height:81px;
   width:955px;
}

.FlashMenuRow
{
   background-color: #000000;
   height:108px;
}

.FlashMenuLeftTD
{
   background: url('images/I2_DNN_MenuFlash_Left.jpg') no-repeat top center transparent;
   height:142px;
   width:30px;
}

.FlashMenuMiddleTD
{
   width:899px;
   height:108px;
}


/*CSS Hack non IE */
html>body .FlashMenuBottom
{
   display:inline-block;
}

/*must be rendered last*/
.FlashMenuTop 
{
   background: url('images/I2_DNN_MenuFlash_MiddleTop.jpg') no-repeat top center transparent;
   width:899px;
   height:34px;
}
.FlashMenuBottom
{
   width:899px;
   height:108px;
}
.FlashMenuBottomLeft
{
   background: url('images/I2_DNN_MenuFlash_ContentLeft.jpg') no-repeat top center transparent;
   width:532px;
   height:108px;
}

.FlashMenuBottomRight
{
   background: url('images/I2_DNN_MenuFlash_ContentRight.jpg') no-repeat top center transparent;
   width:367px;
   height:108px;
   vertical-align:top;
}

.FlashMenuRightTD
{
   background: url('images/I2_DNN_MenuFlash_Right.jpg') no-repeat top center transparent;
   height:142px;
   width:26px;
}

.ContentTopRunner
{
   background: url('images/I2_DNN_Content_TopRunner.jpg') no-repeat top center transparent;
   height:11px;
   width:955px;
}

.ContentRow
{
   width:100%;
   height:100%;
   background-color:#FFFFFF;
}

.ContentLeftTop
{
   background: url('images/I2_DNN_Content_LeftTop.jpg') no-repeat top center transparent;
   height:380px;
   padding-left:33px;
}

.ContentLeftRunner
{
   background: url('images/I2_Content_LeftRunner.jpg') repeat-y top center transparent;
   height:100%;
}

.ContentSepLeftTop
{
   background: url('images/I2_Content_SepLeftTop.jpg') no-repeat top center transparent;
   height:298px;
   padding-left:12px;
}

.ContentSepLeftRunner
{
   background: url('images/I2_Content_SepLeftRunner.jpg') repeat-y top center transparent;
   height:100%;
}

.ContentSepRightTop
{
   background: url('images/I2_Content_SepRightTop.jpg') no-repeat top center transparent;
   height:298px;
   padding-left:15px;
}

.ContentSepRightRunner
{
   background: url('images/I2_Content_SepRightRunner.jpg') repeat-y top center transparent;
   height:100%;
}

.ContentRightTop
{
   background: url('images/I2_DNN_Content_RightTop.jpg') no-repeat top center transparent;
   height:380px;
   padding-left:30px;
}

.ContentRightRunner
{
   background: url('images/I2_Content_RightRunner.jpg') repeat-y top center transparent;
   height:100%;
}

.ContentBtmLeft
{
   background: url('images/I2_Content_LeftBottom.jpg') no-repeat top center transparent;
   height:4px;
   width:33px;
}
.ContentBtmMdl
{
   background: url('images/I2_Content_BottomRunner.jpg') no-repeat top center transparent;
   height:4px;
   width:892px;
}
.ContentBtmRight
{
   background: url('images/I2_Content_RightBottom.jpg') no-repeat top center transparent;
   height:4px;
   width:30px;
}


.LinksBtmLeft
{
   background: url('images/I2_LinksLeft.jpg') no-repeat top center transparent;
   height:23px;
   padding-left:20px;
}
.LinksBtmMdl
{
   background-color:#FFFFFF;
   width:100%;
}
.LinksBtmRight
{
   background: url('images/I2_LinksRight.jpg') no-repeat top center transparent;
   height:23px;
   padding-right:20px;
}

.FooterLeftSide
{
   background: url('images/I2_FooterLeft.jpg') no-repeat top center transparent;
   height:27px;
   padding-right:20px;
}
.FooterContentLeft
{
   background: url('images/I2_FooterContentLeft.jpg') no-repeat top center transparent;
   height:27px;
   width:447px;
}
.FooterContentRight
{
  background: url('images/I2_FooterContentRight.jpg') no-repeat top center transparent;
   height:27px;
   width:468px;
}
.FooterRightSide
{
   background: url('images/I2_FooterRight.jpg') no-repeat top center transparent;
   height:27px;
   padding-right:20px;
}

.BottomShade
{
   background: url('images/I2_BottomShade.jpg') no-repeat top center transparent;
   height:21px;
   width:955px;
}

.MyDate
{
  display:block;
  color: #FFFFFF;              /*90BDD0;*/
  font-family:Arial;
  font-size:12px; 
  padding: 0px 0px 0px 25px; 
}

.MenuTD
{
   background: url('images/MenuBarRightBk.jpg') repeat-x top left transparent;
   height:22px;
}


/*************************/
.MyRootArrow
{
   padding-left:0px;
   padding-right:0px;
   vertical-align:middle;
}
.MainMenu_MenuBar
{
  background-color:Transparent;
}
.MyMainMenu_RootMenuItem
{
   background-color:Transparent;
   border-width:0px; /*Removes White border around items*/
}
.MainMenu_MenuContainer
{
   width:0px;
   background-color:#333333;
   padding-top:6px;
}
.MySpacer
{
   width:0px;
}

.MyMainMenu_RootMenuItem TD
{
   vertical-align:middle;
   text-align:center;
   background-color:#333333;
   background-image:url('Images/MenuInActiveMiddle.jpg');
   height:22px;
   color:#FFFFFF;
   font-family:Arial;
   font-size:12px;
   padding-left:1px;
   padding-right:1px;
   white-space:nowrap;
}

.MyMainMenu_RootMenuItemActive TD
{
   vertical-align:middle;
   text-align:center;
   background-image:url('Images/MenuActiveMiddle.jpg');
   background-color:#333333;
   color:#FFFFFF;
   font-family:Arial;
   font-size:12px;
   padding-left:1px;
   padding-right:1px;
   white-space:nowrap;
}

.MainMenu_BreadcrumbActive
{
   vertical-align:middle;
   text-align:center;
   background-image:url('Images/MenuActiveMiddle.jpg');
   background-color:#333333;
   color:#FFFFFF;
   height:22px;
   font-family:Arial;
   font-size:12px;
   padding-left:1px;
   padding-right:1px;
   white-space:nowrap;
}
.MyMainMenu_RootMenuLeftBreadSepActive
{
  background-image:url('Images/MenuActiveLeft.jpg');
  width:7px;
  height:22px;
  padding-Right:2px;
  _padding-Right:0px;
}
.MyMainMenu_RootMenuRightBreadSepActive
{
  background-image:url('Images/MenuActiveRight.jpg');
  width:7px;
  height:22px;
  padding-Right:2px;
  _padding-Right:0px;
}



.MyMainMenu_RootMenuItemSelected TD
{
   vertical-align:middle;
   text-align:center;
   background-color:#333333;
   color:#A4E6FE;
   font-family:Arial;
   font-size:12px;
   padding-left:1px;
   padding-right:1px;

   white-space:nowrap;
}
.MyMainMenu_RootMenuLeftSep
{
   background-image:url('Images/MenuInActiveLeft.jpg');
   width:7px;
   height:22px;
   padding-Right:2px;
  _padding-Right:0px;
}
.MyMainMenu_RootMenuLeftSepActive
{
  background-image:url('Images/MenuActiveLeft.jpg');
  width:7px;
  height:22px;
  padding-Right:2px;
  _padding-Right:0px;
}
.MyMainMenu_RootMenuRightSep
{
   background-image:url('Images/MenuInActiveRight.jpg');
   width:7px;
   height:22px;
   padding-Right:2px;
  _padding-Right:0px;
}
.MyMainMenu_RootMenuRightSepActive
{
  background-image:url('Images/MenuActiveRight.jpg');
  width:7px;
  height:22px;
  padding-Right:2px;
  _padding-Right:0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
/* Safari 3.0 and Chrome rules here */
/*\*/
body:nth-of-type(1) .MyMainMenu_RootMenuLeftSep{padding-Right:0px;}
body:nth-of-type(1) .MyMainMenu_RootMenuLeftSepActive{padding-Right:0px;}
body:nth-of-type(1) .MyMainMenu_RootMenuRightSep{padding-Right:0px;}
body:nth-of-type(1) .MyMainMenu_RootMenuRightSepActive{padding-Right:0px;}
body:nth-of-type(1) .MyMainMenu_RootMenuLeftBreadSepActive{padding-Right:0px;}
body:nth-of-type(1) .MyMainMenu_RootMenuRightBreadSepActive{padding-Right:0px;}
/**/
}


.MainMenu_MenuBreak /*fixes background color over memnu seperators*/
{
   background-color: Transparent; 
   border-top: none;
   border-bottom: none;
   border-style:none;
}

.MainMenu_MenuItem
{
   background-color:#333333;
   color:#FFFFFF;
   padding-top:3px;
   padding-right:0px;
   padding-bottom:3px;
   border-color:white;
   border-style:solid;
   border-width:0px 0;
}

.MainMenu_MenuItemSel
{
   background-color:#333333;
   color:#A4E6FE;
   padding-top:3px;
   padding-bottom:3px;
   padding-right:0px;
}

.MainMenu_SubMenuItem
{
   padding-top:0px;
   padding-bottom:0px;
   padding-right:0px;
}
.MainMenu_SubMenuItemSel
{
   padding-top :0px;
   padding-bottom:0px;
   padding-right:0px;
}
.MainMenu_SubMenu
{
  padding-right:5px;
  background-color:#333333;
}
.MyMainMenu_MenuIcon
{
  width:0px;
}
.MyMainMenu_RootMenuArrow
{
}
.MyMainMenu_MenuArrow
{
   width:0px;
}
.Myrightseparatorclass
{
}

/***************************/
.topleftpane
{
   background: url('images/TopLeftPaneBk.jpg') no-repeat top center transparent;
   height:84px;
   width:363px;
}
.topleftpane p
{
   color:#FFFFFF;
   line-height: 16px;
}

.toprightpane
{
   background: url('images/TopRightPaneBk.jpg') no-repeat top center transparent;
   height:84px;
   width:576px;
   padding-left:11px;
   padding-top:9px;
}

.toprightpane p
{
   color:#FFFFFF;
   line-height: 16px;
}

.leftpane
{
   background: url('images/LeftPaneBk.jpg') no-repeat top center transparent;
   height:100%;
   width:233px;
}
.leftpanetable
{
   background: url('images/LeftPaneBottomBk.jpg') repeat-y top center transparent;
   width:233px;
   height:100%;
}
.leftpanebottom
{
   background: url('images/LeftPaneBottomBk.jpg') repeat-y top center transparent;
   width:233px;
   height:1%;
}
.rightpanetop
{
   background: url('images/RightPaneTopBk.jpg') no-repeat scroll top left transparent;
   height:23px;
   width:718px; 
}
.rightpane
{
   background: url('images/RightPaneMiddleBk.jpg') repeat-y scroll top left transparent;
   width:718px; 
   height:100%;
   padding-left:15px;
   padding-right:34px;
}
.rightpanebottom
{
   background: url('images/RightPaneBottomBk.jpg') no-repeat scroll top left transparent;
   height:15px;
   width:718px;
}


.FillRow
{
   background: url('images/TopFooterFillBk.jpg') repeat-y scroll top left transparent;
   height:100%;
   width:951px;
}

.FooterLeft
{
   background: url('images/FooterLeftBk.jpg') no-repeat scroll top left transparent;
   height:28px;
   width:476px;
}

.FooterRight
{
   background: url('images/FooterRightBk.jpg') no-repeat scroll top left transparent;
   height:28px;
   width:475px;
}

.MyCopyRight
{
   color:#FFFFFF;
   display:block;
   font-family:Arial;
   font-size:9pt;
   padding:5px 0px 0px 25px 
}

.MyLogin
{
  color: #C8C8C8;              /*90BDD0;*/
  font-family:Arial;
  font-size:10pt; 
  padding: 0px 25px 0px 0px;
}
.MyLogin:link
{
  color: #C8C8C8; 
  text-decoration:none;
}
.MyLogin:active
{
  color: #C8C8C8; 
  text-decoration:none;
}
.MyLogin:visited
{
  color: #C8C8C8; 
  text-decoration:none;
}
.MyLogin:hover
{
  color: #000000; 
  text-decoration:underline;
}

.MyBreadCrumb
{
   color:#355497;
   font-family: Arial;
   font-size:14px;
   padding-bottom:0px;
}
A.MyBreadCrumb:link
{
  text-decoration:none;
  color:#355497;
  font-family: Arial;
  font-size:14px;
}
A.MyBreadCrumb:active
{
  text-decoration:none;
  color:#355497;
  font-family: Arial;
  font-size:14px;
}
A.MyBreadCrumb:visited
{
  text-decoration:none;
  color:#355497;
  font-family: Arial;
  font-size:14px;
}
A.MyBreadCrumb:hover
{
  text-decoration:underline;
  color:#355497;
  font-family: Arial;
  font-size:14px;

}

.MyContactInfo
{
   color:#FFFFFF;
   display:block;
   font-family:Arial;
   font-size:9pt;
   padding:5px 25px 0px 0px; 
}

a.HomeLink
{
   color:#FFFFFF;
}
a.HomeLink:visited
{
   color:#FFFFFF;
}
a.HomeLink:active
{
   color:#FFFFFF;
}
a.HomeLink:link
{
   color:#FFFFFF;
}
a.HomeLink:hover
{
   color:#FFFFFF;
}