

/***** COLOUR INDEX
	---------------------------
	Colour 1 Default:	#
	Colour 1 Dark:		#
	---------------------------
	Colour 2 Default:	#
	Colour 2 Dark:		#
	---------------------------

*****/

html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* IE6 Background Flicker Fix */

/***** GLOBAL RESET *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
fieldset,img {  
	border: 0;
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style: normal; 
	font-weight: normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
}
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border: 0; 
} 


/***** GLOBAL STARTOVER *****/
body {
	font: 11px/1.25 Tahoma, arial, helvetica, sans-serif;
	color: #808080;
}

/***** HEADINGS *****/
h1, h2, h3, h4, h5 { color: #999; display: block; margin: 0; padding-bottom: 10px; }
	h1 a, h2 a, h3 a, h4 a, h5 a { color: #999; }
h1 { font-size: 19px; }
h2 { font-size: 17px }
h3 { font-size: 15px; }
	#terms h3 { padding: 5px 0;}
h4 { font-size: 13px; }
h5 { font-size: 11px; }

h1.pad_0 { padding: 0; }
h1.vip { background: url(/images/club_soda/feature/vip-medium.png) left 10px no-repeat; padding-left: 40px; }
h2.vip { background: url(/images/club_soda/feature/vip-medium.png) left 5px no-repeat; padding-left: 40px; }

/** error handling **/
.error { background: #ffe1e1; border: 1px solid #ff8383; color: #cc0000; clear:both;  font-size:11px; overflow: auto; padding: 2%; text-align: left; width: 95%; }

/***** COPY *****/
.copy_normal 	{ font-weight: normal; }
.copy_bold 		{ font-weight: bold; }
.copy_large 		{ font-size: 13px; }
.copy_Xlarge 	{ font-size: 15px; }
.copy_XXlarge	{ font-size: 17px; }
.copy_XXXlarge 	{ font-size: 19px; }
.copy_XXXXlarge	{ font-size: 21px; }
.copy_XXXXXlarge { font-size: 23px; }

.copy_small { font-size: 10px; line-height: 1.1em; }
.copy_small_caps { font-size: 10px; line-height: 1.1em; text-transform: uppercase; }

.copy_blue { color: #0195d7; }
.copy_orange { color: #FF8C1A;}
.copy_white { color: #FFF; }
.copy_light_grey { color: #b3b3b3; }
.copy_grey { color: #808080; }
.copy_red {color:#C60B0B; }
.copy_dark_grey { color: #4d4d4d; }
.copy_highlight { color: #8fcc14; }
.copy_premium { color: #0081c8; }
.copy_free_premium { color: #dc0e7d; }
.copy_enhanced { color: #966be7; }
.copy_download { color: #01a02c; }
.copy_error { color: #ff7841; }
.copy_strikeout { text-decoration: line-through; }

.copy_lineheight_1 { line-height: 1em; }
.copy_lineheight_1_1 { line-height: 1.1em; }
.copy_lineheight_1_2 { line-height: 1.2em; }

/***** BACKGROUNDS & BOXES *****/
.border_highlight  { border: 1px solid #8fcc14; }
.background_highlight  { background: #a1e517; }
.background_highlight_light  { background: #ecff8c; }
.background_vip { background: #e7f7ff; }
.background_error_light  { background: #ffd9cc }
.border_grey { border: 1px solid #d9d9d9; }
.border_TB_grey  { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; }
.border_B_grey  { border-bottom: 1px solid #d9d9d9; }
.border_TB_dotted_grey { border-bottom: 1px dotted #d9d9d9; border-top: 1px dotted #d9d9d9; }
.border_B_dotted_grey  { border-bottom: 1px dotted #d9d9d9; }
.border_T_dotted_grey  { border-top: 1px dotted #d9d9d9; }


.background_grey { background: #f2f2f2; }
.background_light_blue { background: #e7f7ff; }


/*** Tables ***/
caption { color: #8FCC14; font-size: 1.2em;  margin-bottom: 5px; }
table { font-size: 11px; }
table.padding3 th,
table.padding3 td {
	padding: 3px;
}
table td { vertical-align: top; }
table thead th { text-transform: uppercase; vertical-align: bottom; }
	
/*** Paragraphs ***/
p {
	margin: 0 0 10px 0;
	padding: 0;
}
p.XXXXlarge	 { font-size: 21px; }
p.XXXlarge	 { font-size: 19px; }
p.XXlarge 	 { font-size: 17px; }
p.Xlarge 	 { font-size: 15px; }
p.large		 { font-size: 13px; }
p.small		 { font-size: 10px; }

/*** Lists ***/
ul, ol {
	padding: 0 0 10px 30px;
}
ul {
	list-style: disc;
}
	ul.list li { margin-bottom: 5px; }
ol {
	list-style: decimal;
}
	ol li { margin-bottom: 10px; }

	#terms ol { list-style-position: inside; margin: 0; padding: 0;}
	ol ul { margin: 0 10px 15px 15px; padding: 0 15px; }

strong, .strong {
	font-weight: bold;
}

small {
	font-size: 10px;
}

img {
	border: 0;
}

sup {
	bottom: 0.3em;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.2em;
	position: relative;
	vertical-align: baseline;
}

acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
	letter-spacing: 1px;
}


/***** USEFUL CLASSES *****/
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
	.clear hr ,
	.clear_left hr,
	.clear_right hr	{ display: none; }

hr { 
	background: #fff;
	border-left: none; 
	border-bottom: none; 
	border-right: none; 
	border-top: 1px dotted #D9D9D9; 
	clear: both; 
	margin: 10px 0; 
	padding: 0;
	height: 1px;
}
hr.solid {
	border-top: 1px solid #D9D9D9;
}
hr.margin_5_0 { margin: 5px 0; }

.float_left 		{ display: inline; float: left; position: relative; }
.float_right 	{ display: inline; float: right; position: relative; }

.text_left 		{ text-align: left; }
.text_right 		{ text-align: right; }
.text_center 	{ text-align: center; }
.text_justify 	{ text-align: justify; }
.text_remove 	{ left: -9999px; position: absolute;}

.bold 			{ font-weight: bold; }
.italic 			{ font-style: italic; }
.underline 		{ border-bottom: 1px solid; }
.highlight 		{ background: #ffc; }

.wrap 			{ margin: 0 auto; width: 960px; }

.img-left 		{ float: left; margin: 4px 10px 4px 0; }
.img-right 		{ float: right; margin: 4px 0 4px 10px; }

.nopadding 		{ padding: 0; }
.noindent 		{ margin-left: 0; padding-left: 0; }
.nobullet 		{ list-style: none; list-style-image: none; }
	.nobullet li		{ clear: both}
.nomargin		{ margin: 0; }
.nowrap			{ white-space: nowrap; }

.marginauto		{ margin-left: auto; margin-right: auto; }
.pointer 		{ cursor: pointer; }
.displayblock 	{ display: block; }
.displaynone	{ display: none; }


.copy_strikeout { color: #ff6633; font-weight: bold; text-decoration: line-through; }

.quarter	{ display: inline; float: left; margin-right: 1%; width: 24%; }
.half		{ display: inline; float: left; margin-right: 2%; width: 48%; }
.third 		{ display: inline; float: left; margin-right: 2%; width: 31%; }
.twothirds 	{ display: inline; float: left; margin-right: 2%; width: 64%; }
.quarter + .last,
.half + .last,
.third + .last,
.twothirds + .last{ margin-right: 0; }

/* padding*/
.pad_0 { padding: 0; }

.pad_B_3 { padding-bottom: 3px; }

.pad_3 { padding: 3px; }
.pad_5 { padding: 5px; }

.pad_T_5 { padding-top: 5px; }
.pad_R_5 { padding-right: 5px; }
.pad_B_5 { padding-bottom: 5px; }
.pad_L_5 { padding-left: 5px; }

.pad_TB_5 { padding-bottom: 5px; padding-top: 5px; }
.pad_RL_5 { padding-left: 5px; padding-right: 5px; }

.pad_10 { padding: 10px; }

.pad_T_10 { padding-top: 10px; }
.pad_R_10 { padding-right: 10px; }
.pad_B_10 { padding-bottom: 10px; }
.pad_L_10 { padding-left: 10px; }

.pad_TB_10 { padding-bottom: 10px; padding-top: 10px; }
.pad_RL_10 { padding-left: 10px; padding-right: 10px; }

.pad_15 { padding: 15px; }

.pad_T_15 { padding-top: 15px; }
.pad_R_15 { padding-right: 15px; }
.pad_B_15 { padding-bottom: 15px; }
.pad_L_15 { padding-left: 15px; }

.pad_TB_15 { padding-bottom: 15px; padding-top: 15px; }
.pad_RL_15 { padding-left: 15px; padding-right: 15px; }

.pad_20 { padding: 20px; }

.pad_T_20 { padding-top: 20px; }
.pad_R_20 { padding-right: 20px; }
.pad_B_20 { padding-bottom: 20px; }
.pad_L_20 { padding-left: 20px; }

.pad_TB_20 { padding-bottom: 20px; padding-top: 20px; }
.pad_RL_20 { padding-left: 20px; padding-right: 20px; }

/*margin*/
.margin_0 { margin: 0; }
.margin_5 { margin: 5px; }
.margin_10 { margin: 10px; }
.margin_15 { margin: 15px; }
.margin_20 { margin: 20px; }

.margin_T_0 { margin-top: 0; }
.margin_B_0 { margin-bottom: 0; }

.margin_T_5 { margin-top: 5px; }		
.margin_R_5 { margin-right: 5px; }	
.margin_B_5 { margin-bottom: 5px; }	
.margin_L_5 { margin-left: 5px; }			

.margin_TB_5 { margin-bottom: 5px; margin-top: 5px; }
.margin_RL_5 { margin-left: 5px; margin-right: 5px; }

.margin_T_10 { margin-top: 10px; }		
.margin_R_10 { margin-right: 10px; }	
.margin_B_10 { margin-bottom: 10px; }	
.margin_L_10 { margin-left: 10px; }	

.margin_TB_10 { margin-bottom: 10px; margin-top: 10px; }
.margin_RL_10 { margin-left: 10px; margin-right: 10px; }

.margin_T_15 { margin-top: 15px; }		
.margin_R_15 { margin-right: 15px; }	
.margin_B_15 { margin-bottom: 15px; }	
.margin_L_15 { margin-left: 15px; }	

.margin_TB_15 { margin-bottom: 15px; margin-top: 15px; }
.margin_RL_15 { margin-left: 15px; margin-right: 15px; }


.margin_T_20 { margin-top: 20px; }		
.margin_R_20 { margin-right: 20px; }	
.margin_B_20 { margin-bottom: 20px; }	
.margin_L_20 { margin-left: 20px; }	

.margin_TB_20 { margin-bottom: 20px; margin-top: 20px; }
.margin_RL_20 { margin-left: 20px; margin-right: 20px; }

.margin_L_25{ margin-left: 25px; }	

.margin_L_45 { margin-left: 45px; }	
.margin_L_50 { margin-left: 50px; }	

.margin_R_70 { margin-right: 70px; }	
.margin_L_200 { margin-left: 200px; }

body {
	background: #ff8233 url(/images/custom/backgrounds/sas/sas_bg.gif) top repeat-x;
	/* DEFAULT background: none repeat scroll 0 0 #0D499B; */
	/*background: #FFF url(../images/custom/backgrounds/fantasy_zoo.jpg) top center no-repeat;
	/*background: #ebebeb url(../images/flavas/one/backgrounds/body1.gif) top center repeat-y;
	background: #FFF url(../images/custom/backgrounds/winter_olympics.jpg) top center no-repeat;
	background: #e4e3e3 url(../images/backgrounds/body-snowflake-bg.gif) top center repeat-y;*/

}

/***** OVERALL LAYOUT STYLES *****/
#whole-page { 
/*background: url(../images/custom/backgrounds/facebook_bg.jpg) top center repeat-y; width: 1010px; margin: auto; */
/*background: url(../images/custom/backgrounds/vip_comp.gif) top center repeat-y; width: 1010px; margin: auto; background-color: #FFF; */
background: url(../images/custom/backgrounds/bg_panel.png) center repeat-y; width: 1010px; margin: auto;
}

.wrapper {
	background: #fff;
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 970px;
}

		/***** CAP *****/
		.cap {
			background-color: #FFF;
			height: 20px;
			line-height: 20px;
			margin: 0 auto;
			position: relative;
			width: 960px;
		}

		/***** Header *****/
		.header_wrapper {
			background: url(../images/flavas/one/backgrounds/header.png) left top no-repeat;
			clear: both;
			float: left;
			height: auto;
			width: 970px;
		}
				/*** Banner ***/
				.header_banner {
					clear: both;
					float: left;
					height: auto;
					position: relative;
					width: 970px;
				}
						/* Logo */
						.header_logo {
							float: left;
							height: 108px;
							position: relative;
							width: 235px;
						}
						#fizzy_logo { 
							/*background: url(/images/fizzy-christmas-logo.png) 0 11px no-repeat; */
							background: url(/images/fizzy-logo.png) 0 11px no-repeat;
							top: -4px; 
							left: 5px; 
							height: 105px;
							overflow: hidden;
							position: absolute; 
							width: 200px;  
							}
							#fizzy_logo a { display: block; height: 100px; width: 200px;  }
								#fizzy_logo a:focus { outline: none; }
							#fizzy_logo span { display: none; }
						
						/* Leaderboard */
						.header_leaderboard {
							float: right;
							height: 90px;
							margin: 9px 6px 9px 0;
							position: relative;
							width: 728px;
						}
				
				/* Nav */
				.header_nav {
					background: url(../images/flavas/one/nav/back.png) no-repeat;
					clear: both;
					float: left;
					height: 36px;
					padding: 0px 5px;
					width: 960px;
				}
				.header_nav #search { position: absolute; float:right; right: 15px; top: 155px; z-index: 15; }
				
				
				/*** Member Panel ***/
				#header_member_panel {
					background: url(../images/flavas/one/panels/member_panel_back.gif) left bottom no-repeat;
					clear: both;
					float: left;
					height: auto;
					position: relative;
					width: 970px;
				}
					#member-panel-options { float: left; }
					#header_member_panel .inner { padding: 2px 10px 10px; }
	
				
				#ssl .header_nav #search { top: 115px; }
				#ssl .header_nav #search.height177{ top: 177px; }
				
				/*** Member Panel ***/
				.header_member_panel {
					background: url(../images/flavas/one/panels/member_panel_back.png) left bottom no-repeat;
					clear: both;
					float: left;
					height: auto;
					padding-bottom: 15px;
					position: relative;
					width: 970px;
				}
				
	
				/*** Page Include Styles ***/
				#page {
					clear: both;
					left: 15px;
					float: left;
					height: 19px; 
					margin: 2px 0 0;
					position: relative;
					width: 960px;
				}
				
				
					#addthisarea {
						font-size: 10px;
						text-transform: uppercase;
						}
						
					.random_game	{
						float:left;
						font-size:10px;
						height:19px;
						line-height:16px;
						padding-right:70px;
						position:absolute;
						right:220px;
						text-transform:uppercase;
					}
					.random_game img {
						vertical-align: middle; padding-right: 5px;
					}

					a.random_button {
						display: block;
						height: 16px;
						width: 56px;
						margin: 0;
						padding: 0;
						position:absolute;
						top:0;
						right: 10px;
						background: transparent url(../images/icons/random.gif) no-repeat scroll top;
					}
					
							a.random_button:hover {
								background-position: bottom;
							}
							a.random_button:visited { outline: none; }
		
					.breadcrumb_link {
						background: transparent url(../images/icons/arrow_grey.gif) right 4px no-repeat;
						display: inline;
						float: left;
						font-size: 10px;
						padding: 0 10px 0 5px;
					}
					.breadcrumb_end {
						color: #999;
						display: inline;
						float: left;
						font-size: 10px;
						padding: 0 0px 0 5px;
					}
					
					
					#member-stats { position: absolute; right: 7px; text-align: right; top: 15px; width: 50px; z-index: 10; }
					
				/*** Content ***/
				.content {
					clear: both;
					float: left;
					position: relative;
					width: 970px;
				}
				
				/* Footer */
				.footer {
					background: url(../images/flavas/one/backgrounds/footer.png) no-repeat;
					clear: both;
					color: #FFF;
					float: left;
					height: 36px;
					line-height: 35px;
					margin-bottom: 22px;
					padding: 0px 20px;
					width: 930px;
				}
				
					#footer_list {font-size: 11px; }
					#footer_list h7 { color: #8fcc14; padding: 0; }				
					#footer_list ul { list-style-type: none; height: 15px; margin: 0 0 5px 0; padding: 0 0 5px 0;}
						#footer_list ul li{ float: left; border-right: solid 1px #d9d9d9; padding: 0 5px; }
						#footer_list ul li.title{ border: none; color: #8FCC14; padding-left: 0; text-align: right; width: 65px; }
						#footer_list ul li.last{ border: none; padding-right: 0; }
							#footer_list a { color: #808080; padding: 0px; }							
				
				

/***** COLUMNS *****/

		/*** Applies to All Columns ***/
		.col_120, .col_140, .col_170, .col_200, .col_240,  .col_245, .col_250, .col_255, .col_260, .col_300, .col_320, .col_330, .col_360, .col_400, .col_420, .col_480, .col_580, .col_560, .col_590, .col_600, .col_645, .col_800, .col_740, .col_770, .col_960, .col_970 { display: inline; float: left; position: relative; }
		
		/*** Individual Column Widths ***/
		.col_120 { width: 120px; }
		.col_140 { width: 140px; }
		.col_170 { width: 170px; }
		.col_200 { width: 200px; }
		.col_240 { width: 240px; }
		.col_245 { width: 245px; }
		.col_250 { width: 250px; }
		.col_255 { width: 255px; }
		.col_260 { width: 260px; }
		.col_300 { width: 300px; }
		.col_320 { width: 320px; }
		.col_330 { width: 330px; }
		.col_360 { width: 360px; }
		.col_400 { width: 400px; }
		.col_420 { width: 420px; }
		.col_480 { width: 480px; }
		.col_580 { width: 580px; }
		.col_590 { width: 590px; }
		.col_600 { width: 600px; }
		.col_645 { width: 645px; }
		.col_740 { width: 740px; }
		.col_770 { width: 770px; }
		.col_800 { width: 800px; }
		.col_960 { width: 960px; }
		.col_970 { width: 970px; }
		
		/*** Ad - SKYSCRAPER ***/
		.skyscraper,
		.col_170_skyscraper {
			display: inline;
			float: left;
			height: 600px;
			margin: 5px 5px 0 5px;
			position: relative;
			width: auto;
		}
		#section_home .skyscraper { margin: 5px 0; }
		
		

/***** PANELS & INSETS *****/

		
		
		/* NEW panel styles */		
		.panel { margin: 5px 5px 10px; }
		.panel_top,
		.panel_bottom  { 
			background-image: url(../images/backgrounds/panel_white.gif); 
			background-repeat: repeat-x; 
			height: 10px; 
			}
			
			.panel_top { background-position: left -28px; }
			.panel_bottom { background-position: left bottom; /*margin-bottom: 15px;*/ }
		
		.panel_top_left,
		.panel_top_right, 
		.panel_bottom_left ,
		.panel_bottom_right { 
			background-image: url(../images/backgrounds/panel_white.gif); 
			background-repeat: no-repeat; 
			display: block; 
			height: 10px; 
			width: 10px;   
			}
		
			/*.panel_top_left { background-position: left top; }*/
			.panel_top_right { background-position: right top; float: right; }
			.panel_bottom_left { background-position: left -14px; float: left; }
			.panel_bottom_right { background-position: right -14px; float: right; }
		
		.panel_middle { background: #fff; /*padding: 10px 5px; */}
		.panel_middle .inner { padding: 2px 10px; }
		
		
		.panel_middle_left{ 
			background: url(../images/backgrounds/panel_white_RL.gif) left top repeat-y;  
			min-height: 1px; 
			padding: 0 0 0 5px; 
		}
		.panel_middle_right { 
			background: url(../images/backgrounds/panel_white_RL.gif) right top repeat-y;  
			min-height: 1px; 
			padding: 0 5px 0 0; 
		}
		
			/* misc panel styles */
			.col_170 .panel_middle { padding: 5px; }
			.col_170 .panel_middle_left { padding-left: 6px; }
			.col_170 .panel_middle_right { padding-right: 10px; }
		
		.tab_panel_top_left { 
			/*background: url(../images/backgrounds/panel_white_tab-corner.gif) left top no-repeat; */
			background: url(../images/backgrounds/panel_white_RL.gif) left top no-repeat;
			height: 12px; 
			width: 10px; 
			}		
		
		.ui-tabs-panel .panel_middle .inner { padding: 4px 10px; }
		
			/* specific areas*/
			
			#flash-play-panel { color: #fff; }
			
			#flash-play-panel .panel_top,
			#flash-play-panel .panel_bottom ,
			#flash-play-panel .panel_top_left,
			#flash-play-panel .panel_top_right, 
			#flash-play-panel .panel_bottom_left ,
			#flash-play-panel .panel_bottom_right
			{ background-image: url(../images/backgrounds/panel_grey.gif); }
			
			#flash-play-panel .panel_middle_left,
			#flash-play-panel .panel_middle_right { background-image: url(../images/backgrounds/panel_grey_RL.gif); }
			
			#flash-play-panel .panel_middle { background: #666; }
			
			#flash-play-panel table.rating td { text-align: left; }
			
			#flash-play-panel hr { background: #666; border-top: 1px dotted #999; }

			.mid-grey-panel .panel_top,
			.mid-grey-panel .panel_bottom ,
			.mid-grey-panel .panel_top_left,
			.mid-grey-panel .panel_top_right, 
			.mid-grey-panel .panel_bottom_left ,
			.mid-grey-panel .panel_bottom_right
			{ background-image: url(../images/backgrounds/panel_mid_grey.gif); }

			.mid-grey-panel .panel_middle_left,
			.mid-grey-panel .panel_middle_right 
			{ background-image: url(../images/backgrounds/panel_mid_grey_RL.gif); }

			.mid-grey-panel .panel_middle { background: #9a9a9a; }





		
		/* inset-panel*/
		.inset_panel_top,
		.inset_panel_bottom	{ 
				background-image: url(../images/backgrounds/panel_light_grey.gif); 
				background-repeat: repeat-x; 
				height: 10px; 
			}
			
			.inset_panel_top  { background-position: left -30px; }
			.inset_panel_bottom { background-position: left -46px;/* margin-bottom: 10px;*/ }
		
		.inset_panel_top_left,
		.inset_panel_top_right,
		.inset_panel_bottom_left ,
		.inset_panel_bottom_right { 
			background-image: url(../images/backgrounds/panel_light_grey.gif); 
			background-repeat: no-repeat; 
			display: block; 
			height: 10px; 
			width: 10px;   
		}
		
			/*.panel_top_left { background-position: left top; }*/
			.inset_panel_top_right { background-position: right top; float: right; }
			.inset_panel_bottom_left { background-position: left -16px; float: left; }
			.inset_panel_bottom_right { background-position: right -16px; float: right; }
			
		.inset_panel_middle  { background: #f2f2f2; /*padding: 10px 5px; */}
		.inset_panel_middle  .inner { padding: 2px 10px; }
		
		
		.inset_panel_middle_left  { 
			background: url(../images/backgrounds/panel_light_grey_RL.gif) left top repeat-y;  
			min-height: 1px; 
			padding: 0 0 0 10px; 
		}
		.inset_panel_middle_right { 
			background: url(../images/backgrounds/panel_light_grey_RL.gif) right top repeat-y;  
			min-height: 1px; 
			padding: 0 10px 0 0; 
		}




/***** PADDING *****/
.padding30 { display: inline; float: left; padding: 30px; position: relative; }
.padding20 { display: inline; float: left; padding: 20px; position: relative; }
.padding15 { display: inline; float: left; padding: 15px; position: relative; }
.padding11 { display: inline; float: left; padding: 11px; position: relative; }
.padding10 { display: inline; float: left; padding: 10px; position: relative; }
.padding5 { display: inline; float: left; padding: 5px; position: relative; }

.padding20_RL { position: relative; padding: 0 20px; float: left; display: inline; }
.padding15_RL { position: relative; padding: 0 15px; float: left; display: inline; }
.padding10_RL { position: relative; padding: 0 10px; float: left; display: inline; }
.padding5_RL { position: relative; padding: 0 5px; float: left; display: inline; }

.padding20_RL_5_TB { position: relative; padding: 5px 20px; float: left; display: inline; }
.padding15_RL_5_TB { position: relative; padding: 5px 15px; float: left; display: inline; }

.pad_TB_10 { padding-bottom: 10px; padding-top: 10px; }
.pad_B_10 { padding-bottom: 10px; }
.pad_T_10 { padding-top: 10px;  }
.pad_5 { padding: 5px; }

.pad_RL_5 { padding-right: 10px; padding-left: 10px; }
.pad_RL_10 { padding-right: 10px; padding-left: 10px; }

/***** ROWS - BORDER *****/
.row_borderSolid_top,
.row_borderSolid_topbottom,
.row_borderSolid_bottom,
.row_borderDotted_top,
.row_borderDotted_topbottom,
.row_borderDotted_bottom {
	clear: both;
	display: inline;
	float: left;
	position: relative;
	width: 100%;
}
	.row_borderSolid_top { border-top: solid 1px #d9d9d9; }
	.row_borderSolid_topbottom { border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; }
	.row_borderSolid_bottom { border-bottom: solid 1px #d9d9d9; }
	.row_borderDotted_top { border-top: dotted 1px #d9d9d9; }
	.row_borderDotted_topbottom { border-top: dotted 1px #d9d9d9; border-bottom: dotted 1px #d9d9d9; }
	.row_borderDotted_bottom { border-bottom: dotted 1px #d9d9d9; }
	
.borderDotted_b { border-bottom: dotted 1px #d9d9d9; }	

.border{ border: 1px solid #d9d9d9; }	

/***** ROWS - STANDARD *****/
.row,
.row_paddingtop_15,
.row_paddingtop_10,
.row_paddingtop_5,
.row_paddingbottom_15,
.row_paddingbottom_10,
.row_paddingbottom_5,
.row_paddingtopbottom_15,
.row_paddingtopbottom_10,
.row_paddingtopbottom_5 {
	clear: both;
	display: inline; 
	float: left;
	position: relative;
	width: 100%;
}

	.row_paddingtop_15 { padding-top: 15px; }
	.row_paddingtop_10 { padding-top: 10px; }
	.row_paddingtop_5 { padding-top: 5px; }
	.row_paddingbottom_15 { padding-bottom: 15px; }
	.row_paddingbottom_10 { padding-bottom: 10px; }
	.row_paddingbottom_5 { padding-bottom: 5px; }
	.row_paddingtopbottom_15 { padding: 15px 0 15px 0; }
	.row_paddingtopbottom_10 { padding: 10px 0 10px 0; }
	.row_paddingtopbottom_5 { padding: 5px 0 5px 0; }		
		

					
.cart_icon {
	display: inline;
	width: 10px;
	height: 10px;
	padding: 6px 0 6px 0;
	float: left;
	overflow: hidden;
}
.cart_items {
	background-image: url(../images/icons/arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: inline;
	float: left;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	line-height: 10px;
	padding: 6px 10px 6px 5px;
	width: auto;
}
.cart_checkout {
	color: #7ab800;
	display: inline;
	float: left;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	line-height: 10px;
	padding: 6px 5px 6px 5px;
	width: auto;
}

#features p.tick { 
	background: transparent url(../images/icons/tick.png) top left no-repeat;
	/*color: #7ab800; (*/
	font-size: 1.2em; 
	margin-bottom: 5px;
	padding: 2px 5px 8px 35px;
	}
	* html #features p.tick { height: 25px; }
	
#features ul { padding-left: 25px; }

ul#gamehome_thumb { display: block; height: 180px; list-style: none; margin: 4px; padding: 0px; width: 240px; }
	#tabs ul#gamehome_thumb { height: auto; float: left; }
		#tabs ul#gamehome_thumb li { float: left; margin: 0px 10px 10px 0px; }
#game_home ul#gamehome_thumb { margin: 0 4px 4px 0; }
	
#achievements{}
#achievements .achievements { float: left; margin-bottom: 5px; width: 25%; }
#achievements .achievements a.title { clear: both; float: left; }
#achievements .achievements d.award_list { float: left; }

	
	
.inset { border: 1px solid #D9D9D9; /*display: inline; float: right; margin: 0 0 20px 20px; width: 245px;*/ }
.inset .title { background: #F2F2F2 none repeat scroll 0 0; color: #4D4D4D; font-size: 1.2em; padding: 5px 10px; }
.inset .title a { color: #FF8C1A;}
.inset .title span { font-size: 0.9em; }

/*game tab areas */
.comment-area { float: left; padding-bottom: 5px; margin-bottom: 5px; width: 525px; }

/*.comment-rating { border-bottom: 1px solid #D9D9D9; border-top: 1px dotted #D9D9D9; padding: 5px 0; margin-bottom: 5px; }*/

.comment-rating { 
	/*background: #f8f8f8; */
	border-top: 1px dotted #D9D9D9; 
	/*border-bottom: 1px solid #D9D9D9; 
	margin-bottom: 5px; */
	padding: 5px 3px 5px; 
	}
#game_comments .comment-rating a { margin-left: 5px; }
/*#game_comments .image_frame { width: 50px; }*/
#game_comments .comment-area { width: 375px;}


#game-achievements table.achievements { border-collapse: collapse; margin-bottom: 5px; width: 100%; }
#game-achievements table.achievements th { text-align: center; }
#game-achievements table.achievements td { text-align: center; }

#game_play { margin: 0 auto; width: 970px; } 


#game_play .premium_game_full { background: transparent url(../images/backgrounds/game-premium-full-version.png) top left no-repeat; width: 230px; height: 29px; } 
#game_play .free_game_VIP { background: transparent url(../images/backgrounds/game-free-version-vip.png) top left no-repeat; width: 230px; height: 29px; }
#game_play .premium_game_demo { background: transparent url(../images/backgrounds/game-premium-demo-version.png) top left no-repeat; width: 235px; height: 42px; }
#game_play .free_game { background: transparent url(../images/backgrounds/game-free-version.png) top left no-repeat; width: 235px; height: 42px; }

	#game_play .premium_game_demo span , 
	#game_play .premium_game_full span,
	#game_play .free_game span,
	#game_play .free_game_VIP span { display: none; }
	
	#game_play .premium_game_demo ul, 
	#game_play .premium_game_full ul,
	#game_play .free_game  ul {
		list-style-type: none; 
		padding: 20px 10px 0;
	}
	
		#game_play .premium_game_demo ul li, 
		#game_play .premium_game_full ul li,
		#game_play .free_game  ul li {
			float: left;
			padding-right: 3px;
			margin-right: 3px;
		}
		#game_play .premium_game_demo ul li.last, 
		#game_play .premium_game_full ul li.last,
		#game_play .free_game ul li.last {
			padding-right: 0px;
			margin-right: 0px;
		}
		
		#game_play .premium_game_demo ul li a, 
		#game_play .premium_game_full ul li a,
		#game_play .free_game ul li a {
			color: #fff;
			text-decoration: underline; 
		}


	
	
/*ads style */ 
.ads_mpu { height: 250px; position: relative; width: 300px; }
.ads_skyscraper { text-align: center; }
.ads_skyscraper img{ margin-left: auto; margin-right: auto; }
#ads_ribbon { display: block; height: 40px; text-align: center; width: 970px; }
	#ads_ribbon img { margin: auto; }

.col_800 .leaderboard-area { 
	background: #f2f2f2; 
	border-top: 1px solid #D9D9D9; 
	border-bottom: 1px solid #D9D9D9; 
	margin: 10px auto; 
	padding: 10px 0;
	text-align: center; 
	}
.col_800 .leaderboard-area .ads_leaderboard { display: block; height: 90px; margin: auto; width: 728px; }

	
/**** =lists ****/
ol.score { list-style-position: inside; padding: 0 0 3px; }
ol.score li { display: block; clear: both; float: left; vertical-align: top; width: 100%; }
ol.score li a { display: inline; }
	ol.score li span { float: right; margin-right: 5px; }
	
/* game-list */
ul.game-list { list-style-type: none; margin: 0; padding: 0; }
	ul.game-list li { border-bottom: 1px dotted #dedede; float: left; margin-bottom: 10px; padding-bottom: 10px;  }
		ul.game-list li .image_frame { float: left; margin: 0 5px 5px 0; overflow: hidden; }
	ul.game-list .game-description { float: left; width: 510px; }
	
	ul#vip.game-list li { border: none; float: left; margin-right: 5px; height: 130px;position: relative; width: 115px; }
		ul#vip.game-list li .image_frame { 
			background: transparent url(/images/games/100x100/full-version_overlay.png) top left no-repeat; 
			height: 100px; 
			float: left; 
			position: relative; 
			width: 100px; 
			z-index: 100; 
			}
			ul#vip.game-list li .image_frame img { position: relative; z-index: 50; }
		ul#vip.game-listli .game_info { height: 20px; clear: both; width: 100px;}
		
		ul#vip.game-list li .image_frame .full-version-overlay { 
			background: transparent url(/images/games/100x100/full-version_overlay.png) top left no-repeat; 
			height: 100px; 
			position: absolute; 
			width: 100px; 
			z-index: 100; 
			}
		
#game-holder { text-align: center; width: 100%; }
#game-holder #flashcontent { margin: 0 auto; }


#game_rating { float: right; }
		
/* Prizes */
#gdn-prizes { /*background: url(/images/competition/Fizzy-Prize-table.png) top left no-repeat; */}
#gdn-prizes .quarterly { background: url(/images/competition/quartely-prizes.gif) top right no-repeat; }	
#gdn-prizes .monthly { background: url(/images/competition/monthly-prizes.gif) top right no-repeat; }	

.prize-winner { margin-bottom: 10px; margin-top: 105px; width: 100%; }
	.prize-winner p { line-height: 1.4em; }



/*tables*/

table.border { border: 1px solid #ddd; }
	table.border thead th { background: #efefef; border-bottom: 1px solid #ddd; font-weight: bold; padding: 5px; text-align: center; }
	table.border tbody td { padding: 10px 20px; }
	
	table.border .border-left { border-left: 1px solid #ddd; }
	table.border .border-right { border-right: 1px solid #ddd; }
	table.border .border-bottom { border-bottom: 1px solid #ddd; }
	
	table.border p { margin-bottom: 0; }
	
	
table.info { }
table.info th { padding: 5px 10px; }
table.info td { padding: 5px 10px; }
table.info tbody tr.odd td { background-color: #f5f6f7;}

table.rating td {  }
	table.prize-winner thead th { background: #FF8C1A; color: #fff; font-size: 11px; /*font-weight: bold;*/ padding: 5px 10px; text-transform: uppercase; }
	table.prize-winner tr { margin-bottom: 10px }
	table.prize-winner tbody td { color: #555; font-size: 13px; padding: 5px 10px; }
	table.prize-winner tbody tr.highlight td { /*font-weight: bold;*/ }
	table.prize-winner tbody tr.odd td { background-color: #fafafa;}

table.download_table { border-bottom: 1px solid #ccc; margin: 5px 0 20px; width: 100%;  }
	table.download_table thead th { background: #efefef; border-bottom: 1px solid #ccc; padding: 2px 5px; vertical-align: middle; }
	table.download_table tbody td { padding: 2px 5px; }

table#register-table { font-size: 13px; margin: 5px 0 20px; width: 100%;  }
	table#register-table tbody { border-bottom: 1px solid #bdbebe; }
			table#register-table tbody tr.odd { background: #f5f6f7; } 
			
		table#register-table thead th { 
			color: #fff;
			padding: 10px; 
			text-align: center;
			vertical-align: middle; 
			}
			
			table#register-table thead th.free-membership-option { 
				background: #f04720 url(/images/backgrounds/table_header_free.gif) top left repeat-x; 
				}
				table#register-table thead th.free-membership-option span { font-weight: bold; font-size: 16px; }
				
			table#register-table thead th.vip-membership-option { 
				background: #0b4b9d url(/images/backgrounds/table_header_premium.gif) top left repeat-x; 
				}
				table#register-table thead th.vip-membership-option span { 
					background: url(/images/icons/vip-button_20x20.png) top left no-repeat; 
					display: inline-block;
					font-weight: bold; 
					font-size: 16px; 
					height:23px;
					padding-left: 25px;				
					}
		
			table#register-table thead th#recommended-top { background: url(/images/backgrounds/table-recommended-top.gif) top left no-repeat; color: #0081c8; }
			table#register-table tfoot td#recommended-bottom { background: url(/images/backgrounds/table-recommended-bottom.gif) top left no-repeat; color: #0081c8; height: 34px; }
		
		table#register-table tbody td { color: #0081c8; padding: 10px; text-align: center; }
			table#register-table tbody td.last { border-right: 1px solid #bdbebe; }
			
			table#register-table tbody .membership-label { border-left: 1px solid #bdbebe; color: #4d4d4d; text-align: right; }
			table#register-table tbody .free-membership-option { color: #f78f00; }
			table#register-table tbody .vip-membership-option { background: #f3fbff; }
				table#register-table tbody tr.odd .vip-membership-option { background: #deeef7; }
				
			table#register-table tr.border-top { border-top: 1px solid #bdbebe; }
			table#register-table .free-membership-option { border-left: 1px solid #f3ad84; }
			table#register-table .vip-membership-option { border-left: 1px solid #7d9ec9; }
			table#register-table .recommended-membership-option.vip-membership-option { border-left: 1px solid #226cb2; border-right: 1px solid #226cb2;}
			
			table#register-table .tick { background: transparent url(/images/icons/ticks.png) center -86px  no-repeat; display: inline-block; height: 25px; margin: 0; width: 27px; }

			/*ie7 stupid fixes */
			* + html table#register-table { table-layout: fixed; }
			* + html table#register-table thead th#recommended-top, 
			* + html table#register-table tfoot td#recommended-bottom  { width: 193px; }
			* + html table#register-table td#recommended-membership-option { font-size: 10px; }
			* + html table#register-table tr.border-top  td { border-top: 1px solid #bdbebe; }
			* + html table#register-table tbody .last td { border-bottom: 1px solid #bdbebe; }
			
	
	
#section_shop #checkout-list table td { vertical-align: middle; }

		
#checklist table { 
	background: #f5f6f7 url(/images/backgrounds/checkbox.png) top right no-repeat; 
	border-bottom: 2px solid #f5f6f7;
	border-left: 2px solid #f5f6f7;
	border-right: 2px solid #f5f6f7;
	color: #555;
	font-size: 1.1em; 
	width: 100%; 
	}	
	#checklist tbody tr { border-top: 1px solid #fff; }
	#checklist th { height: 42px; }
	
	#checklist td { width: 69px; }
	#checklist td.feature { background-color: #f5f6f7; padding: 5px; text-align: right; width: 120px; }
	* + html #checklist td.feature { width: 125px; padding: 5px; }
	
	#checklist td.tick { background: transparent url(/images/icons/ticks.png) center -78px no-repeat; height: 42px; width: 69px; }
		
	#checklist  td.odd.feature { background-color: #e3e4e5; }

	#checklist tr.sign-up { background-color: #fefefe; }
	
	#checklist tr.sign-up td.feature { background: #fefefe url(/images/members/sign-up.gif) -10px 0 no-repeat; }
		#checklist tr.sign-up td.feature span { display: none; }
		
	#checklist a.free_register { 
		background: #fefefe url(/images/members/sign-up.gif) -160px 0 no-repeat; 
		display: block; 
		height: 41px; 
		width: 69px; 
		}
		#checklist a.free_register:hover { background-position: -160px -41px; }

	#checklist a.vip_register { 
		background: #fefefe url(/images/members/sign-up.gif) -231px 0 no-repeat; 
		display: block; 
		float:right;
		height: 41px; 
		width: 69px; 
		}
		#checklist a.vip_register:hover { background-position: -231px -41px; }
	
		#checklist a.vip_register  span,
		#checklist a.free_register  span { display: none; }



.paypal { 
	background: url(/images/paypal/paypal_logo.gif) 0px 3px no-repeat; 
	border: none;
	display: inline;
	float: left;
	margin-bottom: 10px;
	padding: 0px 0px 0px 75px; 
	width: 110px; 
	}
	
.game_thumb { 
	display: inline; 
	float: left; 
	/*height: 25px;*/
	height: 52px; 
	margin-right: 10px; 
	overflow: hidden; 
	position: relative; 
	/*width: 25px; */
	width: 52px;
	}
	#section_home  .game_thumb { }
	
	

.game_info { 
	display: inline; 
	float: left; 
	position: relative; 
	
	}
	.col_255 .game_info { width: 150px; }
	.col_320 .game_info { width: 215px; float:none; }
	
	#section_home  .col_320 .latest-games-list .game_thumb { width: 20px; height: 20px; }
	#section_home  .col_320 .latest-games-list .game_info { width: 240px; }
	
	.col_400 .game_info { width: 240px; }
	
#cart_header  { 
	display: inline; 
	float: right; 
	 
	}
#cart_header .full { 
	background: url(/images/icons/cart.gif) top left no-repeat;
	padding-left: 33px; 
	padding-bottom: 1px;
	width: 155px
	}
	
#cart_header .empty { 
	background: url(/images/icons/cart.gif) 0 -33px no-repeat; 
	padding-left: 33px;
	padding-bottom: 1px;
	width: 155px
	}

#cart_header .christmas  { 
	background: url(/images/fizzy-christmas-logo.png) right -10px no-repeat; 
	display: block;
	float: right;
	height: 30px;
	overflow: hidden;
	width: 30px; 
	}

/*** section stuff ***/
#section_home #game_feature_animation { 
	border: 1px solid #d9d9d9; 
	display: block; 
	float: left;
	height: 250px; 
	margin-right: 15px;
	overflow: hidden; 
	width: 300px;  
	}
#section_home #news_container { 
	float: left;
	overflow: hidden;  
	width: 286px; 
	}

#christmas-snow { position: relative; }
#christmas-snow span {
	background: url(/images/backgrounds/christmas-snow.png) 0 0 no-repeat; 
	left: 400px;
	height: 60px;
	position: absolute;
	top: -21px;
	width: 405px;
	z-index: 9;
	}
	* html #christmas-snow span { background-image: url(/images/backgrounds/christmas-snow.gif); }

/*#footer_list { background: url(/images/backgrounds/christmas-tree.gif) right bottom no-repeat; }*/

#addthisarea { float: right; margin-right: 10px; }

#game-type-list{ font-size: 1.2em; }
#game-type-list ul { list-style-type: none; padding: 0; margin-right: 5px; }
#game-type-list ul  li { /*border-right: 1px solid #ccc; */ float: left; margin-right: 5px; margin-bottom: 5px; padding-right: 5px; white-space: nowrap; }

.fbook-connect { background: url(/images/facebook/fbook-connect.gif) top left no-repeat; padding-left: 15px; }

/** header_member_panel **/
#header_member_panel .avatar { background: #F2F2F2; border: 1px solid #D9D9D9; display: block; float: left; height: 25px; margin-right: 10px; overflow: hidden; width: 25px; }
#header_member_panel #facebook-login-btn { float: left; margin-left: 5px; margin-top: 5px; }

/** add to lists.css **/
#header_member_panel ul { list-style-type: none; padding: 0; margin: 5px 0 0; }
	#header_member_panel ul li  { border-right: 1px solid #D9D9D9; float: left; margin-right: 5px; padding-right: 5px; }
	#header_member_panel ul li ul.inner-list li { border-right: 1px solid #D9D9D9; float: left; margin-right: 5px; min-height: 15px; padding: 0 5px 0 0;  }
		#header_member_panel ul li.last { border: none; float: right; margin-right: 0; padding-right: 0;  }
		#header_member_panel ul li ul.inner-list { margin:0; }
			#header_member_panel ul li ul.inner-list li.last { border: none; float: left; margin-right: 0; }
	
	#header_member_panel ul li#member-panel-user-logged-out  { width: 150px; }
	#header_member_panel ul li#member-panel-user { width: 600px; }
	#header_member_panel ul li#member-panel-options { width: 290px; }
	
	/** VIP copy color
	ul#vip-user.inner-list .copy_highlight { color: #0081c8; } **/	
	
/*** user area my_account ***/
.info-box { 
	/*background: #f5f6f7; 
	margin-bottom: 10px; */
	border-bottom: 1px dotted #dedede;
	padding: 15px 10px;
	}
	#vip.info-box  { /*background-color: #e7f7ff; */}
	
.info-box .image_area { 
	background: url(/images/icons/icons-2010-small.png) top left no-repeat;
	display: block;
	float: right; 
	height: 75px; 
	margin-left: 5px;
	overflow: hidden;
	width: 75px; 
  }
#profile.info-box .image_area  { background-position: -75px 0; }
#facebook.info-box .image_area { background-position: -302px -80px; }
#achievements.info-box .image_area  { background-position: -301px 0px; }
#email.info-box .image_area { background-position: 0 0; }
#vip.info-box .image_area { background-position: 2px -76px; }
#support.info-box .image_area { background-position: -225px 0; }
#avatar.info-box .image_area  { background-color: #fff; background: none; }
#stats.info-box .image_area { background-position: -150px 0; }
#playlist.info-box .image_area  { background-position: -85px 0; }

#support.info-box { border-bottom: none; }
.info-box h3 { float: left; margin: 2px 0; padding: 0; width: 320px; }

/* Weekly Competition */
#vip_weekly_comp { background: url(/images/competition/vip/weekly_background.jpg); font-size: 14px; height: 247px; margin: 15px 0; padding: 0 20px 20px 20px; width: 560px;}
	#vip_weekly_comp .spacer { display: block; height: 60px; width: 600px; }

#vip_weekly_comp_small { background: url(/images/competition/vip/weekly_small_background.jpg); font-size: 14px; height: 286px; margin: 15px 0; padding: 0 20px 20px 20px; width: 395px;}
	#vip_weekly_comp_small .spacer { display: block; height: 60px; width: 300px; }
	.vip_place { background: url(/images/competition/vip/amazon_gift_card_1.gif); display: block; height: 20px; width: 90px; float: right;}
		#first.vip_place { background: url(/images/competition/vip/amazon_gift_card_1.gif); display: block; height: 20px; width: 92px; float: right;}
		#second.vip_place { background: url(/images/competition/vip/amazon_gift_card_2.gif); display: block; height: 20px; width: 122px; float: right;}
		#third.vip_place { background: url(/images/competition/vip/amazon_gift_card_3.gif); display: block; height: 20px; width: 102px; float: right;}

/* Subscription VIP */
.vip_subscription_panel a span { display: none;}
.vip_subscription_panel { background-repeat:no-repeat; background-position: 0 20px; color:#FFF; float: left; font-size: 14px; height: 320px; margin-right: 7px; padding: 0 10px; text-align:center; width: 174px;}
#vip-trial-sign-up { font-size: 1.1em; text-align: center; }

#vip_pass { display: block; height: 50px; width: 180px; }
#vip_save { font-size: 20px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.vip_price { font-size: 22px; margin-bottom: 0;}
#month { display: block; height: 25px; width: 180px; }
	#vip_1month { background-image:url(/images/subscription/1month_bg.png); }
		#vip_1month .vip_price { margin-left: 20px;}
		#vip_1month .vip_price_2 { margin-left: 40px; font-size: 11px; }
		
	#vip_6month { background-image:url(/images/subscription/6month_bg.png); }
		#vip_6month .vip_price { margin-left: 50px;}
		#vip_6month .vip_price_2 { margin-left: 60px; font-size: 11px; }
		
	#vip_12month { background-image:url(/images/subscription/12month_bg.png); margin-right: 9px; }
		#vip_12month .vip_price { margin-left: 90px;}
		#vip_12month .vip_price_2 { margin-left: 97px; font-size: 11px; }
		
	#section_join .vip_subscription_panel { margin-right: 3px; }
		#section_my_account .vip_subscription_panel { margin-right: 3px; }
	#section_join h3 { padding: 0; text-align: left; text-transform: none; margin-bottom: 10px; }
		#section_my_account h3 { padding: 0; text-align: left; text-transform: none; margin-bottom: 10px; }
	#section_join  #vip_12month .vip_price { margin-left: 85px; }
	#section_join #vip_6month .vip_price { margin-left: 45px; }
		#section_my_account #vip_6month .vip_price { margin-left: 45px; }			
	#section_join .button_30 { margin-left: 10px; }
		#section_my_account .button_30 { margin-left: 10px; }


.vip-icon-20x20 { background: url(/images/icons/vip-button_20x20.png) top left no-repeat; display: block; height: 20px; width: 20px; }


/** Swords_and_sandals section **/
#section_swords_and_sandals #title-area { 
	background: url(/images/custom/backgrounds/swords-and-sandals-page-header.jpg) center top no-repeat; 
	padding-top: 255px; 
	text-align: center;
	}
	#section_swords_and_sandals #title-area h1 span { display: none; }
	#section_swords_and_sandals #title-area h2 { color: #777; font-size: 16px; font-weight: normal; }
			
	#section_swords_and_sandals #title-area h3 { color: #777; font-size: 12px; font-weight: normal; }
	
	#section_swords_and_sandals .side-panel { 
		background: url(/images/custom/backgrounds/swords-and-sandals-side-panel.jpg) center top no-repeat; 
		color: #4f4f4f; 
		line-height: 18px;
		font-size: 12px; 
		margin-bottom: 15px;
		padding: 150px 23px 50px; 
		}
		#section_swords_and_sandals #facts.side-panel { background-position: center -517px; }
		
		#section_swords_and_sandals .side-panel p { margin-bottom: 18px; }
		#section_swords_and_sandals .side-panel h2 span { display: none; }
		#section_swords_and_sandals .side-panel  ul { list-style-type: none; margin: 10px 0; padding: 0; }
			#section_swords_and_sandals .side-panel  ul li { 
				background: url(/images/custom/icons/swords-and-sandals-list-image.gif) left 6px no-repeat; 
				padding-left: 20px; 
				padding-bottom: 15px; 
				}
#shop_sas { background-color: #f5f0d9; padding: 15px;}
#shop_sas .right { float: right; width: 140px;}
#shop_sas .left { float: left; width: 260px;}

/** link styles **/
/***** LINKS *****/

		/*** Text ***/
		a, a:visited { color: #ff8c1a; text-decoration: none; }
		a:hover { color: #8fcc14; text-decoration: underline; }
		
		h1 a, h2 a, h3 a, h4 a, h5 a, 
		h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited { text-decoration: none; color: #999;}
	
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: none; color: #666;}
		
		a.copy_premium:visited { /*color: #0c489b; */ color: #0081C8; }
		
		
		a.link_arrow, a.link_arrow:visited { 
			background: url(/images/flavas/one/icons/arrow_off.gif) right 4px no-repeat; 
			padding-right: 7px; 
			white-space: nowrap; 
			}
			a.link_arrow:hover { background: url(/images/flavas/one/icons/arrow_on.gif) right 4px no-repeat; }
		
		
		
		a.link_arrow_back, a.link_arrow_back:visited { 
			background: url(/images/icons/link_arrow_back.gif) left -9px no-repeat;
			padding-left: 7px; 
			}
			a.link_arrow_back:hover { background-position: left 4px; }
		
		a.link_arrow_premium, a.link_arrow_premium:visited { 
			background: url(/images/icons/link_arrow_premium.gif) right 4px no-repeat; 
			color: #0081C8;
			padding-right: 7px; 
			white-space: nowrap; 
			}
			a.link_arrow_premium:hover { background-position: right -9px; color: #8FCC14; }
			
			
			
		a.link_white { color: #fff; text-decoration: none; }
			a.link_white:visited { color: #fff; }
			a.link_white:hover { color: #fff; text-decoration: underline; }
		
		a.link_grey, a.link_grey:visited { color: #4d4d4d; text-decoration: none; }
			a.link_grey:hover { color: #8fcc14; text-decoration: underline; }
			
			a.vip_play_now {
				background: url(/images/flavas/one/icons/arrow_vip_off.gif) right 4px no-repeat; 
				color: #006fbc;
				padding-right: 7px; 
				white-space: nowrap
			}
			a.vip_play_now:hover { background: url(/images/flavas/one/icons/arrow_on.gif) right 4px no-repeat; color: #8fcc14; }
			
			
		/*** Sorting Links ***/
		a.link_sortDown, a.link_sortDown:visited { 
			background: url(/images/flavas/one/icons/arrow_down.gif) no-repeat right 5px; 
			color: #ffa01a; 
			font-weight: normal;
			padding-right: 11px;  
			text-decoration: none; 
			}
				a.link_sortDown:hover { color: #8fcc14; text-decoration: underline; }
		
		a.link_sortUp, a.link_sortUp:visited { 
			background: url(/images/flavas/one/icons/arrow_up.gif) no-repeat right 5px; 
			color: #ffa01a; 
			font-weight: normal; 
			padding-right: 11px; 
			text-decoration: none; 
			}
				a.link_sortUp:hover { color: #8fcc14; text-decoration: underline; }
			
		/*** Images ***/
		a.image_frame, .image_frame { 
			background-color: #f2f2f2;
			border: 1px solid #d9d9d9; 
			display: block; 
			}
		a.image_frame:hover, a.image_frame:hover { border: solid 1px #8fcc14; }

/* link styles */
a.gdn {
	background: url(/images/icons/gdn_16x16.png) top left no-repeat; 
	padding: 3px 0 3px 18px; 
	}
	a.gdn span { display: none; }
	
a.vip {
	background: url(/images/icons/member_types/vip_13.gif) top left no-repeat; 
	padding: 0px 0 3px 25px; 
	}
	a.vip span { display: none; }

a.vip-member-25 { 
		background: url(/images/icons/member_types/vip-icon-25x25.png) top left no-repeat; 
		display: block;
		height: 25px;
		width: 25px;
	}
	a.vip-member-25 span { display: none; }

/* user icons*/
a.about,
a.add,
a.comment,
a.download,
a.edit,
a.email,
a.favourites,
a.lightbulb ,
a.play_now,
a.twitter,
a.stats    {
	background: url(/images/icons/user-icons-vertical.png) top left no-repeat; 
	border: none;
	color: #ccc;
	padding:  1px 0 2px 20px; 
	}
	a.about:hover,
	a.add:hover,
	a.comment:hover,
	a.download:hover,
	a.edit:hover,
	a.email:hover,
	a.favourites:hover,
	a.lightbulb:hover ,
	a.play_now:hover,
	a.twitter:hover,
	a.stats:hover 	{ color: #8FCC14; }

	a.about span,	
	a.add span,
	a.comment span ,
	a.download span,
	a.edit span ,
	a.email span ,
	a.favourites span ,
	a.lightbulb span ,
	a.play_now span,
	a.twitter span,
	a.stats span  { 
		display: none;
		border: none; }


a.comment {
	background-position: 0 2px; 
	}
	a.comment:hover  { background-position: -180px 2px; }
	
a.email {
	background-position: 0 -43px; 
	}
	a.email:hover { background-position: -180px -43px;  }
	
a.stats  {
	background-position: 0 -88px; 
	}
	a.stats:hover { background-position: -180px -88px;  }
	
a.favourites {
	background-position: 0 -133px; 
	}
	a.favourites:hover { background-position: -180px -133px;  }
	
a.edit {
	background-position: 0 -178px; 
	}
	a.edit:hover { background-position: -180px -178px;  }
		
a.lightbulb {
	background-position: 0 -359px; 
	}
	a.lightbulb:hover { background-position: -180px -359px;  }
	
a.add {
	background-position: 0 -223px; 
	}
	a.add:hover { background-position: -180px -223px;  }
	
a.twitter {
	background-position: 0 -390px; 
	}
	a.twitter:hover { background-position: -180px -390px;  }
		
a.download {
	background-position: 0 -450px; 
	}
	a:hover.download { background-position: -180px -450px;  }
	
a.play_now {
	background-position: 0 -540px; 
	}
	a.play_now:hover { background-position: -180px -540px;  }

a.share {
	background-position: 0 -480px; 
	}
	a:hover.share { background-position: -180px -480px;  }
	
a.twitter_btn,
a.facebook_btn { 
	background: url(/images/icons/fb_t_icons.gif) left -35px no-repeat; 
	display: block; 
	font-size: 1.1em; 
	height: 20px; 
	margin-bottom: 3px; 
	margin-right: 3px; 
	padding-left: 25px;  
	}

a.facebook_btn { background-position: left top; }

	#flash-play-panel a.twitter_btn,
	#flash-play-panel a.facebook_btn { color: #fff; }

a.join-now { background: url(/images/members/join-now.gif) left top no-repeat; display: block; height: 70px; width: 205px; }	
	a.join-now span { display: none; }
	a.join-now:hover { background-position: 0 -70px; }
	
a.upgrade { background: url(/images/members/upgrade.gif) left top no-repeat; display: block; height: 70px; width: 205px; }	
	a.upgrade span { display: none; }
	a.upgrade:hover { background-position: 0 -70px; }
		
a.buy-from-app-store { background: url(/images/custom/iphone/buyfromappstore.jpg) top left no-repeat; height: 80px; width: 300px; display: block; }

#header_member_panel a.sign-up_btn,
#header_member_panel a.upgrade_btn { background: url(/images/forms/sign-up-button.gif) left -2px no-repeat; display: block; height: 27px; width: 140px; }

	
	#header_member_panel a.upgrade_btn { background-position: left -59px; }
	
	#header_member_panel a.sign-up_btn span,
	#header_member_panel a.upgrade_btn span	{ display: none; }
	
	#header_member_panel a.sign-up_btn:hover,
	#header_member_panel a.upgrade_btn:hover	{ background-position: left -31px; }
	
	#header_member_panel a.sign-up_btn:focus,
	#header_member_panel a.upgrade_btn:focus { outline: none; }
	
#subscribe-thankyou { background: url(/images/subscription/subscribe-happy-mail.png) 350px top no-repeat; }

#feature-link .left-feature-link  { 
	background: url(../images/custom/backgrounds/vip_comp_left.png) right top no-repeat;
	display: block; 
	height: 646px; 
	left: -368px; 
	position: absolute; 
	top: 0; 
	width: 360px; 
	}
	#feature-link .left-feature-link a:focus , #feature-link .right-feature-link a:focus { outline: none; }
#feature-link .right-feature-link { 
	background: url(../images/custom/backgrounds/vip_comp_right.png) left top no-repeat; 
	display: block; 
	height: 646px; 
	position: absolute; 
	right: -368px; 
	top: 0; 
	width: 360px; 
	}
#feature-link .left-feature-link a { display: block; height: 430px; width: 130px; float: right;}
#feature-link .right-feature-link a { display: block; height: 430px; width: 150px; float: left;}

a#ijust-want-free-membership-btn { background: url(/images/backgrounds/ijust-want-free-membership-btn2.png) left top no-repeat; display: block; height: 33px; width: 231px; }
	a#ijust-want-free-membership-btn:hover { background-position: 0 -38px; }
	a#ijust-want-free-membership-btn span { display: none; }
	
a#vip-1monthtrial { 
	background: url(/images/members/vip-1monthtrial.png) left top no-repeat; 
	display: inline-block; 
	height: 47px; 
	width: 645px; 
	}
	a#vip-1monthtrial:hover { background-position: left -48px; }
	a#vip-1monthtrial span { display: none; }

a.play_btn,
a.download_btn,
a.buy_btn,
a.sign_up_btn { background: url(/images/buttons/play-options_btns.png) left top no-repeat; display: inline-block; height: 28px; }
	a.play_btn span,
	a.download_btn span,
	a.buy_btn span,
	a.sign_up_btn span { display: none; }

a.play_btn { width: 89px; }
	a.play_btn:hover { background-position: 0 -40px; }
	
a.download_btn { background-position: 0 -93px; width: 137px; }
	a.download_btn:hover { background-position: 0 -133px; }
	
a.buy_btn { background-position: -196px 0; width: 83px; }
	a.buy_btn:hover { background-position: -196px -40px; }
	
a.sign_up_btn { background-position: -196px -93px; width: 113px; }
	a.sign_up_btn:hover { background-position: -196px -133px; }

/***** SUB NAVIGATION - CONTENT AREA *****/			
#subnav_box {
	width: 170px;
	height: auto;
	position: relative;
	float: left;
}
		/*** Subnav List ***/
		#subnav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#subnav li {
			margin: 0;
			padding: 0;
		}
		/*** Subnav Buttons ***/
		#subnav li a {
			display: block;
			width: 123px;
			padding: 7px 10px 9px 10px;
			font-weight: normal;
			color: #999999;
			text-decoration: none;
			border-bottom: 1px solid #d9d9d9;
			background: url(../images/flavas/one/icons/arrow_off.gif) 133px 12px no-repeat;
		}
			#subnav li a:hover { color: #8fcc14; background: url(../images/flavas/one/icons/arrow_on.gif) 133px 12px no-repeat; }
			#subnav li.on a { color: #8fcc14; background: url(../images/flavas/one/icons/arrow_on.gif) 133px 12px no-repeat; }
			
		#subnav li#top a {
			display: block;
			width: 123px;
			padding: 0px 10px 9px 10px;
			font-weight: normal;
			color: #999999;
			text-decoration: none;
			border-bottom: 1px solid #d9d9d9;
			background: url(../images/flavas/one/icons/arrow_off.gif) 143px 5px no-repeat;
		}
			#subnav li#top a:hover { color: #8fcc14; background: url(../images/flavas/one/icons/arrow_on.gif) 133px 5px no-repeat; }
			#subnav li#top.on a { color: #8fcc14; background: url(../images/flavas/one/icons/arrow_on.gif) 133px 5px no-repeat; }
			
		#subnav li#bottom a {
			padding: 7px 10px 2px 10px;
			border: none;
		}
			#subnav li#bottom a:hover { color:#8fcc14; background: url(../images/flavas/one/icons/arrow_on.gif) 133px 12px no-repeat; }
			#subnav li#bottom.on a { color: #8fcc14; background: url(../images/flavas/one/icons/arrow_on.gif) 133px 12px no-repeat; }




/***** NEW BUTTONS *****/
a.button_24 {
	display: block;
	height: 24px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding-right: 12px;
	background: transparent url(../images/flavas/one/buttons/button_24_a.png) no-repeat scroll top right;
	float: left;
}
		a.button_24 span {
			display: block;
			line-height: 10px;
			padding: 7px 0px 7px 12px;
			background: transparent url(../images/flavas/one/buttons/button_24_span.png)  no-repeat;
		}
		a.button_24:hover {
			color: #FFFFFF;
			text-decoration: none;
			background-position: bottom right;
		}
		a.button_24:hover span {
			background-position: bottom left;
		}
		a.button_24:visited { outline: none; color: #FFFFFF; }
		

				
a.button_24grey {
	display: block;
	height: 24px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding-right: 12px;
	background: transparent url(../images/flavas/one/buttons/button_24grey_a.png) no-repeat scroll top right;
	float: left;
}
		a.button_24grey span {
			display: block;
			line-height: 10px;
			padding: 7px 0px 7px 12px;
			background: transparent url(../images/flavas/one/buttons/button_24grey_span.png)  no-repeat;
		}
		a.button_24grey:hover {
			color: #FFFFFF;
			text-decoration: none;
			background-position: bottom right;
		}
		a.button_24grey:hover span {
			background-position: bottom left;
		}
		a.button_24grey:visited { outline: none; color: #FFFFFF; }


a.button_30 {
	display: block;
	height: 30px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding-right: 15px;
	background: transparent url(../images/flavas/one/buttons/button_30_a.png) no-repeat scroll top right;
	float: left;
}
		a.button_30 span {
			display: block;
			line-height: 10px;
			padding: 10px 0px 10px 15px;
			background: transparent url(../images/flavas/one/buttons/button_30_span.png)  no-repeat;
		}
		a.button_30:hover {
			color: #FFFFFF;
			text-decoration: none;
			background-position: bottom right;
		}
		a.button_30:hover span {
			background-position: bottom left;
		}
		a.button_30:visited { outline: none; color: #FFFFFF; }
				
				a#download.button_30 { background: transparent url(../images/flavas/one/buttons/button_30_a_download.png) no-repeat scroll top right; padding-right: 35px;}
				a#download.button_30:hover { background-position: bottom right; }
			/*a#download.button_30 span { padding: 10px 0px 10px 35px; background: transparent url(../images/flavas/one/buttons/button_30_span_download.png) no-repeat; } */
				
a.button_30grey {
	display: block;
	height: 30px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding-right: 15px;
	background: transparent url(../images/flavas/one/buttons/button_30grey_a.png) no-repeat scroll top right;
	float: left;
}
		a.button_30grey span {
			display: block;
			line-height: 10px;
			padding: 10px 0px 10px 15px;
			background: transparent url(../images/flavas/one/buttons/button_30grey_span.png)  no-repeat;
		}
		a.button_30grey:hover {
			color: #FFFFFF;
			text-decoration: none;
			background-position: bottom right;
		}
		a.button_30grey:hover span {
			background-position: bottom left;
		}
		a.button_30:visited { outline: none; color: #FFFFFF; }
		
		
		a#blue.button_30 { background: transparent url(../images/flavas/one/buttons/button_30_a_blue.png) no-repeat scroll top right; }
		a#blue.button_30 span { background: transparent url(../images/flavas/one/buttons/button_30_span_blue.png)  no-repeat; }
		a#blue.button_30:hover { background-position: bottom right; }
		a#blue.button_30:hover span { background-position: bottom left; }
		
		a.button_30.float_none { float: none; }
		
a.button_50 {
	display: block;
	height: 50px;
	color: #FFFFFF;
	font-size: 21px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding-right: 25px;
	background: transparent url(../images/flavas/one/buttons/button_50_a.png) no-repeat scroll top right;
	float: left;
}
		a.button_50 span {
			display: block;
			line-height: 30px;
			padding: 10px 0px 10px 25px;
			background: transparent url(../images/flavas/one/buttons/button_50_span.png)  no-repeat;
		}
		a.button_50:hover {
			color: #FFFFFF;
			text-decoration: none;
			background-position: bottom right;
		}
		a.button_50:hover span {
			background-position: bottom left;
		}
		a.button_50:visited { outline: none; color: #FFFFFF; }
				
			a#win-os.button_50 { background: url(../images/icons/win-mac-buttons.gif) right -108px no-repeat; padding-right: 60px; }
				a#win-os.button_50:hover { background-position: right -158px; }
			a#mac-os.button_50{ background: url(../images/icons/win-mac-buttons.gif) right -2px no-repeat;  padding-right: 60px; }
				a#mac-os.button_50:hover { background-position: right -52px; }

				a#win-os.button_50 span,
				a#mac-os.button_50 span { padding-left: 20px; }

/***** IMAGE BUTTONS *****/
a.button_buynow {
			background: url(../images/members/buy_sign_buttons.gif);
			display: block;
			height: 43px;
			width: 97px;
		}
		a.button_buynow:hover {
			background-position: bottom left;
		}

/***** IMAGE BUTTONS *****/
a.button_buynow {
			background: url(../images/members/buy_sign_buttons.gif);
			display: block;
			height: 43px;
			width: 97px;
		}
		a.button_buynow:hover {
			background-position: bottom left;
		}

a.button_signup {
			background: url(../images/members/buy_sign_buttons.gif);
			background-position: top right;
			display: block;
			height: 43px;
			width: 97px;
		}
		a.button_signup:hover {
			background-position: bottom right;
		}
a.button_signup_border {
			background: url(../images/members/signup__button.png);
			background-position: top right;
			display: inline-block;
			height: 49px;
			margin-left: 4px;
			width: 103px;
		}
		a.button_signup_border:hover {
			background-position: bottom right;
		}
		a.button_signup_border span { display: none; }	
		
a.button_signup_free_border {
			background: url(../images/members/signup_free_button.png);
			background-position: top right;
			display: inline-block;
			height: 49px;
			margin-left: 4px;
			width: 103px;
		}
		a.button_signup_free_border:hover {
			background-position: bottom right;
		}
		a.button_signup_free_border span { display: none; }	
			
			
			
/***** FOOTER NAV *****/
.footer_link a,
.footer_link a:visited {
		display: inline;
		height: 15px;
		font-size: 10px;
		color: #FFFFFF;
		line-height: 14px;
		text-transform: uppercase;
		border: solid 1px #e55c2e;
		background-color: #ff794c;
		margin: 7px 5px 0px 0px;
		padding: 0px 3px 0px 3px;
		float: right;
	}
	
	.footer_link a:hover {
		color: #FFFFFF;
		text-decoration: none;
		border: 1px solid #FFFFFF;
	}


/***** PAGINATION *****/
.pagenumber a, .pagenumber a:visited {
	height: 16px;
	line-height: 15px;
	font-size: 10px;
	font-weight: normal;
	color: #7D7D7D;
	text-transform: uppercase;
	background-color: #EBEBEB;
	border:1px solid #C8C8C8;
	margin:0 2px 0 2px;
	padding:0px 5px 0px 5px;
	float: right;
}
	.pagenumber a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color:#ff6633;
		border:1px solid #cc5229;
	}
.pagenumber_on a, .pagenumber_on a:visited {
	height: 16px;
	line-height: 15px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-color:#a1e517;
	border:1px solid #81b812;
	margin:0 2px 0 2px;
	padding:0px 5px 0px 5px;
	float: right;
}
	.pagenumber_on a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color:#ff6633;
		border:1px solid #cc5229;
	}
.pagenumber_off {
	height: 16px;
	line-height: 15px;
	font-size: 10px;
	font-weight: normal;
	color: #afafaf;
	text-transform: uppercase;
	background-color: #FFFFFF;
	border:1px solid #C8C8C8;
	margin:0 2px 0 2px;
	padding:0px 5px 0px 5px;
	float: right;
	cursor: default;
}

#page #addthisarea { float: left; right: 10px; position: absolute;}

/***** COMMON STYLING *****/

/*** Set Container and Basic Styles ***/
#main_nav {
	font-size: 11px;
	height: 36px;
	position: relative;
	z-index: 10;
	}
	
	/*** Float List, Remove Margin, Remove Padding, Remove Bullets ***/
	#main_nav ul { 
		list-style: none; 
		margin: 0; 
		padding: 0;  
		}
		#main_nav ul li { float: left; }
					
		/*** Primary Nav Link - Default Styles ***/
			#main_nav ul li a, 
			#main_nav ul li a:visited { 
				background-position: 0 0; 
				background-repeat: no-repeat; 
				display: block; 
				height: 36px; 
				overflow: hidden; 
				
				}
				#main_nav ul li a:hover,
				#main_nav ul li:hover a { background-position: 0 -36px; }
				#main_nav ul li a span { display: none; }
				
				#main_nav ul li.Home_Login a,
				#main_nav ul li.Home_Login a:visited { background-position: 0 -72px; width: 93px; }
					#main_nav ul li.Home_Login  a:hover,
					#main_nav ul li.Home_Login a:hover a { background-position: 0 -108px; }
				
				#main_nav ul li.Home a, 
				#main_nav ul li.Home a:visited,
				#main_nav ul li.Home_Login a,
				#main_nav ul li.Home_Login a:visited { background-image: url(../images/nav/primary/home.png); width: 93px;  }
				
				#main_nav ul li.Games a, 
				#main_nav ul li.Games a:visited { background-image: url(../images/nav/primary/games.png); width: 96px; }
				
				#main_nav ul li.Shop a, 
				#main_nav ul li.Shop a:visited { background-image: url(../images/nav/primary/shop.png); width: 84px; }
				
				#main_nav ul li.Club_Soda a, 
				#main_nav ul li.Club_Soda a:visited { background-image: url(../images/nav/primary/club_soda.png); width: 127px; }
				
				#main_nav ul li.More a, 
				#main_nav ul li.More a:visited { background-image: url(../images/nav/primary/more.png); width: 86px; }
		
				#main_nav ul li.Competitions a, 
				#main_nav ul li.Competitions a:visited { background-image: url(../images/nav/primary/competitions.png); width: 152px; }
				
				#main_nav ul li.GDN a, 
				#main_nav ul li.GDN a:visited { background-image: url(../images/nav/primary/gdn.png); width: 75px; }
		
				#main_nav ul li.Members a, 
				#main_nav ul li.Members a:visited { background-image: url(../images/nav/primary/members.png); width: 113px; }
		
	/*** Hide Secondary Nav ***/
	#main_nav ul li .nav_hover { display: none; }


		/*** Position Secondary Nav and Show on Hover ***/
		#main_nav ul li:hover .nav_hover  { 
			background: url(../images/nav/primary/nav_bottom.png) bottom left repeat-x;
			display: block; 
			padding-bottom: 6px; 
			position: absolute; 
			top: 36px;
			width: auto; 
			}
			#main_nav ul li .nav_left { background: url(../images/nav/primary/nav_LR.gif) top left no-repeat; height: 1% }
			#main_nav ul li .nav_right { 
				background: #474747 url(../images/nav/primary/nav_LR.gif) top right no-repeat; 
				margin-left: 2px; 
				}
			#main_nav ul li .nav_center { 
				background: #464646 url(../images/nav/primary/nav_grad.gif) top left repeat-x; 
				margin-right: 1px; 
				padding-right: 1px;
				padding-bottom: 5px;
				padding-top: 5px;
				}
			
		#main_nav ul li ul { 
			border-right: 1px solid #c9c9c9; 
			display: inline;
			display: block;
			float: left; 
			margin: 0; 
			padding: 0 0px 0 5px; 
			}
			#main_nav ul li:hover ul a,
			#main_nav ul li:hover ul a:visited { 
				background-image: none; 
				color: #fff; 
				height: auto; 
				width: auto; 
				}
				#main_nav ul li:hover ul a:hover { text-decoration: none; }
			
			#main_nav ul li ul li { float: none; height: 26px; margin: 0 5px 0 0;  }
			#main_nav ul li:hover ul a { padding: 4px 20px 4px 10px; min-width: 84px}
			#main_nav ul li:hover ul a:hover { 
				background: url(../images/nav/primary/white-transparent.png) repeat; 
				}	
			#main_nav ul li ul li a { padding: 4px 20px 4px 10px; }
			
			#main_nav ul li ul.last { margin-right: 0; border: none; }
		
			#main_nav ul li ul.full-width li { 
				border-bottom: 1px dotted #ccc; 
				border-top: 1px dotted #ccc; 
				height: auto;
				padding: 2px 0; 
				margin-bottom: 2px;
				text-transform: uppercase;
				width: 290px;
				}	
				
				#main_nav ul li ul.full-width li a { margin: 2px 0; }

				
				#main_nav ul li ul.full-width li.gdn a span { 
					background-image: url(/images/icons/gdn_16x16.png);
					background-position: 0 center;
					background-repeat: no-repeat;
					display: block; 
					padding-left: 23px; 
					}

/***** FORM_STANDARD *****/

		/*** Form Row - Default and Error ***/
		.form_standard .form_row, .form_standard .form_row_error, .form_standard .form_row_approved { margin: 0 0 10px 0; }

		/*** Form Field ***/
		.form_standard .form_field { margin: 0 10px 0 0; }
		
				/*** Label ***/
				.form_standard label { margin: 0 0 2px 0; }
				
				/*** Input, Select and Textarea ***/	
				.form_standard input, .form_standard select, .form_standard textarea { margin: 0 5px 0 0; overflow: hidden; padding: 2px 3px; }
				
				/*** Checkbox Layout - Label and Input Styles ***/
				.form_standard .form_row .form_field_checkbox input { display: inline; margin: 0 5px 0 0; padding: 0; }
				.form_standard .form_row .form_field_checkbox label { display: inline; }
				.form_standard .form_field .radio_options { white-space: nowrap; }

		/*** Note and Error ***/
		.form_standard .form_note, .form_standard .form_error { margin: 2px 0 0 0; }

/***** FORMS - ELEMENTS *****/
form { margin: 0; padding: 0; }

		/*** Form Row - Default and Error ***/
		.form_row, .form_row_error, .form_row_approved, .form_row_checking  { clear: left; display: block; float: left; width: 100%; }
				
				/*** Field ***/
				.form_field { display: inline; float: left; }
				
						/*** Label - Default and Error ***/
						label {
							color: #8fcc14;
							display: block;
							font-family: Tahoma, Arial, Helvetica, sans-serif;
							font-size: 13px;
						}
						.form_row_error label { color: #ff7841; }
						.form_row_approved label { color: #8fcc14; }
				
						/*** Input, Select and Textarea - Default ***/
						input,
						select,
						textarea {
							background-color: #f2f2f2;
							border: 1px solid #d9d9d9;
							color: #666;
							font-family: Tahoma, Arial, Helvetica, sans-serif;
							font-size: 13px;
						}
						input[type="checkbox"] { background: none; border: none; }

						
						/*** Input, Select and Textarea - Error ***/
						.form_row_error input, .form_row_error select {
							background-color: #ffe3bf;
							border: 1px solid #ff7841;
							color: #ff7841;
						}					
						
						
						/*** Input, Select and Textarea - Approved ***/
						.form_row_approved input, .form_row_approved select {
							background-color: #ddff9a;
							border: 1px solid #8fcc14;
							color: #8fcc14;
						}						
				
				/*** Form Note - Default ***/
				.form_note { width: 100%; position: relative; float: left; clear: both; }
				
				/*** Form Note - Error ***/
				.form_error {
					clear: both;
					color: #ff6426;
					float: left; 
					position: relative; 
					width: 100%; 
				}
				/*** Form Note - Aproved ***/
				.form_approved {
					clear: both;
					color: #8fcc14;
					float: left; 
					position: relative; 
					width: 100%;
				}

		/*** Form Standard - Form Button ***/
		input.form_button,
		input.form_button_60x23 {
			border: none;
			cursor: pointer;
			color: #FFF;
			margin: 0;
			outline: none;
			text-decoration:none;
		}
				input.form_button {
					width: 150px;
					height: 30px;
					padding:0 0 1px 0;
					background: url(../images/flavas/one/buttons/form_150x30_off.gif) no-repeat;
				}
				input.form_button:hover {
					background: url(../images/flavas/one/buttons/form_150x30_on.gif) no-repeat;
				}
				
				input.form_button_60x23 {
					width: 60px;
					height: 23px;
					padding: 0 0 3px;
					background: url(../images/flavas/one/buttons/form_60x23_off.gif) no-repeat;
				}
				input.form_button_60x23:hover {
					background: url(../images/flavas/one/buttons/form_60x23_on.gif) no-repeat;
				}

		
		/***** FORM - GAMES LIST *****/
		.form_gameslist, .form_gamescats { margin: 0; padding: 0; }
		
		.form_gameslist select { 
			background-color: #FFF;
			color: #808080;
			font-size: 11px; 
			margin: 0px; 
			padding: 2px; 
			width: 240px;
			
		}
		.form_gamescats select {
			background-color: #FFF;
			color: #808080;
			font-size: 11px; 
			margin: 0px; 
			padding: 2px;
			width: 150px;
		}
				
/***** SPECIFIC COMMENT FORM STYLES *****/
#comment_form input#title { width: 320px; }
#comment_form textarea#comment { height: 50px; overflow: auto; width: 320px; }
#comment_form  .form_row { width: auto; }		
#tabs textarea { height: 100px; width: 98%; }
#tabs input[type="text"]{ width: 98%; }
#tabs #embedForm input[type="text"]{ overflow: none;  }

#gdn.form_standard input[type="file"]{ float:right; background #333; }

.paypal .form_standard input { background: none; border: none; margin: 0; padding: 0px; }


#subscribe-form   {	
	background: url(/images/subscription/subscribe-area.png) 0 0 no-repeat;
	color: #444;
	float: right;
	height: 271px; 
	padding: 15px; 
	position: relative; 
	width: 270px; 
	}
	
	#subscribe-form  .subscribe input[type="text"] { 
		background: #fff; 
		border: none; 
		color: #aaa; 
		font-size: 16px; 
		left: 20px; 
		padding: 3px; 
		position: absolute; 
		top: 115px; 
		width: 84%; 
		}
	#subscribe-form  input:focus { outline: none; }
	#subscribe-form  .subscribe  p { font-size: 1.1em; line-height: 1.4em; }
	#subscribe-form  .subscribe  input[type="submit"] { 
		background: url(/images/subscription/subscribe-button.gif) 0 0 no-repeat; 
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 1.5em;
		height: 42px;
		position: absolute;
		right: 10px;
		top: 155px; 
		width: 125px; 
		}
		#subscribe-form  .subscribe input[type="submit"]:hover { background-position: 0 -45px; }
	#subscribe-form  label { color: #FF8C1A; }
	#subscribe-form  .unsubscribe { border-top: 1px dashed #FF8C1A; font-size:11px; position: absolute; top: 210px; width: 90%; padding-top: 10px; }
	#subscribe-form  .unsubscribe input[type="text"] { 
		background: #fff;
		border-color: #999;
		font-size: 11px;
		margin-right: 5px;
		padding: 2px;
		width: 160px;
	}
	#subscribe-form  .unsubscribe   input[type="submit"] { 
		background: #FF8C1A;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 11px;
		padding: 2px;
		}
		#subscribe-form  .unsubscribe p { margin-bottom: 5px; }
		#subscribe-form  .unsubscribe  label { font-size: 11px; margin-bottom: 5px; }
		
/** = buy_form **/
#buy_form { width: 430px; }

		
/** Member Panel **/
#header_member_panel .form_standard { float: left;  }
#header_member_panel label { color: #808080; font-size: 11px; float: left; margin: 7px 2px 0 0; }
#header_member_panel input { float: left; }
	#header_member_panel input[type="text"], 
	#header_member_panel input[type="password"] { font-size: 11px; margin-top: 5px; width: 65px; }
#header_member_panel select { float: right; font-size: 10px; }
#header_member_panel a.forgot_password { display: block; margin: 7px 0 0; float: left; }
#header_member_panel input[type="checkbox"] { margin-top: 5px; }

#header_member_panel input#login { 
	/*background: url(/images/forms/sign-up-button.gif) right -2px no-repeat; */
	background: url(/images/forms/login-button.gif) left -2px no-repeat;
	border: 0;
	display: block; 
	height: 27px; 
	margin-top: 0px; 
	margin-left: 3px; 
	padding: 0;
	width: 80px; 
	}
	#header_member_panel input#login:hover { background-position: left -31px; cursor: pointer; }
	
	
.cart_subscription { font-size: 11px; margin-bottom: 5px; vertical-align:top; }
	.cart_subscription label { }
	.cart_subscription input { margin-right: 5px;  }
	
/*** ie fixes for sign up forms ***/
* html form label { color: #808080;}
	* html form { color: #808080; display: block;  height:50px;}
	
/*** Search bar ***/

#cse-search-box { background:url(/images/forms/search_panel.gif) no-repeat; height: 37px; width: 209px; margin: 3px 0 0 0; }
input#q { width: 133px; float: left; margin-left: 13px; margin-top: 7px; border:1px solid #D9D9D9;}
input#sa { display: inline-block; background: none; border: none; height: 37px; width: 40px; outline: none;}


.yui-overlay {
	border: solid 1px #81b812;
	background-color: #a1e517;
	position: relative;
	padding: 10px;
}
.yui-overlay .hd {
	font-weight: bold;
	border-top: 1px solid #81b812;
	border-right: 1px solid #81b812;
	border-bottom: 1px dotted #C8C8C8;
	border-left: 1px solid #81b812;
	background-color: #FFFFFF;
	padding:5px;
}
.yui-overlay .bd {
	font-weight: bold;
	border-right: 1px solid #81b812;
	border-bottom: 1px dotted #C8C8C8;
	border-left: 1px solid #81b812;
	background-color: #FFFFFF;
	padding: 10px;
}
.yui-overlay .ft {
	text-align: right;
	border-right: 1px solid #81b812;
	border-bottom: 1px solid #81b812;
	border-left: 1px solid #81b812;
	background-color: #FFFFFF;
	padding:5px;
}

.yui-overlay a {
	cursor: pointer;
}


/* Starbox.css 
   Part of http://www.nickstakenburg.com/projects/starbox/
*/

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }

/* Rated Game - Inactive*/
.starbox .colorbar { background: #ffd11a; }

/* Rated Game - Hover*/
.starbox .hover .colorbar { background: #a1e517; }

/* Rated Game - Rated*/
.starbox .rated .colorbar { background: #ffd11a; }


.starbox .rated .hover .colorbar { background: #ff6633; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

/***** BODY *****/
#gdn {
	background: url(../images/gdn/backgrounds/body2.gif) top center repeat-y;
	background-color: #808080;
	}
		 #gdn a, #gdn a:visited { color: #8fcc14; text-decoration:none; }
		 #gdn a:hover { color: #ff8c1a; text-decoration: underline; }
		 
		 #gdn span.logo_gdn{ float:right; width:100px; height:54px; background:url(../images/gdn/icons/gdn-logo-small.png); margin-bottom:5px; }
		 #gdn h1.pop_up { width:320px;}
		 
		 #gdn .copy_highlight {color: #ff8c1a;}
		  #gdn .copy_highlight_green {color: #8fcc14;}
		  
		#gdn .copy_code { color: #000; font-family: "Courier New", Courier, monospace;  background: #f0f0f0; padding: 2px 10px;}

		 
		 /***** NEW BUTTONS *****/
			#gdn a.button_24 {
				display: block;
				height: 24px;
				color: #FFFFFF;
				font-size: 11px;
				font-weight: normal;
				text-align: center;
				text-decoration: none;
				padding-right: 12px;
				background: transparent url(../images/gdn/buttons/button_24_a.png) no-repeat scroll  top right;
				float: left;
			}
					#gdn a.button_24 span {
						display: block;
						line-height: 10px;
						padding: 7px 0px 7px 12px;
						background: transparent url(../images/gdn/buttons/button_24_span.png)  no-repeat;
					}
					#gdn a.button_24:hover {
						color: #FFFFFF;
						text-decoration: none;
						background-position: bottom right;
					}
					#gdn a.button_24:hover span {
						background-position: bottom left;
					}
					#gdn a.button_24:visited { outline: none; color: #FFFFFF; }
					
			#gdn a.button_30 {
				display: block;
				height: 30px;
				color: #FFFFFF;
				font-size: 13px;
				font-weight: normal;
				text-align: center;
				text-decoration: none;
				padding-right: 15px;
				background: transparent url(../images/flavas/gdn/button_30_a.png) no-repeat scroll top right;
				float: left;
			}
					#gdn a.button_30 span {
						display: block;
						line-height: 10px;
						padding: 10px 0px 10px 15px;
						background: transparent url(../images/flavas/gdn/button_30_span.png)  no-repeat;
					}
					#gdn a.button_30:hover {
						color: #FFFFFF;
						text-decoration: none;
						background-position: bottom right;
					}
					#gdn a.button_30:hover span {
						background-position: bottom left;
					}
					#gdn a.button_30:visited { outline: none; color: #FFFFFF; }
					
			#gdn a.button_50 {
				display: block;
				height: 50px;
				color: #FFFFFF;
				font-size: 21px;
				font-weight: normal;
				text-align: center;
				text-decoration: none;
				padding-right: 25px;
				background: transparent url(../images/gdn/buttons/button_50_a.png) no-repeat scroll top right;
				float: left;
			}
					#gdn a.button_50 span {
						display: block;
						line-height: 30px;
						padding: 10px 0px 10px 25px;
						background: transparent url(../images/gdn/buttons/button_50_span.png)  no-repeat;
					}
					#gdn a.button_50:hover {
						color: #FFFFFF;
						text-decoration: none;
						background-position: bottom right;
					}
					#gdn a.button_50:hover span {
						background-position: bottom left;
					}
					#gdn a.button_50:visited { outline: none; color: #FFFFFF; }
					
					
			#gdn a.button_50_off {
				background: transparent url(../images/gdn/buttons/button_50_off_a.png) no-repeat scroll top right;
				color: #FFFFFF;
				display: block;
				float: left;	
				font-size: 21px;
				font-weight: normal;
				height: 50px;
				text-align: center;
				text-decoration: none;
				padding-right: 25px;
			
			}
					#gdn a.button_50_off span {
						background: transparent url(../images/gdn/buttons/button_50_off_span.png)  no-repeat;
						display: block;
						line-height: 30px;
						padding: 10px 0px 10px 25px;
					}
					#gdn a.button_50_off:hover {
						color: #FFFFFF;
						text-decoration: none;
					}
					#gdn a.button_50_off:hover span {
					}
					#gdn a.button_50_off:visited { outline: none; color: #FFFFFF; }
					
					
			#gdn a.button_50_gls {
				background: transparent url(../images/gdn/buttons/button_50_gls.png) no-repeat scroll top right;
				color: #FFFFFF;
				display: block;
				float: left;	
				font-size: 11px;
				font-weight: normal;
				height: 50px;
				text-decoration: none;
				width: 300px;
			
			}
					#gdn a.button_50_gls span {
						display: block;
						line-height: 15px;
						padding: 25px 0px 10px 60px;
						height:10px;
					}
					#gdn a.button_50_gls:hover {
						color: #FFFFFF;
						text-decoration: none;
						background-position: bottom;
						height: 50px;
						
					}
					#gdn a.button_50_gls:hover span {
						background-position: bottom;
					}
					#gdn a.button_50_gls:visited { outline: none; color: #FFFFFF; }
					
			#gdn a.button_50_sdk {
				background: transparent url(../images/gdn/buttons/button_50_sdk.png) no-repeat scroll top right;
				color: #FFFFFF;
				display: block;
				float: left;	
				font-size: 11px;
				font-weight: normal;
				height: 50px;
				text-decoration: none;
				width: 300px;
			
			}
					#gdn a.button_50_sdk span {
						background: transparent url(../images/gdn/buttons/button_50_sdk.png)  no-repeat;
						display: block;
						line-height: 15px;
						padding: 25px 0px 10px 60px;
					}
					#gdn a.button_50_sdk:hover {
						color: #FFFFFF;
						text-decoration: none;
						background-position: bottom;
					}
					#gdn a.button_50_sdk:hover span {
						background-position: bottom;
					}
					#gdn a.button_50_sdk:visited { outline: none; color: #FFFFFF; }
					
		
		#gdn input.form_button {
			background:transparent url(../images/gdn/buttons/form_150x30_on.gif) no-repeat scroll 0 0;
			height:30px;
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			padding:0 0 1px;
			width:150px;
			}
		#gdn input.form_button:hover {
			background:transparent url(../images/flavas/one/buttons/form_150x30_off.gif) no-repeat scroll 0 0;
			height:30px;
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			padding:0 0 1px;
			width:150px;
			}
			
		/*** COLUMNS ***/
		#gdn .col_320 {
			margin-left: 5px;
			}
					


