/* Nutraide.com (c) 2010 Denis Sureau */

html, body 
{
	font-family: Calibri, Cambara, Arial, "Trebuchet MS", Verdana, Geneva;
	font-size: 90%;
	margin:0;
	padding:0;
	color:#000;
	background-color:#FFF;  	
}

#outer
{
    margin:0 auto;
    min-width:480px;
    max-width:900px;
}

#header, #homehead 
{
	position:relative;
	margin:0 auto;
	height:96px;
	width:100%;
	background-color:#FFF; 
	z-index:1;
}

#homehead
{
  border:none;
}

#logoback
{
	position:absolute;
	top:0px;
	left:0px;
	width:482px;
	height:48px;
	z-index:2;
}

#logo
{
	position:absolute;
	top:24px;
	left:8px;
	width:200px;
	height:41px;
	background-image: url(/images/nutraide.png);
	background-repeat:no-repeat;
	z-index:3;
}

#register
{
  position:relative;
  float:right;
  margin-right:20%;
  top: 32px;
}


#leftside
{
	float:left;
	left:0;
	top:96px;
	padding:0px;
	font-family:Arial, sans;
	min-height:504px;
    font-weight:normal;
    font-size:0;
    padding:0px;
    margin: 8px 0 0 0;  
}

#leftside > fieldset
{
  margin:0;
  padding:0;
  padding-bottom:16px;
}


#container
{
	margin: 0 0 0 8px;
	padding:0 8px 8px 8px;
	background-color:#FFF;
	font-family: Calibri, Cambara, Arial, "Trebuchet MS", Verdana, Geneva;
	font-size:100%;
	min-height:472px;
    overflow:hidden;
}

#inner
{
	position:relative;
	margin:0 auto;
	padding:0 10% 0 10%;
}

#home
{
	position:relative;
	display:inline;
	padding:0;
	width:100%;
	margin:0;
	background-color:#FFF; 
	font-family: Calibri, Cambara, Arial, "Trebuchet MS", Verdana, Geneva;
	min-height:472px;
}

#homelt
{
	position:relative;
	float:left;
	top:0;
	left:0;
	-width:45%;
	min-width:320px;
	min-height:240px;
	margin:0;	
	padding:16px;
}

#homert
{
	position:relative;
	float:left;
	top:0;
	left:0;	
	-width:50%;
	margin:0;  	
	padding:16px;
	min-width:320px;
	min-height:240px;	
}

#homelb
{
	position:relative;
	float:left;	
	-width:45%;
	margin:0;  		
	padding:16px;
	min-width:320px;
	min-height:240px;	
}

#homelb li, #homert li
{
	list-style:none;
	font-size:110%;
}

#homerb
{
	position:relative;
	float:left;	
	-width:50%;
	margin:0;  		
	padding:16px;	
	min-width:320px;
	min-height:240px;	
}

	
#footer 
{
	background-color:#FFF; 
	color: #666;
	border-top:none;
	font-size: 11px;
	text-align: center;
	padding: 2px 24px 2px 2px;
	margin:0 auto;
	clear: both;
}

.dynlink
{
  list-style:none;
  margin:0;
  padding:0; 	
}

.widget, .linkcat
{
  margin:2px 0 0px 0px;
  color:#333;
  font-family:"Verdana", "Lucida", "Arial";
  font-size:0%;
  font-weight:normal;
  text-align:center;  
}

	
	
.spacer { clear: both; } 	


h1
{
	font-family: "Verdana", "Crandall", "Georgia",  "Lucida", "Geneva";
	color:#369;
	font-weight:normal;
	font-size:140%;
}

h2
{
  font-size:120%;
  color:#333; 
}

h3
{
	color:#006699;
	font-size:115%;
	font-weight:normal;
	font-style:italic;
}


a:link, a:active, a:visited, a:hover  { text-decoration:none; color:black; }
a:hover   { color:red; }

dt
{
	margin-bottom:4px;
	font-size:110%;
	font-weight:bold;
}
dd
{
	margin-left:24px;
	margin-bottom:16px;
}

