/*

*/


/******************************************************************** HTML TAGS */

body {
    margin: 0;
    background: #515151;
    font-family: 'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 67.5%; /* 10 pt */
    color: #555;
}


h1, .FormFieldH1 {
    font-family: Arial,Helvetica,Geneva,sans-serif;;
    font-size: 280%;
    line-height: 110%;
    letter-spacing: -1px;
    color: #736D74;
    font-weight: normal;
    margin: 12px 0 6px 0;
    padding-bottom: 5px;
}

h2, .FormFieldH2 {
    font-family: Arial,Helvetica,Geneva,sans-serif;;
    font-weight: bold;
    color: Black;
    font-size: 160%;
    line-height: 110%;
    margin: 30px 0 6px 0;
}

h3, .FormFieldH3 {
    font-family: Arial,Helvetica,Geneva,sans-serif;;
    font-weight: normal;
    font-size: 160%;
    line-height: 120%;
    margin: 20px 0 6px 0;
}

h4, .FormFieldH4 {
    font-family: Arial,Helvetica,Geneva,sans-serif;;
    font-size: 100%;
    line-height: 160%;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: normal;
    margin: 20px 0 6px 0;
}

h5, .FormFieldH5 {
    font-weight: bold;
    color: black;
    font-size: 110%;
    margin: 12px 0 3px 0;
}

.Tight {
    margin-top: 9px;
    margin-bottom: 0;
}

p, td {
    font-size: 100%;
    line-height: 150%;
}



a {
    color: #0000FF;
    text-decoration: none;
    font-weight: bold;
}

div.ClickByProxy:hover a, a:hover {
    cursor: thumb;
    text-decoration: underline;
    color: #f59d2d;
}


ul {
    margin-left: 15px;
    list-style: square;
}

li {
}

p, li {
    margin-top: 0px;
    margin-bottom: 6px;
}

input {
    font-family: 'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;;
}

/********************************************* CONTENT AREAS */

div#Main {
    width: 750px;
    margin: 0 auto;
    background: transparent url(../images/dropshadow.png) repeat-y;
    padding: 0 16px;
    position: relative;
}

div#MainInner {
    background: white url(../images/background.gif) repeat-y;
}

/* MASTHEAD */

div#Masthead {
    height: 63px;
    border-bottom: 1px solid white;
}

div#Masthead h1 {
    text-indent: -99999em; /* bye-bye */
    position: absolute;
}

/* TAGLINE */

div.Tagline {
    position: absolute;
    top: 88px;
    left: 17px;
    width: 245px;
    height: 45px;
}

div.Tagline p {
    text-indent: -99999em; /* bye-bye */
    position: absolute;
}


/* MASTHEAD CAPTION */

div#MastheadCaption {
    position: absolute;
    top: 88px;
    left: 353px; /* 337+16 */
    width: 192px;
    height: 117px; /* height of "Standards for the triple bottom line" box */
    overflow: hidden;
}

div#MastheadCaption p {
    font-size: 90%;
    line-height: 150%;
    margin: 0;
    padding: 5px 10px 10px 22px;
    background: transparent url(../images/arrow.red.gif) no-repeat 10px 12px;
}

div#MastheadCaption p strong {
    color: #f59d2d;
    font-weight: bold;
}

/* MAIN CONTENT */

div#MainContent {
    float: left;
    width: 529px;
}

/* SECONDARY CONTENT (far-right sidebar)*/

div#SecondaryContent {
    float: left;
    width: 221px;
}

div#SecondaryContent li a {
    width: 201px; /* 221-10-10 */
}


/* FRONT PAGE MAIN CONTENT */

div#FrontMainContent {
    float: left;
    width: 337px;
    overflow-x: hidden;
    margin-top:117px; /* height of "Standards for the triple bottom line" box */
}

div#FrontMainContent div.PadSides {
    padding-left: 10px;
    padding-right: 10px;
}

div#FrontInnerSecondaryContent {
    margin-top:117px; /* height of "Standards for the triple bottom line" box */
}

div#FrontInnerSecondaryContent li a {
    width: 171px; /* 191-10-10 */
}


/* FRONT PAGE 2ND SIDEBAR (INNER RIGHT) */

div.FrontColumnContainer {
    background: transparent url(../images/dots.3.gif) repeat-y 337px 0;
    width: 528px;
    overflow: hidden;
}

div#FrontInnerSecondaryContent {
    float: left;
    width: 191px;
    overflow: hidden;
}


/* SIDEBARS */

.SidebarSection {
    border-bottom: 1px solid white;
}

.SidebarSection a {
    color: #444444;
}

.SidebarSection a:hover, 
.SidebarSection a.Hover {
    color: White !important;
    background-color: #f59d2d !important;
}

.SidebarSection li.Selected a, 
.SidebarSection li.Selected a:hover {
    background: url(../images/dingbats/arrow.selected.gif) no-repeat -1px 2px;
}

.SidebarSection.Reverse a {
    color: #E6E6E6;
}


.S0, .S9, .S8, .S7, .S6 {
    color: White;
}
.S5, .S4, .S3, .S2, .S1 {
    color: Black;
}

.S0 {
    background-color: #504951;
}
.S9 {
    background-color: #625B62;
}
.S8 {
    background-color: #736D74;
}
.S7 {
    background-color: #848085;
}
.S6 {
    background-color: #969297;
}
.S5 {
    background-color: #A8A4A8;
}
.S4 {
    background-color: #B9B6B9;
}
.S3 {
    background-color: #CAC8CB;
}
.S2 {
    background-color: #DCDBDC;
}
.S1 {
    background-color: #EEEDEE;
}

.SidebarSection h2, .SidebarSection h3, .SidebarSection p {
    margin-left: 10px;
    margin-right: 10px;
}

.SidebarSection h2 {
    font-size: 140%;
    padding-top: 12px;
    margin-top: 0px;
    margin-bottom: 6px;
}

/*
.S1 a:hover { background-color:#DCDBDC; }
.S2 a:hover { background-color:#CAC8CB; }
.S3 a:hover { background-color:#B9B6B9; }
.S4 a:hover { background-color:#A8A4A8; }
.S5 a:hover { background-color:#969297; }
.S6 a:hover { background-color:#848085; }
.S7 a:hover { background-color:#736D74; }
*/



/* EXPANDING MENUS */

div.ExpandingMenu ul, div.ExpandingMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.ExpandingMenu ul {
    border-bottom: 1px dotted #B9B6B9;
    margin-bottom: 15px;
}

div.ExpandingMenu ul ul {
    border-bottom: none;
    margin-bottom: 0;
}

/* First level */

div.ExpandingMenu a {
    display: block;
    color: Black;
    padding: 2px 10px 2px 30px;
    padding-top: 1px;
    font-weight: bold;
    background-image: url(../images/dingbats/minus.black.gif);
    background-repeat: no-repeat;
    background-position: 11px 3px;
    border-top: 1px dotted #B9B6B9;
}

div.ExpandingMenu a:hover {
    text-decoration: none;
}

div.ExpandingMenu a.Open {
}

div.ExpandingMenu a.Closed {
    background-image: url(../images/dingbats/plus.black.gif);
}

div.ExpandingMenu a.Open ul {
    display: block;
}

div.ExpandingMenu a.Closed ul {
    display: none;
}

div.ExpandingMenu li {
}

/* Second level */

div.ExpandingMenu li li a {
    color: #333;
    width: 176px; /* 221-35-10 */
    padding-left: 35px;
    background-image: none;
    font-weight: normal;
    border-top: 1px dotted #CAC8CB;
}

/* STATIC MENUS */

div.StaticMenu ul, div.StaticMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.StaticMenu ul {
    border-bottom: 1px dotted #CAC8CB;
    margin-bottom: 15px;
}

div.StaticMenu ul ul {
    border-bottom: none;
}

