@charset "utf-8";
 
*       { margin: 0; padding: 0; }
a	{ text-decoration: none; }
ul	{ list-style: none; }
p       { margin: 15px 0; }
th  	{font-weight:bold; text-decoration:underline; text-align:left; background-color:white; color:#333; padding-bottom:5px;}


div.DTTT_button.sbox {height:1px; padding:0px; background:none; border:none; z-index:200;  box-shadow:none;}

input   { padding-left:5px; padding-right:5px; height:22px; border:1px solid #aaa; border-radius:4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));}
input.watermark, textarea.watermark { color: #000; }
input.marked, textarea.marked { color: #999; }
textarea{border:1px solid #aaa; border-radius:4px; }
body {
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0;  
    padding: 0;
    text-align: center;  
    color: #000000;
}

@media print
{   .no-print
    {
        display: none !important;
    }
}

/*
    LEVEL ONE
*/
ul.dropdown                         { position: relative;  }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #1c1562; position:relative;  }
ul.dropdown a:hover		            { color: #ffffff; }
ul.dropdown a:active                { color: #ffffff; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #FFFFFF; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #494949; color: white; position: relative; }
ul.dropdown li.hover a              { color: #FFFFFF; }


/*
    LEVEL TWO
*/
ul.dropdown ul 	   	{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li  	{ font-weight: normal; background: #494949; color: #FFFFFF; border-bottom: 1px solid #6D6D6D; border-left: 1px solid #6D6D6D;float: none; }

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a  		{ border-right: none; width: 100%; display: inline-block; } 

/*
    LEVEL THREE
*/
ul.dropdown ul ul 		{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 	{ visibility: visible; }


.noBorder{
    background-color:transparent;
    border-color:transparent;
    border:none;
    padding-top:5px;
    padding-bottom:5px;
    background-image:none;
    text-overflow:ellipsis;
}

.error {
    font: normal 10px arial;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}

input.sidebar{
    border:none;
    background:inherit;
    font-size:11px;

}

.bold_data {
    font-size:11pt;
    font-weight:bold;

}
 
.buttonz {
    border-top: 1px solid #96d1f8;
  
 
    padding: 5.5px 31px;
    
    border-radius: 6px;
    
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 12px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    padding-left:20px;
    padding-right:20px;
    width:200px !important;
}
.buttonz:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc;
    padding-left:20px;
    padding-right:20px;
}
.buttonz:active {
    border-top-color: #1b435e;
    background: #1b435e;
    padding-left:20px;
    padding-right:20px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.twoColFixLtHdr #container {
    width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    white-space:nowrap;
}
.twoColFixLtHdr #topnav{
    position:relative;
    float:left;
    top:-190px;
    width:780px;
    text-align:right;
    padding-right:20px;
    color:white;
    font-size:10px;
}
.twoColFixLtHdr #topnav a {
    color:white;
}
.twoColFixLtHdr #topnav a:hover{
    color:yellow;
}

.twoColFixLtHdr #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    width: 350px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

    padding: 15px 10px 15px 20px;
}
.twoColFixLtHdr #mainContent {
    margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    height:350px;
}
.twoColFixLtHdr #leftDetails {
    position:relative;
    width:35%;
    height:450px;
    float:left;
    top:-20px;
    display:inline-block;
    margin-left:30px;
    margin-right:30px;
}
.twoColFixLtHdr #rightDetails {
    display:inline-block;
    width:60%;
    height:450px;
    position:relative;
    left:-450px;
    top:40px;
}
.twoColFixLtHdr #bottomDetails {
    position:relative;
    top:-150px;
    float:left;
    left:10px;
    width:700px;
    display:inline-block;
    margin-left:30px;
    margin-right:30px;
    z-index:30;
}
.twoColFixLtHdr #footer {
    position:relative;
    top:-60px;
    float:left;
    width: 780px;
    height:20px;
    text-align:center;
    border-top:#DDDDDD solid  1px;
    color:#BBB;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-size:10px;
    background:#FFFFFF;
    z-index:1;
}
/* DONT MOVE NAV */
.twoColFixLtHdr #nav{
    position:relative;
    top:-77px;
    float:left;
    white-space:nowrap;
    height:30px;
    text-align:right;
    z-index:30;
    width:800px;
}
.twoColFixLtHdr #nav img{
    margin-right:10px;
    border:none;
}


