/* 
========================================================
Cascading Style Sheet for Virtual Systems Corporation
created by J. B. Lojko (Virtual Systems Corporation)
Created: 15 July 2008
Modified:
========================================================
========================================================
           Table of Contents
========================================================
  1 Universal
  2 Skin Objects / Classes
  3 Layout
  4 Links
  5 Text
  6 Forms
  7 Main Menu
  8 Module Menus
*/

/*
======================================================
 1 Universal / Reset                                   
======================================================
*/
/* Used to negate all browser defaults and behaviors associated with html elements
* { margin:0; padding:0; font-size:100%} 
*/

#Page {height:100%}
html {height:100%; color:#000; background:#FFF; font-family: Verdana, Serif}
dl,dt,dde,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,th,td{font-weight: normal; font-family: Verdana, Tahoma, Sans-Serif; font-size: 12px; line-height: 18px}
table {border-collapse: collapse; clear: left; border-spacing: 0}
th, td {text-align: left; padding: 0}

/* Body Style */
body {background: #FFF url(images/body_bg.gif) top repeat-x; height:100%}
 
/* 
======================================================
  2 Skin Objects / Classes
======================================================
*/
/* use margin: 0 auto to center the skin for non IE browsers */
.main {height: 100%;width: 920px;background-color: Transparent; margin: 0 auto}

/* The admin control panel */
.controlpanel {width: 920px; background-color: Transparent; border: solid 0 white}
.currentdate  {color: #434A5D;font-size: 9px;font-weight: lighter}
.logonav {float: left; width: 918px; height: 55px; margin-top: 15px}
.left {float: left}
.right {float: right}

.slogan {border-bottom:4px solid #b3b3b3; border-top:1px solid #b3b3b3; padding-bottom:1px; width: 100%}
.inner {border-bottom:1px solid #b3b3b3; padding: 5 0 5px 0; width: 100%}
.banner {border-top: 1px solid #b3b3b3}

/* Area for the Logo and Menu */
.header { background-color: #FFFFFF; margin-bottom: 20px; width: 920px; background-color: Transparent}
.headerline {height: 9px; BACKGROUND-IMAGE: url('menuline1px.jpg')}

.middle {}

/* Primary content area */ 
.container {width: 920px; vertical-align: top}
.container_admin {width: 600px; background-color: #ffffff}

/*
======================================================
  3 Layout
======================================================
*/
.toppane {width: 100%; background-color: #FFFFFF}
.leftpane {width: 393px; background-color: #FFFFFF; padding: 10 10 0 0; vertical-align: top}
.contentpane {width: 525px; background-color: #FFFFFF; padding: 10 0 0 3; vertical-align: top }
.centerpane {width: 263px; background-color: #FFFFFF;padding-left: 0px;padding: 10 3 0 3; vertical-align: top}
.rightpane {width: 262px; background-color: #FFFFFF; padding: 10 0 0 2; vertical-align: top}
.bottompane {width: 100%; background-color: #FFFFFF}

/*
======================================================
  4 Links
======================================================
*/
	
.CommandButton {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 12px;
	color: #FD6300
}
A.CommandButton:link {
	text-decoration: none
}
A.CommandButton:visited {
	text-decoration: none
}
A.CommandButton:hover {
	text-decoration: underline
}
A.CommandButton:active {
	text-decoration: none
}
.breadcrumb {
    font-size: 10px;
    color: #393A3A;
}
.breadcrumb:link, .breadcrumb:visited {
    color: #393A3A;
}
.breadcrumb:active, .breadcrumb:hover {
    color: #393A3A;
    text-decoration: underline;
}
a { font-size: 12px}
A:link, A:visited  {color: #DF4A01}
A:hover, A:active  {color: #DF4A01; text-decoration: underline}

.SkinObject, td.SkinObject, a.SkinObject {color: #DF4A01; font-size: 10px; font-weight: normal; vertical-align: middle}
a.SkinObject:link, a.SkinObject:visited {color: #DF4A01; font-size: 10px; font-weight: normal; vertical-align: middle}
a.SkinObject:hover, a.SkinObject:active {color: #DF4A01; text-decoration: underline}

/* Area for the copyright, privacy and terms */
.skinfooter {height: 30px; width: 100%}
.copyright {color: #DF4A01; font-size: 10px; font-weight: normal}

/*
======================================================
  5 Text
======================================================
*/
/* style for module titles */
.Head {font-size: 14px; font-weight: bold; color: #575757}
/* style of item titles on edit and admin pages */
.SubHead, span.SubHead, div.SubHead {font-size: 13px; font-weight: bold; color: #575757}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {font-size: 13px; font-weight: normal; color: #575757}

.normal, span.normal, div.normal, tr.normal, td.normal, p, html, input {color: #575757; font-size: 12px; line-height: 1.5em}

.NormalRed  {font-size: 12px; font-weight: normal; color: #ff0000}
.NormalBold, tr.NormalBold, td.NormalBold  {font-size: 12px; font-style: normal; font-weight: bold; color: #575757}

/* GENERIC */
H1{font-size: 24px;	font-weight: normal;color: #575757; font-style: italic}
H2{font-size: 20px;font-weight: normal;color: #575757}
H3{font-size: 18px;font-weight: normal;color: #575757}
H4{font-size: 16px;font-weight: normal;color: #575757}
H5, DT{font-size: 14px;font-weight: bold;color: #575757}
H6{font-size: 13px;font-weight: bold;color: #575757}

TFOOT, THEAD { font-size: 13px}
TH {font-size: 13px}
TD {font-size: 12px}

SMALL {font-size:  10px; font-weight: normal; color: #575757}
BIG {font-size: 15px; font-weight: normal; color: #575757}
blockquote, blockquote div {font-weight: normal; font-style: normal; color: #575757; font-size: 11px}
PRE {font-weight: normal; font-style: normal; font-family: courier; color: #575757; font-size: 12px}
.orange {color: #df4a01}

UL LI {font-size: 11px; line-height: 15px}
UL LI LI {font-size: 11px; line-height: 15px}
UL LI LI LI {font-size: 11px; line-height: 15px}
OL LI {font-size: 11px; line-height: 15px}
OL OL LI {font-size: 11px; line-height: 15px}
OL OL OL LI {font-size: 11px; line-height: 15px}
OL UL LI {font-size: 11px; line-height: 15px}


/*
======================================================
  6 Forms (DNN styles)
======================================================
*/
/* For the form fields themselves */
td.NormalTextBox  {color: #000000; font-size: 12px; margin: 0; background-color:  Transparent; visibility: visible}
/* For the form fields themselves */
.NormalTextBox {color: #000000; font-size: 12px; background-color:  Transparent; font-weight: normal}
/* Catch-all for form elements */
.select, input {font-size: 11px; background-color:  Transparent; color: #000000}

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

/* Main Menu */
.main_dnnmenu_container {background-color: Transparent}
.main_dnnmenu_bar {cursor: hand;height:16px;background-color: Transparent}
.main_dnnmenu_item td{ /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 5px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 14px; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {color: #b26e5b} 
.main_dnnmenu_itemhover td {color: #b26e5b}

.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #e8e7e5;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*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: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.StandardButton     {
    background: #7994CB none; 
    color: #FFFFFF;
    font-family: Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}