/* @group Reference
 this is a reference list of fpx values
 <q> is never used, so it makes a good placeholder
 ------------------------------------------------------------------------- */

q {
    color: #e76e35; /* orange */
    color: #007929; /* kelly green */
    color: #80a3b7; /* blue */
    color: #4d4d4d; /* dark grey */
    color: #808080; /* light grey */
    color: #cad224; /* green */
    color: #f2c700; /* yellow */
    color: #fff;
    color: #eee;
    color: #333;    /* "black" */
    background-color: #d4dce1; /* active form input */
    background-color: #EDF2F5; /* neutral form input */
    background-color: #72C700; /* very pale green grey */
    background-color: #d4dce1; /* pale grey */
    background-color: #f7eed0; /* pale orange (error bg) */
    background-color: #f2f2f2; /* pale pale gray */
    background-color: #b9ccda; /* bold, pale blue */
    background-color: #d3dce1; /* bold, pale pale blue */
    background-color: #fff;
    background-color: #ddd;
    background-color: #888;
    background-color: #555;
    background-color: none; 
    font-size: 197%;   /* 26px */ 
    font-size: 189%;   /* 25px */
    font-size: 182%;   /* 24px */ 
    font-size: 174%;   /* 23px */ 
    font-size: 167%;   /* 22px */ 
    font-size: 161.6%; /* 21px */ 
    font-size: 153.9%; /* 20px */ 
    font-size: 146.5%; /* 19px */ 
    font-size: 138.5%; /* 18px */ 
    font-size: 123.1%; /* 16px */ 
    font-size: 108%;   /* 14px */ 
    font-size: 100%;   /* 13px */ 
    font-size: 85%;    /* 11px */ 
}

/*@end */

/* @group Layout 
 ------------------------------------------------------------------------- */


#fp_header {
    background-color: #888;
    position: absolute;
    width: 100%;
    height: 106px;
    top: 0;
    left: 0;
    z-index: 0;
    border-bottom: 2px solid #777;
}

#fp_layout {
    background-color: none; 
    position: relative;
    top: 0;
    width: 980px;
    overflow: visible;
    z-index: 100;
    margin: 0 auto 20px;
}
    
#fp_block_super_nav {
    position: relative;
    height: 113px;
    z-index: 5500;
}

#fp_block_logo {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 108px;
}

/* these blocks always have custom layout. see individual sections for more details  */
#fp_block_alerts, #fp_block_calendar {
    position: absolute;
    top: 108px;
    left: -1000px;
    height: 0;
    width: 980px;
    overflow: hidden;
    xborder: 1px solid red;
    z-index: 6500;
}

 
#fp_block_main_nav {
    background-color: #000;
    position: relative;
    z-index: 5000;
    height: 30px;
    overflow: visible;
    font-family: "Helvetica"; 
}

#fp_block_sidebar_left {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 195px;
    border: 1px solid #000;
    border-top: none;
}

#fp_block_sidebar_right {
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0;
    width: 155px;
    border: 1px solid #000;
    border-top: none;
    z-index: 10;
}

#fp_columns_outer {
    position: relative;
    clear: both;
}
    
#fp_columns_inner {
    position: relative;
    margin-left: 202px;
    margin-right: 162px;
    min-height: 400px;
    z-index: 50;
}

#fp_block_content {
    background-color: #fff;
    position: relative;
    border: 1px solid #000;
    border-top: none;
    z-index: 100; 
}    

#fp_columns_inner.fp_wide_left {
    margin-left: 0;
}  

#fp_columns_inner.fp_wide_right {
    margin-right: 0;
}  


#fp_block_footer {
    background-color: #555;
    clear: both;
    margin: 5px 0 30px;
    min-height: 30px;
    color: #fff;
}
    

/* @end */




/* @group HTML Elements (General/Defaults) 
 ------------------------------------------------------------------------ */

html, body {
    background-color: #d4dce1; /* very pale blue */
    height: 100%;
    font: 13px arial,helvetica,sans-serif;
    line-height: 18px;
    color: #333;        /* "black" */
}

h1, h2, h3, h4, h5 {
    text-transform: capitalize;
    font-weight: bold;
}

h1 {
    padding: 5px 0 15px;
    font-size: 182%; /* 24px */
    font-size: 167%;   /* 22px */ 
    letter-spacing: -0.02em; 
}
    
h2 {
    padding: 5px 0 10px;
    font-size: 153.9%;   /*  20px  */ 
}

h3 {
    padding: 10px 0 5px;
    font-size: 123.1%; /* 16px */ 
}
    
h4 {
    padding: 10px 0 5px;
    font-size: 100%;   /*  13px  */ 
    text-decoration: underline;
}

h5 {
    font-size: 85%; /* 11px */ 
}

p {
    font-size: 100%;  /* 13px */ 
}

p.fp_text_small {
    font-size: 85%; /* 11px */ 
}

b, strong {
   font-weight: bold;
}

i, em {
   font-style: italic;
}

pre, code { 
    font-family: monospace; 
    line-height: 100%; 
}

select, input, textarea, button { 
    background-color: #EDF2F5;  /* very pale green grey */
    font: 99% arial,helvetica,sans-serif; 
    color: #333;  /* "black" */
} 

input:focus, textarea:focus, select:focus,
input.fp_focus, textarea.fp_focus, select.fp_focus /* needed for ie<8 */
{
    background-color: #d4dce1;  /* pale grey */
}

input.fp_error, textarea.fp_error, select.fp_error 
{
    background-color: #f7eed0;  /* pale orange */
    color: #333;  /* "black" */
}

textarea {
    height: 150px;
}

table { 
    font-size: inherit; 
    font: 100%; 
}


tr.fp_odd {
    background-color: #f2f2f2; /* pale pale gray */
}

tr.fp_highlighted {
    background-color: #b9ccda; /* bold, pale blue */
}


a:link, a:visited {
    text-decoration: none;
    outline: none;
    color: #e76e35;  /* orange */
}

a:hover, a:active {
    outline: none;
    color: #cad224;  /* yellow */
    color: #80a3b7; /* blue */
    
}

button::-moz-focus-inner, 
button:focus::-moz-focus-inner { border-color: transparent ! important; }

a img {
    border: none;
}

/* @end */



/* @group Lists 
 ------------------------------------------------------------------------ */

/* common list elements: hoz & nav lists */


ul.fp_list_hoz li {
	display: inline;
	float: left;
}

ul.fp_list_hoz li a {
	padding: 2px 5px;
}

ul.fp_nav_list_breadcrumb li {
    float: left;
    display: inline;
    font-weight: bold;
    font-variant: small-caps;
}

ul.fp_nav_list_breadcrumb li a {
  color: #DB7B0E; /* orange */
  padding: 4px 5px;
}

/* replace these :after elements with bg images */
ul.fp_nav_list_breadcrumb li:after {
  content: " >>";
}
ul.fp_nav_list_breadcrumb li:last-child:after {
  content: " ";
}

/* trees */


.fp_nav_list a.fp_has_sublist {
    position:  relative;
}

.fp_nav_list a.fp_has_sublist span.fp_collapsed {    
    background: transparent url('/fpX/html/skin/fpx/images/arrow_down_right.png') center right no-repeat;
}

.fp_nav_list a.fp_has_sublist span {    
    background: transparent url('/fpX/html/skin/fpx/images/arrow_down.png') center right no-repeat;
    position: absolute;    
    left:-2px;
    top: 2px;    
    width: 18px;
    height:  18px;
    text-align: center;
    font-weight: bold;  
}


/* generic suckerfish behaviour. (apply extra look/feel styles on a per-list basis) */


.fp_nav_list_suckerfish { 
    position: relative; 
    margin: 0; 
    padding: 0; 
    list-style: none;
}


.fp_nav_list_suckerfish li { 
    position: relative; 
    float: left; 
    display: inline; 
}

.fp_nav_list_suckerfish a {
    float: left;
    display: block;
    text-decoration: none;
}

.fp_nav_list_suckerfish ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 140px; /* Sub Menu Width */
    padding-bottom: 30px; /* this padding is to make sure sublists stay visible when sliding onto the sublist.  */
    margin: 0;
    padding: 0;
    list-style: none;
}


.fp_nav_list_suckerfish ul ul, 
.fp_nav_list_suckerfish ul ul ul { 
    top: 0; 
    left: 100%; 
    /* this padding and margin is to make sure sublists stay visible when sliding onto the sublist.  */
    padding-left: 30px;
    margin-left: -30px;
}

