/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
    margin:0;
    padding:0;
    width: 100%;
    height:100%; /* needed for container min-height */
    background:white;
    font-family:arial,sans-serif;
    font-size:12px;
    color:#383838;
}


h1 {
    font-family: arial;
    font-size:18px;
    margin: 10px 0 10px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #48a3d0;
}

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

*html #bodycontent_main {
    width: 95%;
}

#bodycontent_explorer {
    width: 100%;
    margin: 0;
    padding: 0;
}

#bodycontent_users {
    font-size: 12px;
    font-family: Arial;
}

td {
    color:#444444;
    font-size:14px;
    margin:24px 0 2px;
    padding:5px 0 6px 6px;
}

hr {
    background-color:#E3E3E3;
    border:0 none;
    color:#E3E3E3;
    height:1px;
    text-align:left;
}

th {
    text-align:left;

}


img {
    border: 0;
}

/* ---- LINK COLORS ---- */

a:link {color:#244268; font-size: 12px; text-decoration: none;}
a:active {color:#244268; font-size: 12px; text-decoration: none;}
a:visited {color:#244268; font-size: 12px; text-decoration: none;}
a:hover {color:#000000; font-size: 12px; text-decoration: underline;}

div#container {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width:100%;
    background:#ffffff;

    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/

    min-height: 100%; /* real browsers */
}

div#content {
    padding: 0;
}

div.content_body {
    padding: 20px;
    width:100%;
}

div#content_inner_div {
    padding: 10px;
}

div#content_left {
    padding: 0;
    width: 200px;
    position: absolute;
    top: 10px;
    *top: 10px;
    left: 15px;
    margin: 0 15px 0 0;
}

div#content_left_main {
    padding: 0;
    width: 300px;
    position: absolute;
    top: 10px;
    *top: 10px;
    left: 15px;
    margin: 0 15px 0 0;
}

div.content_left_body {
    margin:5px 0 0 5px;
}

div.content_left_body img {
    float: left;
    margin: 0 5px 0 0;
}

div#content_right {
    padding: 0;
    margin: 0 15px 0 240px;
    min-width: 800px;
}

div#content_right_main {
    padding: 0;
   margin: 0 15px 0 330px;

}

#content_right_2 {
   width: auto;
}

#content_right_2 fieldset a {
    margin: 0 5px 0 0;
}

#content_right_2 .fieldset {

}

#contactListDiv {

}


/* ---- HEADER ---- */

#header {
    margin: 0;
    padding: 7px 20px 0 20px;
    background-image: url('/images/menu_bg.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}
*+html #header {
    margin: 0;
    padding: 8px 0 0 0;
    background-image: url('/images/menu_bg.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

#header_top_left {
    float: left;
}

#header_top_right {
    float: right;
    height:18px;
    line-height: 18px;
}

#header_links {
    float: right;
    font-size: 11px;
}

#header_links img {
    vertical-align: middle;
    padding: 0 5px 1px 0;
}

#header_company_logo {
    clear: both;
    float: left;
}

/* ------------ HEADER 2 --------------- */

 #infinitracMenu {
        height:24px;
    }

    /*
        Turn off the border on the top unit since Menu has it's own border
    */
    .yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd {
        border: none;
    }


    /*#header_content2 .yuimenubar .bd {
        width: 100% !important;
    }

    #infinitracMenu {
        width: 100%;
    } */

    /*
        Change some of the Menu colors
    */
    .yui-skin-sam .yuimenu .bd {
        background-color: #F2F2F2;
    }

    #top1 {
        background-image:url(/images/menu_bg.jpg);
    }

    #menu_inside {
        width: 900px;
        overflow: hidden;
    }

    #menu {
        overflow: hidden;
        margin-top: 10px;
    }

    #menu h2 {
        line-height: 12px;
    }

    #menu a:hover {
        text-decoration: underline;
    }

    #center1 {
        border:none;
        padding: 5px;
        *padding: 5px;
        background-color: #FFF;
    }

    *html #center1 {
        margin-right: 0px;
    }

    #bottom1 {
        font-size: 11px;
        padding: 5px 0 0 0;
        border-top: 1px solid #d4d4d4;
    }

    #listview {
        padding: 10px 0 0 0;
    }

    *html #listview {
        padding: 0;
    }

    .yuimenubaritem img {
        padding: 0 0 2px 1px;
    }

   *html .yuimenubaritem-hassubmenu a {
       padding-top: 10px;
      height: 24px;
      border: 0;
    }

#header2 {
    /*padding:10px;*/
    min-width: 800px;
}

#header_topleft {
    float: left;
    padding:0 0 5px 10px;
    *padding:5px 0 5px 10px;
}

