/* ANCHORS */
a
{
   color: #444;
   text-decoration: underline
}

a:hover
{
   text-decoration: none
}

a.rev
{
   text-decoration: none;
   color: #FFF
}

a.rev:hover
{
   color: #444;
   background-color: #FFF
}

a.settingsitem
{
   text-decoration: underline;
   color: #FFF
}

a.settingsitem:hover
{
   text-decoration: none;
   color: #444;
   background-color: #FFF
}

a.menu
{
   text-decoration: none
}

a.menu:hover
{
   color: #FFF;
   background-color: #444
}

a.error
{
   color: #FFF;
   text-decoration: underline
}

a.error:hover
{
   text-decoration: none;
   color: #444;
   background-color: #FFF
}

/* BACKGROUNDS & COLORS */
body
{
   background: #FFF;
   color: #444
}

.dark
{
   background: #1F427D
}

.lite
{
   background: #CCF
}

.disabled
{
   background: #EEE;
   color: #888;
}

.optional
{
   background: #FFD
}

.required
{
   background: #CFC
}

.help
{
   background: #FFD;
   color: #000;
   z-index: 10
}

.hide
{
   display: none;
}

/* BORDERS */
img
{
   border: 0
}

.bb1
{
   border-bottom: 1px solid #CCF
}

.bb2
{
   border-bottom: 2px solid #CCF
}

.bt1
{
   border-top: 1px solid #CCF
}

.bt2
{
   border-top: 2px solid #CCF
}

.help
{
   border: 1px solid #000
}

/* FONTS */
body
{
   font-size: 13px;
   font-family: Arial, sans-serif
}

pre
{
   font-family: Courier, monospace
}

h1
{
   font-size: 20px;
   font-weight: bold
}

h2
{
   font-size: 18px;
   font-weight: bold
}

h3
{
   font-size: 16px;
   font-weight: bold
}

.label
{
   font-size: 15px;
   font-weight: bold
}

.label-left
{
   white-space: nowrap;
   font-size: 15px;
   font-weight: bold
}

.help
{
   font-size: 12px
}

.small
{
   font-size: 10px
}

.normal
{
   font-weight: normal;
   font-style: normal
}

.bold
{
   font-weight: bold
}

/* MARGINS (transparent) & PADDING (bordered) */
body
{
   margin: 4px;
   padding: 0
}

h1, h2, h3, p
{
   padding: 0
}

h1
{
   margin: 0 0 4px 0
}

h2
{
   margin: 12px 0 4px 0
}

h3
{
   margin: 8px 0 4px 0
}

p
{
   margin: 8px 0 8px 0
}

form
{
   margin: 0
}

ul
{
   margin-left: 20px
}

th h1, th h2, th h3
{
   margin: 0
}

.help
{
   margin: 1px 0 0 4px;
   padding: 3px
}

.menu, .rev, .settingsitem
{
   padding: 0 2px
}

/* TABLES */
.main-table
{
   width: 100%;
}

th
{
   text-align: left;
   vertical-align: top
}

td.settings
{
   padding-top: 8px;
}

tr.settings td
{
   padding: 3px 8px;
}

table.settings
{
   width: 100%;
   padding: 4px 8px;
   margin: 8px 0;
   border: thin solid #CCF
}

table.su
{
   width: 100%;
   padding: 15px 8px;
   margin: 8px 0;
   border: solid #000; /*Super User Highlight*/
}

td.label
{
   text-align: right;
   vertical-align: middle;
   white-space: nowrap
}

table.settings th
{
   vertical-align: middle;
   text-align: left;
   white-space: nowrap
}

td.middle
{
   vertical-align: middle
}

td.fixed
{
   width: 115px
}

#account-form td.fixed
{
   width: 140px;
}

td, td.top
{
   vertical-align: top
}

td.middle
{
   vertical-align: middle
}

td.bottom
{
   vertical-align: bottom
}

td.left
{
   text-align: left
}

td.nowrap
{
   white-space: nowrap
}

div.JStable
{
   border: thin solid #CCF
}

tr.settings
{
   vertical-align: middle;
   background: #CCFFCC;
   color: #000000
}

