/* WIDGETS */

.w-application
{
    z-index                     :   5;
    font-family                 :   Tahoma,Verdana,Helvetica,Arial,sans-serif;
    font-size:0.8em;    
}

.w-application td 
{
    font-family                 :   Tahoma,Verdana,Helvetica,Arial,sans-serif;
    font-size:0.8em;    
}

.w-application li, dd 
{
    padding-bottom              :   2px;
}


/* GLASS PANEL */

.w-glassp-background
{
    width                       :   100%;
    height                      :   100%;
    background                  :   #EEE;
    filter                      :   alpha(opacity=80);
    opacity                     :   0.8;    
    z-index                     :   10;
}

.w-glassp-content-holder
{
    border                      :   3px solid #BBB;
    background-color            :   #FFF;
    z-index                     :   20;
}

.w-glassp-title
{
    font-size                   :   1.2em;
    background                  :   ##2D3B49;
    padding                     :   3px 4px 3px 5px;    
}

.w-glassp-content
{
    padding                     :   5px;
    width                       :   100%;    
}

.w-okcp
{
    float                       :   right;
}    


//REVEAL PANEL
.w-rp
{
}

.w-rp-toggle
{
}

.w-rp .w-rp-controls
{
    width                       :   850px;
    border-top                  :   1px solid #DDD;
    border-bottom               :   1px solid #DDD;
    background                  :   #F2F2F2;
    margin                      :   0px 0px 5px 10px;
    padding                     :   5px 5px 5px 5px;
}

.w-rp .w-rp-toggle {
    width       :   100%;
    background  :   none repeat scroll 0 0 #f7f8de;
    color       :   #045B75;
    display     :   block;
    margin-left :   10px;
    padding-top :   8px;
    padding-bottom :   8px;
    text-shadow :   0 0 1px rgba(0, 0, 0, 0.3);
    border      :   1px solid #C1D927;
}

.w-rp-toggle div {
    background      :   url("/image/button/wizard/leftArrow.gif") no-repeat scroll right center transparent;
    padding         :   1px 0 3px 30px;
}

.w-rp .w-rp-toggle:hover, .highVisibilityLink a:hover
{
    cursor          :   pointer;
    text-decoration :   underline;
    outline         :   medium;
    background      :   none repeat scroll 0 0 #eef1b1;
}

.w-rp-toggle-open div
{
    background      :   url("/image/button/wizard/downArrow.gif") no-repeat scroll right center transparent;
}


/* HELP BOX */

.w-help-symbol
{
    width                       :   16px;
    height                      :   14px;
    margin-left                 :   5px;
    margin-top                  :   3px;
}

.w-help-popup
{
    font-size                   :   0.8em;
    border-top                  :   2px solid #C1D927;
    border-left                 :   2px solid #C1D927;
    border-right                :   1px solid #C1D927;
    border-bottom               :   1px solid #C1D927;
    background-color            :   #F5F6E2;
    width                       :   23em;
    padding                     :   5px 5px 5px 5px;
    z-index                     :   30;
}

.w-help-popup-title
{
    color                       :   #666;
    font-size                   :   1.2em;
    font-weight                 :   bold;
}

.w-help-popup-paragraph
{
    padding                     :   1em;
}


/* FIELD LABEL */
.w-fl
{
    padding-top                 :   3px;
    padding-bottom              :   3px;
}

.w-fl-mandatory
{
    padding-left                :   0.2em;
    padding-top                 :   0.1em;
    font-size                   :   0.8em;  
    color                       :   #F00;   
}

.w-fl-optional
{
    padding-left                :   0.2em;
    padding-top                 :   0.2em;
    font-size                   :   0.8em;  
    color                       :   #888;   
}

.w-fl-formatting
{
    font-size                   :   0.8em;  
    color                       :   #888;   
}

/* TEXT BOX */
.w-tb
{
}

.w-tb-upperCaseInput
{
    text-transform              :   uppercase;
}


/* VALIDATION REPORT PANEL */
.w-vrp
{
    width                       :   100%;
    margin-bottom               :   5px;
}

.w-vrp-issues
{
    background                  :   #FFE5E5;
    color                       :   #555;
    padding-left                :   5px; 
    padding-right               :   5px; 
    margin-top                  :   2px;
    border-top                  :   1px solid #EA8686;
    list-style                  :   disc;
}


/* ADDRESS BOX */
.w-ab
{
    width                       :   100%;
}

.w-ab-label
{
}

.w-ab-content
{
    border-top                  :   1px solid #DDD;
    border-bottom               :   1px solid #DDD;
    background                  :   #FAFAFA;
    padding                     :   5px 0px 10px 30px;
}


/* SLIDER BAR */

.gwt-SliderBar-shell 
{
  border                        :   2px solid #faf9f7;
  border-right                  :   2px solid #848280;
  border-bottom                 :   2px solid #848280;
  background-color              :   #efebe7;
  height                        :   34pt;
  width                         :   50%;
}

