/* This is the main css for MCG web applications. It handles font formatting, positioning and */
/* standard table and form field layout. There is a supplemental color.css which controls the */
/* various colors used by application elements. IMPORTANT: This style sheet should not be */
/* edited and deployed without the approval of Matt Arriaga or Jim Hanson. */

/* div {border: solid 1px #f00;}  this is used for trouble shooting the layout*/


/* General and font ------------------------------------------------------------------------- */
 /*img, div { behavior: url(iepngfix.htc) }*/  /*ie png fix*/
* {
        padding: 0;
        margin: 0;
        font-family: Verdana, Arial, sans-serif;    
}
html, body {
        padding: 0;
        margin: 0;
        width: auto;
        min-width: 620px;
        color: #000; 
        font-size: small;
}
body#message, body#message p {
width:40em;
min-width:400px;
}
h1 {       
        font: bold 150%/1em Arial, Verdana, sans-serif;
        padding: .5em 1em .25em 1em;
        margin: 0;
}
h2  {
        padding: 0 0 0 1em;
        margin: 0;
        clear: both;
        font-size: 85%;
        font-weight: bold;
        text-align: left;
}
h3 {
		color: black;
		font-size: large;
}
h4 {
          clear: both;
          font-variant: small-caps;
          font-size: larger;
}
ul {
          margin: 0;
          padding: 1em 0 0 2em;
}
p {
          padding: 0 0 .8em 1em;
          margin: 0;
          width: 84ex;/*620px;*/
         
}
div.spacer, br  {
        clear: both;
}


/* Form and fieldset ------------------------------------------------------------------------------- */
form{
width:100%;

}
fieldset{
          /*width: 100ex;*/
          min-width: 100ex;
          width: 90%;
          padding:10px
}
fieldset, img.prominent{
          position: relative;
          border-style:groove;
          border-width: 4px;
          padding: 5px;
          margin:10px 0;
          background-color: #ffffea;
}

fieldset table{
width:100%;

}

legend{
        font-style: italic;
        padding:0 3px;
}
label {
        font-style:normal;
        font-weight: bold;
}
label {
        float: left;
        display: block;
        /*width: 40%;*//*From 33%- too many labels are wrapping*/
        width: 35ex;
        font-weight: bold;
        text-align: right;
        margin: 10px 5px 0 0;
}

#main input, select, submit, textarea, .formvalue {
        float: left;
        display: block;
        margin: 10px 10px 0 0;
        /*width:45%;*//*NEW*/
        
}
textarea{
height:10ex;
width:45%;
}

/*NEW*/
/*#main input[type='BUTTON'],#main input[type='RESET'],#main input[type='SUBMIT']{
width:auto;
}*/

label.checkbox{
width:33%;
}
.short{
width:10ex;
}
.long{
width:45%;
}
option{
        padding-right: 2ex;
}
.formelement {
        margin: 2px;
        padding:0 2px;
        width: auto;
}

/* Title section ---------------------------------------------------------------------------------- */

#title_section  {
        margin: 0; 
        padding: 0;
}

/* Global navigation section ---------------------------------------------------------------------- */

#global_nav  {
        margin: 0; 
        padding: 0;
}
#nav {
        margin: 0; 
        padding: 0;
}
#nav li {
        list-style: none; 
        float: left;
        margin-left: 1px;
        padding-left: 16px;
        font-size: 10px; 
        line-height: 20px; 
        white-space: nowrap;
}
#nav a {
        display: block; 
        float: left; 
        padding: 0 16px 0 0;
        text-decoration: none; 
        font-weight: bold;
        width: .1em;
        color: #333;
}
html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */
#nav a:hover {
        color: rgb(255,0,0);
}
#nav #current, #nav #current a, #nav .current {
        color: #fdb;
}

/* Local navigation section ----------------------------------------------------------------------- */

#left_bar, #local {
        position: absolute;
        top: 7.5em;
        left: 0;
        width: 110px;
        float: left;
        background-color: transparent;
}
#left_bar img.top_cap, #local img.top_cap {
        border: 0;
        margin: 0;
        vertical-align: bottom;
}
#left_bar img.bottom_cap, #local img.bottom_cap {
        border: 0;
        margin: 0;
        vertical-align: top;
}
#left_bar a.graphic, #local a.graphic  {
        margin: 0;
        padding: 0;
        display: block;
        text-align: center;
        background-color: transparent;
}
#left_bar a:hover.graphic, #local a:hover.graphic  {
        background-color: transparent;
}
#left_bar ul, #local ul  {
        list-style: none;
        margin: 0;
        padding: 0;
}
#left_bar li, #local li {
        list-style: none;
        padding: 0;
        display: block;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #fff #000 #000 #fff;
}
#left_bar a, #local a  {
        padding: .15em 0 .25em 0;
        display: block;
        color: black;
        text-decoration: none;
}

