/* global */

* {
  font-style: normal;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
}

img {
  border: none;
}

a, .blue {
  color: #4b8de3;
}

.green {
  color: #4ac367;
}

.orange {
  color: #ec954b;
}

.bold {
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../img/bg.png) repeat-x top left white;
	background-color:#000000;
	color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Verdana, sans-serif;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 14px;
  font-weight:normal;
}


hr, .clr {
  clear: both;
  visibility: hidden;
}

/* header */

div#header {
}

div#header h1 {
  display: none;
}

div#header div.wrapper {
  margin: 0 auto;
  width: 975px;
}

div#header a#logo {
  z-index: 2;
  position: relative;
  float: left;
  display: block;
  margin: 8px 0 0 0;
  width: 140px;
  height: 70px;
}

div#header ul {
  float: left;
  margin: 0;
}

div#header ul#nav {
  margin-left: 150px;
}

div#header ul li {
  float: left;
  margin: 0 6px 0 0;
}

div#header ul li a {
  display: block;
  float: left;
}

div#header ul#nav li a {
	color: #EBC543;
	font-size: 13px;
	font-weight: bold;
	padding: 0 7px;
}

div#header ul#nav li a.upload {
	color: #FFF;
}

div#header ul li a.current {
  font-weight: bold;
}

div#header ul#nav li a.current, div#header ul#nav li a:hover {
	text-decoration: none;
	color: white;
	margin-top: -3px;
	border-top: 3px solid #000;
	background-color: #000;
	-moz-border-radius: 6px 6px 0 0;
}

div#header div#main_menu {
  z-index: 0;
  position: absolute;
  width: 100%;
  top: 55px;
  height: 32px;
  line-height: 32px;
  background: url('../img/menu_bar.png') repeat-x left bottom #d2e4fc;
  border-bottom: 1px solid #A4A4A4;
}

div#header div.right {
	float: right;
	font-size: 0.95em;
	margin: 4px 5px 0 0;
	text-align: right;
	color: #FFF;
}

div#header div.right a {
	display: block;
	float: left;
	margin: 0 0 0 0.5em;
	color: #FFF;
}

div#header div.right a.grey {
	display: inline;
	float: none;
	margin: 0;
	color: #FFF;
}

div#header ul#user_nav {
  float: left;
  margin: 0 5px 0 0;
}

div#header ul#user_nav li {
  margin: 0 0.2em;
}

/* flash_messages */

div#flash_messages {
  margin: 0 0 20px 0;
  color: #6b683f;
  background: #fff999;
  border-top: 1px solid #8c8c53;
  border-bottom: 1px solid #8c8c53;
}

div#flash_messages a {
  text-decoration: underline;
  color: #6b683f;
}

div#flash_messages a:hover {
  text-decoration: none;
}

div#flash_messages.error {
  color: #6b403f;
  background-color: #ff9b99;
  border-color: #a14c3d;
}

div#flash_messages.error a {
  color: #6b403f;
}

div#flash_messages.valid {
  color: #456b3f;
  background-color: #a8ff99;
  border-color: #538c64;
}

div#flash_messages.valid a {
  color: #456b3f;
}

div#page div#flash_messages p {
  padding: 0.6em 1em;
}

/* content */

div#content {
  padding: 30px 0 0 0;
}

div#content div.wrapper {
  margin: 0 auto;
  width: 965px;
}

div#page p {
  padding: 10px 0;
}

div#page ul {
  margin: 10px;
  padding: 0 10px;
}

div#page ul li {
  list-style-type: square;
}

div#page ul li ul li {
  list-style-type: circle;
}

div#content span.red { 
  color: red;
}

div#content span.green {
  color: green;
}

div#content span.notimportant {
  color: #aaa;
}

/* forms */

div#page form {
  margin: 0;
}

div#page input[type=text], div#page input[type=password] {
  border: 1px solid #9bbeec;
}

