
/*     TEXT STYLING     */

p {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}

h1 {
margin: 0;
padding: 0;
display: none;
}

h2 {
margin: 0;
padding: 10px 25px 0px 25px;
font-size: 1.7em;
line-height: 150%;
}

/*     GENERAL STYLING     */

body {
height: 100%;
margin: 0;
padding: 0;
font-size: 76%;
font-family: 'Lucida Grande', geneva, arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
min-width: 1000px;
color: #000;
}

div.head {
background: #3a8cdf url(../img/blueheadbg.gif) repeat-x;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 3px solid #fff;
}

div.toparea {
background: url(../img/logo.png) no-repeat;
height: 63px;
width: 100%;
margin: 0;
padding: 0;
}

div.searchfloat {
float: right;
margin: 0px 20px 0px 0px;
padding: 0;
}

div.logoutbox {
float: left;
margin: 0;
padding: 0;
}

div.logoutbox p {
margin: 0;
padding: 5px 10px 5px 5px;
}

div.search {
height: 26px;
width: 195px;
background: url(../img/icon/search.gif) no-repeat;
float: right;
margin: 0;
padding: 0;
}

div.search p {
margin: 0;
padding: 5px 0px 0px 30px;
}

div.searchbox {
height: 38px;
width: 247px;
background: url(../img/searchboxbg.gif) no-repeat;
float: left;
margin: 0;
padding: 0;
}

div.searchbox p {
margin: 0;
padding: 5px 5px 5px 45px;
}

div.menuouter {
width: 100%;
margin: 0;
padding: 0;
}

div.menuprimary {
width: 100%;
margin: 0;
padding: 0;
}

ul#navlist {
margin: 3px 0px 0px 0px;
padding: 3px 0px 3px 20px;
list-style: none;
font-size: 1em;
text-decoration: none;
background: #000;
}
/* margin should be 3px 0px 0px 0px */

ul#navlist li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul#navlist li a, ul#navlist li a:link, ul#navlist li a:visited {
padding: 6px 8px 3px 8px;
margin: 0;
color: #999;
text-decoration: none;
font-weight: normal;
}

ul#navlist li#active a {
background: #fff url(../img/tableft.gif) no-repeat 0 0;
text-decoration: none;
color: #000;
}

ul#navlist span {
padding: 6px 8px 3px 0px;
margin: -6px -8px -3px 0px;
background: url(../img/tabright.gif) no-repeat top right;
}

ul#navlist li#active a:hover {
color: #000;
}

ul#navlist li a:hover {
color: #fff;
}








p a {text-decoration: underline; color: #333;}
p a:link {text-decoration: underline; color: #333; }
p a:hover {text-decoration: none; color: #333;}

img.inlinearrow {
padding: 0px 0px 0px 3px;
margin: 0;
}





div.menusecondary {
width: 100%;
margin: 0;
padding: 0;
background: #fff url(../img/marrow.gif) no-repeat 5px 0;
}

ul#navlist2 {
margin: 0;
padding: 3px 0px 0px 20px;
list-style: none;
font-size: 1em;
text-decoration: none;
}

ul#navlist2 li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul#navlist2 li a, ul#navlist2 li a:link, ul#navlist2 li a:visited {
padding: 6px 8px 3px 8px;
margin: 0;
color: #000;
text-decoration: none;
font-weight: normal;
}

ul#navlist2 li a:hover {
color: #c63;
}

ul#navlist2 li#active2 a {
text-decoration: underline;
color: #c63;
}

ul#navlist2 li#active2 a:hover {
color: #c63;
}

/* rightbutton and leftbutton has same properties as generalbutton...  */
input.rightbutton,
input.leftbutton,
input.generalbutton {
background: url(../img/buttongrad.gif) repeat-x;
border: 1px outset;
cursor: pointer;
font-size: 0.9em;
}

/* ...but adds some of its own as well */
input.rightbutton {
float: right;
margin-right: 15px;
}

