body {
 background-color: #eee;
 font-size: 9pt;
 z-index: 0;
}

img {
 border: 0;
}

div {
 font-family: verdana;
}

a, div a {

 text-decoration: none;
 color:#459; 

}

a:hover, div a:hover {
    color:#67a;
}


.absolutely {

 position: absolute;
 top: 100px;
 left: 100px;

}

.padding {

 padding: 10px;
 margin: 10px;

}

#loadingscreen {
  height: 100%; 
  width: 100%; 
  background: white;
  color: black;
  top: 0;
  left: 0;
  z-index: 987654321;
  text-align: center;
  margin: 0;
  padding: 0;
  display: block;
}

#loadingscreen h1 {

  margin: 100px 0;

}

#privacyscreen {
  position:absolute;
  height: 1px;
  width:  1px;
  background: black;
  top: 0;
  left: 0;
  z-index: 0;
/*  z-index: 6543211;*/
/*  display:none;*/
}


#backgroundmain {

 position: absolute;
 background: #75232f;
 width: 400px;
 height: 400px;
 top: 10px;
 left: 10px;
/*  border:1px dashed black; */
}

#editbackground {
 display:block; 
}

#backgroundedit {
 color: black;
}

#css_sucks {
 position: absolute;
 left: 5px;
 top: 120px;
 padding:0;
 margin: 0;
 margin-right:25px;
 border-spacing: 0;
 color: black;

}

#table_bottom {

 height: 60px;
 
}

#css_sucks td {

 vertical-align: top;
 width: 50%;
 border-spacing: 0;
 
}

#table_left div {

/*  background:#ddd; */
 vertical-align: top;

}

#table_right img{
 background: white;
 vertical-align: middle;
}


#editwindow {
 position: absolute;
/*  height: 400px; */
/*  width: 600px; */
/*  top: 10px; */
/*  left: 10px; */
/*  background:url('/images/gray_grad.png'); */
/*  background-repeat: repeat-x; */
 background-color: #fff;
}

#bgeditwindow {
 position: absolute;
/*  height: 400px; */
/*  width: 600px; */
/*  top: 10px; */
/*  left: 10px; */
/*  background:url('/images/gray_grad.png'); */
/*  background-repeat: repeat-x; */
 background-color: white;
}

#editwindow_title {
  text-align: center;
}

#editwindow div, #bgeditwindow div {
border: 0px solid yellow;
}

#editwindow_buttons {
 height: 90px;
}

#editwindow_leftarea {
  float: left;
  height: 70%; 
  border: 0px solid red;
}

#editwindow_leftarea div {
 padding: 4px;
}

#editwindow_rightarea {
 height: 70%;
 float: left; 
}

#editwindow_bottom {
 position: relative;
 bottom: 0;
 right: 0;
 height: 45px;
 width: 100%;
 padding: 10px 0 0 0;
 text-align: center; 
}

#editwindow_bottom a {
 margin-top: 10px;
}

#thumby {
 display:none;
}

.skates {
  z-index: 987654320;
}

.mat {
 background:none;
 position: absolute;
 overflow:hidden;
}

#top_mat {
 top: 0px;
 left: 0px;
 height:20px;
 width:100%;
 background: url(/images/gradient.png) repeat-x;
}

#right_mat {
 top: 	 0px;
 right:  0px;
 height: 100px;
 width:	 20px;
 background: #dddfe4 url(/images/gradient.png) repeat-x;
}

#bottom_mat {
 bottom: 0px;
 left: 0px;
 height:10px;
 width:100%;
 background: #dddfe4 ;
}

#left_mat {
 top: 0px;
 left: 0px;
 height: 100%;
 width: 300px;
 margin: 0;
 padding: 0;
 text-align:center;
 background: #dddfe4 url(/images/gradient.png) repeat-x;
}

.dialog {
 position: absolute;
 height: 400px;
 width: 500px;
 top: 100px;
 left: 300px;
/*  background-color: #bbb; */
 color: white;
 border: 1px solid black;
 visibility: hidden;
}


#resizer {
 border: 0px solid white;
 width: 22px;
 height: 22px;
}

div#edit_tab_content {
 margin: 0 10px;
 overflow:auto;
 background:white;
 padding:5px;
 border-bottom:1px solid #777;
}

#layerlist {
  list-style-type:none;
}

div#edit_tab_content div.tabcontent  {
  display: none;
}

div#edit_tab_content div.shown {
  display:block;
}

div#edit_tab_content div.activetab  {
  border: 0px solid white;
  display: block;
}

div#edit_tab_content div.activetab div {
 display: block;
}

.tabs ul {
  margin: 0;
}

.tabs li {
  padding: 0;
  margin: 0 2px 0 0;
  border-top: 1px solid #00248F;
  border-right: 1px solid #00248F;
  border-left: 1px solid #00248F;
  background-color:#809FFF;
  color: white;
  font-size: 10pt;
  display: block;
  float: left;
  list-style: none;
}

.tabs a:link,
.tabs a:visited {
  background-color:#99c;
  color: #fff;
  text-decoration: none; 
  padding-left: 0.5em; 
  padding-right: 0.5em;
}

