@font-face {
	font-family: FontAwesome;
	src: url("font-awesome-4.0.3/fonts/FontAwesome.otf") format("opentype");
}

.sourceModeCk .cke_source{
	color:#000000 !important;
	font-size:14px !important;
}

html{
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#5c2a05;
}

a {
	color:#5c2a05;
  text-decoration: none;
  line-height: inherit; }
  a:hover {
	color:#7f4419; }
  a img {
    border: none; }


body{
	height: 100%;
	background-color: black;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, .9);
	background-image: url('../images/background_wood.jpg');
}

body .footer, body .footer a{
	text-shadow:1px 1px 0px #000;
}

a{
}

.sidebar .subLinks{
	text-transform:uppercase;
}

.sidebarContainer{
	text-shadow:1px 1px 0px #000;
}

h2{
	font-family: 'Great Vibes', cursive;
}

h4{
	font-weight:400;
}

/** MESSAGE STYLES **/
.actionMessage li {
	list-style-type: none;
}

/** ERROR STYLES **/
#summary, #modal-summary, .actionErrorMessage {
	font-size: 32px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
}

#summary.internal {
	margin: -12px auto;
}

.action_errors {
	color: #FF0000;
	margin: 0 auto;	
	text-align: center;
	font-size: 22px;
	margin-top: 1em !important;
}

.action_errors li {
	list-style-type: none;
}

.action_errors li span {
	 position:relative;
}

.action_errors li span:before {
	position:absolute;
    font-family: FontAwesome;
    top:0;
    left:-25px;
    content: "\f05e"; /*<--- this is your text. You can also use UTF-8 character codes as I do here*/
}
/** END ERROR STYLES **/

.centerContent {
	margin: 0 auto;
}

.hideFromView {
	display:none;
}

.welcome-container{
	position:relative;
}

.welcome-text{
	position:absolute;
	top:2px;
	right:0;
	margin-right:5%;
	margin-left:5%;
}

.breadcrumbs {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9em;
    line-height: 0;
    position: relative;
    text-shadow: -1px -1px 1px #000000;
    top: 25px;
    z-index: 50;
    padding-left: 5px;
}

.breadcrumbs a{
	text-decoration:underline;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: -1px -1px 1px #000000;
}

#offline-indicator-img {
	width: 20px;
	height: 20px;
}

div.pageContain{
	min-height: 1234px;
	max-width: 1024px;
	margin: 0px auto;
	background-image: url('../images/leather.jpg');
	box-shadow:0 0 30px #000,0 0 30px #000;
}

.slideshow-row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.index-standout{
	background:rgba(0,0,0,.1);
	border: 10px solid rgba(0,0,0,.1);
	border-radius:10px;
	padding:20px;
	color:#5c2a05;
	font-size:1.2em;
	margin-bottom:30px;
}

.index-standout h2{
	color:#174a76;
	font-size:3em;
	font-weight:100;
	text-shadow:2px 1px 2px rgba(0,0,0,.4);
	text-align:center;
	background:url(../images/small_hrule_1.png) no-repeat center bottom;
	margin-bottom:20px;
	padding-bottom:20px;
}

.index-standout ul{
	list-style:none;
	margin:0;
	padding:0;
}

ul.index-link-list li a{
	text-decoration:underline;
	display:inline-block;
	margin:2px 0;
}

div.header{
	width: 100%;
	height: 340px;
	vertical-align: top;
	position: relative;
	background-image: url('../images/headerBackgroundTop.jpg'), url('../images/headerBackgroundBottom.png');
	background-position: 0px 133px, 0px 302px;
	background-repeat: no-repeat;
	z-index: 40;
}

div.internal-header{
	height: 100px;
	width: 100%;
	vertical-align: top;
	position: relative;
	background-image: url('../images/headerBackgroundInternalTop.jpg'), url('../images/headerBackgroundInternalBottom.png');
	background-position: 0px -11px, 0px 181px;
	background-repeat: no-repeat;
	z-index: 40;
}

div.internal-header div.nav{
	top:110px;
}

div.sky{
	background-image: url('../images/orangeSky.jpg');
	width: 100%;
	max-width: 1024px;
	height: 133px;
	padding-top: 10px;
	position:relative;
}

.blue div.sky{
	background-image: url('../images/blueSky.jpg');
}

.yellow div.sky{
	background-image: url('../images/yellowSky.jpg');
}

.red div.sky{
	background-image: url('../images/redSky.jpg');
}

.green div.sky{
	background-image: url('../images/greenSky.jpg');
}

.grass{
	background:url('../images/grass.png') repeat-x;
	width:100%;
	height:19px;
	position:absolute;
	bottom:0;
	z-index:1;
}

.silhouette{
	background:url('../images/silhouette_2.png');
	width:175px;
	height:88px;
	position:absolute;
	bottom:0;
	z-index:0;
	left:5%;
}

.blue .silhouette, .green .silhouette{
	background:url('../images/silhouette_1.png');
	width:164px;
	height:77px;
	position:absolute;
	bottom:0;
	z-index:0;
	left:5%;
}


div.login{
	margin-top: 0px;
	margin-right: 10px;
	float: right;
	background-color: rgba(211,195,178,0.56);
	border: 5px solid rgba(130,97,67,.57);
	border-radius: 6px;
	font-family: 'Open Sans', sans-serif;
	z-index:3;
	position:relative;
	padding-bottom:10px;
	padding-left:10px;
}

div.login label{
	display: inline-block;
	font-size: 14pt;
	color: #5c2a05;
	line-height:45px;
	width:110px;
	text-align:right;
	margin-top:-10px;
	margin-right:10px;
	text-shadow:none;
	
}

div.login input[type="text"], div.login input[type="password"]{
	width: 100%;
	float: right;
	padding:2px;
	-webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size:16px;
    
	text-shadow: 0px 1px 1px rgba(255, 255, 255, .9);
    
    
    
    background:#ECE2D8;
    border: 2px solid #251b11;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #5C2A05;
    display: block;
    font-weight: 400;
    margin: 0 14px 10px 0;
    padding: 0 8px;
    height:30px;
}


div.login input[type="submit"]{
    float: right;
    font-size: 16px;
    margin-bottom: -1px;
    margin-right: 14px;
    margin-top: -4px;
}

.gov-pic{
	float: right;
    width: 150px;
    margin-top: -100px;
}

#forgotPassLink{
    float: right;
    font-size: 14px;
    margin-bottom: -1px;
    margin-right: 8px;
    margin-top: 0px;
    color: #e3dcd5;
    font-weight: bold;
    text-shadow: none;
}

#forgotPassLink:hover{
	color:#fff;
	opacity: 1;
	font-weight: bold;
	/*font-size:16px;*/
	/*margin-top:3px;*/
	text-decoration: underline;
}

.forgotCredentialsContain {
	float:right;
	line-height:18px;
}

div.logo{
	width: 394px;
	height: 125px;
	margin-top: 93px;
	margin-left: 22px;
	background-image: url('../images/orangeLogo.png');
	background-repeat: no-repeat;
	position:relative;
	z-index:2;
}

.blue div.logo{
	background-image: url('../images/blueLogo.png');
}

.green div.logo{
	background-image: url('../images/greenLogo.png');
}

.yellow div.logo{
	background-image: url('../images/yellowLogo.png');
}

.red div.logo{
	background-image: url('../images/redLogo.png');
}

div.internal-logo{
	background-image: url('../images/orangeLogo.png');
	background-size: 100%;
	background-repeat: no-repeat;
	height: 10px;
    max-width: 342px;
    width: 100%;
}

div.address{
	color: white;
	margin-left: 22px;
	text-shadow: none;
}

div.address p{
	margin-bottom: 0px;
}

div.nav{
	width: 100%;
	max-width: 1024px;
	min-height: 48px;
	border-top: 2px solid rgba(0,0,0,0.85);
	border-bottom: 2px solid rgba(0,0,0,0.85);
	position: absolute;
	top: 297px;
	background-color: rgba(0,0,0,0.45); 
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 14pt;
	padding-left:15px;
}

.index-large-hrule{
	width:96%;
	height:62px;
	background:url(../images/index-large-hr.png) no-repeat center;
	margin: 13px auto 10px auto;
}

@media screen and (max-width: 512px){
	.index-large-hrule{
		background:url(../images/index-large-hr.png) no-repeat center;
		margin: 18px 6% 15px 6%;
		width: auto;
		background-size: auto 94%;
	}
}	

.index-standout-container{
	padding:0 80px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

div.nav .row .columns{
	padding: 12px 0px 0px 0px;
	text-align: center;
}

div.nav .row .columns a{
	color: white;
	text-decoration:none;
	text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;
	text-align:center;
	display:inline-block;
	width:100%;
}

a#home.active{
	color: #55a2e2 !important;
	position:relative;
}

a#brandRecording.active{
	color: #B85E1D !important;
	position:relative;
}
a#brandInspection.active{
	color: #93AE8B !important;
	position:relative;
}
a#animalHealth.active{
	color: #FDE61A !important;
	position:relative;
}
a#lawEnforcement.active{
	color: #D11900 !important;
	position:relative;
}

.hidden-area{
	display:none;
}

.hidden-opacity{
	opacity:0;
}

.fade-out{
	 -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}

a#home.active:after{
	background-image: url('../images/menuBlueGlow.png');
}

a#brandRecording.active:after{
	background-image: url('../images/menuGlow.png');
}

a#brandInspection.active:after{
	background-image: url('../images/menuGlowGreen.png');
}

a#animalHealth.active:after{
	background-image: url('../images/menuGlowYellow.png');
}

a#lawEnforcement.active:after{
	background-image: url('../images/menuGlowRed.png');
}

a.active:after{
	content:".";
	position:absolute;
	bottom:-13px;
	left:0;
	color:transparent;
	text-shadow:none;
	width:100%;
	heigth:20px;
	background-size:100% 20px;
}


div.menuGlow{
	position: absolute;
	background-image: url('../images/menuGlow.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 218px;
	height: 11px;
}

div.main{
	width: 100%;
	max-width: 1024px;
	min-height: 800px;
	z-index: 4;
	padding-bottom:30px;
}

div.mainArea{
	display: inline-block;
	max-width: 754px;
	width: 100%;
}

div.sidebar{
	max-width: 235px;
	width: 100%;
	position: relative;
	top: 5px;
	display: inline-block;
	float: right;
	margin-right: 8px;
	background-image: url('../images/sidebarBackground.jpg');
	box-shadow: 0px 3px 7px 2px rgba(0,0,0,0.93);
	z-index: 5;
	padding-bottom: 100%;
}

div.mobileMenu{
	max-width: 235px;
	width: 100%;
	position: relative;
	top: -52px;
	background-image: url('../images/sidebarBackground.jpg');
	box-shadow: 0px 3px 7px 2px rgba(0,0,0,0.93);
	z-index: 33;
}

div.mobileMenu .sidebarHeader{
	cursor: pointer;
}

div.mobileMenu div.sidebarContainer{
	padding-top: 2px;
}

div.mobileMenuContain{
	display: none;
	margin: 0px !important;
	height: 22px;
}

div.mobileMenuContain .columns{
	padding-left: 9%;
	height: 22px;
}

img.mobileMenuArrow{
	position: relative;
	float: right;
	top: 4px;
	right: 28px;
}

div.sidebarContainer a{
	color: #d8d8d8;
}

div.sidebarContainer{
	max-width: 235px;
	width: 100%;
	margin-top: 45px;
	background-color: rgba(0,0,0,0.32);
	border-top: 2px solid rgba(0,0,0,0.65);
	border-bottom: 2px solid rgba(0,0,0,0.65);
	font-family: 'Open Sans', sans-serif;
	font-size: 14pt;
	font-weight: 300;
	padding-top: 20px;
	color: #d8d8d8;
}

div.sidebarHeader{
	max-width: 235px;
	width: 100%;
	text-align: center;
}

div.sidebarHeader > *{
	font-size: 18pt;
	text-align: center;
	color: #d8d8d8;
	padding-left: 3px;
	padding-right: 3px;
}

div.sidebarDivider{
	max-width: 235px;
	width: 100%;
	height: 22px;
	clear: both;
	background-image: url('../images/sidebarDivider.png');
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 15px 0px 10px 0px;
}

div.subLinks{
	max-width: 235px;
	width: 100%;
	margin: 0px;
	padding-left: 20px;
	padding-right: 8px;
	font-size: 13pt;
}

div.subLinks ul{
	list-style-type: none;
}

div.subLinks ul li {
	line-height:1;
	margin-bottom: 22px;
}

div.sidebarNews{
	max-width: 235px;
	width: 100%;
	padding: 0px 14px;
	margin-bottom: 10px;
	font-size: 12pt;
	line-height: 26px;
	word-wrap: break-word;
	word-break: break-word;
}

div.footer{
	width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
	max-width: 1024px;
	/*height: 226px;*/
	bottom: 0px;
	background-image: url('../images/footerBackground.jpg');
	background-repeat: no-repeat;
}

div.footer a{
	display: inline-block;
	font-weight: 300;
	font-size: 10pt;
	color: #aaaaaa;
	margin-bottom: 8px;
	margin-left: 18px;
}

div.footer a.topLink{
	font-size: 12pt;
	margin-left: 0px;
	color:#dddddd;
}

div.footer .copyright{
	color: #ddd;
	font-size: 10pt;
	line-height: 17px;
	font-weight: 300;
	margin-left: 3px;
	margin-right: 3px;
	width: auto;
	max-width: 1024px;
	text-align: center;
	position: relative;
	bottom: 0px;
}

blockquote {
	color: inherit;
	line-height:inherit;
}

#mission-statement{
	font-family: 'Great Vibes', cursive;
	font-size: 40px;
	line-height: 47px;
	padding:0 7%;
	color:#473526;
	font-weight:300;
	margin:20px 0;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: .6px;
	text-shadow: 0 1px 0px #fff;
}

