/* login form */

#login_form
{
	margin: 20px auto 20px auto;	
}

#login_form label
{
	float: left;
	width: 100px;
	padding-top: 5px;	
	padding-right: 5px;	
	clear: left;
	color: #555;
	text-align: right;
}

#login_form div
{
	margin-top:5px;
	margin-bottom: 10px;
}

#login_form a
{
	text-decoration:none;
	font-weight:bold;
}

#login_form input[type="text"], #login_form input[type="password"]
{
	margin-top:2px;
	margin-bottom: 2px;
	width:200px; 
}

#login_form ul
{
	list-style:none;
}

/* login form */

/* register form */
#register_form
{
	width:800px;
	margin: 20px auto 20px auto;	
}

#register_form label
{
	float: left;
	width: 120px;	
	clear: left;
	padding-top: 5px;	
	padding-right: 8px;	
	text-align: right;
	color: #555;
}

#register_form b
{
    display: block;
    padding-top: 5px;	
	padding-right: 8px;	
	width:600px; 
    font-weight:bold;
	color: #333;
}


#register_form div
{
	margin-top:5px;
	margin-bottom: 10px;
}

#register_form input[type="text"], 
#register_form input[type="password"]
{
	margin-top:2px;
	margin-bottom: 2px;
	width:600px; 
}

#register_form textarea
{
	margin-top:5px;
	margin-bottom: 5px;
	width:600px; 
}


#register_form select
{
	margin-top:2px;
	margin-bottom: 5px;
	width:600px; 
}

/*#register_form input[type="text"]:focus, #register_form input[type="password"]:focus, #register_form select:focus
{
	background-color: #f0f0f0;
}*/

#register_form ul
{
	list-style:none;
}

#picture_form
{
	width:520px;
	margin: 20px auto 20px auto;	
}

#picture_form div
{
	text-align: center;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

fieldset label 
{
	width: 100px;
	font-weight:bold;
}

#checkEmail
{
	background: url(../images/checking.gif) no-repeat;
	background-position: -20px 0;
}
#checkEmail .ok
{
	color: Green;
}

#checkEmail .failed
{
	color: Red;
}

#checkEmail .checking
{
	background: url(../images/checking.gif) no-repeat;
	padding-left: 20px;
}

#captcha img
{
	border: 1px solid #ccc;
}

#refresh_captcha a
{
	color:Navy;
	font-weight:bold;
}

#captcha .checking
{
	background: url(../images/checking.gif) no-repeat;
	background-position:center center;
	display: inline-block;
	width: 200px;
	height: 70px;
	border: 1px solid #ccc;
}

.tm-box2
{
    margin: 10px auto;
    border: 1px solid #ccc;
}

.tm-box-header2
{
    padding: 5px;
    background-color: #bbb;
    color:#222;
    font-weight: bold;
    font-size: 110%;
}

.tm-box-header2 p
{
    float:right;
    background: url(../images/more_arrow.png) no-repeat;
    background-position: right center;
    padding-right: 20px;
    font-weight:bold;
    font-size: 70%;
    margin-top:2px;
}
.tm-box-header2 p a
{
    color:#222;
}

.margin10 {
    margin:10px;
}

@media (max-width: 719px) {
    #login_form input[type="text"], #login_form input[type="password"]
    {
        display:block;
    }

    #login_form 
    {
	    padding-left:10px;
    }

    #register_form input[type="text"], #register_form input[type="password"], #register_form select
    {
        width:260px; 
    }
}

@media (min-width: 720px) {
       
    #login_form
    {
	    width:450px;
    }

    #login_form label
    {
	    float: left;
	    width: 140px;
	    text-align: right;
    }

    #register_form
    {
	    width:800px;
    }

    #register_form label
    {
	    float: left;
	    width: 120px;	
	    text-align: right;
    }

    #register_form input[type="text"], 
    #register_form input[type="password"],
    #register_form select
    {
	    margin-top:2px;
	    margin-bottom: 2px;
    }
}