/* ================================
    Default styles FOR DotNetNuke
   ================================
*/   

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


.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #FFFFFF;
    BORDER-RIGHT: #003366 1px solid; 
    BORDER-TOP: #003366 1px solid; 
    BORDER-LEFT: #003366 1px solid; 
    BORDER-BOTTOM: #003366 1px solid; 
}

.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #000000;
    font-family: Arial, Tahoma, Helvetica;
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#000000;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#000000;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#000000;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#000000;
}

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

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

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

.SubHead_white    {
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}


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

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


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

.NormalWhite a{color:#FFFFFF;text-decoration:none;}
.NormalWhite a:link{color:#FFFFFF;text-decoration:none;}
.NormalWhite a:visited{color:#FFFFFF;text-decoration:none;}
.NormalWhite a:active{color:#FFFFFF;text-decoration:none;}
.NormalWhite a:hover{color:#FFFFFF;text-decoration:underline;}

.NormalDark
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color:#000000 !important;
}


/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

/* text style used for error messages */
.NormalRed
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

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

.NormalTextBoxRight
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

.DataGrid_AlternatingItem
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node 
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    color: #333333;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    color: #333333;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    color: #333333;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height:25px;
}
.FileManager_Explorer
{
	height:100%;
	border: #808080 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList 
{
	height:100%;
	border: #808080 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox 
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: #808080 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: #808080 1px solid;
    height: 25px;
}

.FileManager_StatusBar
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: #99ffff;
    border-style: none;
}

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

.FileManagerTreeNodeSelected 
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:    none;
    color: #333333;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
	width:650px;
}
.WizardButton
{
	border-right: #808080 1px solid;
	padding-right: 2px;
	border-top: #808080 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #808080 1px solid;
	padding-top: 2px;
	border-bottom: #808080 1px solid;
	background-color: #DCDCDC ;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height:40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	font-family: arial, tahoma, verdana, sans-serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
	font-family: arial, tahoma, verdana, sans-serif;
}


/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Arial, Tahoma, Helvetica;
  background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial, Tahoma, 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: #333333;
}

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

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

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: arial, tahoma, verdana, sans-serif;
}

    
/* GENERIC */
H1  {
    font-family: Arial, Tahoma, Helvetica;
    font-size:  18px;
    font-weight:  normal;
    color: inherit;
}

H2  {
    font-family: Arial, Tahoma, Helvetica;
    font-size:  14px;
    font-weight:  normal;
    color: inherit;
}

H3  {
    font-family: Arial, Tahoma, Helvetica;
    font-size:  13px;
    font-weight:  normal;
    color: inherit;
}

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

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

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

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

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


A:link  {
    text-decoration:    underline;
    color:  #0000FF;
}

A:visited   {
    text-decoration:    underline;
    color:  #0000FF;
}

A:active    {
    text-decoration:    underline;
    color:  #0000FF;
}

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

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

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


UL LI   {
    list-style-type:    square ;
    margin-left: 20px;
}

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: #808080 ;
    height:1pt;
    text-align:left
}

/* 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:16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	/*cursor: hand; */
	color: black; 
	font-family: Arial, Tahoma, 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: 15px; 
	height: 21px;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	/*cursor: hand; */
	background-color: #FFFFFF; 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#808080', 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: Arial, Tahoma, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #D0C7AD;
}

.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:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	cursor: pointer; 
	/*cursor: hand; */
	color: black; 
	font-family: Arial, Tahoma, 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;
}
.MainMenu_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: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	/*cursor: hand; */ 
	background-color: #FFFFFF; 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#808080', Direction=135, Strength=3); */
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}
.MainMenu_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;
}
.MainMenu_MenuItemSel {
	cursor: pointer; 
	/*cursor: hand; */ 
	color: black; 
	font-family: Arial, Tahoma, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #D0C7AD;
}
.MainMenu_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;
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	/*cursor: hand; */
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg {
    background-color: #CCCCCC;
}