/***** HEADER *****/
#header_wrapper_dev {
	width: 960px;
	height: 112px;
	position: relative;
	left: 15px;
	float: left;
	clear: both;
}

		/*** Banner ***/
		#header_banner_dev {
			width: 960px;
			height: 112px;
			background: url(../images/backgrounds/banner.gif) no-repeat;
			position: relative;
			float: left;
			clear: both;
		}
				.header_logo_dev {
					width: 230px;
					height: 112px;
					position: relative;
					float: left;
					clear: both;
				}
				
		/*** Primary Nav ***/
		#header_nav_dev {
			width: 960px;
			height: 30px;
			background: url(../images/primarynav/back.gif) no-repeat #81B812;
			position: relative;
			float: left;
			clear: both;
		}
		#header_member_panel_gdn {
				width: 970px;
				height: auto;
				position: relative;
				padding-bottom:15px;
				float: left;
				clear: both;
				background: url(../images/gdn/panels/member_panel_back.jpg) left bottom no-repeat;
			}
		
		#crumb_gdn {
			display:inline;
			float:left;
			font-size:10px;
			padding:0 0 0 5px;
					}
					
					#crumb_gdn .breadcrumb_end {
					font-weight:normal;
					color:#ffffff;
					margin-top: 5px;
					}
					
				

		
