/* FONTS  ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
}
@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 400;
	src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");
}
@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 600;
	src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg");
}
@font-face {
	font-family: "BebasNeueRegular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue-webfont.woff") format("woff"), url("../fonts/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/BebasNeue-webfont.svg#BebasNeueRegular") format("svg");
}
@font-face {
	font-family: "PacificoRegular";
	font-style: normal;
	font-weight: normal;                              
	src: url("../fonts/Pacifico-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Pacifico-webfont.woff") format("woff"), url("../fonts/Pacifico-webfont.ttf") format("truetype"), url("../fonts/Pacifico-webfont.svg#PacificoRegular") format("svg");
}
@font-face {
  font-family: "News Cycle";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/News-Cycle.woff") format("woff");
}


/* TEXTS  ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
body, input, textarea {
  color: #888;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing:-0.2px;
}
.scrypt {
  font-family: 'PacificoRegular',Georgia,Times,'Times New Roman',serif;
  /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
}
.title {
  font-family: "News Cycle",Arial;
  letter-spacing:-0.9px;
  word-spacing:1.5px;
}
.sub_title {
  letter-spacing:-1px;
  word-spacing:0.8px;
}
h1, h2, h3, h4 {
	font-weight:normal;
  line-height:normal;
	text-align:left;
}
h2 {
  text-transform:uppercase;
}
h2, h3 {
  padding:0 0 10px 0;
}
.section h1 {
  font-size: 20px;
	padding:0 0 25px 5px;
}
.fancybox_popup h1 {
  font-size: 20px;
  padding:0;
}
#header h1 {  
  font-size: 35px;
}
#home h1 {
	font-size:23px;
	padding:10px 0 20px 5px;
}
#more h1 {  
	padding:0 0 5px 5px;
}
#dolphins h2 {
  padding:0;
}
a, a:visited {
  color: inherit;
  text-decoration:none;
	transition: all 0.3s ease 0s;
}
a:active, a:hover {
  color:#40BFBF;
  text-decoration:none;
}
a.on {
  cursor:default;
  color:#40BFBF;
}
.italic {
  font-style:italic;
}
.underline {
  text-decoration:underline;
}
.normal {
  font-weight:normal;
}
.bold {
  font-weight:bold;
}
.upper {
  text-transform:uppercase;
}
.xxx-small {
  font-size:9px !important;
}
.xx-small {
  font-size:10px !important;
}
.x-small {
  font-size:11px !important;
}
.small {
	font-size:12px !important;
}
.medium {
  font-size:13px !important;
}
.large {
  font-size:14px !important;
}
.x-large {
  font-size:15px !important;
}
.xx-large {
  font-size:16px !important;
}
.xxx-large {
  font-size:18px !important;
}
.dark_blue {
  color:#336699;
}
.blue {
  color:#35849F;
}
.light_blue {
  color:#40BFBF;
}
.orange {
  color:#FD7800;
}
.white {
  color:#FFF;
}
.dark_gray {
  color:#555;
}
.gray {
  color:#777;
}
.light_gray {
  color:#AAA;
}
.red {
  color:#ff0c16;
}

/* FORM --------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
input, textarea {
	background: #FFF;
	border: 1px solid #CECECE;
	border-radius: 5px;
	margin: 0 0 8px 0;
	padding: 10px;
	outline: none;
}
input[type="radio"] {
  margin:0px;
}
input.bg_gray, textarea.bg_gray {
	background: #FAFAFA;
}
input.error, textarea.error{
	border: 1px dashed #CECECE;
}
input.submit {
	background:#35849f;
	border: 1px solid #35849f;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease 0s;
	padding: 10px 0 !important;
	max-width:110px !important;
	min-width:110px !important;
}
input.submit:hover {
	background: #39acac;
	cursor: pointer;
}
input.submit:active {
	background: #35849f;
	box-shadow: 0 1px 0 #35849f inset, 0 1px 2px rgba(255, 255, 255, 0.9);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  transition: all 0s ease 0s;
  color: #ccc;
}
input.submit.danger {
	background:#db2120;
	border: 1px solid #db2120;	
}
input.submit.danger:hover {
	background: #f82227;
}
input.submit.danger:active {
	background: #db2120;
	box-shadow: 0 1px 0 #db2120 inset, 0 1px 2px rgba(255, 255, 255, 0.9);
}
input.submit.confirm {
	max-width:49px !important;
	min-width:49px !important;
}
label {
	display:block;
	padding:0 5px 0 5px;
}
.alert {
	float:right;	
	display:none;
}
.form_alert, .form_img_alert {
	display:none;
	position:absolute;
	bottom:3px;
}
.input_file {
	width:105px;
	height:105px;
	border: 1px solid #CECECE;
	border-radius: 5px;
	background:#f2f2f2 none no-repeat 50% 50%;
	cursor:pointer;
}
input[type="file"] {
  display:none;
}
.input_file_iframe {
  display:none;
}


/* ERGO ------------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  position: relative;
}
.page {
}
.section {
	padding:20px 0 30px 0;
}
.content {
  position:relative;
  width: 900px;
  margin: auto;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.table {
  display:table;
  width:100%;
  border-collapse:separate;
}
.cell {
	width:50%;
  display:table-cell;
  position:relative;
  vertical-align:top;
}
.table.auto .cell {
  width:auto !important;
}
.cell div {
  position:relative;
}
.left {
  text-align:left !important;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
.xx-small_padd_top {
	padding-top:2px !important;
}
.x-small_padd_top {
	padding-top:5px !important;
}
.small_padd_top {
	padding-top:10px !important;
}
.xx-small_padd_bottom {
	padding-bottom:2px !important;
}
.x-small_padd_bottom {
	padding-bottom:5px !important;
}
.small_padd_bottom {
	padding-bottom:10px !important;
}
.medium_padd_bottom {
	padding-bottom:13px !important;
}
.large_padd_bottom {
	padding-bottom:15px !important;
}
.x-large_padd_bottom {
	padding-bottom:17px !important;
}
.hover img {
	opacity: 1;
	transition: opacity 0.5s ease 0s;	
}
.hover img:hover{
	opacity:0;
}
.avatar {
  border: 1px solid #CECECE;
	border-radius: 5px;
	background:#f2f2f2 none no-repeat 50% 50%;
}

/* HEADER ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#header {
  background: #FFF;
  position: relative;
	height:100px;
}
#header_top {
  background: #BBB url("../img/deco/dark.png") repeat scroll left top;
  clear:both;
	height:30px;
}
#header_acces {
	padding:6px 0;
}
#header_nav {
  background: transparent url("../img/deco/dark.png") repeat scroll left top;
  width:100%;
  height: 68px;
  z-index:20;	
	box-shadow: 0 6px 18px -7px #BBB;
}
#header_nav .table .cell#logo {
  width:30%;
}
#header_nav .table .cell#nav {
  width:70%;
}
#header_nav #nav {
  padding:30px 0 0 0;
}
#header_nav #nav li {
  float:right;
}
#header_nav #nav li.sep {
  padding:0 9px;
}
#header_nav #nav li.nav_picto {
  width:20px;
  height:25px;
	padding:3px 0 0 0;
  cursor:pointer;
}
#header_nav #nav li#nav_more {
	padding:3px 10px 0 0;
}
#header_nav #nav_more a{
	display:block;
	background:url("../img/deco/more_hover.png");
}
#header_nav #nav_top a{
	display:block;
	background:url("../img/deco/top_hover.png");
}

/* HOME ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#home {
  border-bottom: 1px solid #FFF;
  background: #F9F9F9 url("../img/deco/glimmer.png") no-repeat scroll 15% 50% ;
  height:180px;
}
#home_quotation {
  margin-top: 25px;
}
#home_quotation sup {
  top:-2px;
}
#home_quotation sub {
  bottom:-12px;
}
#home .cell_left {
  width:25%;
}
#home .cell_right {
  width:75%;
}
#home .table.new {
  margin-top:10px;
}
#home .table.new .cell.picture {
  width:20%;
}
#home .story_list_rating {
	position:absolute !important;
  width:42px;
  height:40px;
  top:-11px;
  left:65px;
}

/* DOLPHINS --------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#dolphins {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  background: #FFF;
}
#dolphins .table {
  width:85%;
	margin:auto !important;
  border-spacing:12px 0;
}
#dolphins .table .cell {
  width:33%;
}
#dolphins .book {
  display:block;
  margin:0 auto 15px;
}
#dolphins .bubble {
  position:absolute !important;
  width:80px;
  height:81px;
}
#dolphins .bubble a {
  display:block;
  width:80px;
  height:62px;
  padding:20px 0 0 0;
}
#dolphins .bubble a:hover {
  color:inherit;
}
#dolphins #publibook_tome1.bubble {
  top:-200px;
  left:7px;
  background: transparent url("../img/deco/bubble.png") no-repeat scroll -240px 0 ;
}
#dolphins #publibook_tome2.bubble {
  top:-240px;
  left:152px;
  background: transparent url("../img/deco/bubble.png") no-repeat scroll 0 0 ;
}
#dolphins #publibook_tome1.bubble:hover {
  background: transparent url("../img/deco/bubble.png") no-repeat scroll -160px 0 ;
}
#dolphins #publibook_tome2.bubble:hover {
  background: transparent url("../img/deco/bubble.png") no-repeat scroll -80px 0 ;
}

/* SHORTSTORIES ----------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#shortstories {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  background: #F9F9F9;
}
#shortstories .table {
  width:85%;
  margin:auto !important;
  border-spacing:12px 0;
}
#shortstories .table .cell {
  width:33%;
}
#shortstories .book {
  display:block;
  margin:0 auto 15px;
}
#shortstories .bubble {
  position:absolute !important;
  width:80px;
  height:81px;
}
#shortstories .bubble a {
  display:block;
  width:80px;
  height:62px;
  padding:20px 0 0 0;
}
#shortstories .bubble a:hover {
  color:inherit;
}
#shortstories #edilivre_1.bubble {
  top:-200px;
  left:7px;
  background: transparent url("../img/deco/bubble.png") no-repeat scroll -240px 0 ;
}
#shortstories #edilivre_2.bubble {
  top:-240px;
  left:152px;
  background: transparent url("../img/deco/bubble.png") no-repeat scroll 0 0 ;
}
#shortstories #edilivre_3.bubble {
  top:-240px;
  left:152px;
  background: transparent url("../img/deco/bubble.png") no-repeat scroll 0 0 ;
}
#shortstories #edilivre_4.bubble {
  top:-180px;
  left:400px;
  background: transparent url("../img/deco/bubble.png") no-repeat scroll 0 0 ;
}
#shortstories #edilivre_1.bubble:hover {
  background: transparent url("../img/deco/bubble.png") no-repeat scroll -160px 0 ;
}
#shortstories #edilivre_2.bubble:hover {
  background: transparent url("../img/deco/bubble.png") no-repeat scroll -80px 0 ;
}
#shortstories #edilivre_3.bubble:hover {
  background: transparent url("../img/deco/bubble.png") no-repeat scroll -80px 0 ;
}
#shortstories #edilivre_4.bubble:hover {
  background: transparent url("../img/deco/bubble.png") no-repeat scroll -80px 0 ;
}

/* STORIES  ---------------------------------------------------------------- */
/* --------------------------------------------------------------------------*/
#stories {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  background: #FFF url("../img/deco/glimmer.png") no-repeat scroll 75% 50% ;
}
#stories #nav_stories_pages{
  position:absolute;
  width:100%;
  top:88px;
  right:0px;
}
#stories #nav_stories_types {
  margin:-7px 0 0 0;
  padding: 0 0 30px 5px;
}
#stories .table {
	margin:auto !important;
  border-spacing:0px;
}
#stories .table.block {
  border-spacing:0;
}
#stories .cell.picture {
  width :145px;
	padding:0 0 0 20px;
}
#stories .cell.detail {
  width :285px;
}
#stories .story_list_rating {
	position:absolute !important;
  width:42px;
  height:40px;
  top:-11px;
  left:114px;
}
.story_list_rating .bubble a {
  display:block;
  width:42px;
  height:28px;
  padding:12px 0 0 0;
}
.story_list_rating .bubble a:hover {
  color:inherit;
}
.story_list_rating .bubble {
  background: transparent url("../img/deco/little_bubble.png") no-repeat scroll 0 0 ;
}
.story_list_rating .bubble:hover {
  background: transparent url("../img/deco/little_bubble.png") no-repeat scroll -42px 0 ;
}


