/* 
================================
Skin styles for DotNetNuke
================================
*/   
body {
    width: 100%;
    height: 100%;
    color: #53381e;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 12px;
	background: #eae3d8 none;
	background: #f7f3ef url('bg_lightacanthus.jpg') repeat scroll left top;
}

.pagemaster {
	width: 100%;
	height: auto;	
	margin: 0px;
	padding: 0px;
	background: #eae3d8 none;
	background: #f7f3ef url('bg_lightacanthus.jpg') repeat scroll left top;
}

/*for fixed width layout*/
.skinmaster {
	height: 100%;
	width: 770px;
	background: #eae3d8 none;
	border-right: #53381e 2px solid; 
	border-top: #53381e 2px solid; 
	border-left: #53381e 2px solid; 
	border-bottom: #53381e 2px solid; 
    padding: 0px;
    margin: 0px;
}

/*set width to be the width of skinmaster setting to
  maintain proper layout above the skinmaster table */
.skinmaster_date_login {
    width: 770px;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

/*full width layout is 95% of screen width*/
.skinmaster_fw {
	height: 100%;
	width: 95%;
	background: #f4ece2 none;
	border-right: #53381e 2px solid; 
	border-top: #53381e 2px solid; 
	border-left: #53381e 2px solid; 
	border-bottom: #53381e 2px solid; 
    padding: 0px;
    margin: 0px;
}

/*set width to be the width of skinmaster_full setting to
  maintain proper layout above the skinmaster table */
.skinmaster_date_login_fw {
    width: 95%;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.skinheader {
    background: #000000 url('dnnstyle_header_bg.jpg') repeat-x scroll left top;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.skinheader2_v {
    background: #be844c url('stripebottom_rusty.jpg') repeat-x scroll left top;
    padding: 0px;
    margin: 0px;
}

.controlpanel {
	width: 100%;
	background-color: #fefefe;
}

.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.topleftpane {
	width: 33%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.topmiddlepane {
	width: 34%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.toprightpane {
	width: 33%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.topright2pane {
	width: 50%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.topleft2pane {
	width: 50%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.leftpane {
	width: 190px;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.rightpane {
	width: 190px;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.bottomleftpane {
	width: 33%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.bottommiddlepane {
	width: 34%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.bottomrightpane {
	width: 33%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.footerpane {
	width: 100%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.footerleftpane {
	width: 50%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.footerrightpane {
	width: 50%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

/*panes and settings exclusive to full width layout*/
/*main content areas in full width layout*/
.leftsidebar {
	width: 250px;  
	/*use pixel setting for width, if percent used and leftsidebar is empty,
      it will still show up as a blank area on screen.  Use percent for width
      only if there is actual content in the leftsidebar because of this quirk.*/
	background-color: transparent;
	padding: 5px;
	margin: 0px;
}

.contentareawidth {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

/*pane used under menu in vertical menu full width
  and as sidebar in horizontal menu full width*/
.undermenupane {
    width: 250px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
    margin: 0px;
}

/* ********** Menu Styles ************** */
.menu_bg {
    background: #56630b url('dnnstyle_menu_bg.jpg') repeat-x scroll left top;
    padding: 0px; margin: 0px; border: solid 0px #000000;
    height: 33px; vertical-align: top; border-bottom: solid 1px #000000;
}

/*background for vertical menu*/
.menu_bg_v {
    background: #c79764 url('dnnstyle_menucontainer_v.jpg') repeat-x scroll left top;
    padding: 3px; margin: 0px; border: solid 2px #53381e;
    vertical-align: top;
}

.MainMenu_MenuContainer {
    background: transparent none;
    width:100%; padding: 0px; margin: 0px; border: 0px;
    vertical-align: top;
}

.MainMenu_MenuBar {
    padding: 0px; margin: 0px; border: 0px;
    vertical-align: top;
}

.MainMenu_MenuIcon{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuArrow{ display:none; }

/*---------Root Menu Separator---------------*/
.MainMenu_MenuBreak {
    display: none;
    height: 0px; width: 0px;
    background: transparent none;
    border-top-width: 0px; border-right-width: 0px;
    border-bottom-width: 0px; border-left-width: 0px;
    padding: 0px; margin: 0px; vertical-align: top;}
.ModuleTitle_MenuItemSel {background-color: transparent;}
.MainMenu_MenuItemSel {background-color: transparent; vertical-align: middle;}
/*for vertical menu*/
.MainMenu_MenuBreak_v {
    height: 1px; width: 1px;
    background: transparent none;
    border-top-width: 0px; border-right-width: 0px;
    border-bottom-width: 0px; border-left-width: 0px;
    padding: 0px; margin: 0px; vertical-align: middle;}

/*---------Sub Menu style---------------*/
.MainMenu_MenuItem {
	font-family: Verdana, Arial, Sans-Serif; 
	color: #eae3d8;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 11px 3px 3px;
	background-image: url('dnnstyle_menu_bg.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #56630b;
	border: 1px #53381e solid;
	border-width: 1px 1px;
}
.submenuitembreadcrumb, .submenuitembreadcrumb td {
	font-family: Verdana, Arial, Sans-Serif; 
	color: #eae3d8;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 11px 3px 3px;
	background-image: url('dnnstyle_menu_bread.jpg');
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #000000;
	border: 1px #53381e solid;
	border-width: 1px 1px;
}

.submenuitemselected, .submenuitemselected td {
	font-family: Verdana, Arial, Sans-Serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 11px 3px 3px;
	border: 1px #53381e solid;
	background-image: url('dnnstyle_menu_hover.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #cbac67;
}

.submenu {
	color: #eae3d8;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	padding: 1px;
	margin-top: -1px;
	margin-left: 0px;
	background-color: #696c55;
	border: solid 2px #53381e;
}

/*submenu for vertical menu, margin settings different for
  proper alignment with vertical menu offsets*/
.submenu_v {
	color: #eae3d8;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	padding: 1px;
	margin-top: 1px;
	margin-left: -1px;
	background-color: #d3b66f;
	border: solid 2px #53381e;
}

.submenuitemselected_v, .submenuitemselected_v td {
	font-family: Verdana, Arial, Sans-Serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 11px 3px 3px;
	border: 1px #53381e solid;
	background-image: url('dnnstyle_menu_hover.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #b07740;
}

/*---------Root Menu style---------------*/
.rootmenuitem TD { padding:0; margin:0;}
.rootmenuitem TD {
    color: #eae3d8;
    background-image: url('spacer.gif');
    background-position: top center;
    background-repeat: repeat;
    background-color: Transparent;
    height: 29px;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    _margin: 0px 0px 0px 0px;
    text-decoration: none;
    vertical-align: middle;
	text-align: center;
	border-left: solid 1px #4b4c3e;
	border-right: solid 1px #4b4c3e;
	border-top: solid 0px transparent;
	border-bottom: solid 0px transparent;
}

.rootmenuitemselected TD { padding:0; margin:0;}
.rootmenuitemselected TD {
	color: #ffffff;
	background-image: url('dnnstyle_menu_hover.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	height: 29px;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    _margin: 0px 0px 0px 0px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	border-left: solid 1px #4b4c3e;
	border-right: solid 1px #4b4c3e;
	border-top: solid 0px transparent;
	border-bottom: solid 0px transparent;
}

.rootmenuitembreadcrumb TD { padding:0; margin:0;}
.rootmenuitembreadcrumb TD {
	color: #eae3d8;
	background-image:url('dnnstyle_menu_bread.jpg');
	background-position: top left;
	background-repeat:repeat-x;
	height: 29px;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    _margin: 0px 0px 0px 0px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	border-left: solid 1px #4b4c3e;
	border-right: solid 1px #4b4c3e;
	border-top: solid 0px transparent;
	border-bottom: solid 0px transparent;
}

/*---------Vertical Root Menu style---------------*/
.menuborder {
    border-left: solid 1px #53381e;
    border-right: solid 1px #53381e;
    border-top: solid 2px #53381e;
    border-bottom: solid 2px #53381e;
    background: #53381e url('dnnstyle_menucontainer_v.jpg') repeat-x scroll left bottom;
    padding: 0px;
    margin: 5px;
    height: -1px;
}

.rootmenuitem_v TD { padding:0; margin:0;}
.rootmenuitem_v TD {
    color: #eae3d8;
    background-image: url('dnnstyle_menu_bg_v.jpg');
    background-position: top left;
    background-repeat: repeat;
    background-color: Transparent;
    height: 29px;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    _margin: 0px 0px 0px 0px;
    text-decoration: none;
    vertical-align: middle;
	text-align: center;
	border-left: solid 1px #53381e;
	border-right: solid 1px #53381e;
	border-top: solid 0px #53381e;
	border-bottom: solid 2px #53381e;
}

.rootmenuitemselected_v TD { padding:0; margin:0;}
.rootmenuitemselected_v TD {
	color: #ffffff;
	background-image: url('dnnstyle_menu_hover.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #b07740;
	height: 29px;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    _margin: 0px 0px 0px 0px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	border-left: solid 1px #53381e;
	border-right: solid 1px #53381e;
	border-top: solid 0px #53381e;
	border-bottom: solid 2px #53381e;
}

.rootmenuitembreadcrumb_v TD { padding:0; margin:0;}
.rootmenuitembreadcrumb_v TD {
	color: #eae3d8;
	background-image: url('dnnstyle_menu_bread.jpg');
	background-position: top left;
	background-repeat:repeat-x;
	height: 29px;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    _margin: 0px 0px 0px 0px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	border-left: solid 1px #53381e;
	border-right: solid 1px #53381e;
	border-top: solid 0px #53381e;
	border-bottom: solid 1px #53381e;
}

.StandardButton {
  background: #56630b none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #56630b;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #56630b;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	text-align: justify;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #741821;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.SkinObject
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #53381e;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #56630b;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #56630b;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #741821;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #56630b;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: #56630b;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: #56630b;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: #741821;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: #56630b;
}

/* GENERIC */
H1
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #828769;
}

H2
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #828769;
}

H3
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #56630b;
}

H4
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #56630b;
}

H5, DT
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #56630b;
}

H6
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #56630b;
}

TFOOT, THEAD
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #56630b;
}

TH
{
	vertical-align: baseline;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #56630b;
}

A:link
{
	text-decoration: none;
	color: #828769;
}

A:visited
{
	text-decoration: none;
	color: #828769;
}

A:hover
{
	text-decoration: underline;
	color: #741821;
}

A:active
{
	text-decoration: none;
	color: #828769;
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type: square;
	padding: 0px 20px 7px 0px;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
OL UL LI
{
	list-style-type: disc;
}

hr {
    color: #53381e;
	height: 1pt;
	text-align: left;
}

/* ********** Style of Search ************** */
/*this formats the search text*/
.search_css {
    vertical-align: middle;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 11px;
    color: #53381e;
    border: solid 0px #53381e;
    padding: 2px;
    margin: 0px;
}

a.search_css:link, a.search_css:active, a.search_css:visited {
    color: #56630b;
}

a.search_css:hover {
    text-decoration: none;
}

/*this is for the background of search area*/
#SearchContainer {
    border: solid 1px #53381e;
    padding: 0px;
    margin: 5px;
    background: #53381e url('search_goldgrad_02.jpg') repeat scroll left top; /*#eae3d8 none;*/
    vertical-align: middle;
    height: 26px;
}

/* the search textbox area */
#SearchContainer input {
    font-size: 11px;
    height: 19px;
    background-color: #f7f3ef;
    border: solid 1px #53381e;
    color: #53381e; 
    padding: 2px 3px 2px 3px;
    margin: 0px;
    vertical-align: middle;
}

#dnn_dnnSEARCH_txtSearch {
    font-size: 11px;
    height: 19px;
    background-color: #f7f3ef;
    border: solid 1px #53381e;
    color: #53381e; 
    padding: 2px 3px 2px 3px;
    margin: 0px;
    vertical-align: middle;
}

/* ********** Style of Breadcrumb token **** */

.breadcrumbarea {
    padding: 5px;
    margin: 0px;
    vertical-align: top;
}

.breadcrumb_token {
    color: #53381e;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma, Arial, Sans-Serif;
    text-align: left;
    line-height: 11px;
    letter-spacing: normal;
    padding: 0px;
    margin: 0px;
}

a.breadcrumb_token:link, a.breadcrumb_token:visited, a.breadcrumb_token:active {
    color: #828769;
}

a.breadcrumb_token:hover {
    color: #741821;
}

.breadcrumb_token_v {
    color: #53381e;
    font-size: 10px;
    font-weight: normal;
    font-family: Tahoma, Arial, Sans-Serif;
    text-align: left;
    line-height: 11px;
    letter-spacing: normal;
    padding: 0px;
    margin: 0px;
}

a.breadcrumb_token_v:link, a.breadcrumb_token_v:visited, a.breadcrumb_token_v:active {
    color: #828769;
}

a.breadcrumb_token_v:hover {
    color: #741821;
}

.footerstripe {
    background: #000000 url('footerstripe.jpg') repeat scroll left top;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-top: solid 2px #000000;
    border-bottom: solid 3px #000000;
}

.footer {
    background: #eae3d8 none;
    padding: 2px;
    margin: 0px;
}

/*text in the admin header*/

.admin_head_sm {
    color: #cbac67;
    font-size: 12px;
    font-family: Book Antiqua, Times New Roman, Serif;
    font-weight: bold;
    letter-spacing: 5;
}

.admin_head_lrg {
    color: #abb18a;
    font-size: 16px;
    font-family: Book Antiqua, Times New Roman, Serif;
    font-weight: bold;
    letter-spacing: 5;
}

.adminheader {
    background: #000000 url('dnnstyle_header_bg.jpg') repeat-x scroll left top;
    padding: 0px;
    margin: 0px;
    border: solid 0px #53381e;
}

















