/**
 * WP-Members CSS
 *
 * CSS for the WP-Members plugin using Twenty Ten Theme
 * 
 * This file is part of the WP-Members plugin by Chad Butler
 * You can find out more about this plugin at http://rocketgeek.com
 * Copyright (c) 2006-2015 Chad Butler
 * WP-Members(tm) is a trademark of butlerblog.com
 *
 * @package WordPress
 * @subpackage WP-Members
 * @author Chad Butler 
 * @copyright 2006-2015
 */

/*	
This stylesheet is designed to integrate WP-Members with the Twenty Ten theme.
There are quite a few examples in here of what you can do to style the forms.  
You can build off of this or start from scratch and set your own 
custom css for the plugin (set the location in the admin panel).

See http://rocketgeek.com/tips-and-tricks/setting-up-a-custom-wp-members-stylesheet/
for information on how to set up the plugin with a custom stylesheet.

For information how to load custom stylesheets with wp_enqueue_style,
see http://rocketgeek.com/tips-and-tricks/load-a-custom-stylesheet/
*/
/* Error and Dialog Messages */

#wpmem_msg, .wpmem_msg {
    	width:100%;
    	padding-top: 10px;
	padding-bottom: 10px;	
    	border: 2px #c11300 solid;
    	background-color:#f3f1f1;
	
}

/* Sidebar Login Widget */

#wp-members  { margin-bottom: 20px; }
#wp-members label { color: #000; }
#wp-members .div_text { padding-top: 4px; }
#wp-members .username, #wp-members .password {
	border: 1px solid #ccc;
	background-color:#fff;
	width:176px;
	font:10px verdana,sans-serif;
	color: #000;
	padding:3px 5px 3px 5px;
}
#wp-members .button_div { margin-top:3px; }
#wp-members .buttons {
	font-family:Arial,Helvetica,sans-serif;
	background: #e3e3db;
	font-size:10px; 
	color: #000; 
	margin-left: 0px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
#wp-members .err {
	width:100%;
    padding: 5px;
    border: 1px #000 solid;
    background-color:#E6E6E6;
}

/* Login Form and Registration Form */

#wpmem_reg label.text, #wpmem_reg label.checkbox, 
#wpmem_reg label.textarea , #wpmem_reg label.select,
#wpmem_login label {
	width:100%;
	margin-top:23px;
	margin-right:2px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:6px;
	background-color:transparent;
	float:left;
	display: block;	
	font-size: 100%;
	line-height: 1.1;
	color:black;
}

#wpmem_login label[for="rememberme"] {
	float: none;
	display: initial;
}
#wpmem_reg .textbox, #wpmem_login .textbox,
#wpmem_reg .username, #wpmem_login .username,
#wpmem_reg .password, #wpmem_login .password {
	
	border: 2px solid #E5E5E5;
	background-color: #f3f1f1;
	width:100%;
	font:normal;
	font-size: 120%;
	color: black;
	padding: 16px 0px 14px 8px;
}
#wpmem_reg .dropdown { 
	border: 2px solid #E5E5E5;
	background-color: #f3f1f1;
	width:100%;
	font:normal;
	font-size: 120%;
	color: black;
	padding: 10px 0px 8px 8px;
}
#wpmem_reg .textbox:focus, #wpmem_reg .textbox:hover, #wpmem_login .textbox:focus, #wpmem_login .textbox:hover,
#wpmem_reg .username:focus, #wpmem_reg .username:hover, #wpmem_login .username:focus, #wpmem_login .username:hover,
#wpmem_reg .password:focus, #wpmem_reg .password:hover, #wpmem_login .password:focus, #wpmem_login .password:hover {
	background-color:#ffffff;
	border-color: #c11300;
}

#wpmem_reg .button_div, #wpmem_login .button_div {
	width:100%;
	float:left;
	background-color:transparent;
	border:0px transparent;	
	margin:25px 0px 25px 0px;
	padding:0px;
	white-space:nowrap;
}

#wpmem_reg .buttons, #wpmem_login .buttons {
	
	background: #ffffff;
	font-family: 'Arial', sans-serif;
	width: auto;	
	line-height: 36px;
	margin: 25px 0px 25px 0px;
	padding: 0px 23px;
	font-size: 13px;
	font-weight: 700;
	color: #000000; 	
	border-width: 1px;
	border-radius: 4px;
	border-style: solid;
	border-color: #c11300;
	text-decoration: none;
	text-transform:uppercase;			
}

#wpmem_reg .buttons:focus, #wpmem_login .buttons:focus, #wpmem_reg .buttons:hover, #wpmem_login .buttons:hover {
	
	background: #f3f1f1;
	font-family: 'Arial', sans-serif;
	width: auto;	
	line-height: 36px;
	margin: 25px 0px 25px 0px;
	padding: 0px 23px;
	font-size: 13px;
	font-weight: 700;
	color: #c11300; 	
	border-width: 1px;
	border-radius: 4px;
	border-style: solid;
	border-color: #000000;
	text-decoration: none;
	text-transform:uppercase;			
}
#wpmem_reg input[type="checkbox"] { 
	margin: 25px 4px 25px 0px;		
}

/* required asterisk colour */
#wpmem_reg .req { color: red; }
#wpmem_reg .noinput{ 
	height: 32px;
	padding-top: 5px;
	padding-left: 6px;
}

/* required text position */
#wpmem_reg .req-text {
	float:left;
	margin: 15px 0px 25px 5px;
}


#wpmem_reg .captcha { 
	margin: 25px 0px 5px 0px;
	float:left; 
}
#wpmem_reg .captcha table{
	line-height: 0px;
}