/* ----------------------- */
/*  YoFLA                  */
/* ----------------------- */
/*  common styles for the yofla page */
/* ----------------------- */


/* ----------------------- */
/*  BODY                   */
/* ----------------------- */

body
{
	background: white;
	background: #505050;
}

img
{
	border: 0px;
}


#google_translate_element{
  position: absolute;
  right: 0px;
  top: 0px;
  background: white; /*url("../imgs/transparent.png");*/
  border: 1px solid silver;
  padding: 3px;  
}


/* ----------------------- */
/*  TOP                    */
/* ----------------------- */


#top
{
	width: 915px;
	height: 10px;

	font-size: 5px;

	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;

	/*background: url("../imgs/bg-top.gif") no-repeat;*/
}

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


#main
{
	width: 980px;
	height: auto;
	min-height: 450px;
	font-family: arial,sans-serif;

	margin-left: auto;
	margin-right: auto;
	
	background: white;
	/*background: url("../imgs/bg-main.gif") repeat-y;*/
}


/* ----------------------- */
/*  BOTTOM                 */
/* ----------------------- */


#bottom
{
	width: 915px;
	height: 15px;

	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;

	/*background: url("../imgs/bg-bottom.gif") no-repeat;*/
}




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

#footer
{
	clear: both;
	font-size: 0.7em;
	color: gray;
	text-align: left;
	padding-top: 20px;
	padding-left: 200px;
}

#footer a
{
	color: gray;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}


/* ----------------------- */
/*  LEFT  COLUMN           */
/* ----------------------- */


#left-column
{
	width: 172px;
	min-height: 200px;
	float: left;
	padding-left: 8px;
}

/* ----------------------- */
/* LEFT COLUMN  LOGO       */
/* ----------------------- */


#left-column img.logo
{
	padding-left: 0px;
	padding-top: 15px;
	border: 0;
}


/* ----------------------- */
/* LEFT COLUMN  MAIN-MENU  */
/* ----------------------- */



#left-column div.main-menu ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 20px;
}



#left-column div.main-menu li a
{
	margin-left: 10px;
	padding-left: 12px;


	line-height: 25px;

	font-size: 14px;


	color: black;
	
	text-decoration: underline;
}

#left-column div.main-menu li a:hover
{
	text-decoration: underline;
}


#left-column div.main-menu li a.selected
{
	font-weight: bold;
	/*background: url("../imgs/bg-main-menu-active.gif") left no-repeat;*/
}


#left-column div.main-menu li a.selected:hover
{
	text-decoration: none;
}

#left-column div.main-menu li.cat
{
	font-weight: bold;
	font-size: 0.75em;
	color: navy;
	margin-left: 5px;
	margin-top: 10px;
}


#left-column div.main-menu ul.mainMenuSub
{
	padding: 0px;
	margin: 0px;
}


#left-column div.main-menu ul.mainMenuSub li
{
	margin-left: 10px;
}

#left-column div.main-menu ul.mainMenuSub li a
{
	font-size: 0.7em;
	
}

/* ----------------------- */
/*  CENTER - COLUMN        */
/* ----------------------- */


#center-column
{
	width: 558px;
	float: left;
}



#center-column h1
{
	font-size: 19px;
	margin-left: 20px;
	margin-top: 16px;
	margin-bottom: 0;

	padding-top: 0;
	padding-bottom: 0;
}

#center-column h2
{
	font-size: 12px;
	font-weight: bold;
}




/* ----------------------- */
/*  CENTER - SUB MENU      */
/* ----------------------- */


#center-column  div.sub-menu
{
	margin-top: 16px;
	margin-left: 20px;
	font-size: 12px;
}


#center-column  div.sub-menu a
{
	margin-left: 2px;
	margin-right: 2px;
	color: blue;
}


#center-column  div.sub-menu a:visited
{
	color: #551A8B;
}

#center-column  div.sub-menu a.selected
{
	font-weight: bold;
	text-decoration: none;
}



/* ----------------------- */
/*  RIGHT-COLUMN           */
/* ----------------------- */

	
	#right-column
	{
		width: 242px;
		float: left;
	}



/* --------------------------- */
/*  RIGHT COLUMN  CHANGELOG    */
/* --------------------------- */

#right-column div.changelog h3
{
	font-size: 0.75em;
	font-weight: normal;
	margin-left: 14px;
	margin-bottom: 4px;
	width: 200px;
	border-bottom: 1px solid black;
}

#right-column div.changelog li
{
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	margin-left: 0px;
	list-style: none;
	line-height: 1.5em;
}

#right-column div.changelog ul
{
	margin: 0;
	padding: 0;
	margin-left: 14px;
}


div.promotion{
	color: red;
	margin: 5px;
	padding: 5px;
	border : 1px solid red;
	font-size: 0.9em;
}

div.promotion strong{
	color: #EF0035;
	display: block;
	padding-bottom: 4px;
}

div.promotion a{
	color: #EF0035;
}


/**
 * DOMAINS PRODUCTS TABLE
 */
table.list_domains
{
    text-align: left;
    border: 1px solid silver;
    width: 700px;
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 20px;
    margin-left: 20px;
}


table.list_domains td:first-child
{
    width: 250px;
}
 
table.list_domains td
{
    border-top: 1px solid silver;
}
  
table.list_domains span.info
{
    color: gray;
    font-size: 12px;
}



/* ----------------------- */
/*  COMMON                 */
/* ----------------------- */


.clearer
{
	clear: both;
	font-size: 1px;
	line-height: 0;
}


.italic
{
	font-style: italic;
}

.red
{
	color: red;
}

.center
{
	text-align: center;
}

.mb0
{
	margin-bottom: 0;
}

.ml20
{
	margin-left: 20px;
}

.ml5
{
	margin-left: 5px;
}



.fs08
{
	font-size: 0.8em;
}

.pt10
{
	padding-top: 10px;
}

a.blacklink
{
	color: black;
}

.fs11
{
	font-size: 11px;
}

.ml14
{
	margin-left: 14px;
}