@charset "utf-8";
/*-----------------------------------------------------------------------------
Screen Stylesheet

version:   1.0
date:      26/04/10
author:    [Olivier Robert]
-----------------------------------------------------------------------------*/

@import 'reset.css';
@import 'common.css';

/*-----------------------------------------------------------------------------*/
/* _Page Setup                                                                 */
/*-----------------------------------------------------------------------------*/

body { font-size:62.5%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#777; background:#050505; }

	/* _page specific ---------------------------------------------*/
			
	/* _error.aspx */
	body.error { background:#050505; border:none;}	

/*-----------------------------------------------------------------------------*/
/* _layout                                                                     */
/*-----------------------------------------------------------------------------*/

    /*app page*/
    div.app_container { width:960px; height:auto; overflow:hidden; margin:0 auto 0 auto; }
		
		div.app_header { height:220px; position:relative; z-index:5; }
		
		div.app_content { height:auto; min-height:430px; padding:20px; overflow:hidden; background:#0C0C0C; border-top:1px solid #2B2B2B; border-right:1px solid #1F1F1F; border-bottom:1px solid #161616; border-left:1px solid #1F1F1F; -moz-border-radius:3px; -webkit-border-radius:3px; }
		
			/*2 columns*/
			div.app_content div.content_main_container { width:100%; margin-left:-230px; float:right; }
			
				div.app_content div.content_main_container div.content_main { height:auto; min-height:430px; padding:0 0 0 20px; margin-left:230px; }
				
			div.sidebar_content { width:210px; min-height:430px; padding:0 20px 0 0; border-right:1px solid #333;  }
			
			/*1 column*/
			div.app_content div.content_main { height:auto; min-height:430px; clear:both; position:relative;  }			
		
		div.app_footer { height:80px; margin:50px 20px 50px 20px; clear:both; overflow:hidden;}
	
		
/*-----------------------------------------------------------------------------*/
/* _app_header                                                                 */
/*-----------------------------------------------------------------------------*/

	div.app_header a { width:960px; height:190px; display:block; background:url(../image/header/sa_logo.png) no-repeat center 20px;  }
	
	div.app_header a span,
	div.app_header h1 { display:block; text-indent:-9999px;}
		
	/* _page specific ---------------------------------------------*/
		
/*-----------------------------------------------------------------------------*/
/* _app_content                                                                */
/*-----------------------------------------------------------------------------*/

	div.app_content h2 { line-height:48px; font-weight: bold; font-size:24px; color:#CCC; font-family:'AniversRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; clear:both;}
	div.app_content h3 { line-height:26px; font-weight: bold; font-size:14px; color:#FF9; clear:both;}
	div.app_content p { font-size:13px; line-height:26px; font-weight:normal; color:#999; margin-bottom:10px; clear:both; }
	div.app_content hr { height:1px; overflow:hidden; clear:both; border:1px dashed #222;}
	
	/*-------------------*/
	/* _main_content     */
	/*-------------------*/
	
	div.app_content div.msg_on_success ul { font-size:13px; line-height:26px; text-indent:20px; list-style:square; list-style-position:inside; }
	
	/* _page specific ---------------------------------------------*/
	
		/*-ERROR PAGE----------------------------------------------*/
		body.error div.app_content ul.what_to_do { font-size:13px; line-height:26px; text-indent:20px; list-style:square; list-style-position:inside; } 
		/*-ERROR PAGE----------------------------------------------*/
				
		/* _product*/
		
			/*_product*/
			
			body.product div.app_content ul.horizontal_tab { width:810px; height:40px; padding:0 35px 0 35px; margin:20px auto 0 auto; border-bottom:1px solid #1B1B1B; }
				body.product div.app_content ul.horizontal_tab li { height:40px; line-height:40px; display:block; float:left;}
				body.product div.app_content ul.horizontal_tab li a { display:block; padding:0 30px 0 30px; font-size:14px; font-weight:bold;}
				body.product div.app_content ul.horizontal_tab li a:hover { text-decoration:underline;}
				body.product div.app_content ul.horizontal_tab li a.active { background:url(../image/common/horizontal_tab_li_a_active_bg.png) repeat-x top left; color:#BBB;}
				body.product div.app_content ul.horizontal_tab li a.active:hover { text-decoration:none;}
				
			body.product div.app_content div.browser_container { padding-bottom:50px; position:relative; z-index:1; }
				body.product div.app_content div.browser_container div.page_container { width:800px; height:1137px; margin:0 auto 0 auto; position:relative; z-index:1; overflow:hidden; background:#151515; border-right:4px solid #202020; border-bottom:4px solid #202020; border-left:4px solid #2B2B2B; border-top:4px solid #2B2B2B;}
					body.product div.app_content div.browser_container div.page_container img { width:800px; }
				body.product div.app_content div.browser_container div.control { width:34px; height:1137px; position:absolute; z-index:5; top:75px; }
					body.product div.app_content div.browser_container div.control a { height:77px; display:block; margin:515px 0 0 0;}
						body.product div.app_content div.browser_container div.control a span { display:block; text-indent:-9999px;}
					body.product div.app_content div.browser_container div.control.prev { left:59px;  }
						body.product div.app_content div.browser_container div.control.prev a { background:url(../image/catalog/browser_button.png) no-repeat 0 0; }
						body.product div.app_content div.browser_container div.control.prev a:hover, 
						body.product div.app_content div.browser_container div.control.prev a.active { background:url(../image/catalog/browser_button.png) no-repeat 0 -77px; }
					body.product div.app_content div.browser_container div.control.next { right:59px; }
						body.product div.app_content div.browser_container div.control.next a { background:url(../image/catalog/browser_button.png) no-repeat -34px 0; }
						body.product div.app_content div.browser_container div.control.next a:hover, 
						body.product div.app_content div.browser_container div.control.next a.active { background:url(../image/catalog/browser_button.png) no-repeat -34px -77px; }
					  
				body.product div.app_content div.browser_container div.control.page { width:800px; height:30px; line-height:30px; margin:30px auto 30px auto;  position:static; font-size:13px; color:#474F55; }
				body.product div.app_content div.browser_container div.control.page fieldset { clear:none;}
				body.product div.app_content div.browser_container div.control.page fieldset.focused { background:#0C0C0C;}
					body.product div.app_content div.browser_container div.control.page label,
					body.product div.app_content div.browser_container div.control.page input,
					body.product div.app_content div.browser_container div.control.page select { width:auto; float:left; clear:none; text-transform:none;}
					body.product div.app_content div.browser_container div.control.page select { margin-left:0;}
					body.product div.app_content div.browser_container div.control.page label { margin:0 5px 0 0; color:#474F55; text-indent:0; font-weight:bold;}
					body.product div.app_content div.browser_container div.control.page input.go { width:40px; margin:0 10px 0 0; padding:4px 10px 4px 10px; color:#888; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; }
						body.product div.app_content div.browser_container div.control.page input.go:hover { color:#EEE; border:1px solid #999;}
					body.product div.app_content div.browser_container div.control.page fieldset.categories { width:380px;}	
						body.product div.app_content div.browser_container div.control.page fieldset.categories select { width:200px; padding:3px 2px 3px 2px; }
					body.product div.app_content div.browser_container div.control.page fieldset.page {width:200px;}
					body.product div.app_content div.browser_container div.control.page fieldset.page span { width:80px; float:right; text-align:right; display:block; text-indent:8px; font-size:13px; font-weight:bold; border-left:1px solid #444;  }
					body.product div.app_content div.browser_container div.control.page fieldset.page input.page { width:30px; padding:4px 2px 4px 2px; text-align:center; vertical-align:middle;}
					
				body.product div.app_content div.browser_container div.loading { width:800px; height:1137px; position:absolute; z-index:4; top:63px; left:59px; background:url(../image/common/loading_bg.png) repeat;  }
					body.product div.app_content div.browser_container div.loading span { width:800px; height:1137px; display:block; background:url(../image/common/loading_white.gif) no-repeat center center;}
			
		
	/*-------------------*/
	/* _sidebar_content  */
	/*-------------------*/	
	
/*-----------------------------------------------------------------------------*/
/* _app_footeer                                                                */
/*-----------------------------------------------------------------------------*/
		
	/* _div.copyright */
	div.app_footer p  {  height:30px; line-height:30px; clear:both; color:#464646; text-align:center; font-size:12px; }

/*-----------------------------------------------------------------------------*/
/* _Plugin                                                                */
/*-----------------------------------------------------------------------------*/

.tipsy { padding: 5px; font-size: 13px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image:url(../image/common/tipsy.png); }
.tipsy-inner { padding:10px 16px 8px 16px; background-color:#171717; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }