/* Start of login_form */
#login_form {
	width: 100%;
	padding: 1px 0 0 0;
	overflow: hidden;
        /*padding-bottom: 50px;*/
}

div .hidden {
        display: none;
}

@media screen and (max-width: 768px) {
        #login_form label,
        #change_user_name_div label,
        #change_password_div label,
        #change_email_div label,
        #change_user_div label,
        #change_company_div label {
                text-align: left;
        }

        #create_password_div label {
                text-align: left;
        }
}
@media not screen and (max-width: 768px) {
        #login_form label,
        #change_user_name_div label,
        #change_password_div label,
        #change_email_div label,
        #change_user_div label,
        #change_company_div label {
                text-align: right;
        }

        #create_password_div label {
                text-align: right;
        }
}
        #login_form label,
        #change_user_name_div label,
        #change_password_div label,
        #change_email_div label,
        #change_user_div label,
        #change_company_div label {
                float: left;
		display: block;
                padding-top: 5px;
		width: 290px;
                height: 20px;
                clear: left;
                margin-right: 25px;
                font-weight: normal;
        }

        #create_password_div label {
                float: left;
		display: block;
                padding-top: 5px;
		width: 475px;
                height: 20px;
                clear: left;
                margin-right: 25px;
                font-weight: normal;
        }

	#login_form input,
        #change_user_name_div input,
        #change_password_div input,
        #change_email_div input,
        #create_password_div input,
        #change_user_div input,
        #change_company_div input {
                background: none;
		width: 300px;
		height: 20px;
                margin-top: 5px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #c8c8c9;
		float: left;
		font-size: 1em;
		color: #000;
	}

	#login_form input.radio {
                background: none;
                background-color: transparent;
		width: 15px;
		height: 20px;
                margin-top: 5px;
                margin-left: 100px;
		padding: 5px 5px 5px 5px;
		border: none;
		float: left;
		font-size: 1em;
		color: #000;
                display: inline;
	}
        #login_form label.radio {
                float: left;
		display: inline;
                clear: none;
                padding-top: 5px;
		width: 50px;
                height: 20px;
                text-align: left;
                margin-left: 25px;
                /*margin-right: 25px;*/
                font-weight: normal;
        }
	#login_form input.checked {
                background: none;
                background-color: transparent;
		width: 15px;
		height: 20px;
                margin-top: 5px;
                margin-left: 100px;
                margin-right: 20px;
		padding: 5px 5px 5px 5px;
		border: none;
		float: left;
		font-size: 1em;
                display: inline;
	}
	#login_form input.cal_email {
                background: none;
		/*width: 350px;*/
		/*height: 40px;*/
                margin-top: 0px;
                margin-left: 0px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #c8c8c9;
		float: left;
		font-size: 1em;
		color: #000;
	}

	#login_form select,
        #change_user_name_div select,
        #change_password_div select,
        #change_email_div select,
        #create_password_div select,
        #change_user_div select,
        #change_company_div select {
		background: none;
		width: 312px;
		height: 30px;
                margin-top: 5px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #c8c8c9;
		float: left;
		font-size: 1em;
		color: #000;
	}
#login_form a {
	outline: none;
	color: #36a1d9;
	text-decoration: none;
}

#login_form a:hover {
	text-decoration: underline;
        cursor: pointer;
}

#login_form a.ahover:hover {
	text-decoration: underline;
        cursor: pointer;
}

        #desktop_layout, #email_settings_div, #personal_div {
          float: left;
          clear: both;
          margin-top: 10px;
          margin-bottom: 10px;
          padding: 7px 7px 7px 7px;
          border: 1px #ccc solid;
          width: 1000px;
          margin-left: 240px; /* (1280-800) / 2 */
        }
	#desktop_layout input.radio {
          margin-left: 10px !important;
	}

        #personal_div label {
                float: left;
		display: block;
                padding-top: 5px;
		width: 290px;
                height: 20px;
                text-align: left;
                clear: left;
                margin-right: 25px;
                font-weight: normal;
        }

        #personal_div input {
                background: none;
		width: 300px;
		height: 20px;
                margin-top: 5px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #c8c8c9;
		float: left;
		font-size: 1em;
		color: #000;
	}

	#personal_div input.checked {
                background: none;
                background-color: transparent;
		width: 15px;
		height: 15px;
                margin-top: 0px;
                margin-left: 20px;
                margin-right: 20px;
		padding: 5px 5px 5px 5px;
		border: none;
		float: left;
		font-size: 1em;
                display: inline;
	}
        #personal_div select {
		background: none;
		width: 312px;
		height: 30px;
                margin-top: 5px;
		padding: 5px 5px 5px 5px;
		border: 1px solid #c8c8c9;
		float: left;
		font-size: 1em;
		color: #000;
	}
	#personal_div .left {
                float: left;
                width: 40%;
	}
	#personal_div .right {
                float: left;
                width: 40%;
	}