/* 
================================
Skin styles for DotNetNuke
================================
*/   
Body, html
{
    background-color: #011617;
    font-family: Arial, Helvetica, Tahoma,  Sans-Serif;
    font-weight: normal;
    color: #c8ccca;
}

/* style for skin objects */
.SkinObject {
	font-weight: bold;
	font-size: 8.5pt;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Tahoma;
	text-decoration: none;
}
A.SkinObject:link {
    text-decoration:    none;
    color:#FFFFFF;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#FFFFFF;
}

A.SkinObject:hover    {
	text-decoration: underline;
	color: #DDDDDD;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#FFFFFF;
}
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #011617;
	vertical-align:top;
}
.skinmaster {
	height: 100%;
	background-color: #011617;
	border-right: #011617 1px solid; 
	border-top: #011617 0px solid; 
	border-left: #011617 1px solid; 
	border-bottom: #011617 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
	color: #c8ccca; 
}

/* 
================================
  Skin Headers for Homepage
================================
*/ 

.skinheader1 {
 	background-image: url(images/header_1_900x266.jpg);
 	height: 266px;
 	padding-left: 5px;
}
.skinheader2 {
 	background-image: url(images/header_2_900x33.jpg);
 	height: 33px;
 	padding-left: 8px;
}
.skinheader3 {
 	background-image: url(images/header_3_900x167.jpg);
 	height: 167px;
 	padding-left: 0px;
 	background-repeat:no-repeat;
}

.skingradient {
	background-color: #011617;
	height:5px;	
}

.bottomgradient{
	background-image: url(images/bottom_gradiant_1x100.jpg);
 	height: 100px;
 	background-repeat: repeat-x;
	text-align: left;
	padding-left: 18px;
	color: white;
}

.skinheader2_new{
 	background-image: url(images/header_2_900x33_new_construction.jpg);
 	height: 33px;
 	padding-left: 8px;
}
.skinheader3_new{
 	background-image: url(images/header_3_900x167_new_construction.jpg);
 	height: 167px;
 	padding-left: 0px;
 	background-repeat:no-repeat;
}


/* 
================================
  Skin Headers for New Construction
================================
*/ 

