/* CSS Document */

/* ======================================== */
/*              REQUIRED CSS                */
/*     Do not delete the styles in this     */
/*  section.  They are used by Ecobuilder.  */
/*  You of course, may modify them to suit  */
/*         your design and layout.          */
/* ======================================== */

/*@import url(cart.css);*/
@import url(css/login.css);
@import url(css/buttons.css);
@import url(css/forms.css);

html {

    background-attachment: initial;
}

/* Body */

BODY {
    background-color: #ffffff;
    /*background-image:url(/assets/mcs-bg.png); */
    background-repeat: repeat-x;
    margin-top: 0px;
}

h2 {
    color: #fff;
    background-color: #666699;
    width: 100%;
    padding-left: 10px;
}

h3 {
    color: #333;
    background-color: #ccccff;
    width: 100%;
    padding-left: 10px;
}

h4 {
    color: #990000;
    background-color: #ffcccc;
    width: 100%;
    padding-left: 10px;
}

/*P{ color:#000000;  font-size:13px; text-align:justify;}
A:link, A:active{ color:#003399; font-weight:bold; text-decoration:none; }
A:visited{ color:#996699; font-weight:bold; text-decoration:none; }
A:hover{ color:#cc9900; font-weight:bold; text-decoration:underline; }
OL{ font-size:11px; }
ul{  font-size:13px; padding-left:25px; }
li{ list-style:square; padding-bottom:15px; }
*/

#header-wrap {
    font-family: proxima-nova-1, proxima-nova-2, 'Helvetica Neue', Arial;

    width: 982px;
    padding-bottom: 2px;
    padding-top: 2px;

    margin-left: auto;
    margin-right: auto;
    margin-top: 0;

}

#header-login  form {
    display: inline;
    float: right;
    background-color: #333366;
    padding-bottom: 2px;
    padding-top: 2px;
}

#header-logout form {
    display: inline;
    float: right;
    background-color: #333366;
}

#header-login label {
    color: #fff;
    margin-bottom: 0.2em;
    margin-right: 1em;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    width: 8em;
}

#header-logout label {
    color: #e3e3e3;
    margin-bottom: 0.2em;
    margin-right: 1em;
    text-align: center;
    font-weight: lighter;
    font-size: 12px;
    width: 22em;
}

#header1 #login button {
    -webkit-text-stroke-color: transparent;
    -webkit-text-stroke-width: 1px;
    background-color: #666699;
    border-bottom-width: 0;
    border-color: initial;
    border-left-width: 0;
    border-right-width: 0;
    border-style: initial;
    border-top-width: 0;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    height: 22px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 0;
    width: 67px;
}

#container {
    display: table;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 982px;
    -moz-box-shadow: 0px 0px 5px #888888; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 0px 0px 5px #888888; /* Safari */
    box-shadow: 0px 0px 5px #888888;
    behavior: url(/css/ie-css3.htc);
    /*
border:0px 2px 2px 2px solid #e3e3e3;
*/
    background-color: #fff;
}

#button_musicians {
    width: 312px;
    height: 311px;
    background: url("images/musicians.gif") no-repeat 0 0;
    float: right;
    margin-right: 40px;

}

#button_musicians:hover {
    background-position: 0 -311px;
}

#button_musicians span {
    position: absolute;
    top: -999em;
}

#button_bands {
    width: 312px;
    height: 311px;
    background: url("images/bands.gif") no-repeat 0 0;
    float: left;
    margin-left: 40px;

}

#button_bands:hover {
    background-position: 0 -311px;
}

#button_bands span {
    position: absolute;
    top: -999em;
}

#left-navigation {
    background: #FFF;
    display: inline-block;
    width: 200px;
    float: left;
    margin-top: 0px;
    font: normal normal normal 12px/1.9 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
}

#left-navigation ul, #left-navigation li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
}

#left-navigation a {
    width: 180px;
    color: #666;
    text-decoration: none;
}

