/* ********************************** */
/* ******** Sub Case Menu CSS ******* */
/* ********************************** */

#SubCasesContainer {
    float: none;
    height: auto;
    max-width: 100%;
    min-width: 500px;
    width: 100%;
    clear: both;
    padding: 0px;
    margin: 0;
    display: block;
}

.SubCaseBox {
    float: left;
    height: auto;
    width: 15.5%;
    margin: 0px .5% .5em .5%;
    background-color: rgb(0, 0, 0);
    border-radius: 15px;
    border-bottom-color: rgb(0, 0, 0);
    border-bottom-width: 0.6em;
    border-bottom-style: solid;
    border-top-color: rgb(0, 0, 0);
    border-top-width: 0.6em;
    border-top-style: solid;
    /*-webkit-box-shadow: rgb(51, 53, 56) 3px 4px 6px 0px;
    box-shadow: rgb(51, 53, 56) 3px 4px 6px 0px;*/
    font-family: Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight: normal;
    color: rgb(255, 255, 255);
}

.SubCaseBox:hover {
    border-bottom-color: rgb(153, 0, 0);
    border-top-color: rgb(153, 0, 0);
}

.SubCaseBox a {
    display: block;
}

.SubCaseBox a:hover {
    color: rgb(247, 200, 108);
}

.SubCaseBox a:active {
    color: none;
    background-color:transparent;
}

/*background-color:transparent;*/

.SubcaseNameBox{
    float: none;
    display: table;
    width: 100%;
    height: 5em;
    line-height: 7em;
    text-align: center;
    vertical-align: middle;
    /*border:1px solid white;*/
}

.SubcaseName {  
    width: auto; 
    line-height: 1.1em; 
    font-size: 1.1em;
    display: table-cell;
    vertical-align: middle;
	text-transform: capitalize;
    font-variant: small-caps;
	font-weight: bold;
}

.SubcaseName span {  
    /*font-size: 0.8em;*/
	letter-spacing: -1px;	
}

.btnactive{
    border-bottom-color: rgb(153, 0, 0);
    border-bottom-width: 0.6em;
    border-bottom-style: solid;
    border-top-color: rgb(153, 0, 0);
    border-top-width: 0.6em;
    border-top-style: solid;
    color: rgb(247, 200, 108) !important;
}