@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
	font-family: 'Barlow', sans-serif;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:top;
}

/*********************************This is new css added for login page***********************************************/

#desc1{
	color:#0063C7;
	font-size:17px;
	text-align:center;
	line-height:110%;
}
#desc2{
	color:#0099cc;
	font-size:17px;
	text-align:center;
	line-height:110%;
	padding-bottom:8px;
}
#elogo {
    /*position: relative;*/
	margin-right: 90px;
}
#main_logo {
	/*position: relative;*/
	margin-left: 48px;
}
#elogo img {
    /*position: absolute;
    top: 0px;*/
}
.footerlinks{
	color:#E64E1A;
	padding:10px 8px;
	font-size:16px;
}
#forgot{
	loat: left;
	margin-top: 10px;
	margin-left: 7px;
}
#loginButton{
	float: right;
	width: 45%;
	margin-right: 13px;
}
#left_body{
	background-color: #0063C7;
	margin: 0px 5px;
	border-radius: 30px;
	padding: 16px 30px 16px 36px;
}
#right_body{
	background-color:#E64E1A;
	margin-left: 25px;
	border-radius: 30px;
	padding: 16px 30px 16px 36px;
}
.formLabel{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 7px;
	width: 94%;
	text-align: left;
	line-height: 21.6px;
}
#forgotpass{
	font-size: 16px;
	width: 29%;
	padding: 20px 10px;
	float: left;
}

.active{
	color:#E64E1A!important
}

#ticks_table{
	margin-left: 14px;
	margin-top: 10px;
}

.tick_text{
	    margin-left: 20px;
	font-size: 14px;
}

#ticks_table td{
	height: 30px;
}

#recommended{
	font-size: 40px;
	color: #0063C7;
}
#recommended_warpper{
	margin: 14px;
}

#register{
	width: 160px;
	border-radius: 30px;
	height: 36px;
	border: none;
	font-size: 14px;
	font-weight: bold;
	color: #1A2E61;
	margin-top: 66px;
	margin-left: 11px;
}

#begin{
	font-size: 14px;
	width: 48%;
	padding-top: 77px;
	float: left;
	color: #fff;
	padding-bottom: 40px;
	font-weight: 700;
}
#registerButton{
	float: right;
	width: 45%;
	margin-right: 13px;
}
#loginform{
	padding:25px 0px;
	text-align:center;
}
h2.newusersteps
{
	font-weight:700;
	font-size:18px;
	color:white;
	margin-top:6px;
	margin-bottom: 5px;
}
p.newusersteps {
	color: white;
	text-align: left;
	font-size: 14px!important;
	line-height: 16.8px;
	width: 290px;
}
#registerbutton
{
   margin-top:20px;
	font-size:19px;
	color:white;
	font-weight:bold;
	margin-left: 100px;
}
.step{
	vertical-align: top;
}
#usersteps{
	margin-top:20px;
}
.stepimg{
	float:right;
}
/*********************************************************************************************************************/
.newpass {
text-align: center;
font-size: 22px !important;
font-weight: bold;
padding: 20px 0 30px !important;
}


.payinput{
width: auto;
float: left;
background: url("./images/button_right_corner.gif") no-repeat right 0;
padding: 8px 45px 0 13px;
height: 28px;
border: none;
}

.divinput{
PADDING-RIGHT: 0px;
PADDING-LEFT: 8px;
FONT-WEIGHT: bold;
FONT-SIZE: 18px;
BACKGROUND: url(./images/button_left_corner.gif) no-repeat 0px 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: auto;
CURSOR: pointer;
COLOR: #fff;
LINE-HEIGHT: 12px;
PADDING-TOP: 0px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
background: url(http://simplyelearninglms.com/telstra/images/button_left_corner.gif) no-repeat 0px 0px;
display: block;
border: none;
height: 30px;
width: 0px;
}


.required
{
	color:Red !important;
}
.optional
{
	color:Blue !important;
}
.valid
{
	color:Green !important;
}

.correct
{
	background: #efe;
	border-color: darkgreen;
}

.red
{
	padding: 10px;
}



.formgroup {
	padding-bottom: 10px;
	border-bottom: 1px dotted #6B9EF1;
	color: #5F95EF;
}


body{
	background: #fff;
	line-height:14px;
	font-size: 12px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	margin:0pt;
	cursor:default;
}
html,body{
	height:100%;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
a{
	text-decoration: none;
}
strong{
	font-weight: 700;
}
/******* GENERAL RESET *******/
/******* LOGO *******/
#logo{
	margin-top: 1em;
	display: block;
}
/******* /LOGO  *******/
/******* CONTAINER *******/
#container{
	width: 500px;
	margin: 40px auto;
	text-align: left;
}
/******* /CONTAINER *******/
/******* FORM *******/
#customForm
{
	padding: 0 10px 10px;
}

#customForm label
{
	display: block;
	color: #393939;
	font-weight: 700;
	line-height: 1.4em;
}

#customForm select
{
	width: 200px;
}

#customForm select.error
{
	background: #f8dbdb;
	border-color: #e77776;
}


#customForm input
{
	width: 220px;
	padding: 6px;
	color: black;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#customForm input.error
{
	background: #f8dbdb;
	border-color: #e77776;
}

#customForm textarea
{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}

#customForm textarea.error
{
	background: #f8dbdb;
	border-color: #e77776;
}

#customForm div
{
}

#customForm div span
{
	margin-left: 10px;
	color: #333;
	font-size: 11px;
	font-style: italic;
}

#customForm div span.error
{
	color: #e46c6e;
}

#customForm #send
{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}

#customForm #send:hover
{
	background: #79a7f1;
}

#error
{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}

#error ul
{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}

#error ul li
{
	list-style-position: inside;
	line-height: 1.6em;
}

#error ul li strong
{
	color: #e46c6d;
}

#error.valid ul li strong
{
	color: #93d72e;
}
/******* /FORM *******/



.reg_form input
{
	float: right;
	margin-left: 20px;
	display: block;
	width: 160px;
}

.reg_form label
{
	display: block;
	width: 420px;
	margin-bottom: 20px;
	text-align: right;
}

.reg_form select
{
	float: right;
	margin-left: 20px;
	display: block;
	width: 160px;
}

.reg_form .error
{
	text-align: center;
	color: red;
}

.reg_form
{
	width: 420px;
}

* {
     -webkit-box-sizing:none;
    -moz-box-sizing: none;
     box-sizing: none;
}