@media screen {
    html, body { background-color: #111; color: #999; cursor: default; font-family: Georgia; }
    
    a { color: white; text-decoration: none; }
    a:hover { text-decoration: underline; cursor: pointer; }
}

@media print {
    a { color: blue; text-decoration: underline; }
}


h1 { font-size: 161.6%; }
h2 { font-size: 146.5%; font-family: 'Trebuchet MS'; text-transform: lowercase; color: #bbb; margin: 0 0 5px; }
h2 span, h3 span { float: right; color: #222; letter-spacing: -.1em; font-size: 300%; display: block; margin-left: 5px; line-height: 100%; }
h3 { font-size: 146.5%; color: #ccc; margin-top: 15px; text-transform: lowercase; line-height: 100%; font-family: 'Trebuchet MS'; }
img { vertical-align: middle; }
strong { font-weight: bold; }
em { font-style: italic; }


#hd { margin-top: 10px; padding: 10px 0; border-top: 1px solid #333; text-transform: lowercase; }
#hd h1 { float: left; margin: 0 10px; }
#hd .primary { float: left; }
#hd .secondary { float: right; }
#hd .menu li { float: left; margin: 0 5px; }

#bd { padding: 0; }

#ft { margin-top: 10px; padding-bottom: 10px; text-transform: uppercase; color: #333; letter-spacing: .2em; font-family: 'Trebuchet MS'; }
#ft .copyright { color: #666; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-bottom: 10px; padding: 10px; text-align: left; }
#ft p { margin-bottom: 5px; font-size: 77%; letter-spacing: .15em; }
#ft p.wrapped { text-indent: -2.5em; padding-left: 2.5em; }


.yui-main h2 { text-align: right; text-transform: uppercase; }
.yui-main p { line-height: 150%; letter-spacing: 1pt; text-align: justify; }
.yui-main p + p { text-indent: 1.5em; margin-top: 0; }
.yui-main p.lead + p { text-indent: 0; }
.yui-main p + blockquote.pull + p { text-indent: 20px; margin-top: 0; }
.yui-main p.lead + blockquote.pull + p { text-indent: 0; margin-top: 15px; }
.yui-main p + a + p { text-indent: 20px; }
.yui-main p + h2 { margin-top: 20px; }
.yui-main blockquote { margin: 10px 10px; padding: 10px 15px; background-color: #222; color: #bbb; font-style: italic; }

.yui-main p.lead { margin-bottom: 15px; }
.yui-main div.foot { margin-top: 10px; }
.yui-main blockquote.pull { float: right; width: 40%; font-size: 182%; margin: 10px 0 10px 20px; padding: 10px; padding-left: 20px; text-align: left; line-height: 110%; font-family: 'Trebuchet MS'; text-transform: lowercase; border-left: 1px solid #333; color: #444; background-color: transparent; font-style: normal; }
.yui-main blockquote.pull label { display: block; text-align: right; padding-right: 20px; font-size: 85%; color: #444; }
.yui-main blockquote.pull label:before { content: "— "; color: #333; }


.yui-main form { margin: 10px 0; }
.yui-main form .field { margin-bottom: 10px; }
.yui-main form label { display: block; font-size: 123.1%; color: #aaa; font-family: 'Trebuchet MS'; }
.yui-main form .field.required label:after, .yui-main form .field.optional label:after { color: #333; font-size: 77%; }
.yui-main form .field.required label:after { content: ' (required)'; color: #644; }
.yui-main form .field.optional label:after { content: ' (optional)'; }
.yui-main form .help { color: #666; line-height: 100%; margin-bottom: 5px; }
.yui-main form input { width: 98%; background-color: #222; border: 1px solid #444; padding: 2px 4px; font-size: 116%; color: #ddd; }
.yui-main form input[type=submit] { width: auto; }


.yui-main form .textfield, .content form .multicompletefield, .content form input.styledcalendardatetimepicker { width: 98%; background-color: #222; border: 1px solid #444;  color: #aaa;  }
.yui-main form .textarea { width: 98%; background-color: #222; border: 1px solid #444; padding: 2px 4px; color: #aaa; font-size: 116%; }
.yui-main form input[type="checkbox"] { vertical-align: top; }
.yui-main form input.styledcalendardatetimepicker { width: 130px; font-family: monospace; }
.yui-main form a.styledcalendardatetimepicker {  }

.yui-main form .textfield:focus,
.yui-main form .multicompletefield:focus,
.yui-main form .textarea:focus,
.yui-main form input.styledcalendardatetimepicker:focus { background-color: #333; border: 1px solid #555; color: #bbb; }

.yui-main form .footer { margin-top: 10px; }


.portlet { margin-bottom: 10px; }




/* @begin Buttons CSS */

.buttons a, .buttons button {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: inherit;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
}

.buttons a:first-child, .buttons button:first-child {
    margin-left: 0px !important;
}

.buttons.right a, .buttons.right button { margin-left: 10px !important; }

.buttons button {
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons button[type] {
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 16px; /* Safari */
}

*:first-child+html button[type] {
    padding: 4px 10px 3px 7px; /* IE7 */
}

/* STANDARD */

button:hover, .buttons a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    text-decoration: none;
}
.buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive {
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative {
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover {
    background-color: #fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active {
    background-color: #d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.buttons button.icon, .buttons .button.icon { padding-left: 30px; background-position: 9px center; }

/* @end Buttons CSS */


.yui-b .content dl dt { font-weight: bold; }
.yui-b .content dl dd { margin-left: 1.5em; margin-bottom: 10px; }

.yui-b .content p + dl { margin-top: 10px; }

.portlet dl dt { font-weight: bold; }
.portlet dl dd { margin-bottom: 10px; }

p.signature { text-indent: 1.5em; }


dl.action-list { margin: 0; }
dl.action-list dt { margin-bottom: 5px; }
dl.action-list dd { display: none; }


.yui-b .content dl.cmf-asset-list { margin: 10px 0; }
.yui-b .content dl.cmf-asset-list dt { float: left; clear: left; width: 14em; text-align: right; font-weight: normal; }
.yui-b .content dl.cmf-asset-list dd { margin-left: 15em; margin-bottom: 10px; }


dl.cmf-kb-browse dt { float: none; clear: none; width: auto; text-align: left; }
dl.cmf-kb-browse dd { margin-left: 4em; }
dl.cmf-kb-browse dd.byline { margin-top: -10px; font-style: italic; margin-left: 6em; }


ul.tags li { display: inline; line-height: 100%; margin: 0 10px 0 0; padding: 0; }


/* @begin Bylines */

.yui-b .foot { margin-top: 10px; border-top: 1px solid rgb(68, 68, 68); clear: both; padding-top: 10px; }
.yui-b .foot ul { margin: 0; padding: 0; float: right; list-style: none; }
.yui-b .foot ul li { margin: 0; padding: 0 0 0 20px; display: inline; }

/* @end Bylines */


/* @begin Breadcrumb List */

#crumbs { display: block; clear: both; margin: 0 10px; font-size: 93%; }
#crumbs:before { content: 'Breadcrumbs'; }
#crumbs li { display: inline; margin-left: 10px; }
#crumbs li:first-child { margin-left: 5px; }
#crumbs .crumbs-end { color: #666; margin-left: 0; }

/* @end Breadcrumb List */