/* DONT MOVE THIS */
.twoColFixLtHdr #mm{
    position:relative;
    float:left;
    top:-35px;
    left:50px;
    z-index:10;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#E4E4E4;
    width:211px;
    text-align:center;
    height: 18px;

}





.dataTablesWide #container {
    width: 1200px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    min-height:450px;
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    white-space:nowrap;

}
.dataTablesWide #topnav{
    position:relative;
    float:left;
    top:-90px;
    width:1100px;
    text-align:right;
    color:white;
    font-size:10px;
}
.dataTablesWide #topnav a {
    color:white;
}
.dataTablesWide #topnav a:hover{
    color:yellow;
}

.dataTablesWide #nav{
    top:-60px;
    float:left;
    white-space:nowrap;
    height:30px;
    text-align:right;
    position:relative;
    z-index:30;
    width:1110px;
}
.dataTablesWide #nav img{
    margin-right:10px;
    text-align:center;
    border:none;
}
.navbutton{
    width:100px;
    margin-right:10px;
}
.dataTablesWide #mm{
    position:relative;
    float:left;
    top:-35px;
    left:250px;
    z-index:10;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#000111;
    width:211px;
    text-align:center;
    height: 18px;

}
.dataTablesWide #tablepos{
    margin-left:30px;
    margin-right:30px;
    border:none;
    position:relative;
    top:-40px;
}
.dataTablesWide #tbltitle{
    float:left;  z-index:100; position:relative; width:780px; margin-left:30px; top:-25px; height:1px;
}
.dataTablesWide #nav2{
    display:inline;
    position:absolute;
    top:-67px;
    left:720px;
    background:none;
    white-space:nowrap;
    width:200px;
    height:30px;
    text-align:right;
    position:relative;
    z-index:40;
}

.dataTablesWide #nav3{
    display:inline;
    position:absolute;
    top:-67px;
    left:690px;
    background:none;
    white-space:nowrap;
    width:300px;
    height:30px;
    text-align:right;
    position:relative;
    z-index:30;
}
.dataTablesWide #nav4{
    display:inline;
    position:absolute;
    top:-67px;
    left: 645px;
    background:none;
    white-space:nowrap;
    width:300px;
    height:30px;
    text-align:right;
    position:relative;
    z-index:30;
}

.dataTablesWide #footer {
    position:relative;
    top:-60px;
    float:left;
    width: 1200px;
    height:20px;
    text-align:center;
    color:#BBB;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-size:10px;
    z-index:1;
}

.dataTablesMar {
    background-color:#FFF;
}

.dataTablesMar #container {
    background:#FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align:center; /* this overrides the text-align: center on the body element. */
    white-space:nowrap;
    min-height:450px;

}


.dataTablesMar #banner{
    background-image:url('../images/inside_header.png');
    background-repeat:no-repeat;
    background-color:#70a9d3;
    margin-left:100px;
    margin-right:100px;
    text-align:left;
    white-space:nowrap;
    border-bottom-color:#4297d7;
    border-bottom-width:2px;
    border-bottom-style:solid;
    min-width:600px;
    border-radius:8px;
    height:35px;
    margin-top:15px;
    margin-bottom:5px;
}
.dataTablesMar #topnav{
    color:white;
    float:right;
    font-size:10px;
    position:relative;
    top:10px;
    left:-160px;
    margin-right:-150px;

}
.dataTablesMar #banner a {
    color:white;
}
.dataTablesMar #banner a:hover{
    color:yellow;
}

.dataTablesMar #nav{
    position:relative;
    white-space: nowrap;
    min-width: 700px;
    text-align:right;
    margin-left:100px;
    margin-right:100px;
    z-index:1;
}




.dataTablesMar #mix_left{
    margin-left:20px;
}
.dataTablesMar #mix_right{
    position:relative;
    left:-25px;
}
/* DONT MOVE THIS */
.dataTablesMar #mm{

    position:relative;
    top:-25px;
    left:10px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#E4E4E4;
    z-index:11;

}



