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

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

.skinmaster {
	height: 100%;
	background-color: #FFFFFF; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}

.skinheader {
	background-color:#004890
}

/*
======================
Gradient for the links at the bottom of the page
======================
*/
.skingradient {
	/*background-image: url(gradient_copyright.jpg);*/
	background-color: #FFFFFF; 
	background-repeat: repeat-y;
	height:30px;
	border: 1px solid #FFFFFF;
}
.controlpanel {
	width: 100%;
	background-color: #FFFFFF;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.toppanese {
	/* width: 100%; */
	background-color: transparent;
}

.leftpane
{
	background-color: #cdd3e7;
}

/* ===============
Content Panes - not yet implemented 
Do Not Delete - keep for future use
==================

.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.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;
}
========================================
*/
.menupane 
{
    padding-top: 6px;
    padding-right: 0px;
}    
   
.MainMenu_MenuContainer {
	background-color: #FFFFFF; 
	background-image: url(images/MenuNormal.jpg);
	background-position: left top;
	background-repeat: repeat;
	padding-left: 5px;
	padding-right: 7px;
	padding-top: 0px;
	width: 308px;
	height: 100px;
	border: 1px solid;	
}
/* 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: #000000; 
	font-size: 11pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Helvetica, Arial;
	height: 27px;
	color: White;
}
.MainMenu_MenuIcon 
{
	/*
	background-color: #FFF56C; 
	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: 27px;
	*/
	display: none; 
}
.MainMenu_SubMenu
{
	background-color: #5973ac;
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	filter: progid:DXImageTransform.Microsoft.Shadow(color= '#696969' , Direction=135, Strength=3);
	border-left: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
	border-top: #000000 0px solid; 
	border-right: #000000 0px solid;
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	/*background-color: #FF6600;*/ 
	background-image: url(images/MenuSel.jpg);
	cursor: pointer; 
	cursor: hand; 
	color: white; 
	font-family: Helvetica, Arial;
	font-size: 11pt; 
	font-weight: bold; 
	font-style: normal;
	height: 27px;
}
.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;
*/
	display: none;  
}
.MainMenu_RootMenuArrow 
{
	/*
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	*/
	display: none; 
}

/*=================
Don't need treemenu on this skin
============================
.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);
}
===========================
*/
.StandardButton {
  /*
	background: #999999 none; 
	color: #ffffff;
	font-family: verdana, sans-serif; 
	font-size: 11px;
	font-weight: normal;
*/
}
/* ================================
style for module titles
================================ */
.Head {
   font-family: Helvetica, Arial;
   font-size:  14px;
   font-weight: bold;
   color: #333333;
}
/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead    {
color: #666;
}
/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal
{color: #000;
	font-family: Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
}

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

A.SkinItem:visited  {
	color: #FF9900;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
}

A.SkinItem:active   {
	color: #FF9900;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
}

A.SkinItem:hover    {
	/*color: #FF0000;*/
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
}
/* =======================
 HTML Tag Styles 
=========================== */
H1  {font-family: Helvetica, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #CCC;
}

H2  {font-family: Helvetica, Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}

H3  {font-family: Helvetica, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
}

H4  {font-family: Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #CCC;
}

H5, DT  {font-family: Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #CCC;
}

H6  {font-family: Helvetica, Arial;
	font-size: 9px;
	font-weight: normal;
	color: #CCC;
}


.TitleText
{
	color: white;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
}

a.TitleText
{
	color: white;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
}

a.TitleText:visited
{
	color: white;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
}

a.TitleText:active
{
	color: white;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
}

a.TitleText:hover
{
	color: white;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
}


.vqfooter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqfooter:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqfooter:visited  
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqfooter:active   
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqfooter:hover    
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

.vqlinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqlinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqlinks:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqlinks:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqlinks:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}

a.vqlinks:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-right: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366
}


/* VQ Sales */

#VQSales
{
	padding-left: 10px;
	padding-right: 10px;
}

#VQSales .Header1, .Header2, .Header2Center, .Header3, .Header3Center 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #004990;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#VQSales .Header1
{
	font-size: 16pt;
	text-align: left;
	font-weight:bold;
}

#VQSales  .Header2
{
	font-size: 14pt;
	text-align: left;
	font-weight:bold;
}

#VQSales  .Header2Center
{
	font-size: 14pt;
	text-align: center;
	font-weight:bold;
}

#VQSales .Header3
{
	font-size: 11pt;
	text-align: left;
	font-weight:bold;
}

#VQSales .Header3Center
{
	font-size: 11pt;
	text-align: center;
	font-weight:bold;
}

#VQSales .NormalLead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px; 
	margin-right: 3px;
	margin-top: 0em;
	margin-bottom: 1em;
	font-weight: bold;
	color: #004990;
}

#VQSales .NormalBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	border-color: black;
	border-style: solid;
	border-width: 1px;
	margin: 5px, 5px, 5px, 0px;
	padding: 5px, 4px, 4px, 4px;
}


#VQSales .Normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-right: 20px;
	margin-top: 0em;
	margin-bottom: 1em;
}

#VQSales .NormalCenter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	text-align: center;
	margin-top: 0em;
	margin-bottom: 1em;
}

#VQSales ul 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	list-style-type: none;
	padding: 0;
	margin-top:0; 
	margin-bottom:0;
	list-style-position:outside;
	margin:0px 0px 0px 20px;
}

#VQSales ol 
{
	margin-left: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	list-style-type: decimal;
	list-style: decimal;
}

#VQSales li 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	/*background-image: url(Images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .25em;
	padding-left: 1em;*/
	list-style-image: url(Images/bullet.gif); 
	display:list-item; 
}


#VQSales li.number
{
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	background-image: none
}


#VQSales p
{
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0px;
	padding-bottom: 0px;
}