input.leftbutton {
float: left;
margin-left: 15px;
/* ie hack to get button lining up correctly in IE*/
margin-left: expression("30px");
}

div.content {
background: #fff url(../img/contentdrop.gif) repeat-x;
width: 100%;
margin: 0;
padding: 0;
}

div.indexleftcol {
float: left;
background: url(../img/face.jpg) no-repeat 0 0;
width: 273px;
margin: 0;
padding: 0;
}

div.indexleftcol h2 {
margin: 270px 10px 10px 20px;
padding: 0px 0px 0px 10px;
border-bottom: 1px solid #333;
width: 200px;
}

div.indexleftcol p {
margin: 0;
padding: 10px 10px 10px 30px;
}

div.indexmaincol {
float: left;
margin: 0;
padding: 0;
width: 727px;
}

p.indextopnote {
margin: 0;
padding: 10px 10px 10px 0px;
}

div.full1000width {
margin: 0;
padding: 0;
width: 990px;
}


/*   PORTLET/WINDOW STYLING OPTIONS   */

div.greentitle {
margin: 0;
padding: 0;
}

div.bluetitle {
background: url(../img/wi-blueleft.gif) no-repeat top left;
margin: 0;
padding: 0;
}

p.portlettitle {
margin: 0;
padding: 1px 10px 1px 6px;
font-size: 0.9em;
font-weight: bold;
color: #fff;
}

div.portletcontent {
background: #f7f7f7;
margin: 1px;
padding: 0;
position: relative;
}

div.portletcontent p {
margin: 0;
padding: 10px 10px 10px 9px;
}

div.greenwindow {
float: left;
background: #7cbd3b;
margin: 0px 10px 10px 0px;
padding: 0;
}

div.infobox {
background: #F0FFF0;
margin: 0px 10px 10px 10px;
padding: 10px 10px 10px 20px;
border: 1px dashed #7cbd3b;
}

div.blueslimwindow {
float: left;
background: #559de5;
margin: 0px 10px 10px 0px;
padding: 0;
}

div.bluewindow {
float: left;
background: #559de5;
margin: 0px 10px 10px 0px;
padding: 0;
}













div.greeninfo {
float: left;
background: #7cbd3b url(../img/wi-green-info.gif) no-repeat top right;
margin: 0px 10px 10px 0px;
padding: 0;
}

div.blueslim {
float: left;
background: #2172c5;
margin: 0px 10px 10px 0px;
padding: 0;
}

div.bluepage {
float: left;
background: #2172c5 url(../img/wi-blue-page.gif) no-repeat top right;
margin: 0px 10px 10px 0px;
padding: 0;
}

div.greenscreen {
float: left;
background: #4f8a13 url(../img/wi-green-screen.gif) no-repeat top right;
margin: 0px 10px 10px 0px;
padding: 0;
}

div.greengraph {
float: left;
background: #4f8a13 url(../img/wi-green-graph.gif) no-repeat top right;
margin: 0px 10px 10px 0px;
padding: 0;
}

/*   PORTLET/WINDOW STYLING OPTIONS   */


img.status {
margin: 10px 20px 8px 10px;
padding: 0;
}

img.graphsketch {
margin: 10px 10px 8px 10px;
padding: 0;
}


/*     OPEN TASKS TABLE STYLING      */

table.opentasks {
border: 0px;
margin: 0px;
padding: 0px;
text-align: left;
width: 255px;
}

table.opentasks p {
margin: 0px 0px 0px 0px;
padding: 0px 1px 0px 3px;
color: #666;
font-size: 95%;
}

table.opentasks tr.lttop {
background: none;
}

table.opentasks tr.lton {
background: #e2e2e2;
}

table.opentasks tr.ltoff {
background: none;
}

table.opentasks td {
border: none;
margin: 0px;
padding: 0px;
}

p.botrightnote {
margin: 0;
padding: 10px 10px 5px 7px;
font-weight: bold;
}


/*   FIND FORM   */

#findForm {
margin: 0;
padding: 0;
border: none;
}