div#page input.form-error, div#page textarea.form-error {
  border: 2px solid red;
}

div#page input, div#page textarea {
  font-size: 12px;
  padding: 3px;
}

div#page form p {
  padding: 5px 0;
}

div#page span.help {
  font-size: 10px;
  color: #666;
}

div#page p.admin {
  padding: 3px 10px;
}

div#content div.important {
  margin: 15px 0;
  padding: 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f6f6f6;
}

div#content div.important a.selected {
  border-bottom: 1px dotted #2772e3;
}

div#content div.important a.selected:hover {
  text-decoration: none;
}

div#content div.important p {
  padding: 0;
}

div#content div.important form {
  margin: 0;
}

div#content div.important form div.block {
  float: left;
  margin: 0 5px 0 0;
}

div#content div.important form input[type=text] {
  width: 80px;
}

div#page h3 span.admin a, div#page h2 span.admin a {
  color: #7197b0;
}

/* footer */

div#footer {
  clear: both;
}

div#footer, div#footer a {
  color: #111;
}

div#footer p {
  padding: 10px;
  font-size: 12px;
  text-align: center;
}

div#footer p span {
  font-size: 9px;
  color: #333;
}

/* paginator */

div#paginator {
  padding: 10px 0 0 0;
  text-align: center;
}

div#paginator a {
  margin: 3px 4px;
  padding: 2px 5px;
  border: 1px solid #2772e3;
}

div#paginator a:hover {
  color: white;
  background-color: #2772e3;
  text-decoration: none;
}

/* autocomplete */

div#content div#page div.autocomplete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}

div#content div#page div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div#content div#page div.autocomplete ul li.selected {
  background-color: #ffb;
}

div#content div#page div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

/* tables */

div#page table {
  width: 100%;
  border: 1px solid #000;
  border-top: 1px solid #000;
  -moz-border-radius: 6px;
}

div#page table.filled {
  border: none;
  border-collapse: collapse;
}

div#page table tr td, div#page table th {
	padding: 3px 5px;
	background-image:url(../img/faded.png);
	color: #FFF;
}

div#page table tr.styled th {
	background: url('../img/styledbg.png') repeat-x left bottom #333333;
	font-family: Arial, Verdana, sans-serif;
	color: #FFF;
	font-size: 13px;
}

div#page table tr.light td, div#page table tr.light th {
  background-color: white;
  border-top: 1px dotted #dedede;
}

div#page table tr.light.no_border td, div#page table tr.light.no_border th {
  border: 0;
}

div#page table tr.full th {
  background-color: #9bbeec;
  color: white;
}

div#page table.filled tr td, div#page table.filled th {
  padding: 7px;
  border-bottom: 1px dotted white;
}

div#page table tr.no_border td, div#page table tr.no_border th {
  border: 0;
}

div#page table.filled tr td {
  color: #fff;
}

div#page table tr:hover td, div#page table tr.odd:hover td {

}

div#page table.no_effect tr:hover td, div#page table.no_effect tr.odd:hover td {
  background-color: transparent;
}

div#page table tr.odd td {
  
}

div#page table tr td.num {
  font-weight: bold;
  width: 1px;
}

div#page table th {
  text-align: left;
  font-weight: bold;
}

/* buttons */

/* BUTTONS */

.buttons a , .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    -moz-border-radius: 6px;
}