div.StaticMenu a {
    display: block;
    padding: 2px 10px 2px 10px;
    padding-top: 1px;
    font-weight: bold;
    border-top: 1px dotted #CAC8CB;
}

div.StaticMenu a:hover {
    text-decoration: none;
}




/* TRIPLE STANDARDS MENU */

div#TripleStandardsMenu {
    border-top: 1px solid #625B62;
}

div#TripleStandardsMenu h2 {
    text-indent: -99999em;
    background: transparent url(../images/tagline.standards.gif) no-repeat 10px 5px;
    height: 44px;
}

div#TripleStandardsSelectorContainer {
    margin-left: 12px;
    background: transparent url(../images/dots.white.3.gif) repeat-x;
    padding-top: 12px;
    padding-bottom: 5px;
    height: 36px;
}

div#TripleStandardsSelectorContainer a {
    text-indent: -99999em;
    display: block;
    float: left;
    width: 24px;
    height: 36px;
    background-repeat: no-repeat;
    margin-right: 10px;
}

a#TripleStandardsSelector_1 {
    background-image: url(../images/1.off.gif);
}
a#TripleStandardsSelector_2 {
    background-image: url(../images/2.off.gif);
}
a#TripleStandardsSelector_3 {
    background-image: url(../images/3.off.gif);
}

a#TripleStandardsSelector_1:hover, a#TripleStandardsSelector_1.On {
    background-image: url(../images/1.on.gif);
}
a#TripleStandardsSelector_2:hover, a#TripleStandardsSelector_2.On {
    background-image: url(../images/2.on.gif);
}
a#TripleStandardsSelector_3:hover, a#TripleStandardsSelector_3.On {
    background-image: url(../images/3.on.gif);
}


div#TripleStandardsBannerContainer {
    clear: both;
}

div#TripleStandardsBannerContainer a {
    text-indent: -99999em;
    display: block;
    width: 221px;
    height: 148px;
    border-top: 1px solid white;
}

a#TripleStandardsBanner_1 {
    background-image: url(../images/triple.environmental.jpg);
}
a#TripleStandardsBanner_2 {
    background-image: url(../images/triple.social.jpg);
}
a#TripleStandardsBanner_3 {
    background-image: url(../images/triple.economic.jpg);
}

div#TripleStandardsBannerContainer a.On {
    display: block;
}

div#TripleStandardsBannerContainer a.Off {
    display: none;
}

/* PARTNERS */

div#PartnersMenu {
    padding-bottom: 10px;
}

div#PartnersMenu div.Rotator {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
}

div#PartnersMenu div.Rotator a {
    clear: both;
    display: block;
    color: #D3D2D4;
    font-weight: normal;
    font-size: 90%;
    line-height: 110%;
}

div#PartnersMenu div.Rotator td.Logo {
    padding: 0 10px 0 5px;
}

div#PartnersMenu div.Rotator td.Logo img {
    border: none;
    width: 75px;
    height: 75px;
}

div#PartnersMenu div.Rotator td.LinkText {
    padding: 3px 0;
}

div#PartnersMenu div.Rotator div.ClickByProxy:hover a, div#PartnersMenu div.Rotator a:hover {
    color: White !important;
    text-decoration: underline;
    background: transparent;
}




/* FOOTER */

div#Footer {
    position: relative;
    clear: both;
    width: 750px;
    background-color: #504951;
    height: 125px;
    color: #EEEDEE;
}

div#FooterBranding {
    position: absolute;
    top: 0;
    left: 0;
    width: 528px;
    height: 125px;
    border-right: 1px solid #282428;
}

div#FooterBranding div.Logo {
    text-indent: -9999px;
    height: 39px;
    width: 173px;
    background: transparent url(../images/logo.footer.gif) no-repeat 0 0;
}

div#FooterText {
    position: absolute;
    width: 221px;
    height: 125px;
    left: 529px;
    top: 0;
    border-left: 1px solid #848085;
}

div#FooterText p {
    margin: 10px;
}

div#FooterText a {
    color: #EEEDEE;
}

div#FooterText a.BulletLink.Mail {
    background-image: url(../images/dingbats/mail.white.gif);
}

div#FooterText a.BulletLink.Mail:hover {
    color: White;
    background-image: url (../images/dingbats/mail.white.gif);
    text-decoration: underline;
}

/*** CREDIT */

div#MainBottom {
    position: relative;
    z-index: 10;
    width: 750px;
    height: 60px;
    margin: 0 auto;
    background: transparent url("../images/dropshadow.bottom.png") no-repeat;
    padding: 0 16px;
    cursor: pointer;
}

div#Credit {
    width: 750px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    top: -58px;
}

div#Credit a {
    float: right;
    color: #333;
    font-weight: normal;
    display: block;
    width: 110px;
    padding: 10px 0 10px 39px;
    background: transparent url("../images/cwt.off.gif") no-repeat top left;
}

div#Credit a:hover, div#Credit.Hover a {
    color: White;
    background-image: url("../images/cwt.on.gif");
    text-decoration: none;
}


/* ARTICLES */

div.FeaturedArticle {
}

div.FeaturedArticle img {
    display: block;
    float: left;
    margin-right: 10px;
}

div.FeaturedArticle.NoPhoto img {
    display: none;
}

div.FeaturedArticle div.Abstract {
    display: block;
    float: left;
    margin-top: -6px;
    width: 205px;
}

div.FeaturedArticle.NoPhoto div.Abstract {
    width: auto;
    float: none;
}

div.FeaturedArticle h1 {
    font-size: 240%;
    margin-top:-3px;
}

div.FeaturedArticle p {
    display: inline;
    float: none;
    width: auto;
}

/* CLICK BY PROXY */

div.ClickByProxy:hover {
    cursor: pointer;
}

div.ClickByProxy:hover h1, div.ClickByProxy:hover h2, div.ClickByProxy:hover h3, div.ClickByProxy:hover h4, div.ClickByProxy:hover h5, div.ClickByProxy:hover a {
    color: #f59d2d;
    text-decoration: underline;
}

div.ClickByProxy:hover a.BulletLink {
    background-color: Transparent;
    background-image: url(../images/dingbats/go.red.gif);
}

div.ClickByProxy:hover p {
    color: Black;
}


/* ABOUT THIS SITE */

div#AboutThisSite p {
    font-size: 90%;
    color: #808080;
}

div#AboutThisSite strong {
    color: #f59d2d;
}


/* NEWSLETTER SIGNUP */

div.NewsletterSignup {
}

div.NewsletterSignup p {
}

div.NewsletterSignup input.FormField {
    font-family: 'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;;
    width: 90px;
    height: 11px !important;
    line-height: 11px !important;
    margin-right: 5px;
    font-size: 100%;
}

div.NewsletterSignup a.Button {
    top: 2px;
}

img.PartnerLogo {
    float: left;
    margin: 0 30px 30px 0;
}

div.PartnerDescription {
    float: left;
    padding-right: 30px;
    width: 270px;
}

div#FrontMainContent div.NewsletterSignup {
    margin:20px 0;
}

div#FrontMainContent div.NewsletterSignup input.FormField {
    width:200px;
}


/****************************************************************** MENUS */
/* 
For use with Batiste drop-down menus 
http://www.magnin-sante.ch/journal/html/menu3/menuhorizontal.htm
*/

/********** Containers */

div#MenuContainer {
    background-color: #504951;
    height: 23px;
    border-bottom: 1px solid white;
}

ul#Menu /* Menu container (level 1) */ {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

ul#Menu ul /* Menu containers (level 2+) */ {
    position: absolute;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    visibility: hidden;
    width: 230px;
    border-top: 1px solid white;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    z-index: 9999;
}

ul#Menu li li ul /* Menu containers (level 3+) */ {
}

/********** List items */

ul#Menu li /* List items (level 1+) */ {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

ul#Menu ul li /* List items (level 2+) */ {
    width: 230px;
    background-color: #302C31;
    display: inline-block;
    float: left;
}


/********** Links (level 1+) */