#findForm fieldset {
margin: 0;
padding: 0;
border: none;
}

#findForm input.searchentry {
width: 200px;
font-size: 0.9em;
}

#findForm input.hidethis {
display: none;
}

#findForm label {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 9px;
font-size: 0.9em;
}

/*   FIND FORM   */


/*   SHORTCUTS LIST STYLING   */

div.shortcuttop {
margin: 0;
padding: 0;
height: 16px;
}

ul.shortcuts {
margin: 0px 0px 0px 0px;
padding: 0;
font-size: 0.9em;
}

ul.shortcuts li {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
display: block;
}

ul.shortcuts li a {
width: 174px;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 8px;
font-weight: normal;
display: block;
text-decoration: none;
color: #333;
background: #e2e2e2;
}

ul.shortcuts li a:hover {
background: #ccc;
color: #333;
}

ul.shortcuts li b {
margin: 0;
padding: 0px 4px 0px 0px;
}

div.clear {
height: 0;
clear: both;
}

/*   STANDARD (LARGE) FORM   */

form.standardform {
float: left;
margin: 0;
padding: 0px 0px 0px 20px;
width: 472px;
}

div.standardformtitle {
margin: 0;
padding: 0;
border: none;
background: #7cbd3b;
}

div.standardformtitle p {
margin: 0;
padding: 1px 10px 2px 6px;
font-size: 0.9em;
font-weight: bold;
color: #fff;
width: 400px;
}

form.standardform fieldset {
margin: 15px 0px 0px 0px;
padding: 0;
border: 1px solid #7cbd3b;
background: #f7f7f7;
}

form.standardform fieldset.internal {
padding: 0;
padding-top: 5px;
margin: 10px;
border: 1px solid #7cbd3b;
background: #f7f7f7;
width: 95%
}

form.standardform label {
display: block;
float: left;
margin: 5px 0px 10px 0px;
padding: 0px 20px 0px 15px;
width: 150px;
font-size: 0.9em;
}

form.standardform input {
float: left;
margin: 5px 0px 10px 0px;
padding: 0px 20px 0px 0px;
font-size: 0.9em;
}

form.standardform select {
margin: 0;
padding: 0;
font-size: 0.9em;
}

form.standardform input.button {
margin: 5px 8px 8px 5px;
padding: 0px 5px 1px 5px;
background: url(../img/buttongrad.gif) repeat-x;
border: 1px outset;
cursor: pointer;
font-size: 0.95em;
float: right;
}

form.standardform br {
clear: left;
}

span.star {
color: red;
}

div.legal {
color: gray;
width: 550px;
font-size: 95%;
background: lightgray;
border: 1px dashed black;
padding: 20px;
margin-top: 130px;
margin-left: 250px;
margin-right: 250px;
overflow: auto;
max-height: 200px;
/* hack for ie which does not support max-height */
/* TODO get hack working :)
height: expression(dojo.html.getElementsByClass("errorexplanation")[0].clientHeight > 200? "200px": "auto" );
*/
}

div.errorexplanation {
background: #ffc;
border: 1px solid #fc3;
padding: 0;
padding-top: 0px;
margin: 0px;
overflow: auto;
max-height: 200px;
/* hack for ie which does not support max-height */
/* TODO get hack working :)
height: expression(dojo.html.getElementsByClass("errorexplanation")[0].clientHeight > 200? "200px": "auto" );
*/
}

div.errorIndicator {
float: left;
/* ie hack to get warning image lining up with corresponding input field in IE*/
float: expression("none");
margin: 0;
padding: 0;
}

div.errorexplanation p {
padding: 10px 10px 6px 10px;
margin: 0;
font-size: 0.9em;
}

ul.errorlist {
padding: 0;
margin: 0;
}

ul.errorlist li {
margin: 0px 0px 6px 40px;
padding: 0;
list-style: url(../img/warning.gif);
font-size: 0.9em;
}

div.ulouter {
margin: 0;
padding: 0;
}

.popupcalimg {
margin: 1px 0px 0px 10px;
padding: 0;
}

