/* ================================
    Default styles FOR DotNetNuke
   ================================
*/   

/* Fix page shift in FF & other Gecko browsers */
html 
{ 
	min-height: 100%; 
	margin-bottom: 1px; 
}

body
{
	margin: 0px;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica;
	text-align: center;
	background-color: #b9d6d9;
	color: #505b63;
}

table, p, li
{
	font-size: 0.9em;
	line-height: 1.4em;
}

p
{
    margin: 5px 0 5px 0;
    padding: 0;
}

.contentPane p
{
    margin: 5px 0 10px 0;
    padding: 0;
}

label, .normal, .Normal 
{
	font-family: Verdana, Arial, Helvetica;
	font-size:  1.0em;
	visibility: visible;
}

a img
{
    border: none !important;
}

.skinGradient
{
	height: 30px;
}

.Normalsmall 
{
	font-family: Century Gothic, Arial, Helvetica;
	font-size:  0.9em;
}

.linkimage_image	
{
	padding-bottom: 10px;
}

select, input, textarea
{
	font-family: Arial, Helvetica;
	font-size:  11px;
	color: #333;
}

.ControlPanel, .PagingTable 
{
    width: 850px;
    background-color: #FFFFFF;
    border: #CCCCCC 1px solid; 
    font-size: 1.2em;
}

.SkinObject 
{
    font-size: 1.0em;
    text-decoration: none;
}

A.SkinObject:link 
{
    text-decoration: none;
}

A.SkinObject:visited  
{
    text-decoration: none;
}

A.SkinObject:hover    
{
    text-decoration: underline;
}

A.SkinObject:active   
{
    text-decoration: underline;
}


