/* From base.css */
/* DEFAULT **************************************************************** */
body
{
    background: #fff;
    margin: 0px;
    padding: 0px;
}

body, div, p, em, small, table, td, th, ul, li, fieldset, legend, input, textarea, option, select
{
    font-family: arial,helvetica,verdana,tahoma, sans-serif;
    color: #333;
}

legend
{
    font-weight: bold;
    padding: 0px 5px;
}

body, div, p, em, table, td, th, ul, li, fieldset, legend, input, textarea, option, select
{
    font-size: 11px;
}

p
{
    margin: 2px 0px 5px;
}

a, a:link, a:active, a:visited
{
    color: #ae341f;
    text-decoration: none;
}

a:hover
{
    color: #c45b4a;
}

ol
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding: 3px;
}

blockquote
{
    margin: 5px 10px;
    padding: 0px;
}

form, div
{
    margin: 0px;
    padding: 0px;
}

input, textarea, option, select
{
    margin: 0px;
}

input, textarea
{
    padding-left: 5px;
}

.radio input
{
    border: none !important;
}

code, pre
{
    font-family: "courier new" , courier, "lucida console" , monospace;
    font-size: x-small;
    background: #060;
    color: #0f0;
}

hr
{
    width: 100%;
    height: 1px;
    color: #ccc;
    padding: 0px;
    margin: 3px 0px;
    border: none;
    border-top: 1px solid #ccc;
}

hr.alt
{
    height: 2px;
    border: none;
    border-top: 2px dotted #ccc;
    margin-top: 3px;
    padding-bottom: 3px;
}

/* From util.css */

/* HTML EMULATION ********************************************************* */
.center
{
    text-align: center !important;
}

.right
{
    text-align: right !important;
}

.left
{
    text-align: left !important;
}

.top
{
    vertical-align: top !important;
}

.middle
{
    vertical-align: middle !important;
}

.bottom
{
    vertical-align: bottom !important;
}

.float-left
{
    float: left !important;
}

.float-right
{
    float: right !important;
}

.clear-right
{
    clear: right !important;
}

.clear-left
{
    clear: left !important;
}

.clear-none
{
    clear: none !important;
}

.bold
{
    font-weight: bold !important;
}

.normal
{
    font-weight: normal !important;
}

.italic
{
    font-style: italic !important;
}

.inline
{
    display: inline !important;
}

.underline
{
    text-decoration: underline !important;
}

.uppercase
{
    text-transform: uppercase !important;
}

.lowercase
{
    text-transform: lowercase !important;
}

.nowrap
{
    white-space: nowrap !important;
}

.border-collapse
{
    border-collapse: collapse !important;
}

/* SMALL WORLD */
small, .small, .small p, .small a, .small em, .small li, .small ul, .small code, .small pre, .small table, .small tr, .small td, .small th, .small div, .small span, .small select, .small option, .small input, .small textarea
{
    font-size: 11px;
}

.small h1, h1 small
{
    font-size: large !important;
}

.small h2, .small h3, .small h4, .small h5, .small h6, h2 small, h3 small, h4 small, h5 small, h6 small
{
    font-size: x-small !important;
}

h2 .small, h2.small
{
    font-size: x-small !important;
}

.small big
{
    font-size: small;
}

.smaller
{
    font-size: 80%;
}

/* SPACING **************************************************************** */
.pad
{
    padding: 5px;
}

.pad-top
{
    padding-top: 5px;
}

.pad-right
{
    padding-right: 5px;
}

.pad-left
{
    padding-left: 5px;
}

.pad-bottom
{
    padding-bottom: 5px;
}

.pad-x
{
    padding-left: 5px;
    padding-right: 5px;
}

.pad-y
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.dbl-pad
{
    padding: 10px !important;
}

.dbl-pad-body
{
    padding: 10px !important;
    background: #ffffff;
}

.dbl-pad-top
{
    padding-top: 10px;
}

.dbl-pad-right
{
    padding-right: 10px;
}

.dbl-pad-right-body
{
    padding-right: 10px;
    background: #ffffff;
}