div.radiobuttons {
margin: 7px 15px 10px 15px;
padding: 0;
}

div.rb_items {
margin: 0;
padding: 0;
float: left;
}

div.rb_items label {
margin: 0;
padding: 0;
}

div.radiobuttons input {
margin: 0;
padding: 0;
}

div.radiobuttons label {
margin: 0px 0px 6px 0px;
padding: 0;
float: left;
width: auto;
}

div.radiobuttons p.mainlabel {
margin: 0px 0px 0px 0px;
padding: 0;
width: 170px;
font-size: 0.9em;
float: left;
}

div.radiobuttons legend {
display: none;
}

div.checklist {
margin: 7px 15px 10px 15px;
padding: 0;
}

div.cl_items {
margin: 0;
padding: 0;
float: left;
}

div.checklist input {
margin: 0;
padding: 0;
}

span.labelspan {
float: left;
margin: 2px 0px 0px 4px;
padding: 0;
}

div.checklist label {
margin: 0px 0px 6px 0px;
padding: 0;
float: left;
width: auto;
}

div.checklist p.mainlabel {
margin: 0px 0px 0px 0px;
padding: 0;
width: 170px;
font-size: 0.9em;
float: left;
}

div.checklist legend {
display: none;
}

div.switcher1 {
margin: 7px 0px 15px 15px;
padding: 0;
border: none;
float: left;
}

div.switchermid {
margin: 27px 0px 15px 15px;
padding: 0;
border: none;
float: left;
text-align: center;
}

div.switcher1 select {
margin: 0;
padding: 0;
width: 150px;
}

/*   STANDARD (LARGE) FORM   */



/*   ADDITIONAL FORM STYLING   */

p.ajaxsearchresults {
margin: 0;
padding: 15px 15px 0px 15px;
font-size: 0.9em;
line-height: 180%;
border-bottom: 2px solid #ccc;
}

p.ajaxsearchresults span {
margin: 0;
padding: 0px 10px 0px 0px;
width: 60px;
float: left;
}

table.appcalendar {
margin: 5px 0px 0px 20px;
padding: 0;
font-size: 0.9em;
}

table.appcalendar b {
color: #7cbd3b;
font-size: 1.5em;
}

td {
padding: 2px 4px 2px 3px;
}

td.day_of_week {
padding: 2px 4px 2px 4px;
border-bottom: 2px solid #666;
font-weight: bold;
font-size: 1.2em;
color: #666;
}

