/*
 * Layout
 */

h1 {
	background-color: #eeeefa;
	font-size: 11pt;
	
	padding-top: 3pt;
	padding-bottom: 3pt;
	margin-bottom: 10px;
	padding-left: 5px;
	
	border: 1px solid #9999CC;
	border-bottom:0;
	margin:0px;
	margin-top: 2px;
	color:#1a45b3;
	height:18px;
}

.about h1 {
	background-color: white;
	border:0;
	border-bottom: 1px solid #9999CC;
	padding-left: 1px;	
}

h2 {
	font-size: 11pt;
	color: #1a45b3;
}

h3 {
font-size:small; margin-bottom:5px;	color: #1a45b3;
}

h2.centered_underline {border-top:1px solid #9999cc; padding-top:5px; padding-bottom:5px; padding-left:10px; background:#eeeefa; margin-top:0}

h1 a {
	font-size: 11pt;
	color: #1a45b3; 
}

h1 a:hover {
	color: #D33;
}

a { 
	color: #1a45b3;
	text-decoration:underline;
}

a.selected {
		text-decoration: underline;
		color: #a7294f;
}

body {
	font-family: sans-serif;
	color: #000000;
	background-color: #f9f9f4;
}

div.usermenu {
/*	float: right;*/
/*	margin-top: 5px;*/
	margin-bottom: 0px;
	font-size: small;
	font-weight: bold;
	color: #9999CC; 
} 

div.loading {
	position: fixed;
	left: auto;
	right: 10pt;
	top: 30px;
	padding: 3pt;
	border: 1px solid #9999CC;
	background: #E0E0FF;
	color: #1a45b3;
}

a:hover {
	color: #D33;
}

.hoverred {
	color:#a7294f;
}

a.nounderline {
	text-decoration:none;
}

.hoverred:hover{
	color: #D33;
}

a.bluehoverred {
	color:#9999CC;
}

a.bluehoverred:hover{
	color: #D33;
}


/* Admin page */

table.form {
	padding: 2pt;
}

table.form th {
	border-bottom: 1px solid #336699;
}


/* Album page */

div.albumnav {
	clear: both;
	padding-top: 0px;
	text-align: center;
	font-weight: bold;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
	font-size:11pt;
	color: #9999CC;
}

div.albumnav_nouser {
	clear: both;
	text-align: center;
	font-size:11pt;
	font-weight: bold;
	color: #9999CC;
	padding-right:15px;
	padding-top:7px; background:white; padding-bottom:7px; 
    border:1px solid #9999cc; border-top:1px dotted #9999cc; border-bottom:1px dotted #9999cc;
}

.toggleopacity img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity_inv img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity_inv:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
}

.fixedopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.fixedopacity_low img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
}

a.viewall {
	font-size: x-small;
}

a.pnumber {
	font-size: x-small;
}

a.btt {
	float: right;
	padding-right: 1em;
	padding-bottom: 1em;
	font-size: small;
	font-weight: bold;
	color: #9999CC;
}


/* Login */