.dbl-pad-left-body
{
    padding-left: 10px;
    background: #ffffff;
}

.dbl-pad-left
{
    padding-left: 10px;
}

.dbl-pad-bottom
{
    padding-bottom: 10px;
}

.dbl-pad-x
{
    padding-left: 10px;
    padding-right: 10px;
}

.dbl-pad-y
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.small-pad
{
    padding: 3px;
}

.small-pad-top
{
    padding-top: 3px;
}

.small-pad-right
{
    padding-right: 3px;
}

.small-pad-left
{
    padding-left: 3px;
}

.small-pad-bottom
{
    padding-bottom: 3px;
}

.small-pad-x
{
    padding-left: 3px;
    padding-right: 3px;
}

.small-pad-y
{
    padding-top: 3px;
    padding-bottom: 3px;
}

.margin
{
    margin: 5px;
}

.margin-top
{
    margin-top: 5px;
}

.margin-right
{
    margin-right: 5px;
}

.margin-bottom
{
    margin-bottom: 5px;
}

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

.margin-x
{
    margin-left: 5px;
    margin-right: 5px;
}

.margin-y
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.dbl-margin-top
{
    margin-top: 10px;
}

.dbl-margin-right
{
    margin-right: 10px;
}

.dbl-margin-bottom
{
    margin-bottom: 10px;
}

.dbl-margin-left
{
    margin-left: 10px;
}

.dbl-margin-x
{
    margin-left: 10px;
    margin-right: 10px;
}

.dbl-margin-y
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.small-margin
{
    margin: 5px;
}

.small-margin-top
{
    margin-top: 3px;
}

.small-margin-right
{
    margin-right: 3px;
}

.small-margin-bottom
{
    margin-bottom: 3px;
}

.small-margin-left
{
    margin-left: 3px;
}

.small-margin-x
{
    margin-left: 3px;
    margin-right: 3px;
}

.small-margin-y
{
    margin-top: 3px;
    margin-bottom: 3px;
}

.nudge-down
{
    position: relative;
    top: 2px;
}

/* BOXES ****************************************************************** */
.box
{
    padding: 5px;
    border: 1px solid #999;
}

.action-box
{
}

.message-box
{
    background: #fffff0;
}

/* SEPARATORS ************************************************************* */
.sep-right
{
    border-right: 3px dashed #9dadc2;
}

.sep-left
{
    border-left: 3px dashed #9dadc2;
}

/* CONSTANTS ************************************************************** */
.bg
{
    background: #999;
}

.bg-lite
{
    background: #f0f0f0;
}

.bg-white
{
    background: #fff;
}

.bg-brite
{
    background: #ffe;
}

.bg-lite-blue
{
    background: #f0f0fa;
}

.bg-dark
{
    background: #666;
}

.ol
{
    border: 1px solid #999;
}

.ol-lite
{
    border: 1px solid #ddd;
}

.ol-white
{
    border: 1px solid #fff;
}

.ol-dark
{
    border: 1px solid #666;
}

.ol-black
{
    border: 1px solid #000;
}

.ol-dotted
{
    border: 2px dotted #666;
}

.ol-raised
{
    border-width: 1px 3px 3px 1px !important;
}

.none
{
    background: none;
    border: none;
}

.sub, .sub td, .sub p
{
    color: #999;
}

.sub a, .sub a:link, .sub a:active, .sub a:visited
{
    color: #999;
}

.sub a:hover
{
    color: #666;
}

.red
{
    color: f00;
}

/* BUTTONS **************************************************************** */
a em, a:link em, a:visited em, a:active em
{
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    margin: 0px;
    padding: 3px 10px;
    background: #f0f0f0;
    color: #666;
    border: 1px solid #ccc;
}

a:hover em
{
    background: #fafafa;
    cursor: auto;
    color: #333;
    border: 1px solid #666;
}

a em.on, a:link em.on, a:visited em.on, a:active em.on
{
    font-weight: bold;
    text-transform: uppercase;
    background: #fa5;
    color: #333;
    border: 1px solid #999;
}

