/* 
================================
Skin styles for RHA
================================
*/   
/* main background for all pages */
html,Body
{
  min-height:100%;
  background-color: #eeeeee;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 10pt;
  height: 100%;
}

DIV
{
    font-family: Arial,Tahoma,Helvetica;
    font-size: 10pt;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/* width of the contents for each page */
.pagemaster {
	width: 1000px;
	background-color: #ffffff;
	height:100%;
	
}

/* used to define the height of the skin which allows the bottom of each page to be at the bottom of the browser window */
.skinmaster {
	background-color: #ffffff;
	border-right: #ffffff 1px solid; 
	border-top: #ffffff 1px solid; 
	border-left: #ffffff 1px solid; 
	border-bottom: #ffffff 1px solid;
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}

/* used to draw the logo at the top left corner */
.skinheader {
	background-image: url(logo_m.jpg); 

}
/* used to draw the gradient space between the logo and the right side at the top*/
.skingradient {
	background-image: url(gradient_brown.gif); 
	height:30px;
}

/*used for public/private hyperlinks. On hover color changes to blue and text is underlined */ 

A:link
 {text-decoration: underline;}

A:visited
 {text-decoration: underline;}

A:active
 {text-decoration: underline;}

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

/* used for the text on the page like Register/Login/Copyright*/
.SkinObject {
    font-weight: normal;
    font-size: 10pt;
    color: black;
    font-family: Arial, Verdana, Tahoma, Helvetica;
}
/* used for the main links on the page like Register/Login/Copyright*/
A.SkinObject:link {
    text-decoration:    underline;
    color:#003399;
}

/* used for the main links on the page like Register/Login/Copyright*/
A.SkinObject:visited  {
    text-decoration:    underline;
    color:#003399;
}

/* used for the main links on the page like Register/Login/Copyright*/
A.SkinObject:hover    {
    text-decoration:    underline;
    color:#003399;
}

/* used for the main links on the page like Register/Login/Copyright*/
A.SkinObject:active   {
    text-decoration:    underline;
    color:#003399;
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Arial,Tahoma,Helvetica;
    font-size:  10px;
    text-align: left;
    font-weight:    bold;
    color: #000000;
}
/* small font used for asteriks */
.smallRed {
	font-family: Arial,Tahoma,Helvetica;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
}

/* Used for error messages on any page of the website */
.RedBold {
    font-family: Arial,Tahoma,Helvetica;
    font-size: 10px;
    font-weight: normal;
    color:red;

}
/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
{
    font-family: Arial,Tahoma,Helvetica;
    font-size: 10pt;
    font-weight: normal;
}
/* text style same as normal except bold */
.BoldNormal
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 10pt;
    font-weight: bold;
}
/* text style same as normal except bold and italic */
.BoldItalic
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
}
/* DNN required core class */
.controlpanel {
	width: 100%;
	background-color: #ffffff;
}
/* DNN required core class */
.navpane {
	border-bottom: #426662 1px solid; 
	padding-top: 0px;

}
/* used to describe the property for a given pane */
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
/* used to describe the property for a given pane */
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
/* used to describe the property for a given pane */
.contentpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
/* used to describe the property for a given pane */
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
/* used to describe the property for a given pane */
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	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: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    	white-space: nowrap;  /*Word wrapping menu item now optional*/
    	padding: 1px 3px 3px 1px;
}

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

.main_dnnmenu_itemhover {  
	background-color: #ffffff; 
}

.main_dnnmenu_itemhover td {  
	background-color: #ffffff; 
}