h1.mainHeader{
	font-family: 'Great Vibes', cursive;
	font-size: 44pt;
	color: #b85e1d;
	font-weight:100;
	text-shadow: 0 2px 0px rgba(255, 255, 255, .5);
	margin: 16px 0px 10px 8px;
	padding: 0px 22px 18px 16px;
	background: url('../images/mainDivider.png') no-repeat bottom left;
	display: inline-block;
	background-size: 106%;
}

@media screen and (max-width: 767px){
	h1.mainHeader{
		line-height: 68px;
	}
}

@media screen and (max-width: 502px){
	h1.mainHeader{
		margin-top: 36px;
	}
}

@media screen and (max-width: 767px){
	.web-only{
		display: none;
	}
}

/*
.green h1.mainHeader, h1.mainHeader.brand-inspection {
	color:#647c5c;
	background: url('../images/mainDividerGreen.png') no-repeat bottom left;
}
*/

.lawEnforcementContain .border-image.pull-right{
	margin-top: -40px;
}

@media screen and (max-width: 847px){
	.lawEnforcementContain .border-image.pull-right{
		margin-top: 10px;
	}
}


.yellow h1.mainHeader{
	color:#7a6e01;
	background: url('../images/mainDividerYellow.png') no-repeat bottom left;
}

.red h1.mainHeader{
	color:#D11900;
	background: url('../images/mainDividerRed.png') no-repeat bottom left;
}

.green h1.mainHeader{
	color:#93AE8B;
	background: url('../images/mainDividerGreen.png') no-repeat bottom left;
	text-shadow: 0 2px 0px rgba(190, 190, 190, .5);
}

/*
div.mainDivider{
	max-width: 340px;
	height: 36px;
	background-image: url('../images/mainDivider.png');
	background-repeat: no-repeat;
	margin: 6px 0px 4px 16px;
	background-size: 100%;
	background-repeat: no-repeat;
}
*/
div.contentContain{
	margin: 0px 15px 22px 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 24px;
	font-weight: 300;
	color: #5c2a05;
}

div.row.mainContentRow{
	max-width: 622px;
	margin-left: 7%;
}

div.columns.textColumn{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	color: #5c2a05;
}

div.contentContainBorder{
	margin: 0px 45px 22px;
	padding: 3%;
	border: 10px solid rgba(0,0,0,.1);
	border-radius: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 24px;
	font-weight: 300;
	color: #5c2a05;
	background-color: rgba(0,0,0,0.1);
}

.contentContainBorderFreeText {
	font-size: 1.2em;
	font-weight: 400;
}

.ah-form-edit-contain div.contentContainBorder {
	padding: 3%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 24px;
	font-weight: 300;
	color: #5c2a05;
	border: none;
	background-color: rgba(0,0,0,0);
}

div.contentContainBorder.no-margin{
	margin:0 0 22px;
}

.reveal-modal div.contentContainBorder{
	margin:0;
}

div.contentContainBorder p{
	margin:0;
}

div.picContainBorder{
	border: 10px solid rgba(0,0,0,.2);
	border-radius: 10px;
}

div.no-top-padding{
	padding: 5px 3% 3% !important;
}

#secQuestionContain {
	clear: both;
}

.userInfoInputsContain {
	float:left;
	width:50%;
}

.userInfoRulesContain {
	float:left;
	width:50%;
}

div.profilePhoto #photoUploadPrompt {
	text-align: center;
	margin-top: -12px;
}

#photoContainer{
	margin:0 auto;
	width:200px;
}

.border-image{
	border: 10px solid rgba(0,0,0,.2);
	border-radius:10px;
	z-index:1;
}

.pull-left{
	float:left;
	margin-right:3%;
}

.position-relative {
	position:relative;
}

.position-absolute {
	position:absolute;
}

.top-right-align {
	top: 0;
	right: 0;
}

.bottom-right-align {
	bottom: 0;
	right: 0;
}

#mainColumnLeft{
	
}

div.mobileMenu{
	height: 73px;
	overflow-y: hidden;
}

div.mobileMenu div.sidebarHeader a{
	font-size: 18px;
}

div.clear{
	clear: both;
	height: 1px;
}

div.clear2{
	clear: both;
	height: 2px;
}

div.clear4{
	clear: both;
	height: 4px;
}

div.clear6{
	clear: both;
	height: 6px;
}

div.clear8{
	clear: both;
	height: 8px;
}

div.clear10{
	clear: both;
	height: 10px;
}

div.clear12{
	clear: both;
	height: 12px;
}

div.clear14{
	clear: both;
	height: 14px;
}

div.clear20{
	clear: both;
	height: 20px;
}

div.clear22{
	clear: both;
	height: 22px;
}

div.clear24{
	clear: both;
	height: 24px;
}

div.clear28{
	clear: both;
	height: 28px;
}

div.clear34{
	clear: both;
	height: 34px;
}

div.clear40{
	clear: both;
	height: 40px;
}

div.clear56{
	clear: both;
	height: 56px;
}

div.pad5 {
	padding: 5px;
}

div.pad8 {
	padding: 8px;
}

/*/////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
/*//////////////////////// START INDEX SLIDER /////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.slide-show{
	overflow:hidden;
	border:10px solid rgba(0,0,0, .2); 
	border-radius:10px;
	max-width:868px;
	margin:0 auto;
	text-shadow:1px 1px 2px #000;
}

.slide-window{
	position:relative;
}

.slide{
	color:#c9c9c9;
	float:left;
	top:0;
	left:0;
}

.slide p{
	font-size:1.5em;
	display:inline-block;
	width:60%;
	margin-left:40%;
	line-height:1.1em;
}

.slide.animal-health, .slide.brand-inspection, .slide.brand-recording, .slide.law-enforcement {
	background-position: center center;
	background-size:cover;
}

.slide.animal-health{
	background-image:url('../images/index_animal_health_bg.jpg');
}

.slide.brand-inspection{
	background-image:url('../images/index_brand_inspection_bg.jpg');
}


.slide.brand-recording{
	background-image:url('../images/index_brand_recording_bg.jpg');
}

.slide.law-enforcement{
	background-image:url('../images/index_law_enforcement_bg.jpg');
}

.slide .slider-text{
	padding:2em;
}

.slide-indicators{
	text-align:center;
}

.slide-indicator{
	background: transparent url('../images/slide_indicator_sprite.png') no-repeat left center;
	width:21px;
	height:21px;
	display:inline-block;
	margin:5px 10px -5px;
	cursor:pointer;
}

.slide-indicator.active{
 background-position:right;
}

.slide-show h1{
	font-family: 'Great Vibes', cursive;
	font-size:4em;
	margin:0;
	font-weight:100;
	text-shadow:3px 3px 4px #000;
}

.slide-show .brand-recording h1{
	color:#e0660e;
}

.slide-show .brand-inspection h1{
	color:#93ae8b;
}

.slide-show .animal-health h1{
	color:#b9b424;
}

.slide-show .law-enforcement h1{
	color:#c72222;
}

/*/////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
/*////////////////////////// END INDEX SLIDER /////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

/* Used for AJAX AutoComplete widget */
.autocomplete-w1 {
	position:absolute;
	top:0px;
	left:0px;
	margin:6px 0 0 6px;
	/* IE6 fix: */
	_background:none;
	_margin:1px 0 0 0;
}

.autocomplete {
	border:1px solid #999;
	background:#FFF;
	cursor:default;
	text-align:left;
	max-height:350px;
	overflow:auto;
	margin:-6px 6px 6px -6px;
	/* IE6 specific: */ 
	_height:350px;
	_margin:0;
	_overflow-x:hidden;
}
.autocomplete .selected { 
	background:#F0F0F0;
}
.autocomplete div {
	color:#2E3E46 !important;
	padding:5px 5px;
	white-space:nowrap;
	overflow:hidden;
}
.autocomplete strong { 
	font-weight:normal;
	color:#3399FF;
}

select{
	width:auto;
	min-width:250px;
}

.large-select{
	width:570px;
}

.medium-large-select{
	width:375px;
}

.medium-select{
	width:275px;
}

.medium-selectB{
	width:226px;
}

.small-select{
	width:128px;
}

.small-selectB{
	width:145px;
}

.char2-select{
	width:90px;
}

.char20-select{
	width:320px;
}

.selectBox-dropdown{
	min-width:0 !important;
	width:100% !important;
}

.yardbook-select{
	width: 275px !important;
}

input.fileType {
  /* Note: display:none on the input won't trigger the click event in WebKit.
    Setting visibility: hidden and height/width:0 works great. */
	visibility: hidden;
	width: 0;
	height: 0;
	margin:0;
	padding:0;
}

input[type="text"].fileNameInput{
	background:#ECE2D8;
    border: 2px solid #251b11;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #5C2A05;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 41px;
    margin: 0;
    padding: 0 8px;
    width: auto;
    position:absolute;
    top:0;
    left:0;
}

.fileContainer{
	margin-top:.2em;
	position:relative;
	width:339px;
	height:40px;
	margin-bottom:10px;
}

.fileButton {
    position:absolute;
    right:0;
  /* style the button any way you want */
	 background:url('../images/button_bg.jpg');
	 border:2px solid #251b11;
	 border-radius:2px;
	  color:#e3dcd5;
	cursor:pointer;
	text-decoration:none;
	
	display:inline-block;
	font-size:20px;
	line-height:36px;
	height:41px;
	margin:0;
	padding:0 10px;
	box-shadow:2px 2px 3px rgba(0,0,0,.5);
	text-shadow:2px 1px 1px rgba(0, 0, 0, 0.9),2px 2px 1px rgba(0, 0, 0, 0.5);
	font-weight:100;
	font-family:inherit;

}

/**** DATATABLES STYLES ****/

.dataTable {
	width: 100% !important;
}

.dataTable-left-btn {
	float: left;
	margin-top: 25px;
}

.big-text-form .dataTables_paginate span a{
  font-size: 1.75em;
}

.big-text-form .dataTables_info {
  font-size: 1.75em;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.lefthandBtn {
	margin-right: 10px !important;
}

.righthandBtn {
	margin-left: 10px;
}

.headerDropdown {
	margin-top: -8px;
}

td.limitWidth{
	max-width: 114px;
	overflow: hidden;
	text-overflow: ellipsis;
}

td.limitWidth.limitLong{
	max-width: 220px !important;
}

/* #typeTable_wrapper tr[role=row] th { */
/* 	background-image: url(../images/button_bg.jpg) !important;  */
/*     color: #E3DCD5 !important; */
/*     cursor: pointer !important; */
/*     font-family: inherit !important; */
/*     font-size: 15px !important; */
/*     font-weight: 100 !important; */
/*     line-height: 15pxpx !important; */
/*     margin: 5px 0 !important; */
/*     padding: 5px 10px !important; */
/*     position: relative !important; */
/*     text-decoration: none !important; */
/*     text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.9), 2px 2px 1px rgba(0, 0, 0, 0.5) !important; */
/*     top: 0.5px !important; */
/* } */

.dataTables_wrapper tr[role=row] th, .fixedHeader tr[role=row] th {
	background-image: url(../images/button_bg.jpg) !important; 
    color: #E3DCD5 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 100 !important;
    line-height: 15pxpx !important;
    margin: 5px 0 !important;
    padding: 5px 10px !important;
    position: relative !important;
    text-decoration: none !important;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.9), 2px 2px 1px rgba(0, 0, 0, 0.5) !important;
    top: 0.5px !important;
}

