/*======================================================================
  iAdvertize » CSS
  © 2009 The WPM Group, LLC
  Bryan Pack
========================================================================
  Services Menu GUI
    page id:        #page-services-menu
    page class:     .section-services
----------------------------------------------------------------------*/

#page-services-menu #header p.site-identity {
  height:       108px;
  text-indent: -99999px;
  overflow:     hidden;
  background:   url(../gfx/page-head-services-menu.gif) no-repeat center top;
}

#page-services-menu #main .features {
  background:   transparent;
}
#page-services-menu #main .features .content {
  width:        558px;
  margin-left:  366px;
  /* make a containing block */
  position:     relative;
}
#page-services-menu #main .features .sidebar {
  width:        288px;
  margin-left: -864px;
}

#page-services-menu #main .features .content h1 {
  height:       44px;
  text-indent: -99999px;
  overflow:     hidden;
  background:   url(../gfx/text-alacarteServicesMenu.gif) no-repeat left top;
}

/* JavaScript disabled?
----------------------------------------------------------------------*/

#page-services-menu .no-javascript-notification {
  background:     transparent url(../gfx/main-content-notification-body.gif) repeat-y top center;
}
#page-services-menu .sidebar .no-javascript-notification {
  background-image: url(../gfx/panel-suggestions-body.gif);
}
#page-services-menu .no-javascript-notification h4 {
  font-size:      1em;
  font-weight:    bold;
  color:          #B22C2F;
  padding:        18px 18px 0;
  margin-bottom:  0.5em;
  background:     transparent url(../gfx/main-content-notification-head.gif) no-repeat top center;
}
#page-services-menu .sidebar .no-javascript-notification h4 {
  background-image: url(../gfx/panel-suggestions-head.gif);
}
#page-services-menu .no-javascript-notification p {
  padding:        0 24px 36px;
  background:     transparent url(../gfx/main-content-notification-foot.gif) no-repeat bottom center;
}
#page-services-menu .sidebar .no-javascript-notification p {
  background-image: url(../gfx/panel-suggestions-foot.gif);
}
#page-services-menu .no-javascript-notification p strong {
  display: block;
  margin: 0.5em 0;
}

/* ---------------------------------------------------------------------
// ================================  UI Controls / Panels / Dialogs  ===
// ---------------------------------------------------------------------
*/

#page-services-menu .sidebar #feedback_panels {
  position:     fixed;
  top:           90px;
  width:        288px;
  cursor:       row-resize;
}


/* start with all dialogs & panels hidden
   to prevent 'flash' before JavaScript
   has finished initializing UI
--------------------------------------*/

#dlg_help ,
#panel_selection-summary ,
#panel_suggestions ,
#dlg_services-request ,
#dlg_services-request_wait ,
#dlg_services-request_result-ok ,
#dlg_services-request_result-error {
  display:      none;
}


/*--------------------------------------
    ui buttons
......................................*/

#page-services-menu button.ui-custom {
  border:       none;
  cursor:       pointer;
  font-size:    0.1px;

}

#page-services-menu .ui-button-help {
  width:                  102px;
  height:                  36px;
  background: url(../gfx/button-ui-states-help.gif) no-repeat 0 0;
}
#page-services-menu .ui-button-help-hover {
  background-position: 0  -36px;
}
#page-services-menu .ui-button-help-active {
  background-position: 0  -72px;
}
#page-services-menu .ui-button-help-disabled {
  background-position: 0 -108px;
}

#page-services-menu .ui-button-clear-all {
  width:                  162px;
  height:                  24px;
  background: url(../gfx/button-ui-states-clear-selections.gif) no-repeat 0 0;
}
#page-services-menu .ui-button-clear-all-hover {
  background-position: 0  -24px;
}
#page-services-menu .ui-button-clear-all-active {
  background-position: 0  -48px;
}
#page-services-menu .ui-button-clear-all-disabled {
  background-position: 0  -72px;
}