/* Main container ---------------------------------------------------------------------------------- */

#main {
        position: absolute;
        top: 7.5em;
        left: 140px;
        width: auto;
        margin:  0; 
        padding: 0 20px 0 0;
}

/* Content area ------------------------------------------------------------------------------------- */

#content 
{
        padding: 0;
        border: 0;
}
#content h1 {
        padding: 0 0 .4em 0;
        margin: 0;
        background: #fff;
        font-size: 140%;
}
#content ul {
        padding: 0 0 0 3em;
        margin:  0 0 1em 0;
}
#content ol {
        padding: 0 5em 0 6em;
        margin:  0 0 1em 0;
}

/* Footer area ------------------------------------------------------------------------------------ */

#application_footer {
        text-align:center;
        border-style: solid;
        border-width: 1px 0 0 0;
        border-color: #000;
        padding: 5px 0 0 0;
        margin: 15px 0;
}

#application_footer img  {
        padding: 0;
        margin: 0;
}
#application_footer p {
        margin: 0;
        padding: 0 0 1em 0;
        clear: both;
}
#application_footer a {
        padding: 0 .5em .25em .5em;
        color: black;
        font-size: 80%;
        text-align: right;
        text-decoration: none;
        background: rgb(254,255,215);
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #000;
}
#application_footer a:hover {
        background: rgb(251,255,0);
}
#application_footer a.to_top {
        padding: 0;
        margin: 0;
        float: left;
        clear: both; 
        border-style: none; 
        background: white;
}

/* tables ----------------------------------------------------------------------------------------------- */

table.layout, table.layout td {
         border-style: none ;
         border-width: 0;
         width: auto;
         background-color: transparent;
         line-height: normal;
         padding:0 10px 0 0;
}


.emphasis{font-weight:bold;}

table.small{
        margin: 0;
        color: rgb(0,102,51);
        page-break-before: avoid;
}
table {
        /*display: block;*/
        width: 620px;
        padding: 0;
        margin: .5ex 2ex 2ex .5ex;
        border-collapse: collapse;
        background-color: rgb(247,247,222);
        border-style: solid;
        border-width: 2px;
        border-color: black;
        font-size: small;
}

td, th {
        vertical-align:middle;
        padding: 2px 4px 3px 2px;
}
th  {
        font-size: 85%;
        font-weight: bold;
        background-color: #e6e6e6;
        border-style: solid;
        border-width: 2px;
        border-color: black;
}
caption {
        font-weight: bold;   
}
tr.even  {
        background-color: rgb(245,245,245);
}

td {
        vertical-align: top;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-style: solid;
        border-width: 1px;
        border-color: black;
}
tfoot {
        font-size: 85%;
        font-weight: bold;
        padding: 3px 0 4px 0;
        background-color: #e6e6e6;
        border-style: solid;
        border-width: 2px;
        border-color: black;
}
.alert {   

    padding: 0 1ex 0 2em;
    margin:  0 0 1em 0;
    font-size: larger;
    font-weight: bold;
  	color: red;
    font-style: italic;
    font-variant: small-caps;
}

td.alert{
padding:1ex;
margin:0;
}
.blurb {
  color:Gray;
  font-size:smaller;
}

.hidden{
  display:none;
}
/* Display tag library support ------------------------------------------------------------------------ */
 
tr.even 
{
        background-color:white;
}
span.export {
    padding: 0 4px 1px 20px;
    display:inline; 
    cursor: pointer;
}

span.excel {
    background-image: url(../images/ico_file_excel.png);
        background-repeat: no-repeat;
}
span.pdf {
    background-image: url(../images/ico_file_pdf.png);
        background-repeat: no-repeat;
}
span.xml {
    background-image: url(../images/ico_file_xml.png);
        background-repeat: no-repeat;
}

thead tr {
  background-color: #fc0;
}
th a, th a:visited {
  color: black;
  padding:2px 15px 2px 5px;
}
th a:hover {
  text-decoration: underline;
  color: black;
  padding:2px 15px 2px 5px;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
}
th.sorted {
border-bottom-style:solid;
border-width: 2px 3px;
border-color:Red  ;

}
th.sortable a, span.sortable {
    background-image: url(../images/arrow_off.png);
    background-repeat: no-repeat;
}
th.order1 a {
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
}
th.order2 a {
    background-image: url(../images/arrow_up.png);
    background-repeat: no-repeat;
}
#editor0 *, #editor *, #editor2 * {
        width: auto;
        padding: 0;
        margin:0;
        border: none;
}