.gwt-SliderBar-shell .gwt-SliderBar-line 
{
  border                        :   1px solid black;
  background-color              :   white;
  height                        :   4px;
  width                         :   95%;
  top                           :   22pt;
  overflow                      :   hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-knob 
{
  top                           :   14pt;
  width                         :   11px;
  height                        :   21px;
  z-index                       :   1;
  cursor                        :   pointer;
}

.gwt-SliderBar-shell .gwt-SliderBar-tick 
{
  top                           :   12pt;
  width                         :   1px;
  height                        :   8pt;
  background                    :   black;
  overflow                      :   hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-label 
{
  top                           :   2pt;
  font-size                     :   8pt;
  cursor                        :   default;
}

.gwt-SliderBar-shell-focused 
{
}

.gwt-SliderBar-shell .gwt-SliderBar-line-sliding 
{
  background-color              :   #DDDDDD;
  cursor                        :   pointer;
}

/* TAB PANEL */

.w-tpc
{

}

.w-tpb
{
    float                       :   left;
    margin-left                 :   25px;
    padding                     :   0px;
}

.w-tpb td
{
    font-size                   :   12px;
    font-family                 :   Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.w-tpb-button li 
{
    float                       :   left;
    list-style                  :   none;
    padding                     :   0px 0px 0px 0px;
    margin                      :   0px 0px 0px 0px;
}

.w-tpb-button li a
{
    text-decoration             :   none;
    display                     :   block;
    float                       :   left;
    background                  :   url('../widget/tab/tabsStart.gif') no-repeat left top;
    margin-left                 :   -50px;
    z-index                     :   0;
    position                    :   relative;
    color                       :   #666666; padding-left:50px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

.w-tpb-button li a strong
{
    display                     :   block;
    float                       :   left;
    background                  :   url('../widget/tab/tabsEnd.gif') no-repeat right top;
    cursor                      :   pointer; padding-left:5px; padding-right:30px; padding-top:8px; padding-bottom:8px
}

.w-tpb-button-doubleLine li a strong
{
}


.w-tpb-button li a strong td 
{
    color                       :   #053A62;
    font-weight                 :   bold;
    vertical-align              :   top;
}



.w-tpb-button-selected li a 
{
    position                    :   relative;
    z-index                     :   5;
    background                  :   url('../widget/tab/tabsStart.gif') no-repeat left bottom;
    color                       :   #000000
}

.w-tpb-button-selected li a strong 
{
    background-image            :   url(../../system/widget/tab/tabsEnd.gif) no-repeat;
    position                    :   relative;
    z-index                     :   5;
    background-position         :   right bottom;
}

.w-tpb-button-status
{   
    padding                     :   3px 3px 0px 7px;
    width                       :   15px;
    height                      :   15px;
    border                      :   0px;
}

.w-tpb-button-status-unstatused
{
}

.w-tpb-button-status-unvisited
{
    background                  :   url('../widget/tab/key/toCompleteNotSelected.gif') no-repeat;
}

.w-tpb-button-selected .w-tpb-button-status-unvisited
{
    background                  :   url('../widget/tab/key/toCompleteSelected.gif') no-repeat;
}

.w-tpb-button-status-inerror
{
    background                  :   url('../widget/tab/key/inErrorNotSelected.gif') no-repeat;
}

.w-tpb-button-selected .w-tpb-button-status-inerror
{
    background                  :   url('../widget/tab/key/inErrorSelected.gif') no-repeat;
}

.w-tpb-button-status-complete
{
    background                  :   url('../widget/tab/key/completedNotSelected.gif') no-repeat;
}

.w-tpb-button-selected .w-tpb-button-status-complete
{
    background                  :   url('../widget/tab/key/completedSelected.gif') no-repeat;
}

.w-tpc-deck
{
    border                      :   4px solid #C1D927;
}

.w-tp
{
    width                       :   100%;
    padding                     :   20px 20px 20px 20px;
}

.w-tp-nav
{
    padding                     :   0px 10px 10px 10px;
}

.w-tp-nav-back
{
    float                       :   left;
}

.w-tp-nav-continue
{
    float                       :   right;
}

.w-tp-action
{
    float                       :   right;
    padding                     :   0px 10px 10px 0px;
}

/* OPTION PANEL */

.w-op
{
}

.w-op-selected
{
    border-left                 :   1px solid #DDD;
    border-right                :   1px solid #DDD;
    padding                     :   5px;
    margin-bottom               :   5px;
    background                  :   #F2F2F2;
}

.w-op-nonSelected
{
    border-left                 :   1px solid #DDD;
    border-right                :   1px solid #DDD;
    padding                     :   5px;
    margin-bottom               :   5px;
    background                  :   #F2F2F2;
}

.w-op .w-b
{
    background                  :   transparent url('../image/button/greenButtonTransparentEnd.gif') no-repeat scroll top right; 
}

.w-op .w-b span
{
    background                  :   transparent url('../image/button/greenButtonTransparentBackground.gif') no-repeat top left;
}

/* POSITIONAL PANEL */

.w-pp-Left
{
    margin-right                :   10px;
    width                       :   45%;
}

.w-pp-Right
{
    width                       :   45%;
}

/* COMPANY NAME CHECK */

.w-cnc-company
{
    font-size                   :   1.5em;
    padding-top                 :   10px;
    padding-bottom              :   5px;
}

.w-cnc-message
{
    padding-left                :   40px;
    padding-bottom              :   10px;
}

.w-cnc-name-issues
{
    padding-bottom              :   5px;
}

.w-cnc-similar-names-link
{
    padding-bottom              :   13px;
}

.w-cnc-similar-names
{
    background                  :   #FAFAFA;
    border                      :   1px solid #DDD;
}

.w-cnc-name-unavailable
{
    color                       :   #F00;   
    background                  :   #FFD8D6 url(../../image/general/cross.png) no-repeat 15px 15px;
    border-top                  :   1px solid #F00;
    border-bottom               :   1px solid #F00;
    width                       :   100%;
    padding-left                :   10px;
    padding-right               :   10px;
}

.w-cnc-name-available
{
    background                  :   #E4F6DE url(../../image/general/tick.png) no-repeat 15px 15px;
    border-top                  :   1px solid #0F0;
    border-bottom               :   1px solid #0F0;
    margin-bottom               :   5px;
    padding-left                :   10px;
    padding-right               :   10px;
}

.w-cnc-avaliable-header
{
    font-size                   :   1.2em;
    margin-top                  :   5px;
    margin-bottom               :   10px;
}

.w-cnc-name-warnings
{
    background                  :   #FFF0BA url(../../image/general/error.png) no-repeat 15px 15px;
    border-top                  :   1px solid #FF0;
    border-bottom               :   1px solid #FF0;
    margin-bottom               :   5px;
    padding-left                :   10px;
    padding-right               :   10px;
}

.w-cnc-similar-show_auto
{
    color                       :   #777;
    float                       :   right;
}

/* CONTACT US */

.w-cu
{
    
}


/* Date Picker */
.gwt-DatePicker 
{
    border                      :   1pt solid #333; 
    padding                     :   3px;
    background-color            :   #C3D927;
    color                       :   #112ABB;
    width                       :   180px;
}


.datePickerMonth
{
    font-size                   :   12pt;
    font-weight                 :   bold;
    text-align                  :   center;
    color                       :   #555
}


.datePickerPreviousButton, .datePickerNextButton 
{
    font-weight                 :   bold;
    cursor                      :   pointer;
}


.datePickerWeekdayLabel
{
    font-size                   :   10pt;
    text-align                  :   center;
    color                       :   #777;
}

.datePickerWeekendLabel
{
    font-size                   :   10pt;
    text-align                  :   center;
    color                       :   #777;
}

.datePickerDay
{
    border                      :   1pt solid #CCCCCC; 
    background-color            :   white;
    width                       :   165px;
    text-align                  :   center;
    font-size                   :   8pt;
    font-family                 :   Verdana;
    border-collapse             :   collapse;;
    background-color            :   white;
    cursor                      :   pointer;
}

.datePickerDayIsWeekend 
{
    background-color            :   #EAE683;
}

.datePickerDayIsToday 
{
    border                      :   1pt solid #99CCEE; 
    background-color            :   E0E0FF;
}

.datePickerDayIsHighlighted
{
    border                      :   1pt solid #EE99CC; 
    background-color            :   FFE0E0;
}

.datePickerDayIsFiller
{
    color                       :   #888;
}

/* CREDIT CARD */

.w-cc
{
    width                       :   100%;
}

.w-cc-content
{
    border-top                  :   1px solid #DDD;
    border-bottom               :   1px solid #DDD;
    background                  :   #FAFAFA;
    padding                     :   5px 0px 10px 30px;
}

.w-pmt-box-actions
{
    float:right;
    margin-bottom:20px;
}


.w-dg-panel
{
    position                    :   absolute;
    background                  :   #E0E0E0;
    z-index                     :   100;
    border                      :   1px solid black;
}

.w-dg-disclosure-panel
{
    z-index                     :   100;
}

.w-dg-information
{
    background                  :   #FFF;
    border                      :   1px solid black;
    margin                      :   20px; 
    padding                     :   10px;
}


.w-dg-info-major
{
}

.w-dg-info-minor
{
    font-size                   :   0.8em;
    colour                      :   #555;
}
.gwt-login-controls
{
    width                       :   350px;
    border-top                  :   1px solid #BBB;
    border-bottom               :   1px solid #BBB;
    background                  :   #F0F0F0;
    padding                     :   5px 20px 5px 30px;
    margin-left                 :   50px;
}


.gwt-register-controls
{
    width                       :   100%;
    border-top                  :   1px solid #DDD;
    border-bottom               :   1px solid #DDD;
    background                  :   #FAFAFA;
    padding                     :   5px 20px 5px 30px;
}


.gwt-login-controls-buttons
{
    float                       :   right;
    padding-top                 :   10px;
}


.w-g-header-cell-title:hover
{
    cursor           :  pointer;
    text-decoration  : underline;
}