.fp_nav_list_suckerfish ul li { 
    display: block; 
    width: 100%; 
    text-align: left;
    xmargin: 0;
}
    

.fp_nav_list_suckerfish li ul a {
    width: 125px;
    height: 24px;
    padding-left: 15px;
    margin-bottom: 0;
    line-height: 24px;
}


/* Hover Function - Do Not Move */
.fp_nav_list_suckerfish li:hover ul ul,
.fp_nav_list_suckerfish li:hover ul ul ul,
.fp_nav_list_suckerfish li:hover ul ul ul ul,
.fp_nav_list_suckerfish li:hover ul ul ul ul ul,
.fp_nav_list_suckerfish li.iehover ul ul,
.fp_nav_list_suckerfish li.iehover ul ul ul { 
    display: none; 
}

.fp_nav_list_suckerfish li:hover ul,
.fp_nav_list_suckerfish ul li:hover ul,
.fp_nav_list_suckerfish ul ul li:hover ul,
.fp_nav_list_suckerfish ul ul ul li:hover ul,
.fp_nav_list_suckerfish ul ul ul ul li:hover ul,
.fp_nav_list_suckerfish li.iehover ul,
.fp_nav_list_suckerfish ul li.iehover ul,
.fp_nav_list_suckerfish ul ul li.iehover ul { 
    display: block; 
}



/* 2nd Menu */
.fp_nav_list_suckerfish li:hover li a,
.fp_nav_list_suckerfish li.iehover li a {
    background: #BBB;
}

/* 2nd Menu Hover Persistence */
.fp_nav_list_suckerfish li:hover li a:hover,
.fp_nav_list_suckerfish li:hover li:hover a,
.fp_nav_list_suckerfish li.iehover li a:hover,
.fp_nav_list_suckerfish li.iehover li.iehover a {
    background: #999;
}

/* 3rd Menu */
.fp_nav_list_suckerfish li:hover li:hover li a,
.fp_nav_list_suckerfish li.iehover li.iehover li a {
    background: #999;
}

/* 3rd Menu Hover Persistence */
.fp_nav_list_suckerfish li:hover li:hover li a:hover,
.fp_nav_list_suckerfish li:hover li:hover li:hover a,
.fp_nav_list_suckerfish li.iehover li.iehover li a:hover,
.fp_nav_list_suckerfish li.iehover li.iehover li.iehover a {
    background: #666;
}

/* 4th Menu, 5th, 6th menu */
.fp_nav_list_suckerfish li:hover li:hover li:hover li a,
.fp_nav_list_suckerfish li:hover li:hover li:hover li:hover li a,
.fp_nav_list_suckerfish li:hover li:hover li:hover li:hover li:hover li a,
.fp_nav_list_suckerfish li.iehover li.iehover li.iehover li a {
    background: #666;
}

/* 4th Menu, 5th, 6th menu hover */
.fp_nav_list_suckerfish li:hover li:hover li:hover li a:hover,
.fp_nav_list_suckerfish li:hover li:hover li:hover li:hover li a:hover,
.fp_nav_list_suckerfish li:hover li:hover li:hover li:hover li:hover li a:hover,
.fp_nav_list_suckerfish li.iehover li.iehover li.iehover li a:hover {
    background: #333;
}



/* @end */


/* @group Forms 

width = content + padding + border + margin 
margins:
- hoz margins never collapse
- vert margins never collapse for: absolute, float, overflow:hidden, 
- vert margins collapse to largest of overlapping margins
selects: don't bother styling beyond width, height, color & bgcolor
 ------------------------------------------------------------------------- */


/* @group Form layout 
 ------------------------------------------------------------------------- */

.fp_form {
    width: 574px;
    xbackground: #ddd;
}


.fp_form_field {
    width: 277px;
    xbackground-color: #ddd;
    margin-bottom: 1px;
}

.fp_form_field.fp_left {
    width: 276px;
    xbackground-color: #ddc;
    margin-right: 1px;
}

.fp_form_field.fp_right {
    padding-left: 20px;
}

.fp_form_field.fp_wide {
    width: 574px;
    xbackground-color: #ddc;
}

.fp_form_label {
    float: left;
    width: 75px;
    width: 90px;
    padding: 3px 15px 3px 0;
    text-align: right;
    font-size: 85%;    /* 11px */ 
    line-height: 18px;
    xbackground-color: #ece;
}
    
.fp_form_field.fp_label_wide div.fp_form_label {
    width: 276px;
    float: none;
    padding: 3px 0 3px 0;
    text-align: left;
}

.fp_form_field.fp_wide.fp_label_wide div.fp_form_label {
    width: 574px;
}

.fp_form_label div, .fp_form_label p {
    text-align: left;
}

.fp_form_value {
    position: relative;
    padding:3px 0;
    margin-left: 90px;
    margin-left: 105px;
    xbackground-color: #cee;
    font-size: 100%;   /* 13px */ 
    text-align: left;
}

.fp_form_field.fp_wide .fp_form_value {
    width: 484px;
    width: 469px;
}

/* form fields resized to fit in a panel */

.fp_panel_body .fp_form {
    width: 532px;
}


.fp_panel_body .fp_form_field {
    width: 256px;
}

.fp_panel_body .fp_form_field.fp_left {
    width: 255px;
}

.fp_panel_body .fp_form_field.fp_wide {
    width: 532px;
}

.fp_panel_body .fp_form_label {
}
    
.fp_panel_body .fp_form_field.fp_label_wide div.fp_form_label {
    width: 255px;
}

.fp_panel_body .fp_form_field.fp_wide.fp_label_wide div.fp_form_label {
    width: 532px;
}

.fp_panel_body .fp_form_field.fp_wide .fp_form_value {
    width: 442px;
    width: 427px;
}

/* form fields resized to fit in a dialog */

.ui-dialog-content .fp_form {
    max-width: 574px;
    width: auto;
    margin: 0 10px;
    xbackground: #ddd;
}


    
/* @end */

/* @group Form Value items (inputs, paragraphs, controls)
 ------------------------------------------------------------------------ */


.fp_form_value input {
    height: 20px;
    width: 183px;
    width: 168px;
    padding: 3px 0 0 3px;
    margin: -2px 0 4px 0;
    vertical-align: middle;
    line-height: 18px;  /* for IE */
    font-size: 100%;
} 

.fp_form.fp_form_readonly .fp_form_value .fp_form_value_wrapper {
    padding: 1px 4px 1px 4px;
    margin-top: -1px;
    width: 163px;
    background-color: #EDF2F5; /* neutral form input */
} 

.fp_form_field.fp_form_field_noreadonly .fp_form_value_wrapper {
    background: none !important; 
} 

.fp_form_field.fp_form_field_readonly .fp_form_value .fp_form_value_wrapper {
    padding: 1px 4px 1px 4px;
    margin-top: -1px;
    width: 163px;
    background-color: #EDF2F5; /* neutral form input */
} 

.fp_form_field.fp_wide .fp_form_value input {
    width: 481px;
    width: 465px;
} 


.fp_form.fp_form_readonly .fp_form_field.fp_wide .fp_form_value .fp_form_value_wrapper {
    width: 460px;
} 

.fp_form_value input.fp_form_date,
.fp_form_value input.formDate {
    width: 153px;
    width: 143px;
    width: 76px !important;
    margin-right: 25px !important;
}

.fp_form_value input.fp_form_date.fp_wide,
.fp_form_value input.formDate.fp_wide {
    width: 143px !important;
}

/* datepicker trigger goes together with input.fp_form_date */
.fp_form_value .ui-datepicker-trigger {
    background: url('/fpX/html/skin/fpx/images/calendar.png') center right no-repeat;
    padding-top: 20px;
    overflow: hidden;
    position: absolute;
    width: 24px;
    height: 20px;
    margin-left: -25px;
}

.fp_form_value input.fp_form_time,
.fp_form_value input.formTime {
    width: 60px !important;
}

.fp_form_value select {
    height: 20px;
    line-height: 16px;
    width: 186px;
    width: 171px;
    padding: 0;
    margin-top: -4px;
    margin-bottom: 4px;
    vertical-align: middle;
    xborder: 1px solid #d4dce1;  /* pale grey */
    font-size: 100%;
}
div.dhx_combo_box {
    height: 23px;
    _height: 23px;
}
.fp_panel_body .fp_form_field input, 
.fp_panel_body .fp_form_field select, 
.fp_panel_body .fp_form_field textarea {
    width: 162px;
    width: 147px;
}
.fp_panel_body .fp_form_field.fp_wide .fp_form_value input {
    width: 438px;
    width: 423px;
} 

