/* HTML ELEMENTS */
label {
    font-size: 15px;
}

#content input, #content select, #content textarea {
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #DDD;
	padding: 3px;
	margin: 2px;
	color: #6E7071;
}
.submitForm {
	width: 100%;
	position: relative;
}

.submitTools {
	border-left: solid 2px #DDD;
	/* border-bottom: solid 1px #DDD; */
	margin: 0 0 8px 65px;
}
.submitTools div {
	/*margin: 0 40px 0 0;
	display: none;*/
}

#uploader-ctrl {
    clear: both;
    display:none;
    width: 600px;
}
.mediaOwn {
    float: left;
    width: 350px;
}

.mediaOwn div {
    display: block;
}

.uploadProgress, .minorNotice {
	background-color: #F7F7F7;
	padding: 5px;
	margin: 8px;
	width: 95%;
	display: block;
}
.uploadProgress {
    background: none;
    border-bottom: solid 2px #DDD;
    float: left;
    margin: 3px 5px;
}
.loginLoading {
    display: block;
    margin: 5px;
    display: none;
}
#uploadifyWrapper {
    width: 370px;
}
.sourceType {
    width: 140px;
    margin-left: 10px;
}
.sectionPermissions {
    float: left;
    margin: 3px 5px;
}
.clear {
	display: block;
	clear: both;
}
.half , .three_quarter, .quarter{
	display: block;
	float: left;
}
.half { width: 50%; }
.three_quarter { width: 75%; }
.quarter { width: 25%; }

.stepActions {
	margin: 0 auto;
}

.defaultMainUnit {
    float: left;
    padding: 6px;
    display: block;
}

.selectTitle {
    font-weight: bold;
    margin-top: 3px;
    border-top: solid 2px #CCC;
    border-bottom: solid 1px #DDD;
    background-color: #EEE;
    font-size: 110%;
}
.beaterror {
    display: none;
    color: #F00;
    font-weight: bold;
    padding: 5px;
    border: solid 1px #F00;
    background-color: #EFF;
}
.selectWho {
    width: 170px;
}
.fieldWhoDetail {
    width: 280px;
}
.optionBeatSet {
    margin: 10px 0 10px 10px;
}
.selectMedia {
    width: 180px;
    float: left;
    margin-right: 10px;
}

.keyUnits {
    float: left;
    width: 150px;
}


/* GLOBAL template adjustments for preview */
#sidebar {
	margin: 0;
}

#content {
	width: 951px;
	margin: 0 auto;
	overflow: hidden;
	clear:both;
	padding-bottom:17px;
	min-height:800px;
}

#world_record {
	margin: 0;
}

.beatHidden {
	display: none;
}

input.readonly {
	border: none;
}

.recordTitle {
	font-size: 18px !important;
	padding: 4px;
	width: 550px;
}

.suggestTitleBox {
	overflow: auto;
	height: 100px;
	line-height: 19px;
	display: block;
	width: 550px;
	float: left;
	border: solid 1px #DDD;
	padding: 4px;
	border-radius: 6px;
}

.titleBlock {
	float: left;
	height: 25px;
	margin: 3px 10px 5px -67px;
	width: 65px;
	display: block;
	font-size: 13px;
	background-color: #EEE;
	border-bottom: solid 1px #DDD;		
}
.titleBlock p {
	padding: 6px;
	margin: 0;
}
.titleBlock p.status {
	margin: 0 0 0 -30px;
	float: left;
}
.nostyles {
	border: none;
	background: none;
}

.stepSection {
	background-color: #EEE;
	margin: 10px auto 0 auto;
	width: 740px;
	border: solid 2px #DDD;
	float: left;
}

.progressPoints {
	margin-top: 4px;
	display: none;
	padding-left: 20px !important;
	background-position: 0 5px;
	background-repeat: no-repeat;
	background-image: url(/_css/submit/bullet_green.png);
}

