/* Interface */
html
{
overflow-x: auto;
overflow-y: scroll;
height: 100%;
}
body, textarea
{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
body
{
margin: 0;
padding: 0;
font-size: 11px;
height: 100%;
cursor: default;
}
a img
{
border: none;
}
h1
{
font-size: 24px;
margin: 0;
padding: 0;
font-weight: normal;
}
hr
{
height: 2px;
border-style: none;
padding: 0;
margin: 8px 0;
}
form
{
margin: 0;
padding: 0;
}
#container-wrapper
{
margin: auto;
min-width: 780px;
}
#container
{
width: 90%;
margin: auto;
position: relative;
}
/* */
#header
{
padding-top: 91px;
padding-right: 32px;
height: 26px;
line-height: 20px;
position: relative;
font-size: 14px;
font-weight: bold;
}
#logo
{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 300px;
height: 117px;
background-position: center center;
background-repeat: no-repeat;
}
#logo img
{
display: block;
width: 300px;
height: 117px;
}
/* */
/* */
#userbar
{
line-height: 22px;
text-align: right;
padding-right: 30px;
}
#userbar a
{
display: block;
float: right;
text-decoration: none;
line-height: 16px;
height: 16px;
padding: 0 6px;
margin: 3px 0 0 8px;
text-transform: uppercase;
}
/* */
/* */
#body
{
position: relative;
}
/* */
/* */
#content-wrapper
{
padding: 0 28px;
}
#content
{
position: relative;
z-index: 4;
padding-left: 28px;
min-height: 500px;
}
#breadcrumb
{
padding-top: 12px;
text-transform: lowercase;
line-height: 20px;
height: 20px;
overflow: hidden;
}
#breadcrumb a
{
text-decoration: none;
}
#page
{
padding-top: 1px;
padding-bottom: 28px;
position: relative;
}
/* */
#top-gradient-dots
{
position: absolute;
z-index: 3;
left: 0px;
top: 0px;
width: 100%;
height: 100px;
background-image: url(../images/bg_top-gradient-dots.gif);
}
#top-gradient
{
position: absolute;
z-index: 2;
left: 0px;
top: 0px;
width: 100%;
height: 100px;
}
#bottom-gradient
{
position: absolute;
z-index: 1;
left: 0px;
bottom: 0px;
width: 100%;
height: 100px;
}
#top-gradient-dots img, #bottom-gradient img, #top-gradient img
{
display: block;
width: 100%;
height: 100px;
}
/* */
#footer
{
height: 71px;
line-height: 71px;
text-align: right;
font-style: italic;
padding: 11px 30px 11px 30px;
}
#footer a
{
display: block;
float: right;
padding-left: 5px;
}
#footer img
{
display: block;
width: 71px;
height: 71px;
}
/* */
#loginPage, #emailPage
{
padding-left: 15px;
padding-top: 28px;
width: 280px;
}
#altloginPage
{
padding-left: 15px;
padding-top: 28px;
width: 500px;
}
#altloginPage textarea
{
font-family: "Courier New", Courier, monospace;
}
#loginPage h1, #emailPage h1, #altloginPage h1
{
margin-bottom: 23px;
}
#loginPage table, #emailPage table, #altloginPage table
{
width: 100%;
padding-bottom: 12px;
}
#loginPage th, #emailPage th, #altloginPage th
{
font-size: 14px;
font-weight: normal;
padding: 5px 0;
text-align: left;
}
#loginPage td, #altloginPage td
{
width: 190px;
padding: 5px 0;
}
#emailPage td
{
width: 220px;
padding: 5px 0;
}
#loginPage a.button1, #emailPage a.button1, #altloginPage a.button1
{
float: left;
margin-top: 5px;
}
#loginPage a.button2, #emailPage a.button2, #altloginPage a.button2
{
float: left;
margin-top: 5px;
margin-left: 5px;
}
.indexTable
{
width: 100%;
border-collapse: collapse;
}
/* Opera 10 hack */
.indexTable:after
{
content: "";
float: left;
height: 1%;
width: 0;
}
.indexTable td
{
text-align: center;
padding: 2px 4px;
white-space: nowrap;
}
.indexTable th
{
text-align: left;
font-weight: normal;
padding: 2px 4px;
}
.indexTable table td, .indexTable table th
{
padding: 0 2px;
}
.indexTable table
{
border-collapse: collapse;
margin: auto;
}
.indexTable tbody td, .indexTable tbody th
{
height: 22px;
line-height: 22px;
}
.indexTable tbody a, .indexTable thead a
{
display: block;
}
.indexTable tfoot td, .indexTable tfoot th, .formFooter
{
padding: 2px 8px 8px 8px;
}
.indexTable tfoot .button1, .indexTable tfoot .button2, .formFooter .button1, .formFooter .button2
{
float: right;
margin-left: 8px;
margin-top: 6px;
}
.indexTable tfoot .textfield
{
margin-left: 8px;
margin-top: 6px;
}
.indexTable thead
{
text-transform: uppercase;
}
.icon
{
display: block;
float: left;
padding: 2px 3px 2px 0;
}
a.button1, a.button2
{
display: block;
text-transform: uppercase;
text-decoration: none;
padding: 2px 6px;
line-height: 14px;
height: 14px;
}
/* */
.checkbox, .checkbox-on
{
display: block;
margin: auto;
width: 11px;
height: 11px;
margin: auto;
}
.checkbox-on
{
background-image: url(../images/img_check.gif);
}
.checkbox img, .checkbox-on img
{
display: block;
width: 11px;
height: 11px;
}
.sort-arrows
{
width: 36px;
height: 12px;
margin: auto;
}
.sort-arrows a
{
display: block;
float: left;
margin: auto;
width: 12px;
height: 12px;
}
.sort-arrows img
{
display: block;
width: 12px;
height: 12px;
}
.move-up
{
background-image: url(../images/img_move-up.gif);
}
.move-drag
{
background-image: url(../images/img_move-drag.gif);
}
.move-down
{
background-image: url(../images/img_move-down.gif);
}
#move-divider
{
display: none;
position: absolute;
top: 0;
width: 100%;
height: 3px;
z-index: 999;
cursor: move;
}
.move-cursor, .move-cursor *
{
cursor: move;
}
/* */
/* */
h6
{
text-transform: uppercase;
line-height: 19px;
padding: 0 11px;
margin: 0;
font-size: 11px;
}
.field
{
padding: 5px 9px 7px 9px;
margin-bottom: 7px;
}
.selectfield select
{
font-size: 11px;
margin: 0;
padding: 1px 1px 1px 3px;
}
.checkboxfield {
line-height: 18px;
}
.checkboxfield * {
vertical-align: middle;
}
.checkboxfield input
{
padding: 0;
margin: 0 4px 0 0;
}
.checkboxfield ul
{
list-style-type: none;
display: block;
padding: 0;
margin: 0;
}
.checkboxfield li
{
display: block;
float: left;
padding: 0 30px 0 0;
margin: 0;
}
.staticfield
{
padding: 2px;
}
.textfield, .datefield
{
padding-right: 8px;
}
.textfield input, .datefield input
{
font-size: 11px;
line-height: 14px;
height: 14px;
width: 100%;
margin: 0;
padding: 3px;
}
.textfield textarea
{
font-size: 11px;
line-height: 17px;
width: 100%;
margin: 0;
padding: 1px 3px 1px 3px;
}
.textfield .tworows
{
height: 36px;
overflow-x: hidden;
}
.textfield .threerows
{
height: 53px;
overflow-x: hidden;
}
.textfield .fourrows
{
height: 70px;
}
.textfield .sixrows
{
height: 104px;
}
.textfield .eightrows
{
height: 138px;
}
.textfield .sixteenrows
{
height: 274px;
}
.textfield .tall
{
height: 410px;
}
.datefield
{
position: relative;
}
.datefield div
{
position: absolute;
z-index: 100;
display: none;
left: 16px;
top: 21px;
}
.datefield tbody a
{
display: block;
}
.datefield td
{
text-align: center;
line-height: 25px;
height: 25px;
}
.datefield thead td
{
width: 33px;
}
.datefield thead a
{
text-decoration: none;
}
.datefield thead th
{
line-height: 30px;
}
.datefield tbody a
{
width: 33px;
height: 25px;
text-decoration: none;
}
.imageupload div
{
float: left;
width: 50%;
margin: 15px 15px 10px 15px;
}
.imageupload input, .fileupload input
{
position: relative;
top: 1px;
padding: 0;
margin: 0 4px 0 0;
}
.imageupload img
{
float: left;
padding-right: 20px;
max-width: 100%;
}
.imageupload .file
{
position: static;
margin: 5px 0 0 0;
width: 100%;
}
.fileupload .file
{
position: static;
margin: 5px 0 0 0;
width: 50%;
}
.fileupload div
{
padding-top: 5px;
}
.errorMessage, .noticeMessage
{
line-height: 18px;
font-size: 14px;
padding: 8px 16px;
margin: 4px 0 16px 0;
}
/* */
/* */
#edit_area_toggle_checkbox_css
{
margin-right: 4px;
padding: 0;
position: relative;
top: 3px;
width: auto;
border: none;
}
/* Clearing hack */
.clearing:after, .imageupload:after, .checkboxfield ul:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearing, .imageupload, .checkboxfield ul
{
display: inline-block;
}
* html .clearing, * html .imageupload, * html .checkboxfield ul
{
height: 1%;
}
.clearing, .imageupload, .checkboxfield ul
{
display: block;
}
.selectfield.category select{
float: right;
margin: 10px 0px;
min-width: 164px;
}