#left-navigation a:hover {
    color: #039;
    text-decoration: none;
}

#left-navigation li:hover {
    color: #039;
    background-color: #e6e6e6;
}

#content {
    background-color: #FFFFFF;
    float: right;
    font: 13px/1.9 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
    margin: 0;
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
    width: 752px;
}

div.figure {
    border: thin silver solid;
    margin: 0.5em;
    padding: 0.5em;
}

div.figure p {
    text-align: center;
    font-style: italic;
    font-size: smaller;
    text-indent: 0;
}

table.header {
    border-width: 0px;
    border-spacing: 0px;
    border-style: none;
    border-color: gray;
    border-collapse: collapse;
    background-color: white;
    line-height: 0;
}

table.header  th {
    border-width: 0px;
    padding: 0px;
    border-style: none;
    border-color: gray;
    background-color: white;
}

table.header  td {
    border-width: 0px;
    padding: 0px;
    border-style: none;
    border-color: gray;
    background-color: white;
}

.header_table {
    width: 100%;
    border-collapse: collapse;

    /* background-image:url(/border/header_bg_rev2.png);
     background-origin:initial;
     background-position:50% 0;
     background-repeat:repeat no-repeat;
     border-bottom-color:#F1F1F1;
     border-bottom-style:solid;
     border-bottom-width:1px;
     border-top-color:#086D9E;
     border-top-style:solid;
     border-top-width:1px;
     height:165px;*/

}

#logo {
    background-image: url(images/mc_logo.gif);
    z-index: 99;
}

.infobox.left {
    float: left;
    margin-left: 5px;
}

.infobox {
    background-color: #E3E3E3;
    border-bottom-left-radius: 7px 7px;
    border-bottom-right-radius: 7px 7px;
    border-top-left-radius: 7px 7px;
    border-top-right-radius: 7px 7px;
    clear: both;
    border: 1px;
    color: #666;
    display: block;
    font-size: 0.9em;
    margin: 10px;
    padding-bottom: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    /*text-shadow:#FFFFFF 0 1px 0;*/
}

.paddit {
    color: #000000;
    font-size: 9px;
    margin-left: 10px;
}

.reg {
    color: #000000;
    font-size: 10px;
}

.status {
    color: #ff0000;
    font-size: 11px;
    font-weight: bold;
}

.notes {
    color: #000000;
    font-size: 10px;
    font-weight: bold;
}

.forminput {
    background-color: #dedede;
    color: #cc0000;
    font-family: MS Sans Serif, Tahoma, Arial;
    font-size: 12px;
    font-weight: bold;
}

.forminput2 {
    background-color: #eeeeee;
    border-bottom: #000000 2px solid;
    border-left: #000000 2px solid;
    border-right: #000000 2px solid;
    border-top: #000000 2px solid;
    color: #cc0000;
    font-family: verdana, Tahoma, Arial;
    font-size: 13px;
    font-weight: bold;
}

.formq {
    background-color: #eeeeee;
    border-bottom: #000000 1px solid;
    border-left: #000000 1px solid;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    color: #cc0000;
    font-family: verdana, Tahoma, Arial;
    font-size: 11px;
    font-weight: bold;
}

.formsubmit {
    background-color: #003399;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.formsubmit2 {
    background-color: #003399;
    border-bottom: #000000 2px solid;
    border-left: #000000 2px solid;
    border-right: #000000 2px solid;
    border-top: #000000 2px solid;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
}

.formsubmit3 {
    background: url('images/layout/b.gif') repeat;
    border-bottom: #fff 2px solid;
    border-left: #fff 2px solid;
    border-right: #fff 2px solid;
    border-top: #fff 2px solid;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    clear: both;
}

.formlabel {
    background-color: #000000;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.formlabel2 {
    background-color: #eee;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.fplink {
    color: #cc0000;
    font-size: 13px;
    font-weight: bold;
    padding: 3px;
    text-decoration: none;
}

