/* This is the OUTER Stylesheet */


body {
  background:white;
  color: #222;
  font-family:  Verdana, Arial;
  margin: 0px;
  padding: 0px;
  font-size: 9pt;
}

table td {
  font-size: 9pt;
}
div {
margin: 0px;
padding: 0px;
border: 0px solid red;
}

pre {
  background-color: #eee;
  padding: 10px;
}

a { 
  color: #884fb0;   
  text-decoration: none; 

}

a:visited { 
 color: #884fb0; 
}

a:hover { color: #b049ff; }


h1 { font-size:14pt; }


.imagelist {
  background:#deceef;
  border:5px solid #777;
}

.debug {
 border: 4px solid black;
 background: red;
 color: white;
 font-weight: bold;
 padding: 10px;

}

#onthispage {
 display:none;
 visibility: hidden;
 }

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/*-------Sharebook-------------------*/

#splash {
  border: 0px solid gray;
  background-color:#ff8;
  width: 75%;
  height: 87%;
  margin-left:5px;
  float:left;
}

#welcomebox {
  width: 70%;
  height: 90%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border: 0px solid black;
  background: white;
  display:none;
}

#heading {
  font-size: 26pt;
  margin: 5px;
  text-align: center;
  margin: 5px;
  font-style: italic;
  padding: 15px;
}




#content_for_layout {
        position: absolute;
        margin: 0;
        top: 120px;
        left: 0;
        border:0px solid green;
/*        border-top: 0px solid #ecf;
        border-bottom: 0px solid #fff;*/
        padding: 0;
        padding-top: 5px;
        display:block;
        width:100%;
/*        overflow: auto;*/
        background: #fff;
/*        background: url('/images/torn_top_thin.png');*/
        background-repeat: repeat-x;
        

}

#content {

  margin-top:55px;
 border:0px solid red;

}

#under_roo {
 background:#bdacc9;
 position:absolute;
 top:115px;
 left:0;
  height:20px;
  width:100%;
 z-index:10;
}

#roo_spacer {
  float:left;
  width:250px;
  height:40px;
}
#subholder {

position:absolute;
top:134px;
left:0;
z-index:30;
overflow:hidden;
width:100%;
}

#sub_action_left {
top:135px;
float:left;

}
#sub_actions {
float:left;
 background:#bdacc9;
 width:400px;
 height:40px;
 color:white;
 font-weight: bold;
 font-size:11pt;
}

#sub_actions a {
 color:white;
}
#sub_actions a:hover {

 color: #ff8;

}

#torntop {
  position: absolute;
  top: 115px;
  left: 0;
  width: 100%;
  height: 55px;
  overflow:hidden;
  z-index: 100;
/*  background:#dfceeb;*/
  border:0px solid #99f;
}

#torntop img, #torntop span {
 margin:0;
 padding:0;
 float:left;

}
#torntop #bottom_middle {

  background:url('/images/bottom_middle.png');
  background-repeat: repeat-x;
  height:40px;
  display:inline;
  float:left;
  color: #222;
  font-weight: bold;
  font-size: 12pt;
  font-style:italic;
   
  
}

#torntop #action_bar {
 background:#bdacc9;
 height:55px;
 float:left;
 padding-top:20px; 
 font-size:10pt;
 color:white;
 font-weight: bold;
}

#action_bar a {
  color:white;
  margin: 10px 0;
  padding: 10px 0;
}

#action_bar a:hover {

  color:#ff9;

}

#action_right {

 background:#bdacc9;
 height:55px;
 float:left;
 width:100px;
 display:none;
}

#far_right {

float:left;

}

#doingthis {

  color: #555;

}

#homelink {

 margin: 5px;
 display: inline;
 padding: 10px;

}

#homelink a {

        padding: 5px;

}

#loginbox {
  border: 0px solid #6666cc;
  background-color:#aaf;
  width: 23%;
  height:87%;
  float: right;
  margin-right: 5px;
}

#footer {
  width: 100%;
  border-top: 1px solid #cac;
  margin-top:25px;
  color: #888;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size:8pt;
}

#sock {

  margin:10px 30px;

}

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

#home {
  font-size: 11pt;
  border: 0px solid gray;
/*  position: absolute;*/
/*  top: 80px;*/
/*  right: 250px;*/
/*  left: 10px;*/
/*  height: 80%;*/
  margin: 10px;  
}