tr.JStable, JStableHighlighted, fade
{
   background-color: #CCFFCC;
}

tr.JStableHighlighted
{
   background-color: #0000FF;
}

tr.fade
{
   background-color: #FFCCCC;
   color: #666666;
}

td.JStable, JStableHighlighted
{
   width: 99%;
}

td.JStableHighlighted
{
   background-color: #0000FF;
}

input.JStable, JStableHighlighted
{
   background-color: #CCFFCC;
   border: none;
   width: 99%;
   /*for ie*/
   width: expression(308 + "px");
}

input.fade
{
   background-color: #FFCCCC;
   color: #666666;
   width: 99%;
}

input.JStableHighlighted
{
   background-color: #0000FF;
   color: #FFFFFF;
   border: none;
   width: 99%;
}

/*----- pure classes -----*/

/* DIVIDER */
.divider
{
   border-top: 1px solid #CCF;
   padding-top: 6px;
   margin-top: 6px
}

/* ERROR */
.error
{
   background: #822;
   color: #FFF
}

.error2
{
   font-weight: bold;
   font-size: 110%;
   color: #ED1F24;
   padding: 10px;
   text-align: left;
}

div.error
{
   padding: 4px 8px;
   margin: 8px 0;
   font-weight: bold
}

ul.error
{
   margin: 0;
   padding: 0 0 0 18px;
}

/* SUCCESS */
div.success, div.failure
{
   padding: 4px 8px;
   margin: 8px 0;
   border: thin solid #CCF;
   font-weight: bold
}

div.failure
{
   border: thin solid #611;
}

ul.success
{
   margin: 0 0 0 16px
}

/* POSITIONS */
.body
{
   position: relative;
   height: 100%
}

.help
{
   position: absolute
}

/* TEXT ALIGNMENT */
.left
{
   text-align: left
}

.center
{
   text-align: center
}

.right
{
   text-align: right
}

.top
{
   vertical-align: top
}

/* TEXT WRAPPING */
.nowrap
{
   white-space: nowrap
}

/* VISIBILITY */
.help
{
   display: none
}

/*----- tagged classes -----*/

/* BUTTON */
div.button
{
   text-align: right;
   padding: 0
}

input.button
{
   font-size: 18px;
   font-weight: bold;
   background: url(../images/button.jpg) #5B7BB6;
   color: #FFF
}

input.inline
{
   font-size: 15px;
   font-weight: bold;
   background: url(../images/button.jpg) #5B7BB6;
   color: #FFF;
   margin-top: 1px
}

h2.rounded div input.button
{
   font-size: 15px;
}

h2.rounded div
{
   float: right;
   margin-top: -6px;
}

/* DIGEST */
div.digest
{
   background: #EEE;
   border: 1px solid #000
}

table.digest
{
   padding: 0;
   margin: 0;
   background: #EEE;
   border-collapse: collapse
}

table.digest tr th
{
   color: #FFF;
   background: #5A82B3;
   font-size: 12px;
   font-weight: bold;
   padding: 0 4px
}

table.digest tr td
{
   color: #000;
   font-size: 11px;
   padding: 0 4px
}

/* NAV */
div.nav
{
   width: 180px;
   border: 1px solid #EEE;
   padding: 2px 4px;
   overflow: hidden;
}

div.nav h1, div.nav h2
{
   font-weight: bold;
   margin: 2px 0 0 0;
   color: #888
}

div.nav h1
{
   font-size: 16px
}

div.nav h2
{
   font-size: 14px
}

div.nav ul
{
   background: #EEE;
   margin: 0;
   padding: 0
}

div.nav ul li
{
   list-style: none;
   border: 1px solid #FFF;
   font-size: 12px;
   font-weight: bold
}

div.nav h1 a, div.nav h2 a
{
   display: block;
   text-align: left;
   border: 1px solid #FFF;
   color: #888
}

div.nav h1 a:hover, div.nav h2 a:hover
{
   background: #5A82B3;
   color: #FFF
}

div.nav ul li a
{
   display: block;
   border-left: 14px solid #5A82B3;
   padding-left: 4px;
   color: black;
   text-decoration: none
}

div.nav ul li a:hover
{
   background: #5A82B3;
   color: #FFF
}

