/********************************************************/
/* Stylesheet for Casting Collective Registration		*/
/* Default 												*/
/* Created 19.09.12										*/
/********************************************************/
/* 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px;
	-moz-outline: 1px dotted #666 !important;
	-moz-outline-offset: 1px !important;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/********************************************************/
/* Elements												*/
/********************************************************/
body {
	font-family: 'Fira Sans', sans-serif;
	font-weight:400;
	font-style:normal;
	color:#FFF;
    padding:0 0 0 0;
	background:#333;
}

h1, h2, h3, h4 {
	font-family: 'Fira Sans', sans-serif;
	font-weight:500 !important;
	font-style:normal;
}

h3 {
	padding:0 0 0.5em 0;
}

a {
    color:#f8b142;
    text-decoration:none;
}
a:hover {
	color:#666;
}

strong {
    font-weight:bold;
}
em {
    font-style:italic;
}

input, select, textarea {
	font-family: 'Fira Sans', sans-serif;
	font-weight:400;
	font-style:normal;
	/*font-family:Arial, Helvetica, sans-serif;*/
    border:1px solid #CCC;
    padding:0.2em 0.3em 0.3em 0.3em;
    margin:0 0 0 0;
	color:#666;
	font-size:100%;
}
select {
	padding:0.25em;
}
input[type=text],
select,
textarea {

}
input[type=text]:focus,
select:focus,
textarea:focus {
	background:#F9F9F9;
}
option {
	background:#FFF;
}
input[type=checkbox],
input[type=radio] {
    padding:0 0 0 0;
    margin:0 0 0 0;
    border:0;
	width:auto !important;
}
input[type=submit] {
    border:0;
    color:#FFF !important;
    padding:0.5em 1em 0.6em 1em;
    width:auto !important;
    cursor:pointer;
	border-radius:3px;
	background:#f8b142;
}
input[type=submit].large {
    background:#f8b142;
    padding:0.3em 1em 0.6em 1em;
	height:32px;
}
input[type=submit].large.plain,
input[type=submit].xlarge.plain {
	border-radius:3px;
    padding:0.2em 2em 0.7em 2em;
	min-height:32px;
	clear:left;
	background:#f8b142;
}
.start input[type=submit].xlarge {
	margin-left:40%;
	font-size:130% !important;
}
input[type=submit].large.center {
	margin-left:42%;
}
input[type=submit].large.float-right {
	float:right;
	margin:0 0 0 0;
	clear:none;
}
input[type=submit].xlarge.plain {
    font-size:120%;
    padding:0.8em 1.5em 1em 1.5em;
}
input[type=submit]:hover {
    background:#f8b142;
}
input[type=submit]:hover.large {
    background:#666;
}
input[type=submit]:hover.large.plain,
input[type=submit]:hover.xlarge.plain {
	background:#666;
}

input:disabled {
	/*background-color: grey;*/
	opacity: 0.5;
	border-color: #ddd;
	cursor: not-allowed;
}

/* Shared */
.mobile {
	display:none !important;
}

/********************************************************/
/* STRUCTURE											*/
/********************************************************/
#site {
	float:left;
	width:100%;
}
.container {
	float:left;
	width:100%;
    padding:0 0 0 0;
    margin:0 0 0 0;
}
.inner {
    width:100%;
	max-width:60em;
    padding:1em 0;
	margin:0 auto;
}


.popup {
	width:710px !important;
}
.popup.small {
	width:510px !important;
}
.popup .inner {
	padding:0 2%;
	width:96%;
}


/********************************************************/
/* CONTENT   											*/
/********************************************************/
/* HEADER */
#header {
	background:#EEE;
    padding:0 0 1em 0;
}
#header .inner {
	color:#666;
}
#header .logo {
	display:block;
	float:left;
	margin-top:0.3em;
}
#header .logo {
	width:20%;
	display:block;
	float:left;
}
#header .logo img {
	width:100%;
	max-width:220px;
}
#header .buttons {
	width:50%;
	float:right;
	text-align:right;
	padding-top:0.6em;
	font-size:100%;
}
#header .buttons a {
	display:inline-block;
	padding:0.5em 1em 0.6em 1em;
	margin-left:0.5em;
	border-radius:3px;
	font-size:90%;
	color:#FFF;
    background:#222;
}
#header .buttons a:hover {
    background:#f8b142;
    color: #222;
}

/* MAIN CONTENT */
#main {
	background:#FFF;
	color:#666;
}

/* Left nav */
#main #left-nav {
	width:29%;
	max-width:18em;
	float:left;
	position:relative;
}
#main .reverse #left-nav {
	float:right;
}

#main #left-nav ul {
	padding-bottom:1.5em;
}
#main #left-nav ul li {
	height:3em;
}
#main #left-nav ul li a {
	padding:0.65em 0.8em 0.8em 0.8em;
	display:block;
	background:#EEE;
	color:#999;
	border-radius:3px;
}
#main #left-nav ul li.done a {
	background:#fce0b3;
	color:#bd7607;
}
#main #left-nav ul li.current a {
	background:#f8b142 !important;
	color:#444;
}

