html{
	min-width: 1020px;
	background-color: #cabfb5;
	background-image: url("images/html_background.jpg");
	background-position: top;
	background-repeat: repeat-x;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 12px;
	margin: 0px;		
	background-image: url("images/body_background.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	
}

hr {
	border: 1px solid #777;
}

img {
	border-width: 0px;
}

.left {
	float: left;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

.right {
	float: right;
	padding: 0 0 0 10px;
	vertical-align: middle;
}

.gauche {
	float: left;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

.droite {
	float: right;
	padding: 0 0 0 10px;
	vertical-align: middle;
}

ul,li {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

li.li_bloc_footer {
	margin-left: 12px;
}

#wrap {
	width: 1020px;
	margin: 0 auto;
	padding: 0;
}

#content {
	width: 970px;
	margin: 0 auto;
	padding: 0px 25px 5px 25px;
	overflow: auto;
	background-image: url("images/content_background.png");
	background-repeat: repeat-y;
}

#header_box {
	margin: 0 auto;
	padding: 0px;
	height: 300px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url("images/header_background.png");
}

#header_www {
	margin: 0px auto;
	height: 300px;
	width: 1020px;
}

#header_board {
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 1045px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url("images/board_header_bckgrd.jpg");
}


#headerbanner {
	position: relative;
	top: 0px;
	float: right;
	height: 60px;
	width: 468px;
	margin: 10px;
	background-color: #444;
}

#footer {
	margin: 0 auto;
	padding: 0px;
	height: 140px;
	width: 1020px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url("images/footer_background.png");
}

#footer_content {
	margin: 0px;
	padding: 40px 70px 0 150px;
	height: 100px;
	width: 830px;
	text-align: right;
	font-size: 10px;
}

#footer_ethicnet {
	margin: 0 0 10px 0;
	padding: 0px;
	width: 1020px;
	font-size: 10px;
	text-align: center;
}

#menu_top {
	line-height: 0px;
}

.menu_top_text {
	float: left;
	color: #000;
	margin-top: 1px;
	list-style: square;
	margin-left: 10px;
	padding-right: 0px;
	list-style-position: inside;
	list-style-type: square;
}

/* Search Box */

#search_box {
	position: relative;
	float: right;
	padding: 6px 6px 0 35px;
	top: 15px;
	right: 5px;
	width: 246px;
	height: 44px;
	background-repeat: no-repeat;
	background-image: url("images/searchbox_background.png");
	background-position: top left;
	line-height: 22px;
	text-align: right;	  
	color: #000;
}
/* Input box */
.inputbox_search_top{
	font: 10px;
	background-color : #ddd;
	border: 1px solid #ccc;
	float: left;
	padding: 0;
	margin: 3px 0 0 0;
	width: 205px;
	font-size: 12px;
}

.search_go{
	float: right;
	padding: 0;
	margin: 0;
	width: 36px;
}

/* Menu bloc */

.menu_content_box {
	float: right;
	margin: 0 0 5px 0;
	background-color: #fff;
	background-repeat: repeat-y;
	background-image: url("images/mb_background.png");
	width: 195px;
	color: #fff;
	font-size: 11px;
	overflow: auto;
}

.menu_box_bottom {
	float: left;
	background-repeat: no-repeat;
	background-image: url("images/mb_bottom.png");
	width: 195px;
	height: 12px;
	color: #fff;
	font-size: 0px;
}

#account_box {
	float: right;
	background-repeat: repeat-y;
	background-image: url("images/account_box_bkgd.jpg");
	width: 174px;
}

#account_top {
	padding: 45px 13px 0px 12px;
	background-repeat: no-repeat;
	background-image: url("images/account_box_top.jpg");
	background-position: top left;
	width: 149px;
	color: #000;
	font-size: 9px;
}

#account_box_bottom {
	float: right;
	width: 174px;
	height: 15px;
	background-repeat: no-repeat;
	background-image: url("images/account_box_bottom.jpg");
	background-position: top left;
	
}

#menu_box {
	float: left;
	padding: 60px 8px 5px 5px;
	background-repeat: no-repeat;
	background-image: url("images/mb_menu_top.png");
	background-position: top left;
	width: 240px;
	color: #fff;
	font-size: 11px;
}

#columnleft {
	float: left;
	width: 790px;
	padding: 0px;
	overflow: auto;
}

#columnright {
	float: right;
	width: 174px;
	overflow: auto;
}

