body {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  overflow:auto;
  font-size: 8pt;  
  scrollbar-face-color : #D50000; 
  scrollbar-highlight-color : #F50000;
  scrollbar-3dlight-color : #F50000;
  scrollbar-shadow-color : #F50000;
  scrollbar-darkshadow-color : #F50000;
  scrollbar-track-color : #F50000;
  scrollbar-arrow-color : #FFFFFF;
}

.msgTextbox {
  scrollbar-face-color : #FFFFFF; 
  scrollbar-highlight-color : #A7A6AA;
  scrollbar-3dlight-color : #FFFFFF;
  scrollbar-shadow-color : #A7A6AA;
  scrollbar-darkshadow-color : #FFFFFF;
  scrollbar-track-color : #FFFFFF;
  scrollbar-arrow-color : #A7A6AA;
}

A:link {text-decoration: none; font-weight:bold; color:#666; }
A:visited {text-decoration: none; font-weight:bold; color:#666; }
A:active {text-decoration: underline; font-weight:bold; color:#666; }
A:hover {text-decoration: none; font-weight:bold; color:#FF9933; border-bottom: 1px dashed #666666; }

.LoginArea {
	height: 100%;
	width: 100%;	
	vertical-align:middle;
}

.LoginTextField {
	border: #550000 1px solid;
	background-color: #910000;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	height: 20px;
	color: #EEEEEE;
}

.LoginButton {
	background-color: #910000;
	font-family: verdana, sans-serif;
	border: #550000 2px solid;
	font-size: 10pt;
	font-weight: bold;
	color: #EEEEEE;
}

.RegTextField {
	border: #AAAAAA 1px solid;
	background-color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	height: 20px;
	color: #000000;
}

.CountTextField {
	border: #FFFFFF 1px solid;
	background-color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	text-align:center;
}

.white_font_8 {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #EEEEEE;
}

.yellow_font_8 {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #FFCC00;
}
.yellow_font_8 a{
text-decoration: none;
font: 8pt Verdana; /*tab font */
color: #FFCC00; /*font color */
}
.yellow_font_8 a:active {
text-decoration: none;
font: 8pt Verdana; /*tab font */
color: #FFCC00;
}
.yellow_font_8 a:visited {
text-decoration: none;
font: 8pt Verdana; /*tab font */
color: #FFCC00;
}
.yellow_font_8 a:hover {
text-decoration: underline;
font: 8pt Verdana; /*tab font */
color: #FFFFFF;
}

.grey_font_8 {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #666666;
}

.grey_font_10 {
	font-family: verdana, sans-serif;
	font-size: 10pt;
	color: #666666;
}

.grey_font_10_pad_left {
	font-family: verdana, sans-serif;
	font-size: 10pt;
	color: #666666;
	padding-left: 20px;
}

.black_font_8_pad_left {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding-left: 20px;
}

.black_font_8 {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.black_font_10 {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color:#000000;
}

.header_font_8_pad_right {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #F4F4F4;
	padding-right: 30px;
	padding-bottom: 10px;
}

.footer_font_8_pad_left {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding-left: 70px;
}

.success_font_10 {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color:#00CC33;
}

.menu_font_8 {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #333333;
}

.menu{
	vertical-align:middle;
	text-align:center;
}
.menu a{
text-decoration: none;
font: bold 10px Verdana; /*tab font */
color: #626262; /*font color */
}
.menu a:active {
text-decoration: none;
font: bold 10px Verdana; /*tab font */
color: #FF0000;
}
.menu a:visited {
text-decoration: none;
font: bold 10px Verdana; /*tab font */
color: #626262;
}
.menu a:hover {
text-decoration: none;
font: bold 10px Verdana; /*tab font */
color: #FF9933;
border-bottom: 1px dashed #666666;
}
.menu TD {
  PADDING-LEFT: 7px; 
  PADDING-RIGHT: 7px;
}

.img_border {
	border: #CCCCCC 1px solid;
}

.cell_pad_15{
	padding-top: 15px;
	padding-bottom: 15px;
}

hr.hr_lineAndDot_grey {
	width: 90%;
	border-top: 1px dashed #666666;
    border-bottom: 1px solid #666666;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 4px;
}

/* Email */

td.mailbox {
  PADDING-TOP: 10px; 
  font: 10px Verdana;
  color: #999999;
  cursor: pointer
}

th.mailbox {
  font: bold 10px Verdana;
  color: #999999;
  cursor: pointer
}

.mailbox a, a:active{
text-decoration: none;
font: bold 10px Verdana; /*tab font */
color: #000000; /*font color */
cursor: pointer
}

.mailbox a:visited {
text-decoration: none;
font: 10px Verdana; /*tab font */
color: #626262;
cursor: pointer
}

.mailbox a:hover {
background-color:#000066;
text-decoration: none;
font: 10px Verdana; /*tab font */
color: #FFFFFF;
cursor: pointer
}

DIV.replywindowstyle, TD.replywindowstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BORDER-RIGHT: red 1px solid; 
  PADDING-RIGHT: 10px; 
  BORDER-TOP: red 1px solid; 
  DISPLAY: none; 
  PADDING-LEFT: 10px; 
  LEFT: 0px; 
  PADDING-BOTTOM: 10px; 
  BORDER-LEFT: red 1px solid; 
  PADDING-TOP: 10px; 
  BORDER-BOTTOM: red 1px solid; 
  POSITION: absolute; TOP: 100px; LEFT: 200px; 
  BACKGROUND-COLOR: white;
  Z-INDEX: 101; 
}

DIV.eventwindowstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BORDER-RIGHT: red 1px solid; 
  PADDING-RIGHT: 10px; 
  BORDER-TOP: red 1px solid; 
  /*DISPLAY: none;*/ 
  PADDING-LEFT: 10px; 
  PADDING-BOTTOM: 10px; 
  BORDER-LEFT: red 1px solid; 
  PADDING-TOP: 10px; 
  BORDER-BOTTOM: red 1px solid; 
  /*POSITION: absolute; TOP: 100; LEFT: 10;*/
  /*POSITION: absolute;  */
  BACKGROUND-COLOR: #cccfff;
  Z-INDEX: 101; 
}

TH.eventwindowstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BACKGROUND-COLOR: #cccfff;
  FONT-WEIGHT: bold
}

TD.eventwindowstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BACKGROUND-COLOR: #cccfff;
}

INPUT, SELECT  {
	background-color: #ffffff;
	font-family: verdana, sans-serif;
	border: #333333 1px solid;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

DIV.summaryeventstyle, TD.summaryeventstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  WIDTH: 400px 
  BORDER-RIGHT: red 1px solid; 
  PADDING-RIGHT: 10px; 
  BORDER-TOP: red 1px solid; 
  /*DISPLAY: none;*/ 
  PADDING-LEFT: 10px; 
  PADDING-BOTTOM: 10px; 
  BORDER-LEFT: red 1px solid; 
  PADDING-TOP: 10px; 
  BORDER-BOTTOM: red 1px solid; 
  /*POSITION: absolute; */
  BACKGROUND-COLOR: #cccfff;
  Z-INDEX: 101; 
}

TH.entrysummaryeventstyle, TD.entrysummaryeventstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  PADDING-RIGHT: 3px; 
  /*DISPLAY: none;*/ 
  PADDING-LEFT: 0px; 
  PADDING-BOTTOM: 3px; 
  PADDING-TOP: 0px; 
}