/* Main column */
#main {
	padding-bottom:2em;
	line-height:1.4em;
}
#main .content {
	width:60%;
	padding-right:5%;
	max-width:40em;
	float:right;
}
#main .start .content {
	width:69%;
	padding-right:0;
}
#main .reverse .content {
	float:left;
}
#main .full .content {
	float:left;
	width:100%;
	padding-right:0;
	max-width:60em;
}
#main .content.left {
	float:left;
}

#main .content .cms-content ul {
	margin: 0.5em 0 1em 2em;
	list-style: square;
}

#main .content .cms-content ul li {
	margin: 0.5em 0;
}

/* Main column heading styles */
#main h1 {
	margin:0.5em 0 0.5em 0;
	font-size:190%;
}
	#main h1 span {
		color:#f8b142;
		font-weight:normal;
	}
#main h2 {
	margin:0 0 1em 0;
	background:#f8b142;
	color:#FFF;
	width:96%;
	padding:2% 2% 2% 2%;
	float:left;
	font-size:110%;
}
#main h2.large {
	margin:0.5em 0 1em 0;
	font-size:180%;
	background:none;
	color:#f8b142;
	width:100%;
	padding:0 0 0 0;
	line-height:1.1em;
}
#main h2.large.border {
	padding:0.5em 0 0 0;
	border-top:1px dotted #CCC;
}
#main .start h2.large {
	margin:0.5em 0 0.25em 0;
}
#main h2 a {
	padding-left:0.5em;
}
#main h3 {
	font-size:110%;
}

#main h3.large {
	font-size:130%;
	margin:0.5em 0 0.25em 0;
	color: #000;
	background:none;
	line-height:1.1em;
}

#main p {
	padding-bottom:1.2em;
}
#main p.info {
	padding: 8px 15px;
	margin-bottom: 20px;
	background: #d9edf7;
	color: #31708f;
	border-left: 6px solid #31708f;

}
#main p.instructions {
	font-weight:bold;
	font-size:75%;
}

#main p.help {
	width:50% !important;
	padding:1em 25% 3em 25%;
	font-size:90%;
	text-align:center;
}

#main p.help-urgent {
	width:50% !important;
	padding:1em 25% 0em 25%;
	font-size:90%;
	text-align:center;
}

#main p.help-urgent-warning {
	width:50% !important;
	padding:1em 25% 3em 25%;
	font-size:90%;
	text-align:center;
}


/* Link buttons */
a.button {
	padding: 0.5em 1em 0.5em 1em !important;
	display:block;
    color:#FFF;
    cursor:pointer;
	float:left;
	border-radius: 3px;
	margin-bottom:1.5em;
	line-height:1em;
	background: #666; /* for non-css3 browsers */
}
	.buttons a.button {
		margin-right:1em;
	}
a:hover.button {
    background:#f8b142;
}
a.large {
	font-size:140%;
    padding:0.75em 1.5em 1em 1.25em;
	margin:1.5em 0 1.5em 40%;
}
a.blue {
    background:#f8b142;
}
	a:hover.blue {
		background: #666; /* for non-css3 browsers */
	}
a.edit {
	border:1px solid #CCC;
	color:#666;
    background:#FFF;
}
	a:hover.edit {
		border:1px solid #f8b142;
		color:#FFF;
		background:#f8b142;
	}
a.dull {
    background:#CCC;
    color:#666;
}
a:hover.dull {
    background:#999;
}

a.add {
	float:left;
	font-weight:bold;
	width:100%;
	font-size:90%;
}
a.add.margin {
	margin-bottom:1em;
}
a.info {
	display:inline-block;
	margin-left:0.5em;
	width:1.25em;
	height:1.25em;
	text-align:center;
	color:#FFF;
	font-size:90%;
	font-weight:bold;
	font-style:italic;
	font-family:'Times New Roman';
	border-radius:15px;
    background:#666;
}
	a:hover.info {
		background:#f8b142;
	}

/* Map */
#main .content .map {
	padding: 1em 10%;
	border-top:1px solid #EEE;
	width:80%;
}

#main .content .map-urgent {
	width: 100%;
	padding: 1em 0;
}

#main .content .map .copy {
	width:45%;
	padding:1em 0 1.75em 0;
	margin:0 0 0 0;
	float:left;
}
#main .content .map .copy fieldset {
	border:0;
}

#main .content .map .copy fieldset li {
	margin-bottom:1.5em;
	float:left;
	width:100%;
}

#main .content .map .copy fieldset label {
	font-weight:bold;
	display:block;
	padding-bottom:0.5em;
}
#main .content .map .copy fieldset select {
	width:90%;
	margin-bottom:0.5em;
}
#main .content .map img {
	float:right;
}

/* Icon lists */
#main .content ol {
	width:100%;
	float:left;
	padding-bottom:1em;
}
#main .content ol li {
	width:100%;
	float:left;
	padding-bottom:0.5em;
}

#main .content ol.icons {
	padding: 1em 10%;
	border-top:1px solid #EEE;
	width:80%;
}
#main .content ol.icons li {
	width:45%;
	padding:1em 0 1.75em 0;
	margin:0 0 0 0;
	clear: left;
}
	#main .content ol.icons li.right {
		padding:1em 0 1.75em 10%;
		clear: none;
	}
