@font-face {
  font-family: 'Open Sans';

  src: url('../../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


@font-face {
   font-family: "Domaine Display";
   src: url('../../fonts/DomaineDisplayWeb-Bold.eot') format('embedded-opentype'),
        url('../../fonts/DomaineDisplayWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/DomaineDisplayWeb-Bold.woff') format('woff'),
        url('../../fonts/DomaineDisplayWeb-Bold.woff2') format('woff2');
}
html {
	height: auto;
	font-family: Open Sans;
}

body {
	height: 100%;
	font-family: Open Sans;
	font-size:16px;
}
td.x{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}
td.y{
	padding-top:10px;
	padding-left:20px;
	font-size:24px;
	text-align:left;
}
#containerTopMargin{
	margin-top:71px;
}
.error-msg-content {
	background-color: #FFF0F7;
	color:#d20962;
	font-family:Open Sans;
	border-radius: 5px;
	margin-top: 30px;	
	border:1px solid #f3a6c8;
	padding-right:20px;
}
.successMessage{
	font-family:Open Sans;
	border: 1px #CBD7C1 solid;
	background-color: #E7EFE0;
	color:#3A7C06;
	margin-bottom:30px;
	margin-top:30px;
	border-radius:5px;
	text-align:left;
}

.container {
	margin: auto;
	position: relative;
	left: 0;
	right: 0;
	background-color: #FFF;
	padding: 35px;
	height: auto;
	max-width: 700px;
	min-width: 234px;
	padding-top: 20px;
	padding-bottom: 0px !important;
}


.center {
	width: 100%;
	text-align: center;
}

.bodyText {
	font-size: 13pt;
}


div#pageContent {
	/**padding-left: 10px;
	padding-right: 10px;**/
}

body {
	margin-left: 10px;
	margin-right: 10px;
	font-family: Open Sans;
}









/**************************************end************************************************/
/************Responsive Styles start here **************/
/**************************responsive UI stylessheets starts here************************/
@media only screen and (max-width: 480px) {
	.container , .container.loginBoxContainer{ /*margin: auto 3% auto 3%;*/
		padding: 13px;
	}

}
.systemErrorDiv{
font-size: 1.5em;text-align:center;margin:30% auto;	font-family: Foco W01 Regular1373692;
background-color: #EEE;color:black;border-radius : 10px;
padding-top:20px;padding-bottom:20px;
padding-left:10px;padding-right:10px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)

}

.systemErrorImage{
width: 30px !important;height: 30px !important;float: left;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
border-radius:20px;
border-color: transparent;
}
.errorCode{
font-size: 13px;
color:#BBB;
font-weight:bold; 
}


#registrationResultMessageHead{
	
    font-weight: normal;
	font-style:Open Sans;
	font-size:16px;
   
  
}
#registrationResultMessage{
	   font-weight: normal;
	font-style:Open Sans;
	font-size:16px;
   
    
}





@media only screen and (max-width: 340px) {



#registrationResultMessage {
    font-size: 14px;
    margin-left: 13px;
}


div#registrationResultMessageHead{
 font-size: 22px !important;
}

}