*html #header_topleft { /* IE6 FIX */
    float: left;
    width: 300px;
    padding: 0;
    margin: 5px 0 0 5px;
}

.logo {
    margin-top: 5px;
    height: 64px;
    *height: 65px;
}

*html .logo {
    height: 60px;
}

*html #header_topright {
   float: right;
   padding: 0;
   margin-right: 10px;
}

#header_topright {
    position:aboslute;
    top:0px;
    right: 10px;
    font-size: 11px;
    text-align: right;
    margin-top: 5px;
    padding:0 5px 0 5px;
}

#header_topright img {
    vertical-align: middle;
    padding: 0 5px 1px 0;
}

/* SEARCH ------------------------------------------------------------------- */

#search2 {
    float: right;
    width: 202px;
    height: 30px;
    margin: 10px 0 10px 0;
    padding: 8px 7px 0 3px;
    background-image: url('/images/search_bg.jpg');
}

*html #search2 {
    background-repeat: no-repeat;
}


*html .search_inner {
    margin: 0;
    padding: 0;
    width: 202px;
    height: 0;
}

.search_input {

}

.search_submit_1 {
    border: none;
    background: url('/images/search_button.jpg') no-repeat top left;
    width:61px;
    height:20px;
}

/* SEARCH RESULTS ----------------------------------------------------- */

.searchResults a
{
    color: #000;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

.searchResults a:hover
{
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
}

.searchResults img
{
    border: 0px;
}

.searchThumb img
{
    position: absolute;
    right: 10%;
    padding: 6px;
    border: 1px solid #e3e3e3;
    margin-top: 15px;
}

#recentSearches, #horizontal_slide {
    background: #f7f7f7;
    color: #456176;
    padding: 10px;
    border: 1px solid #a6bed0;
    width:380px;
}

html>body #recentSearches, html>body #horizontal_slide {
    * background: #f7f7f7;
    * color: #456176;
    * padding: 10px;
    * border: 1px solid #a6bed0;
    * width:380px;
}

#SearchHistory {
    width:400px;
    padding: 5px 0 0 0;
    margin: 0 0 10px 0;
}

html>body #SearchHistory {
    * width:400px;
    * padding: 5px 0 0 0;
    * margin: 0 0 10px 0;
}

.searchResults {
    z-index: 99;
    margin: 0 0 0 0;
}

#closeRecentSearches {
    float: right;
    padding: 5px 0 0 0;
}

.pageLinks {
    float: right;
    font-weight: bold;
    color: #456175;
    margin: 10px 0 0 0;
}

.sizeResults {
    float: left;
}

.headerSearchResults {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #a6bed0;
}

/* ---- FOOTER ---------------------------------------------------------- */

div#footer {
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
    background:#fff;
    border-top:1px solid #c0c0c0;
}


/* ----  SEARCH --------------------------------------------------------------- */

#header_search {
    clear: right;
    float: right;
    margin-top: 10px;
}

/* ----  HEADER DROP DOWN MENU -------------------------------------------------- */

#header_menu {
    clear: both;
}

.menu_empty {
    height:25px;
}

*+html .menu_empty {
    height:31px;
}

/* ---- ERROR DIV ------------------------------------------------------------------ */

#errorDiv {
    z-index:99;
    width: 80%;
}


.errorDiv
{
   position: absolute;
    top: 0px;
    left:10%;
    right: 10%;
    width: 80%;
    background-color: #FFFF99;
    border: 1px solid #FFCC00;
    padding: 6px 20px 6px 20px;
    text-align: center;
    z-index: 99999999;
    color: #000;
    margin: auto;
}

.errorDivWrapper{
   z-index: 99999;
   position: absolute;
   width: 80%;
   top: 0;
   left: 10%;
}

/*html .errorDivWrapper
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-top: 2px;
    margin: auto;
    z-index:9999999;
    color: #000;
}

.errorDivWrapper div {
    *height: auto;
}  */

/* ---- HOME PAGE ------------------------------------------------------------------- */

#announcements {
    background-color: #E5F1F8;
    height: 20px;
    margin-top: 0px;
    border: 2px solid #B9D0DF;
    padding: 8px 0 5px 5px;
    text-align: center;
    color: #436d89;
    min-width: 850px;
}

#announcements a:hover {
    text-decoration: underline;
}



.content_left_box {
    width:100%;
    background-color: #eeefef;
    border:1px solid #dedede;
    padding:3px 3px 10px 3px;
    line-height: 18px;
    margin: 0 0 20px 0;
}