/* STORY  ------------------------------------------------------------------ */
/* --------------------------------------------------------------------------*/
#story #popup_header {
	height:160px;
}
#story .table {
  border-spacing:0px;
  width:auto;
}
#story .table.block {
  border-spacing:0;
}
#story .cell.picture {
  width :135px;
}
#story .cell.resume {
  width :445px;
	border-right:1px solid #E5E5E5;
	padding-right:19px;
}
#story .cell.rating {
  width :160px;
	padding-left:20px;
}
#story .cell.rating_left {
  width :43px;
	vertical-align: middle;
}
#story .cell.rating_right {
  width :115px;
	vertical-align: middle;
}
#story_intro, #story_tdm, #story_text {
	font-family:Arial;
	font-size:1em;
	letter-spacing:normal;
	line-height:1.7em;
	padding:20px 70px;
	text-align:justify;
	color:#333;
}
#story_intro .story_intro_author {
	font-size:1.7em;
	padding:40px 0 25px 0;
}
#story_intro .story_intro_story {
	font-size:1.2em;
	padding:0 0 30px 0;
}
#story_intro .story_intro_resume {
	font-size:0.9em;
	padding:0 0 40px 0;
}
#story_tdm .story_tdm_title {
	padding:0 0 30px 0;
}
#story_tdm .story_tdm_chapter {
	font-size:0.9em;
	padding:10px 0 5px 0px;
}
#story_tdm .story_tdm_chapter.indent {
	font-size:0.9em;
	padding:0 0 5px 17px;
}
#story_tdm .story_tdm_chapter.sub_indent {
	font-size:0.9em;
	padding:0 0 5px 34px;
}
#story_text .story_text_title {
	padding:0 0 5px 0;
}
#story_text .story_text_subtitle {
	padding:25px 0 0 0;
}
#story_text .story_text_paragraph {
	text-indent:30px;
	padding:20px 0 0 0;
}
#story_text .story_text_note {
	padding:10px 0 0 0;
	font-style:italic;
	font-size:0.9em;
	line-height:1.5em;
}
#story_text .story_text_paragraph.no_indent {
	text-indent:0px !important;
}
#story_text .story_text_block {
	padding:20px 0 0 0;
}
#story_text .story_text_dialog {
	background: transparent url("../img/deco/tiret.png") no-repeat scroll 30px 5px;	
	padding:0 0 5px 50px;
	font-style:italic;
}
#story_text .story_text_list {
	background: transparent url("../img/deco/tiret.png") no-repeat scroll 30px 5px;	
	padding:0 0 5px 50px;
}
#story_text table td {
	vertical-align:middle;
}
#story_text table td.inter {
	width:35px;
}