.fp_panel_body .fp_form_value input.fp_form_date,
.fp_panel_body .fp_form_value input.formDate
{
    width: 133px;
    width: 118px;
    width: 66px !important;
    padding-left: 1px;
}


.fp_panel_body .fp_form_value input.fp_form_time,
.fp_panel_body .fp_form_value input.formTime {
    width: 52px !important;
}

.fp_form_value span.fp_size_6, 
.fp_form_value span.fp_size_10 { 
    float: left; 
    width: 45px; 
    padding: 0 15px 0 0;
    text-align: right;
    font-size: 85%;    /* 11px */ 
}
.fp_form_value span.fp_size_10 { 
    width: 100px; 
}

.fp_form_value input.fp_size_2, .fp_form_value select.fp_size_2 { width: 26px !important; }
.fp_form_value input.fp_size_4, .fp_form_value select.fp_size_4 { width: 42px !important; }
.fp_form_value input.fp_size_6, .fp_form_value select.fp_size_6 { width: 70px !important; }
.fp_form_value input.fp_size_8, .fp_form_value select.fp_size_8 { width: 90px !important; }
.fp_form_value input.fp_size_10, .fp_form_value select.fp_size_10 { width: 110px !important; }

.fp_form_value input.fp_form_radio,
.fp_form_value input.fp_form_checkbox {
    background: none;
    width: 13px !important;
    margin: 0px 6px 2px 0;
    vertical-align: middle;
    border: none;
}

.fp_form_value span.fp_form_radio_label,
.fp_form_value span.fp_form_checkbox_label {
    padding: 3px 8px 3px 2px;
}

.fp_form_value span.fp_image_radio_checked {
    background: url('/fpX/html/skin/default/images/radio_checked.png') left center no-repeat;
    padding: 0 0px 0 20px !important;
}

.fp_form_value span.fp_image_radio_unchecked {
    background: url('/fpX/html/skin/default/images/radio_unchecked.png') left center no-repeat;
    padding: 0 0px 0 20px !important;
}

.fp_form_value span.fp_image_checkbox_checked {
    background: url('/fpX/html/skin/default/images/radio_checked.png') left center no-repeat;
    padding: 0 0px 0 20px !important;
    
}

.fp_form_value span.fp_image_checkbox_unchecked {
    background: url('/fpX/html/skin/default/images/radio_unchecked.png') left center no-repeat;
    padding: 0 0px 0 20px !important;
}

.fp_form_field textarea {
    width: 183px;
    width: 168px;
    height: 56px;
    padding: 5px 0 0 3px;
    margin: -2px 0 4px 0;
    overflow: auto;
}

.fp_form_field textarea.fp_size_2 {
    height: 36px;
}
.fp_form_field textarea.fp_size_4 {
    height: 72px;
}
.fp_form_field textarea.fp_size_6 {
    height: 108px;
}
.fp_form_field textarea.fp_size_10 {
    height: 180px;
}

.fp_form_field.fp_wide textarea {
    width: 480px;
    width: 465px;
}


.fp_panel_body .fp_form_field.fp_wide textarea {
    width: 438px;
    width: 423px;
}


.fp_form_value_help {
    clear: right;
    background-color: #f2f2f2; /* pale pale gray */
    padding: 5px 8px;
    font-size: 85%;    /* 11px */ 
}

/* @end */

/* @group Form Misc
 ------------------------------------------------------------------------- */
 
.fp_required {
    font-size: 195%; /* 26px */
    font-size: 174%;   /* 23px */ 
    position: absolute;
    right: -10px;
    top: 3px;
    color: #e76e35; /* orange */
}

.fp_required_label {
    font-size: 195%; /* 26px */
    height: 20px;
    vertical-align: top;
}


.fp_form_buttons {
    float: right;
    min-height: 20px;
    padding: 2px 0;    
    margin: 2px 0 2px;
}    
.fp_form_buttons.fp_left {
    float: left;
}

.fp_form_buttons .fp_form_button{
    float: left;
    margin-left: 10px;
    margin-right: 0;
}

.fp_form_buttons.fp_left .fp_form_button{
    float: left;
    margin-right: 10px;
    margin-left: 0;
}

/* @end */

/* @group Form Buttons 
 ------------------------------------------------------------------------- */

.fp_form a.fp_form_button {
    position: relative;
    display:inline-block;
    zoom:1;
    *display:inline;
    padding: 4px 20px;
    margin-top: -2px;
    margin-bottom: 4px;
    xmargin-right: 5px;
    height: 23px;
    font-weight: bold;
    line-height: 23px;
    text-align: left;
    overflow: hidden;
    color: #ccc;
    overflow: hidden;
} 

.fp_form a.fp_form_button.fp_right {
    text-align: right;
} 

.fp_form a.fp_form_button:hover {
    color: #fff;
}

/* default is variable width */
.fp_form a.fp_form_button.fp_size_variable {
    padding: 0px 20px 5px;
}
.fp_form a.fp_form_button.fp_size_variable span {
    position: relative;
    z-index: 100;
    overflow: hidden;
}

.fp_form a.fp_form_button.fp_size_variable span.fp_button_left,
.fp_form a.fp_form_button.fp_size_variable span.fp_button_right
{
    position: absolute;
    background: transparent url('/fpX/html/skin/fpx/images/grey_button_400_24.png') no-repeat scroll left 0;
    height: 24px;
    top: 0;
    left: 0;
    right: 16px;
    xpadding: 0 0 0 16px;
    margin: 0 16px 0 0 ;
    z-index: 10;
}

.fp_form a.fp_form_button.fp_size_variable span.fp_button_right {
    right: 0;
    background: transparent url('/fpX/html/skin/fpx/images/grey_button_400_24.png') no-repeat scroll right 0;
    margin: 0 0 0 16px;
}


a.fp_form_button.fp_size_6 {
    xbackground: url('/fpX/html/skin/fpx/images/grey_button_200_24.png') center left no-repeat;
    background-color: #999; 
    width: 36px;
}
   
a.fp_form_button.fp_size_10 {
    background: url('/fpX/html/skin/fpx/images/grey_button_120_24.png') center left no-repeat;
    height: 24px;
    width: 88px;
} 
        
a.fp_form_button.fp_size_15 {
    background: url('/fpX/html/skin/fpx/images/grey_button_160_24.png') center left no-repeat;
    width: 128px;
}    
    
a.fp_form_button.fp_size_20 {
    background: url('/fpX/html/skin/fpx/images/grey_button_200_24.png') center left no-repeat;
    width: 168px;
}

a.fp_form_button.fp_size_40 {
    xbackground: url('/fpX/html/skin/fpx/images/grey_button_200_24.png') center left no-repeat;
    background-color: #999; 
    width: 336px;
}

.fp_grid_jqgrid a.fp_form_button, 
.fp_grid_jqgrid_ajax a.fp_form_button {
    height: 10px;
    line-height: 10px;
}

/* @end */

/* @end */
  

/* @group FreeText 
 ------------------------------------------------------------------------ */

div.fp_free_text {
    xpadding: 5px 20px ;
}

div.fp_free_text h1,
div.fp_free_text h2
{
    text-transform: capitalize;
    padding: 5px 0 10px;
}

div.fp_free_text h3, 
div.fp_free_text h4 
{
    font-weight: bold;
    text-transform: capitalize;
    padding: 10px 0 5px;
}

div.fp_free_text ul {
    list-style: disc outside none;
    padding: 5px 0 5px 20px;
}

div.fp_free_text ol {
    list-style: decimal;
    padding: 5px 0 5px 20px;
}

div.fp_free_text ul li, div.fp_free_text ol li {
    padding-bottom: 5px;
}


div.fp_free_text p {
    padding: 5px 0;
}

div.fp_free_text img {
    display: block;
}
    
div.fp_free_text img.fp_left {
    margin: 5px 20px 10px 0;
}
    
div.fp_free_text img.fp_right {
    margin: 5px 0 10px 20px;
}

