/*-----------------------------------------------
 * @file: stylesheet.css
 * @description: Gaming general page layout CSS.
 *
 * @author: Siri Pathammavong
 *-----------------------------------------------*/

/*
 * TODO: IE displays footnotes to every images. Must fix footnoteLinks.js
 * NOTE: must add class="ignore" to every images that are not links
 */
img
{
	margin: 0 0 0 0;
	border: none;
	background: transparent;
}

/*
	IE6 - PNG TRANSPARENCY FIX
	IMPORTANT! You must set the width and height of the image.
	Place the line below in the css container of a transparent png.
	behavior: url(/graphics/surroundgaming/include/css/iepngfix.htc);
	Note: Problem when two pngs are overlapping each other.
	Don't use too many transparent png images!!!
*/

body
{
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	background: #000033 url(/graphics/surroundgaming/media/Background.jpg) no-repeat scroll top center;	/* CHANGE BACKGROUND THEME HERE */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #999999;
}

body#window
{
	background-color: #2B2B2B;
	background-image: none;
}

.linkNote,
#print_logo,
.printOnly,
a.printLink		/* Use printLink to replace an url when for instance the initial url is a javascript code (@see /graphics/content/en/product/specifications/specifications.inc.php) */
{
	display: none;
}

/*
 * OUTER/INNER (LAYOUT: CENTER)
 */
#outer2
{
	background: transparent;
}
#outer
{
	width: 100%;
	text-align: center;
	background: transparent;
}
#inner
{
	text-align: left;
	width: 976px;
	margin: auto;
	background: transparent;
}


/*
 * WRAPPER
 */
#wrapper                     /* IE 6 */
{
	height: 558px;
	width: 971px;
	background: #333333;
}
html>body #wrapper           /* all other browsers */
{
	background: url('/graphics/surroundgaming/media/inner_background.png') repeat-y;
	width: 975px;
	height: auto;
	min-height: 558px;
}


/*
 * HEADER
 */
#header
{
	height: 95px;
	width: 975px;
	background-color: transparent;
}
#header #logo
{
	float: left;
	width: auto;
	padding-left: 24px;
	padding-top: 24px;
	background: transparent;
}
#header #logo img
{
	behavior: url(/graphics/surroundgaming/include/css/iepngfix.htc); /* IE6 - png transparency fix */
}


/*
 * MAIN NAVIGATION
 */
#main_navigation
{
	width: auto;
	height: 24px;
	height: auto;
	background: url('/graphics/surroundgaming/media/Header.png') no-repeat;
	behavior: url(/graphics/surroundgaming/include/css/iepngfix.htc); /* IE6 - png transparency fix */
	z-index: 0;
	overflow: hidden;		/* IE6 fix: remove gap */
	padding: 8px 8px;
}
html>body #main_navigation
{
	overflow: visible;	/* Undo IE6 fix for other type of browsers */
}
#main_navigation #language_bar
{
	width: 100px;
	position: absolute;
	top: 103px;
	right: 93px;
}


/*
 * CONTENT
 */
#main_content                /* IE 6 */
{
	float: left;
	width: 650px;
	height: 100%;/*558px;*/
	padding: 11px;
	background: transparent;
	z-index: 0;
}
html>body #main_content      /* all other browsers */
{
	height: auto;
}


/*
 * TITLE TAB
 */
.title_tab
{
	width: auto;
	height: 35px;
	background: url(/graphics/surroundgaming/media/title_tabs/TitreMilieu.png) repeat-x;
}
html>body .title_tab
{
	height: auto;
	min-height: 35px;
}


/*
 * ROUND CORNERS
 */
.round_corner_tab div   	{ background: url(/graphics/surroundgaming/media/title_tabs/TitreCoteGauche.png) no-repeat top left; }
.round_corner_tab       	{ background: url(/graphics/surroundgaming/media/title_tabs/TitreCoteDroit.png) no-repeat top right; }

 /* height and width details */
.round_corner_tab div, .round_corner_tab,
.tab_content_bottom, .tab_content_top, .ad_content_bottom, .featured_games_bottom
{
	width: auto;
	height: auto;
}