/*DIV.neweventstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  WIDTH: 640px; 
  BORDER-RIGHT: red 1px solid; 
  PADDING-RIGHT: 10px; 
  BORDER-TOP: red 1px solid; 
  DISPLAY: none; 
  PADDING-LEFT: 10px; 
  PADDING-BOTTOM: 10px; 
  BORDER-LEFT: red 1px solid; 
  PADDING-TOP: 10px; 
  BORDER-BOTTOM: red 1px solid; 
  POSITION: absolute;
  BACKGROUND-COLOR: #cccfff;
  Z-INDEX: 101; 
}*/

TABLE.neweventstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BACKGROUND-COLOR: #CCCCCC;
  PADDING: 10px;
}

TD.neweventstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BACKGROUND-COLOR: #CCCCCC;
}

TH.neweventstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  font-weight: bold;
  BACKGROUND-COLOR: #CCCCCC;
}

INPUT.neweventstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 12px;
  color: black;
  /*font-weight:bold;*/
  BORDER-RIGHT: gray 1px solid; 
  BORDER-TOP: gray 1px solid; 
  BORDER-LEFT: gray 1px solid; 
  BORDER-BOTTOM: gray 1px solid; 
  BACKGROUND-COLOR: #ffffff;
}

SELECT.neweventstyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BORDER-RIGHT: gray 1px solid; 
  BORDER-TOP: gray 1px solid; 
  BORDER-LEFT: gray 1px solid; 
  BORDER-BOTTOM: gray 1px solid; 
  BACKGROUND-COLOR: #ffffff;
}



