/*The container that holds the dropdown items*/
.mcs-container{
    	width:100%;
	overflow:hidden;
        background:#222;
        box-sizing: border-box;
        display:none;
        position: relative;
        padding:10px;
        clear:both;
}

/*The menu items (options)*/
.mcs-open,
.mcs-item{
	box-sizing: border-box;
	background:#FFF;
	color:#111;   
	text-decoration: none;
	float:left;
	height: 33px;
	line-height: 34px;
	text-align: center;
        border:1px solid #111;
        
}
.mcs-item{
	height: 50px;
	line-height: 50px;
}
.mcs-open{
    border: 0;
        text-align: left;
        padding: 0 10px 0 10px;
	width:100%;
	background-color:#479EE4;
	color:white;
}

.mcs-open.open{
    background:#ffffff;
    color:#111;
}
.mcs-open.open:hover{
    background:#479EE4;
    color:#FFF;
}

.mcs-item.active{
	background: #479EE4;
  	color: #FFF;
	border:1px solid #222;
}


.mcs-item:hover,
.mcs-open:hover{
background:#479EE4;
cursor:pointer;
text-decoration:none !important;
color:#FFFFFF;
}

/*Hide Select Form Control*/
.hidden{
	visibility: hidden;
	height: 0px;
	width:0px;
	position:absolute;
}

/*Clear class used to push float- can just point to an exsisting clear class*/
.clear{
	display:block;
	clear:both;
}


.wrapper{
    width:580px;
    padding:20px;
    margin: 0 auto;
    text-align: center;
}


.mcs-open{
        font-family: 'Ubuntu Condensed', sans-serif;
        font-size:1em;
}           

.mcs-item{
    font-family: 'Ubuntu', sans-serif;
    font-size:0.8em;
        -moz-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -o-transform: scale(0.95) ;
        -ms-transform: scale(0.95);
        transform: scale(0.95) ;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 0 4px 1px rgba(0,0,0,0.4);
}
.mcs-item.active{
    text-shadow: 0 0 0 #111;
}
.mcs-item.active:hover{
  background: #479EE4;
}