/***** FOOTER *****/
#footer_wrapper_dev {
	width: 960px;
	height: auto;
	text-align: center;
	background: url(../images/primarynav/back.gif) no-repeat #81B812;
	position: relative;
	left: 15px;
	float: left;
	clear: both;
}

	
		
		
/***** GAME STATUS *****/
.dev_gameStatus_active {
	height: 12px;
	color: #FFFFFF;
	text-align: center;
	border: solid 1px #81b812; 
	background-color: #a1e517; 
	padding: 1px;
}
.dev_gameStatus_registered {
	height: 12px;
	color: #FFFFFF;
	text-align: center;
	border: solid 1px #cc7014;
	background-color: #ff8c1a; 
	padding: 1px;
}
.dev_gameStatus_deactivated {
	height: 12px;
	color: #FFFFFF;
	text-align: center;
	border: solid 1px #cc501f; 
	background-color: #ff6426; 
	padding: 1px;
}
.dev_gameStatus_submitted {
	height: 12px;
	color: #FFFFFF;
	text-align: center;
	border: solid 1px #cc7014; 
	background-color: #ff8c1a; 
	padding: 1px;
}




/***** OVERALL LAYOUT STYLES *****/

		/*** Width set in header include - changes depending on display of sky ***/
		#wrapper_gdn {
			height: auto;
			margin: 0 auto;