.dataTablesMar #tablepos{
    margin-left:100px;
    margin-right:100px;
    border:none;
    position:relative;
    padding:5px;
    padding-bottom:50px;
    border:1px solid #E4E4E4;
    border-radius:8px;
    min-height:450px;

}
.dataTablesMar #tbltitle{
    /* position:relative;  float:left;  width:780px;  top:20px; height:20px;font-weight:bold;background-color:pink;*/
    clear:both;
    min-width: 500px;
    height:1px;
    margin-left:100px;
    margin-right:350px;
    font-weight:bold;

    position:relative;
    top:20px; left:5px;
    text-align:left;
}
.dataTablesMar #tblInfo{
    /* position:relative;  float:left;  width:780px;  top:20px; height:20px;font-weight:bold;background-color:pink;*/
    clear:both;
    min-width: 500px;
    height:1px;
    margin-left:100px;
    margin-right:350px;
    font-weight:bold;

    position:absolute;
    vertical-align: top;
    top:110px; left:5px;
    text-align:left;
}


.dataTablesMar #tbltitle_hi{
    /* position:relative;  float:left;  width:780px;  top:20px; height:20px;font-weight:bold;background-color:pink;*/
    clear:both;
    min-width: 500px;
    height:1px;
    margin-left:100px;
    padding-left:5px;
    margin-right:350px;
    font-weight:bold;

    position:relative;
    top:18px;
    text-align:left;
}

.dataTablesMar #footer {
    min-width: 600px;
    height:20px;
    text-align:center;
    margin-left:100px;
    margin-right:100px;
    color:#BBB;
    padding-top:10px;
    padding-bottom:50px;
    font-size:10px;
    background:#FFFFFF;
    z-index:1;
}


.dataTables #container {
    width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    white-space:nowrap;

}


.dataTables #topnav{
    position:relative;
    float:left;
    top:-190px;
    width:780px;
    text-align:right;
    padding-right:20px;
    color:white;
    font-size:10px;
}
.dataTables #topnav a {
    color:white;
}
.dataTables #topnav a:hover{
    color:yellow;
}

.dataTables #nav{
    top:-80px;
    float:left;
    white-space:nowrap;
    height:30px;
    text-align:right;
    position:relative;
    z-index:30;
    width:800px;
}
.dataTables #nav img{
    margin-right:10px;
    border:none;
}

.dataTables #mm{
    position:relative;
    float:left;
    top:-35px;
    left:50px;
    z-index:10;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#E4E4E4;
    width:211px;
    text-align:center;
    height: 18px;

}
.dataTables #tablepos{
    margin-left:30px;
    margin-right:30px;
    border:none;
    position:relative;
    top:-40px;
}

.dataTables #tablepos2{


    border:none;
    position:relative;
    margin-left:30px;
    margin-right:30px;
    top: 15px;
}
.dataTables #tbltitle{
    float:left;  z-index:100; position:relative; width:780px; margin-left:30px; top:-25px; height:1px;
}
.dataTables #nav2{
    display:inline;
    position:absolute;
    top:-67px;
    left:720px;
    background:none;
    white-space:nowrap;
    width:200px;
    height:30px;
    text-align:right;
    position:relative;
    z-index:40;
}

.dataTables #nav3{
    display:inline;
    position:absolute;
    top:-67px;
    left:690px;
    background:none;
    white-space:nowrap;
    width:300px;
    height:30px;
    text-align:right;
    position:relative;
    z-index:30;
}
.dataTables #nav4{
    display:inline;
    position:absolute;
    top:-67px;
    left: 645px;
    background:none;
    white-space:nowrap;
    width:300px;
    height:30px;
    text-align:right;
    position:relative;
    z-index:30;
}

.dataTables #navG{
    top:-65px;
    position:relative;
    height:30px;
    width:800px;
}

.dataTables #footer {
    position:relative;
    top:-60px;
    float:left;
    width: 780px;
    height:20px;
    text-align:center;
    border-top:#DDDDDD solid  1px;
    color:#BBB;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-size:10px;
    background:#FFFFFF;
    z-index:1;
}
.mmenu{
    background-color:#FFF;
}