#home h2 {
/* tabset_content h2 actually controls it..
  font-weight: bold;
  font-size: 14px;  */
}

.picturestream {
  border: 1px solid gray;
  margin: 10px;
}

#loginform {
        margin-left: 100px;
        margin-right: 300px;
        margin-top: 70px;
}


/*
 * =TRANSPARENT TABS             
 */
#tabs {
  padding: 3px;
  margin-left: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #999999;
 font: 13pt  Verdana, Arial;
 }

 #tabs li
 {
 list-style: none;
 margin: 0;
 display: inline;
 }

 #tabs li a
 {
   padding: 3px 0.5em;
   margin-left: 3px;
   border: 1px solid #999999;
   /*border-bottom: 1px solid #dddddd;*/
   background: #dddddd;
   text-decoration: none;
   font: 16pt  Verdana, Arial, sans-serif;
   letter-spacing: 0.1em;
 }

 #tabs li a:link { color: #448; }
 #tabs li a:visited { color: #667; }

 #tabs li a:hover
 {
   color: #000;
   background: #eee;
   border-color: #222;
  border-bottom: 1px solid #999;
 }

 #tabs li a#current
 {
   background: white;
   border-bottom: 1px solid white;
 }


.tabset_content {
  width: 100%;
  padding: 20px;
  border-top: 0;
  }
  
.tabset_content h2 {
  margin: 0px 0px;
  padding-bottom: 10px;
  font-size: 220%;
  border-bottom: 1px solid #000;
  }
  
 .tabset_content a:hover {
 
        color: #aaaaaa;
        
 }
  
#fadedtabs { 
  
  width: 100%;
  margin: 70px 50px;

}

/* the contents of text items */
.textcontents {
  padding: 5px;
}


.button {

        border: 2px solid;
        border-color: #ccc #222 #222 #ccc;
        background: #ddd;
        padding: 5px;
        margin: 0px;
        color: #000;

}

.button:hover {

        color: #555;

}

.button:active {

        border-color: #222 #ccc #ccc #222;

}


img {
border: 0px solid white;
}


.toptab {

display: inline;
border: 0px dashed #eecccc;
padding: 0;
margin: 0;

}

.toptab img {
margin: 0px;
padding: 0px;
border-bottom: 1px solid #969696;
}


.tabinfront {

display: inline;
border: 0px dashed #eecccc;
padding: 0;
margin: 0;

}

.tabinfront img{
border-bottom: 1px solid #f0f1ec;

}



#underbar {
position:absolute;
width:90%;
height:25px;
top:68px;
left: 0px;
border: 1px solid #969696;
padding: 0px;
margin: 0px;
z-index: 1;
}

#topbackground {
position: absolute;
top:0;
left:0;
width:100%;
height: 67px;
/*height:200px;*/
/*background:url(/images/topbackgroundrepeat.png) repeat-x;*/
/*background:#f2f2ff;*/
/*background:#fff;*/
z-index:0;
border-bottom: 1px solid #969696;
}


#upperright {
position: absolute;
right: 5px;
top: 5px;
z-index:1000;
text-align: right;
font-size:9pt;
}

#upperright a:hover {
color: #3e3e22;
}

#searchbox {
  margin: 3px;
  border: 1px solid gray;
  height: 18px;
  width: 100px;
}


.iconwrapper {
        display: inline;
        float: left;
        margin: 5px;
}

.outericon {   
        border: 0px solid black;
        background: #aa9999;
        color: white;
        padding:0px;
        margin:0px;
        height: 80px;
        width: 65px;
        text-align: center;
}

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








/*  for edit-in-place-with-ajax routines */
.editable {
  color: #000;
  background-color: #ffffd3;
}


#cornerlogo {
  border:  0px solid yellow;
  color: white;
  padding: 0;
  margin:  0;
  width:   187px;
  height:  30px;
/*  background: url('/images/scrapease.png');*/
/*  float: left;*/
  position: absolute;
  top: 2px;
  left: 10px;
  z-index:10;
}

#cornerlogo a:hover {

  background:none;

}

#tagline {

  position:absolute;
  top:20px;
  left:240px;

}

#toparea {
  height: 80px;
}

#navcontainer {
 height: 79px;
/* this is needed */
 border-top: 1px solid #dfceeb;
 padding: 0;
 padding-bottom: 0;
 margin-bottom: 0;
 vertical-align: bottom;
 background-color: #fcc;
 background: url('/images/blue_white_blue_grad.png');
 background-repeat: repeat-x;

 }