ul#Menu a /* Links (level 1+) */ {
    font-family: 'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;;
    color: White;
    background-color: #504951;
    border-right: 1px dotted #848085;
    display: block;
    text-decoration: none;
    font-weight: normal;
    padding: 1px 12px 1px 12px;
    white-space: nowrap;
    margin: 0 0 0 0;
    line-height: 21px;
}

ul#Menu a.Hover, ul#Menu a:hover /* Links on hover (level 1+) */ {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #f59d2d;
}

ul#Menu a.Selected /* Selected links (level 1+) */ {
    background-color: #302C31;
}

ul#Menu a.HasChildren /* Links with submenus (level 1+) */ {
}

/********** Links (level 2+) */

ul#Menu li li a /* Links (level 2+) */ {
    display: block;
    width: 100%;
    padding: 2px 10px 3px 10px;
    border-right: none;
    border-bottom: 1px dotted #848085;
    font-weight: normal;
    color: white;
    line-height: 18px;
}

ul#Menu li li a.Hover, ul#Menu li li a:hover /* Links on hover (level 2+) */ {
}

ul#Menu li li a.Selected, ul#Menu li li a.Selected:hover /* Selected links (level 2+) */ {
    background-image: url(../images/dingbats/arrow.selected.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
}


ul#Menu li li a.HasChildren {
    /* Links with submenus (level 2+) */
}








/********************************************* DIVIDERS */

div.Divider2, div.Divider3, div.Divider4, div.Divider5 {
    background-image: url(../images/dingbats/dots.2.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    margin: 12px 0;
    clear: both;
}

div.Divider3 {
    background-image: url(../images/dingbats/dots.3.gif);
}

div.Divider4 {
    background-image: url(../images/dingbats/dots.4.gif);
}

div.Divider5 {
    background-image: url(../images/dingbats/dots.5.gif);
}


/********************************************* BULLET LINKS */

a.BulletLink {
    padding-left: 13px;
    background-color: Transparent;
    background-image: url(../images/dingbats/go.blue.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: nowrap;
}

a.BulletLink:hover {
    background-color: Transparent;
    background-image: url(../images/dingbats/go.red.gif);
}

.Reverse a.BulletLink, .Reverse a.BulletLink:hover {
    color: White;
    background-image: url(../images/dingbats/go.white.gif);
}

a.BulletLink.Separate {
    display: block;
    margin: 6px 0;
    white-space: normal;
}

a.BulletLink.Mail {
    background-image: url(../images/dingbats/mail.blue.gif);
}

a.BulletLink.Mail:hover {
    background-image: url(../images/dingbats/mail.red.gif);
}

a.BulletLink strong {
    font-weight: normal;
}

a.BulletLink.Out {
    background-image: url(../images/dingbats/go.out.blue.gif);
}

a.BulletLink.Out:hover {
    background-image: url(../images/dingbats/go.out.red.gif);
}

a.BulletLink span.Dateline, a.BulletLink:hover span.Dateline {
    color: #444444;
    font-weight: normal;
    text-decoration: none;
    display: block;
}



/********************************************* DETAILS TABLE */

table.Details {
    border-collapse: collapse;
    margin: 12px 0;
}

table.Details td, table.Details th {
    padding: 5px 10px 5px 5px;
    font-size: 110%;
    line-height: 13px;
    vertical-align: top;
}

table.Details td {
}

table.Details th {
    border-right: 1px dotted Silver;
    text-align: right;
    font-weight: bold;
    color: Black;
    font-size: 100%;
    width: 125px;
}



/********************************************* BUTTONS */

a.Button {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 80%;
    border: 1px solid #777;
    line-height: 11px;
    height: 11px;
    color: #777;
    white-space: nowrap;
    padding: 1px 17px 1px 3px;
}

a.Button span {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #777;
    height: 13px;
    width: 13px;
    background: transparent url(../images/go.off.gif) no-repeat 0 0;
}

a.Button:focus, 
a.Button:hover {
    background: white!important;
    color: Black !important;
    text-decoration: none;
    border-color: #333;
    cursor:pointer;
}

a.Button:focus span,
a.Button:hover span {
    background-image: url(../images/go.on.gif);
    border-color: #333;
}

/********************************************* CRUMBS */

div#Crumbs {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: -6px;
}

#Crumbs a {
    color: #808080;
    font-weight: normal;
}

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

#Crumbs img {
    position: relative;
    top: -1px;
    margin: 0 2px;
}

/********************************************* TOPIC LISTING */

div.TopicListing {
    clear: both;
    min-height: 120px;
    margin-bottom: 10px;
}

div.TopicListing img.Thumbnail {
    border: 1px solid black;
    float: left;
}

div.TopicListing div.TextContainer {
    float: left;
    margin-left: 10px;
    width: 320px;
}

div.TopicListing h2 {
    margin: 0;
}

/********************************************* EVENT LISTING */

div.EventListing {
    clear: both;
    min-height: 33px;
    padding-bottom: 10px;
}

div.EventListing img.Thumbnail {
    border: 1px solid black;
    float: left;
}

div.EventListing div.TextContainer {
    xxxfloat: left;
    xxxmargin-left: 10px;
    xxxwidth: 80%;
}



/********************************************* BYLINE */

p.ByLine {
    border-top: 1px dotted #ddd;
    padding-top: 4px;
    margin: 12px 0 24px 0;
    clear: both;
    color: Gray;
    font-size: 90%;
}

/********************************************* FORMS */

input.FormField, select.FormField {
    font-size: 110%;
    line-height: 1em;
    height: 1em;
    padding: 1px;
    font-family: 'Courier New',Courier,monospaced;
    color: #444444;
}

select.FormField {
    height: auto;
}








/***************************************************************** FORM FIELDS & BUTTONS */

.FormField, .FormFieldRequired, .FormFieldPrivate, .FormFieldInline {
    font-size: 11px;
    line-height: 14px;
    font-family: 'Courier New',Courier,monospaced;
    font-weight: normal;
    color: #222;
    height: 14px;
}

.FormField, .FormFieldRequired, .FormFieldPrivate, .FormFieldInline, .FormFieldH1, .FormFieldH2, .FormFieldH3, .FormFieldH4 {
    margin: 0 4px 0 0;
    background-color: White;
    border: 1px solid #7F9DB9;
    padding: 2px;
}

.FormFieldRequired {
    border-right: 3px solid red;
}

.FormFieldPrivate {
    background-color: #ddd;
}

a.InlineEditLink, .FormFieldInline {
    line-height: 12px;
    height: 12px;
    padding: 1px;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;;
    margin: 0;
}

a.InlineEditLink {
    display: block;
    color: Black;
}

.FormFieldInline {
    margin-left: -1px;
}

select.FormField {
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 10px;
    height: auto;
}

.Button {
    font-size: 8pt;
    height: 24px;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;;
}





/**************************** Page Tools */

p.PageTools {
    text-align: right;
    margin-top: 36px;
}

p.PageTools a {
    display: inline-block;
    border: 1px solid #CCCCCC;
    padding: 3px 7px 2px 7px;
    margin-left: -1px;
    font-weight: bold;
    font-size: 80%;
    color: Gray;
}

p.PageTools a:hover {
    color: #f59d2d;
    text-decoration: none;
}

p.PageTools a img {
    margin-right: 5px;
}

/**************************** Page Menu*/

p.PageMenu {
    padding-bottom: 10px;
}

p.PageMenu a {
    font-size: 100%;
    margin-right: 2px;
    padding: 2px 7px 3px 7px;
    border: 1px solid #CCCCCC;
    font-weight: normal;
    color: #4C4C4C;
}

p.PageMenu a:hover {
    border: 1px solid #F59D2D;
    background-color: #F59D2D;
    color: #FFFFFF;
    text-decoration: none;
}

p.PageMenu a.Selected, p.PageMenu a.Selected:hover {
    color: White;
    font-weight: bold;
    border: 1px solid #333333;
    background-color: #666666;
}