.mmenu #container {
    background:#FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align:center; /* this overrides the text-align: center on the body element. */
    white-space:nowrap;
}

.mmenu #banner{
    background-image:url('../images/header_gradient_ltblues.png');
    background-repeat:no-repeat;
    background-color:#70a9d3;
    margin-left:100px;
    margin-right:100px;
    text-align:left;
    white-space:nowrap;
    border-bottom-color:#4297d7;
    border-bottom-width:2px;
    border-bottom-style:solid;
    min-width:600px;
    margin-top:15px;
    margin-bottom:5px;
    border-radius:8px;
}

.mmenu #banner a {
    color:white;
}
.mmenu #banner a:hover{
    color:yellow;
}
.mmenu #footer {
    position:relative;
    height:20px;
    text-align:center;
    color:#BBB;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-size:10px;
    background:#FFFFFF;
    z-index:1;
}

.mmenu #nav{
    position:relative;
    white-space: nowrap;
    min-width: 700px;

    text-align:right;
    margin-left:100px;
    margin-right:100px;
    z-index:1;
}



.mmenu #topnav{
    color:white;
    float:right;
    font-size:10px;
    position:relative;
    top:10px;
    left:-160px;
    margin-right:-150px;
    z-index:2;
}
.mmenu #mix_left{
    margin-left:20px;
}


/* DONT MOVE THIS */
.mmenu #mm{
    position:relative;
    top:-25px;
    left:10px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#E4E4E4;
    z-index:11;

}

.mmenu #mainContent {
    clear:both;
    min-height:600px;
    margin-left:100px;
    margin-right:100px;
    min-width: 600px;

}

.mmenu #mainContent td{
    text-align:left;
}

.mmenu #wideContent {
    height:580px;
    position: relative;
    top: -30px;
    padding-left: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
}


/**/
.oneColMar {
    background-color:#FFF;
}
.oneColMar #container {
    /* width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    /* background: #FFFFFF;*/
    background:#FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    /* border: 1px solid #000000; */
    text-align:center; /* this overrides the text-align: center on the body element. */
    white-space:nowrap;
    min-height:450px;
}
.oneColMar #banner{
    background-image:url('../images/inside_header.png');
    background-repeat:no-repeat;
    background-color:#70a9d3;
    margin-left:100px;
    margin-right:100px;
    text-align:left;
    white-space:nowrap;
    border-bottom-color:#4297d7;
    border-bottom-width:2px;
    border-bottom-style:solid;
    min-width:600px;
    border-radius:8px;
    height:35px;
    margin-top:15px;
    margin-bottom:5px;
}

.oneColMar #banner a {
    color:white;
}
.oneColMar #banner a:hover{
    color:yellow;
}
#nav {
    margin: 10px 100px 10px 100px;
}
.button{
    border-radius:4px;
    -webkit-border-radius:4px;
    min-width:100px;
    position:relative;
     margin:5px 3px 5px 3px;
    padding: 5px 38px 7px 38px;
  
    border: 1px solid #999;
    cursor:pointer;
    font-size:0.88em;
    font-weight:normal;
    color: black !important;
 
    -webkit-box-shadow:1px 1px 3px #CCC;
 
    box-shadow: 1px 1px 3px #ccc;
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%);
    background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
 
    zoom:1;
    text-align:center;
    white-space:nowrap;
    font-family: Verdana, Arial, Helvetica, sans-serif;
 
}
.button:hover {
    border-radius:4px;
    -webkit-border-radius:4px;
    min-width:100px;
    position:relative;
    margin:5px 3px 5px 3px;
    padding: 5px 38px 7px 38px;
  
    border: 1px solid #999;
    cursor:pointer;
    font-size:0.88em;
    font-weight:normal;
    color: black !important;
 
    -webkit-box-shadow:1px 1px 3px #CCC;
 
    box-shadow: 1px 1px 3px #ccc;
    background: #CDCDCD;
    
     margin: 0;
    zoom:1;
    text-align:center;
    white-space:nowrap;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
}
/* DONT MOVE NAV */
.oneColMar #nav{
    position:relative;
    white-space: nowrap;
    min-width: 700px;

    text-align:right;
    margin-left:100px;
    margin-right:100px;
    z-index:1;
}

