/*-------------------------------------------------------------
CSS Document  - styling forms
 version:1.0
 author: Val Cartei
 email: val@adaptivetechnologies.com or val.cartei@gmail.com
 website: www.adaptivetechnologies.com
 --------------------------------------------------------------*/

  /***************************************************/
  /*               FORM styles                       */
  /***************************************************/
 .notes-box {
  float: right;
  height: auto;
  margin: 0 10em;
  padding: 5px;
  }
  .light-green{
	background-color:#DDF9B5;
	border:1px solid #85c329;
	padding-left:1em;
}
/*fields are assumed to be mandatory*/
label{font-weight:bold;}
.red{color:#FF0000;}

/*for those fields which are optional*/
.optional{font-weight:normal; color:#666666; font-size:0.9em;}
#register_form dt{ float:none;width:100%}
#register_form dd{width:100%}
dl {
  position: relative;
  width: 100%;
}
dt {
  clear: both;
  float:left;
  width: 14%;
  padding: 4px 0 2px 0;
  text-align:left;
}
dd {
  float: left;
  width: 30%;
  margin: 0 0 8px 0;
  padding-left: 6px;
}
.hint {
  display:none;
  position: absolute;
  right:20%;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #85C329;
  padding: 10px 12px;
  background-color: #DDF9B5;
}
.hint .hint-pointer {
    display:block;
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/arrows/pointer.gif) left top no-repeat;
}
.invalid{background-color:#FF6000;color:#FFFFFF;}
fieldset{border:0px;}

legend+hr{width:60%;margin-top:0;color: #999999;background-color: #999999; height:1px;float:left;}
.legend_bg{
margin-bottom:-4px;
font-weight:bold;
background-color:#DDF9B5;
width:10%;
}
/*input[type=text]{border:1px solid #85C329;}
textarea{font-family:inherit;font-size:inherit; border:1px solid #85C329; }*/

/*BUTTONS*/
.buttons{border:0 !important}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#DDF9B5;
    border:1px solid #85C329;
    font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',LucidaGrande,Geneva,Arial,Verdana,sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    color:#336699;
	border:1px solid #85C329;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #85C329;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#044F00;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#AAFF7F;
    border:1px solid #C6D880;
    color:#044F00;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #85C329;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
/*END*/

/* FIND PEOPLE
================================================*/
#find-link{font-size:1.2em; font-weight:bold; text-decoration:none;float: right; margin-bottom: 0.5em;}
/*div#findpeople{margin-bottom:1em;}
div#findpeople fieldset{border:1px solid #85C329; width:50%}*/
.inline{display:inline}

/* SEARCH BOX : People, Free Ads
================================================*/
.search_box input{ vertical-align:middle;}

/* SEARCH BOX : Courses, Organisations, Auditions
================================================*/
fieldset.browse-light-green{
border:0px;
margin:0 auto;
width:60%;
display:block;
}
.browse-light-green p{ font-weight:bold;}
 /* allow room for 3 columns */
.browse-light-green ul
  {
    width: 50em;
  }
  .categories a{background-image:url(../images/arrows/ico_list.gif); background-repeat:no-repeat; background-position:left;padding:5px;}
fieldset.browse-light-green > input[type="text"]{background-color:#ffffff}
  /* float & allow room for the widest item */ 
.browse-light-green ul li
  {
    list-style:none;
	margin-bottom:0.5em;
	float: left;
    width: 10em;
  }

  /* stop the float */
.browse-light-green br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
.browse-light-green div.wrapper
  {
    margin-bottom: 1em;
  }
.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(images/bg_label.gif) no-repeat;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(images/bg_textfield.gif) no-repeat;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(images/bg_textarea.gif) no-repeat;
}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(images/bg_label_comment.gif) no-repeat;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	background: url(images/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}
/*register form*/
#register_form{margin-left:10px}

/*artist signup*/
#artist_signup_form table,#artist_signup_form td{ width:500px;}
#artist_signup_form {margin-left:10px;}
#artist_signup_form input:focus,#artist_signup_form textarea:focus{ background-color:#DDF9B5; border-color:#85c329;}
#artist_signup_form input, #artist_signup_form textarea{padding:4px; width:300px;font-size:12px;border:2px solid #bbbbbb;}
#artist_signup_form input[type=checkbox]{padding:0px;width:10px;}
#artist_signup_form dd table, #artist_signup_form dd td{border:0px;}
#artist_signup_form dt{margin-left:10px;width:150px;}
#artist_signup_form .hint{left:500px;}
#artist_signup_form fieldset legend{background-color:#ffffff;font-size:14px; padding:10px;}
#artist_signup_form fieldset {margin-top:10px;border:1px solid #cccccc;}
#artist_signup_form .hint{left:500px;}
.attach-link{
cursor:pointer;
text-decoration:underline; color:#003399; background:transparent url('/images/buttons/attach-icon.png') no-repeat; padding-left:20px;}
#log{color:#85C329; font-weight:bold;}
input#sign_up{background:transparent url(/images/buttons/sign-up-now.png) no-repeat 0px 0px; width:231px; border:0px; height:70px; margin:20px 270px;}
input#sign_up {cursor:pointer;}
/*free ads: post a free ad, auditions:post an audition*/
#post_ad_form {margin-left:10px;}
#post_ad_form input[type=text], #post_ad_form textarea,#post_audition_form input[type=text],#post_audition_form textarea{padding:4px; width:300px;font-size:12px;border:2px solid #bbbbbb;}
#post_audition_form input:focus, #post_audition_form textarea:focus,#post_ad_form input:focus,#post_ad_form textarea:focus{ background-color:#DDF9B5; border:2px solid #85c329;}
#post_ad_form input[type=checkbox]{padding:0px;width:10px;}
#post_ad_form dd table, #post_ad_form dd td{border:0px;}
#post_ad_form dt{margin-left:10px;width:150px;}
#post_ad_form .hint{left:500px;}
#post_audition_form fieldset legend, #post_ad_form fieldset legend{background-color:#ffffff;font-size:14px; padding:10px;}
#post_ad_form fieldset,#post_audition_form fieldset {margin:10px auto;border:1px solid #cccccc;}
#post_ad_form .hint{left:500px;}
#post_ad_form .note{margin-left:155px;}
#post_audition_form {margin-left:10px;}
#post_audition_form #Save{margin-bottom:10px;}
#post_audition_form #upload_files{margin:20px auto;}
#post_audition_form #upload_files a{font-size:14px;}
#post_audition_form #upload_files img{vertical-align:top;}
#post_audition_form dl{margin:0 10px;}