﻿
/*styles for VIEWS dropdown*/

/*use these 3 classes to position the view ddl for each view*/
.photolist_ddl_views
{
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2000;
       text-align:left;
}
.quicklist_ddl_views
{
    position: relative;
    float:right;
    z-index: 2000;
    height: 22px;
}
.photogallery_ddl_views
{
    position: relative;
    float:right;
    z-index: 2000;
    height: 22px;
}
.verticalcompare_ddl_views
{
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2000;
}
/******************/
.dropdown_VIEWS a, .dropdown_VIEWS a:visited
{
    text-decoration: none;
    outline: none;
    color: #555555;
}
.dropdown_VIEWS dd, .dropdown_VIEWS dt, .dropdown_VIEWS ul
{
    margin: 0px;
    padding: 0px;
}
.dropdown_VIEWS dd
{
    position: relative;
}
.dropdown_VIEWS dt a:hover
{
    background-image: url(../../newimages/blue_ddl_135_darker.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    width: 135px;
    padding: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #555555;
}
.dropdown_VIEWS dt a
{
    background-image: url(../../newimages/grey_ddl_135_darker.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    width: 135px;
    padding: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #555555;
}
.dropdown_VIEWS dt a span
{
    cursor: pointer;
    display: block;
}
.dropdown_VIEWS dd ul
{
    background: #FFFFFF;
    border: 1px solid #98C0F4;
    color: #000000;
    display: none;
    left: 0px;
    padding: 2px;
    position: absolute;
    top: -1px;
    width: 129px;
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
    z-index: 777;

}
.dropdown_VIEWS span.value
{
    display: none;
}
.dropdown_VIEWS dd ul li a
{
    display: block;
    border: 1px solid #ffffff;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    padding: 3px;
}
.dropdown_VIEWS dd ul li a:hover
{
    background-color: #DFE8F6;
    border: 1px dotted #98C0F4;
}
.dropdown_VIEWS img.flag
{
    border: none;
    vertical-align: middle;
    margin-left: 10px;
}
/*styles for SORT dropdown*/
/*use these classes to position the Sort ddl for each view*/
.photolist_ddl_sort
{
    position: absolute;
    top: 9px;
    left: 75px;
    z-index: 2000;
       text-align:left;
}
.photogallery_ddl_sort
{
    position: relative;
    float:left;
    z-index: 2000;
    height: 22px;
}
.verticalcompare_ddl_sort
{
    position: absolute;
    top: 9px;
    left: 75px;
    z-index: 2000;
}
/*************/

.dropdown_SORT a, .dropdown_SORT a:visited
{
    text-decoration: none;
    outline: none;
    color: #555555;
}
.dropdown_SORT dd, .dropdown_SORT dt, .dropdown_SORT ul
{
    margin: 0px;
    padding: 0px;
}
.dropdown_SORT dd
{
    position: relative;
}
.dropdown_SORT dt a:hover
{
    background-image: url(../../newimages/blue_ddl_160_darker.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    width: 160px;
    padding: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #555555;
}
.dropdown_SORT dt a
{
    background-image: url(../../newimages/grey_ddl_160_darker.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    width: 160px;
    padding: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #555555;
}
.dropdown_SORT dt a span
{
    cursor: pointer;
    display: block;
}
.dropdown_SORT dd ul
{
    background: #FFFFFF;
    border: 1px solid #98C0F4;
    color: #000000;
    display: none;
    left: 0px;
    padding: 2px;
    position: absolute;
    top: -1px;
    width: 154px;
    list-style: none;
    max-height: 230px;
    overflow-y: auto;
    z-index: 777;
}
.dropdown_SORT span.value
{
    display: none;
}
.dropdown_SORT dd ul li a
{
    display: block;
    border: 1px solid #ffffff;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    padding: 3px;
}
.dropdown_SORT dd ul li a:hover
{
    background-color: #DFE8F6;
    border: 1px dotted #98C0F4;
}
.dropdown_SORT img.flag
{
    border: none;
    vertical-align: middle;
    margin-left: 10px;
}
/*styles for short dropdowns in search*/


.dropdown_short a, .dropdown_short a:visited
{
    text-decoration: none;
    outline: none;
    color: #000000;
}
.dropdown_short dd, .dropdown_short dt, .dropdown_short ul
{
    margin: 0px;
    padding: 0px;
}
.dropdown_short dd
{
    position: relative;
}
.dropdown_short dt a:hover
{
    background-image: url(../../newimages/blue_ddl_70_darker.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    width: 70px;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
}
.dropdown_short dt a
{
    background-image: url(../../newimages/grey_ddl_70_darker.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    width: 70px;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
}
.dropdown_short dt a span
{
    cursor: pointer;
    display: block;
}
.dropdown_short dd ul
{
    background: #FFFFFF;
    border: 1px solid #98C0F4;
    color: #000000;
    display: none;
    left: 0px;
    padding: 2px;
    position: absolute;
    top: -1px;
    width: 66px;
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
    z-index: 777;
}
.dropdown_short span.value
{
    display: none;
}
.dropdown_short dd ul li a
{
    display: block;
    border: 1px solid #ffffff;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    padding: 3px;
}
.dropdown_short dd ul li a:hover
{
    background-color: #DFE8F6;
    border: 1px dotted #98C0F4;
}
.dropdown_short img.flag
{
    border: none;
    vertical-align: middle;
    margin-left: 10px;
}
/*styles for long dropdowns in search*/

.dropdown a, .dropdown a:visited
{
    text-decoration: none;
    outline: none;
    color: #000000;
}
.dropdown dd, .dropdown dt, .dropdown ul
{
    margin: 0px;
    padding: 0px;
}
.dropdown dd
{
    position: relative;
}
.dropdown dt a:hover
{
    background-image: url(../../newimages/blue_ddl_124_darker.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    width: 119px;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
}
.dropdown dt a
{
    background-image: url(../../newimages/grey_ddl_124_darker.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    width: 119px;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
}
.dropdown dt a span
{
    cursor: pointer;
    display: block;
}
.dropdown dd ul
{
    background: #FFFFFF;
    border: 1px solid #98C0F4;
    color: #000000;
    display: none;
    left: 0px;
    padding: 2px;
    position: absolute;
    top: -1px;
    width: 118px;
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
    z-index: 777;
}
.dropdown span.value
{
    display: none;
}
.dropdown dd ul li a
{
    display: block;
    border: 1px solid #ffffff;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    padding: 3px;
}
.dropdown dd ul li a:hover
{
    background-color: #DFE8F6;
    border: 1px dotted #98C0F4;
}
.dropdown img.flag
{
    border: none;
    vertical-align: middle;
    margin-left: 10px;
}
.flagvisibility
{
    display: none;
}