div.fp_free_text table {
    width: 100%;
    margin: 5px 0;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

div.fp_free_text table th, div.fp_free_text table td {
    padding: 3px 10px;
    min-width: 33%;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
}

div.fp_free_text table th {
    background-color: #bbb;
    font-weight: bold;
}


/* @end */

  


/* @group Tables/Grids
note: summary grids are always unique, and so each will get their own classes.
 ------------------------------------------------------------------------- */

.fp_grid_small {
    margin: 10px 0;
    clear: both;
    width: 100%;
    xborder-bottom: 1px solid #aaa ;
}

 
.fp_grid_small td {
    xborder-top: 1px solid #aaa;
    xpadding: 10px;
}
    
.fp_grid_row_even {
    background-color: #aaa;
    background-color: #f2f2f2; /* alt row color */
    
}

.fp_grid_small tr:hover {
    xbackground-color: #b9ccda; /* bold, pale blue */
}

.fp_grid_small tr:hover a {
    xcolor: #fff; 
}


/* summary grid: 'template module, company' 
   This css is really basic, it is only in place to make the template markup acceptable.
 */

.fp_grid_template_company_row, 
.fp_grid_template_company_note_row 
{
    position: relative;
    padding: 6px 6px 12px;
    border-top: 1px solid #888;
}
.fp_grid_template_company_note_row {
    padding: 6px 6px 12px 60px;
}

.fp_grid_template_company_row span {
    xborder: 1px solid red;
}

.fp_grid_template_company_row_first {
    border-top: none;
}

.fp_grid_template_company_note_id ,
.fp_grid_template_company_id {
    font-weight: bold;
}

.fp_grid_template_company_note_id:after ,
.fp_grid_template_company_id:after {
    content: " )";
}

.fp_grid_template_company_note_name ,
.fp_grid_template_company_name {
    font-weight: bold;
}

.fp_grid_template_company_note_code, 
.fp_grid_template_company_code {
    font-weight: bold;
}

.fp_grid_template_company_note_code:before ,
.fp_grid_template_company_code:before {
    content: "[ ";
}
.fp_grid_template_company_note_code:after ,
.fp_grid_template_company_code:after {
    content: " ]";
}
.fp_grid_template_company_note_address ,
.fp_grid_template_company_address {
    font-weight: bold;
    font-style: italic;
    padding: 10px 0px;
}

.fp_grid_template_company_note_note ,
.fp_grid_template_company_note {
    text-indent: 30px;
    text-align: justify;
}

.fp_grid_template_company_note_actions ,
.fp_grid_template_company_actions {
    position: absolute;
    top: 6px;
    right:6px;
}

.fp_grid_template_company_expando {
    padding: 6px 0;
}

.fp_grid_template_company_note_add_action {
    float:right;
}

.fp_grid_template_company_comments  {
    background-color: #fff;
    display:none;
}


/* @end */



/* @group Login 
  (login, no session, 404 pages)
  ------------------------------------------------------------------------ */

/* @end */

/* @group SuperNav 
 ------------------------------------------------------------------------- */

#fp_super_nav_admin {
    float: left;
}

#fp_super_nav_login {
    float: right;
}

#fp_block_super_nav ul {
    line-height: 30px;
    padding-right: 2px;
}
#fp_block_super_nav ul ul {
    line-height: 22px;
    padding-right: 0;
}
    
#fp_block_super_nav li a {
    padding: 1px 4px 1px 20px;
    font-size: 108%;  /* 14px */ 
}


#fp_block_super_nav li a:link, 
#fp_block_super_nav li a:visited
{
    color: #fff; 
}

#fp_block_super_nav li a:hover, 
#fp_block_super_nav li a:active {
    color: #cad224;  /* yellow */
    color: #e76e35; /* orange */
    color: #80a3b7; /* blue */
    color: #d4dce1; /* very pale blue */
}

#fp_block_super_nav li span {
    padding: 1px 4px 1px 20px;
    font-size: 108%; /* 14px */
    color: #fff; 
}

#fp_block_super_nav select {
    background-color: #888;
    height: 20px;
    width: 100px;
    padding: 0;
    margin-top: -1px;
    font-size: 108%;  /* 14px */ 
    line-height: 18px;
    vertical-align: middle;
    border: 1px solid #ddd;
    color: #fff;
}


#fp_block_super_nav li li a {
    padding: 1px 2px 1px 13px;
    font-size: 100%;  
}

/* @end */

    
/* @group Logo 
 ------------------------------------------------------------------------ */

#fp_block_logo div { 
    display: table-cell; 
    vertical-align: middle; 
}

#fp_block_logo div img { 
    display: block;
    max-width: 980px;
}

#fp_block_logo div span { 
    padding-left: 5px;
    font-size: 197%;   /* 26px */ 
    color: #222;
}

#fp_block_logo_client_name {
    line-height: 108px;
}

#fp_block_logo_client_name {
    line-height: 108px;
}

/* @end */


/* @group Calendar
 ------------------------------------------------------------------------- */

#fp_block_calendar, #fp_section_ce_calendar {
    overflow: visible;
    position: absolute;
}

#fp_section_ce_calendar {
    position: absolute;
    xtop: -103px;
}

#fp_section_ce_calendar .fp_panel_top {
    position: absolute;
}

#fp_section_ce_calendar .fp_panel_top h3 {
    position: absolute;
    top: -101px;
    left: 1475px;
    left: 1423px;
    padding: 0;
    font-size: 108%;
}
#fp_section_ce_calendar .fp_panel_top h3 a {
    background: transparent url('/fpX/html/skin/fpx/images/arrow_down.png') center left no-repeat;
    display: block;
    height: 20px;
    padding: 0 0 0 20px;
    line-height: 20px;
    color: #333;
}

#fp_section_ce_calendar .fp_panel_top h3 a.fp_collapsed {
    background: transparent url('/fpX/html/skin/fpx/images/arrow_down_right.png') center left no-repeat;
    border-bottom: 1px solid #000;
}

#fp_section_ce_calendar .fp_panel_top > div {
    position: absolute;
    top: -81px;
    right: -1985px;
    xwidth: 300px;
    z-index: 50;
    display: none;
}

#fp_section_ce_calendar div.fp_panel_body_outer {
    position: absolute;
    top: -81px;
    width: 978px;
    left: 1000px;
    min-height: 58px;
    margin-bottom: 0;
    display: none;
}
  
/* @end */
        

/* @group Alert
 ------------------------------------------------------------------------- */

/* @group alerts accordian layout */

#fp_block_alerts, #fp_section_contact_alerts {
    overflow: visible;
    position: absolute;
}

#fp_section_contact_alerts {
    position: absolute;
    xtop: -103px;
}

#fp_section_contact_alerts .fp_panel_top {
    position: absolute;
    xborder: 1px solid red;
}

#fp_section_contact_alerts .fp_panel_top h3 {
    position: absolute;
    top: -101px;
    left: 1335px;
    left: 1303px;
    width: 110px;
    padding: 0;
    font-size: 108%;
}

#fp_section_contact_alerts .fp_panel_top h3 a {
    background: transparent url('/fpX/html/skin/fpx/images/arrow_down.png') center left no-repeat;
    display: block;
    height: 20px;
    padding: 0 0 0 20px;
    line-height: 20px;
    color: #333;
}

#fp_section_contact_alerts .fp_panel_top h3 a span {
    xfloat: right;
    min-width: 10px;
    padding-right: 5px;
    color: #e76e35; /* orange */
    xborder: 1px solid red;
}

#fp_section_contact_alerts .fp_panel_top h3 a.fp_collapsed {
    background: transparent url('/fpX/html/skin/fpx/images/arrow_down_right.png') center left no-repeat;
    border-bottom: 1px solid #000;
}

#fp_section_contact_alerts .fp_panel_top > div {
    position: absolute;
    top: -71px;
    right: -1820px;
    xwidth: 300px;
    xborder: 1px solid red;
    z-index: 50;
    display: none;
}

#fp_section_contact_alerts div.fp_panel_body_outer {
    position: absolute;
    top: -81px;
    width: 480px;
    width: 513px;
    left: 1335px;
    left: 1303px;
    min-height: 58px;
    margin-bottom: 0;
    xborder: 1px solid red;
    display: none;
}
/* @end alerts accordian layout */ 
 
/* @group alerts grid */


#fp_contact_alert_div  {
    padding-bottom: 5px;
}


#fp_contact_alert_nav {
    clear: both;
    margin-top: -5px;
    xpadding: 0 0 15px 0;
}

#fp_contact_alert_counts  {
    xmargin-left: -10px;
}

#fp_contact_alert_counts  li {
    font-weight: bold;
    padding-right: 20px;
    xdisplay: inline;
}

#fp_contact_alert_count_total,
#fp_contact_alert_count_new
{
    display: none;
}


#fp_contact_alert_controls {
    padding-top: 2px;
    margin-right: -10px;
}


