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

.pagemaster {
	width: 770px;
	height: 100%;	
	background-color: #ffffff;
}
.skinmaster {
	height: 100%;
	background-color: #ffffff; 
	width: 770px
	/*
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
*/ 
}
.skinheader 
{
	background-color: #ffb300; 
}
/*
======================
Gradient for the links at the bottom of the page
======================
*/
.leftlogo {
	background-image: url(gradient_menu_vertical.jpg);
	background-color: #ffb300; 
	background-repeat: repeat-x;
	border: 0px solid #FF9900;
	padding-top:52px;
}
.rightlogo {
	background-image: url(gradient_menu_vertical.jpg);
	background-color: #ffb300; 
	background-repeat: repeat-y;
	border: 0px solid #FF9900;
}
.skingradient {
	background-image: url(gradient_copyright.jpg);
	background-color: #ffb300; 
	background-repeat: repeat-y;
	height:30px;
	border: 1px solid #FF9900;
}
.controlpanel {
	width: 100%;
	background-color: #FF9900;
}
.contentpane {
	width: 75%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	border: 1px solid #FF9900;

}
.rightpane {
	width: 25%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	border: 1px solid #FF9900;
	 font-size:large;
	 font-weight:bold; 
}
.toppanese {
	width: 60%;
	background-color: white;
	padding-top: 0px;
	font-size: large;
}
.toppaneser {
	width: 30%;
	background-color: white;
	font-size: large;
	padding-top: 0px;
}
/* ===============
Content Panes - not yet implemented 
Do Not Delete - keep for future use
==================

.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	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;
}
========================================
*/
.menupane {
    padding-top: 6px;
    padding-right: 6px;
    padding-left:0px;
    background-image: url(gradient_menu_vertical.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #ffd900;

}    
 /*  
.MainMenu_MenuContainer {
	background-color: #FFFFFF; 
	background-image: url(gradient_menu_vertical.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 7px;
	padding-top: 0px;
	width: 100%;
	height: 100px;
	border: 1px solid #FF9900;	
}
/* Don't need menu bar in vertical menu
=====================
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
======================
*/
 /*
.MainMenu_MenuItem {
	border-left: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
	border-top: #000000 0px solid; 
	border-right: #000000 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	height: 27px;
}
.MainMenu_MenuIcon {
	background-color: #FFF56C; 
	border-left: #cad5ea 0px solid; 
	border-bottom: #cad5ea 0px solid; 
	border-top: #cad5ea 0px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 27px;
}
.MainMenu_SubMenu {
	background-color: #FFCC00;  
	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: #FF6600; 
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Verdana,Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 27px;
}
.MainMenu_MenuArrow {
	border-right: #cad5ea 0px solid; 
	border-bottom: #cad5ea 0px 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;
}

/*=================
Don't need treemenu on this skin
============================
.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);
}

/* ==========================
 CSS Styles for the HouseMenu Skin Object
=============================
*/
#HouseMenuNav
{
    background-color: #ffd900;
    background-image: url(gradient_menu_vertical.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 0px;
    border: 0px solid #FF9900;
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight:  200;
}
#HouseMenuNav a
{
    /* all links within the menu wrapper
    IE needs a width or height statement to prevent it from creating large
    gaps between each menu item */
    width: 95%;
}
#HouseMenuNav ul
{
    /* all menu lists */
    padding: 0;
    border: 0;
    margin: 0;
    list-style: none;
}
#HouseMenuNav li
{
    /* all links within the menu wrapper */
    list-style: none;
}
#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
    /*main colour of the menu links */
    margin: 0;
    display: block;
    padding: 0px 5px 5px 0.5em;
    background-color: transparent;
    color: #080049;
    text-decoration: none;
    /*add for the opera browser */
    font-weight: bold;
}
#HouseMenuNav li a:hover
{
    background-color: #FF6600;
}
#HouseMenuNav ul ul
{
    /* sub menu items */
    margin-left: 0px;
    width: 105px;
}


/*
===========================
*/
.StandardButton {
  background: #FF9900 none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
/* ================================
style for module titles
================================ */
.Head {
   font-family: Verdana, Tahoma, Arial, Helvetica;
   font-size:  14px;
   font-weight: bold;
   color: #080049;
}
/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead    {
color: #080049;
}
/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal
{color:  #080049;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 11px;
}

/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox
{	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 11px;
	color: #080049
}
.NormalRed
{color: #FF0000;
	font-family: verdana, tahoma, arial;
	font-weight: bold;
	font-size: 11px;
}
.NormalBold
{	font-family: verdana, tahoma, arial;
	font-size: 11px;
	font-weight: bold;
	color: #080049;
}
/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
- SkinItems -  Login and Register links, Breadcrumb, Copyright, Date,
- Help, Hostname, Privacy, Terms, Search
================================== */

/* This is the Date eg. any items that are not links */
.SkinItem {
	color: #FF9900;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 11px;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link {
	color: #FF9900;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 11px;
}

A.SkinItem:visited  {
	color: #FF9900;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 11px;
}

A.SkinItem:active   {
	color: #FF9900;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 11px;
}

A.SkinItem:hover    {
	color: #FF0000;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 11px;
}
/* =======================
 HTML Tag Styles 
=========================== */
H1  {font-family: verdana, tahoma, arial;
	font-size: 13px;
	font-weight: bold;
	color: #080049;
}

H2  {font-family: verdana, tahoma, arial;
	font-size: 13px;
	font-weight: normal;
	color: #080049;
}

H3  {font-family: verdana, tahoma, arial;
	font-size: 12px;
	font-weight: normal;
	color: #080049;
}

H4  {font-family: verdana, tahoma, arial;
	font-size: 11px;
	font-weight: normal;
	color: #080049;
}

H5, DT  {font-family: verdana, tahoma, arial;
	font-size: 10px;
	font-weight: normal;
	color: #080049;
}

H6  {font-family: verdana, tahoma, arial;
	font-size: 9px;
	font-weight: normal;
	color: #080049;
}