#page-services-menu .ui-button-submit {
  width:                  144px;
  height:                  42px;
  background: url(../gfx/button-ui-states-submit.gif) no-repeat 0 0;
}
#page-services-menu .ui-button-submit-hover {
  background-position: 0  -42px;
}
#page-services-menu .ui-button-submit-active {
  background-position: 0  -84px;
}
#page-services-menu .ui-button-submit-disabled {
  background-position: 0 -126px;
}


/*==============================================================
                                        ::  panel: quickhelp  ::
..............................................................*/

#panel_quickhelp {
  /* make a containing block */
  position:         relative;
}
#panel_quickhelp ol.alacarte-steps {
  height:           42px;
  text-indent:     -99999px;
  overflow:         hidden;
  background:       url(../gfx/menu-quickhelp-steps.gif) no-repeat left top;
}
#panel_quickhelp ol.alacarte-steps li {
  display:          none;
}

#panel_quickhelp button.ui-button-help {
  position:         absolute;
  top:              0px;
  right:            0px;
}


#panel_quickhelp .additional-info {
  background:     transparent url(../gfx/main-content-info-body.gif) repeat-y top center;
}
#panel_quickhelp .additional-info h4 {
  font-size:      1em;
  font-weight:    bold;
  color:          #B22C2F;
  padding:        18px 24px 0;
  background:     transparent url(../gfx/main-content-info-head.gif) no-repeat top center;
}
#panel_quickhelp .additional-info p {
  padding:        0 24px 24px;
  background:     transparent url(../gfx/main-content-info-foot.gif) no-repeat bottom center;
}


#panel_help-footnotes .about-custom-projects {
  margin:           1em 0 0;
  padding:          0.75em 0;
  border-top:       1px dotted #B12D2F;
  border-bottom:    1px dotted #B12D2F;
  color:            #757F67;
}
#panel_help-footnotes .about-custom-projects strong {
  font-weight:      bold;
  color:            #B12D2F;
}

#panel_help-footnotes .pricing-notes {
  margin:           0 0 1em;
  font-size:        0.8em;
  color:            #757F67;
}


/*==============================================================
                                    ::  panel: services menu  ::
..............................................................*/


#panel_services-menu .menu-controls {
  padding-top:      18px;
  background:       url(../gfx/icon-step-indicator-1.gif) no-repeat right bottom;
}


/*--------------------------------------------------------------
                                          ::  category items  ::
..............................................................*/

#panel_services-menu h2,
#panel_services-menu h3, #panel_services-menu h4,
#panel_services-menu h5, #panel_services-menu h6 {
  padding:          0.25em;
  margin:           0.5em 0;
  font-weight:      bold;
  font-style:       normal;

  color:            #00364C;
  border-bottom:    2px solid #00364C;
}
#panel_services-menu h2.hover,
#panel_services-menu h3.hover,
#panel_services-menu h4.hover,
#panel_services-menu h5.hover,
#panel_services-menu h6.hover
{
  color:            #2F786E;
  border-bottom:    2px solid #2F786E;
}


#panel_services-menu li.category h2 {
  font-size:        1.5em;
  margin-left:      12px;
  background-color: #7FC795;
}
#panel_services-menu li.category h2.hover {
  background-color: #BCCC95;
}
#panel_services-menu li.category h3 {
  font-size:        1.375em;
  margin-left:      24px;
  background-color: #DDC795;
}
#panel_services-menu li.category h3.hover {
  background-color: #EBCC95;
}
#panel_services-menu li.category h4 {
  font-size:        1.125em;
  font-weight:      normal;
  margin-left:      36px;
}
#panel_services-menu li.category h4.hover {
  background-color: #F7F3AF;
}
#panel_services-menu li.category h5 {
  font-size:        1.125em;
  font-weight:      normal;
  margin-left:      48px;
}
#panel_services-menu li.category h5.hover {
  background-color: #F7F3AF;
}
#panel_services-menu li.category h6 {
  font-size:        1em;
  font-weight:      normal;
  margin-left:      60px;
}
#panel_services-menu li.category h6.hover {
  background-color: #F7F3AF;
}

