/* We need some module-specific CSS files on some admin pages. There is
   currently no programmatic way of doing this on a page-by-page basis, so
   instead we include all module-specific CSS that we need on any admin page on
   all admin pages. */
@import "modules/durable_care.css";

/*
Vitalsite Colors
==========================
Orange        #db8b26;
Green         #7abd70;
Pale Yellow   #fae8aa;
Taupe         #8e8779;
Pale Grey     #ddd8d8;
Off White     #f3f1f1;
*/

body {
margin: 0;
padding: 0;
font-family: verdana, arial, tahoma, helvetica, geneva, sans-serif;
font-size: 11px;
background: #f3f1f1;
}
input, textarea, select, option, span.inputText, button {
font-family: verdana, arial, tahoma, helvetica, geneva, sans-serif;
margin: 0;
font-size: 12px;
}
span.inputText {
display: block;
padding: .3em 0 0 2px;
}
form {
cursor: auto;
margin: 0;
}
img {
border: none;
margin: 0;
padding: 0;
}
div, span {
margin: 0;
padding: 0;
}
span[controltovalidate] { display: block; }
span>font[color="Red"] { display: block; }

/* TEXT
========================================================*/
h1, h2, h3, h4, h5, h6 {
border: none;
color: #666;
font-weight: bold;
line-height: 1.2em;
margin: .7em 0 .3em 0;
font-family: arial, geneva, helvetica, tahoma, verdana, sans-serif;
}
h1 { font-size: 22px; margin-top: .2em; }
h2 { font-size: 20px; margin-top: .2em; }
h3 { font-size: 18px; }
h4 { font-size: 16px; margin-right: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h2, h4 {
border-bottom: 1px solid #ccc;
line-height: 1.5em;
margin-bottom: .3em;
}
p, ul, ol, li {
font-size: 11px;
font-weight: normal;
text-align: left;
}
p { margin: 0 0 .7em 0;
line-height: 1.8em; }
ul { margin: 0 0 1.3em 36px; list-style: square; }
ol { margin: 0 0 1.3em 36px; list-style: decimal; }
li { line-height: 1.2em; margin: 0 0 1em 0; }
big { font-size: 12px; }
small { color: #666; font-size: 10px; line-height: 1.2em; }
a {
behavior: url(/scripts/mouseoverstatus.htc);
color: #0005c8;
cursor: pointer;
text-decoration: underline;
}
a:link, a:visited {  }
a:focus, a:hover { color: #666; text-decoration: none; }
a:active {  }
a.button {
background: #eee;
border: 1px solid #ccc;
font-size: 10px;
padding: .1em .3em .3em .3em;
text-decoration: none;
color: #000;
line-height: 2em;
}
a.button:link, a.button:visited { }
a.button:focus, a.button:hover { color: #000; background: #fff; }
a.button:active {  }

/* TABLES
========================================================*/
/* DO NOT set these CSS properties onto tables by default...
or there will be HELL TO PAY with ComponentArt TreeView rendering.
{ table-layout: fixed; border-collapse: collapse; }

It's okay to use them selectively in other places.
*/
table { border: 0 none; }
td, th { font-size: 11px; }
th { text-align: left; }

/* CONTAINERS
======================================================== */
div.nav {
margin: 0;
padding: 0 2em;
background: #dc9547 url(../imgs/admin/nav_grad.gif) repeat-x 0 0;
}
div.nav div img, .NavMenuGroup td img {
margin: 0 .5em 0 0;
}
div#mainBody {
padding: 2em 8em 4em 2em;
background: #fff url(../imgs/admin/content_grad.gif) repeat-x 0 0;
}
table#header {
background: #fff url(../imgs/admin/content_grad.gif) repeat-x 0 0;
border: none;
margin: 0;
padding: 0;
table-layout: fixed;
border-collapse: collapse;
}
table#header td {
margin: 0;
padding: 1.4em 6px 1.4em 2em;
vertical-align: middle;
}
ul.message { margin: 2em 0 1.5em 3em; }
ul.message li { color: #cc0000; font-size: 12px; font-weight: bold; margin-bottom: .5em; }
div.boxed {
background: #fffff9;
border: 1px solid #ccc;
margin: 1.2em 24px .3em 12px;
padding: 0 9px 1.5em 9px;
}
div#footer {
margin: 0;
padding: 1em 12px .3em 2em;
background: url(../imgs/admin/footer_grad.gif) repeat-x 0 0;
}

/* COMPONENT ART - TOP NAVIGATION 
======================================================== */
.NavMenuItem, .NavMenuItemTop, .NavMenuItemHover,
.NavMenuItemActive, .NavMenuItemExpanded, .NavMenuItemDisabled {
font-size: 11px;
font-weight: bold;
cursor: pointer;
}
.NavMenuGroup { }
.NavMenuItemTop,
.NavMenuItem,
.NavMenuItemHover,
.NavMenuItemActive,
.NavMenuItemExpanded,
.NavMenuItemDisabled {
background: #dc9547 url(../imgs/admin/nav_grad.gif) repeat-x 0 0;
color: #fff;
border-left: 1px solid #ccc;
}
.NavMenuItemHover, .NavMenuItemActive, .NavMenuItemExpanded {
color: #666;
background: #f4ddc3 url(../imgs/admin/nav_over_grad.gif) repeat-x 0 0;
}
.NavMenuItemDisabled {
background: #00c;
color: #ccc;
}

/* WEBDATAFORMS
======================================================== */
table.ff { border-collapse: collapse; table-layout: fixed; margin: 0 0 1em 0; width: 90%; }
table.ff th, table.ff td { vertical-align: top; }
table.ff td { padding: .1em 0 .1em 0; text-align: left; }
table.ff th { padding: .5em 6px .1em 0; text-align: right; color: #000; font-weight: bold; }
table.ff td.text { padding: .5em 6px .2em 0; }
table.ff td table {
border-collapse: collapse;
table-layout: auto;
border: none;
margin: 0;
padding: 0;
}
table.ff td table td {
border: none;
margin: 0;
padding: 0;
vertical-align: top;
}
table.ff td a.button { margin: -2px 0 -1px 3px; }

/* PAGED LISTS
======================================================== */
span.highlight { background: #ff0; color: #000; font-weight: bold; padding: 0 3px; }
span.attn { color: #c00; font-weight: bold; }
table.paging {
table-layout: fixed;
border-collapse: separate;
border: 0 none;
margin: 0 0 .3em 0;
}
table.paging td, table.paging th { vertical-align: middle; }
table.paging td { border: 0 none; padding: .2em 9px .3em 6px; }
table.paging td select, table.paging td option, table.paging td input {
margin: 0;
padding: 0;
font-size: 10px;
text-align: right;
font-family: tahoma, arial, verdana, helvetica, geneva, sans-serif; }
table.list {
border: none;
table-layout: fixed;
border-collapse: separate;
border-bottom: 3px double #999;
margin: 0 0 .2em 0;
}
table.list td, table.list th { vertical-align: top; }
table.list td { border: 0 none; padding: .2em 0 .3em 6px; line-height: 1.5em; }
table.list th, table.list tr.header td {
background: #aaa;
color: #fff;
padding: .3em 0 .4em 6px;
font-weight: bold;
text-align: left;
}
table.list tr.odd {
background: #fff;
behavior: url(/scripts/mouseoverhilite.htc);
}
table.list tr.even {
background: #f6fcf6;
behavior: url(/scripts/mouseoverhilite.htc);
}
table.list tr.subhead td {
border-bottom: 1px solid #cccccc;
background: #eaebdb;
}
table.list td.icon, table.list th.icon { padding: .1em 0; text-align: center; }
table.list td.formfield { padding: 0 0 0 6px; text-align: left; }
table.list td.checkbox { padding: 0; text-align: center; }
table.list td.numeric, table.list th.numeric {
padding-right: 6px;
text-align: right;
}
table.list td.numeric {
font-size: 11px;
font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif;
}
table.list td.numeric em { font-size: 10px; }
table.list td.date { text-align: center; }
table.list td.nestedtable { padding: 0; }
table.list th a,
table.list th a:link,
table.list th a:visited { color: #fff; text-decoration: none; }
table.list th a:focus,
table.list th a:hover { text-decoration: underline; }
table.list th a:active { color: #fff; text-decoration: none; }

/* COMPONENT ART - TREEVIEW (and context menus)
======================================================== */
.TreeView { cursor: default; }
.TreeView em { font-size: 10px; }
.TreeViewNode {
color: #000;
font-weight: normal;
}
.TreeViewHiddenNode { display: none; }
.TreeViewSelectedNode {
color: #fff;
font-weight: bold;
background: #036;
}
.TreeViewInvisibleNode { font-weight: normal; }
.TreeViewHighlightNode { font-weight: normal; }
.TreeViewInvisibleHighlightNode { font-weight: normal; }
.TreeViewInvisibleNode, .TreeViewInvisibleHighlightNode {
color: #999;
text-decoration: none;
}
.TreeViewHighlightNode, .TreeViewInvisibleHighlightNode {
color: #000;
position: relative;
top: 1px;
right: 8px;
border-bottom: 1px solid #FFB839;
padding: 0 3px 1px 8px;
}
.TreeViewInvisibleHighlightNode { color: #999; }
.TreeViewRestrictedNode { color: #aaa; font-weight: normal; }
.TreeViewLinkNode { color: #36f; }
.TreeViewHoverNode { color: #36f; text-decoration: underline; }
.Root, .Section { font-weight: bold; }
.ExternalURL { font-style: italic; }
.Menu { background: #fff; border: 1px solid #000; }
.MenuGroup { background: #fff; border: 1px solid #000; }
.MenuItem { color: #000; font-weight: normal; cursor: pointer; }
.MenuItemHover { color: #36f; text-decoration: underline; cursor: pointer; }

/* COMPONENT ART - TABSTRIP (for multiple pages) 
========================================================*/
.TabGroupTop {
z-index: 99;
position: relative;
}
.Tab, .TabHover, .TabSelected {
border: 1px solid #ccc;
cursor: pointer;
}
.Tab { background: #eee; }
.TabHover { background: #e8f0cd; }
.TabSelected {
background: #fbfdf3;
border-bottom-color: #fbfdf3;
}
.MultiPage {
background: #fbfdf3;
border: 1px solid #ccc;
width: 100%;
padding: .5em 9px 1em 9px;
margin: -7px 0 .5em 1px;
z-index: 98;
}

/* DEBUG OUTPUT
======================================================== */
span.tracecontent { display: block; margin: 1em 18px 2em 18px; }
span.tracecontent table { border-collapse: separate; table-layout: auto; }
span.tracecontent table h3 { color: #fff; font-size: 12px; margin: .2em 2px; }
span.tracecontent table td, span.tracecontent table th {
border-bottom: 1px solid #ccf;
font-size: 9px;
overflow: hidden;
padding: .1em 2px;
}

/* HACKS!
======================================================== */

/* Holly Hack - for IE 6.0 and lower */
/* Hides from IE-mac \*/
 * html div#mainBody
{ height: 1%; } 
/* End hide from IE-mac */