/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

html {
}

fieldset {
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	/*text-align: left;*/
	font-weight: normal;
}

.clear{
	clear:both;
}


/* CONTAINER
----------------------------------------- */

#BgContainer, #BgNav, #SocialLinks {
	width: 994px;
	margin-left: auto ;
	margin-right: auto ;	   
	z-index: 1;
}

#BgLogo {
	clear: both;
}

#BgImageContainer {
	background-image: url(/themes/teyonblue/images/teyon_bg.jpg);
	top: 96px;
	overflow: hidden;
	width:100%;
	height:100%;
	position: absolute;
	left: auto;
	right: auto;
}
#Layout {

}

/* MAIN MENU
----------------------------------------------- */

#MainMenu, #MainMenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#MainMenu a {
    display: block;
    width: 10em;
}

#MainMenu li {
    float: left;
    width: 5em;
}

.dorob li {font-family: calibri,verdana; font-size: 11pt; }
.dorob li a, .dorob li a:link, .dorob li a:hover, .dorob li a:visited, .dorob li a:focus {color: #5c84ad; text-decoration: none; display:block; outline:none;}
.dorob li a:hover { color: #fff;}

#ESRB a, #ESRB a:link, #ESRB a:hover, #ESRB a:visited, #ESRB a:focus {color: white; text-decoration: none; font-size: 8pt; outline:none;}

.MenuButton {
	overflow: hidden;
	z-index:1;
	float: left;
}
.MenuButton:hover, .MenuButton.onhover {
	background-position: 0 -34px;
}
#FlashMenuThumbs div.items div {
	float:left;
}
#FlashMenuThumbs div.items div.active {
	border:1px inset #ccc;
	background-color:#fff;
}
#FlashMenu a.browse {
	float:left;
	margin:125px 10px;
	cursor:pointer;
	font-size:1px;
	width: 20px;
	height: 25px;
	display: block;
}
#FlashMenu a.left {
	background:url(/themes/teyonblue/images/rot_prev.png) no-repeat;
	
}

#FlashMenu a.right {
	background:url(/themes/teyonblue/images/rot_next.png) no-repeat;
	
}

/* COUNTRY SELECTOR
----------------------------------------------- */

#CountrySelector div ul a {
	display:block;
	height:17px;
	padding-top:2px;
	width:105px;
	text-decoration:none;	
	font-family: Arial;
	font-size:11px;
	color:#b1babf;
	outline: none;
} 
#CountrySelector div ul a:hover {
	background-color:white;
	color:#222f4f;	
}

#CountrySelector div ul a img {
	position:absolute;
	border:0;
	margin-left:5px;
	margin-right:5px;
	margin-top:2px;
	outline: none;
}


/* FOOTER
----------------------------------------------- */

#Footer {
	text-align: center;
	font-size: 10px;;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	width: 100%;
	height: 44px;
	position: relative;
	float: left;	
	margin-top: 10px;
}
#Footer2 {
	text-align: center;
	font-size: 10px;;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	width: 100%;
	height: 44px;		
	margin-top: 10px;
}

/* COMMON FRAMEWORK */

.hr1 { margin-top: 5px; margin-bottom: 9px; margin-left:8px;float: left;}
#arrow a {
	font-size: 24px;
}
#Container {
	padding-left: 15px;
	padding-top: 10px;
	overflow:hidden;
}

/* GAME LIST
----------------------------------------------- */

#Content {
	position: relative;
	width: 100%;
}

.GameList_OfficialSite:hover {background-position: 0 -23px;}
.GameList_Site:hover {background-position: 0 -23px;}
.GameList_BuyNow:hover {background-position: 0 -23px;}

/*left content*/
#LeftContent {
	width: 176px;
	height: 600px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#GameFilters {
	width: 176px;
	position: relative;
	float:left;
	margin-bottom: 15px;
}

#PlatformFilter a {display:block;}
#GenreFilter a {display:block;}
#StatusFilter a {display:block;}

#PlatformButton, #GenreButton, #StatusButton {
	background-image: url(/themes/teyonblue/images/combo1.gif);
	background-repeat: no-repeat;
	width: 170px;
	height: 21px;
	text-align: left;
	font-weight: bold;
	font-size: 11pt;
	padding-left: 7px;
	padding-top: 3px;
	margin-left: -1px;
	text-align: left;
}


