body{ color: #303030; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; 
      background-color: White; padding: 0; margin: 0;}
a{ color: #0000aa;  background-color: inherit; text-decoration: none;}
a:hover, td a:hover{ text-decoration: underline;}
input, select, textarea, option{ font-family: Verdana, Tahoma, sans-serif; font-size: 11px;}
.container_div{ text-align: left; margin: 0 0px 0 4px; padding: 0px; color: #303030; 
                background-color: #fff; border: solid 1px #5070bf; width: 97.65%; min-width: 1000px;}
 *html .container_div { width: 1000px;}  
.header{ background-color: #5070bf; border-bottom: solid 1px #9fa0f0; height: 55px;  margin: 0 auto 1px auto; padding: 0px;}
.pracName{ margin: 5px 0 0 25px; padding: 0px; font-size: 24px; letter-spacing: -1px; font-weight: normal; 
           background-color: transparent; color: #fff;}
.pracByline{ margin: 0px 0 0 50px; padding: 0px; font-size: 14px; letter-spacing: 0px; font-weight: normal; 
             background-color: transparent; color: #fff;}
.navigation{ background-color: #fff; float: left; top: 85px; width: 190px; text-align: left; line-height: 14px; 
             color: #fff; padding: 5px 0 0 0; }
.red{ color: red; font-weight: bold;}
.welcome{ float: left; padding: 0; margin: 0 0px 0 0px; padding: 0 0 0 5px; width: 80%; text-align: left; 
          background-color: transparent; line-height: 18px;}
.welcome a{ color: #3030ff;  background-color: inherit; text-decoration: none;}
.welcome a:hover{ color: #ff3030; background-color: inherit; text-decoration: underline;}
.welcome td{ text-align: left; vertical-align: top;}
.welcome img{ margin-left: 5px; margin-right: 5px; margin-top: 2px; margin-bottom: 2px; border: none;}
.welcome td img{ margin: 0;}
.welcomew{ padding: 10px 0 0 10px; margin: 0px; text-align: justify; font-size: 11px; line-height: 16px; margin-right: 10px;}
.title1{border-bottom: solid 1px #a0a0a0; height: 32px; }
.field1{ padding: 0 5px 0 0; clear: both; min-height: 200px;}
.calendarContent{min-height: 200px; border: 1px solid #a0a0a0; margin: 4px; padding: 4px;}
.homefield1{ width: 67%; padding: 0 5px 0 0;}
.box{ clear: both; margin: 0 auto 5px 0; padding: 10px; border: 1px solid #c0c0c0; line-height: 16px; background-color: #fafbfc; color: #505050; width: 95%;}
.box tr{ vertical-align: top;}
.todayContent{ background: #fff url(/images/buttonbk.jpg) repeat-y left top; overflow: hidden; height: 0;}
.todayContent td{ font-size: 11px; padding: 3px; color: #303030;  height: 100%;}
.todayContent a{ text-decoration: none; font-size: 10px; color: #3030a0; }
.lhsicon{ float: left; margin: 0px 10px 0px 0px; border: none;}
.rhsicon{ float: right; margin: 2px 0px 0px 10px; border: none;}
.rhsiconButton{ float: right; margin: 0px 2px 0px 0px; vertical-align: top; border: none; padding-left: 0px; cursor: pointer;}
.lhsiconButton{ float: left; margin: 0 2px 0 0; vertical-align: top; padding: 0px; cursor: pointer;}
.rhsicon1{ margin: 0px 20px 0px 0px; border: 0px; vertical-align: middle;}
h1{ margin: 10px 0 10px 0; font-size: 18px; font-weight: bold; text-align: left; background-color: inherit; color: #175481;}
h2{ margin: 10px 0 10px 0; font-size: 16px; font-weight: bold; text-align: left; background-color: inherit; color: #175481;}
h3{ margin: 10px 0 10px 0; font-size: 14px; font-weight: bold; text-align: left; background-color: inherit; color: #175481;}
h4{ margin: 10px 0 10px 0; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; text-decoration: none; background-color: inherit; color: #175481;}
h4 a{ font-weight: bold;}
h5{ margin: 0 0 4px 0; font-size: 12px; font-weight: bold; font-style: italic; text-align: left; text-decoration: none; background-color: inherit; color: #175481;}
.button{ margin: 0 3px 0 3px; width: 80px; height: 20px; font-size: 11px;}
.buttonw{ float: right; margin: 3px; width: 84px; height: 22px; font-size: 11px;}
.buttonwleft{ float: left; margin: 3px; width: 100px; height: 22px; font-size: 11px;}
.buttonwl{ width: 84px; height: 22px; font-size: 11px;}
.buttonwide{ width: 110px; height: 22px; font-size: 11px;}
.imageButton{ float: right;}
.subcontent{ float: right; width: 190px; padding: 0px 50px 0px 10px; line-height: 15px; text-align: left;}
.menublock{ margin: 0; line-height: 26px;}
.footer{ clear: both; width: 100%; padding: 5px 0; margin-left: auto; margin-right: auto; font-size: 9px; 
         color: #fff; background-color: #5070bf;}
.footer a{ font-weight: bold; color: #fff; background-color: inherit;}
.footer a:hover{ text-decoration: underline; color: #f03030; background-color: inherit;}
.footer p{ padding: 0; margin: 0; text-align: center;}
#containerd{ text-align: left; margin-left: auto; margin-right: auto; margin-top: 5px; width: 480px; border: 1px solid #a0a0e0; color: #303030; 
             background: #fff; font-family: Verdana, Tahoma, sans-serif; padding: 5px;}
html > body #containerd{ width: 470px;}
#welcomed{ padding: 5px 5px 0 5px; font-size: 11px; line-height: 16px;}
#welcomed td{ padding-left: 2px; padding-right: 2px;}
#welcomed td a{ text-decoration: none;}
.theNews{ border: 1px solid #c0c0c0; width: 27%; font-size: 11px; text-align: left; overflow: auto; background: white; margin: 0px 5px 20px 0px; 
          padding: 4px; max-height: 500px; float: right;}
* html .theNews{ height: expression( this.scrollHeight > 399 ? "400px" : "auto" );  max-height: 400px; }
.field2{ padding: 2px; margin: 0 4px 0 0;}
.menuMain{ float: left; text-align: left; background: transparent; white-space: normal; 
           font-size: 11px; color: #5050df; padding: 0 0 0 3px; margin: 0px; width: 160px;}
.menuStaticItem{ padding: 3px 0 2px 0; font-weight: normal; text-transform: capitalize; border-right: none;  border-bottom: none;  
                 background: transparent; color: #103570; float: left; margin: 0; word-spacing: -1px; letter-spacing: 0px; 
                 white-space: nowrap; overflow: hidden; width: 160px;}
.menuDynamic{ border: 1px solid #a0a0f0; background-color: #fff; z-index: 1; width: 250px; overflow: hidden;}
.menuDynamicItem{ padding: 4px 0 4px 3px; font-weight: normal; text-transform: capitalize; color: #103570; width: 240px; z-index: 1; 
                  white-space: nowrap; letter-spacing: 0px;background-color: #fff;  }
.menuStaticSelected{ font-style: italic;}
.menuNewPage{ background-color: #CEA1A4; border-top: thick solid #FFFFFF;}
.menuCalendar{ background-color: #f1fff4;}
.menuContacts{ background-color: #f1fff4;}
.menuSearch{ background-color: #f1fff4;}
.menuLogoff{ background-color: #CEA1A4;}
.menuHelp{ background-color: #8EAEE2;}
.menuAdmin{ background-color: #CEA1A4;}
.menuStopEdit{ background-color: #CEA1A4;}
.menuDocManager{ background-color: #afffff;}
.menuSchedule{ background-color: #f0d0f0;}
.calDayStyle,.calDayStyle0,.calDayStyle1,.calDayStyle2,.calDayStyle3,.calDayStyle4,.calDayStyle5,.calDayStyle6,.calDayStyle7,.calDayStyle8,
.calDayStyle9,.calDayStyle10,.calDayStyle11,.calDayStyle12,.calDayStyle13,.calDayStyle14,.calDayStyle15 
{
    vertical-align: middle; padding: 2px; margin: 0px; border-bottom: solid 1px #a0a0a0; }
.calStyle,.calStyle0,.calStyle1,.calStyle2,.calStyle3,.calStyle4,.calStyle5,.calStyle6,.calStyle7,.calStyle8,.calStyle9,.calStyle10,
.calStyle11,.calStyle12,.calStyle13,.calStyle14,.calStyle15
{ vertical-align: middle; padding: 2px; margin: 0px; border-bottom: solid 1px #a0a0a0; overflow: hidden;}
.calDayStyle0{ background-color: #50a050; color: #fff;}
.calDayStyle1{ background-color: #e0e0ff;}
.calDayStyle2{ background-color: #e0ffe0;}
.calDayStyle3{ background-color: #ffe0e0;}
.calDayStyle4{ background-color: #c0c0ff;}
.calDayStyle5{ background-color: #c0ffc0;}
.calDayStyle6{ background-color: #ffc0c0;}
.calDayStyle7{ background-color: #a0a0f0; color: #0000a0;}
.calDayStyle8{ background-color: #a0f0a0;}
.calDayStyle9{ background-color: #f0a0a0;}
.calDayStyle10{ background-color: #5f5fff; color: #ffffff;}
.calDayStyle11{ background-color: #5fff5f;}
.calDayStyle12{ background-color: #ff5f5f; color: #ffffff;}
.calDayStyle13{ background-color: #ff5fff; color: #000000;}
.calDayStyle14{ background-color: #ffff5f;}
.calDayStyle15{ background-color: #5fffff;}
.calStyle0{ background-color: #e0e0e0;}
.calStyle1{ background-color: #e0e0ff;}
.calStyle2{ background-color: #e0ffe0;}
.calStyle3{ background-color: #ffe0e0;}
.calStyle4{ background-color: #c0c0ff;}
.calStyle5{ background-color: #c0ffc0;}
.calStyle6{ background-color: #ffc0c0;}
.calStyle7{ background-color: #a0a0f0; color: #0000a0;}
.calStyle8{ background-color: #a0f0a0;}
.calStyle9{ background-color: #f0a0a0;}
.calStyle10{ background-color: #5f5fff; color: #ffffff;}
.calStyle11{ background-color: #5fff5f;}
.calStyle12{ background-color: #ff5f5f; color: #ffffff;}
.calStyle13{ background-color: #ff5fff; color: #000000;}
.calStyle14{ background-color: #ffff5f;}
.calStyle15{ background-color: #5fffff;}
.calWeekend{ font-weight: bold;overflow: hidden; background-color: #f0e0e0; border-bottom: solid 1px #808080; padding: 0 2px 0 2px;}
.calWorkday{ font-weight: bold; overflow: hidden; background-color: #e0e0e0; border-bottom: solid 1px #808080; padding: 0 2px 0 2px;}
.calSelected{ background-color: #b0b0b0; font-weight: bold; font-style:italic; padding: 0 2px 0 2px;}
.caltodo{color: #0000a0; }
.caltodoToday{color: #c00000; font-weight: bold;}
.colourPicker{ clear: both; float: none; margin-bottom: 30px;}
.scheduleIn{ background-color: #d0f0d0;}
.scheduleOut{ background-color: #ffffff;}
.nav2{ padding: 0; overflow: hidden; clear: both; margin: 10px 0 10px 0;}
.nav2 a{ color: #303080;}
.nav2 a:hover{ color: #FF0000;}
#docs a{ color: #303080;}
#docs a:hover{ color: #FF0000;}
.subcontent input{ font-size: 10px;}
#searchResults{ text-align: left; padding-left: 10px;}
#taskbox h5{ color: #505050; margin-top: 0px;}
#update{ font-weight: bold; color: Blue;}
#update a{ font-weight: bold; color: Red;}
#update img{ vertical-align: middle;}
.menuEditor{ width: 100%; text-align: left; clear: both; padding-bottom: 4px;}
.menuEditor ul{ height: 26px; line-height: 26px; margin: 0; padding: 2px; border-bottom: solid 1px #d0d0d0; color: #505050;}
.menuEditor li{ margin: 0px; float: right; list-style-type: none; border-style: none; white-space: nowrap; padding-right: 10px; 
                color: #505050;}
.menuEditor li input{ vertical-align: middle; margin-bottom: 0px;}
.menuEditor li a{ display: block; font-weight: normal; text-decoration: none;}
.menuEditor .selected a{ text-decoration: none;}
.menuEditor a:active{ text-decoration: none; color: #505050;}
.menuEditor a:link{ text-decoration: none; color: #505050;}
.menuEditor a:visited{ text-decoration: none; color: #505050;}
.menuEditor a:hover{ text-decoration: none; color: #505050;}
* html .menuEditor a{ width: 1%;}
.menuEditor img{ vertical-align: middle; border-width: 0;}
a.menuChange{ background: url(/images/note_edit.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuChange:hover{ text-decoration: underline; color: #505050;}
.navLinkDown{ height: 30px; padding: 4px 0 0 0; font-size: 12px; font-style: italic; line-height: 22px;}
.navLinkDown{ border-top: 1px dotted #a0a0a0;}
a.navLinkUp{ background: url(/images/folder_up.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.navLinkUp:hover{ text-decoration: underline; color: #505050; padding-left: 26px;}
.menuAddContact{ background: url(/images/new_contact.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; 
                 cursor: pointer;line-height: 26px; }
.menuAddMyNote{ background: url(/images/new_mynote.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; cursor: pointer;line-height: 26px; }
.menuAddUser{ background: url(/images/new_user.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; 
              cursor: pointer; line-height: 26px; }
.menuAddRoom{ background: url(/images/new_room.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; cursor: pointer;}
.menuSendEmailActive{ background: url(/images/email.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; cursor: pointer;}
.menuSendEmailDisabled{ background: url(/images/email_d.gif) left center no-repeat transparent; text-decoration: none; color: #a0a0a0; font-style: italic; padding-left: 26px;}
.menuSurvey{ background: url(/images/send_survey.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;cursor: pointer;}
.menuSurveyDisabled{ background: url(/images/send_survey_d.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
.menuManualSurvey{ background: url(/images/survey.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;cursor: pointer;}
.menuManualSurveyDisabled{ background: url(/images/survey_d.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
.menuSelectAllActive{ background: url(/images/selectAll.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; cursor: pointer;}
.menuSelectAllDisabled{ background: url(/images/deselectAll.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; cursor: pointer;}
.menuCategories{ background: url(/images/categories.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;cursor: pointer;}
a.menuBack{ background: url(/images/back_page.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuBack:hover{ text-decoration: underline; color: #505050;}
a.menuNewWindow{ background: url(/images/windows.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuNewWindow:hover{ text-decoration: underline; color: #505050;}
a.menuStop:active{ background: url(/images/cancel.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuStop:link{ background: url(/images/cancel.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuStop:visited{ background: url(/images/cancel.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuStop:hover{ background: url(/images/cancel.gif) left center no-repeat transparent; text-decoration: underline; color: #505050; padding-left: 26px;}
a.menuSave{ background: url(/images/Save.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; }
a.menuSave:hover{ text-decoration: underline; color: #505050; padding-left: 26px;}
a.menuReplaceFile{ background: url(/images/file_replace.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuReplaceFile:hover{ text-decoration: underline; color: #505050; padding-left: 26px;}
a.menuDelete{ background: url(/images/note_deleted.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuDelete:active{ background: url(/images/note_delete.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuDelete:link{ background: url(/images/note_delete.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuDelete:visited{ background: url(/images/note_delete.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuDelete:hover{ text-decoration: underline; color: #505050; padding-left: 26px;}
a.menuRestore{ background: url(/images/undo.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuRestore:hover{ text-decoration: underline; color: #505050; padding-left: 26px;}
a.menuPrint {background: url(/images/print.gif) left center no-repeat transparent; 
             text-decoration: none; color: #505050; padding-left: 26px; line-height: 26px; float: right;}
a.menuPrintCal{ background: url(/images/print_sm.gif) left bottom no-repeat transparent; 
             text-decoration: none; color: #000; padding-left: 18px; font-weight: normal;}
a.menuPreview{ background: url(/images/survey.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuAnswers{ background: url(/images/survey_answers.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuOpenSurvey{ background: url(/images/send_survey.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuCloseSurvey{ background: url(/images/stop.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
.menuEditor a.menuPrint{ float: none;}
a.menuPrint:hover{ text-decoration: underline;}
a.menuHolidayReport{ background: url(/images/file.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; line-height: 26px; float: right; margin-right: 10px;}
a.menuHolidayReport:hover{ text-decoration: underline;}
a.menuPrev{ background: url(/images/prev_sm.gif) left center no-repeat transparent; 
            text-decoration: none; color: #505050; padding: 0 0 4px 18px; line-height: 36px; margin: 0px 2px 0 0; font-weight: normal;}
.menuPrev:hover{ text-decoration: underline;}
a.menuNext{background: url(/images/next_sm.gif) left center no-repeat transparent; 
            text-decoration: none; color: #505050; padding: 0 0 4px 18px; line-height: 36px; margin: 0px 2px 0 0; font-weight: normal;}
a.menuNext:hover{ text-decoration: underline;}
.menuRefresh{ background: url(/images/refresh.gif) left center no-repeat transparent; padding: 0px 0 4px 18px; line-height: 26px; margin: 0px 10px 4px 0px;}
a.menuRefresh{ text-decoration: underline; color: #505050;}
a.menuRefresh:hover{ color: #505050;}
a.menuNew{ background: url(/images/note_add.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuNew:hover{ text-decoration: underline;}
a.menuHelp{ background: url(/images/help1.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; line-height: 26px;}
a.menuHelp:hover{ text-decoration: underline;}
a.menuNewMessage{ background: url(/images/new_message.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuNewMessageDisabled{ background: url(/images/new_messaged.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuNewMessage:hover{ text-decoration: underline;}
a.menuNewToDo{ background: url(/images/new_todo.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuNewToDoDisabled{ background: url(/images/new_todod.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuNewToDo:hover{ text-decoration: underline;}
a.menuCopy{ background: url(/images/new_copy.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuCopy:hover{ text-decoration: underline;}
a.menuCut{ background: url(/images/new_cutd.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuCut:link{ background: url(/images/new_cut.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuCut:hover{ text-decoration: underline;}
a.menuPaste{ background: url(/images/new_paste.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; line-height: 26px; height: 26px; display: inline-block;}
a.menuPaste:hover{ text-decoration: underline;}
a.menuGoHome{ background: url(/images/houses.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; padding-right: 10px; float: right; line-height: 26px;}
a.menuGoHome:hover{ text-decoration: underline; color: #505050;}
a.menuActionReport{ background: url(/images/spreadsheet.jpg) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuActionReportDisabled{ background: url(/images/spreadsheetd.jpg) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px;}
a.menuActionReport:hover{ text-decoration: underline;}
#hierarchy{ font-size: 11px; font-family: Georgia;}
.accordionHeader{ border-bottom: 1px solid #2F4FaF; border-top: 1px dotted #a0a0e0; border-right: 1px dotted #a0a0e0; border-left: 1px dotted #a0a0e0; 
                  color: #5050a0; background: #ffffff url(/images/expand.jpg) no-repeat center left; font-size: 12px; font-weight: bold; padding: 5px 5px 5px 30px; margin-top: 5px; cursor: pointer;}
.accordionHeader1{ border: none; color: #5050a0; height: 30px; font-size: 12px; font-weight: bold; padding: 5px 5px 5px 5px; margin-top: 5px; 
                   cursor: pointer; text-align: left; background: #ffffff url(/images/help_sm.gif) no-repeat center right; }                 
.accordionHeaderSelected{ border-bottom: 1px solid #2F4FaF; border-top: 1px dotted #a0a0e0; border-right: 1px dotted #a0a0e0; 
                          border-left: 1px dotted #a0a0e0; color: #5050a0; background: #ffffff url(/images/contract.jpg) no-repeat center left; 
                          font-size: 12px; font-weight: bold; font-style: italic; padding: 5px 5px 5px 30px; margin-top: 5px; cursor: pointer;}
.accordionHeaderSelected1{ border:none; color: #5050a0; text-align: left;height: 30px;
                          font-size: 12px; font-weight: bold; font-style: italic; padding: 5px 5px 5px 5px; margin-top: 5px; cursor: pointer;
                          background: #ffffff url(/images/help_sm.gif) no-repeat center right;}
.accordionHeader a, .accordionHeaderSelected a,.accordionHeader a:hover, .accordionHeaderSelected a:hover{color: #5050a0; text-decoration: none;}
.accordionContent{ background-color: transparent; border: 1px dotted #a0a0e0; border-top: none; padding: 10px 5px 5px 5px; height: auto;}
.accordionContent1{ background-color: transparent; border-bottom: 1px dotted #a0a0e0; padding: 10px 5px 5px 5px; height: auto;}
.headerWrapper{ width: 750px; float: left; position: relative;}
a.documentAdd{ background: url(/images/doc_add.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding-left: 26px; display: block; line-height: 26px; height: 26px;}
a.documentUpload{ background: url(/images/doc_upload.gif) left center no-repeat transparent; text-decoration: none; color: #505050; padding: 0px 6px 0 26px; line-height: 26px; height: 26px; display: inline-block;}
.roomTable td{ border: solid 1px #a0a0a0; padding: 1px;}
.radioList li{ float: left;}

.todayWrapper{ position: absolute; top: 0px; left: 570px; width: 202px; z-index: 1000; 
               font-size: 10px; text-align: left; border: 1px solid #175481; padding: 0px; margin: 0 0 0 0;}
.newMessagesWrapper{ position: absolute; top: 0px; left: 782px; width: 202px; z-index: 3000; 
                     font-size: 10px; text-align: center; border: 1px solid #175481; padding: 0 0 0 0; margin: 0; 
                     background: #fff;}
.navigatorWrapper{ position: absolute; top: 2px; left: 368px; width: 202px; z-index: 3000; 
                     font-size: 10px; text-align: left; border: 1px solid #175481; padding: 0 0 0 0; margin: 0; 
                     background: #fff url(/images/messagebk.gif) repeat-y right top;}
.weatherWrapper{ position: absolute; top: 25px; left: 248px; width: 310px; z-index: 2000; font-size: 10px; text-align: center; 
                 border: 1px solid #5070bf; padding: 0; margin: 0; background-color: #fff;}
.calculatorWrapper{ position: absolute; width: 220px; z-index: 3000; font-size: 10px; text-align: center; padding: 0; margin: 0; background-color: #fff;}                 


.newMessagesTitleBar{ font-weight: bold; text-align: left; color: #fff; background-color: #175481; 
                      padding: 0px 0 0 2px; line-height: 18px; }
.sectionTitle{ color: #505050; font-weight: bold; padding: 0 2px 0 2px; background-color: #fff;/*c5c5fe;*/ 
               vertical-align: middle; cursor: inherit; text-align: left; margin: auto; line-height: 18px;}
.weatherTitleBar{ font-weight: bold; text-align: left; color: #fff; background-color: #175481; 
                      padding: 0px 0 0 2px; line-height: 18px; height: 20px;}
.calculatorTitleBar{ font-weight: bold; text-align: left; color: #808080; background-color: #fff; 
                      padding: 0px 0 0 2px; line-height: 18px; height: 20px; border: 1px solid #a0a0a0;}

.weatherForecast{ font-size: 10px; text-align: left; overflow: hidden; background: white; padding: 0 2px 0 2px; margin: 0 auto 0 auto;}
.weatherRegions{ width: 300px; border: 1px solid #c0c0c0; margin: 10px auto 10px auto; overflow: hidden;}
.calculatorContent{ cursor: auto; font-size: 10px; text-align: left; background: white; padding: 0 2px 0 2px; margin: 0 auto 0 auto;
                    border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; }
.calculator{ z-index:3001;}
.calculatorButton{width:36px; height: 20px; font-size: 9px; color: #505050;}                    

.newMessage{ font-size: 10px; text-align: left; overflow: hidden; background: white; padding: 0 2px 6px 2px; margin: 0 auto;}
.newMessage a{ color: #0000a0;}
.todoItems{ width: 188px; border: 1px solid #c0c0c0; margin: 8px auto 4px auto; overflow: hidden;}
.todoItems a{ display: block; padding-left: 25px;}
a.todoItems:hover{ text-decoration: underline;}
.newNotifier{ margin: 6px 0 0 0; padding: 0 2px 0px 2px; overflow: hidden; max-height: 250px; width: 182px;}
.newNotifier a{ padding: 0px; margin: 0px;}
.conversation_title{border-top: 1px dotted #a0a0a0; margin: 4px 0 2px 0;}
a.newNotifier:hover{ text-decoration: underline;}
* html .newNotifier{ height: expression( this.scrollHeight > 249 ? "250px" : "auto" );  max-height: 250px; }
.feeds{ font-size: 11px; line-height: 15px; text-align: left; border: none; overflow: hidden; background: white; padding: 2px; width: 182px;}
.feeds h5{ color: #505050; font-size: 11px; padding: 2px; margin: 0px;}
#feeds a{ padding: 0px;}
.conversationFrame{ position: absolute; top: 10px; left: 560px; width: 190px;}
.conversationAlert{ font-family: Arial; font-size: 10px; background-color: transparent;}
.conversationAlert a{ color: Blue; text-decoration: underline; background-color: transparent;}
.conversationAlertLink{ cursor: pointer; color: Blue; text-decoration: underline; background-color: transparent;}
.conversationAlertText{ float: left; width: 100%; text-align: center; font-weight: bold; margin: 0 0 2px 0; background-color: transparent;}
#hierarchy{ text-align: left;}
.holThisMonthEditSmall{ vertical-align: top; font-size: 9px; background-color: #e0e0f0; color: navy; cursor: pointer;}
.holThisMonthSmall{ vertical-align: top; font-size: 9px; background-color: #e0e0f0; color: navy;}
.holThisMonthEdit{ vertical-align: top; background-color: #e0e0f0; color: navy; cursor: pointer;}
.holThisMonth{ vertical-align: top; background-color: #e0e0f0; color: navy;}
.holNotThisMonthSmall{ vertical-align: top; font-size: 8px; background-color: #e0f0e0; color: #00a000; font-weight: normal;}
.holNotThisMonth{ vertical-align: top; background-color: #e0f0e0; color: #00a000; font-weight: normal;}
.holBankHols{ font-size: 9px; vertical-align: middle; color: Blue; background-color: #d0d0d0;}
.holDayHeader{ width: 14%; font-size: 9px;}

.contactsHeader{ background-color: #d0d0f0; font-weight: bold;}
.contactsTable{ float: left; width: 100%; border: solid 1px #a0a0a0;}
.contactsTable td{ border: solid 1px #a0a0a0; padding: 1px; margin: 0px;}
.contactsSubheader, .contactsSubheader td{ background: transparent; font-size: 13px; height: 32px; vertical-align: middle; clear: both; color: #175481; font-weight: bold;}
.contactsSubheader img, .contactsHeader img{ cursor: pointer; float: right;}
.contactsElement{ background: url(/images/contact_elem.gif) no-repeat top left; float: left; width: 225px;  height: 155px; font-size: 11px; padding: 10px 0px 0px 27px; margin: 2px; overflow: hidden;}
.contactsElementContent{ width: 213px; height: 140px; text-align: left; background-color: transparent; overflow: auto; scrollbar-3dlight-color: #eeeeff; scrollbar-arrow-color: #8080b0; scrollbar-darkshadow-color: #7777af; scrollbar-face-color: #c0deff; scrollbar-highlight-color: #c0c0ff; scrollbar-shadow-color: #a0a0ff; scrollbar-track-color: #ddf;}
.contactsCardCat{ width: 225px; height: 155px; float: left; margin: 2px; padding: 10px 0px 0px 27px;}
.contactsTable td .contactsCheck{ width: 20px;}
.contactsEdit{ cursor: pointer; color: Blue;}
.contactsEdit:hover{ text-decoration: underline;}
.contactsNav{ width: 100%; float: left; padding: 0px;}
.contactsNav ul{ height: 32px; padding: 0px; margin: 0px;}
.contactsNav li{ float: left; list-style-type: none; padding: 8px 0 0 10px; font-weight: bold; height: 32px; width: 20px; background: url(/images/contact_navd.gif) no-repeat;}
.contactsNav li.active{ background: url(/images/contact_nav.gif) no-repeat;}
.contactsNav li a{ width: 20px;}
.contactsQPL{ color: blue; cursor: pointer;}
.contactsQPL:hover{ text-decoration: underline;}
.contactsLetter{ width: 20px; cursor: pointer;}
.contactsEmail{ color: #009900; font-style: italic; font-size: 10px; cursor: pointer;}
.contactsEmail:hover{ text-decoration: underline;}
.contactsJournal{ vertical-align: top; color: Navy; font-size: 10px;}
.contactDetails {border-top: 1px solid #c0c0c0; padding-top: 10px;}

.robin_red{ color: #7B090C;}
a.robin_red{ color: #7B090C; text-decoration: underline;}
.t10{ font-size: 10px;}
.unwatermarked{ height: 18px; width: 148px;}
.watermarked{ color: gray; font-style: italic;}
.tableUsersH td{ color: Navy; font-weight: bold; line-height: 26px; background-color: #e0e0ff;}
.tableUsersSH td{ color: Black; font-style: italic; background-color: #e0e0e0; line-height: 26px;}
.calendar .ajax__calendar_container{ width: 190px; border: 1px solid #505050; background-color: white; color: black;}
.calendar .ajax__calendar_body{ width: 190px;}
.calendar .ajax__calendar_days{ width: 190px;}
.calendar .ajax__calendar_dayname{ font-weight: bold; color: Navy;}
.calendar .ajax__calendar_other{ color: #a0a0a0;}
.calendar .ajax__calendar_active{ border: solid 1px red;}
.calendar .ajax__calendar_hover{ background-color: #e0e0f0;}
.ContextMenuPanel{ border: 1px solid #868686; z-index: 1000; background: url(/images/menu-bg.gif) repeat-y 0 0 #FAFAFA; cursor: default; padding: 1px 1px 0px 1px; font-size: 11px;}
.ContextMenuBreak{ margin: 1px 1px 1px 32px; padding: 0; height: 1px; overflow: hidden; display: block; border-top: 1px solid #C5C5C5;}
a.ContextMenuItem{ margin: 1px 0 1px 0; display: block; color: #003399; text-decoration: none; cursor: pointer; padding: 4px 19px 4px 33px; white-space: nowrap;}
a.ContextMenuItem-Selected{ font-weight: bold;}
a.ContextMenuItem:hover{ background-color: #FFE6A0; color: #003399; border: 1px solid #D2B47A; padding: 3px 18px 3px 32px;}
.smallItalic{ font-style: italic; font-size: 10px;}
.myNotesNote { background: url(/images/post_note.gif) no-repeat top left; width: 250px; height: 250px; float: left;}
.myNotesElement{ width: 219px; height: 148px; font-size: 11px; margin: 45px 0 0px 17px; padding: 0px; overflow: hidden;}
.calcontrolfade{ display: none; background-color: #e0e0e0; width: 0px; height: 0px; z-index: 3;}
.calcontrolinfo{ display: none; overflow: hidden; width: 0px; height: 0px; z-index: 2; border: solid 1px #37495a; background-color: #fff; padding: 5px;}
.closecalcontrol{ float: right; padding: 0 0 4px 0;}
.closecalcontrol a{ background-color: #666666; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding: 0 5px 2px 5px;}
.closecalcontrol a:hover{ background-color: #666666; color: #ff8080; text-decoration: none;}
.c_weekday_title{ float: left; padding: 1px; width: 14%; border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #808080; text-align: center; font-size: 10px;}
.c_saturday_title{ float: left; width: 14%; padding: 1px; border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #808080; text-align: center; font-size: 10px;}
.c_sunday_title{ float: left; width: 10%; padding: 1px; text-align: center; border: 1px solid #808080; font-size: 10px;}
.c_weekday{ float: left; width: 14%; padding: 1px; overflow: hidden; border-left: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 10px;}
.c_saturday{ float: left; width: 14%; padding: 1px; overflow: hidden; border-left: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 10px;}
.c_sunday{ float: left; width: 10%; padding: 1px; overflow: hidden; border-right: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 10px;}
.navigatorContent{ padding: 0 2px 0 2px; height: 0; overflow: hidden;}
.newMessagesContent{height: 0; overflow: hidden;}
.menuSmall{border-bottom: 1px solid #a0a0a0; float: left; width: 100%; padding: 4px 2px 2px 0px;}
.menuSmall a{ padding: 0 4px 0 4px; font-weight: bold; border-right: solid 1px #a0a0f0; float: left;}
.weatherContent{height: 0; overflow: hidden; }
.treeNav img{ padding-right: 2px;}
.monthTable{ width: 100%;}
.monthTable td{ vertical-align: top;}
.weekTable{ font-size: 120%; width: 100%;}
.weekTable td{ vertical-align: top;}
.dayTable{ font-size: 130%; width: 100%; }
.dayTable td{ vertical-align: top;}
.homePage{width: 67%;}
.homePageItem{ height: 60px; font: 11px; width: 48%; float: left; margin: 0 2px 0 2px;}
.homePageItemForm{ height: 60px; font: 11px; }
hr{ background-color: #f0f0f0; color: #f0f0f0; border: outset 1px #f0f0f0;}
.imageGallery{ height: 300px; overflow: scroll;}
.helpIcon{ border: none; float: right; cursor: pointer;}
.helpIcon_nf{ border: none; cursor: pointer;}
.docManager{ background-color: #fafafa; padding: 2px; border-bottom: solid 1px #a0a0a0;}
.docTitle{ padding: 10px 10px 0 10px; margin-top: 10px; border-top: dotted 1px #5050ee; border-right: dotted 1px #5050ee; border-left: dotted 1px #5050ee;}
.divDocSettings{ padding: 0px 10px 0 10px; margin-bottom: 10px; border-bottom: dotted 1px #5050ee; border-right: dotted 1px #5050ee; border-left: dotted 1px #5050ee;}
.readPanel{ border: 1px solid #a0a0a0; padding: 2px;}
.runEditor{ background: #ffdddd url(/images/runeditor.gif) top left no-repeat; padding: 0 0 0 24px; line-height: 32px; border-bottom: dotted 1px #505050;}
.runEditor a{ color: Navy !important; text-decoration: none; font-weight: bold;}
.runEditor a:hover{ color: Blue !important;}
.docInsert{text-align: right;}
.uploader{background-color:#fff; float:left;}
.docUpload{clear: both;border-top:1px solid #505050;}
.formLabel{ color: Navy; font-weight: bold; float: left; width: 130px;}
.dialogLabel{ color: Navy; font-weight: normal; float: left; width: 130px;}
.pageTitle{border-bottom: solid 1px #a0a0a0;}
.folderContents{clear: both; padding: 10px 0 10px 5px;}
.editorFields{margin-bottom: 10px; clear: both; }
.addOrUpload{margin-bottom:10px;}
.newItemsMenu{ min-height: 26px; height: 26px; border-bottom: dotted 1px #c0c0c0; border-top: dotted 1px #c0c0c0; padding: 5px 0 0px 0; margin: 20px 0 0 0; }
.newItemsMenu ul{ padding: 0 0 0 0; margin: 0; height: 16px;}
.newItemsMenu li{ display: inline; padding: 0px 4px 0px 4px; height: 16px; margin: 0; border-right: dotted 1px #c0c0f0; float: left;}
.newItemsMenu li a{ text-decoration: none; color: Navy;  font-weight: normal; vertical-align: top;}
.picPreview{border: 1px solid #505050; background-color: #000; visibility: hidden;}
.journalEntries{width: 598px;}
.reminderEntry{margin-bottom: 10px; text-align: left;}
.surveyDetails{background-color: #f0f0ff; border: 1px solid #a0a0a0; width: 640px; padding: 10px; margin: 10px 0 10px 0;}

@media only screen and (min-device-width : 769px) and (max-device-width : 1024px) {

   .container_div{width:500px;}
   .navigation {width: 190px;}
   .menuMain,.menuStaticItem{width: 160px;}
}