/* 
================================
Skin styles for DotNetNuke - TOPCC-BlackBack
================================
*/   

/*
================================================
First, the CssClass definitions in skin.xml
================================================
*/

/*==============================================
   [BREADCRUMB]
==============================================*/

/* hyperlink style for the Breadcrumb */
A.Breadcrumb:link {
    text-decoration:    none;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}
A.Breadcrumb:visited  {
    text-decoration:    none;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}
A.Breadcrumb:active   {
    text-decoration:    none;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}
A.Breadcrumb:hover    {
    text-decoration:  underline;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}

/*======================================
  Content Panes
=========================================*/
.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;
}
.contentpane {
	width: 100%;
/*	background-color: transparent; */
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
/*	width: 175px;*/
	width: 25%;
/*	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;
}

/*=====================================
    [CURRENTDATE]
======================================*/

.CurrentDate {
/*    text-decoration:    none; */
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}


/*=====================================
    [LOGIN]
======================================*/
.Login {
/*    text-decoration:    none;*/
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}

/*=====================================
    [USER]
======================================*/
a.UserCSS:link,a.UserCSS:visited,a.UserCSS:active,a.UserCSS:hover {
/*    text-decoration:    none; */
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}

/*=====================================
    [SEARCH]
======================================*/

/* This works for "Web" and "Site", but not for the word "Search" */
/* You have to define what the search word or button will be in the XML file */
.Search {
/*    text-decoration:    none; */
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}


/*======================================
   OtherTabs - defaults for some items
=======================================*/

A.OtherTabs:link {
    text-decoration:    none;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}
A.OtherTabs:visited  {
    text-decoration:    none;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}
A.OtherTabs:active   {
    text-decoration:    none;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}
A.OtherTabs:hover    {
    text-decoration:  underline;
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}



/*=============================================================
    [SOLPARTMENU] - these are all the default names for classes
==============================================================*/

/* background color: #003399 (main blue background) #99CCFF or transparent */
/* Font color: #FFFFFF (white) */
/* http://www.skinningtoolkit.com/DOTNETNUKECLASSES/SolpartMenu/MM_MenuContainer/tabid/171/Default.aspx */


.MainMenu_MenuContainer { 
	background-color: transparent;  /* background color of the main menu */
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left padding around items */
}

/* Background color when you hover over a top level menu item */
.MainMenu_MenuBar { 
	cursor: pointer; 
	cursor: hand; 
	background-color: green;
}

/* Color of text of both top level and sublevel menu items. */
.MainMenu_MenuItem { 
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	font-family: Verdana, Tahoma, Helvetica; 
	background-color: transparent;
	border-top: transparent 1px solid;    
	border-right: transparent 1px solid;  
	border-bottom: transparent 1px solid; 
	border-left: transparent 1px solid;   
}


/* Color of text when you hover over both a top level and sublevel menu items */
/* Note, this does not include the icon and the arrow. */
/* To inlcude those, use .MainMenu_SubMenuItemSelected instead (see next section). */
.MainMenu_MenuItemSel { 
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	font-family: Verdana, Tahoma, Helvetica; 
	text-decoration: underline;
	background-color: transparent;
	border-top: transparent 1px solid;    
	border-right: transparent 1px solid;  
	border-bottom: transparent 1px solid; 
	border-left: transparent 1px solid;   
}


/* You can also specify borders around the icons, but they disappear after you hover. */
.MainMenu_MenuIcon {
	background-color: transparent;
	text-decoration: none;
	border-top: transparent 1px solid;    
	border-right: transparent 1px solid;  
	border-bottom: transparent 1px solid; 
	border-left: transparent 1px solid;   
}


/* This doesn't seem to occur anywhere. */
/* Some bogus values were entered to see if it shows up anywhere  */
.MainMenu_MenuBreak {
	height: 70px;
	font-size: 70px;
	background-color: red;
	border-top: green 10px solid;    
	border-right: green 10px solid;  
	border-bottom: green 10px solid; 
	border-left: green 10px solid;   
}

/* This is the box container of the sub menu */
.MainMenu_SubMenu { 
	cursor: pointer; 
	cursor: hand; 
	z-index: 1000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	border-top: black 1px solid;    
	border-right: black 3px solid;  
	border-bottom: black 3px solid; 
	border-left: black 1px solid;   
	background-color: #0742B6;
}

/* This is thea area around the arrow if there is a sub-menu */
.MainMenu_MenuArrow {
	border-top: transparent 1px solid;
	border-right: transparent 1px solid; 
	border-bottom: transparent 1px solid; 
	border-left: transparent 1px solid; 
	font-family: webdings; 
	text-decoration: none;
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
/*	display: none;  */   /* This will remove the arrows */
}

/* The area around the arrows on the root menus */
.MainMenu_MenuRootArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
/*	display: none;  */   /* This will remove the arrows */
}

