html {overflow-y: scroll;}

/* -------------------------------------
/*  Masthead log on/off elements
/* -------------------------------------*/

#logon {
	margin-top:				20px;
}

.input_button {
	vertical-align: 		middle;
}

.textbox {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
	color:					#000000;
}

.textboxerror {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
	color:					#000000;
	background:				#ffff99;
}

a.logoff:link, a.logoff:active, a.logoff:visited, a.logoff:hover {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
	color:					#FADF26;
	text-decoration:		uderline;
}
a.logoff:hover {
	color:					#FFFFFF;
	text-decoration:		underline;
}

/* -------------------------------------
/*  Standard fonts
/* -------------------------------------*/

.sm_white {
	color:					#ffffff;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
}

.med_white {
	color:					#ffffff;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
}

.sm_black {
	color:					#000000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
}

.med_yellow {
	color:					#FADF26;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
}

.med_black {
	color:					#000000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
}

.med_red {
	color:					#CC0000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
}

.lg_blue {
	color:					#093981;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
}

.xlg_blue {
	color:					#093981;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				24px;
	font-weight:			bold;
}

.med_blue_bold {
	color:					#093981;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	font-weight:			bold;
}

.score {
	color:					#000000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	border-bottom-width:	1px;
	border-bottom-style:	solid;
	border-bottom-color:	#DEE4F5;
}

.scoreself {
	color:					#000000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	background-color:		#ffff99;
	border-bottom-width:	1px;
	border-bottom-style:	solid;
	border-bottom-color:	#DEE4F5;
}

.recent {
	color:					#FF0000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	border-bottom-width:	1px;
	border-bottom-style:	solid;
	border-bottom-color:	#DEE4F5;
}

.recentself {
	color:					#FF0000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	background-color:		#ffff99;
	border-bottom-width:	1px;
	border-bottom-style:	solid;
	border-bottom-color:	#DEE4F5;
}

.anon {
	color:					#999999;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	border-bottom-width:	1px;
	border-bottom-style:	solid;
	border-bottom-color:	#DEE4F5;
}


.error {
	color:					#ff0000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
}

.topnavlink {
	margin-left:			15px;
	margin-top:				15px;
	margin-bottom:			6px;
}

.navlink {
	margin-left:			15px;
	margin-bottom:			6px;
}

.feature {
	margin-top:				5px;
	margin-left:			15px;
}

.title {
	margin-top:				15px;
}

p {
	margin-top:				7px;
}



a.text:link, a.text:active, a.text:visited, a.text:hover {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#093981;
	text-decoration:		uderline;
}
a.text:hover {
	color:					#093981;
	text-decoration:		underline;
	/* background-color:		#F9E97A; */
	background-color:		#FADF26;
}

a.textgrey:link, a.textgrey:active, a.textgrey:visited, a.textgrey:hover {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#888888;
	text-decoration:		uderline;
}
a.textgrey:hover {
	color:					#093981;
	text-decoration:		underline;
	/* background-color:		#F9E97A; */
	background-color:		#FADF26;
}

.greylink {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#888888;
	text-decoration:		underline;
}

.greytablink {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
	color:					#888888;
	text-decoration:		none;
}

.sm_grey {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#888888;
}

.med_grey {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#888888;
}

a.sm_text:link, a.sm_text:active, a.sm_text:visited, a.sm_text:hover {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#093981;
	text-decoration:		underline;
}
a.sm_text:hover {
	color:					#093981;
	text-decoration:		underline;
	background-color:		#F9E97A;
}

.selectbox {
	font-family:			Arial, Helvetica, sans-serif;
	margin-bottom:			4px;
	vertical-align:			middle;
}

/* -------------------------------------
/*  Tabbed menu elements
/* -------------------------------------*/

a.menu:link, a.menu:active, a.menu:visited, a.menu:hover {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
	color:					#ffffff;
	text-decoration:		none;
}
a.menu:hover {
	color:					#FADF26;
	text-decoration:		underline;
}

.menubox {
	background:				#041E44 url(../images/divider.gif) no-repeat bottom right;
}

.menuboxhit {
	background:				#ffffff url(../images/divider.gif) no-repeat bottom right;
}



/* -------------------------------------
/*  Footer elements
/* -------------------------------------*/

a.footer:link, a.footer:active, a.footer:visited, a.footer:hover {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#ffffff;
	text-decoration:		underline;
}
a.footer:hover {
	color:					#FADF26;
	text-decoration:		underline;
}

.footer_divider {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#777777;
}



/* -------------------------------------
/*  CSS button 1
/* -------------------------------------*/

.cssbtn1 {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/btn_playnow_over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 161px;
	height: 80px;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-top: 15px;
}

.cssbtn1 a {
	display: block;
	color: #000000;
	font-size: 15px;
	width: 161px;
	height: 80px;
	display: block;
	float: left;
	color: white;
	text-decoration: none;
}

.cssbtn1 img {
	width: 161px;
	height: 80px;
	border: 0;
}

* html a:hover {
	visibility:visible
}

.cssbtn1 a:hover img {
	visibility:hidden;
	margin-left: 10px;
}



/* -------------------------------------
/*  CSS button 2
/* -------------------------------------*/

.cssbtn2 {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/btn_signup_over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 161px;
	height: 62px;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-top: 15px;
}

.cssbtn2 a {
	display: block;
	color: #000000;
	font-size: 15px;
	width: 161px;
	height: 62px;
	display: block;
	float: left;
	color: white;
	text-decoration: none;
}

.cssbtn2 img {
	width: 161px;
	height: 62px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.cssbtn2 a:hover img {
	visibility:hidden
}



/* -------------------------------------
/*  CSS button 3
/* -------------------------------------*/

.cssbtn3 {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/btn_playnow_over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 161px;
	height: 80px;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-bottom: 15px;
}

.cssbtn3 a {
	display: block;
	color: #000000;
	font-size: 15px;
	width: 161px;
	height: 80px;
	display: block;
	float: left;
	color: white;
	text-decoration: none;
}

.cssbtn3 img {
	width: 161px;
	height: 80px;
	border: 0;
}

* html a:hover {
	visibility:visible
}

.cssbtn3 a:hover img {
	visibility:hidden;
	margin-left: 10px;
}