#main .content ol.icons li h3 {
	line-height:1.2em;
	color:#000;
	margin:0 0 0.5em 0;
	width:auto;
}
	#main .content ol.icons li.camera h3 {
		background:url(/_/images/interface/photos-icon.svg) no-repeat top left;
		min-height:20px;
		padding:15px 0 15px 60px;
	}
	#main .content ol.icons li.tape h3 {
		background:url(/_/images/interface/measurements-icon.svg) no-repeat top left;
		min-height:20px;
		padding:15px 0 15px 60px;
	}
	#main .content ol.icons li.passport h3 {
		background:url(/_/images/interface/passport-icon.svg) no-repeat top left;
		min-height:20px;
		padding:15px 0 15px 60px;
	}
	#main .content ol.icons li.id h3 {
		background:url(/_/images/interface/id-icon.svg) no-repeat top left;
		min-height:20px;
		padding:15px 0 15px 60px;
	}
#main .content ol.icons li p {
	color:#888;
	padding:0.75em 0 0 0;
}

#main .content ol.list li,
#main .content .pre_list ul li {
	width:90%;
	padding:0 0 1.5em 10%;
	min-height:40px;
	background:url(/_/images/interface/checkbox-icon.png) no-repeat top left;
}



/* Content blocks */
#main .block {
	width:96%;
	margin:0 0 1em 0;
	padding:5% 2% 2% 2%;
	border:1px solid #CCC;
	float:left;
	line-height:1.3em;
}
#main #left-nav .block {
	width:90%;
	padding:5%;
	line-height:1.2em;
}
#main #left-nav .block h2 {
	margin:0 0 0.25em 0;
	font-size:150%;
	background:none;
}
#main #left-nav .block h3 {
	margin:0 0 0.25em 0;
}
#main #left-nav .block p {
	width:95%;
	font-size:90%;
}
#main #left-nav .block .button {
	font-size:90%;
	margin-bottom:0;
}
#main .full .block .align-left,
#main .full .block .align-right {
	width:38%;
	float:left;
	padding:0 0 0 8.5%;
}
#main .full .block .align-right {
	width:42%;
	padding:0 0 0 8%;
}
#main .full .block h2.large {
	font-weight:bold !important;
	color:#666;
	font-size:140%;
	margin:0 0 1em 0;
	min-height:24px;
	line-height:1em;
}
#main .full .block h3 {
	color:#000;
}
#main .full .block p {
	color:#888;
}
#main .full .block ol {
	padding:0 0 0 0;
}



/* Forms */
#main .content form {
	width:100%;
	float:left;
	margin:0 0 2em 0;
	position:relative;
}
#main .full .content form {
	margin:0 0 2em 0;
}
#main .review .content form {
	width:100%;
	padding-right:0;
}
#main .content .login {
	width:50%;
	margin-left:25%;
}
#main .content .login form {
	width:96%;
	padding:2%;
}
#main .content fieldset {

	width:100%;
	float:left;
	margin:0 0 0.5em 0;
	padding:0 0 1em 0;
	float:left;
}
	#main .content fieldset.buttons {
		border-bottom:0;
		padding:0 0 0 0;
	}
	#main .content fieldset.invisible {
		border-bottom:0;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
#main .content fieldset dl {
	width:100%;
	float:left;
}
#main .content fieldset dl.additional,
#main .content fieldset dl.additional_yes {
	width:96%;
	margin-left:2%;
	padding-left:2%;
	border-left:1px dotted #CCC;
	float:left;
	margin-bottom:2em;
}

#main .content fieldset dl.additional.nodot {
	padding-left: 0%;
	border-left: 0px solid #fff;
}

#main .content fieldset dt,
#main .content fieldset dd {
	float:left;
	padding-bottom:0.75em;
}
#main .content fieldset dt {
	width:32%;
	padding-right:3%;
	clear:left;
}
#main .content .login fieldset dt {
	width:37%;
}
#main .content fieldset .additional dt {
	width:29%;
}
#main .content fieldset dt.double {
	width:100%;
	padding-right:0;

}
#main .content fieldset .review dt.double {
	padding-bottom:0.5em;
}
#main .content fieldset dt.reverse {
	width:72%;
}
#main .content fieldset .additional dt.reverse,
#main .content fieldset .additional_yes dt.reverse {
	width:70.75%;
}
#main .content fieldset dd {
	width:65%;
	position:relative;
	min-height:2em;
}
#main .content .login fieldset dd {
	width:60%;
}
#main .content fieldset .review dd {
	min-height:1em;
	padding-bottom:1em !important;
}
#main .content fieldset .additional dd {
	min-height:0;
	padding-bottom:0 !important;
}
#main .content fieldset dd.double,
#main .content fieldset .review dd.double {
	width:100%;
	padding-bottom:1.5em ;
}
#main .content fieldset .review dd.double {
	padding-bottom:1em !important;
}
#main .content fieldset dd.double.additional {
	width:90% !important;
	margin-left:2%;
	padding-left:2%;
	border-left:1px dotted #CCC;
	min-height:0;
	padding-bottom:0;
	margin-bottom:1.5em;
}
#main .content fieldset dd.reverse {
	width:25%;
}
#main .content fieldset dt.half,
#main .content fieldset dd.half,
#main .content fieldset .half dt,
#main .content fieldset .half dd {
	width:50%;
	padding-right:0;
}
#main .content fieldset dt.error,
#main .content fieldset dd.error {
	color:#F30;
}