#PlatformFilter, #GenreFilter, #StatusFilter, #QuickList {
	display: block;
	width: 168px;
}
#PlatformFilter ul, #GenreFilter ul, #StatusFilter ul, #QuickList ul {
	list-style: none;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 2px;
	background-color: white;
}
#PlatformFilter ul li, #GenreFilter ul li, #StatusFilter ul li, #QuickList ul li {
	text-align: left;
	font-size: 9pt;
	font-family: arial;
	height: 16px;
	font-weight: bold;
	margin: 0;
}
#PlatformFilter ul li a, #GenreFilter ul li a, #StatusFilter ul li a, #QuickList ul li a  {
	color: #5a5a5a;
	text-decoration: none;
	border: 0 none;
	height: 100%;
}

#PlatformFilter ul li a:hover, #PlatformFilter a:hover, #PlatformFilter ul li.SelectedFilter a, 
#GenreFilter ul li a:hover, #GenreFilter a:hover, #GenreFilter ul li.SelectedFilter a,
#StatusFilter ul li a:hover, #StatusFilter a:hover, #StatusFilter ul li.SelectedFilter a,
#QuickList ul li a:hover, #QuickList a:hover, #QuickList ul li.SelectedFilter a
{
	background-color: #253b50;
	color: white;
}

#Subscribe {
	width: 176px;
	position: relative;	
	float:left;
}
#SubscribeList{
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 2px;
	padding-left: 4px;	
	background-color: #2f4d6e;
	height: 367px;
	width: 165px;
	position: relative;
	margin-bottom: 15px;
}

#Quick {
	width: 176px;
	position: relative;	
	float:left;
}

#QuickList{
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 2px;
	padding-left: 3px;	
	background-color: #2f4d6e;
	height: 35px;
	width: 165px;
	position: relative;
}

#QuickSelectCombo {
	background-color: #2f4d6e;
	background-image: url(/themes/teyonblue/images/combo2.gif);
	padding:0;
	margin-top:0px;
	margin-left:3px;
	width:151px;
	height:17px;
	color:#555;
	font-size:9pt;
	padding-top:3px;
	padding-left:5px;
	font-weight: bold;
}

#QuickSelectComboData {
	left:5px;
	display: block;
	width:152px;
	margin-bottom:10px;
}

/*news list */

#CentralContentNews {
	width: 612px;
	min-height: 580px;
	margin-left: auto;
	margin-right: auto; 
}
#NewsPrev, #NewsNext {
	padding-top:3px;
}
#NewsPrev *, #NewsNext *, #NewsPrev a, #NewsNext a{
	font-size:14px;
}
#CentralContentNews #Background {
	background-image: url(/themes/teyonblue/images/bg_content_news.jpg);
	background-repeat: no-repeat;	
}

/*central content*/
#CentralContent {	
	min-height: 580px;
		
	/*min-height: 720px;*/
	
	margin-right: auto;	
	width: 612px;
	margin-left: auto;	
}
#CentralContent.ContentList{
	width:805px;margin-left:190px;
}
#CentralContentHeader {
	height: 24px;
	background-image: url(/themes/teyonblue/images/bar_list.png);
	background-repeat: no-repeat;
	color: #bacbe0;
} 

#CentralContentHeader div {
	padding-left: 5px;
	text-align: left;
	padding-top:3px;
	font-weight: bold;		
}
#CentralContent #Background {
	background-image: url(/themes/teyonblue/images/bg_content.jpg);	
	height: 540px;	
	background-repeat: no-repeat;
}

#CentralContent #BackgroundNews {
	background-image: url(/themes/teyonblue/images/bg_content_list.jpg);	
	height: 100%;	
	background-repeat: repeat-y;
}

#CentralContent .BackgroundList {
	background-image: url(/themes/teyonblue/images/bg_content_list.jpg);
	background-repeat: repeat-y;
	height: 100%;	
}

#CentralContent .BackgroundFrameList{
	height:100%;		
	width: 786px;
	padding-left: 15px;
	padding-top: 10px;

}


#CentralContent #BackgroundIn{
	overflow: auto;
	height: 530px;	
	width: 596px;
	position:absolute;

	padding-left: 15px;
	padding-top: 10px;
}