div.cover {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 10000px;
	z-index: 3;
	text-align: center;
	
	background-color: #e7e7f3;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

div.imagecoverholder {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	text-align: center;
}

div.imagecover {	    
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	text-align: center;
	
	background-color: #e7e7f3;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

img.cover
{
	z-index:4;
	position:absolute;
	left:50%;
	padding:11px; 	
}

img.coverloaded 
{
	z-index:4;
	position:absolute;
	left:50%;
	padding:10px; 	
	
	border:1px solid #9999cc; 
	background:white;
}

#loginpopup {
	text-align: center;
	position: absolute;
	background-color: white;
	top: 100px;
	width:230px; 
	
	left: 50%;
	margin-left: -127px;

	z-index: 10;
	padding: 10px;
	border: 1px solid #9999CC;
}


/* Thumbnail boxes */

a.edit {
	font-size: x-small;
}

a.imglink img {
	border: none;
}

a.imglink_nouser img {
	border: none;
	margin-top: 26px;
}

img.thumb {
	padding:1px;
	padding-right:6px;
	padding-bottom:6px;
	background-image: url(/static/images/background_image_gallery.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.stripcontainer {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	text-align:center;
}

div.imageframe {
	background: white;
	border:0;
	border: 1px solid #9999CC;
}

div.thumbframe {
	float: left;
	width: 210px;
	height: 244px;
	margin: 0;
	padding: 0;
	margin-left:6px;
	margin-right:6px;
	margin-top: 3px;
}

div.thumbframe_smaller {
	float: left;
	width: 203px;
	height:auto;
	margin: 0;
	padding: 0;
	margin-left: 1px;
}

div.thumbcontainer {
}

div.thumbinfo {
	clear: both;
}

span.button {
	background-image: url(/static/images/gradient_button.gif);
	background-color: #fbfbfa;
	border: 1px solid #9999CC;
	padding: 6px;
	padding-top: 7px;
	padding-bottom: 3px;
	margin-right: 4px;
	text-decoration: none;
	height:20px;
}

span.button_accent {
	background: white;
	border: 1px solid #9999CC;
	padding: 6px;
	padding-top: 7px;
	padding-bottom: 4px;
	border-bottom: 0;
	margin-right: 4px;
	text-decoration: none;	
	height:20px;	
}

span.button_accent_blue {
	background: white;
	padding:7px; 
	padding-top: 8px;
	border: 1px solid #9999CC;
	margin-right: 4px;
}

span.caption {
}

span.desc {
	font-size: x-small;
}


/* Detail page */

span.imginfo {
	font-size: x-small;
	color: #555;
}

span.imgexif {
	font-size: xx-small;
	color: #555;
}

div.comments {
	width: 90%;
}

div.comment {
	text-align: left;
	border-top: 1px solid #336699;
	font-size: small;
	margin-top: 1em;
}

div.add_comment {
	font-size: small;
}

div.detailsleft {
	width: 21%;
	float: left;
	text-align: left;
	margin-right: 2em;
	padding-bottom: 3pt;
}

div.details {
	width: 800px;;
	text-align: center;
	padding-top: 10px;
	padding-left: 1pt;
	padding-right: 1pt;
}

div.join {
	width: 600px;
	text-align: left;
	border: 0px solid #9999CC;
}

div.jointitle {
	position: relative;
	text-align: left;
	padding-top: 10px;
}
div.detailsright {
	width: 21%;
	float: left;
	text-align: right;
	margin-left: 2em;
	padding-bottom: 3pt;
}

div.addimage {
	padding-bottom: 0.5%;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	
	color: #1a45b3;
	text-align:center;
}

div.msg {
   color: red;
}

.redmsg {
   color: #D33;
}

div.errmsg {
   color: red;
   font-size:small;
}

/* Login page */
p.msg_err {
	color: red;
}

div.main {
	padding: 0;
	margin: 0;
	border: 0;
}

div.bottomlink {
	position:relative;
	top:10px;
}

a.footerlink {
	padding-right: 1em;
	padding-bottom: 1em;
	font-size: x-small;
	color: #9999CC;
}

img.gallery_thumb {
	border:0px; 
	padding-top: 0; 
	margin-top: 5px;
}

div.thumb_desc {
	font-size:small;
	color:#9999CC;
	padding:0px; 
	top:-2px; 
	position:relative;
	display:none;
}

span.showrank_style {
font-size:small;
color:#9999CC;
padding:0px; 
top:-2px; 
position:relative;
font-weight:bold;
}

div.action_icons {
 margin-right: 2px; z-index: 2; margin-bottom:0;
}

div.footer_menu {
font-size:small;color:#9999CC;font-weight:bold;float:left;padding-top:10px;text-align:center;left:50%;margin-left:-115px;position:relative;padding-bottom:10px; text-align:center
}

div.landing_green {
text-align:center; position:relative; top:-3px; font-size:14pt; border: 1px solid #9999cc; border-left: 0; border-right: 0; text-decoration:none;
color: #404f18; background:#ebfac3; border-color:#9baa73; padding-bottom:3px; font-weight:bold; padding-top:5px}

div.landing_green a {text-decoration:none; color: #404f18;}
div.landing_green:hover a {color: black;}

div.landing_yellow {
text-align:center; position:relative; top:-3px; font-size:14pt; border: 1px solid #9999cc; border-left: 0; border-right: 0; text-decoration:none;
color: #4e4a0d; background:#f9f5b8; border-color:#a9a568; padding-bottom:3px; font-weight:bold; padding-top:5px}

div.landing_yellow a {text-decoration:none; color: #4e4a0d;}
div.landing_yellow:hover a {color: black;}

div.landing_red {
text-align:center; position:relative; top:-3px; font-size:14pt; border: 1px solid #9999cc; border-left: 0; border-right: 0; text-decoration:none;
color: #5b4118; background:#ffeed1; border-color:#b69c73; padding-bottom:3px; font-weight:bold; padding-top:5px}

div.landing_red a {text-decoration:none; color: #5b4118;}
div.landing_red:hover a {color: black;}

div.landing_red_1 {padding:0; background:white; border: 4px solid; border-top: 3px solid; border-bottom:8px solid; border-color:#ffeed1; margin: 2px; margin-top:5px}

div.landing_red_header { text-align:center; position:relative; top:-3px; font-size:14pt; border: 1px solid #9999cc; border-left: 0;
 border-right: 0; text-decoration:none; background: #ffeed1; color: #5b4118; border-color:#b69c73; padding-bottom:3px; font-weight:bold; padding-top:5px}

h1.landing_silver {
text-align:center; position:relative; top:-5px; font-size:14pt; border: 1px solid #9999cc; border-left: 0; border-right: 0; text-decoration:none;
background: #efefef; color: #444444; border-color:#9f9f9f; padding-bottom:8px;}

td.landing_silver {padding:0; background:white; border: 2px solid; border-color:#efefef;}
td.landing_yellow {padding:0; background:white; border: 4px solid; border-top: 3px solid; border-bottom:8px solid; border-color:#f9f5b8; padding-bottom:3px}
td.landing_green {padding:0; background:white; border: 4px solid; border-top: 3px solid; border-bottom:8px solid; border-color:#ebfac3; padding-bottom:3px}
td.landing_red {padding:0; background:white; border: 4px solid; border-top: 3px solid; border-bottom:8px solid; border-color:#ffeed1; padding-bottom:3px}

a:hover h1 {color: #D33;}

div.landing_green:hover { background:#f4ffd8; color:black}
div.landing_yellow:hover {background:#fffbd4; color:black}
div.landing_red:hover { background:#fff5e4; color:black}
a:hover div.landing_red_header { background:#fff5e4; color:black}
a:hover h1.landing_silver { background:#f6f6f6; color:black}

div.subtitle_landing_green {
position:relative; top:-5px; padding-top:8px; padding-bottom:0px; font-weight:bold; color:#404f18; border-left: 0; border-right: 0; text-align:center; font-size:11pt; text-decoration:none;border-top:0px solid white; border-bottom:1px solid #eeeeee; padding-bottom:5px}

div.subtitle_landing_yellow {
position:relative; top:-5px; padding-top:8px; padding-bottom:0px; font-weight:bold; color:#4e4a0d; border-left: 0; border-right: 0; text-align:center; font-size:11pt; text-decoration:none;border-top:0px solid white;border-bottom:1px solid #eeeeee; padding-bottom:5px}

div.subtitle_landing_silver {
position:relative; top:-5px; padding-top:8px; padding-bottom:0px; font-weight:bold; color:#ababab; border-left: 0; border-right: 0; text-align:center; font-size:11pt; text-decoration:none;border-top:0px solid white;border-bottom:1px solid #eeeeee; padding-bottom:5px}

div.subtitle_landing_red {
position:relative; top:-5px; padding-top:8px; padding-bottom:0px; font-weight:bold; color:#5b4118; border-left: 0; border-right: 0; text-align:center; font-size:11pt; text-decoration:none;border-top:0px solid white;border-bottom:1px solid #eeeeee; padding-bottom:5px}

div.stripcontainer  div.lev0 { 
    display:inline;
}

div.stripcontainer  div.lev0 span.lev1{
    display:table-cell;
    display:inline-block;
}

div.stripcontainer div.lev0 span.lev1 span.lev2 { 
	display:inline-block;
    display:table-cell;
}

div.about {
text-align:left; width:770px; font-size:small; background: white; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top:5px; border: 1px solid #9999CC;
}

span.button_menu {
	color:#8193c2; height:20px;
}

span.button a {
text-decoration: none;
}

span.button_accent a {
text-decoration: none;
}

div.resizedimage_small {
	width:620px; font-weight:bold; color: #9999cc; background:white; border: 1px solid #9999cc;
}

div.resizedimage {
	width:auto; font-weight:bold; color: #9999cc; padding-top:0px;
}

div.option_desc {
font-size:small;font-weight:normal;text-align:left; padding-left: 5px;
}

span.options {
cursor:default;
}

span.options:hover {
text-decoration: underline;
color: #d33;
cursor:default;
}

div.header_options {
font-weight:bold;
text-decoration:underline;
color: #d33;
padding-bottom:10px;
}

a.closebox {
font-size:small;
font-weight:bold;
}

ul.blue_square {list-style: square outside url('/static/images/square_blue_small.gif'); margin-bottom:3px; margin-left:20px; padding-left:0 }
ul.blue_square li {padding-bottom:13px; font-size:10pt}

ul.blue_square_lowspace {list-style: square outside url('/static/images/square_blue_small.gif'); margin-bottom:3px; margin-left:10px; }
ul.blue_square_lowspace li {padding-bottom:10px; font-size:10pt}

ul.blue_square_lowspace1 {list-style: square outside url('/static/images/square_blue_small.gif'); margin-bottom:3px; margin-left:10px; }
ul.blue_square_lowspace1 li {padding-bottom:5px; margin-left:10px }

ul.blue_square_lowspace2 {list-style: square outside url('/static/images/square_blue_small.gif'); margin-bottom:3px; margin-left:10px; }
ul.blue_square_lowspace2 li {padding-bottom:0px; margin-left:10px }

ol.numbers_lowspace2 {margin-bottom:3px; margin-left:10px; }
ol.numbers_lowspace2 li {padding-bottom:10px; margin-left:10px }

ul.blue_square_large {list-style: square inside url('/static/images/square_blue.gif')}
ul.blue_square_large li {padding-bottom:15px;}

ol.blue_numbers {font-size:large; color:#1a45b3; margin-bottom:3px }
ol.blue_numbers li div {padding-bottom:8px; font-size:10pt; color:black}
ol.blue_numbers li a {padding-bottom:8px; font-size:10pt; font-weight:bold}

table.credits {font-size:13pt; font-weight: bold; text-align:center; color:#1a45b3; 
			   border-collapse:collapse; border-top:1px solid #ccccff; border-bottom:1px solid #ccccff}
table.credits td {padding-left:3px; padding-top:5px; padding-bottom: 5px; border-spacing:0; border:0; border-left: 1px solid #ccccff; border-right: 1px solid #ccccff; }

ul.blue_square strong{color:black}
.style1 {font-size: 10pt}

span.button_main { padding:3px; border:1px solid #9999cc; background:white; background-image: url(/static/images/gradient_button.gif);}
span.button_main_selected { padding:3px; border:1px solid #9999cc; border-bottom:0; background:white;
	background-image: url(/static/images/gradient_button_main.gif);
	background-repeat:repeat-x;
	background-position:bottom;
 }
 
 .headline_details  {
 cursor:default; padding-top:5px; font-size:11pt;  padding-bottom:5px; border-top:1px solid #9999cc;
 color:#1a45b3; background:#eeeefa
 }
 
 div.faq p { padding-left:10px; }
 div.faq p b { position:relative; left:-10px; }
 div.faq p strong { position:relative; left:-10px; }
 
table.comparison { border: 3px solid #efefef; border-bottom: 8px solid #efefef; border-top: 8px solid #efefef;}
table.comparison td {text-align:center; font-weight:bold; font-size:x-small;}

ul.blue_square_landing {list-style: square outside url('/static/images/square_blue.gif'); margin-bottom:0; font-weight:bold; margin-left:0; line-height:10px;}
ul.blue_square_landing li {padding-bottom:10px}
div.indent_gray {color:gray; padding-left:2px; padding-bottom:5px; padding-top:5px}

img.medium {
	margin:0; padding:0;
	margin-bottom:8px;
}

div.menu_item {
margin-bottom:5px;
padding:5px;
border:1px dotted #9999cc;
font-weight:bold;
background:#f9f9f4; 
border-left:0;
}

div.menu_item a {
text-decoration:none;
}

div.menu_header {
background:#eeeefa; color:#1a45b3; font-weight:bold; margin-bottom:3px; padding:3px; padding-left:8px; padding-right:8px;
}

.testimonial_author { text-align:right; font-size:x-small; padding-top:3px; padding-bottom:8px; color:gray; }
.requirements {font-weight:bold; font-style:italic; color:#1a45b3; padding-top:3px;}

ul.list_under_button {margin:0; list-style: square outside url('/static/images/double_arrow_blue_smallest.gif'); padding-left:5px} 

input.showresized { width:280px; border-top:1px solid gray; font-size:small; color:black;
border-left:1px solid gray; margin-bottom:5px; margin-left:5px; position:relative; top:3px }

div.category_container a {text-decoration:none}
div.category_container a:hover {color: #d33;}

.comment_box {
border: 1px dotted #9999cc;
border-top: 0;
padding:5px;
background: #fcfcfc;
margin-bottom:2px;
width:605px;
}

.comment_header {
padding-bottom:5px;
}

.comment_time {
padding-left:5px;
color: #9999cc;
}

.headline_comment {
cursor:default; padding-top:5px; font-size:11pt;  padding-bottom:5px; border-top:1px solid #9999cc;
color:#1a45b3; background:#eeeefa;
padding-left:5px; font-weight:bold; text-align:center; 
border-left:1px solid #9999cc;border-right:1px solid #9999cc;
}