#main .content fieldset p {
	float:left;
	position:relative;
	width:100%;
}
#main .content .login form p {
	float:left;
	padding-top:0.4em;
}
#main .content fieldset dl p {
	float:left;
	padding:0 0 0.5em 0;
	margin:0 0 0 0;
}
#main .content fieldset .review dd p {
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-weight:bold;
}
#main .content fieldset p.error {
	color:#F30;
}
#main .content fieldset p.highlight {
	background:#EEE;
	padding:1em 1% 1.25em 2%;
	width:97%;
	border-radius:3px;
	margin:1em 0;
}
#main .content fieldset p.highlight.error {
	color:#F30;
	background-color: #FFD6CC;
}

#main .content fieldset dd input,
.popup input,
#main .content fieldset p input,
#main .content fieldset dd select,
#main .content fieldset dd textarea {
	width:96%;
	float:left;
}

#main .content fieldset dd input.small {
	width:44%;
	margin-right:2%;
}
#main .content fieldset .additional dd.double input {
	margin-bottom:0.25em;
}
#main .content fieldset dd select {
	width:100%;
}
#main .content fieldset dd select.small {
	width:48%;
	margin-right:2%;
}
#main .content fieldset dd textarea {
	height:10em;
}

#main .content fieldset dd textarea.skills-spact-textarea {
	height:7em;
}

#main .content fieldset span.check {
	display:block;
	float:left;
	padding:0.1em 0 0.1em 5px;
	margin-right:5px;
	border-radius:3px;
	background:#F9F9F9;
}
#main .content fieldset span:hover.check {
	background:#EEE;
}
#main .content fieldset dd input[type=checkbox],
#main .content fieldset dd input[type=radio],
#main .content fieldset p input[type=checkbox],
#main .content fieldset p input[type=radio],
.popup input[type=checkbox] {
	margin:0.3em 0.75em 0 0;
}
#main .content fieldset p.highlight input[type=checkbox] {
	margin:0.3em 0.75em 0 0;
}
	#main .content fieldset dd.list input,
	.popup input[type=checkbox] {
		clear:left;
	}
	#main .content fieldset .multi {
		border-bottom:1px dotted #CCC;
		padding:0 0 0.5em 2% !important;
		margin-bottom:1.5em !important;
		width:98% !important;
	}
	#main .content fieldset .multi.last,
	#main .content fieldset .additional .multi {
		border-bottom:0;
		padding:0 0 0 2% !important;
		margin-bottom:1em !important;
	}
	#main .content fieldset .additional .multi {
		padding:0 0 0 0 !important;
		margin-bottom:0 !important;
	}
		#main .content fieldset .multi span.check {
			width:31%;
			margin:0 1% 0.5em 0;
		}
		#main .content fieldset dd.multi.two span.check {
			width:48%;
		}
		#main .content fieldset dd.multi span.check input[type=radio] {
			margin:0.3em 0.75em 0.3em 0;
		}
#main .content fieldset dd.error input,
#main .content fieldset li.error input,
#main .content fieldset dd.error select,
#main .content fieldset dd.error textarea {
	border-color:#F30;
	color:#F30;
}
#main .content fieldset dd label,
.popup label {
	float:left;
	margin-right:1em;
}
	#main .content fieldset dd.list label {
		padding-bottom:0.75em;
		width:85%;
	}
	#main .content fieldset dd label.hide {
		text-indent:-2000em;
		height:0;
		width:0;
	}
	#main .content fieldset dd.multi label {
		padding-bottom:0;
		width:75%;
	}
#main .content fieldset .button {
	font-size:90%;
}
#main .content fieldset dd .button {
	float:left;
}
#main .content fieldset p label {
	float:left;
	width:90%;
}
#main .content .login form input[type=submit] {
	float:right;
}

/* List for horizontal display of fields */
#main .content fieldset ul {
	width:100%;
	float:left;
}
/* Name in personal & contact details */
#main .content fieldset ul.name li {
	width:43%;
	margin-left:1.5%;
	float:left;
	color:#999;
}
	#main .content fieldset ul li.error {
		color:#F30;
	}
#main .content fieldset .double ul.name li {
	color:#666;
}
	#main .content fieldset ul li:first-child {
		margin-left:0;
	}
	#main .content fieldset ul.name li.small {
		width:11%;
	}
#main .content fieldset ul.name li input {
	width:90%;
	margin-top:0.25em;
}
	#main .content fieldset ul.name li.small input {
		width:60%;
	}
/* Unions in experience */
#main .content fieldset ul.unions li {
	width:48%;
	margin-right:2%;
	float:left;
}
#main .content fieldset ul.unions li label {
	margin:1em 0 0 0;
}
#main .content fieldset ul.unions li input {
	margin:0.25em 0 0 0;
}
/* Vehicle details in other experience */
/* experience details for stand-ins, doubles, hands */
#main .content fieldset .experience dt,
#main .content fieldset .vehicle dt,
#main .content fieldset .family dt {
	padding:1.5em 0 0.25em 0;
}
	#main .content fieldset .experience dt:first-child,
	#main .content fieldset .vehicle dt:first-child,
	#main .content fieldset .family dt:first-child {
		padding:0 0 0.25em 0;
	}