.tab_content_bottom
{
	background: url(/graphics/surroundgaming/media/title_tabs/BasBoiteTexte.gif) no-repeat;
	height: 10px;
	margin: 0;
	padding: 0;
}
.tab_content_top
{
	clear:both;
	background: rgb(43, 43, 43) url(/graphics/surroundgaming/media/title_tabs/HautBoiteTexte.gif) no-repeat;
	height: 10px;
	margin: 0;
	padding: 0;
	font-size: 1px; /* IE6 Remove gap */
}
.ad_content_bottom
{
	background: url('/graphics/surroundgaming/media/title_tabs/BasBoiteZones.gif') no-repeat;
	height: 10px;
	font-size: 1px; /* IE6 Remove gap */
}
.featured_games_bottom
{
	position: absolute;
	bottom: 10px;
	left: 302px;
	background: url('/graphics/surroundgaming/media/title_tabs/BasBoiteTexteDroit.gif') no-repeat;
	height: 10px;
	font-size: 1px; /* IE6 Remove gap */
}

.round_corner_tab .title_tab_text
{
	position: relative;
	left: 13px;
	top: 11px;
	height: 35px;
	width: auto;
	font-size: 12px;
	font-weight: bold;
	color: rgb(255, 198, 46);
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: none;  /* important */
}
html>body .round_corner_tab .title_tab_text
{
	height: auto;
	min-height: 35px;
}


/*
 * TAB CONTENT LEFT
 */
.tab_content_left
{
	float: left;
	background: none;
	width: 650px;
	height: auto;
}
.tab_content_left_text
{
	width: auto;
	height: 465px;
	padding: 26px 13px 22px 13px;
	background: rgb(43, 43, 43);
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-align:justify;
	border-left: 1px solid rgb(32, 32, 32);
	border-right: 1px solid rgb(32, 32, 32);
}
html>body .tab_content_left_text
{
	min-height: 465px;
	height: auto;
}
.tab_content_left_text a, .tab_content_left_text p
{
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	margin-top: 0px;
}
.tab_content_left_text .thankyou h3
{
	font-size: 14px;
	font-weight: bold;
}
.tab_content_left_text .thankyou p, .tab_content_left_text .thankyou a
{
	font-size: 13px;
}
.tab_content_left_text .thankyou strong
{
	font-size: 13px;
	font-weight: bold;
}


/*
 * MAIN TAB CONTENT
 */
.main_tab_content
{
	width: auto;
	height: 28px;
	background: rgb(43, 43, 43);
	padding: 11px;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}
html>body .main_tab_content
{
	height: auto;
	min-height: 28px;
}
.main_tab_content a, .main_tab_content p
{
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}

/*
 * FEATURED GAMES ROW
 */
.main_tab_content .featured_games_row
{
	width: 649px;
	height: 135px;
	border-bottom: 1px solid rgb(32, 32, 32);
	border-right: 1px solid rgb(32, 32, 32);
	background: transparent;
}
.featured_games_row img
{
	float: left;
}
.featured_games_row .description
{
	position: relative;
	float: right;
	width: 303px;
	height: 91px;
	padding: 33px 22px 11px 22px;
	font-size: 12px;
	color: #999999;
}
.featured_games_row .last
{
	border-bottom: 1px solid rgb(32, 32, 32);
}
.featured_games_row .description a
{
	position: absolute;
	right: 22px;
	bottom: 11px;
	font-size: 12px;
	color: #999999;
	text-decoration: underline;
}


/*
 * RIGHT CONTENT
 */
#right_content
{
	float: left;
	width: 267px;
	height: 321px;
	background: rgb(51, 51, 51);
	padding: 11px 11px 11px 0px;
	z-index: 0;
}
html>body #right_content
{
	height: auto;
	min-height: 321px;
}


/*
 * TAB CONTENT
 */
.tab_content, tab_content .last
{
	width: auto;
	height: 8px;
	background: rgb(43, 43, 43);
	padding: 11px;
	border: 1px solid rgb(32, 32, 32);
	border-bottom: none;
}
html>body .tab_content
{
	height: auto;
	min-height: 8px;
}


/* TODO: fix this */
.tab_content p
{
	font-size: 16px;
}
.tab_content a
{
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}
.tab_content .inactive
{
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #606060;  /* dark gray */
	color: #3F3F3F;  /* darker gray */
	text-decoration: none;
}

.more		/* More link */
{
	float: right;
}


/*
 * BOTTOM CONTENT
 */
