html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: auto;
font-size: 10px;
}
ul, li {
margin: 0;
padding: 0;
}
.layout {
height: 100%;
min-height: 1000px;
background-color: #c3c3c3;
}
.center, .east, .west, .north, .south {
background-color: white;
border: 1px solid #909090;
display: inline-block;
padding: 0;
}
.center {
overflow: auto;
}
p {
text-align: left;
}
a {
color: #3670D4;
}
.west {
width: 20%;
padding: 0;
margin: 0;
text-align: left;
}
.east {
width: 15%;
padding: 0;
margin: 0;
text-align: left;
}
.west {
}
.header {
font-family: verdana;
font-size: 14px
}
.header div {
float: left;
}
h2.pane_header {
background: #D8DEDA url(../images/h2_bg.png) left center;
color: #333;
border-bottom: 1px solid #c3c3c3;
margin: 0;
padding: 10px 15px;
font-size: 13px;
}
.content_box {
padding: 3px;
overflow: auto;
}
.north {
margin-bottom: -1px;
height: 50px;
padding: 0;
background: #00538D url(../images/header_bg.png) left center;
}
.south {
margin-top: -1px;
background-color: #f2f2f2;
padding: 0;
height: 10px;
}
.browse {
height: 54%;
}
.sticky_notes {
}
.divider_box {
height: 5px;
background: #c3c3c3 url(../images/resizable_dots_hrz.gif) center center no-repeat;
border-top: 1px solid #909090;
border-bottom: 1px solid #909090;
margin: 0 -1px;
}
.logo div.logo_display {
height: 40px;
width: 90px;
background: transparent url(../images/xpres_logo_sm.gif) top left no-repeat;
margin: 10px;
float: left;
}
/**
* These styles are to create custom resize handles.
*/
.ui-resizable-w {
left: -5px;
width: 5px;
background: transparent url(../images/resizable_dots_rgt.gif) center center no-repeat;
}
.ui-resizable-e {
right: -5px;
width: 5px;
background: transparent url(../images/resizable_dots_lft.gif) center center no-repeat;
}
.ui-resizable-n {
top: -5px;
height: 5px;
}
.ui-resizable-s {
bottom: -5px;
height: 5px;
}
#toggle-view {
list-style: none;
font-family: verdana;
font-size: 11px;
margin: 0;
padding: 0;
}
#toggle-view li {
margin: 10px;
position: relative;
cursor: pointer;
}
#toggle-view h3 {
margin: 0;
font-size: 13px;
color: #333;
float: left;
}
#toggle-view span {
display: block;
float: left;
margin: 0;
margin-left: 10px;
font-size: 13px;
}
#toggle-view div.main_category {
margin: 0;
}
.clear {
clear: both;
}
.main_category ul {
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
display: block;
}
.main_category ul li, .main_category ul li ul li, .main_category ul li ul li ul li {
margin: 2px 0 2px 0 !important;
padding: 3px 7px !important;
position: relative;
}
.main_category ul li a {
margin: 0;
display: block;
font-weight: 400;
color: #333;
text-decoration: none;
padding: 0px;
}
.main_category ul li a:hover {
text-decoration: underline;
}
.main_category ul li ul {
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
display: block;
}
.main_category ul li ul li a {
margin: 0;
display: block;
font-weight: 700;
color: #EF8E00;
text-decoration: none;
padding: 0px;
}
.main_category ul li ul li a:hover {
text-decoration: underline;
}
.main_category ul li ul li ul {
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
}
.main_category ul li ul li ul li a {
margin: 0;
display: block;
font-weight: 400;
color: #303030;
text-decoration: none;
padding: 0px;
}
.main_category ul li ul li a:hover {
text-decoration: underline;
}
.main_category ul li ul li ul li.active {
background-color: #333;
padding: 1px 3px;
margin: 0 !important;
}
.main_category ul li ul li ul li.active a {
font-weight: 400;
color: #fff;
}
#toggle-view div.top_widgets {
display: none;
margin: 0;
}
.top_widgets ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
}
.top_widgets ul li {
margin: 0 !important;
padding: 3px 10px 3px 26px !important;
}
.top_widgets ul li a {
margin: 0;
display: block;
font-weight: 400;
color: #333;
text-decoration: none;
padding: 0px;
line-height: 16px;
font-size: 11px !important;
}
.top_widgets ul li a:hover {
text-decoration: underline;
}
.sticky_notes ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
}
.sticky_notes ul li {
margin: 0 !important;
padding: 3px 10px 3px 26px !important;
}
.sticky_notes ul li a {
margin: 0 !important;
display: block;
font-weight: 400;
color: #333;
padding: 0px !important;
line-height: 16px !important;
font-size: 11px !important;
position: relative;
}
.sticky_notes ul li a:hover {
text-decoration: none !important;
}
.sticky_notes ul li span {
display: inline !important;
float: none !important;
font-size: 11px !important;
margin: 0 !important;
padding;
0 !important;
}
.login_info, .buttons_section {
float: left;
}
.login_info {
margin: 0;
padding: 0;
color: #fff;
margin-left: 45px;
}
.buttons_section {
margin-left: 10px;
}
div.windows_section {
width: 16px;
height: 50px;
background: url(../images/header_icon_windows.gif) no-repeat left center;
cursor: pointer;
}
div.searchmenu {
border: 0;
background: #3F81AD url(../images/header_button_bg.png) repeat-x left center;
border: 1px solid #236FA1;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
font-weight: 700;
font-family: verdana;
padding: 0;
margin: 11px 15px;
cursor: pointer;
}
div.searchmenu_active {
position: relative;
border: 0;
background-image: none;
background-color: #004079;
border: 0 !important;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
color: #fff;
font-weight: 700;
font-family: verdana;
padding: 12px 2px 12px 1px;
margin: 0 15px;
cursor: pointer;
}
div.searchmenu div {
background: url(../images/header_icon_search.gif) no-repeat left center;
background-color: transparent;
float: left;
padding: 3px 10px;
padding-left: 26px;
margin-left: 10px;
line-height: 20px;
cursor: pointer;
}
div.searchmenu div a {
color: #fff;
text-decoration: none;
outline: none;
}
div.searchmenu div a:hover {
text-decoration: underline;
}
div.searchmenu .arrow {
outline: none;
background: url(../images/header_icon_arrowright.gif) no-repeat center center;
background-color: transparent;
border-left: 1px solid #236FA1;
margin: 0;
padding: 3px 5px;
width: 16px;
height: 20px;
}
div.searchmenu_active .arrow {
border: 0 !important;
background: url(../images/header_icon_arrowdown.gif) no-repeat center center;
}
div.searchmenu div.container {
display: none;
}
div.searchmenu_active div.container {
display: block;
background-color: #004079;
background-image: none;
margin: 0;
padding: 0 0 5px 0;
position: absolute;
top: 50px;
left: 0;
width: 200px;
z-index: 999999999;
color: #fff;
font-size: 11px;
float: left;
}
div.searchmenu_active div.container a {
color: #fff;
text-decoration: none;
}
div.searchmenu_active div.container a:hover {
color: #fff;
text-decoration: underline;
}
div.searchmenu_active div.container div.padder {
padding: 0 15px;
margin: 0;
background-image: none;
}
div.cases_button {
border: 0;
background: #3F81AD url(../images/header_button_bg.png) repeat-x left center;
border: 1px solid #236FA1;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
font-weight: 700;
font-family: verdana;
padding: 0;
margin: 11px 15px;
cursor: pointer;
}
div.cases_button div {
background: url(../images/header_icon_cases.gif) no-repeat left center;
background-color: transparent;
float: left;
padding: 3px 10px;
padding-left: 26px;
margin-left: 10px;
line-height: 20px;
cursor: pointer;
}
div.cases_button div a {
color: #fff;
text-decoration: none;
outline: none;
}
div.cases_button div a:hover {
text-decoration: underline;
}
div.cases_button .arrow {
outline: none;
background: url(../images/header_icon_arrowright.gif) no-repeat center center;
background-color: transparent;
border-left: 1px solid #236FA1;
margin: 0;
padding: 3px 5px;
width: 16px;
height: 20px;
}
.logo div.megamenu {
float: left;
display: block;
width: 30px;
height: 50px;
background-image: none;
margin: 0;
padding: 0;
position: relative;
z-index: 99999999;
}
.logo div.megamenu a.button {
display: block;
width: 11px;
height: 9px;
background: transparent url(../images/header_arrow.png) top left no-repeat;
border: 0;
margin: 20px 10px;
}
.logo div.megamenu a span {
display: none;
}
.logo div.megamenu div.container {
display: none;
}
.logo div.megamenu_active {
float: left;
display: block;
width: 30px;
height: 50px;
background-color: #004079;
background-image: none;
margin: 0;
padding: 0;
position: relative;
z-index: 99999999;
}
.logo div.megamenu_active a.button {
display: block;
width: 11px;
height: 9px;
background: transparent url(../images/header_arrow.png) top left no-repeat;
border: 0;
margin: 20px 10px;
}
.logo div.megamenu_active a span {
display: none;
}
.logo div.megamenu_active div.container {
display: block;
background-color: #004079;
background-image: none;
margin: 0;
padding: 15px 0;
position: absolute;
top: 50px;
left: 0;
z-index: 99999999;
color: #fff;
font-size: 11px;
float: left;
width: 360px;
}
.logo div.megamenu_active div.container a {
color: #fff;
text-decoration: none;
}
.logo div.megamenu_active div.container a:hover {
color: #fff;
text-decoration: underline;
}
.logo div.megamenu_active div.container div.column1 {
float: left;
width: 50% !important;
border-right: 1px solid #195286;
}
.logo div.megamenu_active div.container div.column2 {
float: left;
width: 49% !important;
}
.logo div.megamenu_active div.container div.padder {
padding: 0 15px;
}
.login_info div.usermenu {
float: left;
display: block;
background-image: none;
margin: 0;
padding: 0;
position: relative;
z-index: 99999999;
}
.login_info div.usermenu div.username {
float: left;
display: block;
border: 0;
margin: 15px;
line-height: 20px;
}
.login_info div.usermenu a.button {
float: left;
display: block;
width: 11px;
height: 9px;
background: transparent url(../images/header_arrow.png) top left no-repeat;
border: 0;
margin: 20px 10px;
}
.login_info div.usermenu a span {
display: none;
}
.login_info div.usermenu div.container {
display: none;
}
.login_info div.usermenu_active {
float: left;
display: block;
background-color: #004079;
background-image: none;
margin: 0;
padding: 0;
position: relative;
z-index: 99999999;
}
.login_info div.usermenu_active div.username {
float: left;
display: block;
border: 0;
margin: 15px;
line-height: 20px;
}
.login_info div.usermenu_active a.button {
float: left;
display: block;
width: 11px;
height: 9px;
background: transparent url(../images/header_arrow.png) top left no-repeat;
border: 0;
margin: 20px 10px;
}
.login_info div.usermenu_active a span {
display: none;
}
.login_info div.usermenu_active div.container {
display: block;
background-color: #004079;
background-image: none;
margin: 0;
padding: 0 0 5px 0;
position: absolute;
top: 50px;
left: 0;
z-index: 999999999;
color: #fff;
font-size: 11px;
float: left;
}
.login_info div.usermenu_active div.container a {
color: #fff;
text-decoration: none;
}
.login_info div.usermenu_active div.container a:hover {
color: #fff;
text-decoration: underline;
}
.login_info div.usermenu_active div.container div.padder {
padding: 0 15px;
}
ul.userprofile, ul.userprofile li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.userprofile li {
font-weight: 700;
font-size: 13px;
line-height: 24px;
border-bottom: 1px solid #195286;
padding: 5px 0;
}
ul.userprofile li.last {
border: 0 !important;
}
ul.search_options, ul.search_options li {
width: 170px;
margin: 0;
padding: 0;
list-style-type: none;
}
ul.search_options li {
font-weight: 400;
font-size: 11px;
line-height: 24px;
border-bottom: 1px solid #195286;
padding: 5px 0;
}
ul.search_options li.last {
border: 0 !important;
}
ul.widgetnav, ul.widgetnav li, ul.widgetnav li ul, ul.widgetnav li ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.widgetnav {
width: 149px;
margin-bottom: 5px !important;
}
ul.widgetnav li {
font-weight: 700;
font-size: 12px;
line-height: 24px;
}
ul.widgetnav li li {
font-weight: 400;
font-size: 11px;
}
ul.categorynav, ul.categorynav li, ul.categorynav li ul, ul.categorynav li ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.categorynav {
width: 149px;
margin-bottom: 5px !important;
}
ul.categorynav li {
font-weight: 700;
font-size: 12px;
line-height: 18px;
}
ul.categorynav li li {
font-weight: 400;
font-size: 11px;
}
hr {
border: 0;
height: 1px;
background-color: #195286;
}
.small_icon {
padding-left: 25px !important;
}
.case_inquiry {
background: url("../images/widgets_icon_caseinquiry.gif") no-repeat left center;
}
.encounter_tracking {
background: url("../images/widgets_icon_encountertracking.gif") no-repeat left center;
}
.underwriting {
background: url("../images/widgets_icon_underwriting.gif") no-repeat left center;
}
.billing {
background: url("../images/widgets_icon_billing.gif") no-repeat left center;
}
.claims_inquiry {
background: url("../images/widgets_icon_claimsinquiry.gif") no-repeat left center;
}
.quoting {
background: url("../images/widgets_icon_quoting.gif") no-repeat left center;
}
.broker_inquiry {
background: url("../images/widgets_icon_brokerinquiry.gif") no-repeat left center;
}
.commissions {
background: url("../images/widgets_icon_commissions.gif") no-repeat left center;
}
.hierarchy {
background: url("../images/widgets_icon_hierarchy.gif") no-repeat left center;
}
.stickynotes_icon {
padding-left: 25px !important;
}
.note_icon {
background: url("../images/sticky_icon_noteregular.gif") no-repeat left center;
}
.enotes {
background: url("../images/widgets_icon_enotes.gif") no-repeat left center;
}
.settings {
background: url("../images/profile_icon_settings.gif") no-repeat left center;
}
.logout {
background: url("../images/profile_icon_logout.gif") no-repeat left center;
}
.links_section {
float: right !important;
}
.links_section a {
display: block;
text-decoration: none;
margin: 13px;
padding: 2px;
color: #fff;
font-weight: 700;
}
.table_box {
border: 3px solid #5B5B5B;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.table_box h2 {
background-color: #6D6D6D;
margin: 0;
padding: 5px 5px 5px 10px;
color: #fff;
font-size: 14px;
}
.table_box .padder {
padding: 15px;
}
.table_box .table_box_head {
color: #000;
overflow: hidden;
width: 100%;
height: 30px;
line-height: 30px;
background: #5f5f5f url(../images/column_header.gif) center center;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.table_box .table_box_head h3 {
margin: 0;
padding: 0 10px;
float: left;
color: #fff;
}
.filter_box {
float: right;
padding-right: 10px;
}
.filter_box a {
color: #fff;
font-size: 90%;
}
table {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border-bottom: 2px solid #d6d6d6;
}
th {
padding: 2px 10px;
text-align: left;
background: #d6d6d6;
}
tr.even th {
background: #d9d9d9;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
tr.even th, tr.odd th {
width: 200px;
}
tr.even {
background: #fff;
}
tr.odd {
background: #f0f0f0;
}
td {
padding: 2px 10px;
border-top: 2px solid #fff;
}
tr:hover {
background-color: #fc6;
}
.pagination_box {
margin-top: 10px;
}
.pagination {
}
.pagination select {
display: block;
margin-right: 5px;
float: left;
}
.pagination span {
display: block;
padding: 2px 7px;
border: 1px solid #40A1D6;
background-color: #60B7E7;
color: #fff;
margin-left: 5px;
float: left;
}
.pagination span a {
color: #fff;
}
.pagination span.active {
background-color: #1A79AD;
border: 1px solid #006AA4;
}
.pagination span.disabled {
background-color: #f0f0f0;
border: 1px solid #c0c0c0;
color: #c0c0c0;
}
.pagination span.disabled a {
color: #c0c0c0;
}
.padder {
padding: 3px;
}
.ui-state-active {
background-color: #F8F8F8 !important;
border-color: #c0c0c0 !important;
}
.ui-accordion-content {
background-color: #fff !important;
border-color: #c0c0c0 !important;
background-image: none !important;
padding: 20px !important;
padding-top: 10px !important;
height: auto !important;
}
.sticky_notes ul li .note_hour {
display: inline !important;
float: none !important;
color: #c00000 !important;
font-size: 9px !important;
}
.add_note_box {
margin: 10px;
padding: 0;
border: 1px solid #F1AE2D;
background-color: #F6F2B0;
}
.add_note_box div {
background: url("../images/sticky_icon_noteadd.gif") no-repeat left center;
margin: 3px 5px;
padding: 0 0 0 30px;
line-height: 16px;
}
.add_note_box div a {
font-size: 13px;
font-weight: 700;
}
.sunday {
background: url("../images/sunday.png") no-repeat left center;
}
.monday {
background: url("../images/monday.png") no-repeat left center;
}
.tuesday {
background: url("../images/tuesday.png") no-repeat left center;
}
.wednesday {
background: url("../images/wednesday.png") no-repeat left center;
}
.thursday {
background: url("../images/thursday.png") no-repeat left center;
}
.friday {
background: url("../images/friday.png") no-repeat left center;
}
.saturday {
background: url("../images/saturday.png") no-repeat left center;
}
.content_box {
position: relative;
}
.add_note_box {
position: relative;
}
.add_note_form {
border: 1px solid rgba(241, 174, 45, 0.85);
background-color: rgba(250, 245, 172, 0.85);
overflow: hidden;
}
.ui-dialog, #dialog .ui-dialog-content, .addnote_form .ui-dialog-buttonpane {
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
}
.ui-dialog, #dialog .ui-dialog-content, .carousel .ui-dialog-buttonpane {
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
}
.carousel {
background-color: rgba(255, 255, 255, .95) !important;
border: 5px solid rgba(224, 224, 224, .65) !important;
}
.carousel .ui-dialog-titlebar {
display: none !important;
padding: 0 !important;
margin: 0 !important;
}
.addnote_form {
background-color: rgba(242, 232, 158, .85) !important;
border: 5px solid rgba(231, 143, 8, .5) !important;
}
.addnote_form .ui-dialog-titlebar {
display: none !important;
padding: 0 !important;
margin: 0 !important;
}
.addnote_form label {
width: 100px;
font-weight: 700;
float: left;
margin-right: 10px;
}
.addnote_form input, .addnote_form textarea {
width: 100%;
float: left;
}
.note_date {
background-color: #ff0000 !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 700 !important;
padding: 2px 0 !important;
}
.note_title {
font-size: 14px !important;
font-weight: 700 !important;
}
.dialog_full {
display: none;
}
.sticky_notes ul li a div.note_full_view {
display: none;
margin-left: -999em;
position: absolute;
}
.sticky_notes ul li a:hover div.note_full_view {
display: block;
border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute;
left: 0;
top: 2em;
z-index: 999999999999999999 !important;
margin-left: 0;
width: 100%;
text-decoration: none !important;
}
.note_full_view {
}
* html a:hover {
background: transparent;
}
.note_full_view {
background: #FFFFAA;
border: 1px solid #FFAD33;
}
.note_full_view h4 {
margin: 0;
padding: 0.8em 1em;
background-color: #F1AE2D;
color: #fff;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
}
.note_full_view div {
padding: 0.8em 1em;
}
.note_full_view .small {
display: block !important;
border-top: 1px dotted #F1AE2D;
margin-top: 5px !important;
padding: 3px 0 0 0 !important;
font-size: 9px !important;
font-weight: 400 !important;
}
.notes_archives a {
color: #3670D4 !important;
}
#windows_carousel {
position: relative;
}
.roundabout-holder {
list-style: none;
width: 400px;
height: 280px;
margin: 0 auto;
}
.roundabout-moveable-item {
height: 180px;
width: 240px;
border: 5px solid #004079;
background-color: #f3f3f3;
font-size: 2em;
cursor: pointer;
overflow: hidden;
}
.roundabout-moveable-item div.header {
background-color: #004079;
color: #fff;
height: 20px;
line-height: 16px;
padding: 2px;
font-size: 12px;
}
.roundabout-moveable-item div.header a {
float: right;
display: block;
outline: none;
width: 20px;
height: 20px;
background: url(../images/modal_icon_close.gif) no-repeat center center;
}
.roundabout-moveable-item div.container {
display: block;
height: 160px;
width: 240px;
background: url(../images/thumb_commissions_dashboard.png) no-repeat center center;
}
.roundabout-in-focus {
cursor: auto;
height: 10em;
width: 15em;
border: 5px solid #8DBA64;
background-color: #f3f3f3;
}
.roundabout-in-focus div.header {
background-color: #8DBA64;
}
.roundabout-in-focus div.header a {
background-color: #8DBA64;
}
.carousel_header {
margin: 10px 0 0 0;
padding: 0;
background-color: #E6E4E4;
border: 1px solid #cbcbc9;
}
.carousel_header .padder {
padding: 5px 10px;
}
.carousel_header .padder span.show_all {
float: right;
width: 20px;
}
.carousel_header a {
color: #3670D4 !important;
outline: none;
}
#windows_carousel #previous {
display: block;
height: 20px;
background-color: #E6E4E4;
border: 1px solid #cbcbc9;
position: absolute;
top: 180px;
left: 10px;
line-height: 16px;
padding: 2px 10px;
font-size: 16px;
text-decoration: none;
font-weight: 700;
}
#windows_carousel #next {
display: block;
height: 20px;
background-color: #E6E4E4;
border: 1px solid #cbcbc9;
position: absolute;
top: 180px;
right: 10px;
line-height: 16px;
padding: 2px 10px;
font-size: 16px;
text-decoration: none;
font-weight: 700;
}
.windows_dropdown {
display: none;
background-color: #E6E4E4;
border: 1px solid #cbcbc9;
position: absolute;
top: 45px;
right: 11px;
padding: 5px 10px;
font-size: 16px;
text-decoration: none;
z-index: 999999999999999999999999;
}
.windows_dropdown li {
width: 120px;
list-style-type: none;
margin: 0;
padding: 5px 0;
line-height: 16px;
font-size: 10px;
}
.windows_dropdown li a.close_window {
float: right;
display: block;
outline: none;
width: 20px;
height: 20px;
background: url(../images/modal_icon_close_red.gif) no-repeat center right;
}