#main .content fieldset .experience li,
#main .content fieldset .vehicle li,
#main .content fieldset .family li {
	width:48%;
	margin-right:2%;
	margin-top:0.5em;
	float:left;
}
	#main .content fieldset .experience li.small,
	#main .content fieldset .vehicle li.small,
	#main .content fieldset .family li.small {
		width:22%;
	}
#main .content fieldset .experience li input,
#main .content fieldset .vehicle li input,
#main .content fieldset .family li input {
	width:90%;
}
#main .content fieldset .experience li label,
#main .content fieldset .vehicle li label,
#main .content fieldset .family li label {
	margin-bottom:2%;
}

#main .content fieldset .note {
	font-style:normal;
	display:block;
	float:left;
	color:#999;
	background:none;
	border:0;
	padding:0.25em 0 0 0;
	font-size:85%;
	line-height:1.4em;
	width:100%;
	position:relative;
}
	#main .content fieldset .reverse .note {
		left:-300%;
		width:370%;
	}
#main .content fieldset .error .note {
	color:#FF8566;
}

#main .content fieldset .note a {
	color:#f8b142;
}
	#main .content fieldset .note a:hover {
		color:#666;
	}

#main .content fieldset .reverse .note {
		left:-300%;
		width:370%;
}

#main .content fieldset .note a.video {
	color:#999;
}
#main .content fieldset .note a:hover.video {
		color:#f8b142;
	}
#main .content fieldset .note a.video span {
	display:block;
	padding:0.25em 0 0 1.75em;
	background:url(/_/images/icons/video.png) no-repeat 0 8px;
	color:#f8b142;
}
#main .content fieldset .note a:hover.video span {
	background:url(/_/images/icons/video.png) no-repeat 0 -22px;
	color:#f8b142;
}

/* Photos */
#main .content fieldset .my-photo {
	width:48%;
	float:left;
	border-right:1px dotted #CCC;
	padding-right:2%;
}
#main .content fieldset .my-photo img {
	max-width:143px;
	margin:0 1em 1em 0;
}
#main .content fieldset .my-photo p {
	padding:0 0 0.5em 0;
}
#main .content fieldset .my-photo ol,
#main .content fieldset .guidance ol {
	list-style:decimal;
	padding-left:10%;
	width:90%;
}
#main .content fieldset .my-photo a.button {
	float:left;
}
#main .content .guidance {
	float:left;
	width:100%;
}
	#main .content fieldset .guidance {
		float:right;
		width:48%;
	}
#main .content .guidance div {
	width:22.5%;
	padding-right:2.5%;
	float:left;
	min-height:180px;
}
	#main .content fieldset .guidance div {
		width:45%;
		padding-left:5%;
		padding-right:0;
	}
	#main .content fieldset .guidance.two div {
		width:95%;
	}
#main .content .guidance img {
	width:90%;
	max-width:143px;
	float:left;
	margin-bottom:0.5em;
}
	#main .content .guidance.two img {
		width:45%;
		margin-bottom:1em;
	}
#main .content .guidance p {
	width:95%;
	padding-left:5%;
	line-height:1.3em;
	float:left;
	font-size:80%;
}
#main .content .guidance div p {
	width:100%;
	padding-left:0;
}
	#main .content .guidance.two div p {
		width:48%;
		float:right;
	}



/* In page help */
#main .content .help {
	width:100%;
	float:left;
}
#main .content .help iframe {
	width:100%;
	max-width:575px;
	margin:0 0 1.5em 0;
}
#main .content .help .measurements-help {
	width:100%;
	float:right;
	padding:0 0 1em 0;
}
#main .content .help .measurements-help img {
	float:left;
	width:31%;
	max-width:200px;
}
#main .content .help .measurements-help ul {
	float:right;
	width:68%;
	margin-top:-5px;
}
#main .content .help .measurements-help ul li {
	width:95%;
	padding-left:5%;
	float:left;
	font-size:90%;
}
#main .content .help .measurements-help ul li span {
	float:left;
	display:block;
	width:90%;
}
#main .content .help .measurements-help ul li span.letter {
	color:#67c6ba;
	font-weight:bold;
	width:5%;
}

/* Review */
#main .review .content h2.large span {
	color:#666;
}
#main .content div.review-intro {
	width:48%;
	float:left;
}
#main .content .review-steps {
	width:100%;
	float:left;
	line-height:1.2em;
	margin:1.5em 0;
	font-size:90%;
}
#main .content .review-steps li {
	width:23.5%;
	float:left;
	border-top:5px solid #EEE;
}
	#main .content .review-steps li.last {
		width:6%;
		border-top:5px solid #FFF;
	}
	#main .content .review-steps li.done {
		border-top:5px solid #666;
	}
