/* ---- Color Definitions ----------------------
If you need to change any of these colors, 
you should be able to search/replace with
the new HEX value.

Dark Grey: #3f4142
Light Grey: #929fa7

Dark Green: #7cc446
Medium Green: #c0ed6f
Light Green: #e7f8c8

/* ---- Universal ----------------------------- */

/* Forces browser height of 100% */
html {height: 100%;}

/* Body style */
body
{
    margin: 0;
    background: white;
}

/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p {font-family: tahoma; font-size: 12px; line-height: 1.4em;}

a:link
{
    color: #3f4142;
    text-decoration: underline;
}

a:visited
6{
    color: #3f4142;
    text-decoration: underline;
}
a:hover { 
    color: #c0ed6f;  
	text-decoration: none;
}


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

.SkinMaster
{
    width: 100%; height: 100%;
    vertical-align:top;
}

.ControlPanel {	background-color: White;}

#Header {vertical-align:top;}
#Header .LogoRow
{
    width:100%;
    text-align:center;
    height: 137px;
    background-image: url(Images/MaryKnoll_Spacer.png);
    background-repeat: repeat;
}
#Header .LogoRow_Tall
{
    width:100%;
    text-align:center;
    height: 207px;
    background-image: url(Images/MaryKnoll2_Spacer.png);
    background-repeat: repeat;
}

#Header .MenuRow
{
	height:15px;
	padding: 0 5px 5px 0;
    border-bottom: solid 2px #3f4142;
}
#Header .LoginRow {	padding: 0 20px 0 10px; }

#Content{  vertical-align:top; height:100%; width:100%;}
#Content .toppane 
{
    vertical-align:top;
	background-color: transparent;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom:2px;
}
#Content .leftpane 
{
    vertical-align:top;
    max-width:20%;
 	background-color: transparent;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom:2px;
}
#Content .CenterPane 
{
    vertical-align:top;
    min-width:60%;
    max-width:100%;
 	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom:2px;
}
#Content .ContentPane 
{
    vertical-align:top;
    width:100%;
 	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom:2px;
}
#Content .rightpane 
{
    vertical-align:top;
    max-width:20%;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom:2px;
}
#Content .bottompane 
{
    vertical-align:top;
	background-color: transparent;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom:2px;
}

#Content .TopContentPane
{
    vertical-align:top;
     padding-top:0px;
     padding-left:0px;
     padding-bottom:2px;
     padding-right:0px;
}

#Content .LeftContentPane 
{
    vertical-align:top;
    width:50%;
 	background-color: transparent;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 2px;
	padding-bottom:0px;
	
}
#Content .RightContentPane 
{
    vertical-align:top;
    width:50%;
 	background-color: transparent;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom:0px;
	padding-right: 0px;
	
}



#Content .AdminContentpane 
{
    width:100%;
 	background-color: transparent;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 4px;
}



#footer{ vertical-align:top; }
#footer .menuRow
{
	height:25px;
}


.SkinObjectMenu
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #3f4142;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SkinObjectMenu:link
{
    font-size: 9pt;
	text-decoration: none;
	color: #3f4142;
}
A.SkinObjectMenu:hover
{
    font-size: 9pt;
    color: #c0ed6f;
    background-color:#929fa7;
}
A.SkinObjectMenu:visited
{
    font-size: 9pt;
	text-decoration: none;
	color: #3f4142;
}

.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #3f4142; 
	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*/
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #3f4142; 
	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 6px 0px 6px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_rootmenuIndicateChild
{
    background-repeat:no-repeat;
    background-image: url(Images/Icons/Menu_Down.gif);
    background-position: right center;
}

.main_dnnmenu_itemhover
{
    color: #c0ed6f;
    background-color: #929fa7;
}
.main_dnnmenu_itemhover td
{
    color: #c0ed6f;
    background-color: #929fa7;
}

.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu
{
    background-color: white;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    padding: 1px 1px 1px 1px; /*explicitly set padding for sub-menus */
    border:solid 1px #3f4142
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.StandardButton
{
    background: gray;
    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_LtGreen.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}


.ButtonGraphic 
{
    cursor: auto;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
    border-bottom-style: none;
}


/* -------------------------------------------------------------------

These styles are used to display graphic buttons

---------------------------------------------------------------------*/
#ImageButton{ padding: 0px 5px 5px 0;}
#ImageButton .Middle
{
    background: url(Images/Buttons/Grey_Button_Middle.png) repeat-x;
    vertical-align:top;
}
#ImageButton .ButtonText
{
    color: white;
    text-decoration: none;
}
#ImageButton a:hover { 
    color: #c0ed6f;  
	text-decoration: none;
}

/*
HTML for button follows:
<div class="ImageButton Button33" style="margin-left: 50px;">
    <div class="ButtonLeft"></div>
    <div class="ButtonMiddle" style="width: 80px;"></div>
    <div class="ButtonRight"></div>
    <a class="ButtonText" href="http://www.asp.net" target="_blank" style="width: 102px;">ASP.NET</a>
</div>


    There are four styles that are used regardless of the button images used. 
    These essentially specify the common layout. 
    ImageButton specifies relative positioning because 
    the text will be positioned absolutely relative to this element.


ImageButton { position: relative; float: left;}
.ImageButton .ButtonLeft{float: left; background-repeat:no-repeat;}
.ImageButton .ButtonMiddle{float: left; background-repeat: repeat-x;}
.ImageButton .ButtonRight{float: left; background-repeat:no-repeat;}
.ImageButton .ButtonText{position: relative; text-align: center; text-decoration: none;}

 There are four styles that are specific to a particular type of button. 
    Three specify the images and their sizes. The forth specifies the text font and size.

.Button33 .ButtonLeft{ width: 30px; height: 40px; background-image: url(Images/Buttons/Grey_Button_Left.png);}
.Button33 .ButtonMiddle{height: 40px; background-image: url(Images/Buttons/Grey_Button_Middle.png);}
.Button33 .ButtonRight{ width: 32px; height: 40px; background-image: url(Images/Buttons/Grey_Button_Right.png);}
.Button33 .ButtonText{color: #ffffff;font-size: 12px;}


  Three styles specify the images for when the mouse is over 
    any part of the button. It is not necessary to specify the 
    size as these images should be the same size as the previous images

div:hover.Button33 .ButtonLeft{background-image: url(Images/Buttons/Purple_Button_Left.png);}
div:hover.Button33 .ButtonMiddle{background-image: url(Images/Buttons/Grey_Button_Middle.png);}
div:hover.Button33 .ButtonRight{background-image: url(Images/Buttons/Grey_Button_Right.png);}

  Optionally, if you want the text colour to change when the mouse 
    is over the button, you can use a style like: 

div:hover.Button33 .ButtonText
{
    color: #c0ed6f;
}