/* STORY COMMENT / USER COMMENT ------------------------------------------- */
/* -------------------------------------------------------------------------*/
#story .comment, #user_comments .comment {
  position:relative;
}
#story .cell.comment_left, #user_comments .cell.comment_left {
  width :95px;
	padding-left:13px;
}
#story .cell.comment_right, #user_comments .cell.comment_right {
  width :652px;
}
#story .comment_rating, #user_comments .comment_rating {
  position:absolute;
  right:0px;
  top:1px;
  width:315px;
}
#story .comment_rating .cell.rating_left, #user_comments .comment_rating .cell.rating_left {
  width :33px;
	vertical-align: middle;
}
#story .comment_rating .cell.rating_right, #user_comments .comment_rating .cell.rating_right {
  width :97px;
	vertical-align: middle;
}
#story .comment_tools, #user_comments .comment_tools  {
  position:absolute;
  right:5px;
  top:2px;
  width:40px;
}
#story .comment_tools div, #user_comments .comment_tools div {
  float:left;
  padding:0 4px 0 0;
}
#story .comment_tools .comment_delete_confirm, #user_comments .comment_tools .comment_delete_confirm {
	display:none;
	position:absolute;
	top:-6px;
	right:-6px;
	width:170px;
	height:41px;
	padding:53px 7px 0 7px;
	background: transparent url("../img/deco/large_bubble.png") no-repeat scroll 0 100%;	
}
#story .comment_tools .comment_delete_confirm .text_confirm, #user_comments .comment_tools .comment_delete_confirm .text_confirm {
	margin:5px;
}
#story .comment_tools .comment_delete_confirm input.submit.confirm, #user_comments .comment_tools .comment_delete_confirm input.submit.confirm {
	padding: 5px 0 !important;
	margin: 0 !important;
	max-width:40px !important;
	min-width:40px !important;
}