/********************************************* DOCUMENTS */



p.Doc.DOC {
    background-image: url("../images/icons/document.doc.gif");
}
p.Doc.HTM {
    background-image: url("../images/icons/document.htm.gif");
}
p.Doc.PDF {
    background-image: url("../images/icons/document.pdf.gif");
}

p.Doc {
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 2px 0 3px 20px;
}







/********************************************* PUBLIC SEARCH */

/* Search form */

div.SearchForm {
    background: #EEEDEE;
    padding: 4px;
}


div.SearchForm input.SearchField {
    font-family: 'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 100%;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
}

div.SearchForm a.Button.Search {
}

div.SearchForm a.Button.Search span {
}

/********************************************* GLOSSARY ITEMS */

/**************************** Glossary */

p.GlossaryInitials {
    margin-top: 18px;
}

p.GlossaryInitials a {
    display: inline-block;
    text-align: center;
    font-family: Arial,Helvetica,Geneva,sans-serif;;
    font-size: 14px;
    padding: 2px 0px;
    border: 1px solid #eee;
    color: #444444;
    margin-right: 2px;
    width: 19px;
}

p.GlossaryInitials a:hover {
    text-decoration: none;
    color: Black;
    border: 1px solid #f59d2d;
    background: #eee;
}

dl.Glossary {
}

dl.Glossary dt {
    font-size: 110%;
    font-weight: bold;
    color: Black;
    margin-top: 12px;
}

dl.Glossary dd {
    font-size: 100%;
    margin-left: 0;
    display: inline;
}

dl.Glossary dd a {
    font-weight: bold;
}

span.InitialHeading {
    font-family: Arial,Helvetica,Geneva,sans-serif;;
    font-size: 700%;
    line-height: 85%;
    color: #D9D9D9;
    display: block;
    width: 60px;
    float: left;
    font-weight: bold;
}

div.GlossarySection {
    padding-left: 90px;
}

a.Definition, acronym {
    border-bottom: 1px dotted #B2B2B2;
    font-weight: normal;
    color: black;
}

a.Definition:hover, acronym:hover {
    border-color: #FACE96;
    text-decoration: none;
    color: #f59d2d;
}


/********************************************* VISIBLE/HIDDEN*/

.Visible {
}

.Hidden {
    display: none;
}

a.Visible, a.Hidden {
    float: left;
    font-weight: normal;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 12px;
}

a.Visible {
    background-image: url(../images/dingbats/plus.blue.gif);
}

a.Visible:hover {
    background-image: url(../images/dingbats/plus.red.gif);
}

a.Hidden {
    background-image: url(../images/dingbats/minus.blue.gif);
}

a.Hidden:hover {
    background-image: url(../images/dingbats/minus.red.gif);
}

/********************************************* MISC CLASSES */

.BoxNote {
    border: 1px solid #ddd;
    background: #FCFCFC;
    padding: 5px 10px;
}

.Clear {
    clear: both;
}

.Dateline {
    font-weight: bold;
}

.PhotoRight, PhotoLeft {
    /* Used to float a photograph on the right margin. */
    float: right;
    padding: 5px 0 5px 20px;
    background: white;
    width: 250px;
}

.PhotoLeft {
    /* Used to float a photograph on the left margin. */
    float: left;
    padding: 5px 20px 5px 0;
}

img.Thumbnail, .PhotoRight img, PhotoLeft img {
    border: 1px solid black;
}

.PhotoRight p, .PhotoLeft p {
    width: 250px;
}

.PhotoRight p, .PhotoLeft p, p.Caption {
    font-size: 10px;
    line-height: 13px;
    font-weight: bold;
    color: Gray;
    margin: 6px 0;
}

a.SkipNav {
    /* Positions the "skip navigation" link off-screen */ /* http://www.jimthatcher.com/skipnav.htm */
    position: absolute;
    left: -1000em;
    width: 20em;
}

.PadSides {
    padding-left: 20px;
    padding-right: 20px;
}

.PadTop {
    padding-top: 20px;
    padding-bottom: 20px;
}

.Tight {
    margin-top: 0;
    margin-bottom: 0;
}

.OnThisPage {
    font-size: 90%;
    color: Gray;
}

p.PreHeading {
    color: Gray;
    font-size: 11px;
    margin-top: 12px;
}

p.PreHeading strong {
    font-weight: normal;
    color: #f59d2d;
}

.Large {
    font-family: Arial,Helvetica,Geneva,sans-serif;;
    font-size: 140%;
    font-weight: bold;
    color: Gray;
    line-height: 120%;
}

.Error {
    font-weight: bold;
    color: Red;
}

.Note {
    font-style: italic;
    color: Gray;
}

div.UnderConstruction {
    font-size: 100%;
    margin: 6px 0;
    border: 1px solid #aaa;
    background: #FAFAFA url(../images/construction.gif) no-repeat 10px 10px;
    padding: 10px 10px 10px 62px;
}

div.UnderConstruction strong {
    display: block;
}

div.UnderConstruction:hover {
    background-color: #F2F2F2;
    border-color: #f59d2d;
    color: Black;
}

div.UnderConstruction:hover strong {
}


/************************************************************************************************** ADMIN STYLES */

/****************************************************************** MASTHEAD  */

div#AdminMasthead {
    height: 99px;
    background-image: url(../images/cwt/masthead.background.gif);
    background-repeat: repeat-x;
    border-bottom: 3px solid #DF8000;
}

div#AdminMasthead a#MastheadLogo {
    float: right;
}


div#AdminMasthead p {
    padding-left: 10px;
    margin-top: 12px;
    color: White;
    font-family: Arial,Helvetica,Geneva,sans-serif;;
    font-size: 18px;
    line-height: 18px;
}

/* Project ID area */

div#ProjectId {
    position: absolute;
    top: 88px;
    left: 15px;
}

div#ProjectId h1 {
    font-family: Arial,Helvetica,Geneva,sans-serif;
    padding-top: 12px;
    font-size: 24px;
    line-height: 26px;
    color: White;
    margin: 0;
    font-weight: bold;
}

div#ProjectId h2 {
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: White;
    margin: 0;
    font-weight: bold;
}

div#ProjectId img {
    float: left;
    margin-right: 10px;
}

/* Version ID */
div#AdminMasthead div#VersionId {
    position: absolute;
    top: 88px;
    right: 7px;
    color: #797CB3;
    font-size: 9px;
}

/***************************************************************	TABSTRIP  */

.TopGroup {
    z-index: 99;
    position: relative;
    padding-left: 3px;
}

.DefaultTab {
    color: black;
    background-image: url(../images/componentart/tab_bg.gif);
    font-size: 10px;
    cursor: default;
}

.DefaultTabHover {
    color: black;
    background-image: url(../images/componentart/hover_tab_bg.gif);
    font-size: 10px;
    cursor: default;
}

.SelectedTab {
    color: black;
    background-image: url(../images/componentart/selected_tab_bg.gif);
    font-size: 10px;
    cursor: default;
}

.MultiPage {
    border-left: 1px solid #919B9C;
    border-right: 1px solid #919B9C;
}

.PageContent {
    font-size: 10px;
}

/*************************************************************** GRID */

table.DataGrid {
    border: 1px solid black;
    border-width: 0 1px 1px 1px;
    border-collapse: separate;
}

table.DataGrid tr.DataGridHeader td.TableHeading, table.DataGrid tr.DataGridHeader td, table.DataGrid th, table.DataGrid tr.DataGridHeader td.SortUp, table.DataGrid tr.DataGridHeader td.SortDown {
    /* All heading cells */
    border: none;
    border-left: 1px solid white;
    height: 24px;
    background-image: url(../images/componentart/header_rowBg.gif);
    background-repeat: repeat-x;
    vertical-align: bottom;
    padding: 0;
    color: Black;
    font-size: 9px;
    line-height: 23px;
    font-weight: bold;
    white-space: nowrap;
}