/*			overflow: auto;*/
			position: relative;
			width: 970px;
		}
		
			
			/***** HEADER *****/
			#header_wrapper_gdn {
				clear: both;
				float: left;
				height: auto;
				width: 970px;

			}
	
				/*** Logo ***/
				.header_logo_gdn {
					float: left;
					height: 130px;	
					position: relative;
					width: 200px;
				}
				
				/** Text Scroller **/
				.header_text_scroller_gdn {
					float: right;
					height: 70px; 
					margin-top: 40px; 
					margin-right: 15px; 
					overflow: hidden;
					width: 405px; 
				}
				
			/*** Banner ***/
			.header_banner_gdn {
				background:url(../images/gdn/backgrounds/header.gif) left top no-repeat;
				clear: both;
				float: left;
				height: auto;
				position: relative;
				width: 970px;
			}

				/* Nav */
				.header_nav_gdn {
					background: url(../images/gdn/nav/back.png) no-repeat;
					clear: both;
					float: left;
					height: 36px;
					padding: 0px 5px;
					width: 960px;
				}
				
						
				#gdn #content_wrapper {
					float: left;
					height: auto;
					padding-bottom: 15px;
					position: relative;
					width: 960px;
				/*	overflow: auto;*/
				}
		
				/*** Page Include Styles ***/
				#gdn #page {
					clear: both;
					float: left;
					height: 24px;
					left: 15px;
					position: relative;
					width: 960px;
				}
					#gdn .breadcrumb_link {
						background: transparent url(../../images/gdn/icons/arrow_grey.gif) right center no-repeat;
						display: inline;
						float: left;
						font-size: 10px;
						height: 10px;
						line-height: 10px;
						padding: 6px 10px 6px 5px;
						width: auto;
					}
					

		
		/***** FOOTER *****/

				#footer_gdn {
					background: url(../images/gdn/backgrounds/footer.png) no-repeat;
					clear: both;
					color: #FFF;
					float: left;
					height: 36px;
					line-height: 35px;
					margin-top: 5px;
					padding: 5px 20px;
					width: 930px;
				}
				
					 #footer_gdn a, #footer_gdn a:visited { color: #fff; text-decoration: none; }
					 #footer_gdn a:hover { color: #ff8c1a; text-decoration: underline; }
	
				