#main .content .review-steps li span {
	display:block;
	float:left;
	width:80%;
	margin:0 20% 0 0;
	padding-top:0.5em;
	color:#CCC;
}
#main .content .review-steps li.current span,
#main .content .review-steps li.done span {
	color:#666;
	font-weight:bold;
}
#main .content .review-steps li em {
	text-align:center;
	color:#FFF;
	width:1.5em;
	height:1.2em;
	padding:0.3em 0 0 0;
	display:block;
	font-style:normal;
	float:left;
	font-size:150%;
	margin-top:-0.9em;
	border-radius:20px;
    background:#EEE;
}
#main .content .review-steps li:first-child em {
	width:1.4em;
	padding:0.3em 0.1em 0 0;
}
#main .content .review-steps li.current em,
#main .content .review-steps li.done em {
	color:#FFF;
    background:#666;
}
#main .content div.review {
	width:48%;
	padding-left:4%;
	float:left;
}
#main .content div.review.photos {
	width:22%;
	padding-left:4%;
}
#main .content div.review.photos:first-child {
	padding-left:0;
}
#main .content div.review:first-child,
#main .content div.review.left {
	padding-left:0;
}
#main .content div.review fieldset {
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}
#main .content div.review.photos fieldset {
	padding-bottom:1em;
	width:100%;
}
#main .content div.review.photos h2 {
	width:92%;
	padding:2% 4%;
}
#main .content div.review img {
	max-height:200px;
}
#main .content div.review p {
	padding-bottom: 0;
}
#main .content div.continue {
	width:100%;
	border-top:1px dotted #CCC;
	padding-top:1em;
	float:left;
}


/* POPUP */
.popup #header .inner {
    padding:0.25em 0 !important;
}
.popup #main .inner {
    padding:1em 0 !important;
	line-height:1.3em;
}

.popup h1 {
	margin:0.5em 0;
	font-size:140%;
	width:80%;
}
.popup #main h2 {
	margin:1em 0 1em 0;
	float:left;
	width:100%;
	padding:0 0 0 0;
	font-weight:bold !important;
	color:#6559E6;
	background:#FFF;
}
	.popup h2:first-child {
		margin:0 0 1em 0;
	}
.popup p {
	padding:0 0 0 0 !important;
	margin:0 0 1em 0;
	float:left;
	width:100%;
	line-height:1.3em;
}

.popup span {
	width:25%;
	float:left;
	padding-bottom:1em;
}
.popup span.full {
	width:100%;
	float:left;
	padding-bottom:1em;
}
.popup.photos span {
	width:50%;
	float:left;
	padding-bottom:1em;
}

.popup label {
    padding-bottom:0.25em;
    width:70%;
}

.popup .examples {
	padding:1em 0 3em 0;
	float:left;
}
.popup .examples img {
	width:100%;
	max-width:250px;
	float:left;
	margin:0 0 1em 1em;
}
	.popup .examples img:first-child {
		margin:0 0 1em 0;
	}
.popup .examples img.small {
	max-width:125px;
}
.popup .examples ol {
	float:left;
	list-style:decimal;
	padding-left:1.5em;
	margin-left:1em;
}
.popup .examples ol li,
.popup .examples p {
	padding-bottom:0.5em;
}
.popup .examples p {
	padding:0 0 1.5em 1em;
	float:left;
	width:50%;
}
.popup .examples input.large.plain {
	clear:none;
	margin-left:0.9em;
}
.popup p.limits {
	float:left;
	width:50%;
}


/* FOOTER */
#footer {
	background:#333;
}

#footer p {
	font-size:80%;
	padding:0 0 1em 0;
}

.terms-page-message {
	width: 100%;
	float: left;
	line-height: 1.4em;
	padding: 15px;
	border: 2px solid #dc2626;
	color: #000;
	border-radius: 5px;
	background-color: #fef2f2 !important;
	margin: 0 0 1em 0;
}


/********************************************************/
/* layouts smaller than 970px, tablets etc 				*/
/********************************************************/
@media screen and (max-width: 970px) {

	.inner {
		width:90%;
	}

	.start input[type=submit].xlarge {
		margin-left:37%;
	}

	#header .logo {
		width:29%;
		display:block;
		float:left;
	}
	#header .logo img {
		width:100%;
	}
	#header .buttons a {
		font-size:80%;
	}

	#main #left-nav ul li {
		height:2.7em;
	}
	#main #left-nav ul li a {
		font-size:90%;
	}
	#main #left-nav ul li.current a {
		border-radius:3px !important;
		padding:0.65em 0.8em 0.8em 0.8em;
		width:auto;
		margin-right:0;
	}
	#main #left-nav .block {
		font-size:90%;
	}

	#main .content {
		width:68%;
		padding-right:0;
		max-width:40em;
		float:right;
		line-height:1.3em;
	}
	#main .content.left {
		width:100%;
	}

	#main .content .map {
		padding: 1em 5%;
		width:90%;
	}

	#main .content .map-urgent {
		padding: 1em 0;
		width: 100%;
	}
	#main .content .map .copy {
		width:70%;
		padding:1em 0 1.75em 15%;
		margin:0 0 0 0;
		float:left;
	}
	#main .content .map-urgent .copy {
		width:70%;
		padding:1em 0 1.75em 0;
	}
	#main .content .map img {
		display:none;
	}

	#main .content ol.icons {
		padding: 1em 5%;
		width:90%;
		min-height:6em;
	}
	#main .content ol.icons li {
		min-height:13.5em;
	}


	#main .full .block .align-left,
	#main .full .block .align-right {
		width:45%;
		float:left;
		padding:0 0 0 0;
	}
	#main .full .block .align-right {
		width:45%;
		float:right;
	}

	#main .content .login {
		width:70%;
		margin-left:15%;
	}
	#main .content fieldset dt.reverse {
		width:67%;
	}
		#main .content fieldset .additional dt.reverse {
			width:65.75%;
		}
	#main .content fieldset dd.reverse {
		width:30%;
	}
		#main .content fieldset .additional dd.reverse {
			width:31%;
		}

	#main .content fieldset .reverse .note {
		left:-233%;
		width:303%;
	}

	#main .content fieldset dd.multi span.check {
		width:45% !important;
	}

	#main .content div.review-intro {
		width:100%;
	}
	#main .content .review-steps li {
		width:22%;
	}
		#main .content .review-steps li.last {
			width:10%;
		}
	#main .content div.review img {
		max-height:150px;
	}

	/* experience details for stand-ins, doubles, hands */
	#main .content fieldset .experience li,
	#main .content fieldset .vehicle li,
	#main .content fieldset .family li {
		width:98%;
	}
	#main .content fieldset .experience li.small,
	#main .content fieldset .vehicle li.small,
	#main .content fieldset .family li.small {
		width:48%;
	}
	#main .content fieldset .experience li input,
	#main .content fieldset .vehicle li input,
	#main .content fieldset .family li input {
		width:95%;
	}
	#main .content fieldset .experience li.small input,
	#main .content fieldset .vehicle li.small input,
	#main .content fieldset .family li.small input {
		width:90%;
	}

}


