.clearfix:after
{
content: "a bunch of text again, what's up with this?";
color: green;
display: block;
height: 200px;
clear: both;
visibility: visible;
}
.sorting-area
{
margin: 0px;
margin-left: 19.2em;
padding: 2px;
padding-top: 0px;
padding-left: 4px;
}
.create-text-color
{
color: #c97901;
}
.title-area
{
width: 100%;
border: 1px solid blue;
}
.title
{
font-size: 18px;
font-weight: 100;
font-family: Helvetica, Arial, sans-serif;
float: left;
margin-bottom: 0px;
color: #c97901;
}
.title-current-spot-name
{
float: left;
color: #a77;
margin-left: 20px;
padding: 0px 10px;
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-weight: normal;
}
.title-tool-status
{
position: absolute;
border: red 2px solid;
background-color: #ff8;
margin-left: 60px;
margin-top: 2px;
margin-right: 20px;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
display: none;
z-index: 99;
top: 12px;
left: 24px;
}
.title-tools
{
position: relative;
text-align: right;
display: inline;
font-size: 70%;
float: right;
border:0px solid green;
margin:0px;
padding:0px;
}
.toolbar-item
{
vertical-align:middle;
}
.sizable
{
visibility: hidden;
}
.dir-header
{
width: 100%;
height: 100px;
border:1px solid green;
}
.dir-title
{
float: left;
border: 0px solid yellow;
padding: 1px;
text-align: center;
font-weight: 400;
width: 100px;
margin-right: 10px;
}
ul.sortable li
{
position: relative;
}
ul.boxy
{
list-style-type: none;
padding: 0px;
margin: 0px;
width: 10em;
font-size: 13px;
font-family: Arial, sans-serif;
}
ul.boxy li
{
cursor:move;
padding: 2px 2px;
border: 1px solid #ccc;
background-color: #eee;
}
.clickable a
{
display: block;
text-decoration: none;
cursor: pointer;
}
.clickable li:hover
{
background-color: #f6f6f6;
}
.blankfiller
{
list-style-type: none;
margin: 0px;
padding: 0px;
border: 0px;
height: 0px;
}
.blankitem-junk-delete
{
position: relative;
float: left;
width: 80px;
height: 0px;
margin-bottom: 0px;
margin-right: 0px;
}
.slide
{
position: relative;
float: left;
width: 100px;
margin-bottom: 10px;
margin-right: 10px;
}
.slide-image
{
width: 100px;
height: 75px;
}
.slide div.thumb
{
background: #fff;
width: 100px;
height: 75px;
font-size: 5px;
font-family: "Times New Roman", serif;
}
.slide .view
{
padding: 2px 2px;
margin: 2px 0px 0px 0px;
cursor: text;
border: 1px solid #ccc;
background-color: #eee;
height: 1em;
}
.view:hover
{
background-color: #ddccff;
}
.view, .inplace, #list5 input
{
font-size: 13px;
font-family: sans-serif;
}
.inplace
{
position: absolute;
visibility: hidden;
z-index: 10000;
}
.inplace, #list5 input:hover, #list5 input:focus
{
background-color: #ffccff;
}
#slideEditors input.inplace
{
width: 100px;
max-width: 100px;
margin-left: 1px;
}
#slideEditors input.inplace, .view
{
text-align: center;
}
.inplace, #list5 input
{
margin: 0px;
padding-left: 1px;
}
.handle
{
}
.devbutton
{
display: none;
}
.unsorted-image
{
position: relative;
float: left;
width: 60px;
height: 40px;
border: 1px solid red;
}
.unsorted-image-selected
{
position: relative;
float: left;
width: 80px;
margin-bottom: 10px;
margin-right: 10px;
border: 1px solid orange;
}
.unsorted-images
{
background-color: white;
border: 0px solid green;
padding: 0px;
margin: 0px;
overflow: auto;
}
.image-list
{
margin: 0px;
padding: 0px;
overflow: auto;
}
.rp-view
{
position: relative;
float: left;
margin: 5px;
width: 160px;
height:120px;
border: 1px solid black;
font-size: 5px;
overflow: hidden;
}
.rp-view-selected
{
position: relative;
float: left;
margin: 4px;
width: 160px;
height:120px;
border: 2px solid #F33;
font-size: 5px;
overflow: hidden;
}
.rp-view-overlay
{
position: absolute;
left: 0px;
top: 0px;
background: #ff0;
color: #000;
border: 1px solid yellow;
font-size: 12px;
z-index: 99999;
visibility: hidden;
}