table.DataGrid tr.DataGridHeader td.TableHeading a, table.DataGrid tr.DataGridHeader td a, table.DataGrid th a /* All heading links */ {
    color: Black;
    font-size: 9px;
    line-height: 23px;
    font-weight: bold;
    white-space: nowrap;
    display: block;
    width: auto;
    height: 24px;
    padding: 0 5px 0 3px;
}

table.DataGrid tr.DataGridHeader td.TableHeading a:hover, table.DataGrid tr.DataGridHeader td a:hover, table.DataGrid th a:hover /* All heading links on hover */ {
    background-image: url(../images/componentart/header_hoverBg_nobar.gif);
    background-repeat: repeat-x;
}

table.DataGrid tr.DataGridItem td, table.DataGrid td, table.DataGrid tr.DataGridItem td.Highlight /* All regular cells */ {
    background-color: White;
    border: none;
    border-bottom: 1px solid #F2F2F2;
    padding: 0 5px;
    line-height: 15px;
    vertical-align: middle;
}

table.DataGrid tr.DataGridItemAlternate td, table.DataGrid tr.DataGridItem td.Alternate {
    background-color: #F0F0F3;
    border-bottom: 1px solid #D2D2DA;
}

table.DataGrid tr:hover td {
    background-color: #F0F0F3 !important;
}

table.InsertRow {
    border: 1px solid black;
}

table.InsertRow td {
    height: 25px;
    background-image: url(../images/cwt/glass.purple.25.gif);
    padding: 0 5px;
    line-height: 15px;
    vertical-align: middle;
}


div.OneLine {
    height: 17px;
    overflow: hidden;
}


table.DataGrid td.LinkColumn a {
    display: block;
    width: auto;
    background-color: White;
    padding: 0;
    white-space: nowrap;
}

table.DataGrid td.LinkColumn a:hover {
}

table.DataGrid tr.DataGridItem td.Highlight {
    background-color: #FCFCFC;
}



table.DataGrid tr.DataGridHeader td.SortUp a, table.DataGrid tr.DataGridHeader td.SortDown a {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 3px center;
}

table.DataGrid tr.DataGridHeader td.SortUp a {
    background-image: url(../images/icons/sort.up.gif);
}

table.DataGrid tr.DataGridHeader td.SortDown a {
    background-image: url(../images/icons/sort.down.gif);
}

/*************************************************************** FORM */

.FormTitle {
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: bold;
    background: white;
    background-image: url(../images/cwt/glass.lightpurple.37.gif);
    background-repeat: repeat;
    height: 22px;
    padding: 10px 5px 5px 5px;
    border: 1px solid #919B9C;
    margin-top: -2px;
    font-size: 15px;
    color: Black;
}

.id {
    font-size: 9px;
    font-weight: normal;
    float: right;
    color: #aaa;
    margin: 0;
}

.FormFooter {
    background: white;
    background-image: url(../images/cwt/glass.lightpurple.25.gif);
    background-repeat: repeat-x;
    height: 15px;
    padding: 5px 5px;
    border: 1px solid #808080;
    color: Black;
    margin: 0;
    font-size: 9px;
    font-weight: normal;
}

table.TableForm {
}

table.TableForm td, table.TableForm p, .FormContent, div.FormContent, .UserFormContent, .FormContent p, .UserFormContent p {
    /* Form field cells */
    padding: 1px 5px;
    font-size: 10px;
    line-height: 11px;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;;
    background-color: #FBFBFB;
}

.FormContent h3 {
    /* Headings for form sections */
    font-size: 9px;
    margin-top: 12px;
    margin-bottom: 2px;
    border-bottom: 1px solid #ddd;
}

table.TableForm td, .FormContent {
    border-bottom: 1px solid #D9D9D9;
}

td.FormHeading p.FormInstructions, p.FormInstructions, span.FormInstructions {
    background: none;
    padding: 0;
    margin: 3px 0 6px 0;
    font-size: 9px;
    font-weight: normal;
    color: Gray;
}

div.FormHeading, table.TableForm td.FormHeading, table.TableForm td.UserFormHeading {
    /* Headings (labels) for form fields */
    font-size: 9px;
    font-weight: bold;
    color: #1A1A1A;
    padding: 5px;
    background: #F4F4F4;
    border-bottom: 1px solid #D9D9D9;
    vertical-align: top;
}

div.FormHeading h3 {
    border: none;
    color: Black;
    font-family: 'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    margin: 0;
    padding: 0;
}

.PageContent table.DataGrid {
    border: none;
}

.PageContent td.TableHeading {
    border: none;
}

/* For richtextbox */
div.RichTextBoxContainer td, table.TableForm td table td {
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0px;
}

.LanguageSelector {
    margin: 12px 0;
    float: right;
}

td.XmlFormCell {
    padding: 5px;
    background: #D2D2DA;
}

td.XmlFormCell table.TableForm {
    border: 1px solid #696885;
}




/***************************************************************** FORM BUTTONS */

a.DeleteButton, a.CancelButton, a.SaveButton, a.SendButton, a.GoButton, a.UploadButton {
    display: table-cell;
    background: url("../images/cwt/button.background.gif") no-repeat right top;
    text-align: left;
    font-size: 10px;
    line-height: 28px;
    height: 28px;
    color: Black !important;
    font-weight: bold !important;
    padding-right: 10px;
}

a.DeleteButton span, a.CancelButton span, a.SaveButton span, a.SendButton span, a.GoButton span, a.UploadButton span {
    display: table-cell;
    height: 28px;
    line-height: 28px;
    padding: 6px 15px 7px 30px;
    background: no-repeat left top;
}

a.DeleteButton:hover, a.CancelButton:hover, a.SaveButton:hover, a.SendButton:hover, a.GoButton:hover, a.UploadButton:hover {
    color: Black;
    background-image: url("../images/cwt/button.background.over.gif");
    cursor: pointer;
    text-decoration: none;
}

a.DeleteButton span {
    background-image: url(../images/cwt/button.delete.square.gif);
}
a.CancelButton span {
    background-image: url(../images/cwt/button.cancel.square.gif);
}
a.SaveButton span {
    background-image: url(../images/cwt/button.save.square.gif);
}
a.SendButton span {
    background-image: url(../images/cwt/button.send.square.gif);
}
a.GoButton span {
    background-image: url(../images/cwt/button.go.square.gif);
}
a.UploadButton span {
    background-image: url(../images/cwt/button.upload.square.gif);
}


/***************************************************************** SMALL BUTTONS (ADMIN SITE)*/


a.SmallAddButton, a.SmallApproveButton, a.SmallCalculateButton, a.SmallDownButton, a.SmallEditButton, a.SmallMailButton, a.SmallOkButton, a.SmallPreviewButton, a.SmallPrintButton, a.SmallSearchButton, a.SmallUpButton, a.SmallPasswordButton, a.SmallDeleteButton, a.SmallCancelButton {
    margin-top: 1px;
    display: inline-block;
    height: 15px;
    background: url("../images/cwt/button.small.background.gif") no-repeat right top;
    text-align: left;
    vertical-align: text-bottom;
    font-size: 9px;
    line-height: 10px;
    color: Black !important;
    font-weight: normal;
    clear: both;
}

a.SmallAddButton span, a.SmallApproveButton span, a.SmallCalculateButton span, a.SmallDownButton span, a.SmallEditButton span, a.SmallMailButton span, a.SmallOkButton span, a.SmallPreviewButton span, a.SmallPrintButton span, a.SmallSearchButton span, a.SmallUpButton span, a.SmallPasswordButton span, a.SmallDeleteButton span, a.SmallCancelButton span {
    display: inline-block;
    height: 10px;
    padding: 1px 10px 4px 18px;
    background: no-repeat left top;
}