td.day {
background: #fff;
color: #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

td.monthlinks {
margin: 0;
padding: 14px 2px 2px 3px;
border-top: 2px solid #666;
}

table.appcalendar a {text-decoration: underline; color: #333;}
table.appcalendar a:link {text-decoration: underline; color: #333; }
table.appcalendar a:hover {text-decoration: none; color: #333;}
table.appcalendar a:visited {text-decoration: underline; color: #333; }

td.monthlinks a. {text-decoration: none; color: #666; float: left;}
td.monthlinks a:link {text-decoration: none; color: #666; float: left;}
td.monthlinks a:hover {text-decoration: none; color: #7cbd3b; float: left;}
td.monthlinks a:visited {text-decoration: none; color: #666; float: left;}

span.nextmonth {
float: right;
}

img.movearrow {
padding: 0px 0px 4px 0px;
margin: 0px 1px 4px 0px;
border: none;
}



/*   GENERAL TABLE STYLING   */

table.gtable {
margin: 5px 0px 0px 0px;
padding: 0;
font-size: 0.9em;
}

table.gtable b {
color: #7cbd3b;
font-size: 1.5em;
}

table.gtable td {
padding: 2px 4px 2px 5px;
}

table.gtable th {
padding: 2px 4px 2px 5px;
}

table.gtable tr.gttop {
background: none;
}

table.gtable tr.gton {
background: #e2e2e2;
}

table.gtable tr.gtoff {
background: none;
}

.type1gton {
  background-color: #F5F6CE !important;
}

.type1gtoff {
  background-color: #F5F6BE !important;
}

.type2gton {
  background-color: #CEF6E3 !important;
}

.type2gtoff {
  background-color: #CEF6D3 !important;
}

table.gtable a {text-decoration: underline; color: #333;}
table.gtable a:link {text-decoration: underline; color: #333; }
table.gtable a:hover {text-decoration: none; color: #333;}
table.gtable a:visited {text-decoration: underline; color: #333; }

img.colsort {
padding: 0px 0px 0px 5px;
margin: 0;
border: none;
}



/*   STANDARD (LARGE) FORM   */

div.flexwidthboundary {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 20px;
}

form.flexwidth {
float: left;
margin: 0;
padding: 0;
border: 1px solid #7cbd3b;
background: #f7f7f7;
}

form.flexwidth fieldset {
float: width;
margin: 15px 0px 0px 0px;
padding: 0;
background: #f7f7f7;
border: 1px solid #7cbd3b;
}

form.flexwidth label {
display: block;
float: left;
margin: 5px 0px 10px 0px;
padding: 0px 20px 0px 15px;
width: 150px;
font-size: 0.9em;
}

form.flexwidth input {
float: left;
margin: 5px 0px 10px 0px;
padding: 0px 20px 0px 0px;
font-size: 0.9em;
}

form.flexwidth select {
margin: 0;
padding: 0;
}

form.flexwidth input.button {
margin: 5px 8px 8px 5px;
padding: 0px 5px 1px 5px;
background: url(../img/buttongrad.gif) repeat-x;
border: 1px outset;
cursor: pointer;
font-size: 0.95em;
float: right;
}

form.flexwidth br {
clear: left;
}



/*   TOP SEARCHBOX FORM STYLING   */

form.searchboxform {
float: left;
margin: 0;
padding: 0px 0px 0px 45px;
width: 212px;
}

form.searchboxform fieldset {
margin: 3px 0px 0px 0px;
padding: 0;
border: 0;
}

form.searchboxform label {
display: none;
margin: 0;
padding: 0;
}

form.searchboxform input {
float: left;
margin: 5px 0px 5px 0px;
padding: 0;
font-size: 1em;
}

form.searchboxform input#search1 {
width: 125px;
color: #999;
}

form.searchboxform input.sbfbutton {
margin: 5px 4px 3px 5px;
padding: 0px 5px 1px 5px;
background: #fff url(../img/buttongrad.gif) repeat-x;
border: 1px outset;
cursor: pointer;
font-size: 0.95em;
}

form.searchboxform br {
clear: left;
}

img.portleticons {
padding: 0;
margin: 0;
border: none;
position: absolute;
top: -23px;
right: 10px;
}

span#leaf {
font-size: 90%;
font-family: 'Lucida Grande', geneva, arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
}

span#leaf_false {
font-size: 90%;
font-family: 'Lucida Grande', geneva, arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
background: #eaeaea;
}

span#leaf_true {
font-size: 90%;
font-family: 'Lucida Grande', geneva, arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
background: white;
}

span#branch {
font-size: 90%;
font-family: 'Lucida Grande', geneva, arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
}

span#branch_false {
font-size: 90%;
font-family: 'Lucida Grande', geneva, arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
background: #eaeaea;
}

span#branch_true {
font-size: 90%;
font-style: italic;
font-weight: normal;
background: white;
}

.dojoTree {
    font-family: 'Lucida Grande', geneva, arial, verdana, helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
}

.dojoTreeNodeLabel {
  text-decoration: none !important;
}
.dojoTreeNodeLabelTitle {
  text-decoration: none !important;
}
.dojoTreeNodeLabelTitle:hover {
  text-decoration: none !important;
}

.tag {
  float: left;
  margin: 1px;
  padding: 2px;
  background: white;
  border: 1px solid lightgrey;
  text-decoration: none !important;
}


.tag:hover {
  background: grey;
  border: 1px solid lightgrey;
  color: white;
}

.session-expired {
  display: none;
}