/******************************************************************************

  Script    :   style_dd..css
  Notes     :   CSS Stylesheet for the Pitapss V3 website - Dropdowns

                All material contained within is the intellectual property of
                SysExcel Atius and as such may not be reproduced in any way
                shape or form without the prior consent of SysExcel Ltd/Atius.

*******************************************************************************/
/********************************************************************************

   DD JQuery Plugin styles - dropdowns with optional images

********************************************************************************/

.ddcommon
{
                                position: relative;
                                display: -moz-inline-stack;
                                zoom: 1;
                                display: inline-block;
                                *display: inline;
                                cursor: default;
}

.ddcommon ul
{
                                padding: 0;
                                margin: 0;
}

.ddcommon ul li
{
                                list-style-type: none;
}

.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon .disabledAll
{
                                opacity: .5; /* standard: ff gt 1.5, opera, safari */
                                -ms-filter:"alpha(opacity=50)"; /* ie 8 */
                                filter:alpha(opacity=50); /* ie lt 7 */
                                -khtml-opacity:.5; /* safari 1.x */
                                -moz-opacity:.5; /* ff lt 1.5, netscape */
                                color:#999999;
}

.ddcommon .clear
{
                                clear: both
}

.ddcommon .shadow
{
                                -moz-box-shadow: 5px 5px 5px -5px #888888;
                                -webkit-box-shadow: 5px 5px 5px -5px #888888;
                                box-shadow: 5px 5px 5px -5px #888888;
}

.ddcommon input.text
{
                                color: #7e7e7e;
                                padding: 0 0 0 0;
                                position: absolute;
                                background: #ffffff;
                                display: block;
                                width: 98%;
                                height: 98%;
                                left: 2px;
                                top: 0;
                                border: none;
}

.ddOutOfVision
{
                                position: relative;
                                display: -moz-inline-stack;
                                display: inline-block;
                                zoom: 1;
                                *display: inline;
}

.ddcommon .divider
{
                                width: 0;
                                height: 100%;
                                position: absolute;
}

.ddcommon .arrow
{
                                display: inline-block;
                                position: absolute;
                                top: 50%;
                                right: 4px;
}

.ddcommon .arrow:hover
{
                                background-position: 0 100%;
}

.ddcommon .ddTitle
{
                                padding: 0;
                                position: relative;
                                display: inline-block;
                                width: 100%
}

.ddcommon .ddTitle .ddTitleText
{
                                display: block;
}

.ddcommon .ddTitle .ddTitleText .ddTitleText
{
                                padding: 10px;
}

.ddcommon .ddTitle .description
{
                                display: block;
}

.ddcommon .ddTitle .ddTitleText img
{
                                position: relative;
                                vertical-align: middle;
                                float: left
}

.ddcommon .ddChild
{
                                position: absolute;
                                display: none;
                                width: 100%;
                                overflow-y: auto;
                                overflow-x: hidden;
                                zoom: 1;
                                z-index:9999
}

.ddcommon .ddChild li
{
                                clear: both;
}

.ddcommon .ddChild li .description
{
                                display: block;
}

.ddcommon .ddChild li img
{
                                border: 0 none;
                                position: relative;
                                vertical-align: top;
                                float: left
}

.ddcommon .ddChild li.optgroup
{
                                padding: 0;
}

.ddcommon .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.ddcommon .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.ddcommon .noBorderTop
{
                                border-top: none 0  !important;
                                padding: 0;
                                margin: 0;
}

/* Standard dropdowns */

.ddstandard
{
                                border-width: 1px;
                                border-style: solid;
                                border-color: #919090;
                                margin: 0 0 0 0;
}

.ddstandard .divider
{
                                border-left: 1px solid #514A43;
                                border-right: 1px solid #FFFFFF;
                                right: 24px;
}

.ddstandard .arrow
{
                                width: 16px;
                                height: 16px;
                                margin-top: -8px;
                                background: url(/site_graphics/dd_arrow.gif) no-repeat;
}

.ddstandard .arrow:hover
{
                                background-position: 0 100%;
}

.ddstandard .ddTitle
{
                                color: #000000;
                                background-color: #C7C6C6;
}

.ddstandard .ddTitle .ddTitleText
{
                                padding: 4px 20px 6px 5px;
}

.ddstandard .ddTitle .ddTitleText .ddTitleText
{
                                padding: 0;
}

.ddstandard .ddTitle .description
{
                                font-size: 12px;
                                color: #666666
}

.ddstandard .ddTitle .ddTitleText img
{
                                padding-right: 5px;
}

.ddstandard .ddChild
{
                                border: 1px solid #514A43;
                                background-color: #FFFFFF;
                                left: -1px;
}

.ddstandard .ddChild li
{
                                padding: 5px;
                                background-color: #FFFFFF;
                                border-bottom: 1px solid #EBEBEB;
}

.ddstandard .ddChild li .description
{
                                color: #666666;
}

.ddstandard .ddChild li .ddlabel
{
                                color: #333333;
}

.ddstandard .ddChild li.hover
{
                                background-color: #F1F0F0;
}

.ddstandard .ddChild li img
{
                                padding :0 6px 0 0;
}

.ddstandard .ddChild li.optgroup
{
                                padding: 0;
}

.ddstandard .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.ddstandard .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.ddstandard .ddChild li.selected
{
                                background-color: #DBDBDB;
                                color: #000000;
}

/* Error dropdowns */

.dderror
{
                                border: 1px solid #890202;
                                margin: 5px 0 5px 0;
}

.dderror .divider
{
                                border-left: 1px solid #890202;
                                border-right: 1px solid #FFFFFF;
                                right: 24px;
}

.dderror .arrow
{
                                width: 16px;
                                height: 16px;
                                margin-top: -8px;
                                background: url(/site_graphics/dd_arrow.gif) no-repeat;
}

.dderror .arrow:hover
{
                                background-position: 0 100%;
}

.dderror .ddTitle
{
                                color: #000000;
                                background: #FBE39C;
}

.dderror .ddTitle .ddTitleText
{
                                padding: 4px 20px 6px 5px;
}

.dderror .ddTitle .ddTitleText .ddTitleText
{
                                padding: 0;
}

.dderror .ddTitle .description
{
                                font-size: 12px;
                                color: #666666
}

.dderror .ddTitle .ddTitleText img
{
                                padding-right: 5px;
}

.dderror .ddChild
{
                                border: 1px solid #890202;
                                background-color: #FFFFFF;
                                left: -1px;
}

.dderror .ddChild li
{
                                padding: 5px;
                                background-color: #FBE39C;
                                border-bottom: 1px solid #890202;
}

.dderror .ddChild li .description
{
                                color: #666666;
}

.dderror .ddChild li .ddlabel
{
                                color: #333333;
}

.dderror .ddChild li.hover
{
                                background-color: #F2EFE7
}

.dderror .ddChild li img
{
                                padding :0 6px 0 0;
}

.dderror .ddChild li.optgroup
{
                                padding: 0;
}

.dderror .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.dderror .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.dderror .ddChild li.selected
{
                                background-color: #E5E5E5;
                                color: #000000;
}