img 
{
	border: 0 none ; 
} 

.border
{
	border:1px solid #006699;
	padding:8px;
	margin:16px;
}

.edit
{
  font-style:normal;
  font-weight:normal;
  margin-left:16px;
}

/* Image alignment */

.right, .alignright
{
  float:right;
  margin:8px;
}

.left, .alignleft
{
  float:left;
  margin:8px;
}

.center, .aligncenter
{
  text-align:center;
  margin:8px;
}

#searchform
{
  margin-top:12px;
}

fieldset
{
 	margin:0px;
	padding:16px;
	-moz-border-radius:8px;
	border-radius:8px; 
}

legend
{
  font-style:italic;
  font-size:90%;
  color:#666;
}

.formleft
{
  width:420px;
  min-width:420px;
  max-width:420px;
  float:left;
}

.formright
{
  width:300px;
  min-width:300px;
}

.fieldright
{
  background:#F8F8F8; 
  min-width:340px;   
}

.bclr
{
   background:#999;
   padding-left:2px;
   padding-right:2px;
   color:#FFF;
   padding-top:0px;
   padding-bottom:2px;
   margin-top:2px;
   margin-bottom:2px;
}

.nicetable
{
	border-collapse:collapse;
	text-align:center;
	border: 1px solid #AAA;
	font-size:96%;
}

.nicetable th, .nicetable td
{
	border: 1px solid #AAA;
	height: 24px;
	padding:4px;
	vertical-align:middle;
}

.nicetable th
{
	background-image:url(table-shaded.png);
	color:black;
	font-weight:normal;
}

.main
{
	padding:16px;
}

.tdr
{
  text-align:right;
}

#container a, #container a:visited, #container a:link
{
  color:#036;
}


.shaded, .wfshaded
{ 
	-moz-box-shadow: 6px 6px 12px #888;  
	-webkit-box-shadow: 6px 6px 12px #888;  
	box-shadow:6px 6px 8px #888;
	border-radius:6px;  
	-moz-border-radius:6px;  	
} 

.inshade
{
	background-color:#eff;
	box-shadow:2px 2px 4px #a96 inset;
	-webkit-box-shadow: 2px 2px 4px #a96 inset;    
	border-radius:4px;  
	-moz-border-radius:4px; 
}
 
.tshade
{
	text-shadow: 1px 1px 0 #cc8844;
	font-weight:normal;
	font-family:Cambara, Arial, Verdana;
	color:#a05500;
} 

.ishaded
{ 
	padding: 1px;
	border: 1px solid #CCC; 
	-moz-box-shadow: 4px 4px 10px #888;  
	-webkit-box-shadow: 4px 4px 10px #888;  
	box-shadow:4px 4px 10px #888;
	border-radius:5px;  
	-moz-border-radius:5px;  	
} 

.handfont
{
	font-family:"Lucida Sans";
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	padding:4px 6px 4px 6px;
	background:#F8F8F8;
	-moz-box-shadow: 4px 4px 10px #888;  
	-webkit-box-shadow: 4px 4px 10px #888;  
	box-shadow:4px 4px 10px #888;
}

.command
{
	margin-left:0px;
	margin-right:-2px;
}

.profil
{
    padding:4px;
    padding-left:0;
}
.profil input[type='text']
{
    border:none;
}
.iright
{
    text-align:right;
}

.tooltip
{
	text-decoration:none;
	position:relative;
}
.tooltip h3
{
    margin:0 0 8px 0;
    padding:0;
    font-style:normal;
}
.tooltip span
{
	display:none;
	cursor:help;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:black;
	background:white;
    font-size:14px;
    font-family:"Century Gothic", "Comic Sans MS", Calibri, Arial;
}
.tooltip span img
{
	float:left;
	margin:0px 8px 8px 0;
}
.tooltip:hover span
{
	display:block;
	position:absolute;
	top:0;
	left:-160px;
	z-index:1000;
	width:320px;
	max-width:320px;
	min-height:128px;
	border:1px solid black;
	margin-top:12px;
	margin-left:32px;
	overflow:hidden;
	padding:8px;
}