#panel_services-menu #  h2 ,
#panel_services-menu #  h3 { color: #561500; }
#panel_services-menu #  h2        { background-color: #FE9F7F; }
#panel_services-menu #  h2.hover  { background-color: #FE9F7F; }
#panel_services-menu #  h3        { background-color: #FEBA74; }
#panel_services-menu #  h3.hover  { background-color: #FEBA74; }

#panel_services-menu #CorporateDesign  h2 ,
#panel_services-menu #CorporateDesign  h3 { color: #564300; }
#panel_services-menu #CorporateDesign  h2        { background-color: #FAE59A; }
#panel_services-menu #CorporateDesign  h2.hover  { background-color: #FAE59A; }
#panel_services-menu #CorporateDesign  h3        { background-color: #FCED91; }
#panel_services-menu #CorporateDesign  h3.hover  { background-color: #FCED91; }

#panel_services-menu #PromotionalDesign  h2 ,
#panel_services-menu #PromotionalDesign  h3 { color: #004C27; }
#panel_services-menu #PromotionalDesign  h2        { background-color: #AAD59B; }
#panel_services-menu #PromotionalDesign  h2.hover  { background-color: #AAD59B; }
#panel_services-menu #PromotionalDesign  h3        { background-color: #C6E193; }
#panel_services-menu #PromotionalDesign  h3.hover  { background-color: #C6E193; }

#panel_services-menu #PackagePublishDesign  h2 ,
#panel_services-menu #PackagePublishDesign  h3 { color: #562D00; }
#panel_services-menu #PackagePublishDesign  h2        { background-color: #FEBA7F; }
#panel_services-menu #PackagePublishDesign  h2.hover  { background-color: #FEBA7F; }
#panel_services-menu #PackagePublishDesign  h3        { background-color: #FECE74; }
#panel_services-menu #PackagePublishDesign  h3.hover  { background-color: #FECE74; }

#panel_services-menu #MediaElements  h2 ,
#panel_services-menu #MediaElements  h3 { color: #004344; }
#panel_services-menu #MediaElements  h2        { background-color: #AABFB6; }
#panel_services-menu #MediaElements  h2.hover  { background-color: #AABFB6; }
#panel_services-menu #MediaElements  h3        { background-color: #C6D1B0; }
#panel_services-menu #MediaElements  h3.hover  { background-color: #C6D1B0; }

#panel_services-menu #MultimediaProjects  h2 ,
#panel_services-menu #MultimediaProjects  h3 { color: #254C00; }
#panel_services-menu #MultimediaProjects  h2        { background-color: #AAD87B; }
#panel_services-menu #MultimediaProjects  h2.hover  { background-color: #AAD87B; }
#panel_services-menu #MultimediaProjects  h3        { background-color: #C6E36F; }
#panel_services-menu #MultimediaProjects  h3.hover  { background-color: #C6E36F; }

#panel_services-menu #InternetDesign  h2 ,
#panel_services-menu #InternetDesign  h3 { color: #4A002C; }
#panel_services-menu #InternetDesign  h2        { background-color: #D7A0B8; }
#panel_services-menu #InternetDesign  h2.hover  { background-color: #D7A0B8; }
#panel_services-menu #InternetDesign  h3        { background-color: #E4BAB2; }
#panel_services-menu #InternetDesign  h3.hover  { background-color: #E4BAB2; }


/*--------------------------------------------------------------
                                   ::  selectable menu items  ::
..............................................................*/

#panel_services-menu .item {
  position:         relative;
  margin-left:      60px;
  color:            #000000;
  background-color: #ffffff;
  line-height:      1.5em;
}

#panel_services-menu li.hilite {
  background-color: #F7F3AF;
}


#panel_services-menu .item-odd {
  background-color: #F3F5E3;
}

#panel_services-menu .item .item {
  margin-left:      0;
}

