/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #CCCCCC;
}

/* background color for the content part of the pages */
Body
{
    background-color: #FFFFFF;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.GreyLink {
    font-weight: bold;
    font-size: 8.5pt;
    color: DimGray;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
.LitWelcome
{
	font-family:Tahoma,Arial;
    font-size:9pt;
    color:#3366CC;
}

A.LiTLink:link {
    text-decoration:    none;
    color:#6699FF;
    font-family:Tahoma,Arial;
    font-size:9pt;
}

A.LiTLink:visited  {
    text-decoration:    none;
    color:#6699FF;
    font-family:Tahoma,Arial;
    font-size:9pt;
}

A.LiTLink:active   {
    text-decoration:    none;
    color:#6699FF;
    font-family:Tahoma,Arial;
    font-size:9pt;
}

A.LiTLink:hover    {
    text-decoration:underline;
    color:#6699FF;
    font-family:Tahoma,Arial;
    font-size:9pt;
}



/* hyperlink style for the selected tab */
A.GreyLink:link {
    text-decoration:    none;
    color:DimGray;
}

A.GreyLink:visited  {
    text-decoration:    none;
    color:DimGray;
}

A.GreyLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.GreyLink:hover    {
    text-decoration:    none;
    color:Maroon;
}




.RedLink
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #CC0033;
}


/* hyperlink style for the selected tab */
A.RedLink:link {
    text-decoration:    none;
    color: #CC0033;
}

A.RedLink:visited  {
    text-decoration:    none;
    color: #CC0033;
}

A.RedLink:active   {
    text-decoration:    none;
    color: #CC0033;
}

A.RedLink:hover    {
    text-decoration:    underlin;
    color: #CC0033;
}



/* text style for the selected tab */
.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
    color:white;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

.SmallRedModuleTitle {
    font-family: Arial, Tahoma,Helvetica;
    font-size:  12px;
    font-weight:   bold;
    color:Maroon;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.BigRedModuleTitle {
    font-family: Verdana,Arial, Tahoma,Helvetica;
    font-size:  17px;
    font-weight:   bold;
    color:Maroon;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}



.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}




/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	background: #3399ff;
	color: White;
	font-family: Verdana, sans-serif;
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}
    
/* GENERIC */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

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

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

td.containerHEADL {
	background: url(header_cap_left.gif) bottom left no-repeat;
	width: 15px;
	padding: 0;
}

td.containerHEADR {
	background: url(header_cap_right.gif) bottom left no-repeat;
	width: 15px;
	padding: 0;
}

td.containerHEADC {
	background: url(header_bg.gif) repeat-x bottom;
	padding: 0 0 17px 5px;
}

A:link  {
    text-decoration:    none;
    color:  #0066FF;
}

A:visited   {
    text-decoration:    none;
    color:  #0066FF;
}

A:active    {
    text-decoration:    none;
    color:  #0066FF;
}

