/* CSS Document */

/* HOME PAGE */

/* GREEN LINKS */
#content a, #content a:link, #content a  {
	color: #678227;
	text-decoration: none;
}

#content a:hover {
	color: #678227;
	text-decoration: underline;
}




/* INSIDE DIV????? */
#content div .components a, #content div .components a:link, #content div .components a  {
	color: #678227;
	text-decoration: none;
}

#content div .components a:hover {
	color: #678227;
	text-decoration: underline;
}




#content h3.bluetitle a,  #content h3.bluetitle a:visited, h3.bluetitle a:link {
	color: #5689AD;
	font-size: 16px;
	font-family:	Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#content h3.bluetitle a:hover {
	color: #73ADD5; 
}







#footer a, #footer a:link, #footer a:visited  {
	color: #678227;
	text-decoration: none;
}

#footer div div a:hover {
	color: #678227;
	text-decoration: underline;
}




/* COMP BOXES */

.components {
   width: 265px;
   background: url(/images/comp_top.jpg) no-repeat left top;
}
.components .componentsbottom {
	padding: 5px 15px 5px 15px;
   background: url(/images/comp_box.jpg) no-repeat left bottom;
}

.components h3 {
	height: 35px;
	padding: 5px 5px 0 10px;
	}



/* header search */
#headersearch {
	padding: 10px 0 0 0;
	width: 300px;
	height: 10px;
	color: #fff;
	font-size: 11px;
}

.headerinput {
	height: 18px;
	width: 80px;
	font-size: 10px;
	color: #666666;
}
/* end header search */

.searchresults h2 {
	color: #2F2F2F;
	font-size: 18px;
}

.searchresults #top {
 	background: #ece9d8;
	padding: 10px;
	border-top: 1px dashed #4E4E4E;
	border-bottom: 1px dashed #4E4E4E;
}

.searchicon {
	padding-left: 5px;
}

.albumart {
	margin: 0 4px 4px 4px;
	border: 2px solid #fff;
	
}

/* search results page search.php */

#searchtable {
	padding: 0;
	margin: 0;
}
#searchtable tr td{
	padding: 15px 5px 15px 0px;
	border-bottom: 1px #CCC dashed;
}
/* CHECKOUT PAGE */

#cart table {
	width: 400px;
	padding: 5px;
	 background: #ece9d8;
	padding: 10px;
	border-top: 1px dashed #4E4E4E;
	border-bottom: 1px dashed #4E4E4E;
	}

		
/* AX  SEARCH */

#axbox {
	height: 80px;
	
	/*background: #ece9d8;  TAN*/
}
#axsearch {
	overflow:auto;
	width: 265px;
	height: 80px;
}

#axresults {
	padding: 3px;
	margin-left: 10px;
}

#axresults:hover {
	background: #BFD0CB;
	color: #000;
}


/* ratings graph data */
.graphline {
	background: #5689AD;
	display: block;
	padding: 6px 0 4px 0;
}

.tdleft {
	padding-right: 10px;
}

/******mus message *****/



.commenttext {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px;
	width:400px;
	background: #ececec url(images/comm.png) no-repeat top;
}


/****** Musician Name Cloud ****/

#leftcolumn #rightcolumn .clnamecloud {
	padding: 0 1px 0 0px;
}

#leftcolumn #rightcolumn a.clnamecloud:hover{
	color: #678227;
	text-decoration: underline;
}

a.namecloud1:link { 
	color: #666666 !important;
}
a.namecloud2:link  { 
	color: #999999 !important;
}

a.namecloud3:link  { 
	color: #AAAAAA !important;
}

a.namecloud4:link  { 
	color: #BBBBBB !important;
}

a.namecloud5:link  { 
	color: #CCCCCC !important;
}

a.namecloud6:link  { 
	color: #DDDDDD !important;
}

/****** User Name Cloud ****/

.cacloud {
	padding: 0 1px 0 0px;
}

/****** Musicians Page Notes ****/

.musnotes  {
 	background: #ece9d8;
	border: 1px dashed #4E4E4E;
	padding: 10px;
	margin: 5px;
}

/****** TABLE CLASS ****/
table.tableclass tr, table.tableclass {
	border: #999999 1px solid;
	border-collapse:collapse;
}

/*********** INPUT BUTTONS ***********/

/* input */

input {
	padding: 2px;
	/*width: 160px; delete this*/
	}
input.smallsubmit {
	padding: 0;
	width: 16px;
}
input.button {
	color: #678227;
	width: 70px;
	padding: 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999; /* 5689ad darker input color */
}
input.leftpadbutton {
	color: #678227;
	width: 70px;
	padding: 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999; /* 5689ad darker input color */
	margin-left: 20px;
}


#cart input.qty {
	width: 30px;
} 


/* All form elements are within the definition list for this example */


dl {
	font:normal 12px/15px Arial;
	padding: 0;
	margin-left: 0px;
	position: relative;
}