#panel_services-menu .item input.ctl_chk {
  position:     absolute;
  top:          0.25em;
  left:         3px;
}
#panel_services-menu .item select.ctl_qty {
  position:     absolute;
  left:         24px;
  top:          0.25em;
  width:        54px;
  height:       1.5em;
}

#panel_services-menu .item label.name {
  display:      block;
  padding:      0.25em 141px 0.25em 84px;
}

#panel_services-menu .item .pricing {
  position:     absolute;
  top:          0.25em;
  right:        66px;
}
#panel_services-menu .item .pricing .unit_price {
  font-weight:  bold;
}
#panel_services-menu .item .pricing .addl_charges {
  font-size:    0.9em;
}
#panel_services-menu .item .units {
  position:     absolute;
  top:          0.25em;
  left:         435px;
  font-size:    0.75em;
}
#panel_services-menu .item .units .unit_label {
}


#panel_services-menu .item .ui-icon-info {
  width:                  24px;
  height:                 24px;
  background: url(../gfx/button-ui-states-item-info.gif) no-repeat 0 0;
}
#panel_services-menu .item .ui-icon-info-hover {
  background-position:  -24px 0;
}
#panel_services-menu .item .ui-icon-info-active {
  background-position:  -48px 0;
}
#panel_services-menu .item .ui-icon-info-expanded {
  background-position:  -72px 0;
}



/*==============================================================
                                ::  panel: selection summary  ::
..............................................................*/

#panel_selection-summary {
  background:   transparent url(../gfx/panel-summary-body.gif) repeat-y top center;
}

#panel_selection-summary h2 {
  font:         1.5em Cambria, Georgia, 'Times New Roman', Times, serif;
  color:        #2F786E;
  padding:      12px 18px 0;
  background:   transparent url(../gfx/panel-summary-head.gif) no-repeat top center;
}

#panel_selection-summary ul {
  margin:       1em 18px 1em 12px;
}
#panel_selection-summary ul li {
  margin-left:  1em;
}
#panel_selection-summary ul li .count  {
  font-size:    0.9em;
  font-style:   italic;
}
#panel_selection-summary ul li .count .subtotal {
  font-style:   normal;
  color:        black;
}

#panel_selection-summary .sum {
  text-align:   right;
  padding:      0 18px 30px;
  background:   transparent url(../gfx/panel-summary-foot.gif) no-repeat bottom center;
}
#panel_selection-summary .sum .total-charge {
  font-weight:  bold;
}

#panel_selection-summary .next-step {
  padding:      12px 18px;
  text-align:   center;
  background:   #E4E9BF url(../gfx/panel-summary-control-bottom.gif) no-repeat bottom center;
}
#panel_selection-summary .next-step .conditions {
  margin:       0 0 1em;
  font-size:    1em;
  color:        #3B3F34;
}
#panel_selection-summary .next-step .conditions strong {
  font-weight:  bold;
  color:        #B12D2F;
}

#panel_selection-summary .next-step .controls {
  background:   transparent url(../gfx/icon-step-indicator-2.gif) no-repeat center right;
}
#panel_selection-summary .next-step .controls .btn_inquire {
  display:      block;
  margin:       0 auto;
  width:        162px;
  height:       50px;
  text-indent: -99999px;
  overflow:     hidden;
  background:   url(../gfx/ui-states.gif) no-repeat -108px 0px;
  cursor:       pointer;
}
#panel_selection-summary .controls .btn_inquire_hover {
  background-position: -108px -50px;
}
#panel_selection-summary .controls .btn_inquire_active {
  background-position: -108px -100px;
}

/*==============================================================
                                      ::  panel: suggestions  ::
..............................................................*/

#page-services-menu .sidebar #panel_suggestions {
  background:   transparent url(../gfx/panel-suggestions-body.gif) repeat-y top center;
  margin-top:   6px;
}

#page-services-menu .sidebar #panel_suggestions h2 {
  text-align:     right;
  font-size:      1em;
  font-style:     italic;
  font-weight:    bold;
  color:          #B22C2F;
  padding:        18px 18px 0;
  margin-bottom:  0.5em;
  background:     transparent url(../gfx/panel-suggestions-head.gif) no-repeat top center;
}