/********************************************************/
/* layouts smaller than 640px, iPhone and mobiles 		*/
/********************************************************/
@media handheld and (max-width: 640px), screen and (max-device-width: 640px), screen and (max-width: 640px) {

	.mobile {
		display:block !important;
	}
	.screen {
		display:none !important;
	}
	.popup,
	.popup.small {
		width:auto !important;
	}

	input[type=submit].large {
		font-size:100%;
	}
	.start input[type=submit].xlarge {
		margin-left:35%;
	}

	#header .logo {
		width:100%;
		display:block;
		float:left;
	}
	#header .logo img {
		width:60%;
		margin-left:20%;
	}
	#header .buttons {
		width:100%;
		padding-top:1em;
		text-align:center;
	}
	#header .buttons a {
		font-size:80%;
	}

	#main h1 {
		margin:0.5em 0 1em 0;
		font-size:140%;
	}

	#main #left-nav {
		width:100% !important;
		max-width:40em !important;
	}
	#main #left-nav .block {
		display:none;
	}
	#main #left-nav ul {
		padding:0.75em 0;
		float:left;
		width:100%;
	}
	#main #left-nav ul li {
		height:1.5em;
		width:10.3%;
		float:left;
		border-top:4px solid #EEE;
	}
	#main #left-nav ul li.last {
		width:5%;
		border-top:4px solid #FFF;
	}
	#main #left-nav ul li.done {
		border-top:4px solid #666;
	}
	#main #left-nav ul li a {
		display:none;
	}
	#main #left-nav ul li span.mobile {
		display:block;
		padding:0;
		width:1.5em;
		height:1.5em;
		padding:0.1em 0 0 0;
		display:block;
		background:#EEE;
		color:#FFF;
		border-radius:15px;
		text-align:center;
		margin-top:-0.95em;
	}
	#main #left-nav ul li.done span.mobile {
		background:#666;
		color:#FFF;
	}
	#main #left-nav ul li.current span.mobile {
		background:#666;
		color:#FFF;
		padding:0.1em 0 0 0;
		width:1.5em;
		margin-right:0;
		border-radius:15px !important;
	}

	#main .content {
		width:100%;
		padding-right:0;
	}
	#main h1 span {
		font-size:80%;
		padding-bottom:0.25em;
	}

	.buttons a.button {
		margin-right:0.5em;
	}

	a.large {
		margin:1.5em 0 1.5em 21%;
	}

	#main .content p.help {
		width:70% !important;
		padding:1em 15% 3em 15%;
	}

	#main .content .map {
		padding: 1em 0;
		width:100%;
	}
	#main .content .map .copy {
		width:100%;
		padding:1em 0 0 0;
	}
	#main .content .map img {
		width:80%;
		margin:0 10%;
		float:left;
	}

	#main .content ol.icons {
		padding: 1em 0 2em 0;
		width:100%;
	}
	#main .content ol.icons li {
		width:100%;
		padding:1em 0 0 0;
	}
		#main .content ol.icons li.right {
			padding:1em 0 0 0;
		}
	#main .content ol.icons li h3 {
		line-height:1.2em;
		color:#000;
		margin:0 0 0.5em 0;
		width:auto;
	}

	#main .full .block .align-left,
	#main .full .block .align-right {
		width:100%;
		float:left;
		padding:0 0 0 0;
	}
	#main .full .block .align-right {
		width:100%;
		float:left;
	}

	#main .content ol.list li,
	#main .content .pre_list ul li {
		width:80%;
		padding:0 0 1.5em 20%;
		min-height:40px;
		background:url(/_/images/interface/checkbox-icon.png) no-repeat top left;
	}

	#main .content .login {
		width:96%;
		margin-left:0;
	}
	#main .content fieldset dt,
	#main .content fieldset dd {
		width:100% !important;
		padding-right:0 !important;
	}
	#main .content fieldset .reverse .note {
		left:0;
		width:100%;
	}
	#main .content fieldset dd.multi span.check {
		width:98%;
		margin-right:0;
	}
		#main .content fieldset dd.multi.two span.check {
			width:98%;
			margin-right:0;
		}

	/* Vehicle details in other experience */
	/* experience details for stand-ins, doubles, hands */
	#main .content fieldset .experience li,
	#main .content fieldset .vehicle li,
	#main .content fieldset .family li {
		width:98%;
	}
		#main .content fieldset .experience li.small,
		#main .content fieldset .vehicle li.small,
		#main .content fieldset .family li.small {
			width:48%;
		}
	#main .content fieldset .experience li input,
	#main .content fieldset .vehicle li input,
	#main .content fieldset .family li input {
		width:95%;
	}
		#main .content fieldset .experience li.small input,
		#main .content fieldset .vehicle li.small input,
		#main .content fieldset .family li.small input {
			width:90%;
		}
	/* Photos */
	#main .content fieldset .my-photo {
		width:100%;
		border-top:1px dotted #CCC;
		padding-top:0.5em;
		border-right:0;
		padding-right:0;
	}
	#main .content fieldset .my-photo img {
		max-width:70px;
		margin:0 1em 1em 0;
	}
	#main .content fieldset .my-photo p {
		padding:0 0 0.5em 0;
	}
	#main .content fieldset .my-photo ol,
	#main .content fieldset .guidance ol {
		list-style:decimal;
		padding-left:10%;
		width:90%;
	}
	#main .content fieldset .my-photo a.button {
		float:left;
	}
	#main .content fieldset .guidance {
		float:left;
		width:100%;
	}
	#main .content .guidance div {
		width:47.5%;
		padding-right:2.5%;
		float:left;
		min-height:0;
	}
		#main .content fieldset .guidance div {
			width:45%;
			padding-left:0;
			padding-right:5%;
		}
	#main .content .guidance img {
		width:50%;
		max-width:143px;
		float:left;
		margin-right:0.5em;
		margin-bottom:1em;
	}
		#main .content fieldset .guidance.two img {
			width:24%;
		}
	#main .content .guidance p {
		width:100%;
		padding-left:0;
		line-height:1.3em;
		float:left;
		font-size:75%;
	}
	#main .content .guidance div p {
		width:40%;
		padding-left:0;
	}
		#main .content .guidance.two div p {
			width:72%;
		}

	#main .content div.review {
		width:100%;
		padding-left:0;
	}
	#main .content .review-steps {
		margin-bottom:0;
	}
	#main .content .review-steps li span {
		text-indent:-2000em;
		min-height:0;
	}
	#main .content div.review.photos {
		width:100%;
		padding-left:0;
	}

	.popup #header .buttons {
		text-align:left;
	}
	.popup #header .buttons input[type=submit] {
		display:inline-block;
		padding:0.425em 1em;
		margin-left:0.5em;
		border-radius:3px;
		font-size:80%;
		float:right;
	}
	.popup span {
		width:50%;
	}

}


