@charset "UTF-8";
/* CSS Document */


/* Rounded Corner Buttons */


/* Buttons */

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.clearfix  	   { display:block; }
.center			{margin:0 auto;}
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

#modalWindow button {
border: 0 none;
cursor: pointer;
text-align: center;
width: auto;
}

#modalWindow button span {
color: #FFFFFF;
display: block;
position: relative;
white-space: nowrap;
}

button.rounded {
background: transparent url( ../images/modal_windows/btn_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.9em;
height: 35px;
line-height: 33px;
padding: 0 15px 0 0;
}

button.rounded span {
background: transparent url( ../images/modal_windows/btn_left.png ) no-repeat scroll left top;
height: 35px;
line-height: 33px;
padding: 0 0 0 15px;
}

button.smallrounded {
background: transparent url( ../images/modal_windows/btn_right_sm.png ) no-repeat scroll right top;
font-size: 0.7em;
height: 22px;
line-height: 20px;
padding: 0 10px 0 0;
}

button.smallrounded span {
background: transparent url( ../images/modal_windows/btn_left_sm.png ) no-repeat scroll left top;
height: 22px;
line-height: 20px;
padding: 0 0 0 10px;
}

button.rounded:hover {background-position: 100% -35px;
}

button.rounded:hover span {background-position: 0% -35px;
}

button.smallrounded:hover {background-position: 100% -22px;
}

button.smallrounded:hover span {background-position: 0% -22px;
}

button::-moz-focus-inner {border: none;
}

button.modalSubmit{float:right; margin:20px 60px;
}







/* Headers */


div.roundedSubHeader{
background: transparent url(../images/modal_windows/subheader_right.png) no-repeat right top;
clear:left;
height:30px;
width:100%;
}

div.roundedSubHeader h3{
color:#fff;
font-size:1em;
font-weight:normal;
letter-spacing:0.05em;
padding:7px 0 0 20px;
text-transform:uppercase;
}

span.roundedSubHeaderLeft{
background: transparent url(../images/modal_windows/subheader_left.png) no-repeat left top;
float:left;
height:30px;
width:9px;
}


div.roundedBoxHeader{
background: transparent url(../images/modal_windows/boxheader_right.jpg) no-repeat right top;
clear:left;
height:35px;
width:100%;
}

div.roundedBoxHeader h3{
color:#fff;
font-size:1em;
font-weight:normal;
letter-spacing:0.05em;
padding:9px 0 0 20px;
}

span.roundedBoxHeaderLeft{
background: transparent url(../images/modal_windows/boxheader_left.jpg) no-repeat left top;
float:left;
height:35px;
width:9px;
}



/* Tool Tip */


/**** Right Tool Tip Modal Window ****/
.toolTip{
background:#d9e694 url(../images/modal_windows/help.png) no-repeat top left; 
float:right;
width:173px; 
}

.toolTipBottom{
background:url(../images/modal_windows/help_bottom.png) no-repeat bottom left; 
float:left; 
height:20px; 
width:173px;
}

/**** Bottom Tool Tip Modal Window ****/
.toolTipFooter{
background:#d9e694 url(../images/modal_windows/helpfooter.png) no-repeat top left; 
margin-bottom:20px;
margin-top:20px;
width:410px; 
}

.toolTipFooterBottom{
background:url(../images/modal_windows/helpfooter_bottom.png) no-repeat bottom left; 
float:left;
height:12px; 
width:410px; 
}

.toolTip p, .toolTipFooter p{padding:15px 15px 0 28px;text-align:center;}





/* Modal Window */

#modalWindow {width:100%; }

#modalWindow h1{font-size:2.2em; color: #6FA617; text-align:center; padding:10px 0;}

#modalBoundingBox{
background-color:#e4e2e2;
padding:30px;
margin:0 auto;
width:600px;
}

#modalWindow #content{
background-color:#e4e2e2;
padding: 20px; 
}


ul.modalForm{width:385px;}

ul.modalForm li{padding-bottom:20px;}

ul.modalForm li input, ul.modalForm li select{border:1px solid #717A83; padding:2px;}

ul.modalForm li label{
display:block;
float:left;
width:130px;}



/**** Modal Window for Track Details ****/
#modalTrackDetails{
margin:0 auto;
width:660px; 
}

#modalTrackDetails .roundedSubHeader{margin-bottom:20px;}

#modalWindow #modalTrackDetails #content{
clear:none;
float:right; 
width:560px;
}

/**** Modal Window for Track Details - Track list on the left side ****/
ul.trackNumberList{float:left;}

ul.trackNumberList li{
background-color:#e4e2e2;
font-size:22px;
font-weight:bold;
width:50px;
text-align:center;
line-height:50px;
margin-bottom:10px;
}

ul.trackNumberList li.current{
background-color:#1B3249;
color:#fff;
}


/***** Radio Buttons Modal Form ****/
ul.modalForm li span.releaseArtistName{font-weight:bold; font-size:1.2em;}
ul.modalForm li span.addTrackLevel{font-size:.8em; text-transform:uppercase; color:#6FA617;}


/** Edit Tracks Modal Form ****/


/**** Radio Buttons Modal Form ****/
ul.modalForm li label.smalltext{font-size:10px; color:#646d76; width:190px; padding-bottom:10px;}
ul.modalForm li label.smalltext img{padding-left:7px;}

ul.modalForm li p.indent, ul.modalForm li span.indent{margin-left:130px;}


/**** Add New Tracks to Your Release ****/

.addTracks label{font-size:1.7em; padding:15px 0; display:block;}
.addTracks input{font-size:2em; padding:5px; border:1px solid #717A83; text-align:center; color:#ff5a00;}


ul.modalForm li span.required{color:#FF0000;}

#releaseName{padding:5px; font-size:20px; width:240px; color:#1B3249;}

a.applyall{color:#ff5a00; font-size:.8em;}

ul.modalForm li div.form-input{width:250px; float:right;}

ul.modalForm li div.form-input input{width:100%;}





/**** Homepage modules ****/

div.modLargeBack{
background:transparent url(../images/modal_windows/module_large_back.gif) repeat-y scroll 0 0
}

div.modLargeBot{
background:transparent url(../images/modal_windows/module_large_bot.gif) no-repeat scroll 0 100%;
padding:20px;
}