#page-services-menu .sidebar #panel_suggestions p {
  margin:       0.5em 18px;
  font-size:    0.75em;
  line-height:  1.2em;
}
#page-services-menu .sidebar #panel_suggestions .chosen_item_name {
  font-weight:  bold;
}

#page-services-menu .sidebar #panel_suggestions ul.items {
  padding:      0 24px 36px;
  background:   transparent url(../gfx/panel-suggestions-foot.gif) no-repeat bottom center;
  font-size:    0.75em;
  margin:       0;
}
#page-services-menu .sidebar #panel_suggestions ul.items li {
  line-height:  1.25em;
  margin:       0.25em 0 0 1em;
}

/*======================================================================
                                                ===:  Dialog Boxes  :===
......................................................................*/


#page-services-menu #ui-dialogs {
  margin:   auto;
  width:    648px;
}


/*==============================================================
                                            ::  dialog: help  ::
..............................................................*/

#dlg_help {
  padding:        30px 36px 54px;
  text-align:     left;
}
#dlg_help h3 {
  font-weight:    normal;
  font-size:      2em;
  margin:         0 0 0.75em;
  color:          #a3997c;
}

#dlg_help .moniker {
  font-weight:  bold;
  color:          #614c1e;
}

#dlg_help ol li {
  margin-bottom:  0;
}
#dlg_help p.addl-info {
  margin:         0.5em 1em 1em;
  font-style:     italic;
}


/*==============================================================
                            ==::  services request dialogs  ::==
..............................................................*/

.dlg_services-request {
  margin:           auto;
  background-color: #FFF;
}


/*------------------------------================================
                                ::  dialog: services request  ::
..............................................................*/

#dlg_services-request dl.form {
  font-size:    0.9em;
  text-align:   left;
}
#dlg_services-request dl.form dt {
  margin:       1em 0 0.25em;
  font-weight:  bold;
  color:        #4d5152;
}
#dlg_services-request dl.form dd {
  margin-left:  16px;
}

#dlg_services-request dl.form input.text ,
#dlg_services-request dl.form select ,
#dlg_services-request dl.form textarea {
  width:        100%;
  font-size:    1em;
}
#dlg_services-request dl.form textarea {
  height:       8em;
}
#dlg_services-request dl.form .radio input.radio {
  margin:       0 0.25em;
}
#dlg_services-request dl.form .radio label {
  font-size:    1.1em;
  margin-right: 2em;
}

#dlg_services-request .controls {
  text-align:   center;
  padding:      1em 16px;
  background:   url(../gfx/icon-step-indicator-2.gif) no-repeat right center;
}

/*-----------------------=======================================
                         ::  dialog: services request / wait  ::
..............................................................*/

#dlg_services-request_wait {
  text-align:   center;
  padding:      16px 0;
}

/*---------------------=========================================
                       ::  dialog: services request / result  ::
..............................................................*/

.dlg_services-request-result {
  text-align:       center;
  padding-bottom:   1.25em;
}
.dlg_services-request-result h3.status {
  font-weight:      normal;
  font-size:        2em;
  margin:           0.75em 1em;
}
.dlg_services-request-result .message p {
  font-weight:      normal;
  font-size:        1em;
  margin:           0.5em 2em;
}
.dlg_services-request-result .message .debug {
  font-weight:      normal;
  font-family:      monospace;
  line-height:      1em;
  color:            #4d5152;
  margin:           0.25em 3em;
}

#dlg_services-request_result-ok .message {
  margin:           0 36px;
  background:       url(../gfx/icon-step-indicator-3.gif) no-repeat right bottom;
}
/*--------------------------------------------------------------
                       ::  services request / result / error  ::
..............................................................*/

#dlg_services-request_result-error {
  background-color: #fedf9b;
  border:           2px solid #b22c2f;
}
#dlg_services-request_result-error .status {
  color:            #b22c2f;
}
#dlg_services-request_result-error .message {
  color:            #4f1514;
}