/******************************************************************/
/* BEGIN 'dynamo' tags */
/******************************************************************/

/** CONTAINER TITLE AREA **/
#dynamo_members_component_container div.dynamo_members_loginbox {
  display: none;
  width: 200px;
  background-image: url("../includes/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("../includes/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;
  background-image: url("../includes/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("../includes/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: #002F2F;  
}



/** FORM TOP BANNER **/

div.dynamo_members_login_top {
  height: 30px;
  padding-left: 35px;
  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: #ffffff;
  text-transform: capitalize;
}
/** 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: #002F2F;
  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('../includes/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('../includes/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: #5B5940;
  font-family: Verdana;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;

  display: block;

}

a.dynamo_members_form_button:hover {
  font-size: 10px;
  color: #002F2F;
  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;
  color: #ccc; 
}

#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;
  color: #ccc;
}

#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; }

#Vertical_Menu a:link, #Vertical_Menu a:visited { display: block; padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; color: #000000;	height: 30px;	width: 202px;	text-align: center; }
#Vertical_Menu a:hover{ padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;	text-decoration: none;	font-weight: bold; color: #999999;	height: 30px;	width: 202px;	text-align: center; }
ul.myVerticalMenu {list-style: none;margin: 0;padding: 0;}