div.su
{
   border: 3px solid #000; /*Super User Highlight*/
   padding: 5px
}

div.nav ul li.su
{
   background: #000; /*Super User Highlight*/
}

div.nav ul li.su a
{
   margin: 3px;
   background: #EEE;
   border-left: 11px solid #5A82B3;
}

div.nav ul li.su a:hover
{
   background: #5A82B3;
}

div.nav ul li.selected a
{
   border-left: 11px solid #822;
   background: #822;
   color: #FFF
}

div.nav ul li.selected a:hover
{
   background: #5A82B3;
   color: #FFF
}

div.nav ul li.selected a:hover
{
   border-left: 11px solid #5A82B3
}

div.nav h1 a, div.nav h2 a
{
   text-decoration: none
}

div.nav ul.nav, ul.nav
{
   margin-bottom: 6px
}

/* RANGE */
div.range
{
   background: #EEE;
   color: #444;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   padding: 4px;
   margin-bottom: 8px
}

div.range
{
   border-width: 2px;
   border-style: outset
}

/* REPORT */
span.report-sub
{
   display: block;
   font-size: 10px;
   margin-top: 10px
}

div.report
{
   background: #EEE;
}

table.report
{
   padding: 0;
   margin: 0;
   background: #EEE;
   border-collapse: collapse;
   border: 1px solid #000;
   width: 100%;
}

table.report tr th
{
   color: #FFF;
   background: #5A82B3;
   font-size: 12px;
   font-weight: bold;
   padding: 0 4px;
   vertical-align: baseline;
}

table.report th.delivery-details
{
   color: yellow;
}

table.report td.delivery-details
{
   color: yellow;
   font-size: 12px;
   font-weight: bold;
   padding: 0 4px;
}

table.report tr td
{
   color: #000;
   vertical-align: middle;
   font-size: 11px;
   padding: 0 4px;
}

div.has-checkboxes table.report tr td
{
   line-height: 19px;
}

table.report tr.top td
{
   vertical-align: top;
}

table.report .error
{
   color: #FFF;
}

/* ROUNDED RECT */
div.br
{
   background: #5A82B3 url(../images/corners/lr.gif) no-repeat bottom right;
   color: #FFF;
   padding-bottom: 0px
}

div.tr
{
   background: transparent url(../images/corners/ur.gif) no-repeat top right
}

div.tl
{
   background: transparent url(../images/corners/ul.gif) no-repeat top left
}

div.bl
{
   background: transparent url(../images/corners/ll.gif) no-repeat bottom left
}

.relax
{
   background: #FFF;
   height: 12px
}

div.rounded
{
   padding: 4px 12px 12px 12px
}

h1.rounded
{
   margin-top: 8px;
   border-bottom: 4px solid #CCF
}

h2.rounded
{
   margin-top: 8px;
   border-bottom: 2px solid #CCF
}

h3.rounded
{
   margin-top: 8px;
   border-bottom: 1px solid #CCF
}

/* SUBMENU */
div.submenu
{
   font-size: 10px;
   padding-bottom: 4px
}

div.submenu a
{
   color: #CCF;
   text-decoration: underline;
   padding: 0 2px
}

div.submenu a:hover
{
   color: #444;
   background: #FFF;
   text-decoration: none
}

div.listmenu
{
   overflow: hidden;
   max-width: 450px;
   width: expression(450 + "px");
}

.default-account
{
   font-style: italic;
}

/* TAB */
table.tab
{
   width: 550px;
   background: #EEE;
   color: #444
}

table.tab tr td
{
   font-size: 13px;
   font-weight: bold
}

table.tab tr td.selected
{
   background: #5A82B3
}

table.tab tr td.su
{
   border-top: 3px solid #000; /*Super User Highlight*/
   border-bottom: 3px solid #000; /*Super User Highlight*/
}

table.tab td.suCorner
{
   background: #000; /*Super User Highlight*/
}

table.tab tr td.suSelected
{
   background: #5A82B3;
   border-top: 3px solid #000; /*Super User Highlight*/
   border-bottom: 3px solid #000; /*Super User Highlight*/
}

table.tab td.suSelectedCorner
{
   background: #000; /*Super User Highlight*/
}