/***** PANELS & INSETS *****/


		/** new panel styles **/
		/* panel styles */		
		#gdn .panel_top,
		#gdn .panel_bottom ,
		#gdn .panel_top_left,
		#gdn .panel_top_right, 
		#gdn .panel_bottom_left ,
		#gdn .panel_bottom_right { background-image: url(../images/backgrounds/gdn_panel_white.gif); min-height: 1px; height: 13px; }
		
		#gdn .panel_top {background-position:left -27px;}
		
		#gdn .panel_middle_left,
		#gdn .panel_middle_right { background-image: url(../images/backgrounds/gdn_panel_white_RL.gif); }
			* html #gdn .panel_middle_left { background: #fff; }
			
		#gdn .tab_panel_top_left { 
			background: #8d8d8d url(../images/backgrounds/gdn_panel_white_tab-corner.gif) no-repeat scroll 1px top; 
			width: 7px; 
			}		
			* + html #gdn .tab_panel_top_left { background-position: 2px top; }

		#gdn .panel_middle { background: #fff; padding: 5px; }
		
		#gdn #tabs .panel_middle { background: #fff url(../images/gdn/backgrounds/panel_tab_middle.gif) right top repeat-y; padding: 0px; }
			#gdn #tabs .panel_middle .ui-tabs-panel{ padding: 5px; }
		#gdn #tabs .panel_bottom { background: url(../images/gdn/backgrounds/panel_tab_bottom.gif) right 0px no-repeat; }
	
		#gdn .panel_top_tab { background-color: transparent; }

		#gdn .panel_middle_left{ 
			padding: 0 0 0 20px; 
		}
		#gdn .panel_middle_right { 
			padding: 0 20px 0 0; 
		}
		
		#gdn .panel_bottom_left  {
			background-position: left -14px;
		}
		#gdn .panel_bottom_right  {		
			background-position: right -14px ;
		}
		
		/*** Common Styles for Panels & Insets ***/
		#gdn .inset_320_greyR5_top, 
		#gdn .inset_320_greyR5_middle, 
		#gdn .inset_320_greyR5_content, 
		#gdn .inset_320_greyR5_bottom { display: block; position: relative; float: left; clear: both; }
		
				/* inset-panel*/
		#gdn .inset_panel_top,
		#gdn .inset_panel_bottom	{ 
				background-image: url(../images/gdn/backgrounds/panel_light_grey.png); 
				background-repeat: repeat-x; 
				height: 10px; 
			}
			
			#gdn .inset_panel_top  { background-position: left -30px; }
			#gdn .inset_panel_bottom { background-position: left -46px;/* margin-bottom: 10px;*/ }
		
		#gdn .inset_panel_top_left,
		#gdn .inset_panel_top_right,
		#gdn .inset_panel_bottom_left ,
		#gdn .inset_panel_bottom_right { 
			background-image: url(../images/gdn/backgrounds/panel_light_grey.png); 
			background-repeat: no-repeat; 
			display: block; 
			height: 10px; 
			width: 10px;   
		}
		
			/*.panel_top_left { background-position: left top; }*/
			#gdn .inset_panel_top_right { background-position: right top; float: right; }
			#gdn .inset_panel_bottom_left { background-position: left -16px; float: left; }
			#gdn .inset_panel_bottom_right { background-position: right -16px; float: right; }
			
		#gdn .inset_panel_middle  { background: #f2f2f2; /*padding: 10px 5px; */}
		#gdn .inset_panel_middle  .inner { padding: 2px 10px; }
		
		
		#gdn .inset_panel_middle_left  { 
			background: url(../images/gdn/backgrounds/panel_light_grey_RL.png) left top repeat-y;  
			min-height: 1px; 
			padding: 0 0 0 10px; 
		}
		#gdn .inset_panel_middle_right { 
			background: url(../images/gdn/backgrounds/panel_light_grey_RL.png) right top repeat-y;  
			min-height: 1px; 
			padding: 0 10px 0 0; 
		}
	
		
		
		/*** Widths and Backgrounds for Individual Panels & Insets  ***/

