#extra_controls, #scrollbar { 
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
	position:relative;
	width:520px; height:300px; 
	overflow:hidden;
	}
div.content { /* hide content to be swapped in */
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	}
div#lyr1 { /* show first div */
    visibility:visible;
   width: 100%;
   padding-right: 10px;
   padding-left: 10px;
    }
div#scrollbar { 
  position:relative;
  width:9px; height:300px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:9px; height:280px;
  background: #ffffff;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#f0e2d9;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
    
/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}
/* scroller end */


#page A:link { color: #cc6600; text-decoration: none; }
#page A:active { color: #cc6600; text-decoration: none; }
#page A:visited { color: #cc6600; text-decoration: none; }
#page A:hover { color: #cc6600; text-decoration: none; }

/* -------------------------------------------------------------- [ Genral ] ------------------------------------------------------ */

body {
	background-color: #ffffff;
	overflow: auto;
	}

body,table,td,p,div,span,input,select,option,button {
	color: black;
	font-family: arial;
	font-size: 12px;
	}

/* -------------------------------------------------------------- [ Misc ] ------------------------------------------------------ */

.brHeight {
	line-height: 3px;
	}

.smlNote {
	padding:3px;
	border:1px solid #D2D6D7;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D3D9E2', startColorstr='#F9FAFB', gradientType='0');
	background-color: #FFFFFF;
	}

.pageTitle {
	text-align:		center;
	width:		100%;
	font-weight: 	bold;
	font-size: 		18px;
	padding-right: 	10px;
	padding-left:	10px;
	color:		#446D8C;
	}

.smallTitle {
	font-weight: bold;
	font-size: 13px;
	}

.itemBox {
	border-bottom: 1px dotted black;
	padding:2px;
	margin: 2px 4px 10px 4px;
	}

/* -------------------------------------------------------------- [ Forms ] ------------------------------------------------------ */

.formSelect {
	background-color: #EDF0F3;
	border:1px solid #D3D9E2;
	}

.formInput {
	background-color: #EDF0F3;
	border:1px solid #D3D9E2;
	}

.formTextarea {
	border:1px solid #D3D9E2;
	background-color: #EDF0F3;
	width: 250px;
	height: 80px;
	}

.formText {
	border:1px solid #D3D9E2;
	background-color: #EDF0F3;
	}

.formButton {
	border:1px solid #446D8C;
	background-color: #EDF0F3;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D3D9E2', startColorstr='#F9FAFB', gradientType='0');
	}

.notes {
	font-size: 10px;
	color: red;
	}

.repText {
	width: 200px;
	}


/* -------------------------------------------------------------- [ Events ] ------------------------------------------------------ */

.dayHeader {
	width: 105px;
	background-color: #DEE6EF;
	border:1px solid #446D8C;
	color: #446D8C;
	font-size: 16px;
	font-weight: bold;
	}

.someDay {
	width: 105px;
	height: 90px;
	background-color: #EDF0F3;
	border:1px solid #D2D6D7;
	}

.toDay {
	width: 105px;
	height: 90px;
	background-color: #F5F8FB;
	border:1px solid #446D8C;
	}

.mainCalendar {
	}

.dateNum2 {
	font-family: Guttman Yad-Brush;
	color: #446D8C;
	font-size: 18px;
	padding: 2px;
	}

.dateNum {
	width: 100%;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D3D9E2', startColorstr='#F9FAFB', gradientType='0');
	padding-right: 2px;
	padding-left: 2px;
	}

.dateLink2 {
	color: blue;
	font-size:11px;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
	}

.numLink {
	color: red;
	font-size:10px;
	text-decoration: none;
	}

.totalEvents {
	font-size:10px;
	color: #555555;
	}

/* -------------------------------------------------------------- [ Calendar ] ------------------------------------------------------ */

.calTable {
	border:1px solid #555555;
	}

.calTableHeader {
	font-size: 12px; 
	color: black; 
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#DEE6EF', startColorstr='#446D8C', gradientType='0');
	font-weight: bold;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	}

.calCell {
	background-color: #DEE6EF;
	font-size: 10px; 
	color: black; 
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	}

.claNav {
	text-decoration: none;
	border: 1px solid #446D8C;
	background-color: #DEE6EF;
	width: 100%;
	height: 100%;
	text-align: center;
	color: black;
	font-weight: bold;
	}