#fp_contact_alert_count_message {
    clear: both;
    padding: 4px 0 5px;
    text-align: center;
    background-color: #d3dce1; /* bold, pale pale blue */
    font-weight: bold;
}


#fp_contact_alert_list {
    padding-top: 10px;
}

#fp_contact_alert_list .fp_grid_alert {
    position: relative;
    display: block;
    clear: both;
    vertical-align: top;
    padding: 3px 0;
}

#fp_contact_alert_list a.fp_contact_alert_link {
    display: block;
}

#fp_contact_alert_list .fp_contact_alert_action {
    xfloat: right;
    position: absolute;
    top: 3px;
    right: 0;
    margin-right: -10px;
}


#fp_contact_alert_list .fp_contact_alert_type {
    display: block;
    float: left;
    width: 50px;
    color: #999;
    font-size: 85%;
    z-index: 50;
}

#fp_contact_alert_list .fp_contact_alert_text {
    display: block;
    float: left;
    padding: 0px 4px 3px;
    margin-right: 0;
    width: 280px;
}

#fp_contact_alert_list .fp_alert_disabled,
#fp_contact_alert_list .fp_disabled {
    color: #999;
    text-decoration: line-through;
}


/* @end alerts grid */ 
 
/* @end */
        


/* @group Main Nav 
 ------------------------------------------------------------------------- */

#fp_main_nav_section_main_nav { 
    background: #444 url('/fpX/html/skin/fpx/images/blue_gradient_transparent.png') top left repeat-x;
    position: relative; 
    height: 28px;
    padding: 0;
    margin: 1px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#fp_main_nav_list { 
    position: absolute; 
    width: 979px;
    margin: 0; 
    padding: 0; 
    font-size: 108%;  /* 14px */ 
    text-transform: capitalize; 
    xletter-spacing: -0.02em; 
    list-style: none;
}

#fp_main_nav_list ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 140px; /* Sub Menu Width */
    xheight: 100px;
    padding-bottom: 30px; /* this padding is to make sure sublists stay visible when sliding onto the sublist.  */
    margin: 0;
    padding: 0;
    list-style: none;
}


#fp_main_nav_list ul ul, 
#fp_main_nav_list ul ul ul { 
    top: 0; 
    left: 100%; 
    /* this padding and margin is to make sure sublists stay visible when sliding onto the sublist.  */
    padding-left: 30px;
    margin-left: -30px;
}


#fp_main_nav_list li { 
    float: left; 
    display: inline; 
    position: relative; 
    text-align: center;
}

#fp_main_nav_list ul li { 
    display: block; 
    width: 100%; 
    text-align: left;
}

#fp_main_nav_list a {
    float: left;
    display: block;
    height: 28px;
    width: 139px;
    width: 162px;
    line-height: 28px;
    text-decoration: none;
    color: #eee;
    border-right: 1px solid #000;
}

#fp_main_nav_list>li>a.fp_current, 
#fp_main_nav_list>li>a.fp_current_parent {
    background: #fff url('/fpX/html/skin/fpx/images/form_tab.png') top left repeat-x;
    color: #222;
    border-bottom: 1px solid #fff;
}

    

#fp_main_nav_list li ul a {
    border-right: none;
    border-bottom: none;
    width: 124px;
    height: 24px;
    padding-left: 15px;
    margin-right: 1px;
    margin-bottom: 0;
    line-height: 24px;
}

/* root menu specific */

#fp_main_nav_list>li:first-child>a {
    border-left: none;
    width: 138px;
    width: 163px;
    margin-left: 0px;
}

#fp_main_nav_list>li:first-child ul li a {
    border-left: none;
    width: 123px;
    padding-left: 15px;
    line-height: 24px;
    margin-left: 0px;
}

/* Root Menu Hover Persistence */

#fp_main_nav_list>li>a:hover, 
#fp_main_nav_list>li:hover>a, 
#fp_main_nav_list>li.iehover>a {
    background: #fff url('/fpX/html/skin/fpx/images/form_tab.png') top left repeat-x;
    color: #222;
}

#fp_main_nav_list>li>a.fp_current:hover,
#fp_main_nav_list>li:hover>a.fp_current,
#fp_main_nav_list>li.iehover>a.fp_current {
    xmargin-bottom: 1px;
}



/* 2nd Menu */
#fp_main_nav_list li:hover li a,#fp_main_nav_list li.iehover li a {
    float: none;
    background: #BBB;
}

/* 2nd Menu Hover Persistence */
#fp_main_nav_list li:hover li a:hover,#fp_main_nav_list li:hover li:hover a,
#fp_main_nav_list li.iehover li a:hover,#fp_main_nav_list li.iehover li.iehover a {
    background: #999;
}

/* 3rd Menu */
#fp_main_nav_list li:hover li:hover li a,#fp_main_nav_list li.iehover li.iehover li a {
    background: #999;
}

/* 3rd Menu Hover Persistence */
#fp_main_nav_list li:hover li:hover li a:hover,#fp_main_nav_list li:hover li:hover li:hover a,
#fp_main_nav_list li.iehover li.iehover li a:hover,#fp_main_nav_list li.iehover li.iehover li.iehover a {
    background: #666;
}

/* 4th Menu */
#fp_main_nav_list li:hover li:hover li:hover li a,
#fp_main_nav_list li.iehover li.iehover li.iehover li a {
    background: #666;
}

/* 4th Menu Hover */
#fp_main_nav_list li:hover li:hover li:hover li a:hover,
#fp_main_nav_list li.iehover li.iehover li.iehover li a:hover {
    background: #333;
}

/* Hover Function - Do Not Move */
#fp_main_nav_list li:hover ul ul,
#fp_main_nav_list li:hover ul ul ul,
#fp_main_nav_list li.iehover ul ul,
#fp_main_nav_list li.iehover ul ul ul { 
    display: none; 
}

#fp_main_nav_list li:hover ul,
#fp_main_nav_list ul li:hover ul,
#fp_main_nav_list ul ul li:hover ul,
#fp_main_nav_list li.iehover ul,
#fp_main_nav_list ul li.iehover ul,
#fp_main_nav_list ul ul li.iehover ul { 
    display: block; 
}


/* @end */
    
    


/* @group Left Sidebar 
 ------------------------------------------------------------------------- */


#fp_block_sidebar_left {
    padding-top: 30px;
}

#fp_block_sidebar_left div.fp_section {
    padding: 0;
    
}

#fp_block_sidebar_left div.fp_free_text {
    padding: 5px 20px ;
    
}

#fp_block_sidebar_left h3 {
    text-transform: capitalize;
    xtext-align: center;
    padding: 5px 15px 5px;
    margin: 0 5px -1px;
    color: #80a3b7; /* blue */
    color: #333; /* blue */
    background-color: #d4dce1; /* pale grey */
    border: 1px solid #000;
    border-bottom: 1px solid #000;
}

#fp_block_sidebar_left div.fp_free_text h3 {
    background-color: none;
    padding: 5px 0px 5px;
    color: #333;
    
}

/* Fancy collapsing sidebar lists */

#fp_block_sidebar_left ul {
    padding-bottom: 5px;
}
#fp_block_sidebar_left ul ul {
    padding-bottom: 0px;
}

#fp_block_sidebar_left ul a.fp_current {
    margin: 0px -1px 1px 5px;
}

#fp_block_sidebar_left ul li a {
    background-color: #fff;
    display: block;
    padding: 2px 15px;
    margin-left: 5px;
    margin-right: 5px;
    color: #333;
    font-weight: bold;
    border-top: 1px solid #000;
}

#fp_block_sidebar_left ul li ul li a {
    font-weight: normal;
    border-top: 1px dotted #666;
}

#fp_block_sidebar_left ul li ul li a.fp_current_first_child,
#fp_block_sidebar_left ul li ul li ul li a {
    border-top: none;
}

#fp_block_sidebar_left ul li a:hover {
    color: #80a3b7; /* blue */
}

#fp_block_sidebar_left ul li a.fp_current { 
    background-color: #d4dce1; /* very pale blue */
    margin-right: -1px;
    border: 1px solid #000;
    border-right: none;
}

#fp_block_sidebar_left ul li a.fp_current_sibling { 
    border: none;
}

#fp_block_sidebar_left ul li ul li ul li a {
    padding: 2px 20px 2px 30px;
}

#fp_block_sidebar_left ul li ul li ul li a.fp_has_sublist span {
    left: 12px;
}

#fp_block_sidebar_left ul li ul li ul li ul li a {
    padding: 2px 20px 2px 45px;
}



