/* 
================================
Skin styles for DotNetNuke
================================
*/   
body
{
    background-color:#dddddd;
}

.Normal
{
    font-size:11pt;
    font-family:Tahoma,Arial,Sans-serif;
    color:#000;
}
td, th, div
{
    font-size:11pt;
    font-family:Tahoma,Arial,Sans-serif;
    color:#000;
}

.row1margin
{
    width:50%;
    vertical-align: top;
    background-color:#fff;
}
.row1leftshadow
{
    width:24px;
    background-color:#fff;
    background-image:url(images/row1shadow_left.jpg);
    background-position: top right;
    background-repeat:repeat-y;
}
.row1rightshadow
{
    width:24px;
    background-color:#fff;
    background-image:url(images/row1shadow.jpg);
    background-position: top left;
    background-repeat:repeat-y;
}
.row1content
{
    width:800px;
    height:175px;
    background-image:url(images/sewingbanner.jpg);
    background-position:top;
    background-repeat:no-repeat;
}

.row2margin
{
    width:50%;
    vertical-align: top;
    background-color:#9fa8b9;
    height:70px;
}
.row2leftshadow
{
    width:24px;
    background-color:#9fa8b9;
    background-image:url(images/row2shadow_left.jpg);
    background-position: top right;
    background-repeat:repeat-y;
    height:70px;
}
.row2rightshadow
{
    width:24px;
    background-color:#9fa8b9;
    background-image:url(images/row2shadow.jpg);
    background-position: top left;
    background-repeat:repeat-y;
    height:70px;
}
.row2content
{
    width:800px;
    background-image:url(images/row3.jpg);
    background-position:top;
    background-repeat:no-repeat;
    height:70px;
}

.row3margin
{
    width:50%;
    height:258px;
    vertical-align: bottom;
    background-color:#c4cad6;
    background-image:url(images/row3margin.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
}
.row3leftshadow
{
    width:24px;
    height:258px;
    vertical-align:bottom;
    background-color:#c4cad6;
    background-image:url(images/row3shadow_left.jpg);
    background-position: top right;
    background-repeat:repeat-y;
}
.row3rightshadow
{
    width:24px;
    height:258px;
    vertical-align:bottom;
    background-color:#c4cad6;
    background-image:url(images/row3shadow.jpg);
    background-position: top left;
    background-repeat:repeat-y;
}
.row3content
{
    height:258px;
}

.row4margin
{
    width:50%;
    vertical-align: top;
    background-color:#fff;
    background-image:url(images/row4margin.jpg);
    background-repeat:repeat-x;
}
.row4leftshadow
{
    width:24px;
    background-color:#fff;
    background-image:url(images/row4shadow_left.jpg);
    background-position: top right;
    background-repeat:repeat-y;
}
.row4rightshadow
{
    width:24px;
    background-color:#fff;
    background-image:url(images/row4shadow.jpg);
    background-position: top left;
    background-repeat:repeat-y;
}

.row5margin
{
    width:50%;
    vertical-align: top;
    background-color:#8894aa;
}
.row5leftshadow
{
    width:24px;
    background-color:#8894aa;
    background-image:url(images/row5shadow_left.jpg);
    background-position: top right;
    background-repeat:repeat-y;
}
.row5rightshadow
{
    width:24px;
    background-color:#8894aa;
    background-image:url(images/row5shadow.jpg);
    background-position: top left;
    background-repeat:repeat-y;
}
.row5content
{
    background: url(images/row5bg.jpg);
    background-position:bottom;
   background-repeat:repeat-x;
}

.logo
{
    vertical-align:bottom;
    width:560px;
    
    height:149px;
    text-align:right;
    padding-bottom:25px;
}

.headerright
{
    height:149px;
    width:300px;
    padding:15px;
}
.menubarleft
{
    height:20px;
    width:270px;
}
.menubar
{
    height:20px;
    width:487px;
}

.rightpane
{
   background-color:#8087a3;
   background-image:url(images/rightpanebg.jpg);
   background-position:bottom;
   background-repeat:repeat-x;
   padding:10px 0px 10px 0px;
}
.contentpane
{
    background-color:#c3c9d5;
   background-image:url(images/contentpanebg.jpg);
   background-position:bottom;
   background-repeat:repeat-x;
}
.bottomleftheader
{
    height:25px;
    padding-left:10px;
}
.bottomrightheader
{
   height:25px;
    padding-right:10px;
}
.bottomleftcontent
{
   background-image:url(images/rightpanebg.jpg);
   background-position:bottom;
   background-repeat:repeat-x;
   background-color:#777e9b;
   border-left:1px solid #000;
}
.bottomrightcontent
{
   background-image:url(images/rightpanebg.jpg);
   background-position:bottom;
   background-repeat:repeat-x;
   background-color:#777e9b;
}

.usercss,
A.usercss:link,
A.usercss:active,
A.usercss:visited			{font-weight:normal; font-family:arial, sans-serif; font-size:12px;	color:#444;	TEXT-DECORATION:none;}
A.usercss:hover				{font-weight:normal; font-family:arial, sans-serif; font-size:12px; color:#666; TEXT-DECORATION:underline;}

.bottomcss,
A.bottomcss:link,
A.bottomcss:active,
A.bottomcss:visited			{font-weight:normal; font-size:11px; color:#757c99; TEXT-DECORATION:none; font-family:Arial, Sans-Serif;}
A.bottomcss:hover			{font-weight:normal; font-size:11px; color:#666; TEXT-DECORATION:underline; font-family:Arial, Sans-Serif;}

.Head					{font-size:11px; color:#000000; font-weight:bold}
.SubHead				{font-size:11px; color:#999999}
.SubSubHead				{font-size:11px; color:#000}
.Normal 				{font-size:11px;}

.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active		{color:#868686; TEXT-DECORATION:none }
A.CommandButton:hover		{color:#fff;TEXT-DECORATION:underline}

A,
A:link,
A:visited,
A:active					{color:#000; TEXT-DECORATION:none}
A:hover						{color:#fff; TEXT-DECORATION:underline}

.links,
A.links:link,
A.links:active,
A.links:visited			{font-weight:normal; font-size:11px; color:#000; TEXT-DECORATION:none}
A.links:hover			{font-weight:normal; font-size:11px; color:#fff; TEXT-DECORATION:underline}


.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, 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: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 

}
.main_dnnmenu_break {
	height: 0px;
	font-size: 0px;
}

.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; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.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; 

}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}