.skinheader1_new_construction{
 	background-image: url(images/header_1_900x266_new_construction.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for New Construction - Plumbing
================================
*/ 

.skinheader1_new_construction_plumbing{
 	background-image: url(images/header_1_900x266_new_construction_plumbing.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for New Construction - Heating
================================
*/ 

.skinheader1_new_construction_heating{
 	background-image: url(images/header_1_900x266_new_construction_heating.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for New Construction - Air
================================
*/ 

.skinheader1_new_construction_air{
 	background-image: url(images/header_1_900x266_new_construction_air.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for New Construction - Foundation
================================
*/ 

.skinheader1_new_construction_foundation{
 	background-image: url(images/header_1_900x266_new_construction_foundation.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for New Construction - Lighting
================================
*/ 

.skinheader1_new_construction_lighting{
 	background-image: url(images/header_1_900x266_new_construction_lighting.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for New Construction - Decks
================================
*/ 

.skinheader1_new_construction_decks{
 	background-image: url(images/header_1_900x266_new_construction_decks.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for New Construction - Kitchens
================================
*/ 

.skinheader1_new_construction_kitchen{
 	background-image: url(images/header_1_900x266_new_construction_kitchen.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Remodeling
================================
*/ 

.skinheader1_remodeling{
 	background-image: url(images/header_1_900x266_remodeling.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Remodeling - Kitchen
================================
*/ 

.skinheader1_remodeling_kitchen{
 	background-image: url(images/header_1_900x266_remodeling_kitchen.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Remodeling - Exterior
================================
*/ 

.skinheader1_remodeling_exterior{
 	background-image: url(images/header_1_900x266_remodeling_exterior.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Remodeling - Handicap
================================
*/ 

.skinheader1_remodeling_handicap{
 	background-image: url(images/header_1_900x266_remodeling_handicap.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Log Homes
================================
*/ 

.skinheader1_log_homes{
 	background-image: url(images/header_1_900x266_log_homes.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Building Green
================================
*/ 

.skinheader1_building_green{
 	background-image: url(images/header_1_900x266_building_green.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Design Services
================================
*/ 

.skinheader1_design_services{
 	background-image: url(images/header_1_900x266_design_services.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Work In Progress
================================
*/ 

.skinheader1_work_in_progress{
 	background-image: url(images/header_1_900x266_work_in_progress.jpg);
 	height: 266px;
 	padding-left: 5px;
}

/* 
================================
  Skin Headers for Contact Us
================================
*/ 

.skinheader1_contact_us{
 	background-image: url(images/header_1_900x266_contact_us.jpg);
 	height: 266px;
 	padding-left: 5px;
}



/* 
================================
            Panels
================================
*/   

.ControlPanel {
	width: 100%;
	background-color: #011617;
	BORDER-RIGHT: #C8CCCA 1px dashed;
	BORDER-TOP: #C8CCCA 1px dashed;
	BORDER-LEFT: #C8CCCA 1px dashed;
	BORDER-BOTTOM: #C8CCCA 1px dashed;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	
}
.toppane2 {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	
}

.headerpane {
	width: 900px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
    /*height: 167px;*/
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	color: #c8ccca;	
}
.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;
}

/* 
================================
Main Menu
================================
*/ 

.main_dnnmenu_container {
	background-color: transparent; 
	width: 50px;
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: transparent;
	color: #FFFFFF;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	background-color: transparent;
	color: #FFFFFF;
	font-size: 10pt; 
	font-weight: normal; 
	font-style: normal; 
	font-family: Arial, Tahoma, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 0px 12px 0px 5px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	background-color: transparent;
	color: #FFFFFF;
	font-size: 10pt; 
	font-weight: normal; 
	font-style: normal; 
	font-family: Arial, Tahoma, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {
	background-color: transparent;
	color: #C8CCCA;
}

.main_dnnmenu_itemhover td {  
	background-color: transparent;
	color: #C8CCCA; 
}
.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #325F58;
	color: #FFFFFF;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 0px 5px 0px 5px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}
.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #011617 none; 
  color: #ffffff;
  font-family: Arial, verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #011617;
	border-right: #011617 1px solid; 
	border-top: #011617 1px solid; 
	border-left: #011617 1px solid; 
	border-bottom: #011617 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-color: #011617;
	color: white;
}

/* style for module titles */
.Head {
   font-family: Arial, Tahoma,  Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #FFFFFF;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Arial, Tahoma, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #FFFFFF;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family:  Arial, Tahoma, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #FFFFFF;
}

/* 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: 11px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Arial, Tahoma, Helvetica;
  background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial, Tahoma, 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: #01BAF0;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #01BAF0;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #01BAF0;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #01BAF0;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Arial, Tahoma, Helvetica;
}

    
/* GENERIC */
A:link  {
    text-decoration:    none;
    color:  #01BAF0;
}

A:visited   {
    text-decoration:    none;
    color:  #01BAF0;
}

A:hover {
	text-decoration: underline;
	color: #01BAF0;
}

A:active    {
    text-decoration:    none;
    color:  #01BAF0;
}


/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: Red;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container
{
	background-color: white;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
/*
================================
Normal Text
================================
*/ 
/* text style used for most text rendered by modules */
.Normal, .NormalTextBox, TH, TFOOT, THEAD, TD, DIV, A
{
	font-family: Arial, Tahoma, Helvetica;
    font-size: 9pt;
    font-weight: normal;
    color: #c8ccca;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 10px;
    font-weight: normal;
    color: #c8ccca;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: white;
}

/* text style used for error messages */
.NormalRed
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

p
{   
    font-family: Arial, Tahoma, Helvetica;
    color: #c8ccca; 
    font-size: 9pt; 
} 
h1
{
	font-family: Arial, Tahoma, Helvetica;
	letter-spacing: 1px;
	color: #778580;
	font-size: 12pt;
}
h2
{
	font-family: Arial, Tahoma, Helvetica;
	color: #3C5B5B;
	font-size: 11pt;
}