/* @end */ 


/* @group Right Sidebar 
 ------------------------------------------------------------------------ */

#fp_block_sidebar_right {
    padding-top: 30px;
    overflow: hidden;
}

#fp_block_sidebar_right div.fp_section {
    padding: 0;
    
}

#fp_block_sidebar_right div.fp_free_text {
    padding: 5px 20px ;
    
}

#fp_block_sidebar_right div.fp_free_text h3 {
    color: #f2c700; /* yellow */
}

#fp_block_sidebar_right ul {
    padding: 5px 0;
}

#fp_block_sidebar_right ul li a:hover {
    background-color: #b9ccda; /* bold, pale blue */
}

#fp_block_sidebar_right ul li a {
    xbackground-color: #ddd;
    display: block;
    padding: 2px 20px;
    xcolor: #fff;
}

#fp_block_sidebar_right ul li a.fp_current { 
    background-color: #d4dce1; /* very pale blue */
}





/* @end */ 


/* @group Main Content 
 ------------------------------------------------------------------------ */

#fp_block_content {
    padding: 30px 20px 0 20px;
}



/* @group Main Columns Resize
 ------------------------------------------------------------------------- */

#fp_columns_outer_header {
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    height: 30px;
    background-color: #fff;
    border-bottom: 1px solid #000;
}

#fp_block_content_drag_handle_left,
#fp_block_content_drag_handle_right {
    position: absolute;
    top: 0;
    width: 40px;
    height: 30px;
    background: #fff url('/fpX/html/skin/fpx/images/slider_dots.png') center center no-repeat;
    xbackground: none;
    z-index: 500;
}


#fp_block_content_drag_handle_left.fp_collapsed {
    left: 0px;
    background: #fff url('/fpX/html/skin/fpx/images/slider_dots.png') 6px 5px no-repeat;
}

#fp_block_content_drag_handle_right.fp_collapsed {
    right: 0px;
    background: #fff url('/fpX/html/skin/fpx/images/slider_dots.png') 26px 5px no-repeat;
}

#fp_block_content_drag_handle_left {
    left: -23px;
}

#fp_block_content_drag_handle_right {
    right: -23px;
}

    
/* @end */



/* @group Main Content Sections 
 ------------------------------------------------------------------------ */

.fp_section {
    position: relative;
    xpadding-bottom: 20px;
}
.fp_panel_top, .fp_panel_top_wide  {
    position: relative;
    z-index: 20;
}

.fp_panel_top h3, .fp_panel_top_wide h3 {
    position: relative;
    background: #fff url('/fpX/html/skin/fpx/images/form_tab.png') top left repeat-x;
    float: left;
    height: 20px;
    margin: 0;
    margin-bottom: -1px;
    padding: 0;
    border: 1px solid #000;
    border-bottom: none;
    font-weight: normal;
}

.fp_panel_top h3 {
    width: 130px;
}

.fp_section h3 a.fp_panel_expando {
    background: url('/fpX/html/skin/fpx/images/arrow_down.png') center left no-repeat;
    padding-left: 20px;
    display: block;
    color: #333;
    height: 20px;
    line-height: 20px;
    font-size: 100%;
}

.fp_section h3 a.fp_panel_expando.fp_collapsed {
    background: url('/fpX/html/skin/fpx/images/arrow_down_right.png') center left no-repeat;
}

.fp_panel_top>div {
    margin-left: 150px;
    height: 20px;
    padding: 0 15px;
}

.xx_section_tab_top_gradient_bg {
    background-color: #d3dce1; /* bold, pale pale blue */
}

.fp_panel_top_wide h3 {
    width: 300px;
    width: 60%;
}

.fp_panel_top_wide>div {
    margin-left: 320px;
    height: 20px;
    padding: 0 20px;
}

.fp_panel_body_outer {
    position: relative;
    z-index: 10;
    xmin-height: 20px;
    border: 1px solid #000;
    background-color: #fff;
    padding: 10px 0;
    margin-bottom: 20px;
    overflow: hidden;
}

.fp_panel_body {
    padding: 10px 20px;
}
    

/* @end */


/* @group  File List
 ------------------------------------------------------------------------ */

.fp_grid_filelist {
    
}

.fp_grid_filelist_header {
    display: none; 
}

.fp_grid_filelist_row {
    position: relative;
    clear: both;
    xmin-height: 30px;
    padding: 10px 0 9px 3px;
    margin-left: 57px;
}

.fp_grid_filelist_row:hover {
    xbackground-color: #d4dce1; /* very pale blue */
    xcolor: #80a3b7; /* blue */
}

.fp_grid_filelist_file_type {
    display: block; 
    width: 32px;
    height: 18px;
    position: absolute;
    left: -57px;
    top: 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
}


.fp_grid_filelist_size ,
.fp_grid_filelist_creator ,
.fp_grid_filelist_creation_date {
    vertical-align: top;
    font-size: 85%;
    padding-left: 4px;
    border-left: 1px solid #333;
}

.fp_grid_filelist_name {
    display: inline-block;
    padding-right: 5px;
    max-width: 45%;
    overflow: hidden;
    white-space: nowrap;
}


.fp_grid_filelist_actions {
    display: block; 
    position: absolute;
    top: 10px;
    right: -6px;
    xborder: 1px solid #ddd;
    width: 90px;
}

.fp_grid_filelist_description {
    display: none;
}

.fp_filelist_dialog_add_form {
    margin: 10px 15px 0;
}

.fp_filelist_dialog_delete_form {
    margin: 10px 20px 0;
    font-weight: bold;
}

/*
.fp_grid_file_header span {
    font-weight:bold;
}                   

.fp_grid_file_row {     
    position:relative;      
    padding: 6px 20px 6px 12px;
}                               
.fp_grid_file_actions {
    float: right;           
}                       
.fp_grid_file_description {
    text-indent: 30px;
    text-align: justify;
    padding: 6px 6px 0px;
} 
*/


/* @end */


/* @group Main Content Reports
 ------------------------------------------------------------------------ */


#fp_docket_reports td {
    xwidth: 25%;
    text-align: right;
}

#fp_docket_reports td a {
    display: block; 
}

#fp_docket_reports td.fp_docket_report_link {
    text-align: left;
    font-weight: bold;
    padding: 7px 0px;
    width: 58px;
    xborder: 1px solid red;
    background: #fff;
    xfont-size: 10px;
    xtext-transform: uppercase;
    xcolor: #999;
}
    
#fp_docket_reports td.fp_docket_report_type {
    text-align: left;
    xfont-weight: bold;
    padding: 4px 3px;
}


/* @end */

/* @group Briefs 
------------------------------------------------------------------------- */

#fp_opportunity {
    xbackground: #ddf;
}
#fp_opportunity_stages {
    xbackground: #ddd;
    margin-bottom: 20px;
}
#fp_opportunity_stage_submitted {
    xdisplay: none;
}

#fp_opportunity_stages span.fp_opportunity_stage_0_wrapper,
#fp_opportunity_stages span.fp_opportunity_stage_1_wrapper,
#fp_opportunity_stages span.fp_opportunity_stage_2_wrapper
{
    display:inline-block;
    xwidth: 136px;
    height: 31px;
    padding-right: 19px;
    margin-right: 3px;
    background: transparent url('/fpX/html/skin/fpx/images/arrow_right.png') center right no-repeat;
}

#fp_opportunity_stage_0,
#fp_opportunity_stage_1,
#fp_opportunity_stage_2,
#fp_opportunity_stage_3 {
    position: relative;
    display:inline-block;
    width: 116px;
    padding-left: 10px;
    height: 31px;
    text-align: center;
    line-height: 30px;
    color: #333 !important;
    background: transparent url('/fpX/html/skin/fpx/images/request_help_126.png') no-repeat scroll left 0;
}

#fp_opportunity_stages a.fp_current{
    background: transparent url('/fpX/html/skin/fpx/images/request_help_current_126.png') no-repeat scroll left 0;
}

#fp_opportunity_stage_0  span.fp_button_left,
#fp_opportunity_stage_1  span.fp_button_left,
#fp_opportunity_stage_2  span.fp_button_left,
#fp_opportunity_stage_3  span.fp_button_left {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 24px;
}
.fp_opportunity_display_step_0  span.fp_button_left {
    background: transparent url('/fpX/html/skin/fpx/images/request_help_1.png') center right no-repeat;
}
.fp_opportunity_display_step_1  span.fp_button_left {
    background: transparent url('/fpX/html/skin/fpx/images/request_help_2.png') center right no-repeat;
}
.fp_opportunity_display_step_2  span.fp_button_left {
    background: transparent url('/fpX/html/skin/fpx/images/request_help_3.png') center right no-repeat;
}
.fp_opportunity_display_step_3  span.fp_button_left {
    background: transparent url('/fpX/html/skin/fpx/images/request_help_4.png') center right no-repeat;
}