#bottom_content
{
	float: left;
	width: 948px;
	height: 228px;
	background: transparent;
	padding: 11px 0px 0px 0px;
}
html>body .bottom_content
{
	height: auto;
	min-height: 228px;
}


/*
 * AD SECTION
 */
.ad_section
{
	float: left;
	width: 298px;
	height: 558px;
	background: transparent;
	padding: 11px 0px 11px 0px;
	z-index: 0;
}
html>body .ad_section
{
	height: auto;
	min-height: 558px;
}


/*
 * NEWS SECTION
 */
#news_tab
{
	float: left;
	width: 302px;
	height: 171px;
}
#news_tab .news_row
{
	width: auto;
	padding-top: 8px;
	padding-right: 11px;
	height: 36px;
}
.news_row .news_content
{
	position: relative;
	float: left;
	width: 250px;
	height: 40px;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	border-bottom: 1px solid rgb(51, 51, 51);
}
.news_content a
{
	position: left;
	right: 0px;
	bottom: 18px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}
.news_bullet
{
	float: left;
	width: 25px;
	height: 21px;
	background: url(/graphics/surroundgaming/media/bullet/news_bullet.jpg) no-repeat;
}
.news_header
{
	margin-bottom: 22px;
	background: transparent;
}
.news_header td.logo
{
	vertical-align: middle;
}
.news_header td.author
{
	padding-left: 11px;
}

#productinfo_tab
{
	float: left;
	position: relative;
	top: -130px;  /* mettre 150px quand la bande noire du flash est enlevee */
	width: 650px;
	height: auto;
}


/*
 * FEATURED GAMES SECTION
 */
#games_tab
{
	float: left;
	width: 312px;
	height: 193px;
	padding-left: 11px;
}


/*
 * FEATURED STORY SECTION
 */
#story_tab
{
	float: left;
	width: 312px;
	height: 171px;
	padding-left: 11px;
}


/*
 * Zone buttons section
 */
#zones
{
	padding-top: 11px;
	z-index: 0;
}


/*
 * NOTE BOX
 */
.note_box
{
	width: auto;
	height: 40px;
	border-right: 1px solid rgb(32, 32, 32);
	border-left: 1px solid rgb(32, 32, 32);
	padding: 11px;
	font-size: 12px;
	background: rgb(43, 43, 43);
}
html>body .note_box
{
	height: auto;
	min-height: 40px;
}
.note_box a, .note_box p
{
	font-size: 12px;
	color: #999999;
}


/*
 * IMAGE BORDER
 */
.image_border
{
	background: #999999;
	width: 206px;
	height: 55px;
}
html>body .image_border
{
	width: auto;
	height: auto;
	min-height: 55px;
	border: 1px solid rgb(32, 32, 32);
	padding: 11px;
	font-size: 12px;
	color: rgb(51, 51, 51);
}


/*
 * SUPPORTED GAMES
 */
#known_games
{
	width: 286px;
	height: auto;
	padding-top: 11px;
}
#known_games .tab_content a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#known_games .tab_content a:hover
{
	color: rgb(255, 198, 46);
}
#games_by_letter
{
	position: absolute;
	top: 93px;
	left: -1px;
	z-index: 2;
	width: 274px;
	height: 232px;
	display: none;
	border: 1px solid #202020;
	background: rgb(32, 32, 32);
	padding: 10px;
	padding-right: 0px;
	line-height: 1.7em;
	font-weight:normal;
}
html>body #games_by_letter
{
	height: auto;
	min-height: 232px;
}
#games_by_letter span
{
	font-size: 13px;
	padding: 3px;
}
#known_games #games_by_letter a
{
	font-weight: normal;
	text-decoration: underline;
}
#games_by_letter #hide
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 3;
}


/*
 * GAMES NOTES
 */
#games_notes
{
	position: absolute;
	top: 410px;
	left: 192px;
	z-index: 3;
	width: 500px;
	height: 10px;
	display: none;
	border: 1px solid #202020;
	background: rgb(32, 32, 32);
	padding: 22px;
	line-height: 1.7em;
}
html>body #games_notes
{
	height: auto;
	min-height: 10px;
}
#games_notes h3
{
	font-size: 12px;
	font-weight: normal;
}
#games_notes li.alpha
{
	list-style: upper-alpha;
}
#games_notes .note
{
	font-size: 11px;
}
#games_notes #hide
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 3;
}

/*
 * GRID
 */
