/**** CUSTOM CSS ****/
.fullwidth{ width:100%; float:left }
.float_left{ float:left }
.float_right{ float:right; }
.text_align_right { text-align: right !important; }
.text_align_left { text-align: left !important; }
.text_align_center { text-align: center !important; }
.no_texttransform{ text-transform:none !important }

.auto-m{ margin:0 auto }
.np{ padding:0px !important }
.nLp{ padding-left:0px !important }
.nRp{ padding-right:0px !important }
.nTm{ margin-top:0px !important }
.nBm{ margin-bottom:0px !important }

.row_margin{ margin-top:20px; }
.field_margin{ margin-top:10px; }

.nohover a:hover{
	color: inherit;
}

/* ==== BLUE BG BOX ===== */
.blue_box {
    background-image: url("../images/blue_tab.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin: 0 10px 15px 0;
    width: 341px;
}

.grid_12 { width: 50%; float:left }
.all-5 {    width: 5%; }
.all-10 {   width: 10%; }
.all-15 {   width: 15%; }
.all-18 {   width: 18%; }
.all-20 {   width: 20%; }
.all-25 {   width: 25%; }
.all-30 {   width: 30%; }
.all-35 {   width: 35%; }
.all-40 {   width: 40%; }
.all-45 {   width: 45%; }
.all-50 {   width: 50%; }
.all-57 {   width: 57%; }
.all-55 {   width: 55%; }
.all-60 {   width: 60%; }
.all-65 {   width: 65%; }
.all-70 {   width: 70%; }
.all-75 {   width: 75%; }
.all-80 {   width: 80%; }
.all-85 {   width: 85%; }
.all-87 {   width: 87%; }
.all-90 {   width: 90%; }
.all-95 {   width: 95%; }
.all-100 {  width: 100%; }

/*==Select Dropdown with arrows==*/
label.custom-select {
    position: relative;
    display: inline-block;

}
.select-margin{ 
	margin-top:40px; 
	margin-bottom:50px	
}
.custom-select select {
   display: inline-block;
   padding: 4px 3px 3px 5px;
   margin: 0;
   font: inherit;
   outline:none; /* remove focus ring from Webkit */
   line-height: 1.2;
   color:white;
   border:0;
   color:#444;
   font-weight:normal;
   border-radius:5px;
   -moz-appearance: none;
   -webkit-appearance: none;
   width:200px;
   height:40px;
}

/* Select arrow styling */
.custom-select:after {
   content: "\25BC";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   line-height: 30px;
   padding: 5px 7px 0px 7px;
   pointer-events:none

}
    
.no-pointer-events .custom-select:after {
   content: none;
}
/*==END==*/


.voicetalent-plussign{
	float: left;
    font-size: 34px;
    font-weight: bold;
    margin: -7px 10px 0 0;
    padding: 0;
}
.voicetalent-plussign:hover{
	color:#FFFFFF
}

/*************************************
		MOBILE CSS
*************************************/
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.md_zeromargin{ margin:0px !important }
	.md_zero_lmargin{ margin-left:0px !important }
	.md_zero_rmargin{ margin-right:0px !important }
	.md_zero_tmargin{ margin-top:0px !important }
	.md_zero_bmargin{ margin-bottom:0px !important }

	.select-margin {
		margin-bottom: 0;
		margin-top: 20px;
	}
	.music-list li {
		font-size:14px
	}	
	.music-list li::before {
		top:-12px;
	}
	.voicetalent-plussign {
		font-size:24px
	}
}