div.important .buttons a, div.important .buttons button{
  border:1px solid #bbb;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* icons */

div#content a.refresh, div#content a.add, a.edit, div#content a.delete,
div#content a.user, div#content span.calendar, div#content span.votes,
div#content span.photo, div#content a.add_photo, div#content a.delete_stream,
div#content span.rating, div#content span.views,
div#content a.zoom_in, div#content a.zoom_out, div#content a.lock, div#content a.unlock,
div#content a.content, div#content a.news,
div#content a.category, div#content a.file, div#content a.todo,
div#content a.do, div#content a.undo, div#content a.create, div#content a.modify,
div#content a.mini_add, div#content a.happy, div#content a.comment, div#content span.tags,
div#content a.send, div#content span.send, div#content span.gmail,
div#content span.yahoo, div#content span.msn, div#content span.lycos, div#content span.aol,
div#content span.photo, div#content span.album, div#content a.organize, div#content a.manage,
div#content span.private, div#content a.friends, div#content a.photos, div#content a.slideshows, div#content a.calendar,
div#content span.sort, div#content a.zoom, a.email, a.email_new, div#content a.accept, div#content a.friend_add, a.send_to_friends,
a.go_back, a.close {
  background: url(../img/pencil.png) no-repeat left center transparent;
  padding-left: 20px;
  border: none;
}

a.close { background-image: url(../img/cross.png) }

a.send_to_friends { background-image: url(../img/user_go.png) }

a.go_back { background-image: url(../img/door_in.png) }

div#content a.refresh { background-image: url(../img/arrow_refresh.png) }

div#content a.add { background-image: url(../img/add.png) }

div#content a.delete { background-image: url(../img/delete.png) }

div#content .loading a.delete { background-image: url(../img/snake_transparent.gif) }

div#content a.friend_add { background-image: url(../img/user_add.png) }

div#content a.accept { background-image: url(../img/tick.png) }

div#content a.photos, div#content a.slideshows { background-image: url(../img/photos.png) }

a.email { background-image: url(../img/email.png) }

a.email_new { background-image: url(../img/email_new.png) }

div#content span.sort { background-image: url(../img/arrow_switch.png) }

div#content span.private { background-image: url(../img/lock.png) }

div#content a.friends { background-image: url(../img/group.png) }

div#content a.manage { background-image: url(../img/wrench_orange.png) }

div#content a.organize { background-image: url(../img/arrow_refresh.png) }

div#content span.photo { background-image: url(../img/photo.png) }

div#content span.album { background-image: url(../img/photos.png) }

div#content span.gmail { background-image: url(../img/gmail.ico) }

div#content span.yahoo { background-image: url(../img/yahoo.ico) }

div#content span.lycos { background-image: url(../img/lycos.ico) }

div#content span.aol { background-image: url(../img/aol.ico) }

div#content span.msn { background-image: url(../img/msn.ico) }

div#content a.send, div#content span.send { background-image: url(../img/email_go.png) }

div#content span.votes { background-image: url(../img/thumb_up.png) }

div#content span.tags { background-image: url(../img/tag_blue.png) }

div#content span.battle { background-image: url(../img/lightning.png) }

div#content a.comment { background-image: url(../img/comment.png) }

div#content a.happy { background-image: url(../img/emoticon_smile.png) }

div#content a.mini_add { background-image: url(../img/bullet_add.png) }

div#content a.undo { background-image: url(../img/cross.png) }

div#content a.todo, div#content a.do { background-image: url(../img/tick.png) }

div#content a.file { background-image: url(../img/page_go.png) }

div#content a.category { background-image: url(../img/tag_blue.png) }

div#content a.news { background-image: url(../img/newspaper.png) }

div#content a.content { background-image: url(../img/text_align_justify.png) }

div#content a.zoom_in { background-image: url(../img/magnifier_zoom_in.png) }

div#content a.zoom { background-image: url(../img/magnifier.png) }

div#content a.lock { background-image: url(../img/lock.png) }

div#content a.unlock { background-image: url(../img/lock_open.png) }

div#content a.zoom_out { background-image: url(../img/magnifier_zoom_out.png) }

div#content span.views { background-image: url(../img/chart_line.png) }

div#content a.add_photo { background-image: url(../img/photo_add.png) }

div#content span.rating { background-image: url(../img/yellowstar.png) }

div#content span.photo { background-image: url(../img/photo.png) }

div#content span.calendar, div#content a.calendar { background-image: url(../img/calendar.png) }

div#content a.user { background-image: url(../img/user.png) }

/* fieldset */

fieldset {
  margin: 10px 0;
  padding: 0 10px;
  border: 1px solid #ddd;
}

fieldset legend {
  padding: 0 6px;
  font-weight: bold;
}

/* photos index */
div#photos img{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom: 1px solid #FFF;
	}
