/*--------------------------------------------------------------
>>> form styles and components, last editted on 01/13/17
---------------------------------------------------------------- */


label { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ font-size: 13px; line-height: 1.2em; text-align: left; vertical-align: middle; padding-top: 3px; min-height: 21px; }
label.w-75  { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ text-align: left; vertical-align: middle; width: 75px; float: left; }
label.w-75r { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ text-align: right; vertical-align: middle; width: 70px; padding-right: 5px; float: left; }
label.w-100 { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ text-align: left; vertical-align: middle; width: 95px; padding-right: 5px; float: left; }
label.w-100r { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ text-align: right; vertical-align: middle; width: 95px; padding-right: 5px; float: left; }
label.w-150r { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ text-align: right; vertical-align: middle; width: 110px; padding-right: 5px; float: left; }
label.w-200r { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ text-align: right; vertical-align: middle; width: 195px; padding-right: 5px; float: left; }
label.w-250r { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ text-align: right; vertical-align: middle; width: 245px; padding-right: 5px; float: left; }
label.w-300r { color: #333; /* font: 12px/17px 'Montserrat', sans-serif; */ text-align: right; vertical-align: middle; width: 295px; padding-right: 5px; float: left; }
 

form { margin: 0; padding: 0; border: none; border: 0; }
form#loginform { margin: 0; padding: 0; border: none; }
form#form1, #Form1 { float: none; border: none; }

.reg-row, form .reg-row { width: 100%; float: left; clear: both !important; margin: 0 0 3px 0; padding: 1px 0 2px 0; border-style: none; border-width: 0; min-height: 0px; }
.reg-row img, form .reg-row img { float: none; }

input[type=text], input[type=number] { color: #666; font: 12px 'Montserrat', sans-serif; background: #f5f5f5; padding: 1px 0 0 3px; margin-left: 0; min-width: 125px; height: 23px; float: left; /* gray border */ border: solid 1px #9a9a9a; }

input[type=number] { text-align: right; } 

.field, #MyCaptcha1_TxtCpatcha { color: #666; font: 12px 'Montserrat', sans-serif; background: #f5f5f5; padding: 1px 0 0 3px; margin-left: 0; width: 175px; height: 23px; float: left; /* gray border */ border: solid 1px #9a9a9a; }
.field_lg, .field-lg   { color: #666; font: 12px 'Montserrat', sans-serif; background: #f5f5f5; padding: 1px 0 0 3px; margin-left: 0; width: 275px; height: 23px; /* gray border */ border: solid 1px #9a9a9a; }
.field_sm, .field-sm { color: #666; font: 12px 'Montserrat', sans-serif; background: #f5f5f5; padding: 1px 0 0 3px; margin-left: 0; width: 117px; height: 23px; /* gray border */ border: solid 1px #9a9a9a; }
.field_ro { color: #666; font: 12px 'Montserrat', sans-serif; background: #f5f5f5; padding: 1px 0 0 3px; margin-left: 0; width: 175px; height: 23px; float: left; /* gray border */ border: solid 1px #9a9a9a; }
.error { color: ##600000; font: 12px 'Montserrat', sans-serif; background: #f5f5f5; padding: 1px 0 0 3px; margin-left: 0; width: 115px; height: 23px; float: left; border: solid 1px #600000; }

.area { color: #666; font-size: 12px; line-height: 1.5em; font-family: 'Montserrat', sans-serif; background: #f5f5f5; min-width: 300px; width: 98%; height: 200px; /* gray border */ padding: 3px; border: solid 1px #9a9a9a; }
.area_med, .area-med { color: #666; font-size: 12px; line-height: 1.5em; font-family: 'Montserrat', sans-serif; background: #f5f5f5; width: 500px; height: 100px; /* gray border */ padding: 3px; border: solid 1px #9a9a9a; }
.area_sm, .area_sm { color: #666; font-size: 12px; line-height: 1.5em; font-family: 'Montserrat', sans-serif; background: #f5f5f5; width: 400px; height: 100px; /* gray border */ padding: 3px; border: solid 1px #9a9a9a; }

input[type=checkbox], input[type=radio] { margin: 5px; vertical-align: middle; }
.reg-row input[type=checkbox], .reg-row input[type=radio] { float: left; clear: none; }
.reg-row input[type=checkbox] + label, .reg-row input[type=radio] + label { float: left; clear: none; display: inline-block; width: auto; margin-right: 7px; }

input[type=submit], input.submit, input.submit-app { color: #fff; background-color: #d17036; font-family: 'Montserrat', sans-serif; text-shadow: #666 0px 1px 3px; font-size: 14px; font-weight: bold; text-align: center;

 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 

padding: 7px 12px 7px 12px;

-webkit-border-radius: 7px !important;
-moz-border-radius: 7px !important;
border-radius: 7px !important;


-webkit-box-shadow: 0 1px 4px rgba(121, 121, 121, 0.2);
-moz-box-shadow: 0 1px 4px rgba(121, 121, 121, 0.2);
box-shadow: 0 1px 4px rgba(121, 121, 121, 0.2);

border: 1px solid #efefef;
cursor: pointer; 
display: block; 

}

#grid1_b1, #grid1_b2, #grid1_b3, #grid1_b4, #grid1_b5, #grid1_b16 { display: inline-block !important; }

input[type=submit]:hover, input.submit:hover, input.submit:active { color: #fff; background: #4b0b76; text-shadow: #666 0px 1px 3px; cursor: pointer;  }

input.submit-app { margin-top: 15px; margin-left: 20px; padding: 9px 15px 9px 15px !important; }


input#quicksearch { color: #999; background: #fff; border: solid 1px #ececec; padding: 0px 3px 0px 7px; width: 275px; display: inline-block;
-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.30);
-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.30);
box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.30);
}

input.search { color: #454545; font-size: 18px; font-family: FontAwesome, sans-serif !important; font-weight: 400; margin-top: -2px; background: none !important; border: none !important; text-shadow: none; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
  -webkit-box-shadow: none;
  -moz-box-shadow: none;		    
  box-shadow: none;	

}
input.search:hover, input.search:active  { color: #4b0b76; text-shadow: none; opacity: 0.60; }

/* Add rounded corners */
input[type=text], input[type=number], input[type=submit], input, select, .field, .field_lg, .field-lg, .field_sm, .field-sm, .field_ro, .area, .area_med, .area-med, .area_sm, .area-sm, .select, select-multiple, .select_multiple, .select_lg, .select-lg, #MyCaptcha1_TxtCpatcha  { 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


/* Add inset shadows */ 
input[type=text], input[type=number], .field, .field_lg, .field-lg, .field_sm, .field-sm, .field_ro, .area, .area_med, .area-med, .area_sm, .area-sm, #MyCaptcha1_TxtCpatcha {
  -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
  -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);		    
  box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	min-height: 27px;
}


select, select.select, select.select-multiple, select.select_multiple, select.select_lg, select.select-lg {
	  color: #666;
		font-family: Arial, Helvetica, sans-serif !important;
	  display: inline-block; 
    margin-top: 1px; margin-left: 0; padding: 3px 5px 3px 5px;
		min-height: 21px;
		height: auto;
    cursor: pointer;  
		font-size: 0.875em !important;
		line-height: 1.25em !important;
		border: solid 1px #9a9a9a;
		
		background: #f5f5f5 url(../css-images/down-arrow.png) no-repeat right center;		
     
-webkit-background-size: 20px 20px;
	 -moz-background-size: 20px 20px;
        background-size: 20px 20px;

 -webkit-box-shadow: inset 0px -5px 6px -3px rgba(215,215,215,1);
    -moz-box-shadow: inset 0px -5px 6px -3px rgba(215,215,215,1);
         box-shadow: inset 0px -5px 6px -3px rgba(215,215,215,1);

 -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
} 
select:hover { border: solid 1px #524398; }
select option { color: #333; background: #fff; /* style the dropdown bg color */ }

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select, select.select, select.select-multiple, select.select_multiple, select.select_lg, select.select-lg { /* padding-right: 18px; */ }
}

.select { min-width: 145px; }


input#Main_grid1_b1, input#Main_grid1_b2, input#Main_grid1_b3, input#Main_grid1_b4, #Main_grid1_pg { float: left !important; margin-right: 3px; }
#Main_grid1_pg { margin-top: 8px; }


.submit-next { color: #9c8 a49; font: 13px/21px "Lato", sans-serif; text-align: left; vertical-align: top; 
background-color: transparent; background-image: url(../css-images/nav-arrow.png); background-repeat: no-repeat; background-position: 67px 6px;
width: 72px; margin: 0 1px 0 0; padding: 0; border-style: none; cursor: pointer; }
.submit-next:hover, .submit-next:active {  color: #101010; background: url(../css-images/nav-arrow.png) no-repeat right 6px; border: none; cursor: pointer; }

.submit-prev { color: #9c8a49; font: 13px/21px "Lato", sans-serif; background: url(../css-images/nav-arrow-return.png) no-repeat 1px 6px; text-align: left; vertical-align: top; width: 83px; margin: 0 2px 0 0; padding: 0 0 0 11px; border-style: none; cursor: pointer; }
.submit-prev:hover, .submit-prev:active { color: #101010; background: url(../css-images/nav-arrow-return.png) no-repeat -244px 6px; border: none; cursor: pointer; }


.login { color: #0f6cb6; font: bold 11px/15px 'Montserrat', sans-serif; background: url(../css-images/submit-bg.gif) no-repeat; text-align: center; vertical-align: top; width: 63px; height: 20px; margin: 0 30px 0 0; padding: 0; border-style: none; cursor: pointer; }
.login:hover, .login:active { color: #003265; background: url(../css-images/submit-bg-hover.gif) no-repeat; cursor: pointer; }
/* IE / Win hacks */
*:first-child+html .login { }
*:first-child+html .login:hover, *:first-child+html .login:active { }
/* END IE / Win hacks */

.l2head {color: #c00; font: bold 13px/17px 'Montserrat', sans-serif; }


/* login  table */
#logger { margin: 0; padding: 0; outline: none; border: none; }
#logger td { outline: none; border: none; }

/* fieldset */
fieldset { color: #333; /* font: 12px/15px 'Montserrat', sans-serif; */ background-color: #fcfcfc; text-align: left; margin: 10px 0 10px -5px; padding: 15px; border: solid 1px #ccc; width: 100%; max-width: 645px; clear: both;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 }
fieldset.short { max-width: 530px; margin-top: 21px;  }
legend { color: #999; font: italic 15px/21px "Cardo", Georgia, serif; text-align: left; margin: 0 0 0 -2px; padding: 0 3px 3px 2px; border-style: none; border-width: 0; }

/* IE / Win hacks */
* html legend { margin: 0 0 0 -7px; padding-top: 0; padding-bottom: 9px; border-style: none; border-width: 0; }
*:first-child+html legend { margin: 0 0 0 -7px; padding-top: 0; padding-bottom: 9px; border-style: none; border-width: 0; }
/* END IE / Win hacks */

fieldset p {  }

.invisible { display: none; }

/* tables and buttons
----------------------------------------------- */

#Main_grid1 { margin-bottom: 15px; width: 95%; clear: both !important; margin-right: 30px; }
#Main_grid1 td { vertical-align: top; padding-bottom: 3px; }
#Main_grid1 tr:hover { /* background-color: #fdf7dd; */ }

#ctl00_Main_grid1 { margin-bottom: 15px; clear: both; clear: both; width: 95%; background: none !important; }
#ctl00_Main_grid1 td { vertical-align: top; padding-bottom: 3px; }
#ctl00_Main_grid1 tr:hover { background: none !important; }

tr:hover { background: #fff; }


/* tables and buttons
----------------------------------------------- */
table { font-family: 'Montserrat', sans-serif; margin-bottom: 15px; border-collapse: collapse; float: left; clear: both !important; background: none; }
th { color: #333; font: bold 13px/17px 'Montserrat', sans-serif; padding-top: 3px; padding-bottom: 3px; }
td { font: 12px/17px 'Montserrat', sans-serif; vertical-align: top; padding: 2px 3px 2px 5px; border-top: 1px solid #c5d9f1; }

table th p, table td p { margin-top: 0px !important; padding-top: 0px !important; }

table.schedule { color: #474646; width: 97%; text-align: left; margin-top: 10px; margin-bottom: 15px; }
table.schedule tr {  }
table.schedule tr:hover { background-color: #fffae1; }
table.schedule th, table.schedule td { text-align: left; padding: 4px; border-bottom: 1px solid #e5e7e8; border-top: none; }
table.schedule th { border-bottom: 1px solid #666; }
table.schedule th.details { width: 375px; }
table.schedule th.date, table.schedule td.date { width: 70px; text-align: left; }
table.schedule th.time  { width: 50px; }
table.schedule th.location, table.schedule td.location { width: auto; text-align: right; padding-right: 7px; }

table.schedule p { margin-bottom: 0px !important; padding-bottom: 0px !important; }

th a:link, th a:visited { color: #7a7979; text-decoration: none; border-bottom: 1px solid #e8e8ff; }
th a:hover, th a:active { color: #2567aa; text-decoration: none; border-bottom: 1px solid #ccf; }
td a:link, td a:visited { color: #7a7979; text-decoration: none; }
td a:hover, td a:active { color: #2567aa; text-decoration: none; }

table #logger { float: left; clear: both; }

.cell-l { color: #333; font: 12px/15px /* "Arial Narrow",*/ 'Montserrat', sans-serif; background-color: #f8f9f9; text-align: left; padding: 2px 3px 2px 5px; border-top: 1px solid #c5d9f1; border-bottom: 1px solid #c5d9f1; white-space: normal; }
.cell-l-edge { color: #333; font: 12px/15px /* "Arial Narrow",*/ 'Montserrat', sans-serif; background-color: #f8f9f9; text-align: left; padding: 2px 3px 2px 5px; border-top: 1px solid #c5d9f1; border-bottom: 1px solid #c5d9f1; border-left: 1px solid #c5d9f1; white-space: normal; }
.cell-r { color: #333; font: 12px/15px 'Montserrat', sans-serif; background-color: #f8f9f9; text-align: right; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; border-top: 1px solid #c5d9f1; border-bottom: 1px solid #c5d9f1; }
.cell-r-edge { color: #333; font: 12px/15px /* "Arial Narrow",*/ 'Montserrat', sans-serif; background-color: #f8f9f9; text-align: right; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; border-top: 1px solid #c5d9f1; border-right: 1px solid #c5d9f1; border-bottom: 1px solid #c5d9f1; }

.hd-l { color: #213365; font: bold 11px/16px 'Montserrat', sans-serif; background: #fdfdfd; text-align: left; width: 100px; padding-right: 0; padding-left: 5px; border-style: none; border-width: 0; }
.hd-l-long { color: #213365; font: bold 11px/16px 'Montserrat', sans-serif; background: #fdfdfd; text-align: left; padding-right: 0; padding-left: 5px; width: 320px; border-style: none; border-width: 0; white-space: normal; }
.hd-mid { color: #213365; font: bold 11px/16px 'Montserrat', sans-serif; background: #fdfdfd; text-align: left; padding-right: 2px; padding-left: 5px; border-style: none; border-width: 0; }
.hd-r { color: #213365; font: bold 11px/16px 'Montserrat', sans-serif; background: #fdfdfd; text-align: right; padding-right: 5px; padding-left: 2px; border-style: none; border-width: 0; }


.reg-row table#ctl00_Main_type { margin-left: 75px; width: 100%; }
.reg-row table#ctl00_Main_type tr { background-color: transparent;  }
.reg-row table#ctl00_Main_type tr:hover { }

form#aspnetForm { float: left; } 

label.w-100r + table { margin-left: 105px; }


/* CKE editor fixes! ------ */
table.cke_editor { background-color: transparent; float: none; clear: both; display: block; width: 100%; }
table.cke_editor tr  { background-color: transparent; }
table.cke_editor tr:hover  { background-color: transparent; }

table.cke_editor textarea, cke_contents_Main_copy textarea { clear: both; /* white-space: normal !important; */ }
table.cke_editor textarea.cke_enable_context_menu, .cke_enable_context_menu { /* white-space: normal !important; */ }
table.cke_editor .cke_skin_kama { float: left; clear: both; display: block; width: 100%; height: auto; }
.cke_ltr { float: left; clear: both; display: block; width: 100%; }


/* for browsers that don't support html5 "required" attribute */
.invalid input:required:invalid {
    background: #BE4C54;
}

.invalid input:required:valid {
    background: #17D654 ;
 }

/* format container for image rollover on sku grid */
#preview { position: absolute; z-index: 200000; /* top: 8% !important; */ left: 12% !important; margin-top: -350px; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff; }
#preview img { max-height: 310px; max-width: auto; }

/* Media Queries ----------------*/

@media only screen and (max-width: 790px) {
	
	label.w-200r, label.w-250r, label.w-300r { width: 45% !important; }
	label.w-75r, label.w100, label.w100r, label.w-150r { min-width: 90px !important; max-width: 95px !important; } 

}

@media only screen and (max-width: 500px) {
	
	label, label.w-75r, label.w100, label.w100r, label.w-150r, label.w-200r, label.w-250r, label.w-300r { width: 100% !important; clear: both !important; text-align: left !important; }
	input[type=text], input[type=number], .field, .field_lg, .field-lg, .field_sm, .field-sm, .field_ro, .area, .area_med, .area-med, .area_sm, .area-sm, #MyCaptcha1_TxtCpatcha, select { width: 98.5%; max-width: 460px; }

	input.submit-app { margin-left: 10px; }
}




/*--------------------------------------------------------------
END
--------------------------------------------------------------*/