#CentralContent #NewsContent{
/*	overflow: auto;
	position:absolute;
	
	height: 530px;	
	width: 596px;
*/
	width: 596px;
	padding-right: 17px;
	padding-left: 15px;
	padding-top: 10px;
	height: 100%;
}
#CentralContent #NewsContent{
	width: 580px;

}
#CentralContent #BackgroundIn img, #CentralContent .BackgroundFrameList img, #CentralContent #NewsContent img{
	margin: 0 0 4px 0;
	float: left;
}

#ProductInfo {
	background-color: #243850;
	padding: 0;
	padding-top: 20px;	
	padding-left: 0px;
	font-size: 11px;

}
#ProductInfo * {
	color: #a5adaf;
	padding-left: 1px;
	
}
#ProductInfo b {
	font-weight: bold;
}
/*right content*/

#Banners {
	width: 176px;
	height: 619px;
	position: absolute;
	overflow: hidden;
	right: 0px;
	top: 0px;
}

/* SEARCH PAGE */
#SearchInfo {
	padding-top: 15px;
	margin-bottom: 15px;
}
#SearchKeywords, #SearchKeywords * {	
	font-size: 20px;
}
/* GAME PAGE */

#GameDetails .tabs {
	height:25px !important;
	margin:0 !important;
	padding:0;
	padding-left:12px;
}

#GameInfoBox .tabs {
	height:25px !important;
	margin:0 !important;
	padding:0;
	padding-left:5px;
}

#SeeAlso .tabs {
	height:25px !important;
	margin:0 !important;
	padding:0;
	padding-left:6px;
}


#MediaBox .tabs {
	height:25px !important;
	margin:0 !important;
	padding:0;
	padding-left:9px;
}

#GameDetails .tabs li, #GameInfoBox .tabs li, #MediaBox .tabs li, #SeeAlso .tabs li  {
	float:left;
	margin:0;
	padding:0;
	text-indent:0;
	list-style-type:none;
	position: relative;
}

#GameDetails .tabs li a, #GameInfoBox .tabs li a, #MediaBox .tabs li a, #SeeAlso .tabs li a{
	background: url(/themes/teyonblue/images/panes.png) no-repeat;
	display:block;
	height: 25px;   
	width: 145px; 	
	padding:0px;
	margin:0px;	
	color:#000;
	font-size:12px;
	line-height:27px;
	text-align:center;
	text-decoration:none;
	outline:none;
}

#GameDetailsTab1 { z-index: 10004; }
#GameDetailsTab2 { z-index: 10003; left:-20px; }
#GameDetailsTab3 { z-index: 10002; left:-40px;}
#GameDetailsTab4 { z-index: 10001; left:-60px;}
#GameDetailsTab5 { z-index: 10000; left:-80px;}

#GameInfoTab2 { z-index: 10003; left:-20px; }

#GameDetails .tabs li a:hover, #GameInfoBox .tabs li a:hover { background-position: -189px -33px; color:white; }
#GameDetails .tabs li a, #GameInfoBox .tabs li a { background-position: -189px 0; color:white;}
#GameDetails .tabs li.current a:hover, #GameInfoBox .tabs li.current a:hover 	{ background-position: 0 -33px; color:#12283f;}
#GameDetails .tabs li.current a, #GameInfoBox .tabs li.current a	{ background-position: 0 0; color:#12283f;}
#GameDetails .tabs li.current, #GameInfoBox .tabs li.current   { z-index: 10010; color:#12283f;}
#SeeAlso .tabs li.current a:hover	{ background-position: 0 -33px; color:#12283f;}
#SeeAlso .tabs li.current a	{ background-position: 0 0; color:#12283f;}
#SeeAlso .tabs li.current   { z-index: 10010; color:#12283f;}

#MediaBoxTab1 { z-index: 10003; top:-2px; }
#MediaBoxTab2 { z-index: 10004;  left:-35px; top:-2px;}
#MediaBox .tabs li a:hover { background-position: -567px -33px; color:white; }
#MediaBox .tabs li a { background-position: -567px 0; color:white;}
#MediaBox .tabs li.current a:hover{ background-position: -378px -33px; color:#12283f;}
#MediaBox .tabs li.current a	{ background-position: -378px 0; color:#12283f;}

#MediaBox .tabs li.disabled a:hover{ background-position: -378px -99px; color:#12283f;}
#MediaBox .tabs li.disabled a	{ background-position: -378px -66px; color:#12283f;}