A:hover {
    text-decoration:    underline;
    color:  #3366FF;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* Main Menu */

.MainMenu_MenuContainer {
 
	background-color: transparent;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:15px;
	background-color: Transparent;
}

.MainMenu_MenuItem{
  color:#191A1C;
  font-family:verdana;
  font-size:10px;
  text-align:left;
  font-weight:bold; 
  width:auto;
  cursor:hand;
  text-align:center;
  border-left-color:#EEEEEE;
}

.MainMenu_MenuItem TD{
  color:#191A1C;
  font-family:verdana;
  font-size:10px;
  text-align:left;
  font-weight:bold; 
  width:auto;
  cursor:hand;
  text-align:center;
  border-left-color:#EEEEEE;
}

/*.MainMenu_MenuIcon TD{
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 10px; 
	height: 10px;
	background-color: #EEEEEE;
	background-image:url(/portals/0/skins/LearnitHomeSkin/images/submenu_arrow_right_blue.gif);
	background-repeat:no-repeat;
}*/

.MainMenu_MenuIcon{
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 20px; 
	height: 10px;
	background-color: #EEEEEE;
	background-image:url(/portals/0/skins/LearnitHomeSkin/images/submenu_arrow_right_blue.gif);
	background-repeat:no-repeat;
}

.MainMenu_SubMenu {
	z-index: 1000;
	cursor: pointer; 
	cursor: hand; 
	color:#191A1C;
	width:170px;
    background-color:#FFFFFF;
	text-align:left;
	border-bottom: #3399ff 5px solid;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#3399FF, Direction=90, Strength=0);
}

.MainMenu_SubMenu TD{
	z-index: 1000;
	cursor: pointer; 
	cursor: hand; 
	color:#191A1C;
	width:170px;
    background-color:#EEEEEE;
	text-align:left;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#3399FF, Direction=90, Strength=0);
}

.MainMenu_MenuBreak {

}

.MainMenu_MenuItemSel TD{
  color:#FFFFFF;
  font-family:verdana;
  font-size:10px;
  font-weight:bold; 
  text-decoration:none; 
  cursor:hand;
}

.MainMenu_MenuItemSel{
  color:#FFFFFF;
  font-family:verdana;
  font-size:10px;
  font-weight:bold; 
  text-decoration:none; 
  cursor:hand;
  text-align:center;
}

.MainMenu_MenuArrow {
	DISPLAY: none
}

.MainMenu_RootMenuArrow {
	DISPLAY: none
}

.TelephoneNumber
{
    font-family: Helvetica;
    font-size: 12px;
    font-weight: bold;
    color:#666666;
}
/*-- Horiz Menu area             --*/ .hmenuarea { height:36px; background-image:url(menubox_bg.gif); background-repeat:repeat-x; background-color:#FFFFFF; }

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

/*-- box that holds the menu    --*/ .Tabbed_MainMenu_MenuContainer { border:0; margin:0; padding:0; background-color:#FFFFFF; }
/*-- bar that holds the menu    --*/ .Tabbed_MainMenu_MenuBar { border:0; margin:0; padding:0; cursor: pointer; cursor: hand; background-color:#FFFFFF }

/*-- submenu container          --*/ .Tabbed_MainMenu_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 3px 1px 0; padding: 3px 0 3px 0; background-color: #e9e9e9; font-weight:normal; filter:none;}
/*-- sub menu items             --*/ .Tabbed_MainMenu_MenuItem { background-color:#BED4E9; cursor:pointer; border:0; margin:0; font-family: arial;  color: #393939; font-size: 12px; padding: 0px 2px 0px 2px; height: 1px; font-weight:normal; }
/*-- submenu items hover        --*/ .Tabbed_MainMenu_MenuItemSel { background-color:#E2EBF4; cursor:pointer; border-bottom:solid 1px black;  margin:0; font-family: arial;  color: #393939; font-size: 12px; padding: 0px 3px 0px 3px; height: 1px; font-weight:normal; }
/*-- menuitems idle             --*/ .Tabbed_MainMenu_Idle { border:0; margin:0; color: #393939; background-color:#E2EBF4 font-size: 12px; font-weight:normal;}
/*-- sub menu items selected    --*/ .Tabbed_MainMenu_Selected { border:0; margin:0; color: #393939; font-weight:normal; background-color:#FFFFFF}
/*-- sub menu items active      --*/ .Tabbed_MainMenu_Active, .MainMenu_BreadcrumbActive { border:0; margin:0; color: #336699; font-weight:normal; font-size: 12px; }


/*-- root menu items            --*/ .Tabbed_MainMenu_RootMenuItem { background:transparent; text-align:center; vertical-align:bottom; border:0; margin:0; padding:0;  font-family: arial; font-weight:normal; color: #336699; font-size: 12px; height: 36px; }
/*-- root menu items over       --*/ .Tabbed_MainMenu_RootSelected { border:0; margin:0; padding:0; color: #336699; height: 36px; background:transparent;background-image:url(menuboxover_bg.gif); font-weight:normal; text-align:center;}

/*-- root menu items sub active --*/ .Tabbed_MainMenu_RootActiveSub, .MainMenu_RootBreadcrumbActive { border:0; margin:0; padding:0; color: #336699; height: 36px; background:transparent; background-image:url(menu_bg.gif); background-repeat: repeat-x; font-weight:normal; text-align:center; }
/*-- root menu items active     --*/ .Tabbed_MainMenu_RootActive { border:0; margin:0; padding:0; color: #336699; height: 36px; background:transparent; background-image:url(menu_bg.gif); background-repeat: repeat-x; font-weight:normal; text-align:center;}

/*-- root menu items            --*/ .Tabbed_MainMenu_RootMenuItem TD { padding:0 0 11px 0; }
/*-- root menu items over       --*/ .Tabbed_MainMenu_RootSelected TD { padding:0 0 11px 0; }
/*-- root menu items sub active --*/ .Tabbed_MainMenu_RootActiveSub, .MainMenu_RootBreadcrumbActive TD { padding:0 0 11px 0; }
/*-- root menu items active     --*/ .Tabbed_MainMenu_RootActive TD { padding:0 0 11px 0; }

/*-- root menu items left       --*/ .Tabbed_menu_left { width:0px; border:0; margin:0; padding:0; }
/*-- root menu items right      --*/ .Tabbed_menu_right { width:0px; border:0; margin:0; padding:0; }
/*-- root menu items left active--*/ .Tabbed_menu_leftactive {  background-color:#FFFFFF; background-image:url(menu_left.gif); background-repeat: no-repeat; height:36px; width:11px; border:0; margin:0; padding:0; }
/*-- root menu items right activ--*/ .Tabbed_menu_rightactive { background-color:#FFFFFF;  background-image:url(menu_right.gif); background-repeat: no-repeat; height:36px; width:11px; border:0; margin:0; padding:0; }

/*-- breadcrumb seperator        .breadcrumb_seperator { background:transparent; background-image:url(breadcrumb.gif); background-repeat: no-repeat; height:18px; width:6px; border:0; margin:0; padding:0; }--*/
/*-- sub menu item separator    --*/ .Tabbed_Menu_SubMenuSeparator{background:transparent; background-image:url(sub_menuseparator.gif); background-repeat:repeat-x; }

/*-- not needed                 --*/ .Tabbed_MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenuSeperator  { display: none; }
/*-- removing seperator borders --*/ .Tabbed_MainMenu_MenuBreak { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; padding:0; background:transparent; }