table.dataTable.ahTable td{
	width: auto !important;
  	white-space: normal;
  	text-overflow: ellipsis;
  	overflow: hidden;
  	white-space: wrap;
}

.dataTables_wrapper th i{
	font-size: 20px !important;
}

.dataTables_wrapper .dataTable{
	margin-bottom: 0px;
}

.fg-button.ui-button {
	margin-left: 2px;
	margin-right:2px;
	font-size: 20px;
}

th.iconHeader{
	width: 40px;
}

.btn, input[type="button"], input[type="submit"], button,button.disabled, button[disabled], .button.disabled, .button[disabled]{
  /* style the button any way you want */
 background:url('../images/button_bg.jpg');
 border:2px solid #251b11;
 border-radius:2px;
  color:#e3dcd5;
cursor:pointer;
text-decoration:none;

display:inline-block;
font-size:20px;
line-height:28px;
height:32px;
top:.5px;
margin:5px 0;
position:relative;
padding:0 10px;
box-shadow:2px 2px 3px rgba(0,0,0,.5);
text-shadow:2px 1px 1px rgba(0, 0, 0, 0.9),2px 2px 1px rgba(0, 0, 0, 0.5);
font-weight:100;
font-family:inherit;

}

.btn:hover, input[type="button"]:hover, input[type="submit"]:hover, .bucket-btn:hover{
	border: solid 2px #49392a;
	color:#e3dcd5;
}

.vert-align-top {
	vertical-align: top !important;
}

label{
	color: #000000; /*#5C2A05;*/
    display: inline-block;
    font-size: 16px;
    margin-right: 15px;
    margin-top: 5px;
/*     vertical-align: top; */
}

textarea.vertical{
    background:#ECE2D8;
    border: 2px solid #251b11;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #5C2A05;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 41px;
    margin: 4px 0 0;
    padding: 8px 8px;
    
	resize: vertical;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, .9);
}

.animal-health-page textarea.vertical{
    height: 80px;
}

textarea.disabled-input[disabled="disabled"] {
	background:#DDDDDD !important;
}

input[type="text"],input[type="search"],input[type="password"] {
    background:#ECE2D8;
    border: 2px solid #251b11;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #5C2A05;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 41px;
    margin: 4px 0 0;
    padding: 0 8px;
    width: auto;
    
	text-shadow: 0px 1px 1px rgba(255, 255, 255, .9);
}

input[type="text"].dropdown-align {
	margin: 0 0 0 !important;
}


input[type="text"]:-webkit-autofill, input[type="password"]:-webkit-autofill, div.login input[type="text"]:-webkit-autofill, div.login input[type="password"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ECE2D8 inset,  2px 2px 4px rgba(0, 0, 0, 0.5);
}



input[type="text"]:focus,input[type="search"]:focus,input[type="password"]:focus {
    background:#F7EDE3;
    border: 4px solid #49392A;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 5px #ecbc8d, 0 0 9px #ecbc8d, 0 0 9px #ecbc8d;
}

.fancyopts-icon{
	position:relative;
	top:10px;
	margin-right:5px;
	    overflow: hidden;
}

#fancyopts-radioButtonOnImportPermitSpeciesQuestions{
	float:left;
}

.mobile-menu-nav{
	display:none;
}

.mobile-menu-nav i{
	cursor:pointer;
}

.icon-button-container{
	width:55px;
}

.row.footerButtons{
	margin-left: -30px;
	margin-right: -30px;
}

@media screen and (max-width: 767px){
	.footerButtons .clear.resp{
		display: none;
	}
}

/*
.dashboard-tile-container .contentContainBorder{
	width:48%;
	float:left;
	margin:1%;
}
*/

.dashboard-tile-container .contentContainBorder{
	width: 80%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 419px){
	.dashboard-tile-container .contentContainBorder{
		width: 100%;
	}
	
	.dashboard-tile-container .columns.large-6{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.dashboard-tile-container{
		margin-left: 0px;
		margin-right: 0px;
	}
}	

div#producerCheckBoxes{
	margin-right:410px;
	margin-left:30px;
}

div#producerCheckBoxes label.checkboxLabel{
	padding-top:15px;
	width:200px;
}

form.buttonLine{
	margin:0;
}

/**** TABLESORTER STYLE****/
#pagerB form,
#pendingPagerB form,
#currentPagerB form{
	margin-bottom: 0px;
}

.tablesorter{
	margin-bottom: 0px;
}

#pager label.char2-select{
	margin-top: 17px;
}

table.tablesorter th, table.table-ng th{
	background-image: url(../images/button_bg.jpg);
}

table th.btnCol{
	width : 60px;
}

a.collapseBtn {
	margin-top: -5px;
}

table.table-ng th{
	color: #E3DCD5;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.9), 2px 2px 1px rgba(0, 0, 0, 0.5);
	font-weight:100;
	font-size: 15px;
}



/**************************************************************************************************/
/**************************************************************************************************/
/**************************************** BRAND RECORDING FORMS ***********************************/
/**************************************************************************************************/
/**************************************************************************************************/
input.inline-input{
	display:inline;
	margin-top: -2px;
}

input.input-city{
	width:180px;
}

input.input-county{
	width:132px;
}

input.input-state{
	width:53px;
}

input.input-zip{
	width:80px;
}

input.input-l-name{
	width:180px;
}

input.input-m-name{
	width:140px;
}

input.input-f-name{
	width:180px;
}

input.input-2char{
	width:45px;
}

input.input-small{
	width:60px;
}

input.input-percent-text {
	max-width: 80px;
}

input.input-smallB {
	max-width: 110px;
}

input.input-smallC {
	max-width: 130px;
}

input.input-medium{
	width:200px;
	max-width: 200px;
}

input.input-mediumB{
	width: 240px;
	max-width: 240px;
}

input.input-medlong{
	width:310px;
	max-width: 310px;
}

input.input-long{
	width:420px;
	max-width: 420px;
}

input.input-very-long{
	width:540px;
}

input.input-very-longB{
	width:570px;
}

input.date-month{
	width:120px !important;
}

input.date-year{
	width:100px !important;
}

input.no-overflow{
	text-overflow: ellipsis;
}

input.fill-space, label.fill-space, canvas.fill-space, table.fill-space, 
table.fill-space tr, table.fill-space head, table.fill-space body{
	width:100%;
}

.fill-width {
	width:100%;
}
.fill-height {
	height:100%;
}

label.time-selector{
	vertical-align: top;
}

.added-individual-remove-btn{
/* 	position:relative; */
/* 	margin-top:34px; */
}

#register-brand-content .added-individual-remove-btn{
/* 	position:relative; */
/* 	top:20px; */
}

.form-large{
	font-size:1.5em;
	font-weight:400;
	color:#5C2A05;
	margin-top:10px;
}

.form-med{
	font-size:1.2em;
	font-weight:400;
	color:#5C2A05;
	margin-top:10px;
}

.table-header{
	font-size:1.5em;
	font-weight:400;
	color:#5C2A05;
	margin-bottom: 8px;
}

.button-header{
	font-size:1.5em;
	margin-left: 4px;
	font-weight:400;
	color:#5C2A05;
	margin-top:10px;
}

.form-note{
	font-size:15px;
	font-weight:400;
	margin-top:4px;
}

.brandDrawing{
	float:left;
	position:relative;
	width:180px;
}

.draw-tools{
	margin: 0 10px 0 0;
	font-size:1.2em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.draw-tool-btn, .rotate-tool-btn, .resize-img-tool-btn, .move-img-tool-btn{
	cursor:pointer;
}

.brandDrawing canvas{
	display:block;
	margin-right:15px;
}

.brand-location-container{
	width:32%;
	float:left;
}

.livestock-title{
	font-size:1.3em;
	text-decoration:underline;
}

.submit-button-div{
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	text-align:right;
}

.drawCanvasContainer{
	width:168px;
	height:150px;
}

div.viewCanvasContainer{
	width:160px;
	height:124px;
}

div.viewCanvasContainer canvas{
	width:160px;
	height:124px;
}

.drawCanvasContainer canvas{
	cursor:none;
}

.drawCanvasContainer.nodraw canvas{
	cursor:auto;
}

div.shift-row{
	margin-top: 35px;
	margin-bottom: -35px;
}

div.shift-row-up{
	margin-top: -35px;
}


.draw-tool-btn, .rotate-tool-btn, .resize-img-tool-btn, .move-img-tool-btn{
	float:left;
	width:28px;
	height:28px;
	background:url("../images/button_bg.jpg");
	line-height:28px;
	text-align:center;
	margin:0 3px;
	border-radius:4px;
	color:#E2D2C2;
	text-shadow:-1px -1px 1px rgba(0,0,0,.4);
	box-shadow:1px 1px 2px rgba(0,0,0,.6);
}

.draw-tool-size .form-note, .draw-tool-picker .form-note, .draw-tool-template .form-note{
	float:left;
	margin-top:0px;
	height: 24px;
	line-height: 24px;
}

.draw-tool-picker{
	float:left;
	background:rgba(0, 0, 0, 0.1);
	padding:0 10px 10px 10px;
	margin-top:5px;
	border-radius:10px;
}

.draw-tool-picker.move-tool-picker{
	margin-left: 10px !important;
	font-size: 0.5em;
}

.draw-tool-template #redrawTemplateBtn {
	margin: 0 auto;
	cursor: pointer;	
}

.draw-tool-size, .draw-tool-template{
	float:left;
	background:rgba(0, 0, 0, 0.1);
	padding:0 10px 10px 10px;
	margin-top:5px;
	border-radius:10px;
	margin-left:10px;
}

.draw-tool-picker.text-options{
	margin-left:10px;
	display:none;
}

.draw-tool-size span, .draw-tool-template span{
	line-height:28px;
	display:inline-block;
	float:left;
	margin:0 3px;
	width:28px;
	height: 28px;
	text-align:center;
	background:url("../images/button_bg.jpg");
	border-radius:4px;
	color:#E2D2C2;
	text-shadow:-1px -1px 1px rgba(0,0,0,.4);
	box-shadow:1px 1px 2px rgba(0,0,0,.6);
}

.draw-tool-size span.active, .draw-tool-btn.active{
	box-shadow:-2px -2px 2px rgba(255,255,255,.7) inset, -2px -2px 2px rgba(0,0,0,.7);
	color:#3C0A00;
	position:relative;
	top:1px;
	left:1px;
	line-height:26px;
	background:url("../images/button_bg_light.jpg");
 
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
	padding-right: 3px;
}

.draw-tool-size .small-size{
	font-size:7px;
}
.draw-tool-size .med-size{
	font-size:15px;
}
.draw-tool-size .large-size{
	font-size:25px;
}

.hightlight{
	background:#ffff00
}

.application-instructions ul{
	margin-left:30px;
}

.application-instructions h4{
	border-bottom:1px solid;
	margin-bottom:5px;
}

.checkbox-group{
	margin-bottom:20px;
}

.large-3 .contentContainBorder,.large-4 .contentContainBorder,.large-5 .contentContainBorder,.large-2 .contentContainBorder,.large-1 .contentContainBorder{
	margin:0;
}

input[type="text"].long-input{
	width:100%;
}

.contentContainBorder a, .publicContain .contentContainNoBorder a{
	text-decoration:underline;
}

.contentContainBorder a.btn{
	text-decoration:none;
}

.center-text{
	text-align:center;
}

.instructions-link{
	font-size:1.3em;
	margin-top:10px;
	display:inline-block;
	text-decoration:underline;
}

.inline-radio-container{
	    display: inline-block;
    padding-bottom: 9px;
    vertical-align: bottom;
}

.drawCanvasContainer{
	background:#fff;
	width:150px;
	height:150px;
	border:2px solid;
	position:relative;
}

.drawCanvasContainer.unsized{
	width:auto;
	height:auto;
	padding:0;
}

.drawCanvasContainer.brandDrawing.unsized{
	float:inherit;
	position:inherit;
	width:inherit;
}

.drawCanvasContainer.brandDrawing.noBorder{
	border:none;
}

