/*	
	This CSS is part of Spot & Smart, the CMS for designers and ad agencies
	Author: Bruno Barbé - Copyright (c) 2006-2007 AAspot.com 
*/

/* consistency  (mostly from http://www.tantek.com)*/
html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,fieldset,form,input,legend,table,tr,td,img,pre,object,blockquote,img { border: 0; margin:0; padding:0; }
:link,:visited { text-decoration:none }
a img,:link img,:visited img { border:none }
/* ul,ol { list-style:none } */
address { font-style:normal }
blockquote {}
hr { color:#777; border:1px solid #000;}

.preload_admin {background: url("/cs.php?cs=tabover.gif");}

/* addons for zoom */
div#zoom {z-index:999;} 
div#zoom p.captions {text-align:center; margin: 0 auto}
a#zoom_close:hover {text-decoration:none; background-color:transparent}

/* used in wait and help pages */
#cargo { width: 80%; margin: 30px auto; padding:30px; border: 1px dotted #dddddd; }
hr#cargo { color:#777;}
.agency_stamp a       { text-decoration: none; }
.agency_stamp a:hover { text-decoration: none; margin-left: 3px; background:#FFFFFF;}

#accessibility { position: absolute; top: -10000px; }

.story_1  { float: left; width: 100%;   margin: 0; padding: 0; min-height: 1px;}
.story_2  { float: left; width: 49.95%; margin: 0; padding: 0; min-height: 1px;}
.story_3  { float: left; width: 33.30%; margin: 0; padding: 0; min-height: 1px;}
.story_4  { float: left; width: 24.95%; margin: 0; padding: 0; min-height: 1px;}
.story_5  { float: left; width: 19.95%; margin: 0; padding: 0; min-height: 1px;}
.story_6  { float: left; width: 16.65%; margin: 0; padding: 0; min-height: 1px;}

.story_L  { float: left;  width: auto; margin: 0; padding: 0; min-height: 1px;}
.story_R  { float: right; width: auto; margin: 0; padding: 0; min-height: 1px;}
.story_C  { text-align:center; width: 100%; padding: 0;  min-height: 1px;}

.left   { text-align: left; }
.right  { text-align: right; }

/* for albums */
li.right, li.left {list-style: none; font-weight: bold; font-size:20px}
li.left {float:left;}
li.right {margin-right: 80px; float:right;}
.cap { font-size:0.7em}}

.center, span.center, .center span { text-align: center; }

.divider_1, .divider_2, .divider_3 { height:0px; width:99%; line-height:1px; font-size:1px; clear:both;}

.clean { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; }
.store { float:left;  width: 160px; height: 200px; margin: 5px 5px 5px 0px; padding: 5px; text-align: left; border: 1px dotted silver;}

ul.lang_list {  margin: 0px; }
li.en-gb { margin: 0px; list-style: none; }
li.en-de { margin: 0px; list-style: none; }

.newsticker {
	list-style-type: none;
	border: 1px dashed #fff;
	background: #050c44;
	padding: 3px;
	margin: 0;
}

/* comments */

.comments-wrapper { padding:20px; margin:10px 60px; border: 1px solid #eee;}
.comments-wrapper td { padding:2px;}
ul.comments_error { padding: 0.3em; list-style-type: circle; list-style-position: inside; border: 2px solid #ddd; }
div#cpreview { border: 1px solid #ddd; padding:10px; }
form#txpCommentInputForm td { vertical-align: top; }

/* public_edit link */

.public_edit a:link, 
.public_edit a:visited {color: #555555; font-size: 12px; text-decoration: none; background-color: white; padding: 0px 4px; border:1px solid #BBBBBB;}
.public_edit a:hover, 
.public_edit a:visited hover {color: white; font-size: 12px; text-decoration: none; background-color: red; border:1px solid red;}
.public_edit a:active {color: white; background-color: #fabf85; padding: 0px 4px;}

/* forms */

.formline {margin-bottom:-1.1em;} /* { margin-bottom:expression('-1.2em'); } */
.formresa {margin-bottom:-1.1em;}
.formcheck {height: 0.8em; margin-left: 40%;}
.formarea {margin-bottom:-1.1em;}
.formsubmit {margin-left: 30%; padding:0.6em 0;}

.formline input,
.formarea input, 
.formresa input { border: 1px solid silver;}

.formline label, 
.formarea label, 
.formselect label,
.formresa label {width: 30%; float: left; text-align: right; margin-top:-0.4em; margin-right: 0.5em; }

.formfind label {width: 30%; float: left; text-align: right; margin-top: 0px; margin-right: 0.5em; }
.formfind select {border: 1px solid silver; margin: 0px 3px 2px 0px;} 

.formarea textarea {margin-left:0px; border: 1px solid silver; }

.formline select, 
.formselect select,
.formresa select {border: 1px solid silver; margin: 4px 3px 2px 0px;} 

.formline option, 
.formfind option,
.formselect option,
.formresa option    { border: 1px solid #FFFFFF; padding-right:4px;}

.formdetails { margin: 2em 0 0 2em; border: 1px dotted silver; padding:5px; text-align:right; width:70%;}
.formdetails select, 
.formdetails option { border: 1px solid silver; margin: 3px 5px 0px 0px;}

.formline input.is_required,
.formresa select.is_required,
.formfind select.is_required,
.formarea textarea.is_required, 
.formcheck input.is_required {color: #000000; background: #FFEEDD;}

.formline input.is_error,
.formresa select.is_error,
.formfind select.is_error,
.formarea textarea.is_error, 
.formcheck input.is_error {background: #FFDDDD;}

.formline label.is_error,
.formresa label.is_error,
.formfind select.is_error,
.formarea label.is_error, 
.formcheck label.is_error {color: red; font-weight: bold;}

.fieldset { padding: 2em; border: 1px dotted silver; }

/* spot contact forms */

.spotError {}
.spotRadio {}
.spotSelect {}
.spotThanks {}
.spotSubmit            { color: #000; font-size: 13px; padding-top: 7px; }
.spotcontactForm label { color: #777; font-size: 13px; padding-top: 7px; }

/* sublist */

#sublist ul,
#sublist li,
#sublist ul ul.sub {margin: 0px; padding: 0px; list-style:none;}
#sublist ul ul.sub li {margin: 0px; padding: 0px 0 4px 0px;}



/* patchwork */

.patchwork_box { float:left; width: 160px; height: 250px; margin: 5px 5px 5px 0px; padding: 5px; text-align: left; border: 1px dotted silver;}

/* rollover */
.rollover img {border:0px;}
.rollover .overImage, .rollover .disabledImage {display:none; }	
.rollover .overImage {position:absolute;}

ul li.menumain {margin: 0px; padding: 0px;}
.baseImage {margin: 0px; padding: 0px;}
.overImage {margin: 0px; padding: 0px;}

/* MOVE TO COLORS.CSS ? -------------------------------- */

/* forms colors */

.formline input {color: #222222; background: #eeeeee;}
.formarea textarea {color: #222222;	background: #eeeeee;}
.formline select,
.formfind select,
.formselect select, 
.formresa select {color: #444444; background: #eeeeee;} /* not supported by safari */
.formline option,
.formfind option,
.formselect option,
.formresa option {color: #444444; background: #ffffff;}/* not supported by safari */

/* phone w/ facebox */

.spot_phone { 
	background: #666666; 
	color: white; 
	padding: 0 20px; 
	width: 770px;
	text-align:center;
	font-size:100px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; 
}

/* spot_phone image link with no frame (backgrounds in floating divs don't work in IE)*/

spot_phone/* minis images with no frame (backgrounds in floating divs don't work in IE)*/
.spot_phone a,
.spot_phone a:hover,
.spot_phone a:visited hover { background:transparent;}

.spot_phone img                 { border: 0px; padding: 4px; background: transparent;}
.spot_phone a img, 
.spot_phone a:visited img       { border: 0px;}
.spot_phone a:hover img, 
.spot_phone a:visited hover img { border: 0px; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;}

.spot_tables { 
	background: #666666; 
	color: white; 
	padding: 0 20px; 
	width: 770px;
	text-align:center;
	font-size:100px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; 
}
1