#coveralls {
  position:absolute;
  top:90px;
  left:0px;
  width: 100%;
  height: 10px;
  background: #deceef;
  z-index:8;
}

#navlist {
 position:absolute;
 z-index:101; 
 height: 25px;
 margin-top: 59px;
 margin-bottom: 0;
 margin-left: 6px;
 /* this is what mozilla wants to destroy the extra left space */
 padding-left: 0;
 padding-top: 5px;
 display: block;
 text-align:center;
}


#navlist span {

 padding-right: 1px;
 font-size: 15px;
 text-align: center;
}

#navlist span a {

 height: 25px;
 padding-right: 1px;
 padding-bottom: 1px;
 padding-top: 0;
 padding-left: 1px;
/* background: #cec9ff;*/
 position:relative;
}

#navcontainer a:link,
#navcontainer a:visited {

 color: #ffffff;
 text-decoration: none;

}


/* this is apparently necessary for IE to not be a bonehead */
#navcontainer a:hover,
#navcontainer span#active {
 background: none;
 margin-bottom:0px;
 border-bottom: 0px solid #deceef;
}


#navcontainer a:hover img {
  border-bottom: 0px solid #deceef;
    top: -5px;
  position:relative;

}

#navcontainer span a:hover span,
#navcontainer a:hover span {
  top: -5px;
  position:relative;
  border-bottom: 0px solid #deceef;
}

/* style for the 'active' tab  */
#navcontainer span#active,
#navcontainer span#active a span {
  top: -5px;
  position:relative;
}




#textarea {

 background-color: #809FFF;

}

/* this is an attempt at a more generic tab class */

.tabs ul {
  margin: 0;
  margin-top: 3px;

}

.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;

  /* the font doesnt' need to be this big */
  font-size: 10pt;

  /* this takes away the dot in front of the list item */
  display: block;

  /* this ensures that the elements are displayed horizontally */
  float: left;

/* testing    */
  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;
}

/* style for the 'active' li */
.tabs li.active a {
   background-color: #fff;
   color: #00248F;
   margin: 0;
}

/* this ends an attempt at a more generic tab class */


/* begin css for friends/index to hide/display current tab */
#friend_content div  {
  display: none;
}

#friend_content div.active {
  display: block;
}

#friend_content div.active div {
  display: inline;
  
}

/* end css for friends/index to hide/display current tab */

#editme {

border: 1px solid gray;
background: #FFF;
height: 20px;
}

.textbox {

  background: #ffe;
  border: 2px solid #333;
  padding: 2px 5px;
  margin: 10px 5px;
/*  height: 35px;*/
  font-size: 12pt;
}

#signinform {

 text-align: left;
 border: 0px solid red;
 margin: 10px auto;
}


#image_manager {

  border: 0px solid black;
/*  height: 90%;*/
/*  overflow:auto;*/
  padding: 10px;
 }


#tag_listing {
  border: 3px solid #deceeb;
  background: #f3e8ff;
/*  float:left;*/
/*  position:absolute;*/
  padding: 7px;
  margin: 5px;
  margin-top: 0;
  line-height: 1.3em;
  font-size: 9pt;
}

.keyword_box {

 border:3px solid #deceeb;
 background: #f3e8ff;

}
 
#image_thumbs {
 
  border: 1px solid #ccc;
  width: 98%;
  font-size: 9pt;
/*   height:100%; */

}


.thumbnail {
/*  height:98%; */
 font-size:8pt;
 padding: 30px 1px 5px;

}

.clickable {cursor: pointer;}

.idea {

  float:left;
/*  width:250px;*/
/*  height:250px;*/
  border:2px solid #ccc;
  padding:5px;
  background:#eee;
  margin:5px;
  
}

.thumbnail img, .thumbnail span {
  border: 0px solid white;
/*  width: 80%;*/
  }


.selectedImage {
  background:#ff9;
}


#infoarea {

  border: 2px solid #ff5;
  background: #ffa;
  text-align: center;
  font-size: 9pt;

}

#infoarea div {


}

#infomessage {

  margin:20px;
  margin-top:50px;
  margin-bottom:10px;
  text-align:center;
  padding:10px;
  border: 2px solid #fff;
  background: #ffc;
  font-size: 11pt;
  font-weight: bold;

}
  
