@charset "utf-8";
/* CSS Document */

body{
	background-color:#EBEBEB;
	margin-top:0;
	margin-bottom:0;
	background-image:url(../Images/CSS_IMG/Bg_Grad_Top.jpg);
	background-position:top;
	background-repeat:repeat-x;
	-webkit-text-size-adjust:none;
}

a {
	text-decoration:none;
}

a:link{
	color:#000099;
}

a:hover{
	color:#0099FF;
	text-decoration:underline;
}

a:visited{
	color:#000099;
}

.table{
	width:860px;
}

/* MENU */

ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 6.6em;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 7.2em;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}

ul.MenuBarHorizontal ul li
{
	width: 7.2em;
}

ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}

ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color:#333333;
	text-decoration: none;
	background-image:url(/Images/Menu_Grad.gif)
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-image:url(/Images/Menu_Hover.gif);
	background-color:#9BACD5;
	color:#000000;
}

li.selected a
{
	background-color: #9BACD5;
	color:#000000;
	background-image:url(/Images/Menu_Selected.gif);
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #9BACD5;
	color: #000000;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(/Scripts/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(/Scripts/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(/Scripts/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(/Scripts/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}

@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

.formbutton_60px{
	cursor:pointer;
	background-image:url(/Images/Button_60.gif);
	background-repeat:no-repeat;
	border:#999999;
	border-width:0px;
	color:#FFFFFF;
	width:60px;
	height:22px;
}

.formbutton_40px{
	cursor:pointer;
	background-image:url(/Images/Button_40.gif);
	background-repeat:no-repeat;
	border:#999999;
	border-width:0px;
	color:#FFFFFF;
	width:40px;
	height:20px;
}

.home_font{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.Grad_top{
	background-image:url(/Images/Top_Grad.gif);
	height:25px;
}

.Main_header{
	background-image:url(/Images/Header.gif);
}

.Header_LIVE{
	background-image:url(/Images/Header_LIVE.gif);
}


.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	background-image:url(/Images/Pref_grad.gif);
	height:20px;
}

.CollapsiblePanelContent {
	background-color:#FBFBFB;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
	background-image:url(/Images/Tab_Selected_Blue.gif);
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}

.Menu_Grad_Back{
	background-image:url(/Images/Menu_Grad.gif);
}

.header_font{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#D4D4D4;
	text-align:center;
}

.drop_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:center;
}

.box_font{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.header_400px_box{
	background-image:url(/Images/Box_Header.gif);
	background-repeat:no-repeat;
}

.about_back{
	background-image:url(/Images/about_back.gif);
	background-repeat:no-repeat;
	background-color:#E5E5E5;
}

.Request_back{
	background-image:url(/Images/Request_back.gif);
	background-repeat:no-repeat;
	background-color:#E5E5E5;
}

.Login_back{
	background-image:url(/Images/Login_back.gif);
	background-repeat:no-repeat;
	background-color:#E5E5E5;
}

.POS_back{
	background-image:url(../Images/Members/POS_Bg.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

.Thursday_back{
	background-image:url(../Days/Thursday/Images/back.png);
	background-repeat:no-repeat;
	background-color:#E5E5E5;
}

.Alison_back{
	background-image:url(../Images/Members/Alison_Back.gif);
	background-repeat:no-repeat;
	background-color:#EDECEC;
}

#wrapper {
	width: 168px;
	height: 168px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
	visibility: visible;
}

#Site a:link{
	color:#D4D4D4;
}

#Site a:hover{
	color:#E5E5E5;
	text-decoration:underline;
}

#Site a:visited{
	color:#D4D4D4;
}

.search{
	width:90px;
	background-color:#9BACD5;
	background-image:url(/Images/searchback.gif);
	border:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#Address_container{
	margin:0 auto;
	width:250px;
	height:auto;
	padding:3px;
}

.on_Air{
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
margin:0 auto;
}

.commentfooter{
background: url(../Images/Members/arrow.gif) 20px 0 no-repeat;
padding-left: 58px;
padding-top: 1px;
font-size: 90%;
color: #4A4A4A;
margin:0 auto;
width:398px;
}

#top_menu_container{
	width:523px;
	height:44px;
	margin: 0 auto;
	padding-top:4px;
	overflow:visible;
}	

#Show_menu_container{
	width:150px;
	height:44px;
	margin: 0 auto;
	padding-top:4px;
	overflow:visible;
}	

/*MENU TOP CSS */

.menu_topbuttonmenu{ /*container that holds a row of menu_top buttons*/
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 580px;
	border: 1px solid gray;
	padding: 3px 0;
	border-width: 0px 0;
}

* html .menu_topbuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 520px;
}

.menu_topbuttonmenu a.menu_top{ /*menu_top button CSS*/
background: transparent url('../Images/top_menuleft.gif') no-repeat top left;
display: block;
float: left;
font: 12px Arial, Helvetica, sans-serif;
line-height: 20px; /* This value + 8px should equal height of button background (default is 31px) */
height: 23px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.7;
-moz-opacity: 0.7;
vertical-align:middle;
}

.menu_topbuttonmenu a.menu_top:link, .menu_topbuttonmenu a.menu_top:visited, .menu_topbuttonmenu a:active{
color:#fff; /*button text color*/
}

.menu_topbuttonmenu a.menu_top span{
background: transparent url('../Images/top_menuright.gif') no-repeat top right;
display: block;
padding: 1px 10px 6px 0px; /*Set 10px here to match value of 'padding-left' value above*/
}

.menu_topbuttonmenu a.menu_top:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.menu_topbuttonmenu a.menu_top:hover span{ /* Hover state CSS (for text) */
color:#fff;
}

/*USERNAME AND PASSWORD BOXES */