a.SmallAddButton:hover, a.SmallApproveButton:hover, a.SmallCalculateButton:hover, a.SmallDownButton:hover, a.SmallEditButton:hover, a.SmallMailButton:hover, a.SmallOkButton:hover, a.SmallPreviewButton:hover, a.SmallPrintButton:hover, a.SmallSearchButton:hover, a.SmallUpButton:hover, a.SmallPasswordButton:hover, a.SmallDeleteButton:hover, a.SmallCancelButton:hover {
    color: Black;
    background-image: url("../images/cwt/button.small.background.over.gif");
    cursor: pointer;
    text-decoration: none;
}

a.SmallAddButton span {
    background-image: url(../images/cwt/tool.add.gif);
}
a.SmallApproveButton span {
    background-image: url(../images/cwt/tool.Approve.gif);
}
a.SmallCalculateButton span {
    background-image: url(../images/cwt/tool.Calculate.gif);
}
a.SmallDownButton span {
    background-image: url(../images/cwt/tool.Down.gif);
}
a.SmallEditButton span {
    background-image: url(../images/cwt/tool.Edit.gif);
}
a.SmallMailButton span {
    background-image: url(../images/cwt/tool.Mail.gif);
}
a.SmallOkButton span {
    background-image: url(../images/cwt/tool.Ok.gif);
}
a.SmallPreviewButton span {
    background-image: url(../images/cwt/tool.Preview.gif);
}
a.SmallPrintButton span {
    background-image: url(../images/cwt/tool.Print.gif);
}
a.SmallSearchButton span {
    background-image: url(../images/cwt/tool.Search.gif);
}
a.SmallUpButton span {
    background-image: url(../images/cwt/tool.Up.gif);
}
a.SmallPasswordButton span {
    background-image: url(../images/cwt/tool.Password.gif);
}
a.SmallDeleteButton span {
    background-image: url(../images/cwt/tool.Delete.gif);
}
a.SmallCancelButton span {
    background-image: url(../images/cwt/tool.Cancel.gif);
}


/***************************************************************** SEARCH PANEL */

div.SearchPanel {
    background-image: url(../images/cwt/glass.darkpurple.23.gif);
    background-repeat: repeat-x;
    background-color: #696885;
    border: none;
    border-bottom: 1px solid black;
    margin: 0;
    margin-top: -3px;
    padding: 0px 5px;
    height: 25px;
}

div.SearchPanel, div.SearchPanel td {
    color: white;
    font-size: 10px;
    line-height: 12px;
}

div.SearchPanel td {
    vertical-align: middle;
    white-space: nowrap;
}

div.SearchPanel .FormField {
    border: 1px solid black;
    background-image: url(../images/cwt/glass.formfield.gif);
    background-repeat: repeat-x;
    height: 15px;
    background-color: #F2F2F2;
    margin-top: 0px;
    margin-right: 0;
}

div.SearchPanel select.FormField {
    height: auto;
}

div.SearchPanel a {
    color: #E6E6E6;
}

div.SearchPanel a:hover {
    color: White;
}

div.SearchPanel span.Label {
    line-height: 12px;
    display: inline-block;
    width: 60px;
    white-space: nowrap;
}

div#Advanced {
    background-image: url(../images/cwt/glass.darkpurple.100.gif);
    padding-bottom: 5px;
}

div.SearchPanel div {
    padding: 3px 0 2px 0;
}

div.SearchPanel span {
    margin: 0;
}

div.SearchPanel span.Separator {
    width: 0px;
    height: 23px;
    display: inline-block;
    border-left: 1px solid #1A1A1A;
    border-right: 1px solid #808080;
    margin: 0px 10px -5px 10px;
}

/***************************************************************** SEARCH BUTTONS */

a.SearchButton, a.ClearButton {
    display: inline-block;
    line-height: 14px;
    height: 17px;
    width: 41px;
    background-repeat: no-repeat;
    text-align: left;
    vertical-align: text-bottom;
    padding: 4px 0 0 24px;
    font-size: 9px;
    color: Black;
}

a.SearchButton:hover, a.ClearButton:hover {
    color: Black;
}

a.SearchButton {
    background-image: url(../images/cwt/button.search.gif);
}
a.SearchButton:hover {
    background-image: url(../images/cwt/button.search.over.gif);
}

a.ClearButton {
    background-image: url(../images/cwt/button.clear.gif);
}
a.ClearButton:hover {
    background-image: url(../images/cwt/button.clear.over.gif);
}


/***************************************************************** SEARCH RESULTS */

table.SearchResults {
}

div.SearchResultsHeading, div.SearchResults, table.SearchResults td {
    font-size: 10px;
    color: Gray;
    padding-bottom: 10px;
}


/***************************************************************** TOOLBAR */

div#Toolbar {
    height: 25px;
    border: 1px solid black;
    background-image: url(../images/cwt/glass.purple.25.gif);
}

div#Toolbar a {
    display: inline-block;
    height: 18px;
    padding: 6px 5px 1px 5px;
    vertical-align: bottom;
    color: Black;
}

div#Toolbar a:hover {
    background-image: url(../images/cwt/glass.orange.25.gif);
    background-repeat: repeat-x;
}

div#Toolbar a img {
    margin-right: 5px;
    margin-top: -2px;
}

div#Toolbar span.Separator {
    width: 0px;
    height: 25px;
    display: inline-block;
    border-left: 1px solid #808080;
    border-right: 1px solid #E6E6E6;
}

/* Column chooser link */

div#Toolbar span.ColumnChooserLinkContainer {
    float: right;
}

div#Toolbar span.ColumnChooserLinkContainer a {
    text-align: left;
}

div#Toolbar span.ColumnChooserLinkContainer a img {
    position: relative;
    top: 0px;
    margin-right: 0;
}

/* Insert item link */

div#Toolbar span.InsertLinkContainer {
}

div#Toolbar span.InsertLinkContainer a, div#Toolbar span.InsertLinkContainer a.Visible, div#Toolbar span.InsertLinkContainer a.Hidden {
    float: none;
    text-align: left;
    display: inline-block;
    height: 18px;
    padding: 6px 5px 1px 5px;
    color: Black;
}

div#Toolbar span.InsertLinkContainer a img {
    position: relative;
    top: 0px;
    margin-right: 0;
}

/***************************************************************** COLUMN CHOOSER */

.ColumnChooser {
    display: block;
    border: 1px solid black;
    border-top: none;
    background-image: url(../images/cwt/glass.purple.53.gif);
    line-height: 12px;
    font-size: 9px;
    padding: 0 3px;
}

.ColumnChooser label {
    margin-right: 5px;
    white-space: nowrap;
}



/***************************************************************** INSTRUCTIONS */

div.InstructionsContainer {
    background-color: #eee;
    padding: 3px;
    border: solid black;
    border-width: 0 1px;
}

div.InstructionsContainer ul {
    margin: 0 0 0 20px;
    padding: 0;
}

div.InstructionsContainer p, div.InstructionsContainer li {
    font-size: 9px;
    margin-top: 3px;
}

div.InstructionsContainer li {
    margin-left: 5px;
}



/***************************************************************** ADMIN HEADER */

div.AdminHeader {
    background-image: url(../images/cwt/glass.black.24.gif);
    background-repeat: repeat-x;
    background-color: Black;
    border-bottom: 1px solid black;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
    white-space: nowrap;
}

div.AdminHeader, div.AdminHeader p, div.AdminHeader td, div.AdminHeader strong {
    color: #ddd;
    font-size: 9px;
}

div.AdminHeader a {
    text-decoration: none;
    color: #ddd;
    display: inline-block;
    padding: 0 5px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    font-size: 9px;
}

div.AdminHeader .TopMenuItemHover, div.AdminHeader .MenuItemHover, div.AdminHeader a:hover, div#ModeButtons a.Selected {
    background-image: url(../images/cwt/glass.orange.24.gif);
    text-decoration: none;
    color: white;
    cursor: pointer;
}