table.grid
{
	border-collapse: collapse;
	border: none;
}
.grid th.header
{
	background: rgb(40, 40, 40);
	padding: 11px;
  font-weight: bold;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 130%;
	text-align: center;
	border: 2px solid rgb(51, 51, 51);
}
.grid th
{
	background: #999999;
	padding: 11px;
  font-weight: normal;
	font-size: 12px;
	color: black;
	line-height: 130%;
	text-align: center;
	border: 1px solid rgb(40, 40, 40);
}
.grid .th sup
{
	background: none;
  font-weight: normal;
	font-size: 12px;
	color: #CCCCCC;
}
.grid td
{
	background: #CCCCCC;
  font-weight: normal;
	font-size: 12px;
	color: rgb(43, 43, 43);
	line-height: 130%;
	text-align: center;
	border: 1px solid rgb(40, 40, 40);
	padding: 11px;
}


/*
 * REVIEW GRID
 */
table.review_grid
{
	border-collapse: collapse;
	border: 2px solid rgb(40, 40, 40);
	margin-top: 5px;
}
.review_grid td
{
	border: 2px solid rgb(40, 40, 40);
	padding: 11px;
	background-color: rgb(51, 51, 51);
}
.review_grid td img
{
	text-align: center;
	vertical-align: middle;
}


/*
 * GAME SUMMARY
 */
.game_summary
{
	width: 100%;
	height: auto;
}
.game_summary .image
{
	float: left;
	height: 100%;
	width: 183px;
	display: block;
	margin-top: auto;
	margin-bottom: auto;
}
.game_summary .summary
{
	position: relative;
	float: right;
	width: 430px;
	padding: 0px 0px 0px 11px;
	height: auto;
	font-size: 12px;
	font-weight: normal;
}


/*
 * THUMBNAILS
 */
.thumbnails
{
	border-collapse: collapse;
	border: 2px solid rgb(40, 40, 40);
	background: rgb(51, 51, 51);
	margin-left: auto;						/* make it centered */
	margin-right: auto;
}
.thumbnails td
{
	border: 2px solid rgb(40, 40, 40);
}
.thumbnails img
{
	padding: 11px;
	width: 280px;
}
.thumbnails td.empty					/* hide empty boxes */
{
	background: rgb(43, 43, 43);
	border-color: rgb(43, 43, 43);
}
table.two_cols
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}
.two_cols td.left
{
	padding-right: 6px;
}
.two_cols td.right
{
	padding-left: 6px;
}


/*
 * VIDEO THUMBNAILS
 */
.videoThumbnails
{
	border-collapse: collapse;
	border: 2px solid rgb(40, 40, 40);
	background: rgb(51, 51, 51);
	margin-left: auto;						/* make it centered */
	margin-right: auto;
}
.videoThumbnails td
{
	border: 2px solid rgb(40, 40, 40);
	width: 50%;
	padding: 11px;
	vertical-align: top;
}
.videoThumbnails td.empty					/* hide empty boxes */
{
	background: rgb(43, 43, 43);
	border-color: rgb(43, 43, 43);
}


/*
 * VIDEO DISPLAY
 */
table.videoDisplay
{
	border-collapse: collapse;
}
.videoDisplay th
{
	padding: 22px;
	vertical-align: top;
	text-align: left;
}
.videoDisplay td.movie
{
	padding: 11px 22px;
	vertical-align: top;
	width: 50%;
}
.videoDisplay td.description
{
	padding: 11px 0px;
	vertical-align: top;
	width: 50%;
	color: black;
}

.videoBox
{
	background: url(/graphics/surroundgaming/media/downloads/video/videoBox.gif) no-repeat scroll top left;
	padding: 11px;
	width: 478px;
	height: auto;
}
.descriptionBox
{
	background: url(/graphics/surroundgaming/media/downloads/video/descriptionBox.gif) no-repeat scroll top left;
	padding: 11px;
	width: 238px;
	height: 403px;
}


/*
 * THUMBNAIL AND MOVIE VIEWER STYLE
 */