.tabs a:hover {
   background-color: #BFCFFF;
   color: #809FFF;
}

.tabs li.activetab a {
   background-color: #fff;
   color: #00248F;
   margin: 0;
}

.tabs li.activetab {
  background-color: #fff;
}


#edit_tabs {
 border: 0px solid red;
 margin: 0;
 padding: 0;
 padding-left: 7px;
 text-align: center;
} 

#edit_tabs ul {
  margin: 0;
  margin-left:3px;
  padding-left:0;
}

#edit_tabs li {
  padding: 3px 0;
  margin: 0 1px 0 0;
  border-top: 0px solid #99a;
  border-right: 0px solid #99a;
  border-left: 0px solid #99a;
  border-bottom: 0px solid white;
  color: white;
  font-size: 10pt;
  display: block;
  float: left;
  list-style: none;
}

#edit_tabs a:link,
#edit_tabs a:visited {
  background-color:#99a;
  color: #eee;
  text-decoration: none; 
  padding: 3px;
  height:36px;
}

#edit_tabs a:hover {
   background-color: #aac;
   color: #fff; 
}

#edit_tabs li.activetab,
#edit_tabs li.activetab a,
#edit_tabs li.activetab a:visited, 
#edit_tabs li.activetab a:hover {
   background: #fff;
   color: #00248F;
   border-top: 1px solid #eee; 
   border-left: 1px solid #eee; 
   border-right: 1px solid #eee;
}

#smallerlogo {
  float: left;
  width: 100px; 
  border: 0px solid gray;
  margin: 10px 0 0 5px;
  cursor: pointer;
}

#albumtitle {
  float:right;
  margin-top: 15px;
  left:0;
  width: 60%; 
  height: 25px;
  text-align: center;
}

#bottompart {
  padding: 0px;
  margin: 0px;
  width:100%;
  height: 70px;
}


#avatar {
  float: left;
  height: 70px;
  width: 20%;
  border: 0px solid white;
  color: white;
  display: block;
  clear: none;
  margin: 10px 0 0 0;
}

#infoarea {
 width: 90%;
 height: 20px;
/*  border: 1px solid #ccc; */
/*  background: #fff; */
 text-align: center;
 overflow: auto;
}

#infoarea .information {
  font-size:10pt;
  font-weight:bold;
}

#buttonarea {
  padding-bottom:10px;
}

#selected_item {
 width: 300px;
 height: 300px;
 border: 1px dotted white;
}

div#button_content div.itemcontent {
  display: none;
}

div#button_content div.activebutton_content,
div#button_content div.activebutton_content div {
  display: block;
  border: 0px solid white;
  color: black;
  padding: 0;
}

div.activebutton div {
 background: #ffc;
 color: black;
 display:block;
}

div#button_content div.shown {
  display:block;
}
 
div#bg_button_content div{
  display: none;
}

div#bg_button_content div.activebutton_content,
div#bg_button_content div.activebutton_content div {
  display: block;
  border: 0px solid white;
  color: black;
  font-size: 8pt;
  padding: 4px;
}

div.activebutton div {
 background: #ffc;                 
 color: black;
}    

.iconwrapper {
        display: inline;
        float: left;
        margin: 5px;
	cursor: pointer;
}
 
.outericon {
        border: 1px solid black;
        color: black;
        padding:0px;
        margin:0px;
        height: 80px;
        width: 65px;
        text-align: center;
}

.innericon { 
        border: 1px solid white;
        color: black;
        width:65px;
        height:65px;
        margin: 0px;
        padding: 0px;
        text-align: center;
}


.activebutton_content {
  color: red;
}

#deletediv {
  display: block;
  height: 16px;
  width: 16px;
  border: 0px solid white;
}

.button {
        border: 2px solid;
        border-color: #fff #222 #222 #fff;
        background: #ddd;
        padding: 5px 10px;
        margin: 1px 8px;
        color: #000;
        font-size: 11pt;
        font-weight: bold;
}

.button:hover {
  background:#eee;
  color: #555;
}

.button:active {
        border-color: #222 #ccc #ccc #222;
}

.tabcontent {
  background: white;
}

.input {
 border: 1px solid #999;
 margin: 5px;
 }

.albumname {
  font-size: 11pt;
}

#item_preview {
  background: white;
}


div#colorpicked, div#colorhovered {
  position:absolute;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
}

div#colorpicked {
  top: 12px;
  right: 5px;
  width: 170px;
  height: 70px;
  background: white;
  border-right: 1px solid white;
}

div#colorhovered {
  top: 12px;
  right: 91px;
  width: 85px;
  height: 70px;
}

div#demoa, div#demob, div#democ {
   position:absolute;
   visibility:hidden;
   top: 5px; 
   width: 90px; 
   height: 30px;
   text-align:center; 
   padding-top: 15px; 
   padding-bottom: 10px;
   font-size: 14px; 
   font-family: serif;
} 

div#demoa {left:1px; margin-right: 0px;}
div#demob {left:91px; margin-left: 0px;  margin-right: 0px;}
div#democ {left:181px; margin-left: 0px;}