.paper{
	position:relative;
	z-index:10;
}


.permission-check-container label{
	width:305px;
	text-align:right;
}

.scrollable-box{
	height: 250px;
	overflow:auto;
	box-shadow:1px 1px 2px rgba(0,0,0,.6);
	
	text-shadow: 0px 1px 1px rgba(255, 255, 255, .9);
    
    width: 100%;
    
    background:#ECE2D8;
    border: 2px solid #251b11;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #5C2A05;
    display: block;
    font-weight: 400;
    margin: 0 14px 10px 0;
    padding: 0 8px;
}

.scrollable-box-secondary{
	height: 150px !important;
}


/**************************************************************************************************/
/**************************************************************************************************/
/************************************* BRAND INSPECTION FORMS *************************************/
/**************************************************************************************************/
/**************************************************************************************************/

.signature-area{
	background: white;
	border:solid 2px #5c2a05;
	width:100%;
}

div.fancyOpts-holder{
	margin-top:-10px;
}

span.fancyopts-icon.fancyopts-name-quarantine_free{
	top:0px;
}

.fleet-sheet-to-box {
	padding: 20px;
}

/**************************************************************************************************/
/**************************************************************************************************/
/*************************************** ANIMAL HEALTH FORMS **************************************/
/**************************************************************************************************/
/**************************************************************************************************/

.herd-plan-red, div.herd-plan-red label.label_radio{
	color:#880011 !important;
}

.herd-plan-blue{
	color:#223388 !important;
}

.hp-type-rb{
	vertical-align:middle;
}

/* tr.responseCategory_A{ */
/* 	background:#ffd304 !important; */
/* } */

/* tr.responseCategory_A.foreignDisease_true{ */
/* 	background:#ff7c00 !important; */
/* } */

/* tr.responseCategory_B{ */
/* 	background:#a8d21a !important; */
/* } */

/* tr.responseCategory_C{ */
/* 	background:#d6aefe !important; */
/* } */

/* tr.responseCategory_D{ */
/* 	background:#00d5ff !important; */
/* } */

/* div.reportableDisease #diseaseTable td{ */
/* 	border: 1px solid black; */
/* } */

/**************************************************************************************************/
/**************************************************************************************************/
/************************************ END SPECIFIC FORM STYLES ************************************/
/**************************************************************************************************/
/**************************************************************************************************/

body .cke_top, body .cke_bottom, body .cke_chrome{
	background:rgba(0, 0, 0, 0.1);
	box-shadow:none;
	border-radius:5px;
	border:0;
	filter:none;
}

body .cke_inner{
	background:none;
	filter:none;
}

body .cke_toolgroup{
	background:url("../images/button_bg.jpg");
	border:0;
	box-shadow:none;
	filter:none;
}

body .cke_button_off:hover, body .cke_button_disabled:hover{
	background:rgba(255,255,255,.1) !important;
	filter:none;
}

body .cke_button_on:hover{
	box-shadow:-2px -2px 2px rgba(255, 255, 255, 0.5) inset !important;
	filter:none;
}

body .cke_button_on{
	background:url("../images/button_bg_light.jpg");
	box-shadow:-2px -2px 2px rgba(255, 255, 255, 0.5) inset !important;
	filter:none;
}
 
body .cke_button_on .cke_button_icon{
	background-image:url(../ckeditor/skins/moono/icons_dark.png) !important;
	filter:none;
}

body .cke_button_off .cke_button_icon, body .cke_button_disabled .cke_button_icon{
	background-image:url(../ckeditor/skins/moono/icons.png) !important;
	filter:none;
}

body .cke_path{
	display:none;
}

.modal-header{
	margin-bottom: 24px;
}

div.contentContainNoBorder{
		margin-left: 33px;
		margin-right: 17px;
	}

@media screen and (min-width: 768px){
	#mainColumnRight{
		
	    pointer-events:auto !important;
	}
	
	div.sidebar{
		right:0 !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 0px){
	div.nav a{
		margin-right: 0px !important;
	}
	
	div.nav .columns{
		padding-top: 0px !important;
	}
	/*
	div.contentContain{
		margin-left: 0px;
	}
	*/
	div.contentContainBorder{
		margin-left: 30px;
		margin-right: 41px;
	}
	
	.menu-row{
		position:absolute;
		background:#000;
		left:-350px;
		top:0;
		width:200px;
		z-index:5;
		padding:30px 0;
		background-image: url('../images/sidebarBackground.jpg');
		box-shadow:5px 5px 10px #000;
	}
	
	.menu-row div{
		background-color:rgba(0,0,0,.4);
		height:40px;
	}
	
	.menu-row div:first-child{
		border-top:2px solid #000;
	}
	
	.menu-row div:last-child{
		border-bottom:2px solid #000;
	}
	
	.menu-row div a{
		padding-top:10px;
	}
	
	.mobile-menu-nav{
		display:block;
		color:#ffffff;
		text-shadow:2px 2px 3px #000;
		font-size:28px;
		line-height:44px;
	}
	
	.mobile-menu-nav .left-menu{
		width:20%;
		float:left;
	}
	.mobile-menu-nav .right-menu{
		width:80%;
		float:left;
		text-align:right;
		padding-right:20px;
	}
	
	div.sidebar{
		position:relative;
		top:95px;
		right:-260px;
		z-index:45;
	}
	
	#mainColumnRight{
		height: auto;
	    overflow: hidden;
	    position: absolute;
	    right: -24px;
	    top:250px;
	    width: 250px;
	    pointer-events:none;
	}
}

#mainColumnRight {
	    z-index: 3;
}

.nav .columns.internalNav{
	padding-top: 12px !important;
}

@media screen and (max-width: 860px) and (min-width: 788px){
	div.nav a{
		font-size: 13pt !important;
	}
}

@media screen and (max-width: 787px) and (min-width: 0px){
	div.nav a{
		font-size: 12.5pt !important;
	}
}

/*----INTERNAL NAVBAR----*/

nav.top-bar{
	background-color: rgba(0, 0, 0, 0.45);
	border-top:2px solid rgba(0, 0, 0, 0.85);
	border-bottom:2px solid rgba(0, 0, 0, 0.85);
}

section.top-bar-section a{
	color: rgb(255,255,255);	
}

.top-bar-section ul li > a{
	font-weight: 300;
}

section.top-bar-section ul{
	list-style: none;
	background: none;
}

section.top-bar-section li{
	list-style: none;
	text-shadow: none;
}

section.top-bar-section > ul > li.no-background > a{
	background: none;
}

.top-bar li.name{
	width: 32px;
}

.top-bar li.name a{
	color: rgb(255,255,255);
	margin: 14px 10px 0px 10px;
}

.top-bar .toggle-topbar.menu-icon{
	top: 44%;
	text-shadow: none;
}

.top-bar-section .dropdown li.title h5 a{
	background-color: #222222;
}

.navAccessDenied {
	color: rgb(153, 153, 153) !important;
	text-shadow: 1px 1px 1px black !important;
}

@media only screen and (min-width: 940px){
	.top-bar-section ul.left,
	.top-bar-section ul.right{
		height: 41px !important;
	}
	
	.top-bar-section li a.top:not(.button){
		line-height: 41px;
	}
	
	.top-bar-section li a.top:not(.button):hover {
		background: rgba(0, 0, 0, .45);
	}
	
	.top-bar-section li a.top.navAccessDenied:not(.button) {
		cursor: default;
	}
	
	.top-bar-section li a.top.navAccessDenied:not(.button):hover {
		background: none;
	}
	
	.top-bar-section ul.right a{
		font-size: 14px;
		margin-top: 8px;
		 margin-right: 10px;
		display: block;
	}
	
}

@media only screen and (max-width: 1920px){
	.top-bar-section ul.right{
		background: rgb(17,17,17);
	}
	
	.top-bar-section ul.right a{
		font-size: 12px;
		font-weight: 300;
		margin-left: 15px;
	}
	
		
	.top-bar-section ul li > a:not(.top) {
	height: 70px;

}
	
.top-bar-section .dropdown li.title h5 a{
	height: 60px;
}
}	






@media screen and (max-width: 940px){
	section.top-bar-section > ul > li.no-background > a{
		background: rgb(17,17,17);
	}
}


@media screen and (max-width: 767px) and (min-width: 0px){
	.index-standout h2 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 353px) and (min-width: 0px){
	.index-standout h2 {
		background-size: 100%;
	}
}

@media screen and (max-width: 824px) and (min-width: 768px){
	.index-standout h2 {
		background-size: 100%;
	}
}

@media screen and (max-width: 846px) and (min-width: 805px){
	
	div.contentContainNoBorder{
		margin-left: 22px;
		margin-right: 40px;
	}

	div.contentContainBorder{
		margin-left: 34px;
		margin-right: 66px;
	}
	div.row.mainContentRow{
		margin-left: 4%;
	}
}

@media screen and (max-width: 804px) and (min-width: 768px){

	div.contentContainNoBorder{
		margin-left: 22px;
		margin-right: 22px;
	}

	div.contentContainBorder{
		margin-left: 30px;
		margin-right: 44px;
	}
	div.row.mainContentRow{
		margin-left: 4%;
	}
}

@media screen and (max-width: 767px) and (min-width: 640px){

	div.contentContainNoBorder{
		margin-left: 22px;
		margin-right: 35px;
	}

	div.contentContainBorder{
		margin-left: 34px;
		margin-right: 52px;
	}
	div.row.mainContentRow{
		margin-left: 4%;
	}
	
	#mission-statement{
		font-size:35px;
		line-height: 42px;
	}
	
	.index-standout h2 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 639px) and (min-width: 0px){
	div.logo{
		background-size:280px auto;
		margin-top:145px;
		height:93px;
	}
		
	#mission-statement{
		font-size:29px;
		line-height: 35px;
	}
	
	div.contentContain{
		margin-left: 10px;
		margin-right: 10px;
	}
	div.contentContainBorder{
		margin-left: 30px;
		margin-right: 33px;
	}
	div.row.mainContentRow{
		margin-left: 4%;
		margin-right: 4%;
	}
	
	.slide-show{
		margin-left:10px;
		margin-right:10px;
	}
	
	.slide-show h1{
		font-size:2.2em;
	}
	
	.slide .slider-text{
		padding: 1em;
	}
	
	.index-standout-container{
		padding:0 10px;
	}
	
	.index-standout h2{
		font-size:2em;
	}
	
	.slide p{
		width:100%;
		margin-left:0;
		font-size:1.2em;
	}
	
	div.footer .copyright{
		margin-top:20px;
	}
	
	.footer .subLink{
		display:none;
	}
	
}

@media screen and (max-width: 421px) and (min-width: 0px){
	div.logo{
		width: 306px !important;
	}
	h1.mainHeader{
		font-size: 36pt;
	}
}

@media screen and (max-width: 767px) and (min-width: 0px){
	div.picContainBorder{
		margin: 0px auto;
	}
	div.row.mainContentRow{
		max-width: 670px;
	}
	div.textColumn{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.menuGlow{
		display: none;
	}
	
}

@media screen and (max-width: 330px) and (min-width: 0px){
	div.logo{
		margin-left: 7px;
	}
}

@media print{
	body{
		font-size:.7em;
		margin:0;
		padding:0;
	}
	
	.no-print{
		display:none;
	}
	
	body .cke_top, body .cke_bottom{
		display:none;
	}
	
	body .cke_contents{
		height:100px !important;
		border:1px solid #000;
	}
	
	
	input[type="text"], input[type="search"], input[type="password"]{
		font-size:1.2em;
		height:13px;
		border-top:none;
		border-left:none;
		border-right:none;
	}
	
	label{
		font-size: .9em;
	}
	
	label .selectBox{
		font-size:1.3em;
		display:block;
	}
	
	.btn, input[type="button"], input[type="submit"]{
		display:none;
	}
	
	.fancyopts-checkbox, .fancyopts-radio{
		width:13px !important;
		height:13px !important;
		top:0 !important;
		overflow:visible;
	}
	
	 .checkbox-label{
	 	line-height:2em;
	 }
	
	input[type="checkbox"], input[type="radio"]{
 		position:relative !important; 
 		left:0 !important; 
 		top:0 !important; 
	}
	
/* 	.brandDrawing{ */
/* 	    margin:0; */
/* 	    width:130px; */
/* 	    height:150px; */
/* 	    font-size:1.1em; */
/* 	    padding:0; */
/* 	} */
	
	
/* 	.drawCanvasContainer{ */
/* 		position:relative; */
/* 		left:-16px; */
/* 		top:-20px; */
/* 	} */
	
/* 	.brandDrawing canvas{ */
/* 	    -moz-transform: scale(0.8); */
/* 	    -webkit-transform: scale(0.8); */
/* 	    transform: scale(0.8); */
/* 	} */

	.brandDrawing{
 	    -moz-transform: scale(0.85);
 	    -webkit-transform: scale(0.85);
 	    transform: scale(0.85);
 	    width:130px;
 	    height:160px;
 	   }
 	    
 	    
	.form-note{
		font-size:10px;
	}
	
	.input-city{
		width:120px !important;
	}
	
	div.contentContainBorder{
		padding:0;
		margin:0;
		border:none;
	}
	div.contentContain{
		padding:0;
		margin:0;
	}
		
	.checkbox-group{
		margin-bottom:3px;
	}
	
	.form-large{
		margin:0 0 -5px 0;
	}
	
	.print{
		display:block !important;
		opacity: 1 !important;
		visibility:visible !important;
	}
	
	.reveal-modal.print{
		position:relative !important;
		top:0 !important;
		left:0 !important;
		margin:0 !important;
		padding:0 !important;
		border:none !important;
		page-break-before:always;
		width:100% !important;
		page-break-after:avoid;
	}
	
	.close-reveal-modal{
		display:none;
	}		
	
	div.pageContain{
		margin:0;
		padding:0;
	}
	
	.row:before, .row:after{
		display:inline !important;
	}
	
}


	*:focus{
		outline:0;
	}
	
	/* AJAX loader */
#ajaxBusy, #syncBusy, #appcacheBusy, #uploadBusy, #downloadBusy {    
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 100000;
}


