/* Neoteric CSS2 Style Sheet for SiT! */
/* by Ivan Lucas, ivan.lucas@users_sourceforge.net - December 2004 */
/* Neoteric now uses the base style with no modifications */

p, table, td, center, input, textarea, select
{
  font-size: 8pt;
  color: #000000;
}

td textarea {width: 100%;}

a
{
  font-weight: bold;
  text-decoration: none;
  color: #3366CC;
}

a em { font-style: normal; text-decoration: underline; color: #224488; }

a:hover
{
  font-weight: bold;
  text-decoration: underline;
  color: #3366CC;
}

a:active
{
  font-weight: bold;
  text-decoration: underline;
  color: #3366CC;
}

/* tooltip */
a.info img { border: 0px; text-decoration:none;}
a.info span { display: none; z-index: 15; }
a.info:hover { text-decoration: none; }
a.info:hover span
{
  display: block;
  position:absolute;
  background: white;
  width: 34em;
  padding: 1px;
  border:1px solid InfoText;
  text-decoration: none;
  font-weight: normal;
  /*background-color:InfoBackground; color:InfoText ;*/
  background-color:#FFFF99; color:#000000 ;
  text-align: left;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
  filter:alpha(opacity=85);
  opacity: 0.85;
  -moz-opacity:0.85;
}

code { background: #F7F7F7; }
abbr { cursor: help; }

th, td { padding: 1px 5px; }
th, tfoot td { background: #F2F2F2; }
thead th { padding-top: 2em; padding-bottom: 1em; }

h1,h2,h3,h4,h5 { text-align: center; }
h1 { font-size: 16pt; font-weight: bold; color: #FFF; background-color: #203894; margin: 0px; padding: 3px 0px 3px 0px; }
h2 { font-size: 14pt; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5 { font-size: 100%; font-weight: normal; }
h2 img, h3 img { vertical-align: bottom; }

hr { height: 1px; background-color: #CDCDCD; color: #CDCDCD; margin:0px;padding:0px; }

form table.vertical { margin-left: auto; margin-right: auto; }
form table.vertical th { text-align: right; background-color: #CCCCFF; }
form table.vertical td { background-color: #DEDEFF; }
form p { text-align: center; }

table.vertical { border: 1px solid #CCCCFF; }
table.vertical th { text-align: right; }

a img { border: 0px;}

div.windowbox
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    margin-top: 5%;
    border: 1px solid #205D94;
    max-width: 500px;
}
div.windowtitle
{
    cursor: pointer;
    width: 100%;
    background: #205D94;
    color: white;
    padding: 1px;
}
.windowtitle img { vertical-align: middle; border: 0px; }
.windowtitle div { padding-right: 3px; }
.windowtitle a { color: white; font-weight: normal;}
div.window
{
    padding: 3px;
    overflow: hidden;
}

input[type=submit], input[type=button], input[type=reset]
{
    margin-top: 4px;
    background: #185594;
    color: white; border:
    1px solid #185594;
    /*text-transform: uppercase;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
input[type=reset] {margin-left: 4px; margin-right:4px;}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover
{
    background: #EEF6FF; border: 1px solid #205D94; color: #185594;
}


#menumenu { background-color: #000; color: #BBB; text-align: center; padding: 2px 0px 2px 0px; margin-bottom: 5px;}
#menumenu a { text-decoration: none; color: #FFF; }
#menumenu a:hover { text-decoration: underline; }
#menumenu a:active { text-decoration: underline; }

#actionmenu { color: #aaa; margin-bottom: 5px; }
#actionmenu a:link { color: #E76666; }
#actionmenu a:hover { background: #203894; color: white; }

#mainframe { margin: 0px 1em; }

#statusbar { clear: both; background-color: #203894; color: #FFF; text-align: center; padding: 2px 0px 2px 0px; margin-top: 1em;}
#statusbar a { text-decoration: none; color: #FFF; }
#statusbar a:hover { text-decoration: underline; }
#statusbar a:active { text-decoration: underline; }

#userbar,#footerbar { text-align: center; padding: 2px 0px 2px 0px; }

#tabcontainer
    {
        width: 500px;
        background: #fff;
        padding-left: 20px;
    }
#tabnav
    {
        height: 20px;
        margin: 0;
        padding-left: 10px;
        background: url(../images/tab_bottom.gif) repeat-x bottom;
    }

#tabnav li
    {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
    }

#tabnav a:link, #tabnav a:visited
    {
        float: left;
        background: #f3f3f3;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 2px 10px 2px 10px;
        margin-right: 4px;
        border: 1px solid #ccc;
        text-decoration: none;
        color: #666;
    }

#tabnav a:link.active, #tabnav a:visited.active
    {
        border-bottom: 1px solid #fff;
        background: #fff;
        color: #000;
    }

#tabnav a:hover
    {
        background: #fff;
    }

div.iheader { color: #666; margin-bottom:5px;}

/* Information and Errors */
sup.red { color: #F00; font-size: 125%; } /* FIXME doesn't need a class for this */
td sup { color: #444; }
p.tip,p.info, p.warning, p.error, p.trigger, h5.warning, h5.error
{
  background-position: 3px 2px;
  background-repeat: no-repeat;
  padding: 3px 3px 3px 22px;
  min-height: 16px;
  -moz-border-radius: 5px;
  /* display: inline; */
  border: 1px solid #000;
  margin-left: 2em;
  margin-right: 2em;
  width: auto;
  text-align: left;
}
p.tip
{
  background-image: url('../images/icons/oxygen/16x16/tip.png');
  color: black;
  border: 1px solid black;;
  background-color: #FFFFEB;
}
p.info
{
  background-image: url('../images/icons/oxygen/16x16/info.png');
  color: #17446B;
  border: 1px solid #17446B;
  background-color: #F4F6FF;
}
p.info span, p.error span, p.warning span { float: right; margin-right: 10px; }
p.warning, h5.warning
{
  background-image: url('../images/icons/oxygen/16x16/warning.png');
  color: #5A3612;
  border: 1px solid #A26120;
  background-color: #FFECD7;
}
p.error, h5.error
{
  background-image: url('../images/icons/oxygen/16x16/error.png');
  color: #f00;
  border: 1px solid #f00;
  background-color: #FFE1E1;
}
p.error span a { color: #f00; }
p.warning span a { color: #5A3612; }

strong.info,em.info,u.info,span.info
{
   background: #E1FFFF; border: 1px solid #BFD8D8; padding: 2px; cursor: help;
}

h2.error,h3.error,h4.error,h5.error,p.error { color: red; }
input.error, textarea.error, select.error { border: 2px solid red; }

p.alert { border-style: inset; }

/* Classes, try and avoid these where possible use other selectors instead  */

/* bright red #FF4433; */
/* expired was #DDDDDF; */

/* Shading for tables*/
.mainshade { background-color: #FFF; } /* white - is this used? */
.shade1 { background-color: #CCCCFF; } /* medium blue - alt shade1 */
.shade2 { background-color: #DDDDFF; } /* light blue - alt shade 2 */
.urgent { background-color: #f08080; color: black; } /* #E8B7DD; */
.notice { color: black; background-color: #FFFFBC; } /* yellow -- was #ffbbaa; mild red */
h1.notice { background-image: url('../images/top_yellow.png'); }
.critical { background-color: #ff4500; } /* fire-engine red */
h1.critical { background-image: url('../images/top_red.png'); }
.expired { background-color: #D6D6D6; } /* grey */
.review { background-color: #7AC5CD; } /* teal */
.idle     { background-color: #CCffCC; } /* green - #90ee90; */
.visible { background-color: #DDFFE1; } /* #C9EBD8 light green - visible to customer */

/* Depreciated stuff, this needs some HTML changes */

/* New stuff */
tr.shade1 { background-color: #CCCCFF; }
tr.shade2 { background-color: #DDDDFF; }
tr.critical { background-color: #FF4433; }
tr.urgent { background-color: #f08080; }
tr.expired { background-color: #DDDDDF; }
tr.notice { background-color: #FFFFB0; }


.success { color: #669900; }
.failure { color: #f08080; }

/*
#menu
#menuList
#submenu
*/

#menu
{
/*  float: left; */
  display: block;
  color: #000;
  margin-bottom: 5px;
  width: 100%;
  height: 20px;
}

#menu ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  background-color:#FFF;
}

#menu li {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
}

#menu li:hover {
  color: #900;
  background-color: #FFF;
}


#menu a {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #5B5B5B;
  padding: 0.25em 0.8em 0.25em 0.8em;
}

#menu a.greyed, #menu a.greyed:hover { color: #C6C3C6; }

#menu li a {
  position: relative;
}

#menu li:hover>a, #menu a:hover {
  color: #205D94;
}

#menu li ul {
  visibility: hidden;
  position: absolute;
  z-index: 10;
  color: #000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C5C5C5;
  background-color: #FFFFFF;
  /*padding-top: 14px; */
  padding-bottom: 0px;
  line-height: 14px;
  width: 130px;
  left: -1px;
}

html>body #menu li ul {  display: none; }

#menu li li {
  width: 100%;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #C5C5C5;
  background: white;
}

#menu li li ul {
  top: 0;
  left: 100%;
}

div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
    visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
    visibility: hidden;
}

#menu ul li:hover>ul {
  display: block;
  visibility: visible;
}

#menu li ul a {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  word-spacing: 0px;
}

#menu li ul a:hover
{
    background-color: #CCC;
    filter:alpha(opacity=75);
    opacity: 0.75;
    -moz-opacity:0.75;
}

/*
#menu li ul a.submenu {
  background-image: url(/images/menuarrow.gif);
  background-repeat: no-repeat;
  background-position: 100% 5px;
}
*/

#menu li ul li ul {
  padding-top: 0px;
  border-top-width: 1px;
  left: 130px;
}

#menu li li ul {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #C5C5C5;
}

#menu li.menuitem {
  /* background: url('../images/menu_divider.gif') no-repeat right center; */
}


#menu li li.submenu {
    background-image: url(../images/menuarrow.gif);
    background-repeat: no-repeat;
    background-position: right;
}

#menu li ul a:hover > li.submenu
{
    background-image: url(../images/menuarrow.gif);
    background-repeat: no-repeat;
    background-position: 100% 5px;
}

div#help
{
    width: 80%; margin-left: auto; margin-right: auto;
    background-color: #F2F2F2;
    -moz-border-radius: 7px;
    padding: 1em;
}
#help h1, #help h2, #help h3, #help h4
{
    text-align: left;
    margin-bottom: 0.3em;
}

div.detailentry, div.detailentryhidden
{
    border: 1px dotted #9C9C9C;
    width: 95%;
    background: #F7FAFF; /* #F7FAFF; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    padding-top: 20px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
}

.detailentry img, .detailentryhidden img { border: 0px; }

.detailentry table tr:hover { color: white; }
.detailentry table td { background-color: transparent; }

div.detailhead, div.detailinfo, div.detailheadhidden, div.detailinfohidden
{
    border: 1px solid #CDCEFF;
    background: #F0F0FF;  /* #C5B2D5; */
    padding: 0.2em 0.7em;
    font-size: 120%;
    margin-top: 10px;
    -moz-border-radius: 6px;
    top: 10px;
    margin-left: 7%;
}

div.detailentryhidden, div.detailheadhidden { background: transparent; }

div.detailhead, div.detailheadhidden
{
    max-width: 80%;
    width: 80%;
    position: relative;
}
div.detailinfo, div.detailinfohidden
{
    width: 80%;
    margin-bottom: 2em;
    position: relative;
}
div.detailinfohidden, div.detailheadhidden
{
    border-color: #BDBDBD;
    background: white;
    /* color: #8A888A; */
}
div.detaildate
{
    float: right;
    color: #06377F;
    padding-left: 1em;
    position: relative;
    top: 3px;
}
div.detaildate input[type=text] { color: #06377F; border: 1px dotted #06377F; background: transparent; }

div.detailfoot
{
    border: 1px solid black;
    width: 20%;
    background: #D5DEE6;
    margin-bottom: 1em;
    margin-left: 60%;
}

div.note { font-size: 98%; background-color: #FFFFA2; border-color: #A2A86A; margin-top: 0px; }
div.appointment:hover { background-color: #FFFFA2; cursor: pointer; }
div.appointmentdata
{
    visibility: hidden;
    display: none;
    z-index: 2; width: 150px; height: 30px;
    background: white; position:absolute; top: 5px; left: 5px;
    border: 1px solid black;
    filter:alpha(opacity=85);
    opacity: 0.85;
    -moz-opacity:0.85;
    padding: 2px;
}
div.appointmentdata h2 { font-size: 100%; font-style: bold; background-color: #CCCCFF; padding: 0px; margin: 0px;}
div.appointmentdata h2 a {color: red; float: right; }
div.appointmentdata h2 a:hover {background: white;}
.deleted { text-decoration: line-through; }

.dojoComboBox { height: 1.5em; }


div.taglist
{
    border: 1px solid #808080;
    background: #F7FAFF;  /* #C5B2D5; */
    padding: 0.2em 0.7em;
    font-size: 120%;
    -moz-border-radius: 6px;
}

.tagcloud
{
    word-spacing: 7px;
}

div.img-dec img
{
margin: 5px;
border: 1px solid #808080;
}

th.subhead { font-variant: small-caps; font-size: 120%; text-align: right; }

#detailsummary
{
    background: #F7FAFF;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid #203894;
}
#detailsummary table, .detailentry table
{
    width: 100%;
    background-color: transparent;
}
#detailsummary table td
{
    vertical-align: top;
}
#detailsummary h1
{
    font-size: 150%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#detailsummary img
{
    vertical-align: text-top;
}

#tabcontainer
{
    width: 100%;
    background: #fff;
    padding-left: 0px;
    border-bottom: 2px dotted #9C9C9C;
}
#tabnav
{
    height: 20px;
    margin: 0;
    padding-left: 10px;
}

#tabnav li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#tabnav a:link, #tabnav a:visited, .submit
{
    float: left;
    background: #F6F2FF;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

#tabnav a:link.active, #tabnav a:visited.active, .active
{
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

#tabnav a:hover
{
    background: #fff;
}


span.quoteirrel { color: grey; }
span.quote1 { color: #749BC2; }
span.quote2 { color: green; }
span.quote3 { color: magenta; }
span.quote4 { color: #FF9933; }
span.sig { color: red; }

.on {background-color:#84C1DF;}
.off {background-color:white;}

#navmenu
{
    color: white;
    background: #203894;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
}
#navmenu a { color: white; }
#navmenu a em { color: #ddd; }


@media print
{
    #menu, #statusbar, h1#apptitle, #menulist, .contextmenu {visibility:hidden; display:none;}
}