.oneColMar #embeddednav a {
    color:blue;
    margin-left:5px;
    margin-right:5px;
}
.oneColMar #embeddednav a:hover{
    color:#F6921E;
    margin-left:5px;
    margin-right:5px;
}
.oneColMar #embeddednav2 a {
    color:blue;
    margin-left:5px;
    margin-right:5px;
}
.oneColMar #embeddednav2 a:hover{
    color:#F6921E;
    margin-left:5px;
    margin-right:5px;
}
.oneColMar #mbrskills a {
    color:blue;
    margin-left:5px;
    margin-right:5px;
}
.oneColMar #mbrskills a:hover{
    color:#F6921E;
    margin-left:5px;
    margin-right:5px;
}

.oneColMar #accordion a {
    color:blue;
    margin-left:5px;
    margin-right:5px;
}
.oneColMar #accordion a:hover{
    color:#F6921E;
    margin-left:5px;
    margin-right:5px;
}
.oneColMar #accordionTrade a {
    color:blue;
    margin-left:5px;
    margin-right:5px;
}
.oneColMar #accordionTrade a:hover{
    color:#F6921E;
    margin-left:5px;
    margin-right:5px;
}

.oneColMar #topnav{
    color:white;
    float:right;
    font-size:10px;
    position:relative;
    top:10px;
    left:-160px;
    margin-right:-150px;
    z-index:2;
}

/* DONT MOVE THIS */
.oneColMar #mm{
    position:relative;
    top:-25px;
    left:10px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#E4E4E4;
    z-index:11;

}

.oneColMar #mainContent {
    clear:both;
    background-color:#FFF;
    min-height:600px;
    margin-left:100px;
    margin-right:100px;
    min-width: 600px;

}

.oneColMar #mainContent td{
    text-align:left;
}

.oneColMar #wideContent {
    height:580px;
    position: relative;
    top: -30px;
    padding-left: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
}


.oneColMar #footer {
    min-width: 600px;
    height:20px;
    text-align:center;
    margin-left:100px;
    margin-right:100px;
    color:#BBB;
    padding-top:10px;
    padding-bottom:50px;
    font-size:10px;
    background:#FFFFFF;
    z-index:1;
}
.oneColMar #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}



.oneColFixCtrHdr #container {
    width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    white-space:nowrap;
}
.oneColFixCtrHdr #topnav{
    position:relative;
    float:left;
    top:-190px;
    width:780px;
    text-align:right;
    padding-right:20px;
    color:white;
    font-size:10px;
}
.oneColFixCtrHdr #topnav a {
    color:white;
}
.oneColFixCtrHdr #topnav a:hover{
    color:yellow;
}



/* DONT MOVE NAV */
.oneColFixCtrHdr #nav{
    top:-80px;
    float:left;

    white-space:nowrap;
    height:30px;
    text-align:right;
    position:relative;
    z-index:30;
    width:800px;
}

.oneColFixCtrHdr #navG{
    top:-65px;
    position:relative;
    height:30px;
    width:800px;
}

.oneColFixCtrHdr #nav img{
    margin-right:10px;
    border:none;
}


.oneColFixCtrHdr #navwords{
    position:relative;
    top:140px;
    left:593px;
    background:none;
    white-space:nowrap;
    display:inline;
    width:200px;
    height:30px;
    text-align:right;
    position:relative;
    z-index:10;
}

/* DONT MOVE THIS */
.oneColFixCtrHdr #mm{
    position:relative;
    float:left;
    top:-35px;
    left:50px;
    z-index:10;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#E4E4E4;
    width:211px;
    text-align:center;
    height: 18px;

}
/* DONT MOVE THIS */
.oneColFixCtrHdr #ui{
    position:relative;
    background:none;
    border:0px none #DDDDDD;
    display:inline;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#E4E4E4;
    top:-110px;
    left:300px;
    width:400px;
    text-align:right;
    z-index: 9;
    height: 18px;
}
.oneColFixCtrHdr #tbltitle{
    float:left;
    z-index:100;
    position:relative;
    width:730px;
    margin-left:70px;
    top:-45px;
    height:1px;
}
.oneColFixCtrHdr #header {
    width:820px;
    background: #FFFFFF;
    /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
    position:relative;
    background-color:#FFF;
    height:600px;
    top:-63px;
    float:left;
    text-align:left;
    width:730px;
    padding-top:40px;
    padding-left: 70px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