#ajaxBusy p, #syncBusy p, #appcacheBusy p, #uploadBusy p, #downloadBusy p {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 50%;
    padding: 30px;
    position: fixed;
    top: 50%; 
    margin-top: -60px;
}

#ajaxBusy p, #appcacheBusy p, #uploadBusy p, #downloadBusy p{
	margin-left: -10%;
	min-width: 250px;
	width: 20%;
}

#syncBusy p {
	margin-left: -30%;
	min-width: 300px;
	width: 60%;
}

#stillSearching {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px 15px 0px;
	position: fixed;
	z-index:100;
	top:5px;
	right:5px;
}

#stillSearching img{
    margin-left: 10px;
}

#ajaxBusy img, #syncBusy img, #uploadBusy img, #downloadBusy img{
    margin-left: 25px;
}

.searchContain {
	margin-top: 15px;
	float: right;
    margin-top: 25px;
}

.searchIconContain {
	padding-top: 24px;
	margin-left: -20px;
}

.br-recording-narrow div.contentContain {
	color: #5C2A05;
    font-family: 'Open Sans',sans-serif;
    font-size: 1em;
    font-weight: 300;
    line-height: 24px;
	margin: 0 32px 22px !important;
}

.br-recording-custom-message {
	margin: 15px 5px;
}

.pending-offer-modal div.species-contain label {
	color: #5C2A05;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 5px;
/*     vertical-align: top; */
}

.pending-offer-modal .species-col {
	float: left;
	width: 30%;
	margin: 20px 5px;
}

.pending-offer-modal .species-col hr {
	margin: 1.2em 0 0.2em
}

.pending-offer-modal .species-col div {
	max-width:225px;
}

/*
	Styles for BRAND SETTINGS
*/
.brandSettingsContain .mid-length input[type="text"] {
	max-width: 140px;
}

.brandSettingsContain .disable-btn {
	margin-top: 8px;
}

/*
	Styles for EDIT ACTIVE BRAND
*/

.image-shadow-subtle {
	-webkit-box-shadow: 5px 5px 4px 0px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    5px 5px 4px 0px rgba(50, 50, 50, 0.7);
	box-shadow:         5px 5px 4px 0px rgba(50, 50, 50, 0.7);
}

.edit-active-br #up-right-header-content {
	/*width: 200px;*/
	margin: -12px 5px 10px;
	/*float: right;*/
}

.edit-active-br #up-right-header-content input[type="text"] {
	max-width: 180px;
	width: 100%;
}

.edit-active-br #up-right-header-content #locations {
	width: 100%;
	max-width: 100%;
}

.edit-active-br #up-right-header-content label{
	margin-right: 0px;
}

a.btn i{
	line-height: 28px;
}

.edit-active-br a.btn.addDoc{
	width: 183px;
}

.edit-active-br a.btn[href='#addNoteModal']{
	width: 133px;
}

.edit-active-br a.btn[data-reveal-id="addPremiseModal"]{
	width: 162px;
}

.edit-active-br a.btn[href="#viewReceiptModal"]{
	width: 167px;
}

@media screen and (max-width: 387px){
	.edit-active-br .section-container.accordion{
		margin-left: -8px !important;
		width: 105% !important;
	}
	
	.edit-active-br .section-container.accordion .table-contain{
		margin-left: -8px !important;
		margin-right: -8px !important;
	}
	
	.edit-active-br #up-right-header-content #locations {
		width: 100%;
		max-width: 180px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 533px){
	.edit-active-br #prevOwnerTable .hideA{
		display: none;
	}
	
	.edit-active-br #up-right-header-content #locations {
		width: 100%;
		max-width: 230px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 491px){
	.edit-active-br #prevOwnerTable .hideB{
		display: none;
	}
	
	.edit-active-br #brNotesTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.edit-active-br #up-right-header-content label{
		display: block;
		width: 182px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.edit-active-br #up-right-header-content #locations {
		width: 100%;
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*
	.edit-active-br .image-shadow-subtle.brand-image{
		margin-right: 0px;
	}
	
	.edit-active-br .float-right.brand-cont{
		max-width: 332px !important;
		width: 332px !important;		
		float: none;
		margin: 10px auto 0px auto;
	}
	*/
	.edit-active-br #earmarkImg,
	.edit-active-br #brandImg{
		max-width: 332px;
		background-image: url('../images/white_bg_image.png');
	}
}

@media screen and (max-width: 583px){
	.edit-active-br #brDocsTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 504px){
	.edit-active-br #brDocsTable .hideB{
		display: none;
	}
}

@media screen and (max-width: 345px){
	.edit-active-br #brPremisesTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 796px){
	.edit-active-br #brContactsTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 520px){
	.edit-active-br #brContactsTable .hideB{
		display: none;
	}
}

@media screen and (max-width: 343px){
	.edit-active-br #brContactsTable .hideC{
		display: none;
	}
}

@media screen and (max-width: 632px){
	.edit-active-br #brReceiptsTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 588px){
	.edit-active-br #brReceiptsTable .hideB{
		display: none;
	}
}

@media screen and (max-width: 484px){
	.edit-active-br #brReceiptsTable .hideC{
		display: none;
	}
}

@media screen and (max-width: 354px){
	.edit-active-br #brReceiptsTable .break{
		word-break: break-all;
	}
}

@media screen and (max-width: 704px){
	.edit-active-br #brRenewalReceiptTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 506px){
	.edit-active-br #brRenewalReceiptTable .hideB{
		display: none;
	}
}

@media screen and (max-width: 393px){
	.edit-active-br #brRenewalReceiptTable .break{
		word-break: break-all;
	}
}

.edit-active-br .tab-contain{
	padding: 0px;
}

.edit-active-br .row .row{
	margin-left: -0.9375em !important;
	margin-right: -0.9375em !important;
}

.brand-image {
	margin-right: 12px;
	background-image: url('../images/white_bg_image.png');
	background-color:white;
}
.brand-preview-locations{
	margin-top:-1px;
	background-color:white;
	border:1px solid black;
	margin-right: 12px;
	margin-bottom: 10px;
	padding: 1px 4px;
}

.brand-imageB {
	margin-bottom: 10px;
	max-width: 240px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

@media screen and (max-width: 766px){
	h3.mainHeader{
		margin-top: 26px;
	}
}

.image-shadow-subtle.brand-imageB{
	max-width: 332px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-image: url('../images/white_bg_image.png');
	background-color:white;
}

.mobileImgContain{
	display: none;	
}	

@media screen and (max-width: 767px){
	.mobileImgContain{
		display: block;
	}
	.brand-cont{
		display: none;
	}
}

.edit-active-br .brand-image img, 
#editBrandImgModal .brand-image img {
	max-width: 320px;
	max-height: 155px;
}

.float-image{
	position: absolute;
	z-index: 9999;
	right: 0px;	
}

.list-brand-image {
	max-width: 320px;
	max-height: 155px;
	border: 1px solid #000000;
}

.brand-image-edit-view img{
	width: 240px !important;
	height:186px !important;
	max-width: 240px !important;
	max-height:186px !important;
}
 
#editBrandImgModal .drawCanvasContainer {
	width: 240px;
	height: 186px;
}

#editBrandImgModal .brandDrawing {
	width: 240px;
	margin-right:20px;
}

.edit-active-br a[href="#ownerInfoModal"],
.edit-active-br a[href="#brandInfoModal"]
{
	float: right;
	margin-right: 8px;
}

.edit-active-br .mainHeader{
	padding-bottom: 22px;
}

@media screen and (max-width: 767px){
	.edit-active-br .mainHeader{
		padding-bottom: 28px;
	}
}

/* @media screen and (max-width: 453px){
	.edit-active-br .mainHeader{
		font-size: 48px;
	}
} */

.tab-contain {
	width: 100%;
	padding: 10px;
}

span.v-fancyopts{
	display:block;
}

span.h-fancyopts{
	display:inline-block;
}

#edit-active-br-tab-container .form-large {
	margin-top: 25px;
}

#edit-active-br-tab-container .form-large.top {
	margin-top: 10px;
}

#edit-active-br-tab-container .tab-contain input[type="text"], 
#edit-active-br-tab-container .tab-contain label {
	width: 100%;
}

#edit-active-br-tab-container .modal-contain input[type="text"], 
#edit-active-br-tab-container .modal-contain label {
	width: 100%;
}

#edit-active-br-tab-container .search-input {
	width: 78% !important;
}

#edit-active-br-tab-container .search-icon {
	float: right;
	margin: 37px 0 0 -10px;
}

#edit-active-br-tab-container .tab-contain .table-contain  {
	margin-top: 15px;
}

#edit-active-br-tab-container .notes-btn {
	margin-top: 15px;
	margin-left: 15px;
}

#edit-active-br-tab-container .text-area-contain {
	width: 100%;
	height: 300px;
	padding: 0 15px;
}

.text-area-contain textarea {
	width: 100%;
	height: 100%;
}

.owner-tab .zip-text {
	width: 150px !important;
	margin-right: 15px;
	float: left;
}

/* .tab-contain.contentContainBorder{
	padding: 3%;
	border: 10px solid rgba(0,0,0,.1);
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 24px;
	font-weight: 300;
	color: #5c2a05;
	background-color: rgba(0,0,0,0.1);
} */

.edit-active-br .owner-tab #phone-table-contain {
	width: 100%;
	max-width: 400px;
}

#ownerInfoModal .modal-contain input[type="text"], 
#ownerInfoModal .modal-contain label {
 width: 100%;
}

#viewContactModal .modal-contain input[type="text"], 
#viewContactModal .modal-contain label {
 width: 100%;
}

#createContactModal input[type="text"], 
#createContactModal  label,
#addAgentModal .modal-contain input[type="text"], 
#addAgentModal .modal-contain label,
#addDealerModal .modal-contain input[type="text"], 
#addDealerModal .modal-contain label  {
 width: 100%;
}

#prevownerInfoModal input[type="text"], 
#prevownerInfoModal  label {
 width: 100%;
}

#addContactModal .modal-contain input[type="text"], 
#addContactModal .modal-contain label {
 width: 100%;
}

#ownerInfoModal table a.btn{
	float:right;
}

@media screen and (max-width: 520px) {
	#ownerInfoModal,
	#brandInfoModal{
		width: 104.5% !important;
		left: 38% !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
}

@media screen and (max-width: 767px) {
	#ownerInfoModal .btn.add{
		float:right;
	}
}

#ownerInfoModal .btn.add{
	margin-top: 8px;	
}	

#ownerInfoModal .county-table-contain {
	max-width: 330px;
}

#activeBrandsTableCont #activeBrandTable_wrapper,
#activeBrandsTableCont #activeBrandTable{
	width: 100% !important;
}