.blog_text {
	float: left;
	padding: 0 0 2px 0;
	width: 100%;
	color: #000;
	font-size: 1.2em;
} 

.avatar_home {
	float: right;
	width: 40px;
}

.center {
	text-align: center;
}

#col_right_index {
	float: right;
	width: 174px;
}

#news_bloc {
	float: right;
	width: 155px;
	height: 165px;
	padding: 45px 10px 10px 9px;
	background-repeat: no-repeat;
	background-image: url("images/news_background.jpg");
	background-position: top left;
	
}

#preview_pictures_bloc {
	position: relative;
	float: right;
	width: 174px;
}

#preview_pictures_top {
	float: right;
	width: 174px;
	height: 36px;
	background-repeat: no-repeat;
	background-image: url("images/bloc_preview_pictures_top.jpg");
	background-position: top left;
	
}

#preview_pictures_bottom {
	float: right;
	width: 174px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("images/bloc_preview_pictures_bottom.jpg");
	background-position: top left;
	
}

.preview_pictures_content {
	float: right;
	width: 174px;
	height: 122px;
	background-repeat: no-repeat;
	background-image: url("images/bloc_preview_pictures.jpg");
	background-position: top left;
	
}

#pictures_bloc {
	margin: 0 auto;
	height: 100px;
	width: 880px;
	padding: 20px 0 0 80px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url("images/box_pictures_background.png");
	overflow: hidden;	
}

.picture_bloc {
	overflow: hidden;
	width: 93px;
	height: 78px;
	margin-right: 8px;
}

.galery_picture_bloc {
	float: left;
	width: 76px;
	height: 60px;
	margin-right: 16px;
	margin-bottom: 15px;
}

a:link,a:visited,a:active {
	color: #338fa6;
	text-decoration: none;
}

a:hover {
	color: #56a6ba;
}