div.calendar *  {
margin:0;
padding:0;
width:auto;
background-color: transparent;

}
button.jump{
    background-image: url(../images/go-jump.png);
    background-position: center;
    
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

#greeting, .greeting{
  margin-top:-35px;
  padding-right: 1.2em;
  color: rgb(200,200,200);
  font-size: .8em;
  font-weight: bold;
  float: right;
  background-color:transparent;
}
td img {text-align:center}

.map{
background-color: #f6f6f6;
text-align: center;
padding: 15px;
}
.link_graphic{
text-align:center
}

/* resultsTable styling ---------------------------------------------------------- */

#resultsTable, #resultsTable2 {
    margin: .25em 25px 1em 25px;
	width: 608px;
    border-collapse: collapse;
    background-color: rgb(250,250,240);
    border-style: solid;
    border-width: 2px;
    border-color: black;
    font-size: small;
}
#resultsTable, #resultsTable2 td {
    vertical-align: top;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
#resultsTable, #resultsTable2 p {
	clear: both;
}
.span_left {
	clear: left;
	margin-top: 4px;
	float: left;
	width: 165px;
    text-align: right;
}
.span_right {
	clear: right;
	margin-top: 4px;
	float: right;
	width: 390px;
    text-align: left;
}
.collapsed {
	display: none;
}
.expanded {
	visibility: visible;
}
.closed {
	background-image:url('../images/expand.png');
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.open {
	background-image:url('../images/collapse.png');
	background-repeat:no-repeat;
	background-position:8px 8px;
}
h5:hover {
	cursor:pointer;
}
h5 {
	padding: 0 0 .3em 20px;
	width: 100%;
}

fieldset fieldset, fieldset table {    
          border: thin solid Silver;
          min-width:90%;
          width:90%;
          padding:2ex;
          margin:auto ;
}

input.new{
height: 27px;
width: 30px;
background-image: url("../images/window-new.png");
background-repeat: no-repeat;
background-position: center;
}
input.update{
height: 27px;
width: 30px;
background-image: url("../images/document-save.png");
background-repeat: no-repeat;
background-position: center;
}
input.delete{
height: 27px;
width: 30px;
background-image: url("../images/user-trash.png");
background-repeat: no-repeat;
background-position: center;
}

.refresh{
height: 30px;
width: 30px;
background-image: url("../images/refresh.gif");
background-repeat: no-repeat;
background-position: center;
}
.required{
background-image:  url("../images/required_asterisk.gif");
background-repeat: no-repeat;
background-position: top right;
padding-right: 12px;
}
.optional{
/*background-image:  url("../images/optional.gif");*/
background-repeat: no-repeat;
background-position: top right;
padding-right: 12px;
}



/* Pop-up window styling ---------------------------------------------------------- */

#window_content p {
    margin: 0;
    padding: 0 0 0 1em;
}

#my_id {
    background-color: red;
}

code{
white-space: nowrap;
font-family: courier;
font-size: smaller;
font-weight: bold;
color:gray;
margin:250px;
}

.tool_button{
  padding-left:26px;
  margin-top:2px;
  height:26px;
  width:26px;
  background-color:White;
  background-position: center;
  background-repeat:no-repeat;
  font-size: 0;
}

.select_date{
    background-image: url(../images/calendar.png);
}
.change_preference{
background-image:url(../images/preferences-desktop-locale.png);
}
.insert_value {
background-image:url(../images/insert-value.png);
}
.select_parcel {
background-image:url(../images/go-home.gif);
}

a.tooltip{
padding:2px 16px 2px 2px;
font-style:oblique; 
/*border-width:1px;
border-style:dotted  ;
border-color:Gray;*/
background-color:transparent;
cursor:default;
background-image:url(../images/balloon-tip.gif);
background-position: top right;
background-repeat: no-repeat;

}

#local .logo, .graphic, .graphic *{
  border:0;
  text-align: center;

}



#WzBoDy table, #WzBoDy table td, #WzTiTl table, #WzTiTl table td{
        border-style: none;
        border-width: 0;
        background-color:transparent;
}


.dispatched {
	background-color: green;
}
.due {
  background-color: yellow;
}
.overdue {
	background-color: red;
}
.cac {
  background-color:black;
}
.future {
  background-color:Aqua;
}
.completed, .case_closed {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: .8em 
}