@media screen and (max-width: 890px) {
	#activeBrandsTableCont #activeBrandTable_wrapper,
	#abandonedBrandTableCont #abandonedBrandTable_wrapper,
	#delinquentBrandTableCont #delinquentBrandTable_wrapper{
		width: auto !important;
		margin-left: -14px !important;
		margin-right: -14px !important;
	}
	
	#abandonedBrandTable_wrapper .fg-toolbar{
		margin-left: 14px;
	}
}

@media screen and (max-width: 808px) {
	#activeBrandTable .hideA,
	#abandonedBrandTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 629px) {
	#activeBrandTable .hideB,
	#abandonedBrandTable .hideB{
		display: none;
	}
}

@media screen and (max-width: 500px) {
	#activeBrandTable .hideC,
	#abandonedBrandTable .hideC{
		display: none;
	}
}

#activeBrandsTableCont .pull-right{
	max-width: 336px;
	width: 100%;
	margin-bottom: 18px;
}

@media screen and (max-width: 359px) {
	#activeBrandsTableCont .pull-right input#searchBrand{
		width: 100%;
	}
	#activeBrandsTableCont .pull-right a#searchBrandSubmit{
		float:right;
		margin-top: 10px;
	}
}

#activeBrandsTableCont .pull-right label.medium-select{
	width: 100%;
}

.contentContain.edit-active-br{
	margin: 0px;
}

.edit-active-br #edit-active-br-tab-container{
	margin-left: 0px !important;
	margin-right: 0px !important;
}


/** PENDING BRANDS STYLES **/
#pendingBrandTable td.claim{
	padding-left: 0px;
}


/** EDIT PENDING BRAND STYLES **/
#transferActiveModal .btn.close-reveal-modal{
	float: right;
}

#transferActiveModal .row.headerText{
	margin-bottom: 14px;
}

#addSpeciesModal .content#activeId{
	min-height: 330px;
}

@media screen and (max-width: 968px) {
	#transferActiveModal,
	#transferAvailableModal,
	#addSpeciesModal{
		width: 95%;
		left: 42.4%;
	}
}

@media screen and (max-width: 916px) and (min-width: 867px){
	.footerButtons#editPending a.btn{
		font-size: 18px;
	}
}

@media screen and (max-width: 866px) and (min-width: 768px){
	.footerButtons#editPending a.btn{
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.footerButtons#editPending a.btn{
		font-size: 20px;
	}
}

#claimModal a.selectBox{
	width: 200px !important;
}

@media screen and (max-width: 406px) {
	#claimModal a.selectBox{
		width: 100% !important;
	}
}

#workedModal input#brand-worksheet,
#checkedModal input#brand-checksheet,
#evaluatedModal input#brand-evaluatesheet{
	width: 70%;
	display: inline-block;
}

#workedModal textarea,
#checkedModal textarea,
#evaluatedModal textarea{
	height: 108px;
	width: 83.5%;
}

#workedModal .fileContainer,
#checkedModal .fileContainer,
#evaluatedModal .fileContainer{
	width: 100%;
}

.header-info-dropdown{
	width: 240px;
	float: right;
}

.footer-info-dropdown{
	width: 240px;
}

.contentContain#pendingBrandEdit label#status{
	margin-right: 0px;
	margin-left: 47px;
}

.contentContain#herdPlanEdit label#status{
	margin-right: 12px;
	margin-left: 47px;
	float: left;
}

table.herdPlanDisplayTable td{
	font-weight: 400;
	color: #5C2A05;
}



@media screen and (max-width: 767px){
	.contentContainBorder.buttons br{
		display: none;
	}
}

/** EDIT AVAILABLE BRANDS STYLES **/
.brandAvailableContain #up-right-header-content input[type="text"] {
	width: 100%;
}

/** EDIT ACTIVE BRANDS STYLES **/
.btn.editBrandImgModal{
	margin-right: 13px;
	min-width: 120px;
}

/** DELINQUENT BRANDS STYLES **/

#delinquentBrandTableCont .pull-right label.medium-select{
	width: 100%;
}

@media screen and (max-width: 890px) {
	#delinquentBrandTableCont #abandonedBrandTable_wrapper{
		width: auto !important;
		margin-left: -14px !important;
		margin-right: -14px !important;
	}
	
	#delinquentBrandTableCont .fg-toolbar{
		margin-left: 14px;
	}
}

@media screen and (max-width: 380px) {
	#delinquentBrandTableCont .pull-right input#searchBrand{
		width: 100%;
	}
	#delinquentBrandTableCont .pull-right a#searchBrandSubmit{
		float:right;
		margin-top: 10px;
	}
}

@media screen and (max-width: 921px) {
	#delinquentBrandTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 685px) {
	#delinquentBrandTable .hideB{
		display: none;
	}
}

@media screen and (max-width: 519px) {
	#delinquentBrandTable .hideC{
		display: none;
	}
}

#delinquentBrandTableCont .pull-right{
	max-width: 336px;
	width: 100%;
	margin-bottom: 18px;
}

#delinquentBrandTableCont .contentContainBorder#right{
	float: right;
	width: 304px;
	padding: 11px !important;
	margin-bottom: 30px;
}

@media screen and (max-width: 386px) {
	#delinquentBrandTableCont .contentContainBorder#right{
		float: none;
		width: 250px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 359px) {
	#delinquentBrandTableCont .pull-right input#searchBrand{
		width: 100%;
	}
	#delinquentBrandTableCont .pull-right a#searchBrandSubmit{
		float:right;
		margin-top: 10px;
	}
}

/** ABANDONED BRANDS STYLES **/
.pull-right#abandonedBrands{
	margin-bottom: 6px;
}

.dataTable-left-btn#printAbandoned{
	margin-top: 101px;
	margin-right: 10px;
}

@media screen and (max-width: 555px) {
	.dataTable-left-btn#printAbandoned{
		margin-top: 30px;
	}
}	

.dataTable-left-btn#printAbandoned a.btn{
	padding-left: 8px;
}

.dataTable-left-btn#printAbandoned i.fa{
	margin-right: 2px;
}

#abandonedBrandTableCont .pull-right label.medium-select{
	width: 100%;
}

@media screen and (max-width: 890px) {
	#abandonedBrandTableCont #abandonedBrandTable_wrapper{
		width: auto !important;
		margin-left: -14px !important;
		margin-right: -14px !important;
	}
	
	#abandonedBrandTable_wrapper .fg-toolbar{
		margin-left: 14px;
	}
}

@media screen and (max-width: 380px) {
	#abandonedBrandTableCont .pull-right input#searchBrand{
		width: 100%;
	}
	#abandonedBrandTableCont .pull-right a#searchBrandSubmit{
		float:right;
		margin-top: 10px;
	}
}

@media screen and (max-width: 921px) {
	#abandonedBrandTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 685px) {
	#abandonedBrandTable .hideB{
		display: none;
	}
}

@media screen and (max-width: 519px) {
	#abandonedBrandTable .hideC{
		display: none;
	}
}

#activeBrandsTableCont .pull-right{
	max-width: 336px;
	width: 100%;
	margin-bottom: 18px;
}

@media screen and (max-width: 359px) {
	#activeBrandsTableCont .pull-right input#searchBrand{
		width: 100%;
	}
	#activeBrandsTableCont .pull-right a#searchBrandSubmit{
		float:right;
		margin-top: 10px;
	}
}

/** BRAND RECEIPT STYLES **/
.viewReceiptContain input[type=text],
.viewReceiptContain label{
	width: 100%;
}

.viewReceiptContain .columns.titleInline{
	padding-top: 20px;
}

.viewReceiptContain label{
	margin-right: 0px;
	padding-top: 24px;
}

.viewReceiptContain .contentContainBorder{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.viewReceiptContain .contentContainBorder label{
	margin-top: 0px;
	padding-top: 0px;
}

.viewReceiptContain .btn#addFee{
	float: right;
	margin-top: 22px;
	margin-right: 6px;
}

.viewReceiptContain #splitPayCont{
	margin-top: 18px;
}

.viewReceiptContain .buttonRow{
	margin-top: 44px;
}

.viewReceiptContain .buttonRow .large-12{
	margin-bottom: 0px;
	padding-right: 34px;
}

@media screen and (max-width: 768px) {
	.viewReceiptContain .columns.titleInline{
		padding-top: 0px;
	}
}


/** BRAND REFUND STYLES **/
.viewRefundContain input[type=text],
.viewRefundContain label{
	width: 100%;
}

.viewRefundContain .columns.titleInline{
	padding-top: 20px;
}

.viewRefundContain label{
	margin-right: 0px;
	padding-top: 24px;
}

.viewRefundContain .contentContainBorder{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.viewRefundContain .contentContainBorder label{
	margin-top: 0px;
	padding-top: 0px;
}

.viewRefundContain .btn#addFee{
	float: right;
	margin-top: 22px;
	margin-right: 6px;
}

.viewRefundContain #splitPayCont{
	margin-top: 18px;
}

.viewRefundContain .buttonRow{
	margin-top: 44px;
}

.viewRefundContain .buttonRow .large-12{
	margin-bottom: 0px;
	padding-right: 34px;
}

@media screen and (max-width: 768px) {
	.viewRefundContain .columns.titleInline{
		padding-top: 0px;
	}
}

/** CONTACTS STYLES **/



/** COUNTIES STYLES **/
a.btn.addCounty{
	margin-top: 5px;
}


/** BRAND RENEW STYLES **/
.contentContain#brandRenew .contentContainBorder#right{
	min-height: 166px;
}

.contentContain#brandRenew .mainHeader{
	line-height: 82px;
	padding-bottom: 18px;
	margin-bottom: 10px;
}

.editBrandRenewContain{
	margin-top:50px;
}

.editBrandRenewContain input[type="text"], 
.editBrandRenewContain label {
	width: 100%;
}

@media screen and (max-width: 865px) and (min-width: 839px){
	.contentContain#brandRenew .contentContainBorder a.btn{
		font-size: 18px;
	}
}

@media screen and (max-width: 838px) and (min-width: 768px){
	.contentContain#brandRenew .contentContainBorder a.btn{
		font-size: 17px;
	}
}

@media screen and (max-width: 783px){
	.contentContain#brandRenew .contentContainBorder a.btn{
		padding-left: 7px;
		padding-right: 7px;
	}	
}	

/** BRAND RENEW EDIT STYLES **/
.editBrandRenewContain .form-large#ownerNames{
	margin-left: 14px;
	margin-top: 42px;
}

@media screen and (max-width: 767px){
	.editBrandRenewContain .form-large#ownerNames{
		margin-top: 18px;
	}
}

.editBrandRenewContain .row#ownerNamesA label{
	padding-top: 8px;
}

.editBrandRenewContain #phonesTable tr td:nth-of-type(4){
	padding-right: 0px;
}

.editBrandRenewContain a.addDocument{
	margin-top: 12px;
}

.editBrandRenewContain .added-document{
	padding-top: 15px;
}

.editBrandRenewContain .added-document.filename{
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 12px;
}


/** BRAND RENEW ENTER ID STYLES **/
.enterIdContain .buttonRow{
	margin-top: 18%;
}

.enterIdContain {
	max-width: 605px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px){
	.enterIdContain label#recordIdContain{
		display: block;
		width: 285px;
		margin-left: auto;
		margin-right: auto;
	}
}


/** REGISTER BRAND NEW STYLES **/
#submitBrandAppModal p{
	font-size: 18px;
	line-height: 19px;
}

h1.mainHeader.stockBrandApp{
	background-size: 74%;
	background-position: 70px 66px;
	margin-bottom: 0px;
	padding-bottom: 34px;
	line-height: 82px;
}

@media screen and (max-width: 680px){
	h1.mainHeader.stockBrandApp{
		background-size: 440px;
		background-position: 10px 140px;
	}
}

/************************************** GENERAL FOUNDATION Styles *************************************/
/*
@media screen and (max-width: 1024px) {
	.row .row{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}
*/
/************************************ STYLE FOR FOUNDATION SECTIONS ***********************************/

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

	section{
		padding-top: 50px !important;
	}

	
	section .content{
		background-color: rgba(0, 0, 0, 0.2) !important;
		border: 10px solid rgba(0,0,0, .1) !important;
		border-radius: 10px !important;
		border-top-left-radius: 0px !important
	}
	
	section p.title{
		background-color: rgba(0,0,0,.2) !important;
		border-color: rgba(0,0,0,0) !important;
	}
	
	section p.title a{
	/*
		font-size: 1.25em !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		font-weight: 500 !important;
	*/	
		color: rgb(92,42,5) !important;
		text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 1px !important;
	}
	
	section.active p.title{
		background-color: rgba(0,0,0,.3) !important;		
	}
	
	.section-container section:nth-of-type(1) p.title{
		border-top-left-radius: 8px !important;
	}
}

