﻿

#DDFlexNone a {
    border:none;
    background-color:inherit;
}


/******************* DropDown Flex Multi 
*******************************
*/




div.DropDownFlexPopinTopBig {
    background: url(Images/general/DropDownFlexPopinBig.png) no-repeat left top;
    width: 208px;
    height: 52px;
    position: relative;
    z-index: 999;
    text-align: right;
}

div.DropDownFlexPopinMainBig {
    background: url(Images/general/DropDownFlexPopinBig.png) no-repeat left -50px;
    width: 208px;
    text-align: left;
    z-index:999;
    display:block;
    position:relative;
}

div.DropDownFlexPopinBottomBig {
    background: url(Images/general/DropDownFlexPopinBig.png) no-repeat left bottom;
    width: 208px;
    height: 11px;
    position: relative;
    z-index: 999;
    text-align: left;
}

.TansparentInputFlexMulti
{
    outline: none;
    color: #000066;
    padding-left: 8px;
    font-size: 7pt;
    font-family: Arial, sans-serif;
    text-align: left;
    height: 12px;
    margin-top:33px;
    margin-left:8px;
    border:none;
    background:transparent;
    width:160px;
}






div.FlexPopinMainBigScroll {
    margin: 0px 9px -1px 0px;
    padding: 1px 1px 1px 8px;
    text-align: left;
    max-height:260px;
    overflow-y: scroll;
    overflow-x: hidden;
}




/******************* Flex ON OFF Button
*******************************
*/

#DropDownFlexButtonPlainON a {
    outline: none; /* hide dotted outline in Firefox */
    border: none;
    cursor: pointer;
    height: 17px;
    width: 16px;
    background-image: url(Images/buttons/ARFlexButtonONOFF.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-top: 2px;
    padding-left: 0px;
    margin-left: 1px;
    margin-right: 9px;
    margin-top: -16px;
    display: block;
    text-decoration: none;
}

#DropDownFlexButtonPlainON a:hover {
    height: 17px;
    width: 16px;
    background-position: left top;
    vertical-align: bottom;
    margin-left: 1px;
    margin-right: 9px;
    margin-top: -16px;
}

#DropDownFlexButtonPlainON a:active {
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}

#DropDownFlexButtonPlainOFF a {
    outline: none; /* hide dotted outline in Firefox */
    border: none;
    cursor: pointer;
    height: 17px;
    width: 16px;
    background-image: url(Images/buttons/ARFlexButtonONOFF.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-top: 2px;
    padding-left: 0px;
    margin-left: 1px;
    margin-right: 9px;
    margin-top: -16px;
    display: block;
    text-decoration: none;
}

#DropDownFlexButtonPlainOFF a:hover {
    height: 17px;
    width: 16px;
    background-position: right top;
    vertical-align: bottom;
    margin-left: 1px;
    margin-right: 9px;
    margin-top: -16px;
}

#DropDownFlexButtonPlainOFF a:active {
    background-position: right bottom;
    outline: none; /* hide dotted outline in Firefox */
}






/******************* Flex Button
*******************************
*/


#FlexButtonDropDown td {
    background-repeat: no-repeat;
    background-image: url(Images/buttons/ARFlexButtonDropDown.png);
}

#FlexButtonDropDown table:hover {
    opacity: 0.8;
    height:100%;
}

#FlexButtonDropDown table {
    height:100%;
}


.FlexButtonADropDown
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    outline: none; /* hide dotted outline in Firefox */
    padding: 0px 0px 1px 0px;
    display:inline-block;
    text-align:center;
    height:100%;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    float:left;
}

.FlexButtonTLDropDown {
    background-position: left top;
    padding: 4px 0px 0px 7px;
    color:#fffff0;
}

.FlexButtonTRDropDown {
    background-position: -598px top;
    width: 20px;
    padding: 0px 0px 0px 0px;
}