#GameDetails .tabs li:hover, #GameInfoBox .tabs li:hover 	{ color:#fff;	 }


/* HOME PAGE
----------------------------------------------- */

#HomePageContent { /* shrink content*/
	clear: both;
	margin-left: 70px;
	margin-right: 90px;
}

#Headline {
	position: relative;
	float:left;
	clear:both;
}

#Headline img {
	margin: 0  6px 0  0;
	float: left;
}

#NewsReel {
	position: relative;
	float:right;
	background-color: #d5effe;
}

#NewsReel .item {
	display: block;
	color: #5c84ad;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#NewsReel .item a {
	color: #5c84ad;
}
#NewsReel .title {
	font-size: 15px;
	color: #5c84ad;			
	font-weight: bold;
	font-family: arial;
}
#NewsReel .item.SelectedNews a {
	color: #fff;
}
#NewsReel .item.SelectedNews *, #NewsReel .item:hover *, #NewsReel .item.onhover *, a :hover .title, a .onhover .title {
	color: #fff;
}
#NewsReel .item.SelectedNews, #NewsReel .item:hover, #NewsReel .item.onhover {
	background-color: #458dd9;
	color: #fff;
}

/*
 * Support 
 */

#Form_SupportForm_SupportName {
	margin-top: 1px;
	width: 200px;
	color: black;
	font-size: 12px;
	font-family: Arial;
}

#Form_SupportForm_SupportEmail {
	margin-top: 1px;
	width: 200px;
	color: black;
	font-size: 12px;
	font-family: Arial;
}
#Form_SupportForm_SupportComments {
	margin-top: 1px;
	width: 500px;
	height: 280px;
	color: black;
	font-size: 12px;
	font-family: Arial;
}
#Form_SupportForm_error {
}
#SupportEmail {
	margin-top: 5px;
}
#SupportComments {
	margin-top: 5px;
}
#Form_SupportForm_action_SendContactForm {
	margin-top: 5px;
	width: 70px;
	color: black;
	font-size: 12px;
	font-family: Arial;
}
/*
 * Search
 */

#SearchEngine {
	width:340px;
	display:block;
	outline: none;
	border: none;
	margin:0;
	padding:0;
}
#SearchBox  {
	position:absolute; right:0;
	
	background: url(/themes/teyonblue/images/search_bg.png) no-repeat;
	background-position: 0px 0px;
	background-position-x: 0px;
	background-position-y: 0px;
	width: 253px;
	height: 21px;
	display:block;
	outline: none;
	border: none;
	margin:0;
	padding:0;
	padding-top:5px;
	z-index:2;
}

#SearchInstantOuter {
	z-index:1;
	position:absolute; 
	display:block;
	left: 15px;
	top:27px;
	clear:both;
}
#SearchInstant {
	font-family: Calibri, 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	width:325px;
	color: #4e4546;	
	background-image: url(../images/search_frame.png);
	background-position: 0 100%;
	background-position-y: 100%;
	padding-bottom:15px;
	text-decoration: none;
	text-align: left;
	display:none;
}
.SearchInstant_selection {
	margin:0;padding:0;border:0;
	height:50px;
	display:block;
	width:301px;
	margin-left:14px;
	padding-left:8px;
	padding-bottom:0px;
	padding-top:4px;
	position: relative; /*ie6 fix*/
	text-decoration: none;
	color:black;
	outline:none;
}
#SearchInstant .SearchInstant_selection .SearchInstant_Title {

}
#SearchInstant .SearchInstant_selection .SearchInstant_Platform {

	color:gray;
}
.SearchInstant_selection a,.SearchInstant_selection a:visited  {
	color: #4e4546;	
}

.SearchInstant_selection.onhover {
	background-color: #65c5fc ;
	color: white;
}

#SearchBox.onfocus {
	background-position: 0 -26px;
	background-position-x: 0px;
	background-position-y: -26px;
}
#SearchForm  {
	display:block;
}
#SearchForm input.text {
	background: url(/themes/teyonblue/images/transparent.gif) no-repeat;
	background-position: 0 0px;
	padding: 0px 2px 3px 5px;
	border: 0px;
	margin-left:4px;
	width: 212px;
	color: white;
	font-size: 12px;
	font-family: Arial;
	outline: none;
	border: none;
	display:block;
	font-style: italic;
	float: left;
}
#SearchForm input.text:focus {
	font-style: normal;
}
#SearchSubmit {
	border: 0;
	margin:0;
	padding:0;
	outline:none;
	width: 26px;
	height: 20px;
	display:block;
	float: left;
}
#SearchSubmit img  {
	border: 0;
	width: 26px;
	height: 26px;
	outline:none;
	display:block;
}

