/* 
    Created on : Jan 2, 2015, 9:45:07 AM
    Author     : ChrisM
*/

@charset "utf-8";

/***************** Member Directories ******************/

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#chooseSection {
    margin: 0 auto 10px;
    min-height: 30px;
    text-align: center;
    width: 100%;
    background-color: #5B5050;
}

#chooseSection ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 1.5em;
}

#chooseSection ul li {
    float: left;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 43px;
    font-family: 'robotoregular';
}
#chooseSection ul li a{
    color: #fff;
    display: block;
}

#chooseSection ul li a:hover, .selected
{
    border-radius: 50%;
    width: 28px !important;
    height: 28px !important;
    color: #fff;
    background-color: #052643;
    margin: 0 auto;
}



#chooseSection ul li.selected a:hover{
    margin: 0 0 0 -5px;
}
    
    

.showHideText a{
    color: #6D6A6A;
    font-size: 1em;
}


.dashedLineBottom {
    height: 0;
    margin: 0 auto 20px;
    width: 100%;
}

.dirBreadcrumb{
    font-size: 1.6em;
    color:#352E2E;
}

.directoryChoice{
    text-align: right;
    padding-right: 0;
}

.directoryChoice a{
    color:#000;
    font-size: 0.9em;
    text-transform: none;
}

.ff-left .dirHeading{
    font-size: 1.1em;
}

.dirHeading{
    margin-left: 15px;
    padding: 5px;
    text-align: left;
    font-size: 1.36em;
    font-weight: bold;
    background-color: #fff;
    border: #352e2e solid thin;
}

.dirHeading a{
    color: #352E2E;
}

.directoryLabel{
    padding-left:0;
}

.fixOverflow{
    margin: 0 0 20px 0;
}

.grayBackground {
    background-color: #eaeaea;
    padding: 5px 0;
}

#pageHeader{
    margin-bottom: 0;
    margin-top: 0;
}

#pageHeader h1 {
    font-size: 1.4em;
    color: #3F3636;
    margin: 0 0 0.25em 0;
}

.ff-left .pageNav{
    font-size: 0.9em;
}

.pageNav {
    background-color: #fff;
    font-size: 1.0625em;
    font-weight: bold;
    text-align: center;
    margin: 5px 5px 5px 27px;
    padding: 3px 0 3px 0;
}

.pagNav a{
    color: #3F3636;
}

.ff-left .resultName{
    font-size: 0.8em;
}

.ff-left .resultTitle{
    font-size: 0.75em;
}

.resultImage,
.resultImage a img{
    margin: 0 auto;
}

.resultName, .resultTitle{
    padding-left: 0;
}

.resultName{
    font-weight: bold;
    font-size: 1em;
}

.resultTitle{
    text-transform: uppercase;
    font-size: 0.875em;
}

.resultImage,
.resultImage a img, 
.resultText{
    height: 10em;
    max-height: 10em;
}

.resultText, .toggleMe{
    float: left;
}

.resultContainer{
    height: 12em;
    margin-bottom: 20px;
}

.searchPagination {
    color: #000;
    font-size: 14px;
    text-align: right;
}

.searchPagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


.searchPagination li {
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
}

.showHide {
    font-size: 0.7em;
    text-align: right;
    padding-right:0;
}

.ff-left .subjectCols a {
    font-size: 0.8em;
}

.subjectCols a{
    color: #231F20;
    font-size: 1em;
    font-family: Roboto;
    font-weight: 500;
    text-align: left;
    padding: 0.357em;
    border: 1px solid #EAEAEA;
}
.subjectCols a:hover{
    border: 1px solid #5b5050;
    background-color: #fff;
    text-decoration: none;
    padding: 0.357em;
    text-wrap: none;
}

.subjectCols{
    padding-left: 0.714em;
    padding-right: 0.714em;
    margin: 0.411em 0 0.411em 0; 
    min-width: 15em;
}

#toggleCats{
    z-index: 100;
}


/*Category backgrounds */
.catWrapper{
    margin-top:0;
}


/*Category nav rollovers */
.linkPainting a:hover{
    color: #FF6759;
}
.linkPhotography a:hover{
    color:#4B7687;
}
.linkDrawing a:hover{
    color:#5EC2A7;
}
.linkSculpture a:hover{
    color:#7F143E;
}
.linkGlass a:hover, .linkMetal a:hover, .linkWood a:hover{
    color:#386096;
}
.linkMixedMedia a:hover{
    color:#A4848F;
}
.linkPrintmaking a:hover{
    color:#45556B;
}
.linkJewelry a:hover{
    color:#F0C13C;
}
.linkCeramics a:hover{
    color:#6D7AB4;
}
.linkDigitalArt a:hover{
    color:#EE2133;
}
.linkFiberArt a:hover{
    color:#887D0C;
}
.linkInstallation a:hover, .linkMosaic a:hover, .linkVideo a:hover, .linkBookArts a:hover, .linkDecorative a:hover, .linkOther a:hover{
    color:#33B44A;
}
.linkIllustration a:hover{
    color:#F37321;
}



@media (max-width: 1199px){
    .resultName {
        font-size: 1em;
    }
    .resultTitle {
        font-size: 1em;
    }
}

@media (max-width: 991px){
    #pageHeader h1 {
        font-size: 1.4em;
    }
    .directoryChoice a {
        font-size: 0.8em;
    }
    .europeCols{
        min-width: 11em;
    }
    
}

@media (max-width: 767px){
    .directoryChoice{
        float:left;
    }
    .resultText, .toggleMe{
        float: none;
        margin: auto 0;
    }
    .resultContainer{
        height: 14em;
    }
    .resultText{
        height: 4em;
        padding-right: 0;
    }
    .resultName, .resultTitle {
        text-align: center;
    }
}

@media (max-width: 496px){
 
    .usCols{
        min-width: 14em;
    }
    
}    
@media (max-width: 468px){
    .subjectCols a {
        font-size: 0.875em;
    }
    .usCols{
        min-width: 12em;
    }
    
    
}