.oneColFixCtrHdr #historyContent {
    position:relative;
    background-color:#FFF;
    height:580px;
    top:-50px;
    float:left;
    text-align:left;
    width:730px;
    padding-top:40px;
    padding-left: 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

.oneColFixCtrHdr #wideContent {
    height:580px;
    position: relative;
    top: -30px;
    padding-left: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
}


.oneColFixCtrHdr #footer {
    position:relative;
    top:-70px;
    float:left;
    width: 780px;
    height:20px;
    text-align:center;
    border-top:#DDDDDD solid  1px;
    color:#BBB;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-size:10px;
    background:#FFFFFF;
    z-index:1;
}
.oneColFixCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}



.minilbl{
    font-weight:bold;
    font-size:inherit;
    color:#565656;
    padding-right:5px;
    font-family:Arial, Arial, Helvetica, sans-serif;
}

.lbl{
    font-weight:bold;
    font-size:9pt;
    color:#565656;
    padding-right:5px;
    font-family:Arial, Arial, Helvetica, sans-serif;
}

.helplbl{
    font-weight:bold;
    font-size:9pt;
    color:blue;
    padding-right:5px;
    font-family:Arial, Arial, Helvetica, sans-serif;
}
.tiny_list{
    font-size:11px;
}







/*
    Stylesheet for Tigra Calendar v5.0
    Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed)
    URL: http://www.softcomplex.com/products/tigra_calendar/

    - all image paths are relative to path of stylesheet
    - the styles below can be moved into the document or in existing stylesheet

*/

/* input box in default state */
.tcalInput {
    background: url('../images/cal.gif') 100% 50% no-repeat;
    padding-right: 20px;
    cursor: pointer;

}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
    background-image: url('../images/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
    position: absolute;
    visibility: hidden;
    z-index: 10000;
    width: 170px;
    background-color: white;
    margin-top: 2px;
    padding: 0 2px 2px 2px;
    border: 1px solid silver;

    -moz-box-shadow: 3px 3px 4px silver;
    -webkit-box-shadow: 3px 3px 4px silver;
    box-shadow: 3px 3px 4px silver;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
    border-collapse: collapse;
    border: 0;
    width: 100%;
}
#tcalControls td {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    width: 16px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
#tcalControls th {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    line-height: 25px;
    font-size: 10px;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    white-space: nowrap;
}
#tcalPrevYear { background-image: url('../images/prev_year.gif'); }
#tcalPrevMonth { background-image: url('../images/prev_mon.gif'); }
#tcalNextMonth { background-image: url('../images/next_mon.gif'); }
#tcalNextYear { background-image: url('../images/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
    border-collapse: collapse;
    border: 1px solid silver;
    width: 100%;
}
#tcalGrid th {
    border: 1px solid silver;
    border-collapse: collapse;
    padding: 3px 0;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    background-color: gray;
    color: white;
}
#tcalGrid td {
    border: 0;
    border-collapse: collapse;
    padding: 2px 0;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    width: 14%;
    font-size: 11px;
    cursor: pointer;
}
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }






.jqpopupmenu, .jqpopupmenu ul{ /*topmost and sub ULs, respectively*/
    font: normal 13px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-align:left;
    list-style-type: none;
    background: white;
    border: 1px solid white;
    visibility: hidden;
    display: none; /*collapse all sub menus to begin with*/

}


.jqpopupmenu li{
    position: relative;
    border-bottom: 1px solid white;
}

.jqpopupmenu li a{
    display: block;
    width: 160px; /*width of menu (not including side paddings)*/
    color: #DDDDDD;
    background: #494949;
    text-decoration: none;
    padding: 4px 5px;


}

* html .jqpopupmenu li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 170px; /*width of menu (include side paddings of LI A*/
}