/****** TABLE STYLES ******/
		
#gdn table tr.row_a {
	background-color: #f0f0f0;
}

#gdn table tr.row_b {
	background-color: #fff;
}		

#gdn table.padded3 td {
	padding: 3px;
}


#gdn table.game-revenue { width: 100%; }
#gdn table.game-revenue  td { padding: 2px; vertical-align: top; }
#gdn table.game-revenue  th { padding: 2px; vertical-align: bottom; white-space: nowarap; }
	#gdn table.game-revenue  .tophead th { font-weight: bold; }
	#gdn table.game-revenue  th.border_B { border-bottom: 1px dotted #ddd; padding-bottom: 3px; }

#gdn table.game-revenue thead { font-size: 10px; text-transform: uppercase; }



#gdn ul.list { 
	list-style-type: none; 
	padding: 5px 0; 
	}
	#gdn ul.list li { 
		background: url(../images/gdn/icons/fizzy-gdn-bullet.gif) left 1px no-repeat; 
		padding-bottom: 4px; 
		padding-left: 20px;
		margin-left: 15px;   
		}

/***** COMMON STYLING *****/

		/*** Set Container and Basic Styles ***/
		#gdn .menu {
			position: relative;
			width: 970px;
			height: 36px;
			font-size:11px;
			z-index:10;
		}
		
		/*** Primary Nav Link - Default Styles ***/
		#gdn .menu ul li a, 
		#gdn .menu ul li a:visited { display: block; width: 168px; height: 36px; overflow:hidden; }
		#gdn .menu ul li.Home a, 
		#gdn .menu ul li.Home a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(../images/gdn/nav/home.png) repeat-y; }
		#gdn .menu ul li.Games a, 
		#gdn .menu ul li.Games a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(../images/gdn/nav/games.png) repeat-y; }
		#gdn .menu ul li.Account a, 
		#gdn .menu ul li.Account a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(../images/gdn/nav/account.png) repeat-y; }
		#gdn .menu ul li.Support a, 
		#gdn .menu ul li.Support a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(../images/gdn/nav/support.png) repeat-y; }
		#gdn .menu ul li.Fizzy a, 
		#gdn .menu ul li.Fizzy a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(../images/gdn/nav/fizzy.png) repeat-y; }
		#gdn .menu ul li.Admin a, 
		#gdn .menu ul li.Admin a:visited { display: block; width: 120px; height: 36px; overflow:hidden; background: url(../images/gdn/nav/admin.png) repeat-y; }
		
		/*** Float List, Remove Margin, Remove Padding, Remove Bullets ***/
		#gdn .menu ul { padding:0; margin:0; list-style: none; }
		#gdn .menu ul li { float:left; position:relative; }
		
		/*** Hide Secondary Nav ***/
		#gdn .menu ul li ul {display: none;}