.calTitle {
	font-size:12px;
	font-family: arial;
	}
.calMDayHeader {
	color: #446D8C; 
	width:14%;
	font-size:12px;
	font-family: arial;
	font-weight: bold;

	}
.someMDay {
	margin: 2px;
	border: 1px solid #D2D6D7;
	width:14%;
	height: 20px;
	font-size:10px;
	font-family: arial;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D3D9E2', startColorstr='#F9FAFB', gradientType='0');
	}
.thisDay {
	font-weight: bold;
	margin: 2px;
	border: 1px solid black;
	width:14%;
	height: 20px;
	font-size:12px;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#E9ECF1', startColorstr='#B7C7E6', gradientType='0');
	font-family: arial;
	}

.calHaveE {
	width: 90%;
	height: 90%;
	border: 1px solid #446D8C;
	padding: 1px;
	background-color: #DEE6EF;
	text-decoration: none;
	color: black;
	}

.notMAday {

	}

/* -------------------------------------------------------------- [ Poll ] ------------------------------------------------------ */

.pollGraphBack {
	background-color: #F8F9FA;
	border: 1px solid #446D8C;
	}

.pollGraphFront {
	background-color: white;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#BFDBE6', startColorstr='#E4F2F8', gradientType='0');
	}

/* -------------------------------------------------------------- [ Catalog ] ------------------------------------------------------ */

.cart_thered {
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	BORDER-LEFT: #ffffff 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #666666 1px solid;
	FONT-FAMILY: Verdana, Arial;
	BACKGROUND-COLOR: #cccccc;
	}
	
.cart_cell {
	BORDER-RIGHT: #797979 1px solid;
	BORDER-BOTTOM: #797979 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial;
	BACKGROUND-COLOR: #DFDFDF;
	}

.cart_units {
	BORDER: #AAAAAA 1px solid;
	width: 40px;
	BACKGROUND-COLOR: #EEEEEE;
	}

.catlogNavImage {
	
	}

.catlogNavTitle {
	width: 100%;
	color: #446D8C;
	font-weight: bold;
	text-decoration: none;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D3D9E2', startColorstr='#F9FAFB', gradientType='0');
	}

/* -------------------------------------------------------------- [ Forum ] ------------------------------------------------------ */

.forum_table {
	width: 100%;
	border-right: 1px solid #446D8C;
	border-top: 1px solid #446D8C;
	}

.forum_therd {
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D3D9E2', startColorstr='#F9FAFB', gradientType='0');
	background-color: white;
	padding: 5px;
	border-left: 1px solid #446D8C;
	border-bottom: 1px solid #446D8C;
	height: 30px;
	font-weight: bold;
	font-size: 14px;
	}

.forum_cell {
	padding: 2px;
	border-left: 1px solid #446D8C;
	border-bottom: 1px solid #446D8C;
	height: 30px;
	}

.forum_row {
	background-color: #E5E8EE;
	cursor: hand;
	}

.forum_rowOver {
	background-color: #D7DAE0;
	cursor: hand;
	}

.forum_title {
	color: black;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	}

.forum_desc {
	color: #8c0208;
	font-size: 10px;
	}

.forum_button {
	margin-top: 2px;
	width: 80px;
	height: 25px;
	text-align: center;
	background-color: white;
	border: 1px solid #446D8C;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D3D9E2', startColorstr='#F9FAFB', gradientType='0');
	color: black;
	cursor: hand;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	}

.forum_post_box {
	margin-top: 2px;
	border: 1px solid #D2D6D7;
	height: 80px;
	}

.forum_post_info {
	font-weight: bold;
	color: #446D8C;
	padding: 5px;
	width: 80px;
	background-color: #E5E8EE;
	border-left: 1px solid #D2D6D7;
	}

.forum_post_text {
	background-color: #EDF0F3;
	padding: 2px;
	}

.forum_post_top {
	color: #446D8C;
	padding: 2px;
	font-size: 10px;
	border-bottom: 1px solid #D2D6D7;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D3D9E2', startColorstr='#F9FAFB', gradientType='0');
	background-color: #E5E8EE;
	}
/* -------------------------------------------------------------- [ Happy ending ] ------------------------------------------------------ */