div#picklabel {

  position: absolute;
  top: 12px;
  left: 2px;
  display:inline;
  width:74px;
  height: 20px;
  border:0px solid white;
  text-align: right;

}

div#pickset {
   position:absolute;
   top: 12px; 
   left: 80px;
   width: 300px;
   font-size: 14px; 
   display:inline;
}

div#picka, div#pickb, div#pickc, div#pickd, div#picke, div#pickf, div#pickg {
   position: absolute;
   top: 1px;
   width: 20px; 
   height: 20px; 
   padding: 2px;
   display: block;
   border: 1px solid white;
   margin-right: 2px;
}

div#picka {
  left: 1px;
}

div#pickb {
  left: 31px;
}

div#pickc {
  left: 61px;
}

div#pickd {
  left: 91px;
}

div#picke {
  left: 121px;
}

div#pickf {
  left: 151px;
}

div#pickg {
  left: 181px;
}




div#saveset {
   position:absolute;
   top: 47px; 
   left: 80px;
   width: 400px;
   font-size: 14px; 
   display:inline;
}

/*div#picks {padding-left: 1px;}*/
div#savea, div#saveb, div#savec, div#saved, div#savee, div#savef, div#saveg, div#saveh, div#savei, div#savej {
   position: absolute;
   top: 1px;
   width: 20px; 
   height: 20px; 
   padding: 2px;
   display: block;
   border: 1px solid #ccc;
   margin-right: 2px;
}

div#savea {
  left: 1px;
}

div#saveb {
  left: 31px;
}

div#savec {
  left: 61px;
}

div#saved {
  left: 91px;
}

div#savee {
  left: 121px;
}

div#savef {
  left: 151px;
}

div#saveg {
  left: 181px;
}

div#saveh { left: 211px; }
div#savei { left: 241px; }
div#savej { left: 271px; }

div#notes {position:absolute; visibility:visible; top:650px;
    left:50px; padding-top: 30px; font-size: 12px; width: 270px;}

div#showhide {
     position:absolute; 
     top:330px; left:620px;
     padding-left: 35px; padding-right: 5px; width: 270px;}

div#fulllist {
     position:absolute;
     top:50px; left:935px;
     padding-left: 25px; padding-right: 5px; display: none; 
     white-space: nowrap; border-left: 1px dotted grey;
     font-size: 14px; font-family: Courier, monospace;} 

div#showhide span {text-decoration: underline;}

.btxt {color: #000000;}
.wtxt {color: #ffffff;}

.clickable {
  cursor: pointer;
}

.tilethumb {
  border: 2px solid #444;
  margin: 5px;
  height: 80px;
  width: 80px;
}

.alignright {
  text-align: right;
}


div.autocompleter {
  position: absolute;
  width: 250px;
  background: white;
  border-bottom: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  margin:0px;
  padding:0px;
}

div.autocompleter ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div.autocompleter ul li.selected { 
  background: #ffb;
}

#screener {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #c22;
	z-index: 5;
}

a.debuglink:hover {
 background: #ff9;
}


.hiddenform {
  display:none;
}


#crop_instructions {
 background: white;
 font-size: 11pt;
 border: 3px solid yellow;
 padding: 15px;

}

.selected {
 z-index: 2000000;
}

#journal_preview {
  padding: 5px;
  margin: 5px;
  text-align: center;
  font-size: 18px;
}

.pickable {
  font-weight:bold;
  background: #ffa;
}

.handle {
  opacity: 0.1;
  border: 1px dashed #ddd; /*solid #FF81E0;*/
  position: absolute;
  height: 5px;
  width: 5px;
  background: #fff;
}

.shade {
  background: #000000;
  opacity: 0.4;
  height: 5px;
  width: 5px;
  border: 0px solid #aabbff;
  overflow: hidden;
}

.shade-test {
  background: #444444;
  opacity: 0.6;
  border: 0px solid #666666;
  height: 5px;
  width: 5px;
  overflow: hidden;
}

#ratio {
display:none;
}

.heading {
  font-size: 14pt;
  font-weight: bold;
}

.effects {
 background:white;
 padding:5px;
}

.effects_header {
  background: #eee;
  margin:10px 5px;
  font-size:12pt;
}


.slider {
  text-align: left;
  display: block;
  padding:0;
  height: 15px;
  width:200px;
  border:0px solid white;
  margin:0;
}

.slider_ramp {
  background-image: url("/images/scaler_slider_track.gif");
  background-repeat: repeat-x;
  background-position: center left;
  background-color:none;
}

.no_ramp {

  background: #fff;
  border-bottom:1px solid black;

}

.slider_handle {
   display: block;
   padding:0;
   border:0px solid white;
   height: 15px;
   width: 5px;                   
   position:relative;
}


.slider_input {
  border:1px solid #444;
  margin:0;
  padding:0;
  width:50px;
  overflow:hidden;
  background: #eee;
}


.shown, div.shown div, div.shown, .shown div {
  display:block;
}

#item_preview {
 border: 1px dashed gray;
}