a.menu:link,a.menu:visited,a.menu:active {
	color: #000;
	text-decoration: none;
	padding-left: 10px;
	background-image: url("images/link-list-small-off.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

a.menu:hover {
	color: #444;
	background-image: url("images/link-list-small-on.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

a.menu_up:link,a.menu_up:visited,a.menu_up:active {
	color: #338fa6;
	text-decoration: none;
	padding-left: 18px;
	background-image: url("images/link-list-up-small-off.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

a.menu_up:hover {
	color: #56a6ba;
	padding-left: 18px;
	background-image: url("images/link-list-up-small-on.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

a.link_menutop:link,a.link_menutop:visited,a.link_menutop:active {
	padding: 0 3px 0 3px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;

}

a.link_menutop:hover {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	padding-bottom: 2px;
	padding-top: 1px;
	border-bottom: 2px solid #777;
}

a.link_bloc_footer:link,a.link_bloc_footer:visited,a.link_bloc_footer:active {
	color: #ccc;
	text-decoration: none;
	font-size: 10px;
}

a.link_bloc_footer:hover {
	color: #fff;
}
.hover {
	filter : alpha(opacity=75);
	-moz-opacity : 0.75;
	opacity : 0.75; 
}

.hover:hover {
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1; 
}

h1, h2, h3, h4, h5, h6 {
	color: #095f82;
	border-bottom: 4px solid #ddd;
}

h1 {
	font-size: 15px;
	margin: 2px;
	
}

h1.title_blog {
	height: 18px;
	padding: 0 0 15px 0px;
	margin-bottom: 15px;
}

h1.title_page {
	padding: 0 0 15px 0px;
	margin-bottom: 15px;
}

h2 {
	font-size: 14px;
	margin: 2px;
}

h2.form {
	padding: 0px;
	margin: 6px 0 0 0;
	width: 765px;
	font-size: 14px;
	min-height: 20px;
	background-image: url("images/title_puce.png");
	background-position: top right;
	background-repeat: no-repeat;
	border: 0px;
	
}

h2.title_comment {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 0 0;
}

h2.title_bloc_footer {
	font-size: 12px;
	margin: 0;
	padding: 0 0 4px 0;
	color: white;
	font-weight: bold;
}

h4 {
	font-size: 9px;
	margin: 0;
	padding: 0;
}

.line_infos {
	float: left;
	font-size: 9px;
	width: 100%;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 2px 0;
	text-align: right;
}

.next_read {
	float: right;
	font-size: 10px;
	width: 200px;
	height: 21px;
	padding: 11px 0 15px 15px;
	background-image: url("images/button_next_read.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
}

.text_small {
	font-size: 9px;
}

.icon_comments {
	float: right;
	margin-left: 4px;
	color: #000;
	width: 30px;
	height: 16px;
	background-image: url("images/icon_comments.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 9px;
	text-align: center;
}

.icon_hits {
	float: right;
	color: #000;
	padding-left: 18px;
	margin-left: 4px;
	height: 16px;
	background-image: url("images/icon_hits.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 9px;
}

.icon_views_small {
	float: right;
	color: #000;
	padding-left: 18px;
	margin-left: 4px;
	height: 16px;
	min-width: 15px;
	background-image: url("images/icon_view_small.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 9px;
}

.inputbox {
	font: 10px;
	background-color : #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #cdaa74;
}

.inputboxlocked {
	font: 10px;
	background-color : #c9aeae;
	background-image: url("images/icon-locked.gif");
	background-position: center right;
	background-repeat: no-repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #cdaa74;
}

.autowidth {
	width: 100%;
}

label {
	font: 12px;
	font-weight: bold;
	padding: 10px 0 6px 0;
}

.bgtitle {
	background-image: url("images/table_bgtitle.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	height: 24px;
	border-bottom: 1px solid #aaa;
	padding-top: 3px;
}

.bg1_list {
	background-image: url("images/table_bg1.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 9px;
	height: 18px;
	border-bottom: 1px solid #ccc;
	padding-top: 3px;
}

.bg2_list {
	background-image: url("images/table_bg2.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 9px;
	height: 18px;
	border-bottom: 1px solid #ccc;
	padding-top: 3px;
}

.box {
	float: left;
	width: 100%
}
.box_infos {
	float: left;
	width: 74px;
	height: 94px;
	background-image: url("images/comment_infos_bckgrd.png");
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 15px 5px 5px;
	font-size: 10px;		   
	overflow: hidden;
	text-align: center;
}

.box_content {
	width: 790px;
	overflow: auto;
	padding-top: 5px;
}

.box_content_full {
	float: left;
	width: 98.5%;
	background-color: #f0f0f0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0 5px 0;
}

.box_content_title {
	float: left;
	width: 98.5%;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0 5px 0;
}

.small_text {
	font-size: 9px;
}

.box_announces_content {
	width: 790px;
	padding: 0px;
	overflow: auto;
}

.mini_box {
	float: left;
	padding: 5px;
	width: 75px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #cdaa74;
	background-color: #ddd;	
	text-align: center;
	font-size: 10px;
}

#referents_content_box {
	float: left;
	background-image: url("images/bloc_referents_last_bckgrd.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	margin: 0 5px 0 5px;
	font-size: 11px;
	color: black;
	border-right: 2px dotted #676767;
	height: 208px;
	width: 215px;
	text-align: left;
}

#members_content_box {
	float: left;
	background-image: url("images/bloc_members_last_bckgrd.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	margin: 0 5px 0 5px;
	font-size: 11px;
	color: black;
	border-right: 2px dotted #676767;
	height: 208px;
	width: 165px;
	text-align: left;
}

#comments_content_box {
	float: left;
	background-image: url("images/bloc_comments_last_bckgrd.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	margin: 0 5px 0 5px;
	font-size: 11px;
	color: black;
	border-right: 2px dotted #676767;
	height: 208px;
	width: 300px;
	text-align: left;
}

.list {
	float: left;
	width: 99.4%;
	padding-right: 5px;
	margin-top: 10px;
}

.list_error {
	float: left;
	width: 99%;
	margin-top: 10px;
	margin-right: 5px;
	padding-top: 16px;
	background-color: #ffdddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
	background-image: url("images/warn_field_error.png");
	background-position: top left;
	background-repeat: no-repeat;
}
.list_50 {
	float: left;
	width: 49.3%;
	padding-right: 5px;
	margin-top: 10px;
}

.list_50_error {
	float: left;
	width: 49%;
	margin-top: 10px;
	margin-right: 5px;
	padding-top: 16px;
	background-color: #ffdddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
	background-image: url("images/warn_field_error.png");
	background-position: top left;
	background-repeat: no-repeat;
}

.list_33 {
	float: left;
	width: 32.9%;
	padding-right: 3px;
	margin-top: 10px;
}

.list_33_error {
	float: left;
	width: 32.9%;
	margin-top: 10px;
	margin-right: 3px;
	padding-top: 16px;
	background-color: #ffdddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
	background-image: url("images/warn_field_error.png");
	background-position: top left;
	background-repeat: no-repeat;
}

dl.list {
	width: 100%;
}

.list_content {
	margin-top: 5px;
	padding: 5px;
	width: 98.5%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
	text-align: left;
	overflow: auto;
}

dt.list {
	margin-top: 5px;
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
}

.form_error {
	margin-top: 15px;
	width: 94.5%;
	padding: 5px 5px 5px 35px;
	min-height: 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
	background-color: #fcc;
	background-image: url("images/icon_form_errors_mini.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;

}

.box_warning {
	margin-top: 15px;
	width: 94.5%;
	padding: 5px 5px 5px 35px;
	min-height: 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
	background-image: url("images/warning.gif");
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;

}

.box_warning_c {
	margin-top: 15px;
	width: 94.5%;
	padding: 5px 5px 5px 35px;
	min-height: 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
	background-image: url("images/warning.gif");
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
}
.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {
	position:relative;
	padding: 230px 50px 0 135px;
	margin: auto;
	list-style:none;
	height:35px;
	z-index:100;
	width: 835px;
}
#nav li.top {display:block; float:left; height:35px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:32px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:32px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:35px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:145px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:143px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 


#preview{
	position:absolute; 
	max-width: 320px;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	text-align: center;
}

.picture_bloc {
	overflow: hidden;
	width: 149px;
	height: 108px;
	padding: 8px 0 0 14px;
}

.left-3-4 {
	float: left;
	width: 500px;
	margin-right: 5px;
}

.right-1-4 {
	float: left;
	width: 300px;
	margin-left: 5px;
}

.right-1-4b {
	float: left;
	width: 290px;
	padding: 5px;
	margin-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cdaa74;
	
}

.quote32l {
	width: 100%;
	min-height: 40px;
	padding-left: 35px;
	background-image: url("images/icon_quote_32.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	font-style: italic;
	text-align: left;	
}

.quote32r {
	width: 100%;
	min-height: 40px;
	padding-left: 35px;
	background-image: url("images/icon_quote_32.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	font-style: italic;
	text-align: right;	
}

.quote16l {
	width: 100%;
	min-height: 40px;
	padding-left: 20px;
	background-image: url("images/icon_quote_16.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	font-style: italic;
	text-align: left;	
}

.quote16r {
	width: 100%;
	min-height: 40px;
	padding-left: 20px;
	background-image: url("images/icon_quote_16.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	font-style: italic;
	text-align: right;	
}

.announce_picture {
	float: left;
	width: 140;
	height: 140;
	margin: 0px 10px 10px 0px;
	background-image: url("images/announce_no_picture.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

.announce_td_description {
	color: #000;
	text-align: justify;
	vertical-align: top;
}

.announce_td_infos {
	padding: 0px 5px 0 25px;
	width: 100%;
	height: 20px;
	color: #000;
	text-align: right;
	vertical-align: top;
}

.announce_td_ref {
	padding: 5px 40px 0 40px;
	width: 80px;
	height: 15px;
	color: #000;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}

.announce_td_title {
	padding: 0px 5px 0px 5px;
	width: 800px;
	height: 22px;
	color: #fff;
	font-weight: bold;
}

.index_announce_hydro {
	margin: 0 0 20px 0;
	width: 780px;  
	background-image: url("images/icon_hydro_alpha.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 5px dotted black;
	overflow: auto;
}

.index_announce_solaire {
	margin: 0 0 20px 0;
	width: 780px;  
	background-image: url("images/icon_solaire_alpha.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 5px dotted black;
	overflow: auto;
}

.index_announce_eolien {
	margin: 0 0 20px 0;
	width: 780px;  
	background-image: url("images/icon_eolien_alpha.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 5px dotted black;
	overflow: auto;
}

.file_box_1 {
	float: left;
	width: 778px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #aaa;
	margin-bottom: 5px;
	background-color: #e7e7e7;
}

.file_box_2 {
	float: left;
	width: 778px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	background-color: #f0f0f0;
}

.pikachoose{width:710px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:710px;height:280px;margin:0;auto;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:auto;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:706px;height:515px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:700px;height:0px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('images/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('images/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('images/fastf.png') top right no-repeat;}

li {margin-left: 20px;}

li.top {margin-left: 0px;}
li.menutop_background {margin-left: 0px;}

.corner_left {
	float: left;
	position: absolute;
}