#fp_grid_open_estimates ,
#fp_opportunity_list ,
#opportunitySummary {
    margin-bottom: 20px;
}



/* @end */


/* @group Projects/Jobs 
------------------------------------------------------------------------- */

#fp_active_work_summary {
    margin-bottom: 20px;
}


/* active work VA */

.fp_grid_active_project_row {
    xbackground: #f2f2f2;
	position: relative;
	padding: 10px 0;
    margin: 20px 0 0 ;
    border-top: 1px solid #000;
}

.fp_grid_active_project_row.fp_grid_row_first {
	xborder-top: none;
    margin: 0;
}


.fp_grid_active_project_type ,
.fp_grid_active_project_office_name ,
.fp_grid_active_project_desxcription ,
.fp_grid_active_project_status {
    display: none;
}

.fp_grid_active_project_name {
    font-weight: bold;
}
.fp_grid_active_project_name_label   {
    display: inline-block;
    font-weight: bold;
    width: 58px;
    xmargin-left: -58px;
    xdisplay: none;
}


.fp_grid_active_project_description {
    margin-left: 58px;
    padding: 3px 5px;
}

.fp_grid_active_docket   {
    margin-bottom: 20px;
    clear: both;
}

.fp_grid_active_docket_row   {
	position: relative;
    margin: 0px 0 0 58px;
	padding: 10px 5px;
    clear: both;
}
.fp_grid_active_docket_type ,
.fp_grid_active_docket_office_name ,
.fp_grid_active_docket_description 
{
    display: none;
}

.fp_grid_active_docket_name {
    display: inline-block;
    max-width: 60%;
    padding-right: 5px;
}

.fp_grid_active_docket_key_date {
    padding-right: 2px;
    text-align: right;
    float: right;
    max-width: 110px;
}

.fp_grid_active_docket_status {
    position: absolute;
    right: 125px;
    font-weight: bold;
}

.fp_grid_active_docket_number {
    display: block; 
    width: 38px;
    height: 18px;
    position: absolute;
    left: -57px;
    top: 8px;
    padding-left: 5px;
    xborder: 1px solid red;
    xfont-size: 10px;
    xtext-transform: uppercase;
    color: #999;
    
}

/* project v1 */

#docketInformationForm {
    margin-bottom: 20px;
    xborder: 1px solid red;
}

#docketInformationForm #fp_form_active_project_name .fp_form_value_wrapper ,
#docketInformationForm #fp_form_active_docket_name .fp_form_value_wrapper {
    background-color: #d4dce1; /* active form input */
}


/* @end */


/* @group Discussion 
------------------------------------------------------------------------- */

#fp_discussion_outer {
}

#fp_discussion_body {
    clear: both;
    margin-bottom: 20px;
    min-height: 1px;
}


/* @end */


/* @group Proofs 
------------------------------------------------------------------------ */

.fp_proofs_no_results {
    text-align: center;
    margin-bottom: 20px;
}

.fp_proofs_no_results span {
    font-weight: bold;
}

#fp_all_contact_concepts .fp_revise ,
#fp_all_contact_concepts .fp_rejected ,
#fp_all_contact_concepts .fp_approved ,
#fp_all_contact_concepts .fp_pending 
{
	padding-left:25px;
	background: url('/fpX/html/skin/fpx/images/eye_yellow.png') 0 0 no-repeat;
	display:inline-block;
	height:20px;
	line-height:20px;
}

#fp_all_contact_concepts .fp_revise 
{
	background: url('/fpX/html/skin/fpx/images/happy_face_blue.png') 0 0 no-repeat;
}

#fp_all_contact_concepts .fp_rejected 
{
	background: url('/fpX/html/skin/fpx/images/happy_face_black.png') 0 0 no-repeat;
}

#fp_all_contact_concepts .fp_approved 
{
	background: url('/fpX/html/skin/fpx/images/happy_face_green.png') 0 0 no-repeat;
}

#fp_all_contact_concepts td.fp_grid_second_cell ,
#fp_all_contact_concepts td.fp_grid_first_cell {
    background: #fff !important;
}

#fp_all_contact_concepts .ui-pg-table td.fp_grid_second_cell ,
#fp_all_contact_concepts .ui-pg-table td.fp_grid_first_cell {
    background: transparent !important;
}

/* @end */

/* @group Admin pages 
------------------------------------------------------------------------- */



/* @end */

/* @group CE Estimates 
------------------------------------------------------------------------- */

/* both open and approved */

#fp_grid_approved_estimates td.fp_grid_last_cell .fp_list_hoz {
    float: right;
    margin-right: -5px;
}
#fp_grid_approved_estimates td.fp_grid_last_cell .fp_list_hoz li a{
    padding-top: 4px !important;
}

#fp_grid_approved_estimates {
    margin-bottom: 20px;
}

#fp_grid_approved_estimates .fp_grid_jqgrid span.fp_approved {
	padding-left:25px;
	background: url('/fpX/html/skin/fpx/images/happy_face_green.png') 0 0 no-repeat;
	display:inline-block;
	height:20px;
    color: #999;
    font-size: 85%;
    line-height: 20px;
}

#fp_grid_approved_estimates td.fp_grid_first_cell {
    background: #fff !important;
}


#fp_grid_approved_estimates .fp_grid_jqgrid span.fp_pending_approval {
	padding-left:25px;
	background: url('/fpX/html/skin/fpx/images/eye_orange.png') 0 0 no-repeat;
	display:inline-block;
	height:20px;
	line-height:20px;
    color: #999;
    font-size: 85%;
}


#fp_grid_approved_estimates .fp_grid_jqgrid span.fp_pending_estimate {
	padding-left:25px;
	background: url('/fpX/html/skin/fpx/images/eye_yellow.png') 0 0 no-repeat;
	display:inline-block;
	height:20px;
	line-height:20px;
    color: #999;
    font-size: 85%;
}



/* @group Notes  
 ------------------------------------------------------------------------ */

#fp_note_dialog_form {
    position: relative;
    margin: 0px 40px 5px 40px;

}

.noteCommentDiv {
    width:200px;
    height:200px;
    border:1px solid red;
    z-index:9000;
}

.fp_grid_note_row {
    position: relative;
    padding: 10px 0px 10px 58px;
    background: url('/fpX/html/skin/fpx/images/person.png') 0 14px no-repeat;
    clear: both;
    xborder: 1px solid blue;
}


.fp_grid_note_row_first .fp_grid_note_note {
    border-top: none;
}

.fp_grid_note_id {
    display: none;
}


.fp_grid_note_title {
    position: absolute;
    display: block;
    top: 32px;
    font-weight: bold;
}

.fp_grid_note_created_by {
    padding-right: 6px;
    font-size: 85%;
    color: #666;
    xfont-weight: bold;
    
}

.fp_grid_note_created_date {
    padding-left: 9px;
    font-size: 85%;
    color: #666;
    border-left: 1px solid #666;
    xfont-weight: bold;
}

.fp_grid_note_note {
    position: relative;
    top: -28px;
    padding: 52px 0 5px;
    margin-bottom: -28px;
    border-top: 1px solid #333;
}

.fp_grid_note_actions {
    display: block; 
    position: absolute;
    top: 10px;
    right: -6px;
    width: 220px;
}

.fp_grid_note_comments_counter  {
    background: url('/fpX/html/skin/fpx/images/arrow_down_right.png') center left no-repeat;
    padding-left: 15px;
}
.fp_grid_note_comments_counter.fp_grid_note_comments_counter_collapsed  {
    background: url('/fpX/html/skin/fpx/images/arrow_down.png') center left no-repeat;
    padding-left: 15px;
}


/* note comments */

.fp_grid_note_comments  {
    display:none;
    position: relative;
    clear: both;
}

.fp_note_comment_count_container  {
    position: relative;
    padding-top: 9px;
    padding-bottom: 24px;
}

.fp_note_comment  {
    position: relative;
    padding: 10px 0 0 58px;
    background: url('/fpX/html/skin/fpx/images/person.png') 0 12px no-repeat;
    clear: both;
}
.fp_note_comment.fp_grid_row_even .fp_note_comment_comment {
    z-index: 0;
    background-color: #f2f2f2; /* alt row color */
}

