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

body{ margin-top:20px; margin-bottom:20px;background-color:#5eb6e4;}

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

.skinmaster
{
    height: 100%;
    background-color:transparent;
    border-right: #7994cb 0px solid;
    border-top: #7994cb 0px solid;
    border-left: #7994cb 0px solid;
    border-bottom: #7994cb 0px solid;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

.skinheader
{
background: url(banner.jpg) no-repeat top left;
height:176px;
}

.skingradient
{
    background-image: url(gradient_DkBlue.jpg);
    height: 30px;
}
.controlpanel
{
    width: 100%;
    background-color: #ddcca5;
}
.toppanese {
	width: 100%;
	background-color: transparent;
	color:#ffffff;
	font-family:Tahoma;
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:5px;
}
.toppane
{
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
}
.toppane_5pane
{
    width: 100%;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.buttompane_5pane
{
    width: 100%;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.leftpane_5pane
{
    width: 20%;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.rightpane_5pane
{
    width: 20%;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.contentpane_5pane
{
    width: 60%;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.leftpane
{
    width: 220px;
    background-color: transparent;
    padding-left: 5px;
    padding-right: 6px;
    padding-top: 0px;
}
.contentpane
{
    width: 240px;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.rightpane
{
    width: 370px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 5px;
    padding-top: 0px;
}
.bottompane
{
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

/*
==============================================================================
Menu Classes
==============================================================================
*/

.menupane
{
}

.MainMenu_MenuContainer
{
    background-color:#FDC82F;
    background-position: top;
    background-repeat: repeat-x;
    width: 100%;
    height: 22px;
    border: 0px 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: #dc0451;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Tahoma;
    height: 22px; /* add spaceing for the menu items */
	padding-left: 5px;
	padding-right: 5px;
}

.MainMenu_MenuIcon
{
    background-color: #FDC82F;
    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: 22px;
}
.MainMenu_SubMenu
{
    background-color: #ffe165;
    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: #fded8e;
    cursor: pointer;
    cursor: hand;
    color: #dc0451;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    height: 22px;
	padding-left: 5px;
	padding-right: 5px;
}

.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;
}

.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);
}

/*
==============================================================================
End Menu Classes
==============================================================================
*/

.StandardButton {
  background-color:#ff9900;
  color: #ffffff;
  font-family: tahoma; 
  font-size: 11px;
  font-weight: normal;
}

/* ================================
style for module titles
================================ */
.Head {
   font-family: tahoma;
   font-size:  11px;
   font-weight: bold;
   color: #000000;
}

/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead    {
color: #000000;
font-family:tahoma;
}

/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal
{color: #666;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-align:justify;
}


.Normal2
{color: #bc4f07;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-align:justify;
}


/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox
{	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	color: #000
}
.NormalRed
{color: #FF0000;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}
.NormalBold
{	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
/* ==============================
 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: #ffffff;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link {
	color: #ffffff;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}

A.SkinItem:visited  {
	color: #ffffff;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}

A.SkinItem:active   {
	color: #ffffff;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}

A.SkinItem:hover    {
	color: #ffffff;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}

.skin_topcurve
{
    background-image: url(skin_topcurve.gif);
    height: 20px;
}
.skin_footer
{
    background-image: url(skin_footer.gif);
    height: 60px;
    padding-bottom:10px;
    padding-right:40px;
    font-size: 11px;
    font-weight: normal;
	font-family: tahoma;
    color: #000000;

}
.skin_strip
{
    background-image: url(skin_strip.gif);
    background-repeat:repeat-y;
    padding:11px;
}


/* Styles for the main text and images within the Text/HTML module */
.imageleftside img
{
    border: 0px solid #CCC;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;
}
.imagerightside img
{
    border: 0px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.imageleftsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.imageleftsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.imagerightsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.imagerightsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.clear
{
    clear: both;
}
.quoteleft
{
    font: italic 105% Tahoma;
    padding: 0 10px 0 0;
    margin: 10px 10px 10px 0;
    width: 220px;
    float: left;
    text-align: right;
    border-right: 10px solid #C8CDD0;
    color: #75818A;
}
.quoteright
{
    font: italic 105% Tahoma;
    padding: 0 0 0 10px;
    margin: 10px 0 10px 10px;
    width: 220px;
    float: right;
    text-align: left;
    border-left: 10px solid #C8CDD0;
    color: #75818A;
}