.content_left_box h3 {
    margin:0;
    width: 185px;
    padding:2px 2px 2px 10px;
    background: #e2e7ed;
    border:1px solid #ffffff;
    color: #244268;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.content_left_box_main {
    background-color: #eeefef;
    border:1px solid #dedede;
    padding:3px 3px 10px 3px;
    line-height: 18px;
    margin: 0 0 20px 0;
}


.content_left_box_main h3 {
    margin:0;
    padding:2px 2px 2px 10px;
    background: #e2e7ed;
    border:1px solid #ffffff;
    color: #244268;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.content_left_box td {
    margin: 0;
    padding: 0;
}

.content_right_box {
    background-color: #eeefef;
    border:1px solid #dedede;
    padding:3px 3px 10px 3px;
    line-height: 18px;
    margin: 0 0 20px 0;
    width: 100%;
    min-width: 800px;
}

.project_div {
    margin: 0 0 0 0;
}

.news_title {
    font-weight: bold;
}

.news_date {
    font-style: italic;
}

/* IE6 Dashboard YUI Tabs */

*html #homeTabsDiv {
    min-width: 850px;
}

*html #homeTabsDiv em {
    padding: 3px 4px;
}

*html #homeTabs .yui-content {
    border: 1px solid   #D8D8D8;
}

*html #homeTabs .yui-content .widget_inside {
    margin: 0;
    padding: 5px;
}

*html #homeTabs .yui-content h3 {
   font-size: 14px;
   font-weight: bold;
}

/* ---- CALENDAR ---- */

.homeCalendar {
    margin: 0 0 10px 0;
}

.homeCalendar td {
    padding: 0;
}

#calendarDiv {margin-top: 5px;}

.content_right_box h2 { font-size: 14px; font-weight: bold; width: 100%; padding-bottom: 15px; }

.mainCalendar table{  font-family:Arial; Verdana; padding: 0; margin: 0; border-collapse: collapse; width: 100%;}

