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

.pagemaster 
{
	width: 770;
	height: 100%;	
	background-color: #FFFFFF;
	border: 0;
}

.cta
{
	background-image: url(calltoaction.jpg);
	background-repeat: no-repeat ;
	background-position: center center ;
}

UL LI {
	color: #333; 
	font-size: 12px; 
	font-family: Arial; 
	line-height: 150% ;
}

p
{
	color: #333; 
	font-size: 12px; 
	font-family: Arial; 
 	line-height: 150% ;
	margin:6px 0px 0px 0px;
}

A:link {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}

A:visited  {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}

A:active   {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
}

A:hover    {
	color: #888888;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}

.UnderMenuPane
{
	padding-left: 5px;
}

.lcol
{
	background-image: url(l.gif);
	width: 15;
}


.rcol
{
	background-image: url(r.gif);
	width: 15;
}


.llcol
{
	background-color: #EEEEEE;
}


.rrcol
{
	background-color: #EEEEEE;
}




A.CommandButton:link {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}

A.CommandButton:visited  {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}

A.CommandButton:active   {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
}

A.CommandButton:hover    {
	color: #888888;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}


A.LinkNormal:link {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}

A.LinkNormal:visited  {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}


.LinkNormal
{color: #444444;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}

A.LinkNormal:active   {
	color: #333333;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
}

A.LinkNormal:hover    {
	color: #888888;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none
}


.cellalogo 
{
    background-image: url(logo.jpg);
	background-color: transparent;
	height: 121px;
	padding: 0;
	color: White;
}

.cellabreadcrumb 
{
    color: #555555;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
	background-color: transparent;
	padding: 0;
}
.cellamenu 
{
	background-color: transparent;
	width: 155px;
	padding: 20 0 0 10;
}


.skinmaster {
	height: 100%;
	background-color: #333333; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
}
/*
======================
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 #FF9900;
}
.controlpanel {
	width: 100%;
	background-color: #DDDDDD;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}



.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;
}











/*=================
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: #DDDDDD none; 
  color: #555555;
  font-family: verdana, sans-serif; 
  font-size: 12px;
  font-weight: normal;
}

















/* ================================
style for module titles
================================ */
.Head {
   font-family: Verdana, Tahoma, Arial, Helvetica;
   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: #444444;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
}








/* ==============================
 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: #555555;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

/* This is the Date eg. any items that are not links */
.SkinBreadcrumb {
	color: #555555;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}





/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox
{	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	color: #000
}
.NormalRed
{color: #FF0000;
	font-family: verdana, tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}
.NormalBold
{	font-family: verdana, tahoma, arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}






/* This sets the style for all skin items that are links */
A.SkinItem:link {
	color: #555555;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

A.SkinItem:visited  {
	color: #555555;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

A.SkinItem:active   {
	color: #555555;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

A.SkinItem:hover    {
	color: #555555;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}



/* This sets the style for all white skin items that are links */
.SkinItemWhite {
	color: #FFFFFF;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

A.SkinItemWhite:link {
	color: #FFFFFF;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

A.SkinItemWhite:visited  {
	color: #FFFFFF;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

A.SkinItemWhite:active   {
	color: #FFFFFF;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

A.SkinItemWhite:hover    {
	color: #FFFFFF;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 12px;
}

/* =======================
 HTML Tag Styles 
=========================== */
H1  {font-family: arial;
	font-size: 20pt;
	font-weight: normal;
	color: #777;
	line-height: 130%;
	margin-bottom: 15 0 15 0;
}

H2  {font-family: arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 130%;
	color: #333;
	margin: 15 0 15 0;
}

H3  {font-family: arial;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: 5 0 0 0;
}

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

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

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













/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu  --*/ .MainMenu_MenuContainer { background-color: transparent;  width: 100px; }
/*-- bar that holds the menu  --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: #fff;  width: 199px; }


/*-- submenu container        --*/ .MainMenu_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 0px; background: #eee; padding: 0px; border: 0px solid #FFCCFF; font-weight: normal; filter: none; }

/*-- submenu items idle       .MainMenu_MenuItem { font-family: tahoma;  color: #666; font-size: 11px; font-weight: normal; font-style: normal; padding: 0px 10px 0px 10px; height: 20px; border: 0; background:  url(nav_idle.jpg) no-repeat;} --*/
/*-- submenu items over       .MainMenu_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: normal; cursor: pointer; cursor: hand; color: #666; padding: 0px 10px 0px 10px; height: 20px; border: 0; background:  url(nav_over.jpg) no-repeat;} --*/

/*-- submenu items idle       --*/ .MainMenu_MenuItem { font-family: tahoma;  color: #666; font-size: 11px; font-weight: normal; font-style: normal; padding: 0px 10px 0px 10px; height: 20px; border: 0; }
/*-- submenu items over       --*/ .MainMenu_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: normal; cursor: pointer; cursor: hand; color: #666; padding: 0px 10px 0px 10px; height: 20px; border: 0; }



/*-- menuitems idle           --*/ .MainMenu_Idle                               {color: #666; background:  url(nav_idle.jpg)   no-repeat; padding: 0; height: 30px; font-weight: bold; padding: 0px 10px 0px 25px;}
/*-- menuitems over           --*/ .MainMenu_Selected                           {color: #666; background:  url(nav_over.jpg)   no-repeat; padding: 0; height: 30px; font-weight: bold; padding: 0px 10px 0px 25px;}
/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {color: #666; background:  url(nav_active.jpg) no-repeat; padding: 0; height: 30px; font-weight: bold; padding: 0px 10px 0px 25px;}



/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer     --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar          --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }


.ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 0px; background: #eeeeee; padding: 0px; border: 1px solid #cccccc; font-weight: normal; filter: none; }
.ModuleTitle_MenuItem { font-family: tahoma;  color: #666; font-size: 10px; font-weight: normal; font-style: normal; padding: 0px 10px 0px 10px; height: 15px; border: 0; }
.ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 10px; font-weight: normal; cursor: pointer; cursor: hand; color: #666; padding: 0px 10px 0px 10px; height: 15px; border: 0; }