#thumbBox, #movieBox								/*Outermost DIV for thumbnail viewer*/
{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 0px 10px 20px 10px;
	background: rgb(32, 32, 32);/*#313131;*/
	visibility: hidden;
	z-index: 10;
	cursor: hand;
}
#thumbBox .header_bar, #movieBox .header_bar	/*Header DIV of thumbbox that contains "close" link */
{
	font: bold 12px arial, sans-serif;
	line-height: 1.1em;
	color: #CCCCCC;
	padding: 5px 0;
	text-align: right;
}
#thumbBox #thumbImage, #movieBox #movie			/*DIV within thumbbox that holds the enlarged image */
{
	background-color: rgb(51, 51, 51);
}
#thumbLoading, #movieLoading								/* DIV for showing "loading" status while thumbbox is being generated */
{
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}
#thumbBox a, #movieBox a
{
	color: #999999;
	text-decoration: none;
}


/*
 * SEE THE DIFFENCE GRID
 */
table.difference_grid
{
	border-collapse: collapse;
	border: none;
	background: none;
}
.difference_grid th
{
	border-bottom: 1px solid #999999;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
}
.difference_grid th.left
{
	padding-right: 11px;
}
.difference_grid th.right
{
	padding-left: 11px;
}
.difference_grid td.left
{
	padding-right: 11px;
	border-right: 1px solid #999999;
}
.difference_grid td.right
{
	padding-left: 11px;
	font-size: 10px;
	border-left: 1px solid #999999;
	text-align: right;
}
.difference_grid td.left img
{
	width: 151px;
}
.difference_grid td.right img
{
	width: 443px;
}
.difference_grid td.game_title
{
	padding-left: 11px;
	padding-top: 22px;
	font-size: 12px;
	font-weight: bold;
	color: rgb(255, 198, 46);
}


/*
 * CONTACT FORM
 */
table.contact_form
{
	border-collapse: collapse;
	border: 1px solid #333333;
	background-color: rgb(51, 51, 51);
}
table.contact_form th.header
{
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 180px;
	color: #CCCCCC;
	font-weight: bold;
	background: rgb(40, 40, 40) url(/graphics/surroundgaming/media/title_tabs/TitreMilieuForm.jpg) repeat-x;
}
table.contact_form th
{
	width: 160px;
	text-align: right;
	vertical-align: top;
	border-top: 1px solid #333333;
	font-size: 12px;
	padding-right: 12px;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	font-weight: bold;
	color: #CCCCCC;
	background-color: rgb(40, 40, 40);
}
table.contact_form td
{
	vertical-align: middle;
	border-bottom: 1px solid rgb(40, 40, 40);
	border-top: 1px solid rgb(40, 40, 40);
	border-left: 1px solid #333333;
	padding: 4px;
	font-size: 12px;
}


/*
 * HTML WIDGETS STYLE
 */
input
{
	background: none;								/* checkbox and radio background color property don't behave the same way on every browser : must define bg in the html code for other types of input */
	color: rgb(43, 43, 43);
	font-family: arial, sans-serif;
	font-size: 12px;
}
input.textbox
{
	width: 250px;
	background: #CCCCCC;
}
select
{
	background: #CCCCCC;
	color: rgb(43, 43, 43);
	font-family: arial,sans-serif;
	font-size: 12px;
}
option
{
	color: rgb(43, 43, 43);
	font-family: arial, sans-serif;
	font-size: 12px;
}
textarea
{
	width: 426px;
	background: #CCCCCC;
	color: rgb(43, 43, 43);
	font-family: arial,sans-serif;
	font-size: 12px;
}


/*
 * FOOTER
 */
#footer
{
	clear: both;
	font-size: 11px;
	background: transparent;
	color: black;
	text-align: right;
	height: 80px;
}
#footer .links
{
	color: black;
	background: transparent;
	margin-top: 1em;
}
#footer a, #footer a:visited
{
	color: black;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}
#footer a:hover
{
	color: rgb(255, 199, 48);
	background: transparent;
	text-decoration: underline;
}
#footer .image
{
	width: 976px;
	height: 30px;
	background: url(/graphics/surroundgaming/media/Footer.png) no-repeat;
	behavior: url(/graphics/surroundgaming/include/css/iepngfix.htc); /* IE6 - png transparency fix */
}
#footer ul
{
	margin: 0;
	padding: 0;
	background: transparent;
}
#footer li
{
	display: inline;
	margin-left: 1em;
	margin-right: 1em;
	color: black;
	font-weight: bold;
	background: transparent;
}

/*
 * display footer in lighter color for longer pages
 */