/*=============================================
   Additional SOLPARTMENU classes
=============================================*/

/* Whatever the current breadcrumb is, the root button or submenu item
   can be a different color.  */

/* The selected root item */
.MainMenu_RootMenuItemBreadcrumb
{   
    border: solid 0px transparent;
    background-color: transparent;
    height: 0px;
}

.MainMenu_SubMenuItemBreadcrumb
{   
    border: solid 0px transparent;
    background-color: transparent;
    height: 0px;
}

.MainMenu_RootMenuItem
{
    border: solid 0px transparent;
    background-color: transparent;
}

.MainMenu_RootMenuItemActive 
{
    border: solid 1px transparent;
    background-color: transparent;
/*    height: 0px; */
}

/* When you hover over a menu and one of it's children is in the breadcrumb trail */
.MainMenu_SubMenuItemActive {}

/* When you hover over a root menu item, you can change the style here */
.MainMenu_RootMenuItemSelected
{
	text-decoration: none;
}

/* This also affects icon and arrow areas.*/
.MainMenu_SubMenuItemSelected
{
/*	text-decoration: none; */
}


/*=============================================
   Other styles used in the HTML template.
==============================================*/

/* This was used for the extreme outside table. */
/* There is still an are of the page at the bottom that is white. backgound-color does not fix it.*/
/* That would be controlled by the body tag. */
.pagemaster {
	width: 100%;
/*	height: 100%;	*/
	background-color: transparent; 
	valign: top;
	background-image: url(Background.jpg)  /* This gives you a black background, but your border edges also need a black background. */
}

/* This is the style for the table just inside. */
.skinmaster {
	height: 100%;
/*	background-color: transparent; */	/* Main area background */
	border-right: transparent;		/* Main area borders    */ 
	border-top: transparent; 
	border-left: transparent; 
	border-bottom: transparent; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
	background-image: url(Background2.jpg) /* This gives you a white background for the inside area */
}

/* This is for any text in an area defined as "skinheader", but not a token. */
.skinheader {
    text-decoration:    none;
    color: white;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
}

/* This style is for the table that the navigation bar is in */
.skingradient {
	background-image: url(gradient_DK.jpg); 
	height: 30px;
}

/*===========================================================
   Styles built in to DotNetNuke
============================================================*/

/* Overall properties that the rest of the CSS classes inherit.  Can specify
   a background image, default font, etc.  */

.Body
{
    background-color: black; 
}


/* This is the style for the control panel when logged on as admin. */
.ControlPanel {
    width: 100%;
/*    height: 64px;*/
    background-color: white;
    BORDER-RIGHT: black 1px solid; 
    BORDER-TOP: black 1px solid; 
    BORDER-LEFT: black 1px solid; 
    BORDER-BOTTOM: black 1px solid; 
}

/* Overall font, etc. for Search, Date, Breadcrumbs, Login, etc. */
.SkinObject {
    color: #FFFFFF;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 8.5pt;
    font-decoration: none;
}

/* This appears to be the color of the module headings.  */
/* But, I'd rather define it in the containers themselves, so I'm commenting this out */
/*.Head {
   font-family: Verdana, Tahoma, Helvetica;
   font-size:  18px;
   font-weight:  normal;
   color: #333333;  
}*/