/***** SPECIFIC TO NON-IE BROWSERS *****/
		
		/*** Primary Nav Link Hover ***/
		#gdn .menu ul li.Home:hover a { background: url(../images/gdn/nav/home.png) 0 36px repeat-y; }
		#gdn .menu ul li.Games:hover a { background: url(../images/gdn/nav/games.png) 0 36px repeat-y; }
		#gdn .menu ul li.Account:hover a { background: url(../images/gdn/nav/account.png) 0 36px repeat-y; }
		#gdn .menu ul li.Support:hover a { background: url(../images/gdn/nav/support.png) 0 36px repeat-y; }
		#gdn .menu ul li.Fizzy:hover a { background: url(../images/gdn/nav/fizzy.png) 0 36px repeat-y; }
		#gdn .menu ul li.Admin:hover a { background: url(../images/gdn/nav/admin.png) 0 36px repeat-y; }

		
		/*** Position Secondary Nav and Show on Hover ***/
		#gdn .menu ul li:hover ul { display:block; position:absolute; top:36px; left:0; width:126px; }
		
		/*** Secondary Nav Link to Tertiary Nav ***/
		#gdn .menu ul li:hover ul li a.hide { background: #000000; color:#fff;}
		#gdn .menu ul li:hover ul li:hover a.hide { background: #FF0000; color:#000; }
		
		/*** Hide Tertiary Nav ***/
		#gdn .menu ul li:hover ul li ul { display: none; }
		
		/*** Secondary Nav Link - Default and Hover ***/
		#gdn .menu ul li.Home:hover ul li a,
		#gdn .menu ul li.Games:hover ul li a,
		#gdn .menu ul li.Account:hover ul li a,
		#gdn .menu ul li.Support:hover ul li a,
		#gdn .menu ul li.Fizzy:hover ul li a  {
			display: block;
			width: 156px;
			padding-left: 10px;
			height: 30px;
			color: #fff;
			text-decoration: none;
			font-size: 11px;
			text-align: left;
			line-height: 30px;
			border-bottom: 1px solid #4d4d4d;
			border-right:1px solid #4d4d4d;
			border-left:1px solid #4d4d4d;
			background-image: none;
			background-color: #666;
		}
		#gdn .menu ul li.Admin:hover ul li a  {
			display: block;
			width: 110px;
			padding-left: 10px;
			height: 30px;
			color: #fff;
			font-size: 11px;
			text-align: left;
			line-height: 30px;
			border-bottom: 1px solid #4d4d4d;
			border-right:1px solid #4d4d4d;
			border-left:1px solid #4d4d4d;
			background-image: none;
			background-color: #666;
		}
		#gdn .menu ul li:hover ul li a:hover { background:#999; text-decoration:none; }
		
		/*** Position Tertiary Nav and Show on Hover ***/
		#gdn .menu ul li:hover ul li:hover ul { display:block; position:absolute; left:168px; top:0;}
		#gdn .menu ul li:hover ul li:hover ul.left { left:-168px; }

		
		