#footer a.lighter
{
	color: #999999;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}
#footer a:hover.lighter
{
	color: rgb(255, 199, 48);
	background: transparent;
	text-decoration: underline;
}
#footer li.lighter
{
	display: inline;
	margin-left: 1em;
	margin-right: 1em;
	color: #999999;
	font-weight: bold;
	background: transparent;
}

p
{
	margin: 0px 0px 11px 0px;
}

/*
 * FONTS (Do NOT use font tags, use div or span instead)
 * Note: not supposed to add a lot of different font here
 */
h1
{
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 130%;
	margin: 22px 0px 22px 0px;
}
.title
{
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 130%;
	margin-bottom: 0.1em;
}
.title_yellow
{
	font-size: 16px;
	font-weight: bold;
	color: rgb(255, 198, 46);
}
h2	/* for subtitles */
{
  font-weight: bold;
  font-size: 12px;
  color: #CCCCCC;
  margin: 22px 0px 2px 0px;
}
.subtitle
{
  font-weight: bold;
  font-size: 12px;
  color: #CCCCCC;
}
h3
{
  font-size: 13px;
  font-weight: normal;
  margin: 22px 0px 2px 0px;
}
h4
{
  font-size: 15px;
  font-weight: normal;
  color: #CCCCCC;
  margin: 22px 0px 2px 0px;
}
.note, .note a
{
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}
.tab_yellow_italic
{
	font-size: 16px;
	font-weight: bold;
	color: rgb(255, 198, 46);
	font-style: italic;
}
.bold_12px
{
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
/* make italic */
.italic
{
	font-style: italic;
}
/* center text */
.centered
{
	text-align: center;
}
.error
{
	color: red;
	font-weight: normal;
}
.caption
{
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}
.quote
{
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #999999;
}

/*-------------------------------------------------------------------
 * @file: main_menu.css
 * @description: Surround Gaming mini-site main menu style.
 *-------------------------------------------------------------------*/
.menu_button
{
	width: 125px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	color: #999999;
	background: url(/graphics/surroundgaming/media/buttons/BoutonMenuMilieu.png) repeat-x;
}
html>body .menu_button
{
	height: 25px;
}

.round_corner div  { background: url(/graphics/surroundgaming/media/buttons/BoutonMenuGauche.png) no-repeat top left; }
.round_corner      { background: url(/graphics/surroundgaming/media/buttons/BoutonMenuDroite.png) no-repeat top right; }

 /* height and width details */
.round_corner div, .round_corner
{
	width: 100%;
	height: 20px;
}
html>body .round_corner div, .round_corner
{
	height: 25px;
}

.menu_button_text
{
	padding-top: 5px;
	height: 20px;
	text-align: center;
}

.menu_button_text, .menu_button_text a
{
	width: 100%;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}

.menu_button_text a
{
	color: #999999;
	text-decoration: none;
}

.menu_button_text a:hover
{
	color: rgb(255, 198, 46);
}

/* Allows to indicate the current active option menu (section). */
#home a#linkhom,
#games a#linkgam,
#product a#linkpro,
#downloads a#linkdow,
#contact a#linkcon,
#buy a#linkbuy
{
	color: rgb(255, 198, 46);
}


/*
 * MAIN MENU
 */
#chromemenu                       /* IE 6 */
{
	width: auto;
	height: 25px;
}
html>body #chromemenu             /* all other browsers */
{
	height: auto;
	min-height: 25px;
}
#chromemenu ul
{
	margin: 0;
	padding: 0;
}
#chromemenu li
{
	float: left;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv
{
	position: absolute;
	top: 0;
	border: 1px solid #999999; /*THEME CHANGE HERE*/
	font: normal 12px Arial;
	z-index: 3;
	background-color: rgb(51, 51, 51);
	/*filter: alpha(opacity=80);*/ /* Makes the dropdown list transparent */
	/*-moz-opacity: 0.8;
	-khtml-opacity: .8;
	-opacity: .8;*/
	visibility: hidden;
}

.dropmenudiv a
{
	width: auto;
	display: block;
	text-indent: 3px;
	padding: 4px 0;
	text-decoration: none;
	font-weight: bold;
	color: white;
	padding: 0.5em;
	font-size: 12px;
	z-index: 3;
}

* html .dropmenudiv a
{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover
{
	background-color: rgb(255, 198, 46);
	color: rgb(51, 51, 51);
}