dt {
   
    padding: 0px 0 2px 0;
    text-align: left;
}


dd {
  padding: 0;
  margin: 0 0 7px 0;
}



dt.sbmt {
	margin-left: 100px;
	padding-bottom: 7px;
}

#clientlogin {
	width: 350px;
}

#clientlogin dl {  /* These are for IE6 */
	padding: 0px;
	margin-left: 25px;
	padding-top: 30px;
}

html > body #clientlogin dl { /* The same declaration as above, but fixing it back*/
	 margin-left: 5px;
	 padding-top: 5px;
}


#signup dl {
	margin-left: 0px;
	width: 300px;
	/*border: #CCCCCC 1px solid; */
}
#signup dt, #signup dd {
	padding-left: 0;
}
#signup dt.sbmt {
	padding-left: 40px;
	margin: 0 0 2px 0;
}


#payment  dl {
	margin: 0;
	border: #CCCCCC 1px solid;
	width: 300px;
	padding: 15px 0 0 30px;
}

#payment dt, #payment dd {
	padding-left: 55px;
}


#payment #rightcolumn {
	background: #E8F1D2;
	padding-bottom: 40px;
}



/* REMOVED
#logincont {
	padding: 25px 0 25px 0;
	border-top: 1px #999999 dashed;
}


#loginpage #rightcolumn {
	/*background: #E8F1D2; greenish bg */
	/*padding-left: 30px;
}
*/

/* PROBABLY NOT USING THIS .... only use buttons not links
#cart div.sbmt a, #cart div.sbmt a:visited, #cart div.sbmt a:active,  #cart div.sbmt a:hover {
	padding: 4px 5px 4px 5px;
	margin-left: 20px;
	color: #678227;
	width: 70px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #ece9d8;
	text-decoration: none; 
}
*/

#userbackend dl {
	margin-left: 0px;
	width: 415px;
	padding-left: 3px;
	/*border: #CCCCCC 1px solid;*/
}

#userbackend dt {
	padding-top: 5px;
}

#userbackend dt, #userbackend dd {
	padding-left: 35px; /* changes the userbackend fields */
}
#userbackend dt.sbmt {
	padding-left: 40px;
	margin: 0 0 2px 0;
}

#top {
	width: 400px;
}

/* login page */
/* The hint to Hide and Show */

.hint{
   	display: none;
    position: absolute;
    right: -110px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #A4B9BC;
    padding: 10px 12px;
	color: #333333;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #DBE4E5 url(http://www.musicneutral.com/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
 	background: url(http://www.musicneutral.com/images/pointer.gif) left top no-repeat;
 
}



/* The pointer image that doesnt go OFF  on singup.php's POST BACK*/
.hinton{
    position: absolute;
    right: 80px;
	
    width: 200px;
    margin-top: -4px;
    border: 1px solid #A4B9BC;
    padding: 10px 12px;
	color: #333333;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #DBE4E5 url(http://www.musicneutral.com/images/pointer.gif) no-repeat -10px 5px;
}




/* user backend's hints */
#userbackend #users_backend .hint {
	right: -30px;
}


/*  FORM TOP BAR */
#formtopbar {
	width: 100%;
	padding: 3px;
	background: red;
	margin: 0;
}


/* RECAPTCHA CSS */
 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFF !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #FFF !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #A4B9BC !important; //Text input field border color
   background-color:#333 !important; //Text input field background color
 }
 
 #recaptcha_logo, #recaptcha_tagline {
 	display:none;
 }
.recaptchatable tbody tr td.recaptcha_image_cell, div.recaptcha_input_area, #recaptcha_image {
 	padding: 0 !important;
	margin: 0 !important;
 }
 #recaptcha_area table#recaptcha_table tbody tr td, #recaptcha_area table#recaptcha_table tbody tr td input#recaptcha_response_field { /* the captcah input field needs to move further left */
 	margin 0px !important;
	padding: 0px !important;
 }
 
 #errortext, .errormessage{
 	color: #FF0000;
 }
 
 
 /* FAQ */
 .faqdiv {
 	padding: 0 0 18px 10px;
 }
 
 /* file upload */
 #readytoupload {
 	margin: 6px 0 6px 0;
 }
 
 #filewrite {
 	background: #DDDDDD; /*backendimage/ uploading photos */
 }
 
 
  /* blog */
 
 #leftinsidecolumn {
 	width: 470px;
 }
 
 
#leftcolmn div .entry .entrybody p .imagepadright {/*extra padding for the blog pics */
 	padding-right: 15px;
 }

table.tableborder, table.tableborder tr, table.tableborder td {
	border: #999999 1px  solid;
	border-collapse:collapse;
}
.photocaption {
	font-size: 10px;
	font-style: italic;
}

/* BLOG / MUSICIAN LETTER BLOCKQUOTE */
blockquote#letterquote {
	margin: 0;
	padding: 5px;
	background: #ece9d8;
	color: #666666;
}