/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	/*background-color: #ffffff;#fefefe;*/
}
.skinmaster {
	height: 100%;
	background-color: #ffffff;
	/*border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid;*/
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px; 
	border-right: #CED7E7 1px solid; 
	border-top: #CED7E7 1px solid; 
	border-left: #CED7E7 1px solid; 
	border-bottom: #CED7E7 1px solid;
}
.skinheader 
{
	height:130px;
	background-image: url(images/top_banner.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.skingradient {
	/*background-image: url(gradient_DkBlue.jpg);*/
	background-image: url(images/menu_bg.gif);
	height:34px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.headerpane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 250px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.Normal 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #616265;
    FONT-FAMILY: Arial
}

.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	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; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #376E8E;/*#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: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #376E8E;
}

.rootmenuitem TD{ 
	color:#fff; font-size:11pt; font-weight:bold;
	padding:0px 5px 0px 5px;
	height:34px;
	font-family: Arial;
	background-image: url(images/menu_divider.jpg);
	background-repeat:no-repeat;
	background-position: right;
}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
	color:#fff; font-size:11pt; font-weight:bold;
	background:url(images/rollover.gif) repeat transparent;
	padding:0px 5px 0px 5px;
	height:34px;
	font-family: Arial;
}

.rootmenuitem{background:transparent;}
.rootmenuitembreadcrumb{background:transparent;}
.rootmenuitemselected{background:transparent;}


.MainMenu_MenuContainer{ background:transparent; width:100%; height:1px; }
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_MenuArrow{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuBreak{ display:none; }
.MainMenu_MenuItem,.submenuitembreadcrumb{
	color:#fff;	font-size:11px;	font-weight:normal;
	padding:3px 15px 3px 10px;
	border:1px #9f6d51 solid; border-width:1px 0px;
}
.submenuitemselected{
	color:#FF0000; font-size:11px; font-weight:normal;
	padding:3px 15px 3px 10px;
	background:#FACE63;
	border:1px #9f6d51 solid; border-width:1px 0px;	
}
.submenu{
	border:1px #A7A7A7 solid;
	padding:0px;
	background:#9f6d51;/*#CBCBCB;*/
	margin-left:0px;
	margin-top:1px;
	color: #ffffff;
}
.SkinObject {
    font-weight: bold;
    font-size: 11pt;
    color: #ffffff;
    font-family: Arial;
    text-decoration: none;
}
A.SkinObject:link 
{
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
A.SkinObject:hover    {
    text-decoration:    none;
    color:#ffffff;
}

.footer,a.footer:link,a.footer:active,a.footer:visited
{
    font-size:10px;
    color:#376E8E;
    text-decoration:none;
    font-family: Arial;
}
a.footer:hover{	color:#376E8E; text-decoration:underline; }
.sc_breadcrumb,a.sc_breadcrumb:link,a.sc_breadcrumb:active,a.sc_breadcrumb:visited {
   font-family: Arial;
   font-size:  10px;
   font-weight: normal;
   color: #376E8E;
}
a.sc_breadcrumb:hover{	color:#616265; text-decoration:none; }
A:link {	COLOR: #376E8E;	TEXT-DECORATION: none}

A:visited {	COLOR: #376E8E;	TEXT-DECORATION: none}

A:hover {	COLOR: #616265;	TEXT-DECORATION: none}

A:active {	COLOR: #616265;	TEXT-DECORATION: none}

.MapDirectory {
	border-left: 1px dotted black;
	padding-left: 8px;
	margin-left: 8px;
	width: 280px;
	vertical-align: top;
	font-family: Arial;
	font-size: 10px;
	/*text-align: top;*/
}
.MapItem {
	background: #FFFFFF;
	margin: 2px;
	border: 1px solid #aaaaaa;
}
.MapItemAlt {
	background: #E2E1DD;
	margin: 2px;
	border: 1px solid #aaaaaa;
}
.MapItemHover {
	background: #DDE6EC;
	cursor: pointer;
	cursor: hand;
	margin: 2px;
	border: 1px solid #aaaaaa;
}
.MapPage {
	text-align: center;
	font-family: arial;
	font-size: 11px;
	color: black;
	font-weight: normal;
	width: 100%;
}
.MapPageItem {
	text-align: center;
	font-family: arial;
	font-size: 11px;
	color: #376E8E;
	font-weight: bold;
}
.MapPageHover {
	text-align: center;
	font-family: arial;
	font-size: 11px;
	color: #376E8E;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

TH 
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: baseline;	
    COLOR: #376E8E;
    FONT-FAMILY: Arial
}

/* Added for Lightbox */
#lightbox{	
	position: absolute;
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}
#lightbox img{ 
	width: auto; 
	height: auto;
}
#lightbox a img{ 
	border: none; 
}
#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}
#imageContainer{ 
	padding: 10px; 
}
#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}
#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}
#imageContainer>#hoverNav{ 
	left: 0;
}
#hoverNav a{ 
	outline: none;
}
#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block; 
}
#prevLink { 
	left: 0; 
	float: left;
}
#nextLink { 
	right: 0; 
	float: right;
}
#prevLink:hover, #prevLink:visited:hover { 
	background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
	background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; 
}
#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%; 
}
#imageData{	
	padding:0 10px; 
	color: #666; 
}
#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}
#imageData #caption{ 
	font-weight: bold;
}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}
#overlay{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}