/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2007-2008 Florian Staudacher
  originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.
  
  ********************************************
  Coppermine version: 1.4.18
  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/water_drop/style.css $
  $Revision: 4380 $
  $Author: gaugau $
  $Date: 2008-04-12 12:00:19 +0200 (Sa, 12 Apr 2008) $
**********************************************/

/* BEGIN just the close-button of the notice */
#close { float: right; border: 1px solid #CCD7E0; margin: -10px -10px 0 0; background: #BB0000; color: #FFFFFF;	font-weight: bold; font-size: 16px; padding: 5px; cursor: pointer; }
/* END just the close button of the notice */

.cat_info { position: absolute; top: 0; right:50px; border-left: 1px solid #FFFFFF; padding: 5px 5px 7px 15px; width: 150px; }
.subcat { margin-left: 15px; padding: 0 3px 0; }
.loading { float:right; }

#site-description { float: left; }
.headerbar { display: block; padding: 0 5px 0; margin-bottom: 15px; height: 140px; }
.headerbar * { border: none; }
#header-box { position: absolute; top: 5px; right: 20px; text-align: right; color: #FFF; }
#header-box * { color: #FFF; }

.header {
	min-width: 1185px;
	height: 140px;
	background: url('graphics/aquamoments_header_filler.png');
	background-repeat: repeat-x; 
	background-position: 0px 12px;
	
}

.header h1 {
	margin: 0px;
	margin-left: 12px;
	text-indent: -9999em;
	width: 330px;
 	height: 140px;
	float: left;
	background: url('graphics/aquamoments_header_left.png');
}

.header .decoration {
	width: 668px;
	height: 140px;
	float: right;
	background: url('graphics/aquamoments_header_right.jpg');
	margin-right: 22px;
}


.sitemenu {
	background: url('graphics/toplevelnav_filler.png');
	background-repeat: repeat-x;
	
	height: 28px;
	line-height: 28px;

	text-shadow: 0px -1px 1px #888; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin-top: 20px;
}




div.sitemenu a { 
 padding: 0px 12px 0;
 margin: 0; 

 color: white;
 font-weight: bold;
 font-size: 14px;

}
/* .sitemenu a:hover { background: #53575e; } */  /* dark color: #1c232d */

/* END big-ass links at the top */

/* BEGIN ye olde html tags */
* { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif !important; }
body { background-color:#FFFFFF;
       font-size: 12px; color: #003366; margin: 0px; padding: 10px; }
table {}
h1{ font-weight: normal; font-size: 21px; text-decoration: none; line-height : 120%; color: #718EA5; margin: 10px 3px 15px; }

h2 { 
	color: #333 !important;
	font-size: 18px;
	margin: 0 3px 5px;

	text-shadow: #ffffff 0px 1px 1px;
}


h3 { font-weight: normal; font-size: 12px; margin: 2px; }
p { margin: 2px 0px; }
p, div { font-size: 13px; }
ul { margin-left: 5px;  padding: 0px; }
li { margin-left: 10px; margin: 4px 0 4px; padding: 0px; list-style-position: outside; list-style-type: disc; }
input[type=text], input[type=password], textarea, select { background: #999 !important; }
input[type=file] { color: #000; }
a { color: #003366; text-decoration: none; }
a:hover { text-decoration: none; }
/* END ye olde html tags */

/* BEGIN layout containers */
.tha_main_table { width: 100% !important; 
		    min-width:1185px;
}


.sub_header {

	
 background: url(images/subheader.png) top left repeat-x #2b3036;
	padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 10px; height: 18px; color: #FFF; position: relative; }

.sub_header * { color: #FFF; }

.sub_sub_menu  { 
	font-weight: bold; color: #FFF;
	text-shadow: 0px 0px 5px black;
	min-width:900px;
 }
.sub_sub_menu a { padding: 10px 5px 5px; }
.sub_sub_menu a:hover { background: #bbb; } /* even lighter color: #c6c6c6 */


.album,
.shop-sidebar {
	background: #ccc;
	padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; 
}



.album * { color: #FFF; }




/* END layout containers */

.list,
.box {
	 background: #FFF; padding: 5px; margin: 0 0 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
}

.box {
	padding-top: 5px;
	color: #333 !important;
}

.box.error {
 	border: 1px solid #ee0000;
	margin: 20px;
	padding: 12px;
	background: #eecccc;
}

.box ul {
 margin-left: 15px;
}


.list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.list {display:inline-block;} 
/* Hide from IE Mac \*/ 
.list {display:block;} 
/* End hide from IE Mac */ 

/* BEGIN form elements */
.textinput { border: 1px solid #888; padding: 0 3px 0; font-size: 12px; }
.listbox { border: 1px solid #888;  background: #999 !important; }
.button { border: 1px solid #888; background: #999 !important; vertical-align : middle; }
.comment_button { border: 1px solid #888; padding: 0 3px 0; }
.radio { font-size: 100%; vertical-align : middle; }
.checkbox { font-size: 100%; vertical-align : middle; }
/* END form elements */

.bblink a { color: #0033CC; text-decoration: none; }
.bblink a:hover { color: #0033CC; text-decoration: underline; }

/* BEGIN various tables */
.tableh1 { color: #000; padding: 0 5px 0; }
.tableh1_compact { color: #FFF; padding: 2px 5px 2px; }
.tableh2 {
	color : #000; padding: 3px 10px 3px;
	padding-top: 1.5em;
 }
.tableh2 b { 
	color : #333; 
	text-shadow: #ffffff 0px 1px 1px;
}


.tableh2_compact { color : #000; padding: 2px 5px 2px; }

.tableb { 

	border: 2px; padding: 3px 10px 3px; 
	color: #333;
}



.tableb_compact { padding: 2px 5px 2px; }
.tablef { padding: 10px; }
/* END various tables */

/* BEGIN cat list */
.catrow_noalb {
        background: url(images/hor_gradient.png) top left repeat-y #37abe1;
        color : #FFF; margin: 0 0 1px; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; }
.catrow_noalb .catlink b a { color: #FFF; }
.catrow_noalb:hover { background: #0084c4; }
.catrow {  background: #F2F5F7 ; padding: 3px 10px 3px; }
.catlink { display: block; margin: 1px 0 1px; }
/* END cat list */

/* BEGIN album list */
/*
.album_thing { float: left; min-height: 85px;  padding: 5px;
	background: url(images/hor_gradient.png) top left repeat-y #37abe1;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 1px 1px 0; color: #FFF;
	
	margin: 12px;

 }


.album_thing:hover { background: #0084c4; }
.album_thing * { color: #FFF; }
.album_thing > div > div { font-size: 80%; }
.album_thing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.album_thing_header {
  display: block; border-bottom: 1px solid #fff; margin-bottom: 5px; color: white; font-weight: bold;
  color:white!important;
}

.album_thing img {
 border: none;
}

.album_thing a {
 color: #FFF !important;
} 


.album_thing_image { float: left; margin: 5px; }
.album_thing_content { margin: 5px; display: inline; font-size: 90%; }
.album_thing_infos { border-top: 1px dotted #CCC; padding-top: 3px; margin-top: 3px; }
*/
/* END album list */

/* BEGIN thumbnails */
.thumb_filename { font-size: 80%; display: block; }
.thumb_title { font-weight : bold; font-size: 80%; padding: 2px; display : block; }
.thumb_caption { font-size: 80%; padding: 1px; display : block; }
.thumb_caption a { text-decoration: underline; color: #FFF; }
.thumb_num_comments { font-weight: normal; font-size: 85%; padding: 2px; font-style : italic; display : block; }
/* END thumbnails */

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}
.user_thumb_infobox th {
        font-weight : bold;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}
.user_thumb_infobox td {
        font-size: 85%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}
.user_thumb_infobox a {
        text-decoration: none;
        color: #000000;
}
.user_thumb_infobox a:hover {
        color: #000000;
        text-decoration: underline;
}
.sortorder_cell {
        background : #8AA5B5 ;
        color: #FFFFFF;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 20px;
        margin: 0px;
}
.sortorder_options {
        background : #8AA5B5 ;
        color: #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}

/* BEGIN pagination */
.active_page b { border: 2px solid #8e8e8e; padding: 3px; background: none; }
/*.navmenu a { font-weight: bold; border: 2px solid #888; padding: 3px; background : #888; } */
/*.navmenu a:hover { background : #777; border: 2px solid #777; } */
/* END pagination */

div.adminmenu {
	margin-top: 8px;
	margin-bottom: 18px;
}

.adminmenu a {
	font-size: 10px;
	height: 23px;
        display: inline-block;
        padding: 6px 10px 6px;
        border: none;
        text-decoration: none;
        font-weight: bold;
        line-height: 1;
        color: #ffffff;
        background: #222 url('images/button.png') repeat-x;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.30);
        border-bottom: 1px solid rgba(0,0,0,0.25);
        position: relative;
        cursor: pointer;
}

.adminmenu a:hover { 
	background-color: #444;
}


/*
.admin_menu_thumb {
        font-size: 90%;
        border: 1px solid #CCD7E0;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}
.admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}
.admin_menu_thumb a:hover {
        color: #000000;
        text-decoration: underline;
}
*/

/* BEGIN admin menu */
/*
.admin_menu { font-size: 90%; border: 1px solid #888; background: #999; margin: 0 2px 0; text-align: center; }
.admin_menu a { text-decoration: none; display: block; position: relative; padding: 1px 2px 1px; }
.admin_menu a:hover { text-decoration: none; }
.adm_menu { font-size: 9px; }
*/
/* END admin menu */

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}
.comment_date{
        color : #5F5F5F;
        font-size: 90%;
        vertical-align : middle;
}

.thumbnails,
.album_thing {
    	 padding: 5px; float: left; padding: 5px; 
	background: url(images/hor_gradient.png) top left repeat-y #37abe1;
	width: 155px !important;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px 5px 1px 0; color: #FFF; }

.thumbnails:hover { background: #0084c4; }

.thumbnails  div,
.album_thing .album_thing_content {
 margin-top: 10px; 
 border: 1px solid #fff;
 margin: 10px;
 overflow: hidden;
 height: 85px;
}

.album_thing {
 text-align:center;
}

.thumbnails img,
.album_thing img {
 border: none;
/* width: 110px;
 height: 85px; */
}

.thumbnails .info {
 color: white;
 
}

.album_thing_header {
 border: none;
 height: 12px;
 text-align: left;
 padding-left: 5px;
}

.album_thing_header * {
 color: white !important;
}

/* BEGIN single image display */
.display_media { padding: 3px 10px; margin: 0 auto 0; width: 100%; min-width: 600px; }

.image { margin: 2px; border: 1px solid #BBB; }
.imageborder { margin: 5px 5px 5px; text-align: center; padding: 5px; background: #fff; border: 1px solid #BBB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.img_navbar, .img_admin_menu { text-align: center; margin: 3px; }
#picinfo { text-align: center; width: 60%; min-width: 600px; margin: auto; }
.img_description { text-align: left; }
.img_info { position: relative; }
.img_info:hover { background: #777; }
.img_info_val { position: absolute; right: 10px; }
/* END single image display */

/* BEGIN filmstrip */
.filmstrip { width: 60%; margin: 0 auto 0; min-width: 600px; }
.film_images table tr td { vertical-align: middle; background: #999; }
.film_images table tr td a { padding: 2px; display: block; }
.film_images table tr td a img:hover { border: 1px solid #DDD; }
/* END filmstrip */

/* BEGIN footer */
.footer { font-size : 9px; }
.footer a { text-decoration: none; color: #FFF; }
.footer a:hover { color: #FFF; text-decoration: underline; }
/* END footer */

.statlink, .statlink * {
        color: #000000;
}
.alblink a {
        text-decoration: underline;
        color: #000000;
}
.alblink a:hover {
        color: #000000;
        text-decoration: underline;
}
.topmenu {
        line-height : 130%;
        font-size : 110%;
}
.topmenu a {
        color : #0033CC;
        text-decoration : none;
}
.topmenu a:hover  {
        color : #0033CC;
        text-decoration : underline;
}
.img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px;
}
.img_caption_table th {
        background: #D1D7DC ;
        font-size : 100%;
        color : #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}
.img_caption_table td {
        background: #F2F5F7 ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
        white-space: normal;
}

/* BEGIN debug */
.debug_text { border: 3px solid #789; background: #1c232d; width: 100%; margin: 0; font-size: 10px; font-family: monospace !important; }
/* END debug */

.clickable_option {
        cursor : default;
}
.listbox_lang {
        color: #000666;
        background-color: #F2F5F7;
        border: 1px solid #F2F5F7;
        font-size: 80%;
        vertical-align : middle;
}
#vanity a {
        display:block;
        width:57px;
        height:20px;
        margin: 3px 20px;
}


.errors * {
 color: red !important;
}


#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}


/*
 * Zend Form Configuration
 */

.zend_form {
	margin-top: 0px;
	margin-left: 15px;
}

.zend_form dd {
 margin-left: 0px;
 margin-bottom: 8px;
}

.zend_form dd input,
.zend_form dd select  {
 width: 230px;
 background: white !important;
 border: 1px solid #888;
}


.zend_form input[type="submit"] {
 margin-top: 5px;
}

.zend_form .errors {
 margin-left: 15px;
}

.zend_form fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}

.zend_form legend {
 margin-left: 0px;
 padding: 0px;
 margin-top: 1.5em;
 font-weight: bold; 
 font-size: 1.1em;
}

form#login {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	
	padding: 12px;
}

.zend_form .description {
 color: #888;
}

.zend_form .hint {
 color: #888;
}

.zend_form table td {
 vertical-align: top;
}

.maintable {
 color: black !important;
 background: white;
}

.maintable * {
 color: black;
}

.preview {
 padding: 12px; 
 width: 66%;
 text-align: center;
 float: left;
} 

.main .navigation {
 width: 66%;
 padding-left: 12px;
 padding-right: 12px;
}

.shop-sidebar {
 margin-left: 12px; 
 /* border: 1px solid red; */
 height: 600px;
}

.stretch-table {
 width: 100%;
}

.stretch-table td {
 vertical-align: top;
}

.stretch-table .sidebar {
 width: 275px;
}

.box.navigation {
 float: left;
 text-align:center;
}

.album img {
 border: none;
}

.shopping-form,
.shopping-header {
 margin-left: 5px;
 float: left;
 width: 29%;
}


.buy-header {
 margin-left: 5px;
 float: left;
 background: white;
 width: 29%;
 line-height: 36px;
 padding-left: 10px;
 padding-right: 10px

 border: 1px solid red;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px; 
}

.buy-header * {
 color: black;
}

.shopping-form select {
 background: white !important;
 border: 1px solid #aaa;
 width: 220px;
/* width: 100%; */
 height: 25px;
 font-weight: bold;
 font-size: 12px;
}

.shopping-form .quantity {
 background: white !important;
 border: 1px solid #aaa;
 width: 30px;
 height: 20px;
}

.shopping-form td {
 padding-bottom: 1.5em;

}

hr {
 border: none;
 border-top: 1px solid #aaa;
}

div.basket {
}
/*
table.list.basket {
 width: 100%;
 margin-top: 10px;
 border: 1px solid red;
 }
*/

.list.basket * {
 color: black;
} 

.add-product {
 border: none;
 background: url('../../graphics/buttons/add.jpg');
 width: 30px;
 height: 30px;
 cursor: pointer;
}

.basket input[type="text"] {
 border: 1px solid #aaa;
 background: white !important;
}

.basket .remove {
 float: right;
 margin-top: 3px;
 cursor: pointer;
}

.product .remove {
  display: block;
  text-align: center;
  color: black;
  font-weight: bold;
  background: white;
  background-repeat: no-repeat;
  background-image: url('../../graphics/buttons/remove.gif');
  background-position: 7px 4px;
  padding: 5px;

  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

div.info  {
 color: #222;
 text-shadow: white 0px 1px 1px;
 -moz-text-shadow: white 0px 1px 1px;
 -webkit-text-shadow: white 0px 1px 1px;
 margin-bottom: 1em;
}

.shopping-form .description {
 font-size: 10px;
 color: #555;
}

.localeSelect {
 float: right;
 height: 28px;
 line-height: 28px;
}

.localeSelect a {
 padding: 0px !important;
 margin-right: 8px !important;
}

.localeSelect a img {
 margin-top: 3px;
 border: 1px solid white;
 box-shadow: 0px 0px 5px white;
 -webkit-box-shadow: 0px 0px 5px white;
 -moz-box-shadow: 0px 0px 5px white;
}


.localeSelect a.active img {
 border: 1px solid black;
 box-shadow: 0px 0px 5px black;
 -webkit-box-shadow: 0px 0px 5px black;
 -moz-box-shadow: 0px 0px 5px black;
}


.basket .error {
 color: red;
 font-size: 10px;
}

.basket img {
 border: none;
}


.messagebox {
 margin: 15px 0px 15px 0px;
 border: 1px solid #aaa; 
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 padding: 5px 12px 5px 12px;
}


.messagebox.info  {
 background: #fffdce;
 border-color: #f4d000;
}

.messagebox.error {
 border-color: #f44700;
 background: #f4c6b3;
}

.flow {
 margin-top: 5px;
 margin-bottom: 8px;
 margin-left: 12px;
 height: 29px;
}

.flow .item {
 border-top: 1px solid #bfbfbf;
 border-bottom: 1px solid #bfbfbf;
 
 float: left; 
 height: 29px;
 line-height: 29px;

 background-image: url('../../graphics/flow.png');
 background-position: 100% -1px;
 background-repeat: no-repeat;
 
 padding-right: 40px;
 padding-left: 18px;
}

.flow .start {
 border-left: 1px solid #bfbfbf;
}

.flow .active {
 font-weight: bold;
}

.flow .end {
 border-right: 1px solid #bfbfbf;
 background: white;
}
 
div.checkout {
 width: 900px;
}

.checkout-basket {
 width: 400px;
 margin: 12px;


 border: 1px solid #bfbfbf;
 border-collapse: collapse;
 border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
}

.checkout-basket td {
 padding: 8px;
}

.lbox {
 position: relative; 
}

.magnifier {
 position: absolute;
 right: 15px;
 bottom: 15px;
 width: 47px;
 height: 43px;
 background: url('../../graphics/lupe.png');
}