A.fplink:link {
    color: #51646B;
    text-decoration: none;
}

A.fplink:visited {
    color: #51646B;
    text-decoration: none;
}

A.fplink:active {
    color: #51646B;
    text-decoration: none;
}

A.fplink:hover {
    color: #cc0000;
    text-decoration: underline;
}

.linkemph {
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    text-decoration: none;
}

.titlelarge {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.titlemedium {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

.title {
    color: #cc0000;
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
}

.titleblue {
    color: #003399;
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
}

.titlesmall {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.titlecompliment {
    margin-top: 10px;
    color: #003399;
    font: bold 24px/34px Helvetica, Arial, sans-serif;
    text-align: center;
    clear: both;
}

.titlespecial {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
}

A.titlespecial:link {
    color: #31557E;
    text-decoration: underline;
}

A.titlespecial:visited {
    color: #31557E;
    text-decoration: underline;
}

A.titlespecial:active {
    color: #31557E;
    text-decoration: underline;
}

A.titlespecial:hover {
    background-color: #dedede;
    color: red;
    text-decoration: none;
}

.copyright {
    color: #000066;
    font-size: 11px;
    font-weight: normal;
}

.footerlinks {
    color: #000066;
    font-size: 14px;
    font-weight: normal;
}

A.footerlinks:link, A.footerlinks:visited, A.footerlinks:active {
    color: #000066;
    text-decoration: none;
}

A.footerlinks:hover {
    color: #000066;
    text-decoration: underline;
}

.required {
    color: #cc0000;
    font-family: verdana, tahoma, arial;
    font-size: 14px;
    font-weight: bold;
}

.tellafriend {
    color: #000000;
    font-size: 10px;
    font-weight: bold;
}

A.tellafriend:link, A.tellafriend:visited, A.tellafriend:active {
    color: #000000;
    font-size: 10px;
    font-weight: bold;
}

A.tellafriend:hover {
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
}

.reviews {
    font-size: 12px;
}

.famousArtists {
    color: #669;
    font-weight: bold;
}

.captions {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.forgotPassword {
    margin: auto;
    width: 50%;
}

a.button2 {
    background: url(images/button.gif);
    display: block;
    color: #555;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    text-decoration: none;
    width: 191px;
}

a:hover.button2 {
    color: #06C;
}

/* -------------------- */
/* CLASSES */
/* -------------------- */
.add {
    background: url(images/add.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

/*
 *	.radio {position:relative;}
	.radio fieldset {border:none;width:auto;padding:1px 0 0 11em;}
	.radio legend {font-size:1em;color:#000;}
	.radio legend span {position:absolute;left:0;	top:0.3em;	width:10em;	display:block;}
	.radio label, .radio input {vertical-align:middle;	display:inline;	float:none;	width:auto;	background:none;border:none;}
	.radio div {float:left;	white-space:nowrap;clear:none;}
 * */

/* ----------/b/--------- */

div#bheader {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('images/layout/b.gif') repeat;

    height: 105px;
}

html body table tbody tr.bh {
    background: url('header.jpg') no-repeat;
}

div#blogin {

}

ul#bmenu {
    list-style-type: none;
    font-size: 15px;
    font-family: "Arial, Tahoma";
    color: #000;
    margin-top: 20px;

}

ul#bmenu li {
    list-style-type: none;
}

ul#bmenu li a {
    color: #000;
    font-weight: bold;
}

ul#bmenu li a:hover {
    color: #3fa9f5;
    text-decoration: none;
}

/*
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.myButton:active {
	position:relative;
	top:1px;
}
*/

.deletebutton {
    background-image: url(images/Delete-icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    left: 85px;
    position: relative;
    text-decoration: none;
    top: 13px;
    width: 24px;
    z-index: 22;
}

.imagelist {
    margin-left: 20px;

}

.imagelist td {
    width: 150px;

}

.imagelist div {
    margin: 0;
}

input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
}