.fp_note_comment_created_by  {
    position: relative;
    z-index: 100;
    padding-right: 6px;
    font-size: 85%;
    font-weight: bold;
}

.fp_note_comment_date_created {
    position: relative;
    z-index: 100;
    padding-left: 9px;
    border-left: 1px solid #333;
    font-size: 85%;
    font-weight: bold;
}

.fp_note_comment_comment  {
    z-index: 0;
    position: relative;
    top: -28px;
    margin-bottom: -28px;
    margin-left: -5px;
    padding: 32px 0 10px 5px;
    xborder: 1px solid #333;
}

.fp_note_comment_actions {
    z-index: 10;
    position: absolute;
    display: block; 
    top: 10px;
    right: -16px;
    width: 120px;
}

.fp_grid_note_comments_add  {
    position: absolute;
    right: -8px;
    bottom: -4px;
}

/* note form */

/* @end */



/* @group Footer  
 ------------------------------------------------------------------------ */


#fp_footer_fp_text {
    float: right;
    padding-right: 20px;
    font-weight: bold;
    font-size: 108%;   /* 14px */ 
    line-height: 29px;
}


#fp_footer_logo {
    background: url('/fpX/html/skin/default/images/fp_logo_small.png') center left no-repeat;
    height: 29px;
    display: block;
    width: 70px;
    float: right;
    margin-right: 20px;
}

/* @end */


/* @group Semantic Classes 
 ------------------------------------------------------------------------ */

.fp_error { color: red;}
.fp_urgent { color: orange !important; background-color: yellow !important;}
.fp_notification_timer { color: orange !important; background-color: yellow !important;border:2px solid red;}

.fp_add,
.fp_approve,
.fp_delete,
.fp_dismiss,
.fp_upload,
.fp_download,
.fp_edit, .fp_note_edit, .fp_snooze,
.fp_print, 
.fp_refresh,
.fp_view
{
    padding: 2px 10px 2px 17px !important;
    text-transform: capitalize;
    font-size: 85%; /* 11px */ 
    line-height: 18px;
}

.fp_delete, .fp_dismiss {
    background: url('/fpX/html/skin/fpx/images/delete.png') center left no-repeat;
}

.fp_approve {
    background: url('/fpX/html/skin/fpx/images/checkmark_green.png') center left no-repeat;
}

.fp_add {
    background: url('/fpX/html/skin/fpx/images/add.png') center left no-repeat;
}

.fp_view {
    background: url('/fpX/html/skin/fpx/images/search.png') center left no-repeat;
}

.fp_print {
    background: url('/fpX/html/skin/fpx/images/print.png') center left no-repeat;
}

.fp_download {
    background: url('/fpX/html/skin/fpx/images/download.png') center left no-repeat;
}

.fp_upload {
    background: url('/fpX/html/skin/fpx/images/import.png') center left no-repeat;
}

.fp_edit, .fp_note_edit, .fp_snooze {
    background: url('/fpX/html/skin/fpx/images/edit.png') center left no-repeat;
}

.fp_refresh { 
    background: url('/fpX/html/skin/fpx/images/refresh.png') center left no-repeat;
}

.fp_snooze {
    background: url('/fpX/html/skin/fpx/images/snooze.png') center left no-repeat;
}


.fp_reminder, .fp_notice, .fp_overdue 
{
    padding-left: 20px !important;
    xtext-transform: capitalize;
    xfont-size: 85%; /* 11px */ 
    line-height: 18px;
}

.fp_notice {
    background: transparent url('/fpX/html/skin/fpx/images/starburst_green.png') center left no-repeat;
}
.fp_reminder {
    background: transparent url('/fpX/html/skin/fpx/images/starburst_yellow.png') center left no-repeat;
}
.fp_overdue {
    background: transparent url('/fpX/html/skin/fpx/images/starburst_red.png') center left no-repeat;
}


.fp_archive ,
.fp_file ,
.fp_pdf ,
.fp_image ,
.fp_sound ,
.fp_flash ,
.fp_psd ,
.fp_ai ,
.fp_video ,
.fp_word ,
.fp_excel ,
.fp_ppt ,
.fp_text 
{
    padding: 0 6px 0 20px !important;
    background: url('/fpX/html/skin/fpx/images/icons/plain-file.gif') left center no-repeat;
}
.fp_archive {
    background: url('/fpX/html/skin/fpx/images/icons/archive-file.gif') left center no-repeat;
}
.fp_pdf {
    background: url('/fpX/html/skin/fpx/images/icons/pdf-file.gif') left center no-repeat;
}
.fp_excel { 
    background: url('/fpX/html/skin/fpx/images/icons/excel-file.gif') left center no-repeat;
}
.fp_flash { 
    background: url('/fpX/html/skin/fpx/images/icons/flash-file.gif') left center no-repeat;
}
.fp_image {
    background: url('/fpX/html/skin/fpx/images/icons/image-file.gif') left center no-repeat;
}
.fp_ai { 
    background: url('/fpX/html/skin/fpx/images/icons/illustrator-file.gif') left center no-repeat;
}
.fp_sound { 
    background: url('/fpX/html/skin/fpx/images/icons/sound-file.gif') left center no-repeat;
}
.fp_psd { 
    background: url('/fpX/html/skin/fpx/images/icons/photoshop-file.gif') left center no-repeat;
}
.fp_text { 
    background: url('/fpX/html/skin/fpx/images/icons/text-file.gif') left center no-repeat;
}
.fp_word {
    background: url('/fpX/html/skin/fpx/images/icons/word-file.gif') left center no-repeat;
}
.fp_video {
    background: url('/fpX/html/skin/fpx/images/icons/video-file.gif') left center no-repeat;
}
    
.fp_pre {
    white-space: pre;
}

h2.fp_message {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
}

.fp_hidden {
    display: none;
}

a.fp_disabled {
    color: #999;
}

/* @end */


/* @group Utility Classes 
 ------------------------------------------------------------------------- */


.fp_left { float: left;}
.fp_right { float: right;}
.fp_clear { clear: both;}
.fp_center { text-align: center; }
.fp_nopadding { padding: 0; }

/* @end */
    

/* @group Misc Styles 
 ------------------------------------------------------------------------ */

.fp_lazy_load_spinner {
	text-align: center;
	padding: 10px 0;
}

.fp_lazy_load_spinner img {
	display: inline;
}


div.full-calendar-month-wrap {
    clear: none;
}

#fp_file_upload_spinner {
    padding: 40px 0;
    text-align: center;
}
	
.fp_autocomplete_field {
    height:200px;
    width:500px;
    overflow:auto;
}

.fp_autocomplete_field li{
    color:#333;
    cursor: pointer;
}

.fp_form_autocomplete_wrapper {
    position: relative;
} 
.fp_autocomplete_icon {
    background: url('/fpX/html/skin/fpx/images/search_black.png') center right no-repeat;
    overflow: hidden;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -20px;
    z-index: 2;
}


/* @end */


/* @group Old System Styles (to be integrated) 
 ------------------------------------------------------------------------ */

#forgotPassword, #loginForm #cancel {
    margin-left: 112px; 
}

#tmp_jobs_list {
  margin: 10px auto;
  width: 500px;
}

ul.xx_resource_privileges>li{
	font-weight: bold;
}

ul.xx_resource_privileges>li ul li{
	font-weight: normal;
	padding-left: 10px;
}

/* @group Notes Hacks */

#noteCommentEditableDiv {
    display: none;
}


.noteDataLabel{
    float: left;width: 125px;
}

.noteDataValue{
    float: right;width: 185px;
}
.noteDataValue select{
    width: 155px;
}

.orange{
    font-size: 14px;
    font-weight: bold;
}

#noteCommentForm_output{
    display: none;
}

#fp_js_noteSimpleList {
    padding: 4px;    
}

#fp_js_noteSimpleList table {
    width: 100%;
}

#fp_js_noteSimpleList table td {
    padding: 5px 10px;
}

/* @end */



/* @end */


/* @group Development 
 ------------------------------------------------------------------------- */

#fp_debug_info {
    background-color: #333;
    float: left;
    padding: 0 5px 0 20px;;
    color: #fff;
    line-height: 29px;
}

#fp_debug_info li {
    padding-right: 10px;
}

#fp_js_proof_uploader_widget{
	   display:none;
	}

#fp_CS_uploadWidget{
	height: 220px;
}


/* @end */