div#photos, div#slideshows, div#photos, div#albums {
  margin: 5px 0 0 0;
}

div#photos div.entry, div#slideshows div.entry, div#albums div.entry {
  float: left;
  margin: 15px 50px 0 0;
  width: 240px;
}

div#photos div.entry.loading, div#slideshows div.entry.loading, div#albums div.entry.loading {
  background: url(../img/loading.gif) no-repeat center center transparent;
}

div#photos div.photo, div#slideshows div.slideshow, div#albums div.album {
  width: 240px;
  height: 180px;
}

/* home */

div#photowall {
  width: 505px;
  float: left;
}

div#home {
  width: 380px;
  float: right;
}

div#home a.current {
  font-weight: bold;
}

div#home p.description strong {
  font-weight: bold;
  color: #4b8de3;
}

/* uploader */

div#uploader fieldset {
	margin: 5px;
}

div#uploader legend {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: Black;
}

div#uploader fieldset.flash {
  width: 720px;
  padding: 5px;
	margin: 10px 0px 10px 0px;
	border-color: #D9E4FF;
}

div#uploader .progressWrapper {
  float: left;
	width: 357px;
	overflow: hidden;
}

div#uploader .progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}

div#uploader .red /* Error */ {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

div#uploader .green /* Current */ {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

div#uploader .blue /* Complete */ {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

div#uploader .progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

div#uploader .progressBarInProgress, div#uploader .progressBarComplete, div#uploader .progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

div#uploader .progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

div#uploader .progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

div#uploader .progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}

div#uploader a.progressCancel, div#uploader a.progressCancel:link, div#uploader a.progressCancel:active, div#uploader a.progressCancel:visited, div#uploader a.progressCancel:hover {
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(../img/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

div#uploader a.progressCancel:hover  {
	background-position: 0px 0px;
}

/* styled box */

div#content h3.styled {
  padding: 2px 10px;
  height:17px;
  border-right: 1px solid #0A0A0A;
  border-left: 1px solid #0A0A0A;
  border-top: 1px solid #0A0A0A;
  -moz-border-radius: 6px 6px 0 0;
  background: url('../img/styledbg.png') repeat-x left top #fff;
}

div#content h3.styled.important {
  background-image: url('../img/styledimportantbg.png');
  background-color: #fce7d2;
  border-color: #ecc29b;
}

div#content .styled.important a {
  color: #d47c2a;
}

div#content h3.styled.double {
  padding: 7px 10px; 
  -moz-border-radius: 6px;
}

div#content p.styled, div#content div.styled, div#content ul.styled {
  padding: 5px 10px 7px 10px;
  background-image:url(../img/faded.png);
  font-size: 12px;
  text-align: justify;
  border-left: 1px solid #0A0A0A;
  border-right: 1px solid #0A0A0A;
  border-bottom: 1px solid #0A0A0A;
  border-top: none;
  -moz-border-radius: 0 0 6px 6px;
}

.styled.withbg {
  background: url('../img/styledbg.png') repeat-x left bottom #000;
}

div#content ul.styled {
  margin: 0;
  padding-left: 25px;
}

div#content p.styled.double, div#content div.styled.double {
	border-top: 1px solid #0A0A0A;
	background-color: #333;
	-moz-border-radius: 6px;
}

div#content p.styled.important {
  border-color: #fce7d2;
}

/* profile */

div#content div.profile_photo {
  margin: 20px 0 0 -1px;
  padding: 15px 0;
  width: 150px;
  text-align: center;
  float: left;
  -moz-border-radius: 0 6px 6px 0;

}