/********************************************************/
/* layouts smaller than 480px, iPhone and mobiles 		*/
/********************************************************/
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 480px) {

	.start input[type=submit].xlarge {
		margin-left:25%;
	}

	#main .content .help .measurements-help img {
		float:none;
		width:auto;
		max-width:inherit;
	}
	#main .content .help .measurements-help ul {
		float:none;
		width:auto;
		margin-top:0;
	}

}

tt { display: none; }

#main .content fieldset.grouped-refdata{
	/*padding: 0.25em 0;*/
}

#main .content fieldset.grouped-refdata dd.double,
#main .content fieldset.grouped-refdata .review dd.double {
	padding-bottom: 0;
}

#main .content fieldset.grouped-refdata dt.double {
	display: none;
}

#main .content fieldset.grouped-refdata .multi span.check {
    padding-right:0;
    padding-bottom:0;
}

#main .content fieldset.grouped-refdata .multi span.check label {
	display: inline;
    font-size: 0.9em;
    height: 2.35em;
    line-height: 1.15em;
    overflow: hidden;
	width: 85%;
	margin-right: 0;
	padding-top:0.15em;
}

#main .content fieldset.grouped-refdata dd.list input {
	/*margin: 0.2em 0.75em 0 0;*/
}

#main .content fieldset div.divider {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: .66em;
	margin-bottom: 1em;
	clear: both;
}
	#main .content fieldset div.divider.no-border {
		border-bottom: 0;
		padding-bottom: .66em;
		margin-bottom: 0;
		clear: both;
	}


#main .content fieldset .photo-preview {
	height: 214px;
	line-height: 214px;
}

	#main .content fieldset .photo-preview img {
		max-height: 214px;
		max-width: 214px;
		vertical-align: middle;
		float:none;
	}

img.loading {
	margin-left: 2em;
	margin-top: .5em;
}

/* Progress meter */
.meter {
	height: 16px;  /* Can be anything */
	position: relative;
	background-color: #eee;
	border-radius: 25px;
	padding: 8px;
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-color: rgb(178,172,242);
	-webkit-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}

/**
 * Messages based on Modernizr results
 */
.if-fileinput
, .ifnot-fileinput {
	display: none;
}

html.fileinput .if-fileinput
, html.no-fileinput .ifnot-fileinput
{
	display: inherit;
}

.flagged {
	font-weight: bold;
	color: red;
}

.no-max-width {
	max-width: 100% !important;
}


#main .content ul.photo-guidance {
	list-style-type: square !important;
	padding-left:2em !important;
}

#main .content ul.photo-guidance li {
	padding-bottom:0.5em;
}