/* COMMENT ADMIN  --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------*/
#comment_admin {
  display:none;
	border-top:1px solid #E5E5E5;
	padding: 8px 33px 4px 33px;
	background:#F5F5F5;	
}
#comment_admin .cell.comment_admin_left {
	width:165px;
}
#comment_admin .cell.comment_admin_left label {
  padding:0 0 0 2px !important;
}
#comment_admin .cell.comment_admin_left .cell.rating_left {
  width :50px;
	vertical-align: middle;
}
#comment_admin .cell.comment_admin_left .cell.rating_right {
  width :115px;
	vertical-align: middle;
}
#comment_admin .cell.comment_admin_middle {
	width:469px;
}
#comment_admin .cell.comment_admin_right {
	width:100px;
}
#comment_admin input.submit {
	padding:6px 0 !important;
	max-width:80px !important;
	min-width:80px !important;
	margin: 80px 0 0 0;
}
#comment_admin input.checkbox {
	margin:0px 1px;
	cursor:pointer;
}
#comment_admin textarea {
	height:60px !important;
	max-width:445px;
	min-width:445px;
	margin:0 0 2px 0 !important;
}
#comment_admin label .alert {
	margin:7px 0 0 0 !important;
	font-family: 'Open Sans',Arial,sans-serif;
}