.jqpopupmenu li a:hover, .jqpopupmenu li.selected>a{
    background: #494949;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}

/* BELOW ARE POPUP BUTTON DESCRIPTIONS */
a.logoffpop{position:relative;
            z-index:24;
            color:#494949;
            border-bottom:thin dotted #046;
            text-decoration:none}
a.logoffpop:hover{z-index:25; }
a.logoffpop span{display: none}
a.logoffpop:hover span{ /*DISPLAYS ONLY ON HOVER*/
    display:block;
    position:absolute;
    top:2em; left:0; width:5em;
    padding:.3em;
    border:2px outset #BBB;
    color:#DDD; background:#494949;
    text-align:center;}

a.homepop{position:relative;
          z-index:24;
          color:#494949;
          border-bottom:thin dotted #046;
          text-decoration:none}
a.homepop:hover{z-index:25; }
a.homepop span{display: none}
a.homepop:hover span{ /*DISPLAYS ONLY ON HOVER*/
    display:block;
    position:absolute;
    top:2em; left:0; width:5em;
    padding:.3em;
    border:2px outset #BBB;
    color:#DDD; background:#494949;
    text-align:center;}


a.addpop{position:relative;
         z-index:24;
         color:#494949;
         border-bottom:thin dotted #046;
         text-decoration:none}
a.addpop:hover{z-index:25; }
a.addpop span{display: none}
a.addpop:hover span{ /*DISPLAYS ONLY ON HOVER*/
    display:block;
    position:absolute;
    top:2em; left:0; width:15em;
    padding:.3em;
    border:2px outset #BBB;
    color:#DDD; background:#494949;
    text-align:center;}


a.backpop{position:relative;
          z-index:24;
          color:#494949;
          border-bottom:thin dotted #046;
          text-decoration:none}
a.backpop:hover{z-index:25; }
a.backpop span{display: none}
a.backpop:hover span{ /*DISPLAYS ONLY ON HOVER*/
    display:block;
    position:absolute;
    top:2em; left:0; width:15em;
    padding:.3em;
    border:2px outset #BBB;
    color:#DDD; background:#494949;
    text-align:center;}





.multi-column {
    /* Standard */
    column-count:4;
    column-width: 150px;
    /* Webkit-based */
    -webkit-column-count: 4;
    -webkit-column-width: 150px;
    /* Gecko-based */
    -moz-column-count: 4;
    -moz-column-width: 150px;
    z-index:50;
}



#ic {
    width: 150px;
    position: relative;
    margin-left: 45px;

}
.panel{
    height: 550px;
    overflow: auto;
}
.historypanel{
    height: 580px;
    overflow: auto;
}

#selectors{
    clear:both;
    margin-right:100px;
    min-width: 800px;
    position: relative;
    top:-17px;

    text-align: center;
    float: right;
    z-index: 200;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


/* css for manual dispatch boxes */

#status-bar {
    background-color: #E4E4E4;
    position:relative;
    top:-20px;
    height: 50px;
    /*width: 1040px;*/
    border: #E4E4E4 thin solid;
    box-shadow: 3px 3px 2px #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align:center;

}

.form_text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
}
table.status{
    margin: auto;
}
table.status td.count_type {
    text-align: right;
    padding-left: 7px;
}

table.status td#call-status {
    padding-left: 10px;
    font-size: 10pt;
    text-align: center;
}


#progress-box{
    position:relative;
    top:-205px;
    float: left;

    height: 150px;
    width: 100%;


    border-radius:4px;
    margin-top: 6px;
    box-shadow: 3px 3px 2px #666666;


}
#call-status{
    position:relative;
    top:13px;
    margin-left:20px;

}
#speCallType{
    float:right;
    margin-right:5px;
}
#member-box {
    position:relative;
    top:-205px;
    float: left;
    background-color:#FFF;
    height: 200px;
    width: 100%;
    border: #BDD2FB thin solid;
    border-radius:4px;
    margin-top: 6px;
    box-shadow: 3px 3px 2px #666666;
}

#contractor-box {
    position:relative;
    float: left;
    padding-top:15px;
    height: 300px;
    width: 99%;
    border: #ffc thin solid;
    border-radius:4px;
    margin-left: 6px;
    margin-top: 6px;
    box-shadow: 3px 3px 2px #666666;
}
#mbrUpd-box {
    position:relative;
    float: left;
    padding-top:15px;
    height: 300px;
    width: 99%;
    border: #ffc thin solid;
    border-radius:4px;
    margin-left: 6px;
    margin-top: 6px;
    box-shadow: 3px 3px 2px #666666;
}