.statusWorking {
	background-image: url(/_css/submit/bullet_blue.png);
	background-position: 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.labelWorking {
	font-weight: bold;
	background-color: #EEF;
	border-bottom: solid 4px #BBF;
	border-right: solid 2px #BBF;
	margin-right: -2px !important;
	color: #000;
}
.labelSuccess {
	background-color: #EFE;
	border-bottom: solid 1px #BFB;
}
.progressPointsSuccess {
	background-image: url(/_css/submit/tick-circle.png);
	background-repeat: no-repeat;
}
.progressPointsError {
	background-image: url(/_css/submit/cross-circle.png);
	background-repeat: no-repeat;
}
.progressPointsLoading {
	background-image: url(/_css/submit/loading-circle.gif);
	background-repeat: no-repeat;
}

.stepSection p {
	float: left;
	padding: 6px;
	width: 70px;
}
.stepSection img {
	margin: -3px 1px;
}

.stepSection p.sectionTitle {
	width: 150px;
	font-size: 18px;
	margin-right: 10px;
	height: 18px;
	border-right: solid 2px #CCC;
	background-color: #DDD;	
}

.titleSuggest {
	display: none;
	margin: 0 !important;
}

.titleSuggestItem a {
	background-image: url(/_css/submit/bullet_green.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 17px;
	display: block;
}
.titleSuggestItem a:hover {
	background-color: #EEF;
}

.stepSection a, .submitTools a {
	color: #777;
}
.stepSection a:hover, .submitTools a:hover {
	text-decoration: underline;
}

.ccAgree, .ccAll {
	background-color: #EFE;
	border-left: solid 2px #BFB;
	border-right: solid 2px #BFB;
	padding: 1px;
	display: block;
	float: left;
	margin-right: 4px;
}
.ccTop, .ccAll { border-top: solid 2px #BFB; }
.ccBottom, .ccAll { border-bottom: solid 2px #BFB; }
/* .ccItem, .ccBottom { margin-left: 5px; } */

.uploadProgress p {
	margin-top: 5px;
	float: left;
}
.ccAll {
	border: none;
	background: none;
	padding: 3px;
}

.fieldTags, .fieldCriteria {
	width: 150px;
	float: left;
}
.tagEditor {
	width: 310px !important;
	float: left;
}
.tagAdd {
    width: 28px;
    background-color: #EEE;
    float: left;
}

.fieldEmail {
	width: 140px;
}

input.emailValid, input.emailInvalid {
	background-repeat: no-repeat;
	background-position: right 2px;
}
input.emailValid {
	/*background-image: url(/_css/submit/images/tick-circle.png);
	background-color: #EFE;*/
}
input.emailInvalid {
	/*background-image: url(/_css/submit/cross-circle.png);
	background-color: #FEE;*/
}


#home_title {
    /*margin: -10px 0 50px 130px;
    position: absolute;
    z-index: 1;*/
    margin: 10px auto;
}

/* FIX: dropdown menu overlap */
#home_title h1 {
    color: #5F5F5F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: normal;
    text-shadow: #fff 0px 1px 0px;
}

.helpBox {
    float: right;
    width: 265px;
    border: solid 1px #FBB;
    padding: 8px;
    margin: 04px; 
    background-color: #FFF9F9;
    line-height: 15px;
}
.helpBox p {
	width: 100%;  
	display: none;
	/*font-style: italic;*/
	font-size: 13px;	
}

.selectUnits {
    width: 140px;
    float: left;
    margin: 0 10px 0 0;
}
.units, .meSwitch {
    display: none;
}
.units {
    float: left;
    margin-left: 300px;
}
.units select {
    float: left;
    width: 140px;
    margin: 0 10px 0 0;
}
.unitsDistanc, .unitsWeight, .unitsVolume, .unitsTemperature {
    float: left;
    margin: 0 5px 0 0;
}

.submitForm .currentRecord {
    float: right;
    width: 265px;
    height: 100px;
    border: solid 1px #FBB;
    padding: 4px;
    margin: 0 4px;
    background-color: #FFF9F9;

}
submitForm. .currentRecord p {
	width: 100%;
	display: none;
	font-style: italic;
	font-size: 13px;	
}

.sideBox {
    float: right;
    width: 265px;
}

.submitFormLoading {
    margin: 20px;
}

.amountAlt {
    display: block;
    float: left;
    width: 260px;
    margin: 7px;
    font-style: italic;
    font-size: 15px;
}

.fieldWitnessFirstName {
    width: 90px;
}
.fieldWitnessLastName {
    width: 110px;
}
.fieldWitnessEmail {
    width: 90px;
}

.fieldWhereCity {
    width: 180px;
}
.fieldWhereState {
    width: 150px;
}
.fieldWhereCountry {
    width: 150px;
}

.fieldNotes {
    height: 40px;
    margin-bottom: 5px;
    width: 550px;
}

.buttonSend {
    float: left;
    padding: 5px !important;
    margin: 5px;
    font-size: 140%;
}


/* date picker */
/* creates a calendar icon instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	/*background: url(/cassette.axd/file/site-static/Calendar_scheduleHSMed-5e117ba6f39d2680bb45326e2ddf267860d1a726.png) no-repeat; */
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}




a.buttonToggleInstructions {
    float: right;
    font-weight: bold;
    color: #FFF;
}

.instructionsHeading {
    background: #483216 url(/_css/submit/banner.jpg) no-repeat top left;
    height: 57px;
}
.instructionsSteps {
    margin: 18px 0 16px 0;
    background: url(/_css/submit/choose-doc-submit.jpg) no-repeat top left;
    height: 195px;
}
.instructionsSteps p {
    padding: 144px 26px 0 2px;
    width: 200px;
    font-family: Georgia,serif;
    font-style:italic;
    color: #483216;
    float: left;
    line-height: 19px;
}


.formUserSection {
    display: none;
}

.success {
    clear: both;
    color: #A0A0A0;
    font-weight: bold;
    padding: 3px;
}

.unitSelector span, .unitSelector a {
    display: block;
    padding: 3px 2px;
    font-size: 13px;
}
.unitSelector a:hover, .unitSelector a.selected {
    font-weight: bold;
    border-radius: 5px;
    background-color: #FFF1CC;
    text-decoration: none;
    cursor: pointer;
}
.unitSelector a.selected {
    background-color: #FFE296;
    color: #000;
}
.unitSelector .unitTitle {
    font-weight: bold;
    background-color: #F9F9F9;
}

.unitSelector .col {
    float: left;
    margin: 1px;
    border-right: solid 1px #DDD;
    width: 140px;
}

.hidden {
    display: none;
}

/* DL's Styles*/
input.orange-btn {
	background: url('/_css/submit/orange-btn.jpg') no-repeat;
	border: 0 !important;
	color: #fff !important;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 9pt;
	*font-size: 8pt;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding: 0 !important;
	text-align: center;
	text-shadow: 0 1px 1px #d77600;
	width: 115px;
}

input.orange-btn:hover {
	background-position: -115px 0;
	cursor: pointer;
}

input#grey-btn {
	background: url('/_css/submit/grey-btn.jpg') no-repeat;
	border: 0;
	color: #777;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 9pt;
	height: 26px;
	line-height: 26px;
	margin-left: 5px;
	padding: 0 !important;
	text-align: center;
	text-shadow: 0 1px 1px #fff;
	width: 115px;
}