div.AdminHeader span.Separator {
    width: 0px;
    height: 25px;
    display: inline-block;
    border-left: 1px solid #000000;
    border-right: 1px solid #4C4C4C;
}

/******************************** View Mode Menu (simple) */

div#ModeSwitch {
}

div#CurrentModeLabel {
    float: left;
    display: table-cell;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
    padding: 5px;
}

div#ModeButtons {
    float: left;
    display: table-cell;
    padding: 0;
    border-left: 1px solid #000000;
}

div#ModeButtons a {
    padding: 6px 6px 6px 6px;
    height: 13px;
    border-left: 1px solid #4C4C4C;
    border-right: 1px solid #000000;
}

div#ModeButtons a:hover {
}

div#ModeButtons img {
}

div#ModeButtons a.Selected {
    border-left: 1px solid #E1A66D;
    border-right: 1px solid #C88C54;
}

div.AdminHeader div#ModeButtons a:hover {
    background-image: url(../images/cwt/glass.darkpurple.24.gif);
    border-left: 1px solid #808080;
    border-right: 1px solid #333333;
}



/***************************************************************** ADMIN MENUS */

/********** Containers */

div#AdminMenuContainer {
    position: absolute;
    top: 26px;
    left: 0;
    border: none;
    background-color: #1F2481;
    background-image: url(../images/cwt/menu.background.blue.gif);
    padding: 0;
    width: auto;
    height: 28px;
}

ul#AdminMenu /* Menu container (level 1) */ {
    display: inline-block;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    float: left;
    border-right: 1px solid #8284B8;
}

ul#AdminMenu ul /* Menu containers (level 2+) */ {
    position: absolute;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    visibility: hidden;
    z-index: 999;
    border: 1px solid;
    border-color: #A1A3CA #3C3E5A #3C3E5A #A1A3CA;
    width: auto;
    background-color: #797CB3;
}

ul#AdminMenu li li ul /* Menu containers (level 3+) */ {
    margin-top: -25px;
    margin-left: 172px;
    z-index: 999;
}

/********** List items */

ul#AdminMenu li /* List items (level 1+) */ {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    display: inline;
    float: left;
}

ul#AdminMenu ul li /* List items (level 2+) */ {
    width: 160px;
    background-color: #E59933;
    display: inline-block;
    float: none;
    clear: both;
}


/********** Links (level 1+) */

ul#AdminMenu a /* Links (level 1+) */ {
    color: White;
    background-color: Transparent;
    border: 1px solid;
    border-color: transparent #17182E transparent #8284B8;
    border-top: none;
    border-bottom: none;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 11px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 10px 1px 10px;
    white-space: nowrap;
    margin: 0 0 0 0;
    line-height: 27px;
}

ul#AdminMenu a.Hover, ul#AdminMenu a:hover /* Links on hover (level 1+) */ {
    text-decoration: none;
    color: White;
    background-image: url(../images/cwt/menu.background.lightblue.gif);
    border-color: transparent #3C3E5A transparent #A1A3CA;
}

ul#AdminMenu a.Selected, ul#AdminMenu a.Selected:hover /* Selected links (level 1+) */ {
    color: White;
    font-weight: bold;
    background-image: url(../images/cwt/menu.background.orange.gif);
    border-color: transparent #B77A29 transparent #EDB870;
}

ul#AdminMenu a.HasChildren /* Links with submenus (level 1+) */ {
}

/********** Links (level 2+) */

ul#AdminMenu li li a /* Links (level 2+) */ {
    display: block;
    padding: 2px 10px 3px 10px;
    border: 1px solid;
    background-color: #797CB3;
    border-color: #797CB3 #797CB3 #6D70A1 #797CB3;
    font-weight: normal;
    line-height: 22px;
}

ul#AdminMenu li li a.Hover, ul#AdminMenu li li a:hover /* Links on hover (level 2+) */ {
    background-image: url(../images/cwt/menu.background.orange.gif);
    border-color: #EDB870 #B77A29 #B77A29 #EDB870;
}

ul#AdminMenu li li a.Selected, ul#AdminMenu li li a.Selected:hover /* Selected links (level 2+) */ {
    background-image: url(../images/dingbats/arrow.selected.gif);
    background-image: url(../images/cwt/menu.background.blue.gif);
    background-repeat: repeat-x;
    background-color: #4C509A;
    font-weight: normal;
    border-color: #8284B8 #17182E #17182E #8284B8;
}

ul#AdminMenu li li a.HasChildren {
    /* Links with submenus (level 2+) */
    background-image: url(../images/dingbats/arrow.haschildren.gif);
    background-repeat: no-repeat;
    background-position: 173px 2px;
}


/***************************************************************** EDITING TOOLS */

.EditingTools {
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;;
    position: absolute;
    display: block;
    padding: 0;
    margin: -2px 0 0 -2px;
    z-index: 999;
    clear: both;
}

.EditingTools a, .EditingTools a.EditButton, .EditingTools a.UpButton, .EditingTools a.DownButton, .EditingTools a.ApproveButton {
    display: inline-block !important;
    font-size: 9px !important;
    line-height: 10px !important;
    font-weight: bold !important;
    color: Black !important;
    height: 15px !important;
    width: 15px !important;
    padding: 0 3px 0 0 !important;
    background-color: Transparent !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    margin: 0 !important;
}

.EditingTools a:hover {
    font-weight: bold;
    color: Black;
}

.EditingTools a.EditButton {
    background-image: url(../images/cwt/tool.edit.gif);
}

.EditingTools a.EditButton:hover {
    background-image: url(../images/cwt/tool.edit.over.gif);
}

.EditingTools a.ApproveButton {
    background-image: url(../images/cwt/tool.approve.gif);
}

.EditingTools a.ApproveButton:hover {
    background-image: url(../images/cwt/tool.approve.over.gif);
}

.EditingTools a.UpButton {
    background-image: url(../images/cwt/tool.up.gif);
}

.EditingTools a.UpButton:hover {
    background-image: url(../images/cwt/tool.up.over.gif);
}

.EditingTools a.DownButton {
    background-image: url(../images/cwt/tool.down.gif);
}

.EditingTools a.DownButton:hover {
    background-image: url(../images/cwt/tool.down.over.gif);
}


li.EditingTools {
    top: 3px;
}

.EditingTools a img {
    padding: 2px 3px 1px 3px;
    vertical-align: middle;
}

/*********** Editable zone */

div.EditableZone, div.ChangedEditableZone, div.NewEditableZone {
    border: 3px solid #D2D2DA;
    display: block;
    clear: both;
    margin-bottom: 2px;
}

div.ChangedEditableZone {
    border-color: #E36C6C;
}

div.NewEditableZone {
    border-color: #6CA86C;
}

/************** MISC */

.ScrollVertical {
    background: White;
    height: 280px;
    width: 500px;
    overflow: scroll;
    overflow-x: hidden;
    border: silver 1px solid;
    padding: 3px;
    margin-top: 2px;
}

div.ContactInfo, div.ScrollVertical p.ContactInfo, p.ContactInfo {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/icons/new.contact.gif);
    background-position: 5px 0px;
    background-color: transparent;
    padding: 0 0 0 22px;
    margin: 0;
}

div.ContactInfo {
}

li.ContactInfo {
    list-style-image: url(../images/icons/new.contact.gif);
}

div.ScheduledContent, div.PageContent {
    border: 2px solid #eee;
    margin: 4px 0;
    padding: 2px;
}

div.PageContent div.EditingTools {
    margin-top: -4px;
    margin-left: -4px;
}

div.ScheduledContentHeader {
    background: white;
    color: gray;
    font-size: 9px;
    padding: 0 0 0 5px;
    border: 1px solid gray;
    margin-right: -2px;
    margin-top: -4px;
    float: right;
}

div.ScheduledContentHeader a {
    color: White;
    background: silver;
    display: inline;
    border-left: 1px solid gray;
    padding: 1px 5px;
    margin-left: 5px;
}