/* Headings for admin panel text and editor headings such as "LeftPane", etc. */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  18px;
    font-weight:    bold;
 /*   color: gray;*/
}

/* Default font for inside modules */
.Normal
{
    font-family: Verdana, Tahoma, Helvetica;
    font-size: 14px;
    font-weight: normal;
}

/* Text that would appear disabled (grayed-out) */
.NormalDisabled
{
    color: Silver;
}

.NormalBold
{
    font-weight: bold
}

/* Error messages such as missing required fields when they register */
.NormalRed
{
    font-weight: bold;
    color: #ff0000
}

/* Fill-in text fields such as the registration form, login box, etc. */
.NormalTextBox
{
    background-color: white;
}

/* Buttons such as login button */
.StandardButton
{
    padding-right: 5px;
    padding-left: 5px;
    background: #C0C0C0;
    color: #000000;
}

/*=================================================
    Styles from the original topccstyles.css
==================================================*/

.MenuHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	border: 0px none;
}

.MenuButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #6699cc;
	margin: 1px;
	padding: 1px;
	border-top: thin groove #FFFFFF;
	border-right: thin groove #000000;
	border-bottom: thin groove #000000;
	border-left: thin groove #FFFFFF;
	text-indent: 5px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}

a.MenuButtonLink:hover {
	color: #003399;
	text-decoration: none;
}
a.MenuButtonLink:link {
	color: #000000;
	text-decoration: none;
}
a.MenuButtonLink:visited {
	color: #660066;
	text-decoration: none;
}

a.MenuButtonLink:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* Gonna comment out some of the stuff we were doing for bold, and just make it bold. */
b {
/*	font-size: larger; */
/*	font-style: italic; */
/*	line-height: normal; */
/*	font-weight: bolder; */
	font-weight: bold;
/*	color: #0033FF; */
}
/* Ditto */
strong {
/*	font-size: larger; */
/*	font-style: italic; */
/*	line-height: normal; */
/*	font-weight: bolder; */
	font-weight: bold;
/*	color: #0033FF; */
}
p {
	font-family: Verdana, Tahoma, Helvetica;
	font-size: 14px;
/*	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;*/
}
ul {
	font-family: Verdana, Tahoma, Helvetica;
/*	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;*/
}
ol {
	font-family: Verdana, Tahoma, Helvetica;
/*	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;*/
}

.bluecell
{
border-style: outset;
border-width: 8px; 
border-color: #C3E1FF;
}

.whitecell
{
border-style: outset;
border-width: 8px; 
border-color: #EEEEEE;
}

.FooterStyle {
	font-size: x-small;
}

.xl1515550
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:windowtext;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	text-align:general;
	vertical-align:bottom;
	white-space:nowrap;}
.xl2415550
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:windowtext;
	font-size:8.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana, sans-serif;
	text-align:center;
	vertical-align:bottom;
	white-space:nowrap;}
.xl2515550
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:windowtext;
	font-size:8.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana, sans-serif;
	text-align:center;
	vertical-align:bottom;
	border:.5pt solid #B2B2B2;
	white-space:nowrap;}
.xl2615550
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:white;
	font-size:10.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana, sans-serif;
	text-align:center;
	vertical-align:bottom;
	border-top:.5pt solid windowtext;
	border-right:none;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	background:#2F4F6A;
	white-space:nowrap;}

/*===============================================
  Additional Heading Definitions
===============================================*/

.h1 {
	font-family: Verdana, Tahoma, Helvetica;
    font-size: 24px;
	font-weight: bold;
}
.h2 {
	font-family: Verdana, Tahoma, Helvetica;
    font-size: 22px;
	font-weight: bold;
}
.h3 {
	font-family: Verdana, Tahoma, Helvetica;
    font-size: 20px;
	font-weight: bold;
}
.h4 {
	font-family: Verdana, Tahoma, Helvetica;
    font-size: 18px;
	font-weight: bold;
}
.h5 {
	font-family: Verdana, Tahoma, Helvetica;
    font-size: 16px;
	font-weight: bold;
}