@media (max-width: 768px) {
    div.submitOverlayContainer aside.currentRecord {
        width: 90%;
        margin: 20px auto;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner {
        padding: 10px;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.video {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 10px;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent {
        width: 100%;
        float: none;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div {
        padding: 0;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy {
        overflow: visible;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy img.gravatar {
        float: none;
        display: block;
        margin: 0 auto;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy div.setByText {
        width: 100%;
        float: none;
        padding: 0;
        text-align: center;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.rules {
        margin: 10px 0;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.value {
        margin: 10px 0;
    }

    div.submitOverlayContainer aside    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.value {
        margin: 10px 0;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.rulesInner {
        padding: 0;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.value span.number {
        display: block;
        text-align: center;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.value span.unit {
        display: block;
        text-align: center;
    }

    div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent a.breakIt {
        display: block;
        margin: 20px auto;
        text-align: center;
    }

    div.submitOverlayContainer aside.error {
        width: 90%;
        margin: 20px auto;
    }

    div.submitOverlayContainer aside.error p#errorMessage {
        text-align: center;
    }
}




div.submitOverlayContainer{
	height:100%;
	width:100%;

	position:fixed;
	top:0;
	left:0;
	z-index:251;
	display:none;
}

div.submitOverlayContainer span.overlayBg{
	display:block;
	height:100%;
	width:100%;
	background-color:rgb(35,31,32);
	background-color:rgba(35,31,32,0.9);
	position:fixed;
	top:0;
	left:0;
	z-index:252;
}

div.submitOverlayContainer aside{
	display:none;
	margin:0 auto;
	z-index:253;
}

div.submitOverlayContainer aside.visible{
	display:block;
}

div.submitOverlayContainer aside.currentRecord{
	width:948px;
	background-color:#E4E4E5;
	padding:12px;
	overflow:hidden;
	background-image: url('/cassette.axd/file/site-static/breakItStripe-cb80a11c87b0724ca8a6a52da7055961b2a0221b.png');
	background-repeat:no-repeat;
	background-position:-98px 0;
	margin:110px auto 0 auto;
	position:relative;
}

div.submitOverlayContainer aside.currentRecord strong.breakIt{
	display:block;
	overflow:hidden;
	text-indent:-999em;
	background-image: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png');
	background-repeat:no-repeat;
	background-position:-626px -989px;
	height:14px;
	width:90px;
	margin:0 0 12px 112px;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner{
	background-color:#fff;
	padding:15px 20px 20px 20px;
	overflow:hidden;
	position:relative;
	-moz-box-shadow: 2px 2px 5px 1px #d8d8d9;
	-webkit-box-shadow: 2px 2px 5px 1px #d8d8d9;
	box-shadow: 2px 2px 5px 1px #d8d8d9;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner strong.recordTitle{
	font-weight:700;
	font-size:22px;
	color:#231F20;
	margin:0 0 16px 0;
	display:block;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.video{
	border:5px solid #8D8F90;
	background:#000;
	float:left;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent{
	width:300px;
	float:right;
	margin:7px 0 0 0;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div{
	padding:0 0 0 52px;
	position:relative;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div div{
	padding:0;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent span.title{
	position:absolute;
	right:258px;
	top:0;
	text-transform:uppercase;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy{
	overflow:hidden;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy img.gravatar{
	float:left;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy div.setByText{
	width:150px;
	float:left;
	padding:0 0 0 10px;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy div.setByText strong{
	font-weight:500;
	font-size:16px;
	color:#58595B;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy div.setByText span{
	margin:4px 0 0 0;
	/*font-family:arial,helvetica,sans-serif;*/
	font-size:12px;
	color:#58595B;
	display:block;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.setBy span.additionalSetters{
	display:block;
	clear:both;
	padding:10px 0 0 0;
	/*font-family:arial,helvetica,sans-serif;*/
	font-size:12px;
	color:#58595B;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.rules{
	margin:18px 0 0 0;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.rules ul{
	overflow:hidden;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.rules li{
	clear:both;
	margin:0 0 8px 0;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.rules span{
	color:#F05133;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.rules li span{
	display:block;
	float:left;
	width:12px;
	/*font-family:arial,helvetica,sans-serif;*/
	font-size:12px;
	line-height:16px;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.rules p{
	display:block;
	width:235px;
	/*font-family:arial,helvetica,sans-serif;*/
	font-size:12px;
	line-height:16px;
	margin-bottom:8px;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.value{
	margin:10px 0 0 0;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.value span.title{
	color:#F05133;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.value span.number, div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent div.value span.unit{
	display: inline-block;
	*display:inline;
	*zoom:1;
	padding: 2px 3px;
	background: #F9B6A9;
	margin-right: 1px;
	color: #231F20;
}

div.submitOverlayContainer aside.currentRecord div.currentRecordInner div.currentRecordContent a.breakIt{
	display:block;
	height:32px;
	width:104px;
	position:absolute;
	right:32px;
	bottom:22px;
	text-indent:-999em;
	overflow:hidden;
	background: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png') no-repeat;
	background-position:-920px -861px;
}

div.submitOverlayContainer aside.currentRecord a.xButton{
	display:block;
	height:17px;
	width:19px;
	background: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png') no-repeat;
	background-position:-172px -991px;
	position:absolute;
	top:10px;
	right:10px;
	text-indent:-999em;
	overflow:hidden;
}

div.submitOverlayContainer aside.error{
	width:308px;
	padding:18px;
	background:#231F20;
	color:#fff;
	text-align:center;
	margin-top:110px;
	font-size:18px;
	line-height:25px;
	font-weight:700;
	text-transform:uppercase;
	position:relative;
}

div.submitOverlayContainer aside.error strong{
	font-size:24px;
	color:#fece45;
	margin:0 0 10px 0;
	line-height:normal;
	font-weight:500;
}

div.submitOverlayContainer aside.error a.xButton{
	display:block;
	height:11px;
	width:11px;
	text-indent:-999em;
	overflow:hidden;
	background: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png') no-repeat;
	background-position:-193px -991px;
	position:absolute;
	top:5px;
	right:5px;
}

div.submitOverlayContainer aside.error a.xButton:hover{
	cursor:pointer;
}

div.submitOverlayContainer aside.warning{
	width:545px;
	margin-top:110px;
	background:#fff;
	margin-left: -272px;
	position: fixed;
	left: 50%;
}

div.submitOverlayContainer aside.warning strong{
	display:block;
	padding:10px 30px;
	font-size:24px;
	color:#fece45;
	line-height:normal;
	font-weight:500;
	background:#231F20;
	text-transform:uppercase;
}

div.submitOverlayContainer aside.warning div.warningBottom{
	padding:15px 30px 30px 30px;
	overflow:hidden;
}

div.submitOverlayContainer aside.warning div.warningBottom p{
	font-size:18px;
	line-height:21px;
	font-weight:700;
	color:#231F20;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

div.submitOverlayContainer aside.warning div.warningBottom a.warningButton{
	display:block;
	float:left;
	padding:6px 26px;
	color:#fff;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	background: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png') no-repeat;
	background-position:-453px -989px;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	border-radius: 2px; /* CSS3 */
	margin:0 9px 0 0;
}

div.specialTerms input
{
    vertical-align:middle;
    margin-right:2px;
}

div.specialTerms span.specialTermsLink {
    cursor:pointer;
    text-decoration:underline;
}

div.submitOverlayContainer aside.specialTerms{
	padding:30px;
	background-color:#fff;
	width:600px;
    height:600px;
	overflow:scroll;
	position:absolute;
	left:50%;
	margin-left:-326px;
	top:80px;
	position:relative;
}

div.submitOverlayContainer aside.specialTerms div.specialTermsBottom{
	padding:15px 30px 30px 30px;
	overflow:hidden;
}

div.submitOverlayContainer aside.specialTerms divspecialTermsBottom p{
	font-size:18px;
	line-height:21px;
	font-weight:700;
	color:#231F20;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

div.submitOverlayContainer aside.specialTerms div.specialTermsBottom a.specialTermsButton{
	display:block;
	float:left;
	padding:6px 26px;
	color:#fff;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	background: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png') no-repeat;
	background-position:-453px -989px;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	border-radius: 2px; /* CSS3 */
	margin:0 9px 0 0;
}

div.submitOverlayContainer aside.uploadYoutube{
	padding:30px;
	background-color:#fff;
	width:493px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-326px;
	top:300px;
	position:relative;
}

div.submitOverlayContainer aside.uploadYoutube span.youtubeLogo{
	display:block;
	overflow:hidden;
	text-indent:-999em;
	height:52px;
	width:44px;
	background: url('/cassette.axd/file/site-static/gradientSprites-71fae14c306ceef7a98c4b96c2e1b14ae86b579f.png') no-repeat;
	background-position:-359px -487px;
	float:left;
}

div.submitOverlayContainer aside.uploadYoutube div.right{
	width:230px;
	float:left;
	margin-left:23px;
}


div.submitOverlayContainer aside.uploadYoutube div.right strong, div.submitOverlayContainer aside.uploadYoutube div.right select{
	display:block;
}

div.submitOverlayContainer aside.uploadYoutube div.right strong{
	font-size:16px;
	color:#000000;
	text-transform:uppercase;
	margin:0 0 16px 0;
}

div.submitOverlayContainer aside.uploadYoutube div.right select{
	width:180px;
}

div.submitOverlayContainer aside.uploadYoutube div.inputHolder{
	clear:both;
	float:left;
	border:1px solid #D3D3D3;
	height:31px;
	width:491px;
	margin:26px 0 0 0;
}

div.submitOverlayContainer aside.uploadYoutube input#youtubeCode{
	display:block;
	clear:both;
	border:none;
	margin:7px 0 0 9px;
	/*font-family:arial,helvetica,sans-serif;*/
	font-size:14px;
	width:466px;
	color:#989A9B;
}

div.submitOverlayContainer aside.uploadYoutube input#youtubeCode:focus{
	outline:none;
	background:#ffffff;
}

div.submitOverlayContainer aside.uploadYoutube a.xButton{
	display:block;
	overflow:hidden;
	text-indent:-999em;
	position:absolute;
	top:10px;
	right:10px;
	height:14px;
	width:14px;
	background: url('/cassette.axd/file/site-static/gradientSprites-71fae14c306ceef7a98c4b96c2e1b14ae86b579f.png') no-repeat;
	background-position:-404px -556px;
}

div.submitOverlayContainer aside.uploadYoutube a.submitYoutube{
	position: relative;
	top: auto;
	float: right !important;
	font-weight: 700;
	font-size: 14px;
	margin: 5px 0 0 0;
	line-height: 14px;
	margin: 15px 0 0 0;
}

div.submitOverlayContainer aside.uploadYoutube a.submit:hover{
	cursor:pointer;
}

div.submitOverlayContainer aside.webcam{
	background: url('/cassette.axd/file/site-static/webcamOverlayBackground-c807c95c09564f983c1e7fbc21a4aadbbf3c015e.png') no-repeat;
	background-color:#E4E4E5;
	background-position:top left;
	width:797px;
	margin-top:110px;
	position:relative;
	padding:38px 12px 12px 12px;
}

div.submitOverlayContainer aside.webcam div.webcamVideo{
	width:800px;
	height:453px;
	background: url('/cassette.axd/file/site-static/webcamOverlayPattern-5a01ae804bd16c7fbd358fbca0282e0008fa44f7.png') repeat;
}

div.submitOverlayContainer aside.webcam div.webcamOverlay div{
	display:none;
	overflow:hidden;
}

div.submitOverlayContainer aside.webcam div.webcamOverlay {
	width:385px;
	position:absolute;
	top:175px;
	left:50%;
	margin-left:-223px;
	background:#fff;
	padding:30px;
}

div.submitOverlayContainer aside.webcam div.webcamOverlay span.webcamImage{
	display:block;
	height:49px;
	width:50px;
	background: url('/cassette.axd/file/site-static/webcamLogo-bbcb553ccf45def9f66c0bb9747ffd1bcf06daa3.png');
	position:absolute;
	top:-20px;
	left:-20px;
}

div.submitOverlayContainer aside.webcam div.webcamOverlay p{
	font-size:16px;
	line-height:21px;
	color:#000000;
}

div.submitOverlayContainer aside.webcam div.webcamOverlay a:hover{
	cursor:pointer;
}

div.submitOverlayContainer aside.webcam div.webcamOverlay a.startWithDelay{
	display:block;
	text-indent:-999em;
	overflow:hidden;
	height:27px;
	width:228px;
	background: url('/cassette.axd/file/site-static/gradientSprites-71fae14c306ceef7a98c4b96c2e1b14ae86b579f.png');
	background-position:left -955px;
	float:left;
	margin:30px 9px 0 0;
}

div.submitOverlayContainer aside.webcam div.webcamOverlay a.startNow{
	display:block;
	text-indent:-999em;
	overflow:hidden;
	height:27px;
	width:139px;
	background: url('/cassette.axd/file/site-static/gradientSprites-71fae14c306ceef7a98c4b96c2e1b14ae86b579f.png');
	background-position:-237px -955px;
	float:left;
	margin:23px 9px 0 0;
}

div.submitOverlayContainer aside.webcam div.webcamOverlay a.button{
	display:inline-block;
	*display:block;
	*display:inline;
	padding:6px 0;
	width:187px;
	text-align:center;
	margin:23px 0 0 5px;
	background: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png');
	background-position:-395px -989px;
	text-width:700;
	font-size:14px;
	letter-spacing:.02em;
	color:#fff;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	border-radius: 2px; /* CSS3 */
}

div.submitOverlayContainer aside.webcam div.recordingComplete{
	text-align:center;
}

div.submitOverlayContainer aside.webcam div.recordingComplete strong.header{
	display:block;
	text-indent:-999em;
	overflow:hidden;
	height:31px;
	width:366px;
	background: url('/cassette.axd/file/site-static/gradientSprites-71fae14c306ceef7a98c4b96c2e1b14ae86b579f.png');
	background-position:-238px -866px;
}

div.submitOverlayContainer aside.webcam div.recordingComplete a.submit, div.submitOverlayContainer aside.webcam div.paused a.submit{
	display:block;
	clear:both;
	text-indent:-999em;
	overflow:hidden;
	height:45px;
	width:209px;
	background: url('/cassette.axd/file/site-static/gradientSprites-71fae14c306ceef7a98c4b96c2e1b14ae86b579f.png');
	background-position: -237px -899px;
	margin:17px auto 0 auto;
}

div.submitOverlayContainer aside.webcam div.paused a.button{
	margin-top:0;
}

div.submitOverlayContainer aside.webcam span.rsLogo{
	display:block;
	text-indent:-999em;
	overflow:hidden;
	height:42px;
	width:81px;
	background: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png');
	background-position:-311px -787px;
}

div.submitOverlayContainer aside.webcam span.status{
	position:absolute;
	bottom:20px;
	left:200px;
}

div.submitOverlayContainer aside.webcam span.xButton{
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	height:17px;
	width:18px;
	background: url('/cassette.axd/file/site-static/sprites-9c0f33c7990d999a90ce58f3f82a9fd7f37f2b04.png');
	background-position:-172px -991px;
	text-indent:-999em;
	overflow:hidden;
}

div.submitOverlayContainer aside.webcam span.xButton:hover{
	cursor:pointer;
}