input#grey-btn:hover {
	background-position: -115px 0;
	cursor: pointer;
}
.hint {
   	display: none;
    position:absolute;
    right: 5%;
    width: 250px;
    line-height: 17px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url('/_css/submit/pointer.gif') no-repeat -10px 5px;
}
/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url('/_css/submit/pointer.gif') left top no-repeat;
}
.hint img {
    vertical-align: middle;
}
.section_title {
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 5px;
}
.row {
    display: block;
    float: left;
    padding: 3px 0 10px 0;
    width: 600px;
}
#title_hint {
    display: inline;
}

/*modified sign in form styles*/
#who{
	width:100%;
}

.loginNotice {
overflow: hidden;
border: 1px solid #D6D7D8;
padding: 22px 44px;
background: #E8E8E9 url("/_css/submit/loginStripe.png") no-repeat -40px top;
}

.loginNotice div.loginBox{
	background:#fff;
	overflow:hidden;
	padding:5px 20px;
	-moz-box-shadow: 0 0 5px 0 #d1d1d1;
	-webkit-box-shadow: 0 0 5px 0 #d1d1d1;
	box-shadow: 0 0 5px 0 #d1d1d1;
}

.loginNotice span.loginHeader {
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #231F20;
	text-transform: uppercase;
	display:block;
}

.loginNotice p.subTitle{
	margin-bottom:11px;
}

.loginBox div.left-account{
	float: left;
	width:455px;
	padding:19px 0;
}

.loginBox div.left-account .fb_iframe_widget{
	margin-bottom:14px;
}

.left-account h4{
    font-family: "museo-sans-1","museo-sans-2",sans-serif;
    font-weight: 500;
	font-size:16px;
	color:#231F20;
	text-transform:uppercase;
}

.loginBox div.right-account {
	float: right;
	position:relative;
	width:271px;
	position:relative;
	border-left:1px solid #D6D7D8;
	padding:19px 26px 19px 35px;
	min-height: 170px;
}

.loginBox div.right-account p.loginHeader{
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: #95989B;
	text-transform: uppercase;
	width: 169px;
	margin-bottom: 16px;
	line-height: 14.4px;
}

.loginBox div.remember{
	padding:14px 0 6px 0;
}

#content .loginBox input#emailaddress, #content .loginBox input#password, #content .loginBox input#fieldWhoFullName{
width: 156px;
height: 16px;
padding: 4px 8px;
background: #C0C2C3;
border: 1px solid #96989B;
margin-bottom: 11px;
}

#content .loginBox input#fieldWhoFullName{
	margin-top:11px;
}

#content div.loginBox input.orange-btn{
	background: url('/_css/submit/sprites.png') no-repeat left -952px;
	border: 1px solid #E0E0E1;
	color: #fff;
    font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing:.02em;
	text-align: center;
	text-transform: uppercase;
	padding:0 22px;
	height:27px;
	line-height:12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
}

#content div.loginBox input.orange-btn:hover{
	cursor:pointer;
}

#content div.loginBox label.age, #content div.loginBox label.terms{
	font-size:12px;
	display:block;
}

#content div.loginBox input#grey-btn{
	background: url('/_css/submit/sprites.png') no-repeat -555px -644px;
	border: 0 !important;
	color: white;
	font-family: museo-sans-1,museo-sans-2,sans-serif !important;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	width:141px;
	height: 27px;
	line-height: 27px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow:none !important;
	display:inline-block;
	*display:inline;
	*zoom:1;
}

#content div.loginBox input#grey-btn:hover{
	background-position:-555px -708px !important;
	color:#fff !important;
	cursor:pointer;
}

#content div.loginBox div.join-divider {
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
	font-weight: 700;
	color: #6D6E70;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	left:-.8em;
	background:#fff;
	padding:4px 0;
	font-size:18px;
	color:#231F20;
}