.TabBg {
    background-color: black;
}

.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-family: Arial, Tahoma, Helvetica;
    text-decoration: none;
}

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

.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Arial, Tahoma, Helvetica;
    text-decoration: none;
}
    
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;
}
.PagingTable {
    height: 33px;
}

.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

.ile_style, a.ile_style
{
	color: #0000FF !important;
	font-size:inherit !important;
	text-decoration:underline
}

.ile_style:hover
{
	color: #000066 !important;
	text-decoration:underline;
	font-size:inherit
}

.normal10 { font-family:Arial, Helvetica, sans-serif; font-size:10pt; }
.heading18 { font-family:Arial, Helvetica, sans-serif; font-size:18pt; font-weight:bold; letter-spacing:-1px }
.subheading14 { font-family:Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold }
.subheading13 { font-family:Arial, Helvetica, sans-serif; font-size:13pt; }
.summary11 { font-family:Arial, Helvetica, sans-serif; font-size:11pt; }
.caption8 { font-family:Arial, Helvetica, sans-serif; font-size:8pt;}


.MenuItem_sm, .MenuItemMouseOver_sm, .MenuItem_sm HR {
	width: 100%;
    font-size: 12px;
	padding-left: 20px;
	font-weight: normal; 
    padding-bottom: 5px;
	padding-top: 5px;
	color: #493B29;

	
}

.MenuItem_sm A,
.MenuItem_sm A:Active,
.MenuItem_sm A:Hover,
.MenuItem_sm A:Visited,
.MenuItem_sm A:Link {
	width: 100%;
	color:#493B29;
}

.MenuItemMouseOver_sm A,
.MenuItemMouseOver_sm A:Active,
.MenuItemMouseOver_sm A:Hover,
.MenuItemMouseOver_sm A:Visited,
.MenuItemMouseOver_sm A:Link,
.MenuHdr_sm A,
.MenuHdr_sm A:Active,
.MenuHdr_sm A:Hover,
.MenuHdr_sm A:Visited,
.MenuHdr_sm A:Link {
    text-decoration: underline;
	color: #990000;
	width: 100%;
	cursor: default;
	cursor: pointer;

}

.MenuItemMouseOver_sm {
	background-color:#B3B1A2
}
/* CLASSES FOR CART SUMMARY IN CHECKOUT PAGE  - BY JUNIOR */
/* CLASSES FOR CART SUMMARY IN CHECKOUT PAGE  - BY JUNIOR */
/* CLASSES FOR CART SUMMARY IN CHECKOUT PAGE  - BY JUNIOR */

.invisible_table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
/* STYLES FOR PROFILE SEARCH */

.list_dark_bck {
	background:url(../../images/red_arrow2.gif) left no-repeat;
	padding-left:13px	
}

/* STYLES FOR CHECKOUT STEPS BUTTON ON THE BOTTOM 45 x 19 */

a.bt2_next2 { 
	background:url(../../images/bt2_chkout_next1.gif) no-repeat bottom;
	padding:0px;
	width:45px;
	height:19px;
}

a.bt2_next2:hover { 
	background:url(../../images/bt2_chkout_next2.gif) no-repeat bottom;
	padding:0px;
	width:45px;
	height:19px;
}

a.bt2_back2 { 
	background:url(../../images/bt2_chkout_back1.gif) no-repeat left;
	width:45px;
	height:19px;
}

a.bt2_back2:hover { 
	background:url(../../images/bt2_chkout_back2.gif) no-repeat left;
	width:45px;
	height:19px;
}

.txt_field{
	color:black;
	font-weight:normal;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #BAAB90;
	text-align:center;
	background:#fff url(../../images/form.gif) repeat-x top left;
	margin: 3px 0 3px 0;
}

.txt_field_grey{
	color:black;
	font-weight:normal;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #a5a5a5;
	text-align:center;
	background:#fff url(../../images/form_grey.gif) repeat-x top left;
	margin: 3px 0 3px 0;
}



/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}