.FlexButtonBLDropDown {
    background-position: left bottom;
    padding: 0px 0px 0px 0px;
    height: 5px;
}
.FlexButtonBRDropDown {
    background-position: -598px bottom;
    padding: 0px 0px 0px 0px;
}

#FlexButtonDropDownDisabled table {
    height:100%;
}

#FlexButtonDropDownDisabled td {
    background-repeat: no-repeat;
    background-image: url(Images/buttons/ARFlexButtonDropDown.png);
    margin: 0px 0px 0px 0px;
    cursor:  default;
}

#FlexButtonDropDownDisabled td:active {
    cursor:  default;
}

.FlexButtonTLDropDownDisabled {
    background-position: -617px top;
    padding: 4px 0px 0px 7px;
    color:#949aaa;
}

.FlexButtonTRDropDownDisabled {
    background-position: -1215px top;
    padding: 0px 0px 0px 0px;
    width: 20px;
}
.FlexButtonBLDropDownDisabled {
    background-position: -617px bottom;
    padding: 0px 0px 0px 0px;
    height: 4px;
}
.FlexButtonBRDropDownDisabled {
    background-position: -1215px bottom;
    padding: 0px 0px 0px 0px;
}


/******************* Flex DropDown Button DDS SHORT
*******************************
*/


#DDSFlexButtonDropDown td {
    background-repeat: no-repeat;
    background-image: url(Images/buttons/ARFlexButtonDropDown.png);
}

#DDSFlexButtonDropDown table:hover {
    opacity: 0.8;
    height:100%;
}

#DDSFlexButtonDropDown table {
    height:100%;
}


.DDSFlexButtonADropDown
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    outline: none; /* hide dotted outline in Firefox */
    padding: 0px 0px 1px 0px;
    display:inline-block;
    text-align:center;
    height:100%;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    float:left;
}

.DDSFlexButtonTLDropDown {
    background-position: 0px top;
    padding: 3px 0px 0px 1px;
    color:#fffff0;
    height:12px;
    width: 0px;
}

.DDSFlexButtonTRDropDown {
    background-position: -601px top;
    width: 16px;
    padding: 0px 0px 0px 0px;
}

.DDSFlexButtonBLDropDown {
    background-position: left bottom;
    padding: 0px 0px 0px 0px;
    height: 3px;
}
.DDSFlexButtonBRDropDown {
    background-position: -601px bottom;
    padding: 0px 0px 0px 0px;
}





/******************* Flex DropDown Button
*******************************
*/


#DDFlexButtonDropDown td {
    background-repeat: no-repeat;
    background-image: url(Images/buttons/ARFlexButtonDropDown.png);
}

#DDFlexButtonDropDown table:hover {
    opacity: 0.8;
    height:100%;
}

#DDFlexButtonDropDown table {
    height:100%;
}


.DDFlexButtonADropDown
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    outline: none; /* hide dotted outline in Firefox */
    padding: 0px 0px 1px 0px;
    display:inline-block;
    text-align:center;
    height:100%;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    float:left;
}

.DDFlexButtonTLDropDown {
    background-position: left top;
    padding: 3px 0px 0px 7px;
    color:#fffff0;
}

.DDFlexButtonTRDropDown {
    background-position: -601px top;
    width: 16px;
    padding: 0px 0px 0px 0px;
    min-height:16px;
}

.DDFlexButtonBLDropDown {
    background-position: left bottom;
    padding: 0px 0px 0px 0px;
    height: 3px;
}
.DDFlexButtonBRDropDown {
    background-position: -601px bottom;
    padding: 0px 0px 0px 0px;
}

#DDFlexButtonDropDownDisabled table {
    height:100%;
}

#DDFlexButtonDropDownDisabled td {
    background-repeat: no-repeat;
    background-image: url(Images/buttons/ARFlexButtonDropDown.png);
    margin: 0px 0px 0px 0px;
    cursor:  default;
}

#DDFlexButtonDropDownDisabled td:active {
    cursor:  default;
}