/* style of item titles on edit and admin pages */
.SubHead    
{
    font-size:  1.0em;
    font-weight:    bold;
    color: #757769;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead 
{
    font-size:  1.0em;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
{
    font-size:  1.0em;
    font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-size:  1.0em;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-size:  1.0em;
    font-weight: bold;
    color: #ff0000
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-size:  11px;
    font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: Red;
    font-size:  0.9em;
    font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-size:  0.9em;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-size:  0.9em;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-size:  0.9em;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node 
{
    font-size:  1.0em;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    font-size:  1.0em;
    font-weight: normal;
	background-color: #dcdcdc; 
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height:25px;
}
.FileManager_Explorer
{
	height:100%;
	border: gray 1px solid;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList 
{
	height:100%;
	border: gray 1px solid;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox 
{
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    font-size:  1.0em;
    font-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: gray 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-size:  1.0em;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: gray 1px solid;
    height: 25px;
}

.FileManager_StatusBar
{
    font-size:  1.0em;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-size:  1.0em;
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
    font-size:  1.0em;
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem
{
    font-size:  1.0em;
    font-weight: bold;
    color: #757769;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode 
{
    font-size:  1.0em;
    font-weight: normal;
}

.FileManagerTreeNodeSelected 
{
    font-size:  1.0em;
    font-weight: normal;
	background-color: #dcdcdc; 
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
	width:650px;
}
.WizardButton
{
	border-right: gray 1px solid;
	padding-right: 2px;
	border-top: gray 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: gray 1px solid;
	padding-top: 2px;
	border-bottom: gray 1px solid;
	background-color: #EEEEEE;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height:40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size:  1.0em;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size:  0.9em;
	width: 180px;
	color: black;
	height: 300px;
}
.WizardText
{
	font-size:  1.0em;
	color: black;
}


/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size:  1.0em;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     
{
    font-size:  1.0em;
    font-weight: normal;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size:  1.0em;
	background: #dddddd;
	color: #757769;
}

    
/* GENERIC */
H1 
{
    font-size:  1.3em;
    font-weight: normal;
    font-family: Century Gothic, Arial, Helvetica;
    color: #72afb6;
    clear: both;
    margin: 5px 0px 15px 0;
    text-transform: uppercase;
}

H1.noMargin
{
	margin-bottom: 0px;
}

H1.light
{
    margin: 0 0 12px 0;
}

h1.smaller
{
    font-size: 0.9em;
}

h1.larger
{
    font-size: 1.8em;
}

H2
{
    font-size:  1.4em;
    font-weight: normal;
    font-family: Century Gothic, Arial, Helvetica;
    color: #72afb6;
    clear: both;
    margin: 0;
    text-transform: uppercase;
}

H3  
{
    font-size:  1.2em;
    font-weight: normal;
    font-family: Century Gothic, Arial, Helvetica;
    color: #72afb6;
    clear: both;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

h3.light
{
    color: #99d7db;
}

H4  
{
    font-size:  1.1em;
    font-weight:    normal;
    color: #757769;
}

H5, DT  
{
    font-size:  1.0em;
    font-weight:    bold;
    color: #757769;
}

H6
{
    font-size:  1.0em;
    font-weight:    bold;
    color: #757769;
}

TFOOT, THEAD    
{
    font-size:  1.0em;
    color: #757769;
}

TH  
{
    vertical-align: baseline;
    font-size:  1.0em;
    font-weight:    bold;
    color: #757769;
}

SMALL   
{
    font-size:  0.9em;
}

BIG {
    font-size:  1.2em;
}

BLOCKQUOTE, PRE 
{
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

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: Gray;
    height:1pt;
    text-align:left;
}

/* Module Title Menu */
.ModuleTitle_MenuBar 
{
	cursor: pointer; 
	height: 16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem 
{
	cursor: pointer; 
	color: black; 
	font-size:  1.0em; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	background-color: #EEEEEE; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	background-color: #FFFFFF; 
}

.ModuleTitle_MenuBreak 
{
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	color: black; 
	font-size:  1.0em; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow 
{
	font-family: webdings; 
	font-size:  1.0em; 
	cursor: pointer; 
}

.ModuleTitle_RootMenuArrow 
{
	font-family: webdings; 
	font-size:  1.0em; 
	cursor: pointer; 
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg {
    background-color: #CCCCCC;
}

.TabBg {
    background-color: black;
}

.SelectedTab {
    font-weight: bold;
    font-size:  1.0em;
    color: #757769;
    text-decoration: none;
}

.OtherTabs {
    font-weight: bold;
    font-size:  1.0em;
    color: #757769;
    text-decoration: none;
}

.PagingTable {
    height: 33px;
}

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
	border: solid 1px black;
	white-space: nowrap;
	background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
    background-color: navy;
    color: #757769;
    
}

/*Edit In Place Tool Bar Classes*/
.eipbackimg {
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */	
	white-space: nowrap; /* makes toolbar horizontal */
	background: url(../../images/eip_toolbar.gif);
	background-color: #99cccc;
	height: 22px;
}

.eipbuttonbackimg {	
	width: 21px;
	height: 21px;	
	cursor: pointer; /*change mouse to pointer when hover over button*/
	display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit {
	background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save {
	background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover {
	border: outset 1px;
}

/* Generic QSF module styles */
.moduleMain
{
	clear: both;
}

.contactColumn
{
    width: 305px;
	padding: 0;
	margin: 0;
	clear: none;
	float: left;
	vertical-align: top;
}

.fieldRow
{
	clear: both;
	margin: 5px 0 5px 0;
}

html>body .fieldRow
{
	height: auto;
	min-height: 24px;
}

.rightColEmpty
{
    float: left;
	clear: right;
	width: 190px;
}

.rightColEmpty input
{
	border: solid 1px #505b63;
	background-color: #d0e3e7;
	width: 166px;
	height: 14px;
	color: #505b63;
	margin: 3px 0 10px 0;
	padding: 4px 0 3px 4px;
}

.rightColEmpty img
{
    margin-bottom: 3px;
}

.leftCol
{
	float: left;
	clear: left;
	width: 110px;
	padding-top: 5px;
}

.rightCol
{
	float: left;
	clear: right;
	width: 190px;
	height: 22px;
	background-color: #d0e3e7;
	border: solid 1px #505b63;
}

.rightCol input, .rightCol select
{
	border: none !important;
	background-color: #d0e3e7;
	width: 166px;
	height: 14px;
	color: #505b63;
	margin: 0;
	padding: 4px 0 0 4px;
}

.rightCol select
{
    padding: 0px;
    height: 19px;
    width: 190px;
}

.rightColLarge
{
	float: left;
	clear: right;
	width: 190px;
	height: 80px;
	background-color: #d0e3e7;
	border: solid 1px #505b63;
	margin-bottom: 5px;
}

.rightColLarge textarea
{
	border: none !important;
	background-color: #d0e3e7;
	font-family: Verdana, Arial, Helvetica;
	width: 166px;
	height: 75px;
	color: #505b63;
	margin: 0;
	padding: 4px 0 0 4px;
	overflow: hidden;
}

.buttonContainer
{
    padding-top: 15px;
    clear: both;
}

.captchaErrorSummary
{
	color: #ef2e24;
	background-color: #d0e3e7;
	border: solid 1px #ef2e24;
	margin: 5px 0 5px 0;
	padding: 10px;
	text-align: center;
	width: 170px;
}

.errorSummary
{
	color: #ef2e24;
	background-color: #d0e3e7;
	border: solid 1px #ef2e24;
	margin: 5px 0 5px 0;
}

.errorSummaryTitle
{
	color: #ef2e24;
	margin: 5px 0 0 10px;
}

.errorSummary ul
{
	color: #ef2e24;
	margin: 10px 10px 10px 20px;
	padding: 0;
}

html>body .errorSummary ul
{
	margin-left: 10px;
}

.errorSummary li
{
	color: #ef2e24;
	margin: 0 0 3px 15px;
}

.errorIcon
{
	color: #ef2e24;
	vertical-align: -1px;
}

html>body .errorIcon
{
	vertical-align: -4px;
}