a:hover em.on
{
    background: #fb6;
    color: #333;
    border: 1px solid #666;
}

input.fixed
{
    width: 60px;
}

/* From custom.css */

/* SHELL ****************************************************************** */
.main
{
}

/* MAST */
.mast
{
    padding: 0px;
    margin: 0px;
    background-image: url(../data/default-mast.jpg);
    background-repeat: no-repeat !important;
    background-position: top left;
}

.mast a p, .mast a:link p, .mast a:active p, .mast a:visited p
{
    padding: 1px 0px 1px 5px;
    color: #999;
    border-left: 4px solid #bbb;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.mast a:hover p
{
    border-left: 4px solid #666;
    color: #333;
}

.mast a p.on, .mast a:link p.on, .mast a:active p.on, .mast a:visited p.on
{
    color: #c30;
    border-left: 4px solid #c30;
}

.mast a:hover p.on
{
    color: #900;
}

/* BODY ******************************************************************* */
.body-shadow
{
    background-image: url(../data/body-bg.gif);
    background-repeat: repeat-x;
    background-position: top left;
}

/* MORE **************************************************************** */
.more
{
    text-align: right;
}

.more a
{
    text-transform: uppercase;
    font-weight: bold;
}

/* SIDEBAR **************************************************************** */
.sidebar a, .sidebar a:link, .sidebar a:active, .sidebar a:visited
{
}

.sidebar a:hover
{
    color: #999;
}

.sidebar h2
{
    color: #57667d;
    padding: 0px 0px 10px 5px;
}

td.sidebar
{
    background: #ffffff;
    border-left: 1px solid #ccc;
}

.sidebox td, .sidebox p
{
    color: #666;
}

.sidebox th
{
    color: #fff;
    background-image: url(../data/sidebox-title-bg.gif);
    background-repeat: no-repeat;
    background-position: center left;
    border: none;
    border-top: 1px solid #7e8998;
    border-bottom: 1px solid #747474;
    text-align: left;
    padding: 5px 0px 5px 17px;
}

.sidebox-bullet-link a
{
    background-image: url(../data/arrow-li.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 17px;
}

td.sidebox-shadow
{
    background-image: url(../data/sidebox-shadow.gif);
    background-repeat: repeat-x;
    background-position: top left;
}

/* FORM ******************************************************************* */
.form
{
}

.form th, .form td
{
    padding: 3px;
    font-size: x-small;
}

.form th
{
    background: #f0f0f0;
    padding-left: 15px;
    font-style: normal;
    font-weight: normal;
    font-size: xx-small;
    text-align: right;
}

.form th.alt
{
    background: none;
}

.form td
{
    padding-right: 5px;
}

.read-only th
{
    padding: 3px;
    background: none;
    font-weight: bold;
}

/* REPORT ***************************************************************** */
.report
{
}

table.report
{
    border-bottom: 1px solid #666;
}

.report th, .report td
{
    padding: 3px 5px;
}

.report th
{
    font-size: xx-small;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    white-space: nowrap;
    background: #f0f0f0;
    color: #333;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.report td
{
    border-top: 1px solid #ccc;
}

.report tr.alt
{
    background: #f0f0f6;
}

/* "cool buttons" for report links */
.report a em, .report a:link em, .report a:active em, .report a:visited em
{
    font-size: xx-small;
    background: none;
    color: #006;
    border: 1px solid #fff;
}

.report a:hover em
{
    background: #f0f0f0;
    color: #900;
    border: 1px solid #999;
}

/* FOOTER ***************************************************************** */
.footer
{
    background: #ffffff;
    border-top: 1px solid #ccc;
    color: #666666;
    font-weight: normal;
    font-size: 10px;
    padding-top: 10px;
    padding-right: 10px;
    margin: 0px;
    text-align: right;
}

.home_footer
{
    color: #666666;
    font-weight: normal;
    font-size: 10px;
    padding-top: 10px;
    padding-right: 10px;
    margin: 0px;
    text-align: right;
}

.credit-footer
{
    color: #666666;
    font-weight: normal;
    font-size: 10px;
    margin: 0px;
}


.footer a, .footer a:link, .footer a:active, .footer a:visited
{
    color: #999;
    text-transform: uppercase;
    margin: 0px 10px;
    font-weight: bold;
}

.footer a:hover
{
    color: #666;
}

/* COPYRIGHT ***************************************************************** */
.footer p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: 666666;
    text-decoration: none;
}

/* FOOTNOTE ***************************************************************** */
.footnote
{
    background-image: url(../data/shadow.gif);
    background-repeat: repeat-x;
    background-position: top left;
}


.footnote p
{
    color: #666;
}

.footnote a, .footnote a:link, .footnote a:active, .footnote a:visited
{
    color: #999;
    text-transform: uppercase;
    margin: 0px 10px;
    font-weight: bold;
}

.footnote a:hover
{
    color: #666;
}

/* ERROR-BOX */
.error-box
{
    padding: 5px;
    background: #fdd;
    border: 1px solid #f00;
    color: #900;
    margin-bottom: 10px;
}

/* From dw.css */

#body h2.alt
{
    background-image: url(../data/arrow-h2.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
    margin: 17px 0px 5px;
    padding-top: 4px;
    border-top-width: 2px;
    border-top-style: dotted;
    border-top-color: #aaa;
}

#body ul
{
    position: relative;
    left: -10px;
    margin-top: 10px;
    list-style-image: url(../data/arrow-li.gif);
}

#body li
{
    margin-bottom: 5px;
}

#body em
{
    color: #7e8998 !important;
}

#body p
{
    color: #333;
    margin: 2px 0px 5px;
}

#body p.red
{
    color: #c45d4a;
}

#body h2.title
{
    font-size: 13px;
    padding: 0px;
    margin: 10px 0px;
    color: #57667d;
}

#body h3.title
{
    font-size: 12px;
    padding: 0px;
    margin: 10px 0px;
    color: #57667d;
}

#body h3.myth
{
    font-size: 12px;
    padding: 0px;
    margin: 7px 0px;
}

/* From dropmenu.css */

#dropmenudiv
{
    /* you can change these properties */
    background: #fff;
    background-image: none;
    background-repeat: repeat-x;
    background-position: top left;
    border: 1px solid #7d8997;
    border-top: none;
    padding: 10px 0px 5px;
    font-size: 12px; /* control width here - overridden in dropmenu.jsp */
    width: 150px !important;
    position: absolute;
    z-index: 100;
}

#dropmenudiv a:first-child
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#dropmenudiv a
{
    /* you can change these properties */
    color: #333;
    padding: 5px;
    border-bottom: 1px solid #ccc; /* please don't mess */
    display: block;
}

#dropmenudiv a:hover
{
    /* you can change these properties */
    color: #A22E4D;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
}

/* From HOME.CSS */
.home-h1
{
    font-family: arial,helvetica,tahoma;
    text-transform: none;
    font-size: small;
    color: #6a7885;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    border: none;
}

.home-h2
{
    font-family: arial,helvetica,tahoma;
    text-transform: uppercase;
    font-size: x-small;
    color: #6a7885;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    border: none;
}

.home-h3
{
    color: #6b778d;
}

body
{
    background-color: #CDD9DD;
    margin: 0;
}

p, ul, li, table, td, th, fieldset, legend, input, textarea, option, select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 15px;
}

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.body
{
    list-style-image: url(../images/arrow.gif);
    list-style-position: inside;
    margin: 10px;
}

a, a:link, a:active, a:visited
{
    color: #AC2E4D;
    text-decoration: none;
}

a:hover
{
    color: #AC2E4D;
    text-decoration: underline;
}


/* P {margin: 0px 0px 12px;} */

h1, h2, h3, h4, h5, h6
{
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 18pt;
    font-weight: bold;
    line-height: 26px;
    color: #AC2E4D;
}

h2
{
    font-size: 11pt;
    font-weight: bold;
    color: #5B7C98;
    margin-bottom: 10px;
}

h3
{
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}

h4
{
    font-size: 10px;
    font-weight: bold;
    color: #5B7C98;
    margin-bottom: 10px;
}

h5
{
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
    margin-bottom: 10px;
}

h6
{
    font-size: 10pt;
    font-weight: normal;
    color: #5B7C98;
    margin-bottom: 10px;
}

.main-table
{
    background-color: #FFFFFF;
    padding: 10px 30px 0px 20px;
}

.home-main-table
{
    background-color: #5e9bae;
    padding: 10px 8px 0px 20px;
}

.home-col3
{
    background-color: #FFFFFF;
    padding: 0px 6px 0px 8px;
}

.home-vertline
{
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #71aec1;
    background-color: #5e9bae;
    padding: 0px 0px 0px 8px;
}

.home-wh-text
{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}

.news
{
    color: #333333;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
}

.news-col2
{
    color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
}

a.news-col2:link
{
    color: #FFFFFF;
    text-decoration: none;
}
a.news-col2:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
a.news-col2:active
{
    color: #FFFFFF;
    text-decoration: none;
}
a.news-col2:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

.breadcrumbs
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}

.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active
{
    color: #AC2E4D;
    font-weight: normal;
    text-decoration: none;
}

.breadcrumbs a:hover
{
    color: #AC2E4D;
    font-weight: normal;
    text-decoration: underline;
}

.last-crumb
{
    color: #666 !important;
}

/* Top Nav */
.topnav
{
    padding: 0px 12px;
    background-color: #A22E4D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    line-height: 15px;
    font-weight: bold;
    text-align: center;
}

.topnav a:link, .topnav a:visited, .topnav a:active
{
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

.topnav a:hover
{
    color: #000000;
    text-decoration: none;
}

.topnav a.on, .topnav a:link a.on, .topnav a:visited a.on, .topnav a:active a.on
{
    color: #000000;
    text-decoration: none;
}

.topnav a:hover a.on
{
    color: #000000;
    text-decoration: none;
}


.topnavon
{
    padding: 0px 12px;
    background-color: #A22E4D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 15px;
    font-weight: bold;
    text-align: center;
}

.topnavon a:link, .topnavon a:visited, .topnavon a:active
{
    color: #000000;
    text-decoration: none;
    display: block;
}

.topnavon a:hover
{
    color: #000000;
    text-decoration: none;
}

/* Left Nav */

ul.leftnav
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.leftnav
{
    background-color: #ffffff;
    width: 156px;
    margin: 20px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 15px;
    font-weight: normal;
    border-style: solid none none none;
    border-color: #CCCCCC;
    border-width: 1px;
}


.leftnav li a
{
    border-bottom: #CCCCCC 1px solid;
    height: 18px;
    text-decoration: none;
    border-left: #cccccc 2px solid;
}


.leftnav li a:link, .leftnav li a:visited, .leftnav li a:active
{
    color: #333333;
    display: block;
    border-bottom: #CCCCCC 1px solid;
    background-color: none;
    padding: 4px 0 0 6px;
    text-decoration: none;
    border-left: #cccccc 2px solid;
}

.leftnav li a:hover
{
    color: #AC2E4D;
    text-decoration: none;
    border-bottom: #CCCCCC 1px solid;
    border-left: #AC2E4D 2px solid;
    padding: 4px 0 0 6px;
}


.leftnav li a.on, .leftnav a:link li a.on, .leftnav a:visited li a.on, .leftnav a:active li a.on
{
    color: #AC2E4D;
    text-decoration: none;
    border-bottom: #CCCCCC 1px solid;
    border-left: #AC2E4D 2px solid;
    background-color: #CCCCCC;
    padding: 4px 0 0 6px;
}

.leftnav a:hover li a.on
{
    color: #AC2E4D;
    text-decoration: none;
    border-bottom: #CCCCCC 1px solid;
    border-left: #AC2E4D 2px solid;
    background-color: #CCCCCC;
    padding: 4px 0 0 6px;
}


.leftnav li a:active
{
    background-color: #ffffff;
    color: #AC2E4D;
    text-decoration: none;
    font-weight: normal;
}

/*Left Nav level2*/

ul.leftnav2
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.leftnav2
{
    background-color: #ffffff;
    width: 156px;
    margin: 20px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 15px;
    font-weight: normal;
    border-style: none;
    border-color: #CCCCCC;
    border-width: 1px;
}


.leftnav2 li a
{
    border-bottom: #CCCCCC 1px solid;
    height: 18px;
    text-decoration: none;
    border-left: #cccccc 2px solid;
}


.leftnav2 li a:link, .leftnav2 li a:visited, .leftnav2 li a:active
{
    color: #333333;
    display: block;
    border-bottom: #CCCCCC 1px solid; /* background-color:   ; */
    padding: 4px 0 0 16px;
    text-decoration: none;
    border-left: #cccccc 2px solid;
}

.leftnav2 li a:hover
{
    color: #AC2E4D;
    text-decoration: none;
    border-bottom: #CCCCCC 1px solid;
    border-left: #AC2E4D 2px solid;
    padding: 4px 0 0 16px;
}


.leftnav2 li a.on, .leftnav2 a:link li a.on, .leftnav2 a:visited li a.on, .leftnav2 a:active li a.on
{
    color: #AC2E4D;
    text-decoration: none;
    border-bottom: #CCCCCC 1px solid;
    border-left: #AC2E4D 2px solid;
    background-color: #CCCCCC;
    padding: 4px 0 0 16px;
}

.leftnav2 a:hover li a.on
{
    color: #AC2E4D;
    text-decoration: none;
    border-bottom: #CCCCCC 1px solid;
    border-left: #AC2E4D 2px solid;
    background-color: #CCCCCC;
    padding: 4px 0 0 16px;
}


.leftnav2 li a:active
{
    background-color: #ffffff;
    color: #AC2E4D;
    text-decoration: none;
    font-weight: normal;
}



/* From original css, used by edit pages */
.leftnav-gutter
{
    /* background: #ffffff; */
}

.leftnav
{
    background: #ffffff;
    border-right: 1px solid #dfe2e7;
}

.leftnav table.navbox th, .leftnav table.navbox td
{
    padding: 5px;
    text-align: left;
    white-space: nowrap;
}

.leftnav table.navbox th
{
    color: #000;
    background: #ffffff;
}

.leftnav a p, .leftnav a:link p, .leftnav a:visited p, .leftnav a:active p
{
    padding: 5px 0px;
    background: #ffffff;
    cursor: auto;
    margin: 0px;
    width: 100%;
    border-bottom: 2px dotted #ccc;
}

.leftnav a:hover p
{
    background: #fff;
    color: #c85c50;
}

.leftnav a p.on, .leftnav a:link p.on, .leftnav a:visited p.on, .leftnav a:active p.on
{
    color: #c85c50;
    background: #fff;
    background-image: url(../images/arrow-leftnav-on.gif);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: bold;
    border-bottom: 2px dotted #ccc;
    border-right: 1px solid #fff;
    position: relative;
    left: 1px;
}

.leftnav a p.childOn, .leftnav a:link p.childOn, .leftnav a:visited p.childOn, .leftnav a:active p.childOn
{
    color: #c85c50;
    background: #fff;
    font-weight: bold;
    border-bottom: 2px dotted #ccc;
    border-right: 1px solid #fff;
    position: relative;
    left: 1px;
}

.leftnav a p.open, .leftnav a:link p.open, .leftnav a:visited p.open, .leftnav a:active p.open
{
    background: #fff;
    border-bottom: 2px dotted #ccc;
    border-right: 1px solid #fff;
    position: relative;
    left: 1px;
}

/* lines **************************************************************** */

hr
{
    width: 100%;
    height: 1px;
    color: #ccc;
    padding: 0px;
    margin: 3px 0px;
    border: none;
    border-top: 1px solid #ccc;
}

.vert-dot
{
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #828888;
}

.vert-dot2
{
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #DEE4E4;
}

.line-left
{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
}

.line-top
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}

/* From edit.css */
h1.authoring
{
    background: #ffd;
    background-image: url(../images/authoring-title-bg.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    font-family: "trebuchet ms" , "Tahoma" , verdana, "helvetica" , "sans-serif";
    font-size: medium;
    color: #333;
    margin: 0px 0px 10px;
    padding: 5px;
    border-bottom: 1px solid #000;
}

/* DEFAULT **************************************************************** */
#edit
{
    background: #fff;
    margin: 10px;
    padding: 0px;
}

#edit body, #edit div, #edit p, #edit em, #edit small, #edit table, #edit td, #edit th, #edit ul, #edit li, #edit fieldset, #edit legend, #edit input, #edit textarea, #edit option, #edit select
{
    font-family: tahoma,verdana,helvetica,verdana,tahoma, "sans-serif";
    color: #333;
    font-size: x-small;
}

#edit legend
{
    width: 90%;
    font-weight: bold;
    padding: 3px;
    background: #ddd;
    color: #333;
    border: 1px solid #999;
}

#edit em
{
    font-size: xx-small;
    font-style: normal;
}

#edit hr
{
    border: none;
    border-top: 1px solid #999;
    height: 1px;
}

#edit h2
{
    font-family: "trebuchet ms" , "Tahoma" , verdana, "helvetica" , "sans-serif";
    font-size: medium;
    color: #fff;
    background: #666;
    margin: 0px 0px 10px;
    padding: 5px;
    border: 1px solid #333;
}

#edit h3, #edit h4, #edit h5, #edit h6
{
    background: #ddd;
    color: #666;
    margin: 5px 0px;
    padding: 3px;
}

#edit a, #edit a:link, #edit a:active, #edit a:visited
{
    color: #009;
    text-decoration: underline;
}

#edit a:hover
{
    color: #00c;
    text-decoration: none;
}

#edit a.on, #edit a.on:link, #edit a.on:active, #edit a.on:visited
{
    color: #f60;
    text-decoration: none;
    font-weight: bold;
}

#edit .form th
{
    white-space: normal;
}

#edit .pad-right
{
    padding-right: 10px;
}

#edit ul
{
    margin: 3px;
    margin-left: 15px;
}

#edit li
{
    padding: 3px 0px;
}

#edit p.small
{
    font-size: xx-small;
}

/* -- ACTIONS -- */
#edit div.actions
{
    font-size: xx-small;
    padding: 5px;
    padding-left: 10px;
    background: #fffff0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

#edit .actions p, #edit .actions a, #edit .actions ul, #edit .actions li #edit .actions div, #edit .actions td
{
    font-size: xx-small;
    color: #666;
}

#edit .actions a, #edit .actions a:link, #edit .actions a:active, #edit .actions a:visited
{
    color: #999;
    font-size: xx-small;
    font-weight: bold;
}

#edit .actions a:hover
{
    color: #f60;
}

#edit .form th, #edit .form td
{
    font-size: x-small;
}

#edit .form th
{
    padding-right: 10px;
}

fieldset.preview
{
    border: none;
    border-top: 3px solid #900;
    margin: 5px;
}

#edit .leftpane
{
    padding-right: 10px;
    padding-top: 5px;
}

#edit .rightpane
{
    border: none;
    border-left: 3px dotted #ccc;
    padding-left: 10px;
}

.leftpane legend
{
    font-size: xx-small !important;
}

#edit .submit
{
    font-size: xx-small;
    font-weight: bold;
    text-transform: uppercase;
    background: #ff9;
    color: #000;
    border: 1px solid #000;
    border-width: 1px 2px 2px 1px;
}

/* deprecated putting in for legacy support */
#edit .button
{
    font-size: xx-small;
    font-weight: bold;
    text-transform: uppercase;
    background: #CCC;
    color: #666;
    border: 1px solid #666;
    border-width: 1px 2px 2px 1px;
    margin: 5px 0px;
}

/* force the width of textareas wider */
#edit textarea {
    min-width:550px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 650 ? "550px" : "100%" );	
	}

/* CMS BAR */
.cms-bar
{
    border-left: 4px solid rgb(204, 204, 204);
    padding-left: 8px;
}