﻿body.registrationBody captcha {}
body.registrationBody #available { margin-left:-20px;margin-top:4px;vertical-align: top;height:16;width:16px;}
body.registrationBody td.mainForm { width:610px; padding:30px; vertical-align:top; position:relative;
			-webkit-border-top-left-radius: 6px;-moz-border-radius-topleft: 6px; ;border-top-left-radius:6px;
			-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomleft: 6px; border-bottom-left-radius:6px;}
body.registrationBody td.infoBar  
{
	padding:30px 30px 30px 30px; width:230px;margin:0; clear:none; 
	background: #fff; vertical-align:top;		
	-webkit-border-top-right-radius: 6px;-moz-border-radius-topright: 6px; border-top-right-radius:6px;
	-webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomright: 6px; border-bottom-right-radius:6px;
}
body.registrationBody td.infoBar p { font-size:9pt; line-height:1.5em;} 
body.registrationBody td.infoBar li { font-size:9pt;} 
body.registrationBody td.infoBar h4 { font-size: 12pt; }

body.registrationBody.desktop td.mainForm    {	border-right: 1px solid #b8b8b8; }
body.registrationBody.desktop .fixedForm
{
	border: 1px solid #b8b8b8;
	-moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow: 0 3px 18px #aaa; box-shadow: 0 3px 18px #aaa;		
	-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius:6px;
}


body.registrationBody td.infoBar  ul { padding-left:1.5em;}
body.registrationBody h1 { margin-bottom:0.5em;}
body.registrationBody.desktop .ContentsContainer {	width:940px;	padding:10px; }
body.registrationBody a.fatLink { font-size: 1.1em; font-weight: bold; padding:0;margin:15px 0 0 0;  display:block;}
body.registrationBody p span.cssimg { margin-right:8px;}
body.registrationBody .widePane, body.registrationBody .infoPane, body.registrationBody .errorReport { width: 590px;}
body.registrationBody .hintPopup 
{
	width: 300px;
	margin-left:50px;
    pointer-events:none;

}
body.registrationBody .hintPopup .tip {
	background: url('../../images/upsortarrow.gif');
	background-repeat:  no-repeat;
	background-position: 140px 0;
	height:5px;
	margin:0;padding:0;
}
body.registrationBody .hintPopup .text
{
	margin:0;	padding: 5px;	background-color:#ff6633;	border:1px solid #ff6633;	color: #fff;font-weight:bold;
	-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius:6px;	-moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow: 0 3px 18px #aaa; box-shadow: 0 3px 18px #aaa;		
	font-size: 9pt;
}

body.registrationBody.mobile .captcha { width: 236px;height:50px;}
body.registrationBody.mobile #available { margin-top:5px;}
body.registrationBody.mobile td.infoBar { display:none; } 
body.registrationBody.mobile td.mainForm {	padding:3px;  }
body.registrationBody.mobile h1       {	margin-top:0.2em;margin-bottom:0.2em;  }
body.registrationBody.mobile fieldset label, body.registrationBody.mobile fieldset .labeltext  { float:none; margin:0;}
body.registrationBody.mobile fieldset .emptylabel { display:none;}
body.registrationBody.mobile fieldset input[type="checkbox"] { padding-right:5px; margin-right:5px;background:red;}
body.registrationBody.mobile .smallNote { margin-left:0; white-space:normal; width:260px;}
body.registrationBody.mobile fieldset { width: 280px;}
body.registrationBody.mobile .fixedWidthPadded { width: 300px;}
body.registrationBody.mobile {    max-width: 320px !important; min-width: 320px !important;width:320px; }
body.registrationBody.mobile .inputForm { width: 300px;}
body.registrationBody.mobile .fixedForm { width: 300px;}
body.registrationBody.mobile .buttonsBar { width: 300px;}
body.registrationBody.mobile .inputText { width: 250px;}
body.registrationBody.mobile .validationSummary { width: 280px;}
body.registrationBody.mobile .widePane, body.registrationBody.mobile .infoPane, body.registrationBody.mobile .errorReport { width: 280px;}
body.registrationBody.mobile .widePane table th { width: 80px;}
body.registrationBody.mobile .inputSelect  { width: 258px;}

/* /Learn related */
body.registrationBody td.learn { width:880px; padding:30px; vertical-align:top;
			-webkit-border-top-left-radius: 6px;-moz-border-radius-topleft: 6px; border-top-left-radius:6px;
			-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomleft: 6px; border-bottom-left-radius:6px;
			-webkit-border-top-right-radius: 6px;-moz-border-radius-topright: 6px; border-top-right-radius:6px;
	        -webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomright: 6px; border-bottom-right-radius:6px;}
body.registrationBody td.learn h2 { color: #ff6633; margin-bottom:10px;}
body.registrationBody td.learn .step { border-top: 1px solid #b8b8b8; margin-top: 10px;clear:both;text-align:center; }
body.registrationBody td.learn .step.no1 { margin-top: 0;}
body.registrationBody td.learn .step .image { width:420px; padding: 20px 0 20px 0; }
body.registrationBody td.learn .step .body { text-align: left;padding: 20px 0 20px 0; width:420px; }

body.registrationBody td.learn .step.no1 .body, body.registrationBody td.learn .step.no3 .body { float:left;}
body.registrationBody td.learn .step.no1 .image, body.registrationBody td.learn .step.no3 .image { float:right;}
body.registrationBody td.learn .step.no2 .body, body.registrationBody td.learn .step.no4 .body { float:right;}
body.registrationBody td.learn .step.no2 .image, body.registrationBody td.learn .step.no4 .image { float:left;}

body.registrationBody td.learn .step.no1 .image img { width: 393px; height:247px; }
body.registrationBody td.learn .step.no2 .image img { width: 393px; height:211px; }
body.registrationBody td.learn .step.no3 .image img { width: 394px; height:238px; }
body.registrationBody td.learn .step.no4 .image img { width: 215px; height:215px; }

body.registrationBody td.learn .step.no1 .image, 
body.registrationBody td.learn .step.no3 .image { text-align:left;}


body.registrationBody td.learn .buttonsBar { border-top: 1px solid #b8b8b8; padding-top: 10px;clear:both;width:880px;  }

body.registrationBody.mobile td.learn .image {display:none;}
body.registrationBody.mobile td.learn { width:420px; }
body.registrationBody.mobile td.learn .buttonsBar { width:420px;  }
