/******************************************************************/
/* BEGIN 'dynamo' tags */
/******************************************************************/

/** CONTAINER **/
#dynamo_members_component_container div {
}

#dynamo_members_component_container_2 div {
}

div#dynamo_members_component_container {
  height: 135px;
}

div#dynamo_members_component_container_2 {
  height: 135px;
}


/** CONTAINER TITLE AREA **/
#dynamo_members_component_container div.dynamo_members_loginbox {
  display: none;
  width: 200px;
  border: 1px #336699 dotted;
  /*
  background-image: url(../Library/dynamo/images/dynamo-user-loginbox-top.jpg);
  background-repeat: no-repeat;
  */
}

#dynamo_members_component_container_2 div.dynamo_members_loginbox {
  display: none;
  width: 200px;

  /*
  background-image: url(../Library/dynamo/images/dynamo-user-loginbox-top.jpg);
  background-repeat: no-repeat;
  padding-bottom: 5px;
  margin-left: 1px;
  */
}

#dynamo_members_component_container div.dynamo_members_statusbox {
  width: 200px;
  border: 1px #009900 dotted;
  /*
  background-image: url(../Library/dynamo/images/dynamo-user-statusbox-top.jpg);
  background-repeat: no-repeat;
  */
}

#dynamo_members_component_container_2 div.dynamo_members_statusbox {
  width: 200px;
  /*
  background-image: url(../Library/dynamo/images/dynamo-user-statusbox-top.jpg);
  background-repeat: no-repeat;
  padding-bottom: 5px;
  margin-left: 1px;
  */
}

/** FORM & FORM ELEMENTS **/
form#dynamo_members_login_form {
  display: inline;
}

#dynamo_members_login, #dynamo_members_password {
  width: 100px;
  float: right;
  font-size: 11px;
  font-family: Arial;
  color: #666666;  
}



/** FORM TOP BANNER **/

div.dynamo_members_login_top {
  height: 30px;
 /* padding-left: 35px;*/
  border-bottom: 1px #333333 dotted;
  text-align: center;
  margin-bottom: 3px;
}

div.dynamo_members_login_top_text {
  padding-top: 6px;
  font-family: Arial;
 
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
/** FORM ITEMS **/


#dynamo_members_login_form label {
 padding-bottom: 1px;
 padding-left: 3px;
 padding-right: 3px;
 float: left;
 font-size: 8pt;
 color: #666666;
}


#dynamo_members_component_container label span {
  font-family: Arial;
  font-size: 10px;
  color: #666666;
  font-weight: bold;
  padding-top: 4px;
  float: left;
  width: 50px;
}

#dynamo_members_component_container_2 label span {
  font-family: Arial;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  padding-top: 4px;
  float: left;
  width: 50px;
}



/** FORM BUTTONS **/
div.dynamo_members_form_buttons {
  text-align: center;
  padding-left: 2px;
  padding-right: 2px; 
}

#dynamo_members_component_container div.dynamo_members_form_button {
  background-image: url('../Library/dynamo/images/dynamo-button-bg.jpg');
  background-repeat: no-repeat;
  height: 22px;
  width: 90px;
  text-align: center; 
}

#dynamo_members_component_container_2 div.dynamo_members_form_button {
  background-image: url('../Library/dynamo/images/dynamo-button-bg.jpg');
  background-repeat: no-repeat;
  height: 22px;
  width: 90px;
  text-align: center; 
}

a.dynamo_members_form_button, a.dynamo_members_form_button:link, a.dynamo_members_form_button:visited, a.dynamo_members_form_button:active {
  font-size: 10px;
  color: #666666;
  font-family: Verdana;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
}

a.dynamo_members_form_button:hover {
  font-size: 10px;
  color: #000000;
  font-family: Verdana;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;

}
div#dynamo_members_fields_area {
  display: block;
  height: 44px;
}

div.dynamo_members_form_button_center {
  text-align: center;
  padding-right: 1px;
  height: 22px;
  width: 90px;
}

div.dynamo_members_form_button_left {
  float: left; 
  text-align: center;
  padding-right: 1px;
  height: 22px;
}

div.dynamo_members_form_button_right {
  float: right; 
  padding-left: 1px;
  height: 22px;

}

/** COMPONENT BRANDING **/
#dynamo_members_component_container div.dynamo_brand {
  font-size: 9px;
  text-align: center;
  padding-bottom: 5px;
  width: 200px;
 
}

#dynamo_members_component_container_2 div.dynamo_brand {
  font-size: 9px;
  text-align: center;
  color: #ffffff;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
}

#dynamo_members_component_container a.dynamo_brand,
#dynamo_members_component_container a.dynamo_brand:link,
#dynamo_members_component_container a.dynamo_brand:active,
#dynamo_members_component_container a.dynamo_brand:visited,
#dynamo_members_component_container a.dynamo_brand:hover  {
  text-decoration: underline;
  font-size: 9px;
}

#dynamo_members_component_container_2 a.dynamo_brand,
#dynamo_members_component_container_2 a.dynamo_brand:link,
#dynamo_members_component_container_2 a.dynamo_brand:active,
#dynamo_members_component_container_2 a.dynamo_brand:visited,
#dynamo_members_component_container_2 a.dynamo_brand:hover  {
  text-decoration: underline;
  color: #ffffff;
  font-size: 9px;
}




div#dynamo_member_user_registration_information_container {
  width: 100%;
    padding-top: 10px;
    
}


div#dynamo_member_user_agreement_container {
  width: 100%;
  padding-top: 10px;
}

div#dynamo_member_user_agreement_title {
  font-weight: bold;
  border-bottom: 1px dotted #aaaaaa;
}

div#dynamo_member_user_registration_information_title {
  font-weight: bold;
  border-bottom: 1px dotted #aaaaaa;
  text-align: left;
}

#dynamo_member_user_agreement_container textarea {
  width: 100%;
  height: 100px;
}

/** FORM & FORM ELEMENTS **/
form#dynamo_members_registration_form {
  display: inline;
}

table#dynam_members_registration_fields {
  width: 100%;
}

#dynamo_members_registration_fields td {
  border-bottom: 1px dotted #cccccc;
  padding-right: 5px;
  font-size: 8pt;
  font-weight: bold;

}

#dynamo_members_registration_fields td.field_name {
  color: #000000;
}
#dynamo_members_registration_fields td.error {
  color: #ff0000;
}
div#dynamo_member_user_agreement_checkbox {
  color: #000000;
  font-weight: bold;
  font-size: 8pt;
}
div#dynamo_members_registration_container {
  width: 500px;
}