.DDFlexButtonTLDropDownDisabled {
    background-position: -617px top;
    padding: 3px 0px 0px 7px;
    color:#949aaa;
}

.DDFlexButtonTRDropDownDisabled {
    background-position: -1218px top;
    padding: 0px 0px 0px 0px;
    width: 16px;
}
.DDFlexButtonBLDropDownDisabled {
    background-position: -617px bottom;
    padding: 0px 0px 0px 0px;
    height:3px;
}
.DDFlexButtonBRDropDownDisabled {
    background-position: -1218px bottom;
    padding: 0px 0px 0px 0px;
}








/******************* Override Flex DropDown Function Buttons
*******************************
*/

#DDFFlexButton td {
    background-repeat: no-repeat;
    background-image: url(Images/buttons/ARFlexButtonDDF.png);
}

#DDFFlexButton table:hover {
    opacity: 0.8;
    height:100%;
}

#DDFFlexButton table {
    height:100%;
}


.DDFFlexButtonA
{
    color:#222046;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    outline: none; /* hide dotted outline in Firefox */
    padding: 0px 0px 1px 0px;
    display:inline-block;
    text-align:center;
    height:100%;
    margin: 0px 0px 0px 0px;
}

.DDFFlexButtonTL {
    background-position: left top;
    padding: 3px 0px 0px 7px;
}

.DDFFlexButtonTR {
    background-position: -610px top;
    width: 8px;
    padding: 0px 0px 0px 0px;
}

.DDFFlexButtonBL {
    background-position: left bottom;
    padding: 0px 0px 0px 0px;
    height: 3px;
}
.DDFFlexButtonBR {
    background-position: -610px bottom;
    padding: 0px 0px 0px 0px;
    width: 8px;
}






/******************* Override Flex DropDown Item Buttons
*******************************
*/

#DDFlexButton td {
    background-repeat: no-repeat;
    background-image: url(Images/buttons/ARFlexButtonDD.png);
}

#DDFlexButton table:hover {
    height:100%;
    opacity: 0.9;
}

#DDFlexButton table {
    height:100%;
    opacity: 0.6;
}


.DDFlexButtonA
{
    color:#000000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    outline: none; /* hide dotted outline in Firefox */
    padding: 0px 0px 1px 0px;
    display:inline-block;
    text-align:center;
    height:100%;
    margin: 0px 0px 0px 0px;
}

.DDFlexButtonTL {
    background-position: left top;
    padding: 3px 0px 0px 7px;
}

.DDFlexButtonTR {
    background-position: -610px top;
    width: 8px;
    padding: 0px 0px 0px 0px;
}

.DDFlexButtonBL {
    background-position: left bottom;
    padding: 0px 0px 0px 0px;
    height: 3px;
}
.DDFlexButtonBR {
    background-position: -610px bottom;
    padding: 0px 0px 0px 0px;
    width: 8px;
}





#DDFlexButtonSelected td {
    background-repeat: no-repeat;
    background-image: url(Images/buttons/ARFlexButtonDD.png);
}

#DDFlexButtonSelected table:hover {
    height:100%;
    opacity: 0.7;
}

#DDFlexButtonSelected table {
    height:100%;
    opacity: 0.9;
}


.DDFlexButtonASelected
{
    color:#222046;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    outline: none; /* hide dotted outline in Firefox */
    padding: 0px 0px 1px 0px;
    display:inline-block;
    text-align:center;
    height:100%;
    margin: 0px 0px 0px 0px;
}

.DDFlexButtonTLSelected {
    background-position: -1236px top;
    padding: 3px 0px 0px 7px;
}

.DDFlexButtonTRSelected {
    background-position: -1846px top;
    width: 8px;
    padding: 0px 0px 0px 0px;
}

.DDFlexButtonBLSelected {
    background-position: -1236px bottom;
    padding: 0px 0px 0px 0px;
    height: 3px;
}
.DDFlexButtonBRSelected {
    background-position: -1846px bottom;
    padding: 0px 0px 0px 0px;
    width: 8px;
}