#control-box {
    position:relative;
    float: left;
    background-color: #ACD6F5;
    height: 110px;
    width: 100%;
    border: #BDD2FB thin solid;
    border-radius:4px;
    margin-top: 6px;
    box-shadow: 3px 3px 2px #666666;
}

#contractor-box-top {
    float: left;
    background-color: #ffc;
    height: 250px;
    width: 515px;
    border: #ffc thin solid;
    margin-left: 6px;
    margin-top: 6px;
    box-shadow: 3px 3px 2px #666666;
}
#site-box {
    position:relative;
    top:-20px;
    float: left;
    background-color: #ffc;
    padding-top:15px;
    height: 300px;
    width: 100%;
    border: #ffc thin solid;
    margin-left: 6px;
    margin-top: 6px;
    box-shadow: 3px 3px 2px #666666;
    clear:left;
}
#msg-box {
    float: left;
    background-color: #ffc;
    top:400px;
    height: 50px;

    width:100%;
    border: #ffc thin solid;
    border-radius:4px;
    margin-left: 6px;
    margin-top: 6px;
    box-shadow: 3px 3px 2px #666666;
}

progress#bar {
    width: 120px;
}
.circleLbl{

    font: 18px Arial, sans-serif

}
.numberWhiteCircle {

    border-radius: 50%;
    /*behavior: url(PIE.htc);
    */
    width: 30px !important;
    height: 30px !important;



    background: #fff;
    border: 2px solid #fff;
    color: #000;
    text-align: center;

    font: 18px Arial, sans-serif
}

.numberGreenCircle {
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;


    background: #8ae234;
    border: 2px solid #8ae234;
    color: #fff;
    text-align: center;

    font: 18px Arial, sans-serif
}

.numberYellowCircle {
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;
    float:left;



    background: #ffc;
    border: 2px solid #ffc;
    color: #000;
    text-align: center;

    font: 18px Arial, sans-serif
}

.numberRedCircle {
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;


    background: #e95555;
    border: 2px solid #e95555;
    color: #fff;
    text-align: center;

    font: 18px Arial, sans-serif
}

.mxselect {
    background-color: #ddd;
    border: 1px solid #ccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    *display: inline;
    line-height: 48px;
    list-style: none;
    margin: 0;
    margin-bottom: 9px;
    margin-left: -1px;
    max-width: 300px;
    min-height: 30px;
    padding: 0px 0px 0px 4px;
    padding-top: 0px;
    vertical-align: middle;
    *zoom: 1;
}
.mxselect option {
    background-color:#fff;
}
.mxselect:hover {
    background-color:#eee;
}
.mxtextfield {
    font: inherit;
    color: inherit;
    text-align: left;
    background-color: #FFF;
    outline: none;
    cursor: text;
}

.mxSearch{


}
#newstable {
    display:block;
    width:550px;
}
.newsrow {
    display:block;
}
.newstitle {
    display:block;
    width:1%;
    text-align: left;
    padding-bottom:5px;
    font-weight:bold;
    font-size:0.9em;
}
.newscell {
    display:inline-block;
    white-space: normal;
    text-align: left;
    width:600px;
    font-size:0.9em;
    word-wrap: break-all;
}
.newsdate {
    display:inline-block;
    float:left;
    width:50px;
    text-align: left;
    padding-right:10px;
    font-size:0.9em;
    padding-left:10px;
}

@media print {
    .noPrint {
        display:none;
    }
}
/* sets all autocomplete to left justified */
.ui-widget-content{
    text-align:left;

}
/* Referral Sheet Styles */

.refHead{font-size:16px;text-align:center; font-style: italic;font-weight:bold; padding-top:25px;  }
.refAddr{font-size:14px;text-align:center; font-style: italic;  }
.refTbl{font-size:12px;text-align:left;    }
.refSecHead{font-size:14px;text-align:left;}


#powerTip {
    width: 300px;
    white-space:pre-wrap;
}