.mainCalendar .CalendarHead { background:#FFF none repeat scroll 0 0; }

.mainCalendar .month { font-size:18px; text-align:center; }

.mainCalendar .prev { font-size:12px; text-align:center; color:#c0c0c0; }

.mainCalendar .next {font-size:12px; text-align:center; }

.mainCalendar .CalendarHead .DateHeader { width:38px; text-align:center; font-size: 12px; }

.mainCalendar .DateLabel { width:38px; padding:2px; height:16px; text-align:left; font-size:12px; color:black;}

.mainCalendar .DateLabelHighlight { width:38px; padding:2px; height:16px; text-align:left; font-size:12px; color:black; font-weight:bold; background:#f0f0f0 none repeat scroll 0 0; text-align:left; color:#000; }

.mainCalendar .DateBox {  width:39px; height:54px; vertical-align:top; border:solid 1px #ddd; background-color:white; cursor:pointer;}

.mainCalendar .DateBoxHover{ width:39px; height:54px; vertical-align:top; border:solid 1px #ddd; background-color:#F0F0F0; cursor:pointer;}

.mainCalendar .Today { height:16px; width: 38px; padding:2px; font-size:12px; font-weight:bold; background:#fdffc7; none repeat scroll 0 0; text-align:left; color:#244268;}

.mainCalendar .Inactive {  height:100%; background:#F7F7F7 none repeat scroll 0 0; }

.mainCalendar .taskItem_short {float:left; height:15px; width:18px; margin-left: 1px; *padding-top: 0px; *padding-bottom: 2px; font-size:12px; /*background:#FF5959;*/ text-align:center;  background-image:url('/images/calendar_task_small.png'); background-repeat:no-repeat;}

.mainCalendar .taskItem_short a {color:#FFF;}

.mainCalendar .taskItem_short a:hover {padding-left:5px; padding-right:6px; color:#FFF; font-weight:bold; text-decoration: none;}

.mainCalendar .meetingItem_short {float: left; height:15px; width:18px; margin-left: 1px; font-size:12px; *padding-top: 0px; *padding-bottom: 2px; /*background:#8884aa;*/ text-align:center; background-image:url('/images/calendar_meeting_small.png'); background-repeat:no-repeat;}

.mainCalendar .meetingItem_short a {color:#FFF;}

.mainCalendar .meetingItem_short a:hover {padding-left:5px; padding-right:6px; color:#FFF; font-weight:bold; text-decoration: none;}

.mainCalendar .activityItem_short {float: left; height:15px; width:18px; margin: 0 1px 0 1px; font-size:12px; *padding-top: 0px; *padding-bottom: 2px; /*background:#8884aa;*/ text-align:center; background-image:url('/images/calendar_activity_small.png'); background-repeat:no-repeat;}

*html .mainCalendar .activityItem_short {margin-left: 1; margin-right: 0;}

.mainCalendar .activityItem_short a {color:#FFF; }

.mainCalendar .activityItem_short a:hover {color:#FFF; font-weight:bold; text-decoration: none;}

.mainCalendar .TODOItem {background:#A8E600; text-align:right;}

.mainCalendar .TODOItem a {background:#A8E600; padding-left:5px; padding-right:5px; color:white;}

#dailyDetailsDiv_inner { margin: 0; }

#dailyDetailsDiv_inner th {text-align: left; border-bottom: 1px solid #264b66; height: 15px; width: 33%;}

.mainCalendar #nodate {background:#dadada; height:100%; width:41px; color:#a7a7a7;}

.mainCalendar #todaybox {background:#fdffc7; height:34px; width:42px; color:#a7a7a7;}

/* Small Calendar -------------------------------------------------------------*/

button.dashboard {
    background: url("/images/icons/calendar.gif") no-repeat;
    filter: 0;
    border: 0;
    cursor: pointer;
    height: 18px;
    width: 20px;
}
input.dashboard {
    width: 75px;
    border: 0;
    background-color: transparent;
    width: 80px;
}
div.dashboard {
    background: url("/images/calendar.png") no-repeat ;
    *background: url("/images/calendar.gif") no-repeat ;
    height: 210px;
    width: 160px;
}
div.dashboard div {
    cursor: move;
    height: 180px;
    overflow: hidden;
    padding: 12px 0 0 0;
    *padding: 12px 0 0 5px;
    width: 160px;
}
div.dashboard caption {
    color: #000;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    width: 100%;
    background-color:transparent;
}
div.dashboard caption a {
    cursor: pointer;
    display: block;
    height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: -100px;
    top: 17px;
    width: 11px;
}
div.dashboard caption a.prev {
    background-image: url('/images/calendar-prev.gif');
    left: 5px;
    top: 12px;
}
div.dashboard caption a.next {
    background-image: url('/images/calendar-next.gif');
    right: 5px;
    top: 12px;
}
div.dashboard caption a:hover {
    background-position: 0 12px;
}
div.dashboard caption span {
    height: 25px;
    position: relative;
}
div.dashboard caption span.month {
    padding-right: 8px;
}
div.dashboard caption span.month:after {
    content: ',';
}

div.dashboard table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: default;
    margin: 0 auto;
    overflow: hidden;
    width: 147px;
    text-align:center;
}
div.dashboard td,
div.dashboard th {
    padding-left: 1px;
    *padding-left: 4px;
    *padding-top: 3px;
    border: 0;
    color: #0597DB;
    font: normal 9.5px/9.5px Arial, Helvetica, sans-serif;
    *font: normal 10px Arial, Helvetica, sans-serif;
    height: 10px;
    width: 10px;
}

div.dashboard td {
    color: #FFF;
}
div.dashboard td.invalid {
    background: url("/images/calendar-invalid.gif");
    color: #999;
    width:10px;
    height:10px;
}
div.dashboard td.valid {
    background: url("/images/calendar-td.gif");
    color: #0597DB;
    cursor: pointer;
    width:10px;
    height:10px;
}

div.dashboard td.inactive {
    color: #333;
    width:10px;
    height:10px;
}

div.dashboard td.active,
div.dashboard td.hover {
    background: url("/images/calendar-td.gif");
    color: #FFF;
    cursor: pointer;
    width:10px;
    height:10px;
    background-position: bottom;
}

.datatableMenu {
    margin-bottom: 6px;
}

.datatableMenu a, .datatableOptions a {
    margin: 0 5px 0 0;
}


/* End Calendar Style --------------------------------------------------------------------*/

/* DAILY DETAILS ----------------------------------------------------------------------- */

#dailyDetailsDiv  {
    background-color: #eeefef;
    border:1px solid #dedede;
    padding:3px 3px 3px 3px;
    line-height: 18px;
    min-width: 850px;
}

*html #dailyDetailsDiv  {
    background-color: #eeefef;
    border:1px solid #dedede;
    padding:3px 3px 3px 3px;
    line-height: 18px;
    min-width: 850px;
    width: 97%;
}

#dailyDetailsDiv h3 {
    margin:0 0 5px 0;
    padding:2px 5px 2px 5px;
    background: #e2e7ed;
    border:1px solid #ffffff;
    color: #244268;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

#dailyDetailsDiv h4 {
    margin: 0;
    padding:2px 5px 2px 5px;
    border-bottom:1px solid #264b66;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.tasksBox {
    float: left;
    width: 30%;
    padding: 0 5px 0 5px;
    *height: 240px;
    height: 245px;
    overflow: auto;
}

.meetingsBox {
    float: left;
    width: 30%;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
        height: 245px;
            *height: 240px;
    overflow: auto;
}

.activitiesBox {
    float: left;
    width: 30%;
    padding: 0 5px 0 5px;
    height: 245px;
    *height: 240px;
    overflow: auto;
}

*html .activitiesBox {
    float: left;
    width: 30%;
    padding: 0 5px 0 5px;
    height: 245px;
    *height: 240px;
    overflow: auto;
}

.noRecords {
    width: 100%;
}

/* ---- FIELDSET --------------------------------------------------------------------------- */

fieldset {
    width: auto;
    font-family: Arial;
    font-size: 12px;
    background: #f2f6f7;
    *position: relative;
    *padding: 15px 5px 5px 5px;
    *margin: 10px 0 0 0;
}

#lightboxBody fieldset {
    *position: relative;
    *padding: 15px 5px 0 5px;
    *margin: 15px 0 0 0;
}

#lightboxBody fieldset a {
    margin: 0 5px 0 0;
}

#lightboxBody_decisions fieldset {
    *position: relative;
    *padding: 15px 5px 0 5px;
    *margin: 15px 0 0 0;
}

#lightboxBody_decisions fieldset a {
    margin: 0 5px 0 0;
}

.fieldset {
    width: auto;
}

.filelist {
    width: 100%;
}

.fieldset th {
    font-size: 12px;
}

legend {
    padding: 0 5px 0 5px;
    font-size:16px;
    font-weight: bold;
    color: #444441;
    *position: absolute;
    *top: -10px;
    *color: #0000ff;
}

fieldset a {

}

fieldset.blank {
    border: 1px solid #c0c0c0;
    padding: 10px;
    margin-top: 10px;
    font-family: Arial;
    font-size: 12px;
    background: #ffffff;
    width:780px;
}

.blank legend {
    *position: relative;
}

fieldset td {
    font-size:12px;
    padding: 0;
    height: 18px;
}

/* ---- SUBMENU ------------------------------------------------------------------------------ */

#subMenu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.subMenu {
    margin: 0;
    padding: 0;
}


/* ---- DATATABLE OPTIONS ------------------------------------------------------------------- */

.datatableHeader {
    font-size: 14px;
    margin: 0 0 10px 0;
    /*line-height: 15px; */
    height: 18px;

}

.datatableOptions {
    float:right;
    line-height: 18px;
    height: 18px;
}

.datatableMenu
{
    margin-bottom: 5px;
    text-align:left;
    position:relative;
    clear: both;
}

html>body .datatableMenu {
    *padding: 0 2px 5px 0px;
}

.datatableMenu ul
{
    display:inline;
    z-index: -99999999;
}

.datatableMenu li {
    display: inline;
    margin-right: 5px;
}

.datatableMenu ul {
    display: inline;
    padding: 0;
    margin: 0;
}

.datatableSubHeader {
    width: 100%;
}

#contentListDiv table {
    width: 100%;
}

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

/* Buttons -----------------------------------------------------------------------------------*/



.addFolderButton
{
    background: url("/images/icons/add.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.addButton
{
    background: url("/images/icons/add.gif") no-repeat;
    padding-left: 18px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.addButton img {
    height: 20px;
}

.backButton
{
    background: url("/images/icons/back_btn.gif") no-repeat;
    padding-left: 35px;
    padding-top: 5px;
     padding-bottom: 5px;
}

.configButton
{
    background: url("/images/icons/config.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.copyButton
{
    background: url("/images/icons/copy.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.cutButton
{
    background: url("/images/icons/cut.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.enableButton
{
    background: url("/images/icons/enable.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.disableButton
{
    background: url("/images/icons/cancel.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.endsessionButton
{
    background: url("/images/icons/endsession.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.mailButton
{
    background: url("/images/icons/mail.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.moveButton
{
    background: url("/images/icons/move.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.pasteButton
{
    background: url("/images/icons/paste.gif") no-repeat;
     padding-left: 20px;
     font-size:12px;
}

.pasteLinkButton
{
    background: url("/images/icons/paste_link.gif") no-repeat;
    padding-left: 20px;
    padding-top: 2px;
     padding-bottom: 5px;
}

.editButton
{
    background: url("/images/icons/edit.gif") no-repeat;
    padding-left: 20px;
    padding-top: 2px;
     padding-bottom: 5px;
}

.deleteFolderButton
{
    background: url("/images/icons/delete.gif") no-repeat;
    padding-left: 20px;
    padding-top: 2px;
     padding-bottom: 5px;
}

.accessFolderButton
{
    background: url("/images/icons/group.gif") no-repeat;
    padding-left: 20px;
    padding-top: 2px;
     padding-bottom: 5px;
}

.deleteButton
{
    background: url("/images/icons/delete.gif") no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
     padding-bottom: 5px;
}

.moreButton
{
    background: url("/images/icons/down.gif") no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
     padding-bottom: 5px;
}

.linkedFile
{
    padding-right: 6px;
     padding-bottom: 5px;
}

.impactButton
{
    background: url("/images/icons/impact.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.importButton
{
    background: url("/images/icons/upload.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.groupButton
{
    background: url("/images/icons/group.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.downloadButton
{
    background: url("/images/pdficon_small.gif") no-repeat;
    padding: 2px 0px 5px 20px;
    text-decoration: none;
    color: #444;
    font-size: 12px;
    font-weight: bold;
     padding-bottom: 5px;
     margin: 0 0 0 10px;
}

.packageButton
{
    background: url("/images/icons/download.gif") no-repeat;
    padding: 2px 0px 5px 20px;
    text-decoration: none;
    color: #444;
    font-size: 12px;
    font-weight: bold;
     padding-bottom: 5px;
     margin: 0 0 0 10px;
}

.wizardButton {
    background: url("/images/icons/redo.gif") no-repeat;
    padding-left: 20px;
     padding-bottom: 5px;
}

.printButton
{
    background: url("/images/icons/large/print.gif") no-repeat;
    padding: 5px 5px 10px 30px;
    text-decoration: none;
    color: #444;
    font-size: 12px;
    font-weight: bold;
     padding-bottom: 5px;
}

.reportButton
{
    background: url("/images/icons/info.gif") no-repeat;
    padding-left: 18px;
    padding-bottom: 5px;
}

.downloadZipButton
{
    background: url("/images/icons/download.gif") no-repeat;
    padding-left: 20px;
    padding-top: 2px;
     padding-bottom: 5px;
}

.helpButton
{
    background: url("/images/icons/help.gif") no-repeat;
    padding-left: 20px;
    padding-top: 2px;
     padding-bottom: 5px;
}

.folderButton
{
    background: url("/images/icons/folder.gif") no-repeat;
    padding-left: 20px;
    *margin-bottom: 2px;
}

.folderContentButton
{
    background: url("/images/icons/folder_content.gif") no-repeat;
    padding-left: 20px;
    padding-top: 2px;
}

.trashButton
{
    background: url("/images/icons/trash.gif") no-repeat;
    padding-left: 20px;
    padding-top: 2px;
}

/* End Buttons -------------------------------------------------------------*/

/* ---- MORE DROP DOWN ------------------------------------------------------------------- */

#UserMore
{
    text-decoration:none;
    background-color: white;
    border: 1px solid #CBCBCB;
    border-bottom-width: 0;
    z-index: 999;
    top: 20px;
    left:68px;
    position:absolute;
    float:inherit;
}

html>body #UserMore
{
    *top: 26px;
    *left:70px;
    *position:absolute;
    *float:inherit;
    *border: 1px solid #CBCBCB;
}

*html #UserMore
{
    top: 25px;
    left:76px;
    position:absolute;
    float:inherit;
}

.fileOptionDiv
{
    padding:5px 5px 5px 5px;
    background-color:white;
    border-bottom: 1px solid #CBCBCB;
}

.fileOptionDiv a
{
    text-decoration:none;
    background-color:white;
    width:100%;
    height:100%;
}

.fileOptionDiv a:hover
{
    text-decoration:underline;
}

/*------------- EDIT USER FORM -------------------------------------------------------- */

#editUserForm td {
    padding: 0;
    margin: 0;
}

#editUserForm table {
    font-size: 12px;
}


/* --------------- ADD USER FORM ------------------------------------------------------------ */

#addUserForm td {
    padding: 0;
    margin: 0;
}

#addUserForm {
    width: 500px;
}

#addUserForm table {
    font-size: 12px;
}


/* Roles -----------------------------------------------------------------------------------*/

.roleTableInside {
    height: 400px;
    width: 75%;
    overflow: auto;
}

.roleTable table {
    font-size:12px;
    border-collapse: collapse;
    border: 1px solid #83888e;
}

.roleTable .section
{
    background-color: #e2e7ed;
    font-weight: bold;
}

.roleTable .option
{

}

.roleTable .submit
{
    text-align: right;
}

.roleTable .odd
{
    background-color: #E1F0FF;
}

.roleTypeTable a
{
    text-decoration: none;
    color:#000000;
}

.roleTypeTable a:hover
{
    border-bottom: 2px solid #D0D0D0;
}

#roleDeleteDiv, #roleAddDiv
{
    width: 350px;
    padding: 10px 0px 2px 5px;
    border-bottom: 2px solid #e3e3e3;
}

#permsHeader {
    background-color:#ffffff;
    color: #000;
    border:1px solid #83888e;
}

/* End Roles -------------------------------------------------------------------------------------*/

/* ---- USERS LOGGED IN --------------------------------------------------------------------------- */

.usersLogged {
   background-color: #eeefef;
    border:1px solid #dedede;
    padding:3px 3px 10px 3px;
    line-height: 18px;
    margin: 0 0 20px 0;
}

/* ---------------- EXPLORER ------------------------------------------------------------------------ */

#leftCol {
background-color:transparent;
text-align: left;
white-space: nowrap;
overflow-x:hidden;
height: 100%;
line-height: 16px;
width: 500px;

}

.folderList #arrow {
display:inline;
height: 10px;
}

.folderList #names {
display:inline;
}

.folderList, #folderList2 a {
    line-height: 23px;
}

*html .yui-skin-sam .folderList div {
    margin: 5px 0;
}


#menu, .yuimenubar yuimenubarnav {
    padding: 0 5px 5px 5px;
}

#fileOptionsDiv {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 150px;
    border-color:#CBCBCB;
    border-style:solid;
    border-width:1px 1px 0;
}

#DROptionsDiv {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 150px;
    border-color:#CBCBCB;
    border-style:solid;
    border-width:1px 1px 0;
}

#fileMore {
    position: relative;
    display: inline;
}

#fileAddDiv {
    margin: 5px 0 0 0;
}


/* -------------- LIGHTBOX BODY ------------------------------------------------------------ */

#lightboxBody {
    text-align: left;
    *width: 100%;
    font-family: Arial;
    margin: 0 10px 0 0;
    padding: 10px;
    *padding: 10px 20px 10px 10px;
    line-height: 20px;
    *position:absolute;
    *top: 10px;
    *left: 10px;
}

#lightboxBody_decisions {
    *position: absolute;
    *top: 10px;
    *left: 10px;
}

#lightboxBody b {
color:#3D6383;
}

.editFormDetails {
    font-size:12px;
    line-height:20px;
}

.fileList table {
width:100%;
}


/* ----- LOGIN BOX -------------------------------------------------------------------- */

#loginmain_box {
    background-image:url('/images/loginmain_bg.jpg');
    height: 296px;
    width: 580px;
    padding: 0;
    margin: 50px auto;
    position: relative;
}

#loginmain_box input.text, #loginmain_box input.password, #loginmain_box label input {
    margin: 5px;
    padding: 3px;
    width: 270px;
}

#loginmain_box .loginButton {
    background-image:url('/images/login_btn.jpg');
    height: 26px;
    width: 57px;
    border: 0;
    position: absolute;
    right: 10px;
    bottom: 0;
}

#loginmain_box .login_form {
    position: absolute;
    top: 100px;
    left: 150px;
    height: 130px;
}


/* REMINDER -----------------------------------------------------------------------------*/

.loader {
display:none;
left:6px;
position:relative;
}

#reminder_box {
    background-image:url('/images/login_bg.jpg');
    height: 261px;
    width: 580px;
    margin: 0;
    padding: 0;
    position: relative;
    margin: 100px auto 0 auto;
}

#reminder_box input.text, #reminder_box input.password, #reminder_box label input {
    margin: 5px 0 0 0;
    padding: 3px;
    width: 270px;
}

#reminder_box .reminderButton {
    background-image:url('/images/reminder_btn.jpg');
    height: 26px;
    width: 110px;
    border: 0;
    position: absolute;
    right: 0px;
    bottom: 0;
}


#reminder_box .login_form {
    position: absolute;
    top: 65px;
    left: 150px;
    height: 130px;
}
/* Tool Tips --------------------------------------------------------------------------------*/

a.tip
{
    text-decoration: none;
    background-color:blue;
}

.tool-tip
{
    color: #000;
    /*width: 250px;*/
    z-index: 13000;
}

.tool-title
{
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    padding: 3px 4px 3px 4px;
    background: #3b769b;
    border: 1px solid #3b769b;
}

.tool-text
{
    font-size: 11px;
    padding: 4px;
    background: #78b3d1;
    border: 1px solid #3b769b;
}
/* End Tool Tips ---------------------------------------------------------------------------*/

/* DASHBOARD ----------------------------------------------------------------------------*/

#latest_uploads {
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.widgetTable {

}

.widgetTable td {
    font-size: 12px;
}

/* SETTINGS ------------------------------------------------------------------------ */

#settingsMenu {
    margin-bottom: 5px;
}

/* MOOTOOLS TABS -------------------------------------------------------------------- */

  #myTabs {
    min-width: 850px;
    margin-top: 20px;
    *padding-top: 20px;
  }

  #myTabsInside {
    border: 1px solid #d8d8d8;
  }

  .mootabs {
         position: relative;
  }

.mootabs_title {
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 24px;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.mootabs_title li {
    float: left;
    margin-right: 2px;
    cursor: pointer;
    color: #000;
    font-family: "Arial";
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 2px 0 0;
}

.mootabs_title li.active {
    font-weight: bold;
}

.mootabs_panel {
    display: none;
    position: relative;
    min-width: 850px;
    font-family: "Arial";
    clear: both;
    color: #000;
    overflow: auto;
    text-align:left;
    padding: 2px 0 3px 0;
}

.mootabs_panel.active {
    background-color: #eeefef;
    display: block;

}

.mootabs_title li.over {
    font-weight: bold;
    color: #c0c0c0;
}

.mootabs_panel h3 {
    margin: 0 0 5px 0;
    width: 95%;
    padding:2px 0px 2px 0;
    color: #244268;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

#myTabs ul li a {
    background: url(/images/tab_right.jpg) no-repeat 100% 0;
    text-decoration: none;
    padding: 5px 0;
    *padding: 0px;

}

#myTabs ul li a span {
    background: url(/images/tab_left.jpg) no-repeat;
    padding: 5px 10px;

}

.widgetTable {
    width: 100%;
}

.widgetTable td {
    padding: 5px 0 0 0;
}

.widget_inside {
    margin: 5px;
    padding: 10px;
    background-color: #FFF;
}

.widget_upload {
    background-color: #fcfeda;
    border: 1px solid #b9d0df;
    padding: 3px;
    width: 100%;
    *width: ;
}

.widget_issue {
    background-color: #eeffef;
    border: 1px solid #b2deb5;
    padding: 3px;
    width: 100%;
    *width: ;
}

.widget_expense {
    background-color: #c9e0f5;
    border: 1px solid #9fbedb;
    padding: 3px;
    width: 100%;
    *width: ;
}

.widget_rfi {
    background-color: #daf1ed;
    border: 1px solid #added1;
    padding: 3px;
    width: 100%;
    *width: ;
}

.widget_transmittal {
    background-color: #fff3c5;
    border: 1px solid #b9d0df;
    padding: 3px;
    width: 100%;
    *width: ;
}

.widget_daily {
    background-color: #efe9fc;
    border: 1px solid #b9d0df;
    padding: 3px;
    width: 100%;
    *width: ;
}

.widget_dailyDesc {
    margin: 3px 0 0 10px;
    background-color: #f8f6fc;
    width: 100%;
    *width: ;
    padding: 0;
}

.widget_dailyDesc p {
    line-height: 14px;
    margin: 0;
    padding: 3px 0 0 0;
}

/* READ ONLY VIEW --------------------------------------------------------------- */

.readOnlyDetail {
    margin: 5px 0 0 0;
    color: #000000;
    background-color:#ebebeb;
    padding:3px;border:1px solid #70a1b0;color:#000000;
    font-family:arial, verdana;
    font-size:12px;
    width: 300px;
    height:16px;
}

.fileReadOnlyDetail {
    margin: 5px 0 0 0;
    color: #000000;
    background-color:#ebebeb;
    padding:2px;border:1px solid #70a1b0;color:#000000;
    font-family:arial, verdana;
    font-size:12px;
    width: 380px;
    height:16px;
}

.downloadDiv {
    margin-bottom: 10px;
}

/* FILE IMPORT WINDOW ---------------------------------------------------------- */

#importDiv {
    font-size: 12px;
    font-family: Arial;
    padding: 10px;
}

/* TRANSMITTALS TABS --------------------------------------------------------------*/

#transmittalTabsDiv {
    width: 100%;
    overflow: auto;
}

#transmittalTabsDiv ul {
    width: 100%;
    overflow-y: hidden ! important; overflow-x: auto ! important;
}

.suspendedFiles, .suspendedRecipients {
    *min-width: 100%;
}

/* MY ACCOUNT ---------------------------------------------------------------------- */

.userInfoTable td input {
    width: 200px;
}

.userInfoTable input.userCheckbox {
    width: 30px;
    padding: 0;
}

/* QUANTITY TRACKING -------------------------------------------------------------- */

.qt_div {
    width: 100%;
    margin: 10px 0 0 0;
    background-color: #eeefef;
    border:1px solid #dedede;
    padding:3px 3px 10px 3px;
    line-height: 18px;
}

.qt_div li {
    list-style-type: none;
}

.qt_div table td {
    font-size: 12px;
}


/* ADD FILE ----------------------------------------------------------------- */

.uploadDiv2 {
    *margin: -15px 0 -15px 0;
}