/* OCC specific styles for IdentityGuard SSS */

* {
    box-sizing: border-box;
}

/* Link settings */
a {
	color:#3366CC;
}
a:focus, a:hover {
	color:#3366CC;
}

/* Container settings */
body {
    background: #fff;
    margin: 0;
}
.container {
	margin: 0;
}
#header {
    background: none;
}
#myoccheader {
    background: url(../../images/myocc-logo-portrait-320.png) no-repeat 0 0 #3C7B9E; 
    margin: 0;
    padding:0;
    width: 100%;
    min-width:27em;
    height: 6em; 
}
#challenge1 {
		margin: 0 10em 1em 0;
}
.otp-challenge {
	display: inline-block;
    margin-bottom: 1em;
}
input.text, input.title, select {
	width:100%;
	padding:5px;
}
table.datagrid tbody td {
   	padding: 0.1em;
}
table.datagrid tbody input[type=text],table.datagrid tbody input[type=email],table.datagrid tbody select {
   	width: 6.5em; /* 200px for desktop override */
}
#footer {
    display:none;
}
#myoccfooter {
    background: url(../../images/myocc_footer_tile.jpg) repeat-x 0 0 transparent;
    margin: 2em 0 0 0;
    padding:2em 0 2em 1em;
    width: 100%;
    min-width:27em;
    height: 10em;
}
.copyright {
    clear: both;
    font-size: x-small;
    margin: 0;
    padding: 1em 0 0 0;
}
/* -----[[     B R E A K      P O I N T S     ]]------------ */

@media screen and (min-width: 415px) {

	#myoccheader {
		background: url(../../images/myocc_logo.jpg) no-repeat 0 0 #3C7B9E;
	}
	.container {
		margin: 0 0 0 2em;
	}
	#challenge1 {
		margin: 0 10em 1em 0;
	}
	table.datagrid tbody td {
    	padding: 0.35em;
	}
	table.datagrid tbody input[type=text],table.datagrid tbody input[type=email],table.datagrid tbody select {
    	width: 9em; /* 200px for desktop override */
	}
	.otp-challenge {
		display: inline-block;
    	margin-bottom: 1em;
	}
	#myoccfooter {
		padding:2em 0 2em 3.5em;
	}
}

@media screen and (min-width: 560px) {

	#myoccheader {
		background: url(../../images/myocc_logo.jpg) no-repeat 0 0 #3C7B9E;
	}
	.container {
		margin: 0;
	}
	.prepend-1 {padding-left:40px;}
	#challenge1 {
		margin: 0 0 1em 0;
	}
	table.datagrid tbody td {
    	padding: 1em;
	}
	table.datagrid tbody input[type=text],table.datagrid tbody input[type=email],table.datagrid tbody select {
    	width: 12em; /* 200px for desktop override */
	}
	.otp-challenge {
		display: inline;
    	margin-bottom: 0;
	}
	#myoccfooter {
		padding:2em 0 2em 3.5em;
	}
}