/*
 * News List Page
 * 
 */
#BackgroundIn h1:hover,.BackgroundFrameList h1 a:hover,.BackgroundFrameList a h1:hover  {
	color: #fff;
}

/*
 * News
 * 
 */
#NewsContent a {
	color: #7eb408;
}
#NewsContent a:hover {
	color: #fff;
}

/*
 * Document
 */

#Document, #BackgroundIn {
	overflow: auto;
	height: 100%;
}

#Document {
	padding-right: 15px;
}

/**
 * Community
 */

#TwitterBox * {
	
	color: black; /*features 5279a1*/
	font-size:12px;
	font-family: verdana;
}
#TwitterBoxTitle * {
	color: #3b5998;
	font-weight: bold;
}

#TwitterBox a:hover {
	color: #3b5998;
	text-decoration:underline;
}
#TwitterBox a {
	color: #3b5998; /*desc 5279a1*/
	font-size:13px;
}

/**
 * Login
 */
#LoginForm {
	height: 610px;
	width: 400px;
}
#LoginForm * {
	font-size: 12px;
	font-family: Arial;
}
#LoginForm .action {
	color:black;
}
#LoginForm #Email, #LoginForm #Password, #LoginForm #External_UserID {
	padding-left: 5px;
}
#LoginForm #Email input, #LoginForm #Password input, #LoginForm #External_UserID input {color: black; width: 200px;}
	
#LoginForm #Remember {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#LoginForm #ForgotPassword {
	padding-top: 5px;
}
#LoginForm #Actions {
	margin-top: 5px;
}

.left_hidden {
	position: absolute;
	left: -10000px;
}

#Site_Official2{background-position: 0 -10px; }
#Site_Official2:hover { background-position: 0 -56px; }
#Site_Purchase_AppStore{ background: url(/themes/teyonblue/images/appstore_logo.png) no-repeat;  display: block; width: 150px; height: 50px;margin-left:35px;}
#Site_Purchase_MacAppStore{ background: url(/themes/teyonblue/images/macappstore_logo.png) no-repeat;  display: block; width: 150px; height: 45px;margin-left:35px;}
#Site_Purchase_GooglePlay{ background: url(/themes/teyonblue/images/googleplay_logo.png) no-repeat;  display: block; width: 150px; height: 50px;margin-left:35px;}


#Buy_Now_Tooltip * {
	color: white;
}
#Buy_Now a{background-position: 0px -10px;}
#Buy_Now a:hover {background-position: 0px -55px;}

#Buy_Now_Tooltip {
	display:none;
	font-size:12px;
	
	width:285px;
	height:75px;
	
	color: white;
	z-index: 11000;
	background: url(/themes/teyonblue/images/tooltip.png) no-repeat;
}

#FlashMenuAlt {
	width: 790px;
	height: 256px;

	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:auto;
	margin:0;padding:0;
}

#scroller {
	width:3950px;
	height:100%;
	float:left;
	padding:0;
	margin:0;padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
	margin:0;padding:0;
}

#scroller li {
	display:block; float:left;
	width: 790px; height: 100%;
	text-align:center;
	font-family:georgia;
	margin:0;padding:0;
}

#indicator, #indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
	width:110px;
	padding:0px 15px 18px 360px;
}

#indicator > li {
	text-indent:-9999em;
	width:16px; height:16px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	background:#f4f4f4;
	overflow:hidden;
	margin-right:6px;
}

#indicator > li.active {
	background:#7cb8d9;
}

#indicator > li:last-child {
	margin:0;
}

#prevPage {
		float:left;
	margin:125px 10px;
	cursor:pointer;
	font-size:1px;
	width: 20px;
	height: 25px;
	margin-left:0;
	display: block;
	background:url(/themes/teyonblue/images/rot_prev.png) no-repeat;
	
}

#nextPage {
		float:left;
	margin:125px 10px;
	cursor:pointer;
	font-size:1px;
	width: 20px;
	height: 25px;
	display: block;
	background:url(/themes/teyonblue/images/rot_next.png) no-repeat;
	
}