@import "global.css";
/* http://www.iconfinder.com/search/3/?q=iconset%3Aecqlipse2 */

@media screen, projection
{
	body {background:#fff url('../img/bkg-body.gif') repeat-x scroll 0 0;}
	a {color:#0000bb}
	h1 {color:#444;font-size:2.5em}
	h2 {color:#444;font-size:2em}
	h3 {color:#444;font-size:1.5em}
	table th {background-color:#eee;border-color:#ccc}
	table td {background-color:#fff;border-color:#ccc}
	blockquote, pre {background:#eee}
	hr {border:none;height:1px;background-color:#ccc;margin:1em 0}

	/* STYLES */

	#wrap {margin: auto}
	#top {width:900px;height:60px;margin:auto;}
	#logo {display:block;width:100px;height:60px;}
	#logo a {color:#fff;font-size:40px;font-weight:bold;text-decoration:none;line-height:60px;text-shadow: 1px 1px 3px #334455;}
	#searchbox {display:block;width:350px;height:60px;margin-left:98px}
	#searchbox form {margin-top:16px}
	#searchbox form .searchbox-input {border: 1px solid #89a;height: 24px;padding: 0 30px 0 5px;width: 300px;}
	#searchbox form .searchbox-button {background: url("../img/search-button.png") no-repeat scroll 0 0 transparent;border: medium none;cursor: pointer;height: 16px;margin-left: -25px;margin-top: 5px;position: absolute;width: 20px;}
	#loginbox {display:block;width:200px;height:60px;text-align: right;}

	#menu-login {width:20px;height:60px;display: block;}
	#menu-avatar {height:60px;}
	#menu-avatar a.avatar {height:60px;line-height:68px;margin-right:10px;}
	#menu-username .link {height:60px;font-size:18px;color:#fff;line-height:60px;text-decoration: none;}
	#menu-username .link:hover {text-decoration:none;cursor:pointer}
	#menu-auth {width:20px;height:60px;padding-left:20px;display: block;background:url("../img/menu-auth.png") no-repeat scroll right 26px transparent;cursor:pointer}
	#loginbox.sfhover #menu-auth .submenu {top: 60px;}
	#menu-auth .submenu {display: block;margin: 0;margin: 0 0 0 -130px;position: absolute;width: 150px;float: none;list-style: none;top: -1000px;}
	#menu-auth .submenu li {display:block;width: 150px;line-height:30px;height:30px;border-bottom: solid 1px #fff;font-size:15px;}
	#menu-auth .submenu li a {display:block;width: 120px;padding:0 15px;line-height:30px;height:30px;text-align: left;color:#fff;background:#88ccff}
	#menu-auth .submenu li a:hover {background:#66aadd;text-decoration:none;}

	#main {width:898px;margin:auto;border-left:dashed 1px #ccc;border-right:dashed 1px #ccc}
	#left {width:197px;background:#fff;}
	#left .side-panel {border-bottom: 1px dashed #CCCCCC;padding: 10px;}
	#left .side-panel.last {border-bottom: none}
	#left dl.side-panel dt {margin-bottom:10px;}
	#left dl.side-panel dt a {color: #444444;font-size: 18px;text-decoration: none;}
	#left dl.side-panel dt a:hover {text-decoration: underline;}
	#left dl.side-panel dd ul {list-style: none;margin: 0;}
	#left dl.side-panel dd ul li {}
	#left dl.side-panel dd ul li a {}
	#left dl.side-panel dd ul li img {margin-right:10px}

	#content {width:700px;background:#fff;border-left:solid 1px #ccc;padding: 15px;padding-top:10px;width: 670px;min-height: 400px;}
	#content h2 a {text-decoration:none;}
	#content h2 a:hover {text-decoration:underline;}
	#content .menu-options {display:block;}
	#content .menu-options ul {margin: 0;list-style: none}
	#content .menu-options ul li{float: right;}
	#content .menu-options ul li a {}

	#content .galleries .gallery { background: none repeat scroll 0 0 #f9f9f9;border: 1px solid #DDDDDD;float: left;height:200px;margin: 0 15px 15px 0;width:200px; }
	#content .galleries .gallery a {text-align: left;text-decoration:none }
	#content .galleries .gallery .image {height: 150px;text-align: center;width: 200px;}
	#content .galleries .gallery.sfhover .image .overlay {display:block}
	#content .galleries .gallery .image .overlay {display: none;background-color:rgba(255, 255, 255, 0.9);height: 150px;opacity: 50;position: absolute;width: 38px;}
	#content .galleries .gallery .image .overlay img {margin-top:5px}
	#content .galleries .gallery .title {color:#444;font-size:14px;margin: 5px;overflow: hidden;width: 190px;height: 18px;line-height: 18px;}
	#content .galleries .gallery .owner {color:#888;font-size:12px;margin: 5px;overflow: hidden;width: 190px;height: 18px;line-height: 18px;}
	#content .galleries .gallery .edit {padding: 5px}
	#content .galleries .gallery img{margin-left: auto; margin-right: auto;max-height: 150px;}
	
	#content .gallery-edit {padding-bottom: 1em}
	#content .gallery-list table td {text-align: center;padding: 0}
	#content .gallery-list .navigation {padding: 10px 0;text-align: center;}
	#content .gallery-list .navigation a, #content .gallery-list .navigation span {font-size: 14px;padding-right:5px;text-decoration: none;}
	#content .gallery-list .image.sfhover .overlay {display:block}
	#content .gallery-list .image .overlay {display: none;background-color:rgba(255, 255, 255, 0.9);opacity: 50;position: absolute;width: 38px;}
	#content .gallery-list .image .overlay img {margin-top:5px}

	#content .group-info {margin-bottom:5px;}
	#content .members ul {list-style: none;margin: 0;}
	#content .members ul li {list-style: none;float:left;margin-right: 5px;margin-bottom: 5px;}

	#content .settings .avatar {margin-bottom:1em;}

	#content .photo .photo-image {margin-bottom:15px;}
	#content .photo .photo-image .photo-navigation {position: absolute;display:block;width:670px;}
	#content .photo .photo-image .photo-navigation a {padding: 220px 0;text-shadow: 0 0 5px #000000;color: #FFFFFF;display: block;font-size: 86px;height: 50px;line-height: 50px;text-decoration: none;width: 50px;}
	#content .photo .photo-image .photo-navigation a.prev {}
	#content .photo .photo-image .photo-navigation a.next {}
	#content .photo .photo-tags .tags .tag {width: -moz-fit-content;display: inline-block;-moz-border-radius: 4px;border-radius: 4px;background: none repeat scroll 0 0 #EEEEEE;margin-right: 5px;margin-bottom: 5px;em;padding: 2px 4px;}
	#content .photo .photo-tags .tags .tag .text {color: #444444;text-decoration: none;}
	#content .photo .photo-tags .tags .tag .text:hover {text-decoration: underline;}
	#content .photo .photo-tags .tags .tag .button {cursor: pointer;display: inline-block;font-weight: bold;margin-left: 5px;}

	#content .photo .photo-tags .tags .suggestion {width: -moz-fit-content;display: inline-block;-moz-border-radius: 4px;border-radius: 4px;background: none repeat scroll 0 0 #33B5E5;margin-right: 5px;margin-bottom: 5px;em;padding: 2px 4px;}
	#content .photo .photo-tags .tags .next_button {width: -moz-fit-content;display: inline-block;-moz-border-radius: 4px;border-radius: 4px;background: none repeat scroll 0 0 #ffB5E5;margin-right: 5px;margin-bottom: 5px;em;padding: 2px 4px;}
	#content .photo .photo-tags .module_progress {width:auto}
	#content .photo-image .module_progress {width:auto;margin: auto; display: block}
	
	#content .photo .photo-tags .tags .suggestion .text:hover {text-decoration: underline;}
	#content .photo .photo-tags .tags .suggestion .button {cursor: pointer;display: inline-block;font-weight: bold;margin-left: 5px;}
	#content .photo .photo-tags .tags .suggestion_new {width: -moz-fit-content;display: inline-block;-moz-border-radius: 4px;border-radius: 4px;background: none repeat scroll 0 0 #00B5E5;margin-right: 5px;margin-bottom: 5px;em;padding: 2px 4px;}
	#content .photo .photo-tags .tags {margin-bottom:1em;}

	#content .photo .form label {width:auto;}
	#module_photo_img {}

	#footer {background:#ddd; border-bottom: 0px none;border-top: 1px solid #BBBBBB;}
	#footer .inner {background:#DDDDDD;border-bottom: 0 none;height: 60px;margin: auto;padding: 20px 0;width: 900px;text-align: right;}

	.module_progress {width:auto;margin: auto; display: block}


	.form {border: 1px dashed #ccc;padding: 15px;margin-bottom: 1em;}
	.form label {height: 21px;line-height: 21px;}
	.form input[type=text], .form input[type=password], .form input[type=file] {border: 1px solid #ccc;height: 21px;line-height: 21px;}
	.form textarea {border: 1px solid #ccc;}
	.form input[type=submit] {background: none repeat scroll 0 0 #0088CC;border: 1px solid #CCCCCC;color: #FFFFFF;cursor: pointer;padding: 2px 10px;}
	.form ul.errorlist {margin:0;list-style: none;}
	.form ul.errorlist li {color:#f00}
	.form-message {color: #0000FF;font-size: 16px;}

	.gallery-list .navigation { margin-left: auto;margin-right: auto; display: block;}
	.photo img {width:100%}
	.error_message {color:#f00}
	.positive_annotation {color:#444;}
	.negative_annotation {color:#880000;}
}
@media print
{
	#main {margin-top:100px;}
	#logo {position:absolute;top:0;}
}