.MainMenu_MenuItemSel
{
   BACKGROUND-COLOR: #ffffff;
}
.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #ffffff;  
	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, .standardbutton, .standardButton, .Standardbutton
{
    BORDER-RIGHT: #999 1px solid;
    BORDER-TOP: #999 1px solid;
    DISPLAY: inline-block;
    BACKGROUND: url(background.png) #ecece3 left center;
    MARGIN: auto 0.25em;
    BORDER-LEFT: #999 1px solid;
    BORDER-BOTTOM: #999 1px solid;
    OVERFLOW: visible;
    CURSOR: hand;
    font-size: 10pt;
    font-family:arial,verdana, tahoma;
}
.StandardButton:hover, .standardbutton:hover, .standardButton:hover, .Standardbutton:hover
{
    BORDER-RIGHT: #333 1px solid;
    BORDER-TOP: #333 1px solid;
    DISPLAY: inline-block;
    BACKGROUND: url(background.png) #ecece3 left center;
    MARGIN: auto 0.25em;
    BORDER-LEFT: #333 1px solid;
    BORDER-BOTTOM: #333 1px solid;
    OVERFLOW: visible;
    CURSOR: hand;
    color: red;
	
}

.LargeButton, .LargeButton:hover
{
    BORDER-RIGHT: #999 1px solid;
    BORDER-TOP: #999 1px solid;
    DISPLAY: inline-block;
/*    BACKGROUND: url(background_g.png) #ecece3 left center;*/
    BACKGROUND-color:#f4eec8;
    MARGIN: auto 0.25em;
    BORDER-LEFT: #999 1px solid;
    BORDER-BOTTOM: #999 1px solid;
    OVERFLOW: visible;
    CURSOR: hand;
    font-size: 14pt;
    color: #000;
    font-weight: normal;
    PADDING-LEFT: 0.5em;
    PADDING-RIGHT: 0.5em;
    font-family:tahoma,arial,verdana;
}
/* used for the Register and Login buttons */
A.LargeButton:link {
    text-decoration:    none;
    color:#000000;
}

/* used for the Register and Login buttons */
A.LargeButton:visited  {
    text-decoration:    none;
    color:#000000;
}

/* used for the Register and Login buttons */
A.LargeButton:hover    {
    text-decoration:    none;
    color:#000000;
}

/* used for the Register and Login buttons */
A.LargeButton:active   {
    text-decoration:    none;
    color:#000000;
}

/*.LargeButton:hover
{
    BORDER-RIGHT: #333 1px solid;
    BORDER-TOP: #333 1px solid;
    DISPLAY: inline-block;
    BACKGROUND-color:#f4eec8;
    MARGIN: auto 0.25em;
    BORDER-LEFT: #333 1px solid;
    BORDER-BOTTOM: #333 1px solid;
    OVERFLOW: visible;
    CURSOR: hand;
    color: red;	
}*/

.TreeViewMenu {
	font-family: Verdana,Tahoma, Arial, Helvetica;
    font-weight: bold;
 	width: 175px;
	background-color: #ffffff;
	BACKGROUND-IMAGE: url(tab_bg.gif);
 	border-right: #D9EDAE 1px solid; 
	border-top: #D9EDAE 1px solid; 
	border-left: #D9EDAE 1px solid; 
	border-bottom: #D9EDAE 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_brown.gif);
}

.TreeViewMenu_Header tr 
{ 
border: solid 3px #000000; 
margin: 3px 3px 3px 3px; 
padding: 5px 5px 5px 5px; 
text-align: center; 
} 