/* CONTACT ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#contact {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E0E0E0;
  background: #F9F9F9;
}
#contact_quotation {
	padding:0 0 30px 0;
	margin:-5px 0 0 0;
}
#contact_quotation sup {
  top:1px;
}
#contact_quotation sub {
  bottom:-7px;
}
#contact .table {
	width:700px;
	margin:auto !important;
  border-spacing:20px 0;
}
#contact .contact_left {
	width:300px;
}
#contact .contact_right {
	width:420px;
}
#contact .table_captcha {
	width:auto;
	margin:0;
  border-spacing:0;
}
#contact .cell_captcha {
	width:150px;
}

#contact input, #contact textarea {
	max-width:270px;
	min-width:270px;
}
#contact input#captcha {
	max-width:120px;
	min-width:120px;
	margin-right:10px;
}
#contact textarea {
	min-height:153px;
	max-width:400px;
	min-width:400px;
}
#contact input.submit {
	margin: 20px auto 0;
}
#contact input#email_verif, #contact label[for='email_verif'] {
  display:none;
}
#contact .form_alert {
  float:right;
  padding:17px 95px 0 0;

}

/* MORE ------------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#more {
  border-top: 1px solid #FFF;
  background: #FFF url("../img/deco/glimmer.png") no-repeat scroll 50% 50% ;
  padding: 20px 0;
}
#more .table .cell {	
  width:28%;
	vertical-align:middle;
}
#more .table .cell.logo {
  width:18%;
}

/* FOOTER ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#footer {
  background: #BBB url("../img/deco/dark.png") repeat scroll left top;
  height: 30px;
  padding:12px 0;
}
#footer .table .cell {
	vertical-align:bottom;
}

/* POPUP ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------*/
#popup_header, #popup_sub_header  {
	position:relative;
  border-bottom:1px solid #E5E5E5;
  padding:15px 20px;
	clear:both;
}
#popup_sub_header  {
	padding:0 !important;
}
#popup_header_nav {
	height:20px;
	padding:10px 0 0 0;
	clear:both;
}
#popup_header_nav #popup_nav li {
  float:left;
}
#popup_header_nav #popup_nav li.sep {
  padding:0 9px;
}
#popup_tools {
  padding:5px 70px 5px 40px!important;
	height:17px;
}
#popup_content {
  position:relative;
  border-top:1px solid #FFF;
  border-bottom:1px solid #E5E5E5;
  padding:15px 20px;
	overflow:auto;
	clear:both;
}
#confirm #popup_content {
  width: 140px;
  border-top:none !important;
  border-bottom:none !important;
}
#popup_display {
  position:relative;
  padding:0 0 15px 0;
}
#story #popup_content, #user_comments #popup_content {
  border-top:none;
}
#popup_footer {
	position:relative;
  border-top:1px solid #FFF;
  padding:15px 20px;
	clear:both;
}
#popup_header.shadow {
	box-shadow: 0 1px 15px -1px #EBEBEB;
}
#popup_footer.shadow {
	box-shadow: 0 -1px 15px 1px #EBEBEB;
}
.popup_sep {
	height:1px;
	border-bottom:1px solid #E5E5E5;
	margin:15px 0;
}
.popup_sep.short {
	width:87%;
}
.large_popup #popup_header {
	height:65px;
}
.medium_popup #popup_header {
	height:80px;
}
.large_popup #popup_content, .medium_popup #popup_content {
  background: #FFF;
}