#actionarea {
 border:4px solid #bdacc9;
/* background:#eae9ff;*/
 background:#f3e8ff;
/* padding-top:60px;
 padding-bottom:30px;
 padding-left:50px;
 padding-right:50px;*/

}

#actiondiv {
  margin-top:60px;
}

  
.buttonize  {

  margin: 5px;
  padding: 5px;
  font-weight: bold;
  font-size: 20px;
  
}

.buttonize a {
  padding: 5px;
  margin: 5px;
}

.buttonize a:hover {
  background: #ffa;
  
}

#notice {
  border: 2px solid purple;
/*  background: #deceef;*/
  background:#8c3d77;
  color: black;
  width: 90%;
  top: 0px;
  height:100px;
  left: 50px;
  position: absolute;
  padding: 3px 10px;
}



.pagelist {

  list-style-type:none;
  padding:0;
  margin:0;
  display: block;
  float:left;
  height: 120px;
  width:  120px;
  
}

/* forums section */

#forums {

  padding:20px;
  margin: 25px;
  border: 3px solid #deceeb;
  background: #f3e8ff;

}

#forums th {

  background:#404;
  padding:2px 20px;
  font-size: 14pt;
  color:white;
}

#forums td {

  font-size: 10pt;
  text-align:center;

}

#forums .title {

  text-align:left;

}

.forum_title {

  font-size:14pt;
  font-weight:bold;

}

.forum_description {

  font-size:10pt;
  font-style: italic;
  font-weight: normal;
  padding:5px;
}

.topic_subject {

  margin-top: 5px;
  padding: 3px 10px;
  background: white;  
  font-weight: bold;
  font-size: 10pt;
  
}

.forum_topic .topic_subject {

  font-size:14pt;
  text-align: center;
}

.forum_post {

  background: #efefef;
  border:3px solid #efdeef;
  padding:3px;
  margin:2px;
  margin-bottom:10px;

}

.forum_post_body {

  background:#ffe;
  border:3px solid #a9a;
  padding:20px;
}

.odd {

  background: #deceef;

}

.odd a, .even a {


}
.even {
 background:#b498e2;
}

.new_post {
  background: #deceef;
  border:3px solid #efdeef;
  padding:30px;
  margin:20px;


}

.avatar {

  border: 0px solid #3e3e3e;
  margin:5px;

}

.avatar img {

  border:3px solid white;

}

.breadcrumbs {

  font-size: 14pt;
  font-weight: bold;
  margin: 10px 0;
}

.imagehover {

  background: #ffa;
  border: 5px solid #ff7;

}

#coverup {

  position:absolute;
  z-index:1;
  background:#dfceeb;
  width:100%;
  height:37px;
  top:80px;
  left:0;
  border-bottom:2px solid #dcc4f3;
}

.home_action {

  border:5px solid #DAB5FF;
  background: #dfceeb;
  padding:10px;
  margin: 10px;
  font-size:10pt;
  text-align:center;
/*  height:200px;*/
/*  width:25%;*/
/*  height:180px;*/
/*  float:left;*/
}

.home_action img {
  border:0px solid white;
}

.home_link a {
  display:block;
  margin:5px;
  padding:5px;
  border:2px solid white;
  font-weight:bold;
}

.home_link a:hover {

  background:#cac;
  color:white;

}
.featured {
  float:left;
  border:#dcc4f3;
  background:#deceeb;
  
}

.featured img {
  margin:20px;

  border:3px solid white;

}

.bigbutton {
  margin-top:50px;
  width:200px;
  height:50px;
  font-size:18pt;
  background:#deceeb;
  border:5px solid #eebeef;
}

.alignright {
  text-align:right;
}


.album {
/*  float: left; */
  padding: 10px;
/*  width: 250px;*/
/*  height:350px;*/
/*  background: #eee;*/
  margin: 0 1px;
/*  text-align:center;*/
}

.inplaceeditor-form {
  display:inline;
  font-size:12pt;
}


.inplaceeditor-form input {  }

/***The text input field:***/
.inplaceeditor-form input[type=text] { }
/***(Note that this CSS selector is ignored in Safari and probably IE) Š***/

/***The textarea input field (if you use a :rows value greater than 1)***/
.inplaceeditor-form textarea { }

/***The cancel link:***/
.inplaceeditor-form a { }


.album_label .label {

  font-weight:bold;
  color:black;

}