.Head {
   font-family: Arial,Tahoma,Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitem td
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    COLOR: #000000;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitem td DIV
{
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: right bottom;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(tab_right.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: -14px 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitem td DIV DIV
{
    PADDING-RIGHT: 11px;
    BACKGROUND-POSITION: left bottom;
    PADDING-LEFT: 11px;
    BACKGROUND-IMAGE: url(tab_left.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: -14px 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitem td div div div
{
    PADDING-RIGHT: 12px;
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 11px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    BACKGROUND-IMAGE: url(tab_bg.gif);
    PADDING-BOTTOM: 4px;
    MARGIN: -14px 0px;
    COLOR: #000000;
    LINE-HEIGHT: 1.3em;
    PADDING-TOP: 18px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Arial, Trebuchet MS, arial, Tahoma, Helvetica, sans-serif;
    HEIGHT: 14px;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitemselected td
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitembreadcrumb td
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitemselected td div
{
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: right bottom;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(tabON_right.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: -14px 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitembreadcrumb td div
{
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: right bottom;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(tabON_right.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: -14px 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitemselected td div div
{
    PADDING-RIGHT: 11px;
    BACKGROUND-POSITION: left bottom;
    PADDING-LEFT: 11px;
    BACKGROUND-IMAGE: url(tabON_left.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: -14px 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitembreadcrumb td div div
{
    PADDING-RIGHT: 11px;
    BACKGROUND-POSITION: left bottom;
    PADDING-LEFT: 11px;
    BACKGROUND-IMAGE: url(tabON_left.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: -14px 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitemselected td div div div
{
    PADDING-RIGHT: 12px;
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 11px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    BACKGROUND-IMAGE: url(tabON_bg.gif);
    PADDING-BOTTOM: 4px;
    MARGIN: -14px 0px;
    COLOR: #000000;
    LINE-HEIGHT: 1.3em;
    PADDING-TOP: 18px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Arial, Trebuchet MS, arial, Tahoma, Helvetica, sans-serif;
    HEIGHT: 14px;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.rootmenuitembreadcrumb td div div div
{
    PADDING-RIGHT: 12px;
    BACKGROUND-POSITION: center bottom;
    PADDING-LEFT: 11px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(tabON_bg.gif);
    PADDING-BOTTOM: 4px;
    MARGIN: -14px 0px;
    COLOR: #000000;
    LINE-HEIGHT: 1.3em;
    PADDING-TOP: 18px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Arial, Trebuchet MS, arial, Tahoma, Helvetica, sans-serif;
    HEIGHT: 14px;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.submenuitembreadcrumb
{
    BORDER-RIGHT: #f7f5e1 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #f7f5e1 0px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #f7f5e1 0px solid;
    COLOR: #f7f5e1;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #f7f5e1 0px solid;
    font-weight: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma;
    /*background-color:#f7f5e1;*/
}
/* used to draw the tab navigation menu - main navigation elements on website */
.submenuitemselected
{
    BORDER-RIGHT: #dae4ce 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #dae4ce 0px solid;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #dae4ce 0px solid;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #dae4ce 0px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma;
    BACKGROUND-COLOR: #f7f5e1;
}
/* used to draw the tab navigation menu - main navigation elements on website */
.submenu
{
    BORDER-RIGHT: #f7f5e1 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #f7f5e1 0px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #f7f5e1 0px solid;
    COLOR: #f7f5e1;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #f7f5e1 0px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma;
    BACKGROUND-COLOR: #f7f5e1;
}


/* used for any textbox fields on the website - note that some DNN checkboxes also use this. do not use for checkboxes*/
.NormalTextBox
{
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #666666;
    margin: 0px;
}

/* text style used for explanation (hint) text under labels */
.NormalHint
{
    font-family: Arial,Tahoma,Helvetica;
    font-size:  9px;
    font-weight: normal;
    color: Gray;
    white-space:nowrap;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
                color: #ff0000;
                font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

/* text style used for textboxes when they fail validation */
.NormalTextBoxHighlight
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color: #fffacd; 
}

/************ Table related styles ***********************/

/*Created for R2 UI [20070816]*/
.RHA_TableRow
{
	background-color: #f6f7e1;
}
/*End*/

.RHA_Table
{
	BORDER: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma;
	BACKGROUND-COLOR: white;
	width:99%;
}
.RHA_MainTableHeader
{
     font-family: Arial, Tahoma, Helvetica;
     font-size:  10pt;
     font-weight: bold;
     text-align: center; 
     background-color: #d0cf73;
     white-space:nowrap;
     BORDER: 0px;
     padding: 5px;
     color: Black;
}

/** for the plan options title in R1 **/
.RHA_R1_MainTableHeader
{
     font-family: Arial, Tahoma, Helvetica;
     font-size:  14pt;
     font-weight: bold;
     text-align: center; 
     background-color: #f6f7e1;
     white-space:nowrap;
     BORDER: 0px;
     PADDING: 0px;
     

}

.RHA_MainTableSubHeader
{
     font-family: Arial, Tahoma, Helvetica;
     font-size:  10pt;
     font-weight: bold;
     text-align: center; 
     background-color: #ece9bc;
     BORDER: 0px;
     PADDING: 5px;

}

.RHA_SecondaryTableHeader
{
     font-family: Arial, Tahoma, Helvetica;
     font-size:  10pt;
     font-weight: bold;
     background-color: #ece9bc;
     BORDER: 0px;
     PADDING: 5px;
	text-align:left;
}
.RHA_TableBody
{
 	font-family: Arial, Tahoma, Helvetica;
	font-size: 10pt;
    font-weight: normal;
    vertical-align: middle;
	background-color: #f6f7e1;
	BORDER: 0px;
	padding : 5px;
     text-align: center; 
     height:100%;
     
}

.RHA_TableContentBody
{
 	font-family: Arial, Tahoma, Helvetica;
	font-size: 10pt;
    font-weight: normal;
    text-align: left; 
    vertical-align:middle;
	background-color: #f6f7e1;
	BORDER: 0px;
	padding : 5px;
}
.RHA_TableBodyBenefitType
{	
    font-family: Arial, Tahoma, Helvetica;
	font-size: 10pt;
    font-weight: normal;
	background-color: #f6f7e1;
	BORDER: 0px solid;
	padding : 5px;
	text-align:left;

}

/* used for the Print Plan Details link*/
.Rha_TableLink:link, .Rha_TableLink:visited, .Rha_TableLink:active
{
	font-weight:	normal;
	font-size:	14px;
    text-decoration:    none;
    color:	#003399;
}

/* used for the Print Plan Details link*/
.Rha_TableLink:hover{
	font-weight:	normal;
	font-size:	14px;
    text-decoration: underline;
    color:	#003399;
}

.RHA_TableBody_White
{
    font-family: Tahoma, Arial, Helvetica;
	font-size: 10pt;
    font-weight: normal;
	background-color: #FFFFFF;
	BORDER: none;
}


.RHA_TableBody_NoBorder
{
    font-family: Tahoma, Arial, Helvetica;
	font-size: 10pt;
    font-weight: normal;
	background-color: #f6f7e1;
	BORDER: 0px;
	MARGIN: 0px;
	PADDING: 0px;
}

.RHA_TableRowHeader
{
    font-family: Tahoma, Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	background-color: #dfeaca;
	BORDER: 0px;
	MARGIN: 0px;
	PADDING: 0px;
	
}
.RHA_TableRowHeader:hover
{
 	font-family: Tahoma, Arial, Helvetica;
	font-size: 11pt;
    font-weight: bold;
	text-decoration: underline;
	color: Black;
	BORDER: 0px;
	MARGIN: 0px;
	PADDING: 0px;
	
}

.ajax__tab_xp
{
      height: 14px;
      font-weight: bold;
      font-size: 33pt;
	
}
.ajax__tab_xp .ajax__tab_tab 
{
      height: 21px;
}


/************ Headings **********************************/
.heading
{
 	font-family:Arial,Tahoma,Helvetica;
	font-size: 13px;
	color: black;
	font-weight: bold;
	background-color: #f4eec8;
}
/************ AJAX related styles ***********************/
.accordionHeader
{
    border: 1px solid black	;
    color: Blue;
    background-color: #f8f7e4;
    /*text-decoration: underline;*/
 /****  color: black;  **/
 /**   background-color: #f4f2ce;   **/
    font-weight: bold;
    font-size:10pt;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeader:hover
{
	text-decoration: underline;
}
.accordionNoHeader
{
    color:white;
    height:0px;
    padding:0px;
    margin-top: 0px;
    border-bottom: 1px solid black;
}
.accordionContentNoBorder
{
    background-color: white;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionContent
{
    background-color: white;
    border: 1px solid black;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionSelected
{

    border: 1px solid black;
    color: white;
    background-color: white;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;

}
/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
	height: 50px;
	position:relative;
	top:50%;
	left:50%;
}
.confirm
{
	background-color:White;
        padding:20px;
        width:280px;
}
.NormalCalendar .ajax__calendar_container {
    border:1px solid black;
    background-color: #f6f7e1;
    color: black;
}