/* IDENT / LOST PWD ------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#ident, #lost_pwd {
  width:310px;
}
#ident input, #lost_pwd input {
	max-width:248px;
	min-width:248px;
}
#ident input.submit {
 margin: 0 auto;
}
#lost_pwd input.submit {
	margin: 8px auto 0;
}

/* SIGN / ACCOUNT --------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#sign, #account {
  width:410px;
}
#sign .sign_left, #account .account_left {
	width:260px;
}
#sign .sign_right, #account .account_right  {
	width:110px;
}
#sign #sign_form , #account #account_form {
 padding:0 0 5px 0;
}
#sign input, #account input {
	max-width:218px;
	min-width:218px;
}
#sign input.submit, #account input.submit {
	margin: 152px auto 0;
}
#account #quit_form input.submit {
	margin: -2px auto 0;
}
#account #quit_form .form_confirm, #account #quit_form .form_success {
	display:none;
	height:37px;
}
#sign .alert, #account .alert {
	padding: 0 20px 0 0;
}
#sign #img_form, #account #img_form {
  position:absolute;
  left:281px;
  top:15px;
}
#sign #img_delete, #account #img_delete {
  float:right;
  margin:1px 4px 0 0;
  display:block;
	cursor:pointer;
}

/* USER COMMENTS ---------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#user_comments {
  width:800px;
}
#user_comments #popup_content {
  background:#FFF;
}
#user_comments .table {
  border-spacing:0px;
  width:auto;
}
#user_comments .table.block {
  border-spacing:0;
}
#user_comments .cell.ordr {
  padding:0 15px 0 0;
}
#user_comments .delete_all {
	position:absolute;
	top:5px;
	right:40px;
}

/* NOTICES ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
#notices #popup_content {
	background: #FFF;
}

/* VOLUMES ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------*/
.large_popup .table {
	margin:auto !important;
  border-spacing:10px 0;
}
.large_popup #volume_resume .cell.book {
  width:200px;
}
.large_popup #volume_resume .cell.resume {
  width:810px;
}
.large_popup #volume_figures .cell {
	width:33%;
}
#volume_1 #volume_adn .table {
	width:65%;
}
#volume_1 #volume_apgr .cell {
	width:33%;
}
#volume_2 #volume_city .table {
  width:660px;
  border-spacing:20px;
}
#volume_2 #volume_city .table img {
  border: 1px solid #CECECE;
  margin:0 0 5px 0;
}
#volume_2 #volume_gene {
	
}
#volume_2 #volume_gene .diagram {
	position:relative;
	height:410px;
}
#volume_2 #volume_gene .diagram div{
	position:absolute;	
	padding:5px;
}
#volume_2 #volume_gene .diagram div.dashed{
	border:1px dashed #AAA;	
}
#volume_2 #volume_gene .diagram div.solid{
	border:1px solid #AAA;
}
#volume_2 #volume_gene .diagram #frame_1 {
	padding:10px;
	width:150px;
	height:40px;
	left:420px;
	top:0px;
}
#volume_2 #volume_gene .diagram #frame_1_1 {
	left:85px;
	top:27px;
	background:#FFF;
}
#volume_2 #volume_gene .diagram #frame_2 {
	padding:10px;
	width:225px;
	height:100px;
	left:185px;
	top:250px;
}
#volume_2 #volume_gene .diagram #frame_2_1 {
	left:10px;
	top:30px;
	background:#FFF;
}
#volume_2 #volume_gene .diagram #frame_2_2 {
	left:100px;
	top:30px;
	background:#FFF;
}
#volume_2 #volume_gene .diagram #frame_2_3 {
	width:110px;
	height:45px;
	left:140px;
	top:80px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #frame_2_3_1 {
	left:70px;
	top:22px;
	background:#FFF;
}
#volume_2 #volume_gene .diagram #frame_3 {
	padding:10px;
	width:225px;
	height:100px;
	left:460px;
	top:250px;
}
#volume_2 #volume_gene .diagram #frame_3_1 {
	width:70px;
	height:35px;
	left:95px;
	top:-30px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #frame_3_2 {
	left:10px;
	top:30px;
	background:#FFF;
}
#volume_2 #volume_gene .diagram #frame_3_3 {
	width:150px;
	height:45px;
	left:45px;
	top:80px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #frame_3_3_1 {
	left:55px;
	top:22px;
	background:#FFF;
}
#volume_2 #volume_gene .diagram #frame_4 {
	padding:10px;
	width:110px;
	height:100px;
	left:735px;
	top:250px;
}
#volume_2 #volume_gene .diagram #frame_4_1 {
	width:88px;
	left:40px;
	top:102px;
	background:#FFF;
}
#volume_2 #volume_gene .diagram #block_1 {
	left:310px;
	top:100px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #block_2 {
	left:550px;
	top:100px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #block_3 {
	left:360px;
	top:175px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #block_4 {
	left:545px;
	top:170px;
	background:#FFF;
}
#volume_2 #volume_gene .diagram #quest_1 {
	left:640px;
	top:25px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #quest_2 {
	left:460px;
	top:115px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #quest_3 {
	left:695px;
	top:115px;
	background:#F9F9F9;
}
#volume_2 #volume_gene .diagram #arrow_1 {
	left:273px;
	top:62px;
	width:165px;
	height:220px;
	background:url("../img/dolphins/arrow_1.png") no-repeat 0 0;
}
#volume_2 #volume_gene .diagram #arrow_2 {
	left:340px;
	top:62px;
	width:195px;
	height:220px;
	background:url("../img/dolphins/arrow_2.png") no-repeat 0 0;
}
#volume_2 #volume_gene .diagram #arrow_3 {
	left:666px;
	top:51px;
	width:160px;
	height:305px;
	background:url("../img/dolphins/arrow_3.png") no-repeat 0 0;
}
#volume_2 #volume_gene .diagram #arrow_4 {
	left:481px;
	top:141px;
	width:230px;
	height:80px;
	background:url("../img/dolphins/arrow_4.png") no-repeat 0 0;
}
#volume_2 #volume_gene .diagram #arrow_5 {
	left:327px;
	top:309px;
	width:185px;
	height:45px;
	background:url("../img/dolphins/arrow_5.png") no-repeat 0 0;
	z-index:20;
}
#volume_2 #volume_gene .diagram #arrow_6 {
	left:501px;
	top:309px;
	width:185px;
	height:45px;
	background:url("../img/dolphins/arrow_6.png") no-repeat 0 0;
	z-index:20;
}
#volume_2 #volume_gene .diagram #arrow_7 {
	left:499px;
	top:235px;
	width:55px;
	height:55px;
	background:url("../img/dolphins/arrow_7.png") no-repeat 0 0;
	z-index:20;
}
#volume_2 #volume_gene .diagram #arrow_8 {
	left:562px;
	top:62px;
	width:120px;
	height:245px;
	background:url("../img/dolphins/arrow_8.png") no-repeat 0 0;
}