/*----- OBJECTS -----*/

/* BANNER */
div#banner
{
   position: absolute;
   left: 0;
   top: 34px;
   width: 760px;
   background: transparent
}

div.banner
{
   padding: 8px 0;
   color: #FFF;
   text-align: right
}

div.banner a
{
   color: #FFF;
   padding: 3px 9px;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none
}

div.banner a:hover
{
   color: #FFF;
   border-bottom: 3px solid #FFF
}

/* CONTENT */
div#content
{
   position: absolute;
   left: 210px;
   top: 90px;
   width: 550px
}

/* CONTENT */
.content-wide div#content
{
   width: auto;
   min-width: 550px;
}

div.content
{
   margin: 0;
   padding: 0
}

/* FOOTER */
div#footer
{
   position: absolute;
   left: 0;
   top: 849px;
   width: 760px;
   height: 101px
}

/* HEADER */
div#header
{
   position: absolute;
   left: 0;
   top: 0;
   width: 760px
}

/* MAILBOXES : this needs to be updated! */
table#mailboxes tr th
{
   vertical-align: middle;
   padding: 0 4px;
   font-size: 16px;
   background: #EEE;
   color: #444;
   height: 35px
}

table#mailboxes tr td
{
   vertical-align: middle;
   padding: 0 4px
}

/* MAILBOXES : this needs to be updated! */
table#console-settings
{
   width: 100%;
}

table#console-settings tr th
{
   vertical-align: middle;
   padding: 0 4px;
   font-size: 12px;
   background: #EEE;
   color: #444;
   height: 25px
}

table#console-settings tr td
{
   vertical-align: middle;
   padding: 0 4px
}

/* PANEL */
div#main
{
   position: absolute;
   top: 90px;
   left: 0;
   width: 760px
}

div.main
{
   margin: 0;
   padding: 0 0 0 8px
}

/* PANEL */
div#panel
{
   position: absolute;
   top: 90px;
   left: 0;
   width: 200px
}

div.panel
{
   margin: 0;
   padding: 0 0 0 8px
}

/* QUARANTINE */
div#quarantine
{
   position: absolute;
   left: 8px;
   top: 325px;
}

pre.preview
{
   font-family: Courier, monospace;
   font-size: small;
   color: #333;
}

table.certificate
{
   background-color: #C7C7C7;
   border: thin solid #000;
   width: 100%;
}

table.certificate td.header
{
   font-weight: bold;
}

table.certificate td.property
{
   width: 185px;
}

table.certificate td.expired
{
   color: red;
}

table.inbound-test
{
   width: 100%;
}

table.inbound-test td
{
   padding-right: 4px;
   padding-left: 4px;
}

table.inbound-test td.header
{
   font-weight: bold;
}

table.inbound-test span.dbid
{
   font-weight: normal;
}

table.inbound-test .error
{
   color: red;
   background-color: white;
}

.tz
{
   float: left;
   width: 552px;
   height: 340px;
   background: url(/images/tz/TimeZoneMap.jpg);
}

table.subscription
{
   margin: 0;
   padding: 0
}

td.subscription
{
   margin-left: 4px;
}

.spacer
{
   height: 17px;
}

.spacer11
{
   height: 11px;
}

.spacer22
{
   height: 22px;
}

.left-spacer
{
   margin-left: 5px;
}

.leftify-checkbox
{
   margin-left: 0;
}

.checkbox-spacer a
{
   padding-left: 20px;
}

.full-width
{
   width: 100%;
}

#mainform .arrow-down
{
   background: transparent url(/images/arrows/WhiteDown.gif) no-repeat scroll left center;
   padding-left: 15px;
}

#mainform .arrow-right
{
   background: transparent url(/images/arrows/WhiteRight.gif) no-repeat scroll left center;
   padding-left: 15px;
}

.accordionHeading
{
   margin-top: 15px;
}

.accordionHeading:hover
{
   background-color: #CCCCFF;
   cursor: pointer;
}

a.accordionHeading-rev
{
   text-decoration: none;
   color: #FFF;
}

a.accordionHeading-rev:hover
{
   background-color: #CCCCFF;
}

div.new-button
{
   float: right;
}