div.ScheduledContentHeader a:hover {
    background: Red;
    color: white;
}

div.ErrorList {
    border: 2px dotted red;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

div.ErrorList li, div.ErrorList p {
    margin: 0;
    color: Red;
    font-weight: normal;
}



/***************************************************************** PHOTO GALLERY */

table.DetailsTable td, p.Details {
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    margin: 5px 0 0 0;
    display: block;
    clear: both;
    font-size: 10px;
    line-height: 15px;
}

table.DetailsTable td.DetailsLabel, .DetailsLabel {
    font-weight: bold;
    font-size: 10px;
    line-height: 15px;
    display: inline-block;
    width: 50px;
    clear: both;
    vertical-align: top;
    color: #aaa;
    margin: -2px 0 3px 0;
}

table.DetailsTable {
}

table.DetailsTable td {
    padding: 1px 0 0 0;
}

table.DetailsTable td.DetailsLabel {
    padding-right: 3px;
}


.PhotoGridContainer {
    background: black;
    padding: 10px;
    clear: both;
}

.PhotoCell {
    background-color: White;
    border-width: 2px;
    border-style: solid;
    border-color: silver Gray Gray silver;
    padding: 5px;
    margin: 5px;
    width: 300px;
}

.PhotoCell img {
    cursor: move;
}

.PhotoCell, .PhotoCell p {
    font-size: 9px;
    color: Gray;
}

.PhotoCell p input {
}

.PhotoCell a {
    font-size: 9px;
    line-height: 11px;
}

.PhotoCell .DetailsTable {
    margin-bottom: 3px;
}

.PhotoCell .DetailsTable td {
    font-size: 9px;
}

.PhotoCell .DetailsTable td.DetailsLabel {
    font-size: 9px;
}



.PhotoCell p.EditTools {
    text-align: right;
    margin: -1px 0 0 0;
    padding-bottom: 2px;
    white-space: nowrap;
}

a.PreviewLink, a.EditPhotoLink, a.FullPhotoLink {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 17px;
    color: Black;
    width: 57px;
    line-height: 14px;
    display: inline-block;
    font-size: 9px;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 1px;
}

a.PreviewLink:hover, a.EditPhotoLink:hover, a.FullPhotoLink:hover {
    font-weight: normal;
    color: Black;
}

a.EditPhotoLink {
    background-image: url(../images/cwt/button.edit.gif);
}

a.EditPhotoLink:hover {
    background-image: url(../images/cwt/button.edit.over.gif);
}

a.PreviewLink, a.FullPhotoLink {
    background-image: url(../images/cwt/button.full.gif);
}

a.PreviewLink:hover, a.FullPhotoLink:hover {
    background-image: url(../images/cwt/button.full.over.gif);
}





/******************************************************** TREEVIEW */

.TreeView {
    padding-top: 4px;
    padding-left: 1px;
    cursor: default;
}

.TreeNode {
    font-size: 10px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.GrayedTreeNode {
    font-size: 10px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: gray;
    cursor: default;
}

.HoverTreeNode {
    font-size: 10px;
    text-decoration: underline;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.SelectedTreeNode {
    font-size: 10px;
    background-color: gray;
    color: white;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.NodeEdit {
    border: 1px gray solid;
    font-size: 11px;
}



/******************************************************** ADMIN SIDEBAR & QUICK LINKS */

td#AdminSidebar {
    background-color: #F8F7F9;
    height: 800px;
    padding: 10px;
}

div#QuickLinks {
}

td#AdminSidebar div#Toolbar {
}

div#Toolbar h4 {
    margin: 0;
    padding: 5px;
}

td#AdminSidebar div.SidebarContainer {
    margin: 0 0 15px 0;
    border: 1px solid black;
    margin-top: -1px;
}

div#QuickLinks a {
    width: 225px;
    display: block;
    text-decoration: none;
    font-weight: normal;
    white-space: nowrap;
    margin: 0 0 0 0;
    font-size: 10px;
    background-color: #696885;
    background-image: url(../images/cwt/glass.darkpurple.19.gif);
    color: white;
    padding: 1px 5px 2px 7px;
    line-height: 16px;
    border: solid;
    border-width: 1px 0 1px 0;
    border-color: #87869D transparent #3F3E50 transparent;
}

div#QuickLinks a:hover {
    background-image: url(../images/cwt/glass.orange.19.gif);
}

td#AdminSidebar ul {
    margin-left: 23px;
}


td#AdminSidebar ul ul {
    list-style: none;
    margin-left: 10px;
}




/****************************************************** COMPONENTART GRID*/


.Grid {
    background-color: White;
    border: 1px solid #696885;
    font-size: 10px;
    cursor: pointer;
}

.GridHeader {
    background-image: url(../images/componentart/grid_headerBg.gif);
    background-color: Gray;
    height: 24px;
    padding-left: 3px;
    cursor: default;
}

.GridHeaderText {
    color: White;
    font-family: verdana;
    font-size: 10px;
}

.GroupByText {
    color: White;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}

.HeadingRow {
    background-image: url(../images/componentart/header_rowBg.gif);
}

.HeadingCell {
    background-image: url(../images/componentart/header_bg.gif);
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 1px;
}

.HeadingRow td.FirstHeadingCell {
    background-image: url(../images/componentart/header1stCell_bg.gif);
}

.HeadingCellText {
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 5px;
}

.EditRow, .SelectedRow, .Row {
    background-color: White;
    height: 15px;
}

.EditDataCell {
    padding: 0px !important;
    background-color: #F5E1CE;
    border-top: none !important;
}

.SelectedRow td.DataCell, .Row td.DataCell {
    cursor: default;
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-top: 1px solid white;
    border-bottom: 1px solid #F8F7F9;
    font-family: verdana;
    font-size: 10px;
}

.SortedDataCell {
    background-color: #F9F9FA;
}

.SelectedRow td.DataCell {
    /*   background-color: #F5E1CE;    border-bottom: 1px solid #3F3E50;    border-top: 1px solid #3F3E50;  */
}


.Grid input.FormField {
    padding: 0px;
    padding-left: 1px;
    margin-left: 1px;
    line-height: 15px;
    height: 15px;
    width: 98% !important;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 10px;
}

.Grid select.FormField {
    line-height: 13px;
    height: 13px;
}


div.SubGridContainer {
    width: 98%;
    height: 300px;
    overflow-x: visible;
    overflow-y: scroll;
    margin: 5px 0;
    padding: 5px;
    background: #D2D2DA;
    border-left: 1px solid #9695AA;
    border-top: 1px solid #9695AA;
}

/****************************************************** PROGRESS BAR */

div.ProgressBar {
    width: 203px;
    height: 13px;
    background-image: url('../images/cwt/progress.bar.gif');
    background-repeat: no-repeat;
    padding: 3px 2px;
    border: 1px solid white;
}

div.ProgressIndicator {
    height: 7px;
    background-image: url('../images/cwt/progress.indicator.gif');
    background-repeat: repeat-x;
}



/* Quick links */

.QuickLinks {
    display: block;
    vertical-align: top;
    clear: both;
    height: 60px;
    margin-top: 15px;
    border: 1px solid white;
    width: 350px;
    padding: 5px 5px 10px 5px;
    color: Gray;
    font-size: 10px;
    line-height: 14px;
    font-weight: normal;
}

.QuickLinks img.QuickLinkIcon {
    float: left;
    border: 0;
    margin-right: 10px;
    margin-bottom: 20px;
}

.QuickLinks strong {
    font-family: #Arial,Helvetica,Geneva,sans-serif;;
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}

























/******************************************************** CUSTOM GUIDE */

div.GuideCheckboxContainer {
    background: #F6F6F6;
    height: 120px;
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;
    border: silver 1px solid;
    padding: 3px;
    margin-top: 2px;
}

div.GuideCheckboxContainer label {
    white-space: nowrap;
}