@media screen and (max-width: 767px) {
	.section-container p.title{
		
	}
	
	.section-container p.title a{
		/*
		font-size: 1.25em !important;
		font-weight: 400 !important;
		*/
		color: #5C2A05 !important;
		padding: 6px 12px 4px 12px !important;
		font-size: 20px !important;
	}
	
	.section-container .content{
		background-color: rgba(0, 0, 0, .2) !important;
		border: none !important;
		border-top: 6px solid rgba(59, 45, 32, .25) !important; 
	}

	.section-container section{
		border: 7px solid rgba(0, 0, 0, .3) !important; 
		border-bottom: none !important;
	}
	
	.section-container section.active p.title{
		background-color: rgb(236,226,216) !important;
	}
	
	.section-container section p.title{
		background-color: rgba(236,226,216, .35) !important;
	}
	
	.section-container section:last-of-type{
		border-bottom: 7px solid rgba(0, 0, 0, .3) !important; 
		border-bottom-left-radius: 4px !important;
		border-bottom-right-radius: 4px !important; 
	}
	
	.section-container section:first-of-type{
		border-top-left-radius: 4px !important;
		border-top-right-radius: 4px !important; 
	}
}

#receiptFeeType-placeholder {
	display: none;
}

.rightJustified {
	text-align: right;
}

/** RISK ASSESSMENT STYLES **/
.riskAssessmentContain {
	width: 95%;
	margin: 0 auto;	
}
.riskAssessmentContain input[type="text"] {
	width: 100%;
}

.gAreaRadioContain {
	margin-bottom: 15px;
}

.month-select-error {
	clear: both;
	margin-top: 5px;
}

.hiddenPhoneContain {
	display: none;
}

.herdCount {
	margin: 0 auto;
	text-align: center;
}
.herdCount input[type="text"] {
	max-width: 100px;
}

.ev-titleCol {
	padding-top: 10px !important;
}

.modalInputContain input[type="text"] {
	width: 100%;
}

.eb-textarea {
    background:#ECE2D8;
    border: 2px solid #251b11;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #5C2A05;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 95px;
    margin: 4px 0 0;
    padding: 8px 8px;
    
	resize: vertical;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, .9);
}

.viewGrazingContain .toggleBtnOptionsBox {
	display: none;
}

.toggleBtnOptionsBox .label_check input,
.toggleBtnOptionsBox .label_radio input { position: absolute; left: -9999px; }

.toggleBtnOptionsBox .toggleOption {
    float: left;
    margin: 4px 1px 1px 0;
    min-width: 92px;
    position: relative;
}

.toggleOptionLabel{
	color: #FFFFFF;
    font-size: 1.2em;
    left: 0;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 90px;
}

.toggleOption .label_check {
    float: left;
    height: 38px;
    margin: 0 !important;
    width: 90px !important;
}

.toggleOption .label_check.c_off {
    background: none repeat scroll 0 0 #AEA195 !important;
}

.toggleOption .label_check.c_on {
    background: none repeat scroll 0 0 #30241A !important;
}

.select-gAreas-label {
	float: left;
	margin-top: 20px;
	margin-right: 15px;
	font-weight: 500;
	font-size: 16;
}

.accordionElementContain .fieldContain .fieldLabel {
	font-size: 1.4 em;
	font-weight: bold;
}

.fieldContain {
	margin: 10px 0;
}

.accordionElementContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

.ra-subheading {
	font-size: 0.9em;
	font-weight: 700;
}

.ra-market-occurrence {
	padding-left: 20px;
	margin-top: 15px !important;
}

#eSignatureError {
	display: none;
}

@media screen and (max-width: 808px) {
	#searchAssessmentTable .hideA{
		display: none;
	}
}

@media screen and (max-width: 629px) {
	#searchAssessmentTable .hideB{
		display: none;
	}
}

@media screen and (max-width: 500px) {
	#searchAssessmentTable .hideC{
		display: none;
	}
}

/** AGENT REGISTRATION STYLES **/

.agentRegistrationContain {
	width: 95%;
	margin: 0 auto;	
}

.agentRegistrationContain .state-input {
	width: 92px;
}

.agentRegistrationContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

.agentRegistrationSubmit {
	width:100%;
	padding: 5px 15px;
}

.agentRegistrationContain .contentContainBorder a {
	text-decoration: none;
}

/** DEALER REGISTRATION STYLES **/

.dealerRegistrationContain {
	width: 95%;
	margin: 0 auto;	
}

.dealerRegistrationContain .state-input {
	width: 92px;
}

.dealerRegistrationContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

.dealerRegistrationSubmit {
	width:100%;
	padding: 5px 15px;
}

.dealerRegistrationContain .contentContainBorder a {
	text-decoration: none;
}

/** APPROVED FEEDLOT STYLES **/

.approvedFeedlotContain {
	width: 95%;
	margin: 0 auto;	
}

.approvedFeedlotContain .state-input {
	width: 92px;
}

.approvedFeedlotContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

.approvedFeedlotSubmit {
	width:100%;
	padding: 5px 15px;
}

/** CERTIFIED EXEMPT HERD STYLES **/

.certifiedExemptHerdContain {
	width: 95%;
	margin: 0 auto;	
}

.certifiedExemptHerdContain .state-input {
	width: 92px;
}

.certifiedExemptHerdContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

.certifiedExemptHerdSubmit {
	width:100%;
	padding: 5px 15px;
}

.certifiedExemptHerdTopRadio .label_radio {
	margin-top: 0px;
}

/** LIVESTOCK MARKET LICENSE STYLES **/

.livestockMarketLicenseContain {
	width: 95%;
	margin: 0 auto;	
}

.livestockMarketLicenseContain .state-input {
	width: 92px;
}

.livestockMarketLicenseContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

.livestockMarketLicenseSubmit {
	width:100%;
	padding: 5px 15px;
}

#isActiveMarketLicenseCheckbox {
	display: inline-block;
	width:49%;
}

#typeMarketLicensePulldown {
	display: inline-block;
	width: 50%;
}

#typeMarketLicensePulldown .selectBox-dropdown {
	margin-top: 8px;
}

#bondAmountDollar {
	display: inline-block;
	width: 20px;
	margin: 0px;
	font-size: 24px;
}

#bondAmountMainLabel {
	margin-bottom: 4px;
	margin-left: 20px;
}

.bondAmountLivestockMarketBox {
	display: inline-block !important;
	margin-top: 0px !important;
	width: 185px !important;
}

@media screen and (max-width: 450px){
	#isActiveMarketLicenseCheckbox {
		width: 100%;
	}
}

/** VET TRICHOMONIASIS CERTIFICATION STYLES **/

.vetTrichomoniasisCertificationContain {
	width: 95%;
	margin: 0 auto;	
}

.vetTrichomoniasisCertificationContain .state-input {
	width: 92px;
}

.vetTrichomoniasisCertificationContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

.vetTrichomoniasisCertificationSubmit {
	width:100%;
	padding: 5px 15px;
}

.allVetTrichomoniasisCertificationsContain .medium-select{
	width: 293px;
}

/** COMMUTER PERMIT STYLES **/

.commuterPermitContain {
	width: 95%;
	margin: 0 auto;	
}

.extend-label label, .extend-label input[type="text"] {
	width: 100%;
}

#permit-info-section .date {
	width: 190px;
}

.input-state-selectBox-dropdown-menu.selectBox-options li a {
	text-overflow: initial;
}

.commuterPermitContain .state-input {
	width: 92px;
}

.commuterPermitContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

.commuterPermitSubmit {
	width:100%;
	padding: 5px 15px;
}

#edit-cpermit-tab-container {
	width: 95%;
	margin: 5px 10px;
}

#modalAddressList .address-listing, #modalPhoneList .phone-listing,
#modalVetAddressList .address-listing, #modalVetPhoneList .phone-listing {
    line-height: 24px;
    padding-left: 1.2em;
    text-align: left;
    margin-bottom: 10px;
}

.br-listing-contain {
	width: 215px;
	text-align: center;
}

.br-listing-img {
	margin: 10px auto;
	background-image: url('../images/white_bg_image.png');
}

.brandSelectionContain {
	display: none;
}

.brandSearchContain .searchIconContain {
	display: inline;
	vertical-align: bottom;
	padding: 10px;
}

#searchBrandImgContainer {
	width: 100%;
	height: 120px;
	line-hight: 120px;
	text-align: center;
}

canvas.bordered, img.bordered {
	border: 2px solid #5c2a05;
	background: white;
}

canvas.bordered.small, img.bordered.small {
	border-width: 1px;
	background: white;
}

iframe.rendered-document {
	width: 100%;
	border: 2px solid #5c2a05;
}

/** COMMON AH STYLES **/

div.nestedContain div.contentContainBorder{
	margin: 0px 10px 22px;
}

div.nestedContain.formDiv{
	margin: 0 -3%;
}

div.nestedContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

/** IMPORT PERMIT STYLES **/

.editImportPermitContent #cviTableContainer table{
	max-width: 358px;
}

#uploadCviDocModal div.acceptedFormats{
	margin-left: 20px;
}

/** BRUCELLOSIS VACCINATION STYLES **/
.brucellosisVaccSubmit {
	width:100%;
	padding: 5px 15px;
}

.brucellosisVaccContain {
	width: 95%;
	margin: 0 auto;	
}

#permit-info-section .date {
	width: 190px;
}

.brucellosisVaccContain .state-input {
	width: 92px;
}

.brucellosisVaccContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

#edit-bvacc-tab-container {
	width: 95%;
	margin: 5px 10px;
}

/** DISEASE TESTING STYLES **/
#animals-originate-contain .originate-county-contain {
	display: none;
	max-width: 225px;
}

ul.pagination li a {
	 background:url('../images/button_bg.jpg');
	 border:2px solid #251b11;
	 border-radius:2px;
	 color:#e3dcd5;
	 cursor:pointer;
	 text-decoration:none;
	
	display:inline-block;
	font-size:20px;
	line-height:28px;
	height:32px;
	top:.5px;
	margin:5px 0;
	position:relative;
	padding:0 10px;
	box-shadow:2px 2px 3px rgba(0,0,0,.5);
	text-shadow:2px 1px 1px rgba(0, 0, 0, 0.9),2px 2px 1px rgba(0, 0, 0, 0.5);
	font-weight:100;
	font-family:inherit;

}

ul.pagination li:hover a{
	border: solid 2px #49392a;
	color:#e3dcd5;

}


.divider {
    width:100%;
    text-align:center;
    font-weight: bold;
}

.divider hr {
    margin-left:auto;
    margin-right:auto;
    width:30%;

}

.hr-left {
    float:left;
    clear: none;
}

.hr-right {
    float:right;
	clear:none;
}



/** GENERIC FORM STYLES **/
.crudFormContain {
	width: 95%;
	margin: 0 auto;	
}

.crudFormSubmit {
	width:100%;
	padding: 5px 15px;
}

.crudFormContain hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5b2900;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.45em 0 .45em;
}

/** BRAND INSPECTION FORM STYLES **/

iframe.formFrame{
	background-color:white;
	width:100%;
}

#animalDescriptionModal .view-check-btn {
	float: left;
	margin-right: 10px;
}

div.dashboard-tile-container{
	width:48%;
	float:left;
	margin:1%;
	min-width: 300px;
}

.ybook-brand-btns {
	float: right;
	padding-top: 25px;
}

.yardbook-table-img {
	border: 1px solid #5c2a05;
	background: white;
	width: 40px;
	height: 31px;
	margin-right:4px;
}

.yardbook-edit-text:hover {
	font-size: 16px;
	font-weight: bold;
	color: #443615;
	cursor: pointer;
}

.ybook-lg-black {
	color: #000000;
	font-size: 1.6875em;
	font-weight: bold;
}

.ybook-lg-brown {
	color: #523C2E;
	font-size: 1.5em;
	font-weight: bold;
}

.float-left.pen-count-contain {
	padding: 12px 0;
	font-size: 1.05em;
	font-weight: bold;
	color: #5C2A05;
}

.reconcile-oversold {
	font-size: 1.15em;
	font-weight: bold;
	color: #ED1212 !important;
}