.text_field{
	width:150px;
	border:1px solid #000099;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000066;
}

#container{
	width:100%;
	height:20px;
	background-image:url(../Images/Pref_grad.gif);
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:3px;
	margin-top:20px;
	
	
}

#cont_content{
	width:100%;
	min-height:30px;
	background-color:#FFFFFF;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
	padding-bottom:3px;
	
}

#slips{
	width:640px;
	height:420px;
	background-image:url(../Images/Members/Email_Back.png);
	background-repeat:no-repeat;
	margin:0 auto;
	padding-top:80px;
	padding-left:30px;
	padding-right:30px;
	text-align:left;
}

.slipsmessgaebox{
	width:100%;
	height:200px;
}

.slipstextbox{
	width:100%;
}

.slipsbutton{
	width:100px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:none;
	background-image:url(../Images/Members/Button.png);
	background-repeat:no-repeat;
}



.membutgo {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 0px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.membutgo a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.membutgo a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.membutgo span img {
	border: 0px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.membutgo a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color:#99CCFF; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-image:url(../Images/Members/Go.png);
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
	width:57px;
	height:44px;
}

.membutgo img { /* leave or IE puts a border around links */
border-width: 0;
}

.membutgo a:hover span { 
	display:block;
	top: 5px; /* means the pop-up's top is 50px away from thumb's top */
	left: 57px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */

.memberalertbox{
	width:747px;
	background-color:#FFD7D8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0 auto;
	text-align:left;
	padding-left:5px;
}

.infodropbox {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 0px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.infodropbox a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.infodropbox a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.infodropbox span img {
	border: 0px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.infodropbox a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color:#E5E5E5; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-image:url(../Images/Members/Infodropbox.png);
	background-repeat:no-repeat;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 81px;
	width:183px;
	height:44px;
	text-align:left;
}

.infodropbox img { /* leave or IE puts a border around links */
border-width: 0;
}

.infodropbox a:hover span { 
	display:block;
	top: 5px; /* means the pop-up's top is 50px away from thumb's top */
	left: 57px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.dropdownmembut {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 0px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.dropdownmembut a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.dropdownmembut a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.dropdownmembut span img {
	border: 0px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.dropdownmembut a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color:#E5E5E5; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-image:url(../Images/Members/dropdownmembut.gif);
	background-repeat:no-repeat;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width:120px;
	height:200px;
	text-align:center;
}

.dropdownmembut img { /* leave or IE puts a border around links */
border-width: 0;
}

.dropdownmembut a:hover span { 
	display:block;
	top: 145px; /* means the pop-up's top is 50px away from thumb's top */
	left: 0px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

#homecontentlower{
	width:100%;
	height:91px;
	background-image:url(../Images/HomeContent_Lower.gif);
	background-repeat:no-repeat;
}

#indecisivetop{
	width:800px;
	height:200px;
	margin:0 auto;
	background-image:url(../Indecisive/Photos/Indecisive-Top.png);
	background-repeat:no-repeat;
}

#indecisivemain{
	width:800px;
	min-height:200px;
	background-color:#FFFFFF;
	margin:0 auto;
}

#homeboxtop{
	width:305px;
	height:20px;
	background-image:url(../Images/CSS_IMG/Home_Box_Top.gif);
	text-align:center;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#homeboxmid{
	width:295px;
	min-height:40px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

#homeboxmid_nopad{
	width:305px;
	min-height:40px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;

}

#homeboxbot{
	width:305px;
	height:15px;
	background-image:url(../Images/CSS_IMG/Home_Box_Bot.gif);
}

#homepadding{
	height:15px;
	width:10px;
}

#homeboxWIDEtop{
	width:530px;
	height:21px;
	background-image:url(../Images/CSS_IMG/Home_Box_Wide_Top.gif);
	text-align:center;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#homeboxWIDEmid{
	width:520px;
	min-height:40px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

#homeboxWIDEbot{
	width:530px;
	height:15px;
	background-image:url(../Images/CSS_IMG/Home_Box_Wide_Bot.gif);
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid;
border-bottom-width: 0px;
width: 530px; /*width of featured content slider*/
height: 280px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background:none;
width: 530px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 300px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 515px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-image:url(../Images/HomeIMG/Bottom_Rounder.jpg);
background-repeat:no-repeat;
padding-top:5px;
padding-right:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:20px;
font-weight:bold;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #000;
background: #D7D7D7;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #fff;
}

#ESBox{
	width:172px;
	height:35px;
	background-image:url(../Images/CSS_IMG/ESBox.gif);
	background-repeat:no-repeat;
	margin-top:15px;
	padding-top:10px;
	padding-left:133px;
}

.searchbg{
	background-image:url(../Images/CSS_IMG/Searchbg.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	height:16px;
	width:100px;
	background-repeat:no-repeat;
	border:none;
	margin-top:0px;
	padding: 1px;
	-webkit-border-radius:0px;
}

.searchbut{
	background-image:url(../Images/CSS_IMG/button.gif);
	height:18px;
	width:40px;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border:none;
	margin-top:0px;
	margin-left:0px;
	background-color:#6078B0;
	-webkit-border-radius:0px;
	cursor:pointer;
}

#customisetab{
	width:100%;
	height:20px;
	background-image:url(../Images/CSS_IMG/Customise.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#customisebody{
	width:831px;
	min-height:40px;
	background-color:#C9C9C9;
	text-align:left;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.hugeMYDfont{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	font-weight:bold;
}

#betatab-to-be-REMOVED{
	left:0;
	top:0;
	width:50px;
	height:50px;
	background-image:url(../Images/CSS_IMG/Beta.png);
	position:absolute;
}

.logout{
	background-color:#CC0000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:1px solid #000000;
	padding:3px;
}