DIV.notification { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 12px;
  BORDER-RIGHT: red 1px solid; 
  PADDING-RIGHT: 5px; 
  BORDER-TOP: red 1px solid; 
  DISPLAY: none; 
  PADDING-LEFT: 5px; 
  LEFT: 0px; 
  PADDING-BOTTOM: 10px; 
  BORDER-LEFT: red 1px solid; 
  PADDING-TOP: 10px; 
  BORDER-BOTTOM: red 1px solid; 
  POSITION: absolute; TOP: 0px; 
  BACKGROUND-COLOR: white 
}

DIV.msglist {
  BACKGROUND-COLOR: #ffffff;
  width: 400px;
  height: 250px;
  overflow: auto;
}

DIV.monitorusage {
  background-color: #cccfff; width: 230px; height: 190px; overflow: auto; border: #cccccc 1px solid;
}

TABLE.monitorusage, TD.monitorusage { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BACKGROUND-COLOR: #cccfff;
}


DIV.changePwdPanel, DIV.extraInfoPanel {
  position:absolute; 
  top:360; 
  left:280;	
  BACKGROUND-COLOR: white; 
  display: none;
}

TABLE.changePwdPanel, TABLE.extraInfoPanel {
  BORDER-RIGHT: gray 1px solid; 
  BORDER-TOP: gray 1px solid; 
  BORDER-LEFT: gray 1px solid; 
  BORDER-BOTTOM: gray 1px solid; 
  PADDING-TOP: 10px; 
  PADDING-LEFT: 5px; 
  PADDING-RIGHT: 5px; 
}

INPUT.extraInfoPanel {
  BORDER-RIGHT: gray 1px solid; 
  BORDER-TOP: gray 1px solid; 
  BORDER-LEFT: gray 1px solid; 
  BORDER-BOTTOM: gray 1px solid; 
}

DIV.notification { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 12px;
  BORDER-RIGHT: #999999 1px dashed; 
  PADDING-RIGHT: 10px; 
  BORDER-TOP: #999999 1px dashed; 
  DISPLAY: none; 
  PADDING-LEFT: 10px; 
  LEFT: 0px; 
  PADDING-BOTTOM: 10px; 
  BORDER-LEFT: #999999 1px dashed; 
  PADDING-TOP: 10px; 
  BORDER-BOTTOM: #999999 1px dashed; 
  POSITION: absolute; TOP: 0px; 
  /*BACKGROUND-COLOR: white */
}

.navigation {
  border: #CCCCCC 0px solid;
  background-color: #FFFFFF;
  font-family: verdana, sans-serif;
  font-size: 10px;
  /*font-weight:bold;*/
  height: 10px;
  color: #CC9900;  
  text-align:center;
  background-image:url(../img/icons/btn-bk1.gif); 
  background-repeat:repeat-x
}

TABLE.guestliststyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  /*WIDTH: 640px;*/ 
  /*BORDER-RIGHT: red 1px solid; 
  PADDING-RIGHT: 10px; 
  BORDER-TOP: red 1px solid;*/ 
  /*DISPLAY: none;*/ 
  /*PADDING-LEFT: 10px; 
  PADDING-BOTTOM: 10px; 
  PADDING-TOP: 10px; 
  BORDER-LEFT: red 1px solid; 
  BORDER-BOTTOM: red 1px solid;*/ 
  /*POSITION: absolute; */
  BACKGROUND-COLOR: #00FF00;
  Z-INDEX: 101; 
}

TD.guestliststyle, TH.guestliststyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 10px;
  BACKGROUND-COLOR: #CCCCCC;
  Z-INDEX: 101; 
}

TH.guestliststyle { 
  FONT-WEIGHT: Bold;
  color: #666666;
}

INPUT.guestliststyle { 
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  FONT-SIZE: 12px;
  BORDER-RIGHT: gray 1px solid; 
  BORDER-TOP: gray 1px solid; 
  BORDER-LEFT: gray 1px solid; 
  BORDER-BOTTOM: gray 1px solid; 
  BACKGROUND-COLOR: #ffffff;
}

#tabChangeDetails A, #tabChangeDetails A:hover, #tabChangePwd A, #tabChangePwd A:hover
{
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	text-decoration:none
}

TD.tab  
{
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	background-color:#ffffff;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;	
	border-bottom: #ffffff 0px solid;
}

TD.activetab
{
	color: #ffffff;
	background-color:#F50000;
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;	
	border-bottom: #F50000 1px solid;
}

DIV.notification 
{
	BORDER: red 0px solid;
	POSITION: absolute;
	BACKGROUND-COLOR: #666;
	filter:alpha(opacity=50);
	z-index: 1;
	-moz-opacity:.50;
	opacity:.50;
	left: 0px;
	top: 0px;
	display: none;
	width:100%;
	height:100%;
	color:#000000;
	text-align:center;
	padding-top: 180px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:16px;
}