.purchasedLvstkContain .searchLvstkBtn {
	float: right;
	margin-top: 35px;
}

.b-form-img-contain {
  display: inline-block;
  /*margin: 5px;*/
  padding: 5px;
  /*border: 2px solid black;*/
}

img.brand{
	height:50px;
	max-width:auto;
}

.b-form-img-contain span, .b-form-img-contain figcaption {
  text-align: center;
  margin-top: 8px;
}

#buyerInfoDiv .vertical, #brokerInfoDiv .vertical {
	height: 85px;
}

.remarks-box {
	min-height: 134px !important;
}

@media screen and (min-width: 702px){
	.filterTagTypeContain.medium-select {
		width: 400px;
	}
}

input[type=text].input-check{
	display:inline-block;
	margin:0 0 -4px;
}

table tr th.brand-image-column{
	width:65px;
}

table tr th.brand-image-column-wide{
	width:170px;
}

.big-text-form .contentContainBorder, .big-text-form .contentContainNoBorder{
	margin:0;
}
.big-text-form input{
	font-size:28px;
    height: 48px;
	margin: 8px 0 0;
}
.big-text-form label{
	font-size:26px;
	margin: 8px 0 0;
}
.big-text-form .small-text {
	font-size:22px;
}
.big-text-form .btn, 
.big-text-form input[type="button"], 
.big-text-form input[type="submit"] {
	font-size: 26px;
	line-height: 32px;
	height: 38px;
	top: .5px;
}
.big-text-form input[type="text"], 
.big-text-form input[type="search"],
.big-text-form input[type="password"] {
    font-weight: 400;
    height: 41px;
}
.big-text-form textarea {
	font-weight: 400;   
  	min-height: 58px;
  	font-size: 28px;
}
.big-text-form div.date, .big-text-form div.date input{
	width: 200px;
}
.big-text-form div.date span.prefix{
	font-size: 1em;
	line-height: 1.6;
}
.big-text-form div.date span.prefix.resizeIcon{
	font-size: 1.54em;
	line-height: 1.6;
}
.big-text-form span.h-fancyopts label{
	margin-right: 30px;
}
.big-text-form div.fancyOpts-holder{
	margin-top: -4px;
}
.big-text-form label .selectBox{
	font-size: 1.5em;
}
.big-text-form .selectBox-dropdown{
	height: 42px;
	font-size:26px;
	line-height:32px;
	margin-top:7px;
	font-weight: 400;
}
.big-text-form .draw-tools{
	font-size:1.6em;
}
.big-text-form .draw-tool-btn,.big-text-form .draw-tool-size span, .draw-tool-template span, .rotate-tool-btn, .resize-img-tool-btn, 
.move-img-tool-btn{
	line-height:30px;
	height: 32px;
	width: 32px;
	margin:0 5px;
}
.big-text-form .draw-tool-btn.active,.big-text-form .draw-tool-size span.active, .draw-tool-template span.active{
	top: 2px;
}
.big-text-form .draw-tool-btn .fa-angle-up{
	top:-7px !important;
}
.big-text-form .draw-tool-btn .fa-angle-down{
	top:3px !important;
}
.big-text-form .draw-tool-btn .fa-minus:nth-child(1){
	left:5px !important;
}
.big-text-form .draw-tool-btn .fa-minus:nth-child(2){
	left:22px !important;
}
.big-text-form .draw-tool-btn .fa-circle-o{
	top:11px !important;
	left:11px !important;
}
.big-text-form .fileButton{
	margin:8px 0 0;
	height: 40px;
}

/**** .big-text-form DATATABLES STYLES ****/

.big-text-form tr td, .big-text-form tr th{
	font-size:15px;
}
.big-text-form .datepicker-days tr td, .big-text-form tr th{
	font-size:20px;
}

.big-text-form .dataTables_wrapper th i{
	font-size: 30px !important;
}

.big-text-form th.iconHeader{
	width: 40px;
}

.nowrap {
	white-space:nowrap;
}

div.dataTables_processing { z-index: 1; }






@media screen and (max-width: 1167px) and (min-width: 0px){
	.public-edit-btn {
		position:absolute;
		left:0;
		top:0;
	}
	
}

@media screen and (min-width: 1168px) {
	.public-edit-btn {
		position:absolute;
		left:-70px;
		top:0;
	}
}

.btn.edit {
	  padding: 2px 8px;
	background: none;
	background-color: #5c2a05;
	border: none;
	box-shadow: inset -1px -1px 0px 1px rgba(255,255,255,.5);
	border-radius: 4px;
	font-size: 1em;
  text-shadow: none;
}

.btn.edit:hover {
	background-color:#7f4419;
}

.btn.edit:active {
	position:relative;
	top:2px;
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.5);
}

.edit-link-popup {
	
  display: table;
  right: 0;
  top: 1.5em;
  background-color: #5c2a05;
  z-index: 1;
  padding: 0.25em;
  box-shadow: black 2px 4px 10px;
  border-radius: 8px;
}

.edit-link-popup label {
	text-align:center;

	color: rgb(227, 220, 213);
  display: block;
}

.edit-link-popup > * > * {
	display: table;
	width:100%;
}

.edit-link-popup > * > * > * {
	display:table-cell;
	vertical-align:middle;
}

.edit-link-popup .drop-spot {
	color: white;	
	text-decoration: none;
	text-shadow: 0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
	border-radius:8px;
}

.edit-link-popup .drop-spot-container {
	display:table;
	width:100%;
	min-height:150px;
	position:relative;
}

.editable.editable-text.editable-on > * {
    background-color: rgba(255,255,255,.35);
    border-radius: 5px;
    border: dashed 1px rgba(0,0,0,0.5);
    padding:4px;
    min-width:40px;
    
}
.editable.editable-text.editable-on > .editable-save {
    background-color: transparent;
    padding:0;
    border:none;
    min-width:auto;
    
}
}

.editable.editable-image.editable-on,
.editable.editable-bg-image.editable-on {
    position: relative;
}

.editable.editable-image.editable-on .editable-dropspot-overlay,
.editable.editable-bg-image.editable-on .editable-dropspot-overlay {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width:100%;
    height:100%;
    background-color: transparent;
}

.editable.editable-bg-image.editable-on .editable-dropspot-overlay {
    z-index: -1;
}

.editable.editable-image.editable-on .editable-dropspot-overlay.overlay-drag,
.editable.editable-bg-image.editable-on.overlay-drag {
    background-color: rgba(200,200,255,.5);
}
.editable.editable-bg-image.editable-on.overlay-drag  {
	background-image: none;
}

.editable.editable-disabled {
	background-color: rgba(200,200,200,.35)
}

.editable.editable-update-fail > :not(a) {
	background-color: rgba(255,0,0,.35);
}

.editable.editable-bg-image.editable-update-success * {
	background-color: rgba(0,255,0,.35);
}

.editable.editable-bg-image.editable-update-fail * {
	background-color: rgba(255,0,0,.35);
}
.editable.editable-update-success > :not(a) {
	background-color: rgba(0,255,0,.35);
}

.editable-save {
	position : absolute;
	top : 0px;
	right : 0px;
	z-index:2;
}

.contact-list-item {
	padding-top: .5em;
}

#file-bucket-popup {
	display:none;
    position: absolute;
    bottom: -115%;
    background-color: #ECE2D8;
    right: 9%;
    border: 10px solid rgba(0,0,0, .2);
    border-radius: 10px;
}

#file-bucket{
	margin-top: 0px;
	margin-right: 10px;
	float: right;
	background-color: rgba(211,195,178,0.56);
	border: 5px solid rgba(130,97,67,.57);
	border-radius: 6px;
	font-family: 'Open Sans', sans-serif;
	z-index:3;
	position:relative;
}
/* #file-bucket-upload input[type="file"] {
    padding: 0.25em;
    color: #e3dcd5;
    width:auto;
    float:left;
    margin:auto;
} */

#file-bucket-upload input[type="button"] {
    float:right;
}

#file-bucket-contents > * {
	background-color: rgba(255,255,255,0.95);
    margin: 0.25em;
    padding: 0.5em;
    border-radius: 6px;
}

#file-bucket-title.home {
	color: #55a2e2 !important;
}

#file-bucket-title.brand-recording {
	color: #B85E1D !important;
}

#file-bucket-title.brand-inspection {
	color: #93AE8B !important;
}
#file-bucket-title.animal-health {
	color: #FDE61A !important;
}

#file-bucket-title.law-enforcement {
	color: #D11900 !important;
}

#file-bucket-header {
}

#file-bucket-header {
    letter-spacing: 4px;
    font-size: 1.25em;
} 

#file-bucket-header > * {
	display:table-cell;
}
#file-bucket-header > form > *{
	display:table-row;
}
#file-bucket-header > form > *>*{
	display:table-cell;
}

#file-bucket-title {
	color: white;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;
    padding: 0.25em;
    text-align: right;
}

div#file-bucket-contents {
    padding: 0 0.5em 0.5em 0.5em;
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}

div#file-bucket-contents > .row > .columns {
	padding:0;
}


#file-bucket-contents button {
	background: transparent;
    padding: 0;
    border: none;
    color: #5c2a05;
    margin:0;
}

#file-bucket-contents button:hover {
	color:#7f4419;	
}


#file-bucket-upload {
	display:table-row;
	width:auto;
    height: 60px;
}
#file-bucket-upload > * {
	display:table-cell;
	margin:0.25em;
}
#file-bucket-upload > * > input {
	left:10px;
	top:10px;
    width: 200px;
}

.fileHolder {
	width:220px;
}
.bucket-btn {
    position: relative;
    top: 10px;
    margin-right: 10px;
}



#text-editor-controls {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display:none;
    padding-left:0.25em;
    z-index:4;
}

#text-editor-controls > * {
	float:left;
	margin-bottom:0.25em;
}
#text-editor-create-link, #text-editor-create-link input {
	position:relative;
}
#text-editor-create-link input {
    margin: 0.25em;
}

#text-editor-create-link {
    top: 0.5px;
}

#text-editor-create-link-popup > label {
	padding-left:0.25em;
	cursor: initial;
}

#text-editor-create-link .urlInputButton {
    height: 40px;
    position: relative;
    top: 0px;
    left: 0;
    margin-right: 0.25em;
    margin-top:0;
}

#text-editor-create-link  > *{
	display:table-row;
}

#text-editor-create-link  > * > *{
	display:table-cell;
}

#text-editor-create-link-popup {
	position:absolute;
	display:none;
	background-color: rgba(211,195,178,0.56);
    border: 5px solid rgba(130,97,67,.57);
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    bottom:67.25%;
    left: -9em;
    
}

#text-editor-controls button {    
	background: url('../images/button_bg.jpg');
    padding: 0;
    color: #5c2a05;
    border: 2px solid #251b11;
    border-radius: 2px;
    color: #e3dcd5;
    cursor: pointer;
    text-decoration: none;
    font-size: 20px;
    line-height: 28px;
    height: 32px;
    top: .5px;
    position: relative;
    padding: 0 10px;
    box-shadow: 2px 2px 3px rgba(0,0,0,.5);
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.9),2px 2px 1px rgba(0, 0, 0, 0.5);
    font-weight: 100;
    font-family: inherit;
    margin-right: 0.25em;
    margin-bottom:0em;
    margin-top:0.75em;
}

#file-bucket #file-bucket-header > * {
	
}
#file-bucket .compressToggle.btn {
    margin: 0;
}
#file-bucket .compressToggle {
    padding-left: 0.5em;
    padding-bottom: 0.25em;
    z-index:1;
}

a.anchor-selection {
	background-color: rgba(255,255,255,.9);
}

.ui-grid-pager-control input {
	display:inline-block;
	font-size:14px;
	padding:4px;
	height: 30px;
}

ui-grid-pager-max-pages-number{
	font-size: 14px;
}

.ui-grid-pager-row-count-picker{
	display:none;
}


.ui-grid-pager-control .first-triangle{
	border-color: transparent #ffffff transparent transparent;
}

.ui-grid-pager-control .first-bar {
    border-left: 2px solid #ffffff;
}
.ui-grid-pager-control .last-triangle {
    border-color: transparent transparent transparent #ffffff;
}

.ui-grid-pager-control .last-bar {
    border-left: 2px solid #ffffff;
}

.no-rows{
	position:absolute;
	top:50px;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop into it once it's empty
 */
.multiDemo ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.multiDemo ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.multiDemo ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
}

/**
 * Show selected elements in green
 */
.multiDemo ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}