div#content div.profile_links {
  margin: 0 0 0 20px;
  padding: 10px;
  float: left;
  -moz-border-radius: 6px;
 
  width: 130px;
}

div#content div.profile_links hr {
  border: 1px dotted #d2e4fc;
  visibility: visible;
  margin: 5px 0;
}

div#content table.profile {
  float: left;
  width: 545px;
  margin-left: 20px;
}

div#content div.inbox_photo {
  overflow: hidden;
  float: left;
  margin: 10px 10px 5px 10px;
  width: 100px;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
}

/* comments */

div#comments div.entry {
  border-bottom: 1px dotted #9bbeec;
  padding: 10px 0;
}

/* comment */

div.comment.notlast {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

div#content div.comment p {
  float: left;
  padding: 0 5px 0 10px;
}

div.comment span.date {
  float: right;
}

/* buddy */

.buddy img {
  float: left;
}

/* dropdown menu */

.sub_menu {
  display:none;
  position:relative;
  border: solid 1px #dedede; 
  border-top-color: #f0f0f0;
  border-right-color: #999999; 
  border-bottom-color: #999999; 
  padding:10px; 
  top:2px;
  width:120px; 
  background:#FFFFFF;
  -moz-border-radius: 6px;
  z-index: 1000;
}

.sub_menu a:link, .sub_menu a:visited, .sub_menu a:hover {
  display:block; 
  font-size:11px; 
  padding:4px;
}

.item_line{
  border-top:solid 1px #dedede;
}

a.selected {
  border-bottom: 1px dotted #999999;
}

/* photo show */

div#photo {
  float: left;
  width: 500px;
}

div#photo_right {
  float: right;
  width: 370px;
}

span.navigator_square {
  float: left;
  display: block;
  height: 75px;
  width: 75px;
  background-color: white;
  line-height: 70px;
  text-align: center;
  font-size: 10px;
  border: 4px solid #d2e4fc;
}

span.navigator_square.with_margin {
  margin: 0 0 0 5px;
}

span.navigator_square.current {
  border-color: #9bbeec;
  -moz-border-radius: 6px;
}

/* zoomed_photo */

div#content div#zoomed_photo {
  display: none;
}

div#content.zoomed_mode div.wrapper {
  width: 100%;
  text-align: center;
}

div#content.zoomed_mode div#photo, div#content.zoomed_mode div#photo_right {
  display: none;
}

div#content.zoomed_mode div.wrapper div#zoomed_photo {
  display: block;
}

/* friends_list */

div#friends_list a:hover {
  text-decoration: none;
  font-weight: bold;
}

span.icons a:hover {
  text-decoration: none;
  font-weight: bold;
}

span.icons img {
  vertical-align: middle;
}

/* slideshow */

div#footer.slideshow {
  width: 300px;
  margin: 0 auto 10px auto;
  -moz-border-radius: 6px 6px;
  background: url(../img/80white.png) repeat top left transparent;
}

div#header.slideshow div#made_by {
  background: url(../img/80white.png) repeat top left transparent;
  float: right;
  margin: 13px 0 0 0;
  padding: 10px;
  -moz-border-radius: 6px;
}

div#header.slideshow h2 {
  margin: 20px 0 0 20px;
  padding: 10px;
  float: left;
  background: url(../img/80white.png) repeat top left transparent; 
  -moz-border-radius: 6px;
}

div#content.slideshow {
  padding: 5px;
}

div#slideshow_admin {
  background-color: #000;
  padding: 10px;
  border-bottom: 2px solid #4b8de3;
}

#SlideshowExport {
  display: none;
}

div#export_my_slideshow {
  background: url(../img/80white.png) repeat top left transparent; 
  margin: 20px 0;
  padding: 10px;
  -moz-border-radius: 6px;
  width: 900px;
  text-align: center;
}


.swfupload {
position: absolute;
z-index: 1;
}

div#page div.js-kit-rating table, div#page div.js-kit-rating table tr td {
  border: 0;
  background-color: white;
}