.label {
  text-align:right;
  font-weight: bold;
  vertical-align: top;
}

.100 {

  width:100%;

}

.smaller {

  font-size: 9pt;

}

.evensmaller {
  font-size: 8pt;
}

.bullet {

  margin:5px;
  font-size:13pt;
  text-align:left;
  padding:5px;

}

.frontbutton  {

  margin:20px;
  padding:10px 20px;
/*  background:#afa;*/
/*  border:5px solid #cfc;*/
  width:80%;
  text-align:center;
  font-size:15pt;
}


.newbutton a {

 border:2px solid #c9c;
 background: #deceef;
 margin:10px;
 padding:10px 20px;
 font-size:11pt;
 font-weight: bold;
 width:170px;
}

.newbutton a:hover {

  background:#ff9;

}

.errors {

  padding:10px;
  width:70%;
  border:5px solid red;
  text-align:left;
  color: #522;
  background:#f99;
}

.image_actions a:hover, {

  background: #ff5;

}

.backgroundblue {
 background:#b498e2;

}






.ideaimage {

/*  position:absolute;*/
  float:right;
  top:1px;
  right: 2px;
/*  margin: 15px 20px;*/

}


.tab {

  padding:5px 8px;
  margin-right:5px;
  border-top: 1px solid #eeceee;
  background: #efdeef;

}

.floatright {
  float:right;
}

.floatleft { 
  float:left;
}

.fieldWithErrors input {
  border:1px solid red;
  background:#fcc;
}

div.errorExplanation {
  padding: 0 20px;
  border:1px solid red;
  background:#fcc;
  text-align:center;
}

div.innerError {
  width:68%;
  text-align:left;
  
}

#image_selection_area {

  float:left;
  margin-right:15px;
  margin-bottom:20px;
}

.selected_keyword {
  background:#deceef;
  
}


.actioneer_remove { 
    color:darkred;
  }
  
 .actioneer_add { 
    color:darkgreen;
    padding-left:10px;
  } 
  
  .actioneer_new { 
    background:blue;
    color:white;
  }
  
  .actioneer_heading {
    color: #222;
    disabled: true;
    padding: 0 0 0 5px;
    border-top:1px solid #999;
  }
  
  .actioneer_divider {
    color:#eee;
    text-align: center;
  }
  
  
 #catcher {
 
   background:#737;
   color:white;
   text-align:center;

   
 }
 
 #sign_up_button, #demo_button {
   padding: 10px 20px;
   margin: 10px 0;
   border: 5px solid #eef;
   background: url('/images/gradient.png');
   font-size: 9pt;
   padding-bottom:20px;
   font-style: italic;
 }
 
 #sign_up_button h3, #demo_button h3{
   padding: 0;
   margin: 0;
   margin-bottom: 10px;
   font-size: 16pt;

 }
 
 #image_action_bar {
   font-size: 9pt;
 }
 
 #image_actioneer {
   font-size: 9pt;
  }
  
#spinner {
      display:none;
      position:absolute;
      bottom: 10px;
      left: 40px;
      z-index: 3000;
      background:white;
      border:5px solid #ccf;
      margin: 10px;    
 }
 
.notes {

  font-size: 9px;
  color: #333;
  width: 300px;

}

.upgrade_link a {
  color: #7204ad;
  }


 
#cart{
  width: 100%;
  border: 0px solid #ccc;
  padding: 0;
/*  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;*/
}

#totals {
  text-align: right;
}

#cart img {
  vertical-align:top;
}
#cart th {
  font-size: 11pt;
}
#cart td {
  font-size: 10pt;
  vertical-align: top;
  background: #eee;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 4px;
  text-align: center;
}
.cart_actions {
  text-align:right;
}
.cart_item {
  width: 100%;
  border-bottom: 2px solid #ccc;
  border-top: 2px solid #ccc;
  padding-bottom: 5px;
  padding-top: 5px;
  clear: both;
}


#shipping_options label {
  cursor: pointer;
  display:block;
}

.payment_option {
   margin-bottom: 10px;
   background: #aad;
   padding:5px;
}


.pay_tab {
  background: #ddd;
  padding: 5px 10px;
  display:inline;
}

.pay_tab.selected {
  background: #aad;
}

#order_summary, .shipping_options {
   margin-bottom: 10px;
   background: #aad;
   padding:15px;
   padding-bottom: 30px;
}



.flash {
  margin:5px 5px 30px 5px;
}