/***** PAGINATION *****/
#gdn .pagenumber a, 
#gdn .pagenumber a:visited {
	height: 16px;
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #7D7D7D;
	text-transform: uppercase;
	background-color:#FFFFFF;
	border:1px solid #C8C8C8;
	margin:0 2px 0 2px;
	padding:0px 5px 0px 5px;
	float: right;
}
	.pagenumber a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color:#ff6633;
		border:1px solid #cc5229;
	}
#gdn .pagenumber_on a, 
#gdn .pagenumber_on a:visited {
	height: 16px;
	line-height: 15px;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#a1e517;
	border:1px solid #81b812;
	margin:0 2px 0 2px;
	padding:0px 5px 0px 5px;
	float: right;
}
#gdn .pagenumber_on a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color:#ff6633;
    border:1px solid #cc5229;
}
#gdn .pagenumber_off {
    height: 16px;
    line-height: 15px;
    font-size: 10px;
    font-weight: bold;
    color: #afafaf;
    text-transform: uppercase;
    background-color: #FFFFFF;
    border:1px solid #C8C8C8;
    margin:0 2px 0 2px;
    padding:0px 5px 0px 5px;
    float: right;
    cursor: default;
}




.modal-overlay
	{
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		height:100%;
		width:100%;
		margin:0;
		padding:0;
		background:#000;
		opacity:.75;
		filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		z-index:101;
	}
	.modal-window
	{
		background-color: #000000;
		position:absolute;
		display: block;
		margin:0;
		padding:0;
		z-index:102;
	}
	.close-window
	{
		position:absolute;
		width:21px;
		height:21px;
		right:-6px;
		top:-6px;
		background: url(../images/flavas/one/icons/close_overlay_off.gif) no-repeat scroll right top;
		text-indent:-99999px;
		overflow:hidden;
		cursor:pointer;
		z-index:9999;
	}
	.close-window:hover
	{
		background: url(../images/flavas/one/icons/close_overlay_on.gif) no-repeat scroll right top;
	}
	* html .modal-overlay
	{
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	* html .modal-window
	{
		position:absolute;
	}
	
/*new gmae play page lights out*/
#lights-overlay.lights-out {
		background: #111;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		margin: 0;
		opacity:.75;
		filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		padding: 0;
		position: fixed;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 101;
}
#flashcontent { position: relative; z-index: 103; }
#user-bar { z-index: 105; }
a.lightbulb { position: relative; z-index: 102; }
#user-panel { z-index: 110; }
table#play-game-table  { position: relative; /*z-index: 104;*/ }
/*#lights-overlay.lights-out #flash-play-panel { color: #ccc; }*/

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../../images/jquery/fancy/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../../images/jquery/fancy/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../../images/jquery/fancy/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../../images/jquery/fancy/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../../images/jquery/fancy/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;

}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #000;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../../images/jquery/fancy/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../../images/jquery/fancy/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../../images/jquery/fancy/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../../images/jquery/fancy/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../../images/jquery/fancy/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../../images/jquery/fancy/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../../images/jquery/fancy/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../../images/jquery/fancy/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../../images/jquery/fancy/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../../images/jquery/fancy/fancy_shadow_nw.png) no-repeat;
}

﻿.ui-rater>span { vertical-align: top; }


.ui-rater-starsOff, .ui-rater-starsOn {display: inline-block; height: 18px; background:url(/images/jquery/rater/stars.png) 0 0 repeat-x; }
.ui-rater-starsOff, .ui-rater-starsOn {_background:url(/images/jquery/rater/stars.gif) 0 0 repeat-x; }

.ui-rater-starsOn { display: block; max-width: 90px; top: 0; background-position: 0 -36px;}
.ui-rater-starsHover { background-position: 0 -18px!important; }


	
/* Rating */
#rating,
#my_rating { clear: both; float: right; }

#rating .rating-result,
#my_rating .rating-result { float: right; margin-left: 5px; width: 50px; }


/*#section_games #overlayRating { float: right; }*/


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 78%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }*/

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }*/
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images 
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }*/

/* positioning 
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }*/
/* removed for user bar overlay .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }*/



/* Misc visuals
----------------------------------*/

/* Corner radius
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } */

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; overflow: visible; width: auto; }
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }*/
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}*/

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* Tabs
----------------------------------*/
.ui-tabs { /*padding: .2em;*/ zoom: 1; margin: 5px 5px 10px; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; margin: 0.2em 0.4em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .1em 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
	#game_home .ui-tabs .ui-tabs-panel,
	#game_play .ui-tabs .ui-tabs-panel	{ padding: 0px;  }
.ui-tabs .ui-tabs-hide { display: none !important; }


.ui-tabs .ui-tabs-nav { margin: 5px 0 -1px -2px; padding: 0; }
.ui-tabs .ui-tabs-nav li { 
	background: none;
	border: none; 
	font-size: 1.5em;	
	}
.ui-tabs .ui-tabs-nav li a { 
	background: transparent url(../images/nav/tab-left-green.png) left -102px no-repeat; 
	border: none; 
	color: #fff;
	padding: 0px 0 0px 9px; 
	}
	
	.ui-tabs .ui-tabs-nav li a span {
	background: transparent url(../images/nav/tab-right-green.png) right -102px no-repeat; 
	color: #fff;
	display: block;
	height: 19px;
	float: left;
	padding: 5px 9px 2px 0; 
	}
		#gdn .ui-tabs .ui-tabs-nav li a { background: transparent url(../images/gdn/nav/tab-left-green.png) left -102px no-repeat; }
	
		#gdn .ui-tabs .ui-tabs-nav li a span { background: transparent url(../images/gdn/nav/tab-right-green.png) right -102px no-repeat; }
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover,
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
	.ui-tabs .ui-tabs-nav li a:hover { background-position: left -1px; }
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover span,
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span,
	.ui-tabs .ui-tabs-nav li a:hover span { background-position: right -1px; color: #8FCC14; text-decoration: none; }
	
	.ui-tabs .ui-tabs-nav li a:hover { background-position: left -53px; text-decoration: none; }
	.ui-tabs .ui-tabs-nav li a:hover span { background-position: right -53px; color: #fff; }
	
.ui-tabs .ui-tabs-panel { display: block; /*padding: 5px;*/ }

.panel_top_tab { 
	background: transparent url(../images/flavas/one/panels/panel_tab_top.gif) top right no-repeat; 
	height: 9px; 
	margin: 0; 
	width: 100%;
	}
	
#gdn .panel_top_tab { 
	background: url(../images/gdn/backgrounds/panel_tab_top.gif) top right no-repeat; 
	/*float: right; 
	height: 9px; 
	margin-right: 5px; 
	width: 9px; */
	}

#gdn .ui-tabs .ui-tabs-nav { margin: 5px 0 0 5px; }
#gdn .ui-tabs .ui-tabs-nav li { margin: 0 .2em 0 0;}
#gdn .ui-tabs .ui-tabs-nav li a { background-position: left -53px ; color: #fff; }
#gdn .ui-tabs .ui-tabs-nav li a span { background-position: right -53px ; }

#gdn .ui-tabs .ui-tabs-nav li a:hover { background-position: left -102px; text-decoration: none;  }
#gdn .ui-tabs .ui-tabs-nav li a:hover span { background-position: right -102px; }

#gdn .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-position: left -1px ; }
#gdn .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background-position: right -1px ; }


.ui-tabs .panel_middle { padding: 0; } 
.ui-tabs .panel_middle .panel_middle { padding: 1px; } 


/*------ GDN Datepicker ------*/
#gdn #ui-datepicker-div.ui-widget-content {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../../images/jquery/user-bar/grey-transparent.png) repeat;
	border: 1px solid #4D4D4D;
	color: #FFF;
}

/* Component containers
----------------------------------*/
 #ui-datepicker-div .ui-datepicker-header.ui-widget-header { 
	background: #A1E517;
	border: 1px solid #81B812; 
	color: #808080; 
	font-size:10px;
	line-height: 1.1em;
	text-transform: uppercase; 
}

#gdn #ui-datepicker-div .ui-datepicker th {
	color:#FFFFFF;
	font-weight: normal;
	font-size:10px;
	line-height:1.1em;
	text-align:center;
	text-transform:uppercase;
}

#gdn #ui-datepicker-div .ui-state-default {
	background: #808080;
	border: 1px solid #4D4D4D;
	text-align:center;
	width: 18px;
}

#gdn #ui-datepicker-div a.ui-state-default  {
color: #FFFFFF;
}
#gdn #ui-datepicker-div a.ui-state-default:hover {
color: #FFFFFF;
background: #FF8C1A;
}
#gdn .ui-datepicker-next ui-corner-all a {
background:#FF0000;
}

#gdn #ui-datepicker-div .ui-icon { width: 16px; height: 16px; background-image: url(../../images/jquery/ui-icons_ffffff_256x240.png); }
#gdn #ui-datepicker-div .ui-icon-circle-triangle-w { background-position:  -80px -192px;}
#gdn #ui-datepicker-div .ui-icon-circle-triangle-e { background-position: -48px -192px;  }
#gdn #ui-datepicker-div .ui-datepicker-prev-hover {  }
#gdn #ui-datepicker-div .ui-datepicker-next-hover {  }
#gdn #ui-datepicker-div .ui-datepicker-prev { left:: 2px; left: auto; }
#gdn #ui-datepicker-div .ui-datepicker-next { right: 2px; }

.tooltip{ background:#ccc; border: 1px solid #333; position: absolute; top: 0; left: 0; z-index: 3; display: none; }



/************************************************
	      JCAROUSEL LITE		
************************************************/

/*#list {
	height:130px;
	width:880px; 
	margin:30px auto; 
}*/

.premium-game-list {
	float: left;
	left: -5000px; 
	overflow: hidden !important;
	position: relative; 
	visibility: hidden;	
}
	
.premium-game-list ul {
	height: 65px;
}

.premium-game-list ul li {
	border-right: 1px solid #d5d6d7;
	border-left: 1px solid #fff;
	height: 55px;
	margin: 0; 
	padding: 5px; 
	width: 157px;
	overflow:auto;
}


.premium-game-list ul li img {
	cursor: pointer;
	display: block;
	height: 50px;
	width: 50px;
	/*padding-top: 3px;*/
}

#premium-games-list .prev {
	cursor: pointer; 
	float: left;
	height: 65px;
	width: 26px;
	}
	#premium-games-list .prev:hover { background: url(/images/members/arrow-hover.gif) 6px 20px no-repeat; }

#premium-games-list .next {
	cursor: pointer; 
	float: right; 
	height: 65px;
	width: 25px;
	}
	#premium-games-list .next:hover { background: url(/images/members/arrow-hover.gif) 1px -48px no-repeat; }
	
	
/************************************************
	      CAPTIFY CAPTION		
************************************************/
.caption-top, .caption-bottom {
	background: #555;
	color: #f2f2f2; 
	cursor: default;
	font-size: 11px; 
	padding: 2px;   
	text-align: center;
}

.caption-top {
	border-width: 0px;
}

.caption-bottom {
	border-width: 0px;
}

.caption a, .caption a {
	background: #555;
	border: none; 
	text-decoration: none;  
	padding: 2px;
}

.caption a:hover, .caption a:hover {
	background: #f2f2f2;
}


/** customised for header **/

#premium-games-list {
	background: #dedede url(/images/members/premium-games-area.gif) top left no-repeat;
	height: 90px; 
	position: relative;
	width: 728px;
}

#premium-leader-header { 
	color: #fff; 
	height: 20px; 
	/*font-weight: bold; */
	padding: 4px 10px 0 117px; 
	}
/*#premium-leader-header span { 
	background: url(/images/icons/member_types/vip_13.gif) top left no-repeat; 
	padding: 0px 0 0px 30px; 
	display: inline; 
	font-weight: normal; 
	float: right; 
	}*/

#premium-game-list-overlay-left { 
	background: url(/images/members/premium-leaderboard-overlay-left.png) top left repeat-y;  
	height: 65px; 
	left: -1px; 
	top: 0; 
	position: absolute;
	width: 10px; 
	z-index: 1000; 
	}
#premium-game-list-overlay-right { 
	background: url(/images/members/premium-leaderboard-overlay-right.png) top right repeat-y; 
	height: 65px;
	position: absolute;  
	right: -1px; 
	top: 0;
	width: 10px;  
	z-index: 1000; }

#premium-games-list .premium-game-list ul li p { margin-bottom: 0; }
#premium-games-list .image_frame { float: left; margin-bottom: 5px; margin-right: 5px; overflow: hidden; }
#premium-games-list .premium-game-list  .game_info { float: left; width: 118px; }

#premium-games-list .topborder {
	border-top: 1px dotted #ccc; 
	clear: both; 
	margin-top: 2px;
	padding-top: 3px; 
	}

