html {
	overflow-y: scroll;
	empty-cells: show;
}
* {
    box-sizing: border-box;
}
body {
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #333333;
	padding: 0;
	margin: 0;
	font-family: 'Lato' , Arial, Helvetica, sans-serif;
}
.clearboth {
	clear:both
}
table {
	empty-cells: show;
}
.showborder td
{
	border:1px dashed #000000;
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

td {
	text-align: left;
}
.ccenter {
	text-align: center;
}
.lleft {
	text-align: left;
}
.mcenter {
	margin: 0 auto;
}
.rright {
	text-align: right;
}
.ccentermid {
	text-align: center;
	vertical-align: middle;
}
.tsmall {
	font-size: 7pt !important;
}
.vtop {
	vertical-align: top;
}
.vmiddle {
	vertical-align: middle;
}
.vbottom {
	vertical-align: bottom;
}
.floatl {
	float: left;
}
.w5pc {
	width: 5%;
}
.w10pc {
	width: 10%;
}
.w15pc {
	width: 15%;
}
.w20pc {
	width: 20%;
}
.w25pc {
	width: 25%;
}
.w30pc {
	width: 30%;
}
.w35pc {
	width: 35%;
}
.w40pc {
	width: 40%;
}
.w45pc {
	width: 45%;
}
.w50pc {
	width: 50%;
}
.w55pc {
	width: 55%;
}
.w60pc {
	width: 60%;
}
.w65pc {
	width: 65%;
}
.w70pc {
	width: 70%;
}
.w75pc {
	width: 75%;
}
.w80pc {
	width: 80%;
}
.w90pc {
	width: 90%;
}
.w95pc {
	width: 95%;
}
.w100pc {
	width: 100%;
}
.bolder {
	font-weight: bold;
}
.italicsmall {
	font-size: 8pt;
	font-style: italic;
}
.t60pc {
	width: 60%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto; /* table align (center) */
}
.t60pc td {
	padding: 3px;
}
.t90pc {
	width: 92%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto; /* table align (center) */
}
.t90pc td {
	padding: 2px;
}
.t90pcSp2 {
	width: 92%;
	border-collapse: separate;
	border-spacing: 2px;
	margin: 0 auto; /* table align (center) */
}
.t100pc, .t100pcSp2 {
	clear:both;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto; /* table align (center) */
}
.t100pcSp2 td {
	padding: 2px;
	font-size:10pt;
}


.ffaaaa {
	background-color: #ffaaaa;
}
.eeeecc {
	background-color: #eeeecc;
}
.aaffaa {
	background-color: #aaffaa;
}
.ccccff {
	background-color: #ccccff;
}
.ffffaa {
	background-color: #ffffaa;
}
.cccccc {
	background-color: #cccccc;
}
.dddddd {
	background-color: #dddddd;
}
.eeeeee {
	background-color: #eeeeee;
}
.b0cae3 {
	background-color: #b0cae3;
}
.pinkish {
	background-color: #ffcccc;
}
.ffffff, .white {
	background-color: #ffffff;
}
.greener {
	background-color: #eeffdd;
}
.ffffdd { 
	background-color:#ffffdd; 
}
.c009900 {
	color: #009900;
}
.ccffcc {
	background-color: #ccffcc !important;
}
.highlight {
	background-color: #d5d5d5;
	color: red;
}
.redcol {
	color: red;
}
.okmessage {
	font-size: 12pt;
	font-weight: bold;
	color: #009900;
}
.errmessage {
	font-size: 12pt;
	font-weight: bold;
	color: #990000;
}
.errmessagetiny {
	font-size: 10pt;
	font-weight: bold;
	color: #990000;
}
.warnmessage {
	font-size: 14px;
	font-weight: bold;
	color: #aa8822;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	/* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	list-style-position: inside;
	list-style-type: disc;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	margin-bottom: 5px; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 10px;
	padding-left: 0px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img {
	/* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #006000;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #006000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	/* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* -- Dynamic forms class -- */
.required_star {
	width: 80px;
	height: 12px;
	background: url(images/invalid.png) no-repeat left bottom;
	display: inline;
	float: right;
	padding-bottom: 5px;
}
.label_star {
	width: 12px;
	height: 12px;
	background: url(images/red_asterisk.png) no-repeat right;
	display: inline;
	float: right;
	padding-right: 5px;
}
.required_notification {
	color: #d45252;
	font-size: 8pt;
	padding-left: 15px;
}
.dynfrm input[type=text], .dynfrm input[type=url], .dynfrm input[type=tel], .dynfrm input[type=date], 
.dynfrm input[type=number], .dynfrm input[type=email], .dynfrm input[type=password], .dynfrm textarea {
	font-size: 10pt;
	background-color: #ffffff;
	margin-bottom: 3px;
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
	color: #444444;
}
.dynfrm input[type=text], .dynfrm input[type=url], .dynfrm input[type=tel],
.dynfrm input[type=email], .dynfrm input[type=password], .dynfrm textarea {
	width: 100%;
	min-width: 150px;
}
.dynfrm input[type=number] {
	width: 80px;
}
.dynfrm input[type=date] {
	width: 150px;
}
.dynfrm select {
	font-size: 10pt;
	background-color: #ffffff;
	margin-bottom: 3px;
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
	color: #444444;
}
.dynfrm input:focus:invalid {
	/* when a field is considered invalid by the browser */
	background: #ffffff url(images/invalid.png) no-repeat 98% center; /*box-shadow: 0 0 5px #d45252;     border-color: #b03535*/
}
.dynfrm input:invalid {
	/* when a field is considered invalid by the browser */
	background: #ffffff url(images/invalid.png) no-repeat 98% center; /*box-shadow: 0 0 5px #d45252;     border-color: #b03535*/
}
.dynfrm input:required:valid {
	/* when a field is considered valid by the browser */
	background: #ffffff url(images/valid.png) no-repeat 98% center; /*box-shadow: 0 0 5px #5cd053;*/ /*border-color: #28921f;*/
}
/*.dynfrm input:required {
    background: #ffffff url(images/red_asterisk.png) no-repeat 98% center;
}*/

.dynfrm input[type=text], input[type=number], .dynfrm input[type=url], .dynfrm input[type=tel], .dynfrm input[type=email], .dynfrm input[type=date], .dynfrm input[type=password], .dynfrm select, .dynfrm textarea {
	padding: 5px 8px;
}
.dynfrm.small input[type=text], .dynfrm.small input[type=number], .dynfrmv input[type=url], .dynfrm.small input[type=tel], .dynfrm.small input[type=email], .dynfrm.small input[type=password], .dynfrm.small select, .dynfrm.small textarea {
	padding: 2px 5px;
}
.dynfrm input[type=password] {
	background-color: #ffdddd !important;
	color: #994444 !important;
}
.dynfrm input[type=trans] { 
	background:transparent;
	color: #888888 !important;
	width: 60px;
	margin: 0;
	border: 0;
	padding-left:20px;
}

.dynfrm input[type=text]:focus, .dynfrm input[type=url]:focus, .dynfrm input[type=tel]:focus, .dynfrm input[type=date]:focus,
.dynfrm input[type=number]:focus, .dynfrm input[type=email]:focus, .dynfrm textarea:focus {
	background: #fff;
	border: 1px solid #555;
	box-shadow: 0 0 3px #aaa;
	color: #000000;
}
.dynfrm input[type=checkbox] {
	width: 20px;
}
.dynfrm textarea {
	width: 100% !important;
}
.vshort {
	width: 120px !important;
	min-width: 120px !important;
}
.vmed {
	width: 320px !important;
	min-width: 320px !important;
}

/* Button Style */
.button, .buttonsm {
	font-size: 11pt;
	font-family: 'Lato' , ariel, Sans-Serif;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 0 0.1em 0 rgba(255, 255, 255, 0.5);
	display: inline-block;
	text-align:center;
	outline: none;
	line-height: normal;
	cursor: pointer;
	padding: 3px 10px 4px 10px;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
	border: 1px solid;
	border-color: #bbbbbb #a2a2a2 #888888;
	background-color: #eeeeee;
	background-image: -moz-linear-gradient(#eeeeee, #d4d4d4);
	background-image: -webkit-linear-gradient(#eeeeee, #d4d4d4);
	background-image: linear-gradient(#eeeeee, #d4d4d4);
	-moz-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.3), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
	-moz-transition: all 100ms;
	-o-transition: all 100ms;
	-webkit-transition: all 100ms;
	transition: all 100ms;
	margin: 0px 3px 5px 3px;
}
.button:hover, .buttonsm:hover {
	-moz-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.4), 0 0.1em 0.2em rgba(0, 0, 0, 0.4), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.4), 0 0.1em 0.2em rgba(0, 0, 0, 0.4), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.4), 0 0.1em 0.2em rgba(0, 0, 0, 0.4), 0 -0.1em 0.07em rgba(0, 0, 0, 0.3) inset, 0 0.1em 0.07em rgba(255, 255, 255, 0.2) inset;
}
.button:active, .buttonsm:active {
	border-color: #a2a2a2 #bbbbbb #eeeeee;
	background-image: -moz-linear-gradient(#e1e1e1, #eeeeee);
	background-image: -webkit-linear-gradient(#e1e1e1, #eeeeee);
	background-image: linear-gradient(#e1e1e1, #eeeeee);
	-moz-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.1) inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset, -0.05em 0 0.07em rgba(0, 0, 0, 0.2) inset;
	-moz-transition: all 10ms;
	-o-transition: all 10ms;
	-webkit-transition: all 10ms;
	transition: all 10ms;
}



.smaller {
	font-size:8pt !important;
}
.ishorter {
	width: 150px !important;
}
.ismaller {
	width: 200px !important;
	padding: 2px 5px !important;
}
.smallsel {
	width: auto !important;
	padding: 1px 5px !important;
	overflow:hidden;
}

/* Media Queries */
@media screen and (max-width: 528px) {
	.t100pc {
		width:96%;
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0 auto; /* table align (center) */
	}
	.t60pc {
		width:96%;
	}
	.ismaller {
		font-size: 10pt !important;
		padding: 5px 8px !important;
	}
	.vmed {
		width: 100% !important;
		min-width: auto !important;
	}


/*	.dynfrm input[type=text], .dynfrm input[type=url], .dynfrm input[type=tel], .dynfrm input[type=email], .dynfrm input[type=password], .dynfrm textarea {
		width: 100px;
	} */
	.dynfrm select {
		max-width: 600px;
	}
	.smallsel {
		max-width: 600px !important;
		width:90%;
	}
}


.formurgent {
	background-color: #ffaaaa;
	color: #990000;
}

.button {
	font-size: 11pt;
	padding: 3px 10px 4px 10px;
}
.buttonsm {
	font-size: 10pt;
	padding: 1px 5px 3px 5px;
}

/* -- END Dynamic forms class -- */


/* iPad */
@media screen and (max-width: 1024px) and (orientation:landscape) {

}
@media screen and (max-width: 768px) and (orientation:portrait) {

}

/* CALENDER Formats */
.calto {
    display: block;
    float: left;
	text-align:center;
    margin: 0 10px 0px 0;
	border: 2px solid #c7d9eb;
	vertical-align:middle;
	padding: 18px 7px 19px 7px;
}
.calbox, .calboxb, .calposter  {
    display: block;
    float: left;
    max-height: 80px;
    overflow: hidden;
    width: 60px;
    border-radius: 3px;
    color:#444444;
    font-family: 'Lato',sans-serif;
	font-size: 13px;
    font-weight: bold;
    margin: 0 10px 10px 0;
    padding: 3px;
	background-color:#ffffff;
}
.calbox, .calboxb  {
    text-align: left;
}
.calposter  {
	border: 2px solid #c7d9eb;
    text-align: center;
}
.cposter  {
	font-size:24pt;
	margin:8px 0px 16px 0px
}
.calboxb {
	border: 2px solid #c7d9eb;
    margin: 0 10px 0px 0;
}
.date-day-of-week {
    display: block;
	background: none repeat scroll 0 0 #0aa0d8;
    color: white;
    font-size: 12px;
    line-height: 1em;
    padding: 3px;
    text-transform: uppercase;
}
.date-day, .date-month {
    padding-left: 3px;
    line-height: 1.8em;
	width:45px;
    font-size: 8pt;
	margin:1px;
	text-align:center;
}
.date-year {
	display: block;
    font-size: 9px;
    line-height: 12px;
    padding: 0 3px;
    text-align:left;
	margin-left:1px;
}
.date-time {
	display: block;
    font-size: 8pt;
    padding-left: 3px;
    color:#0aa0d8;
	width:45px;
	text-align:left;
}
.date-ampm {
    font-size: 10px;
    line-height: 12px;
    padding-left:3px;
    color:#0aa0d8;
}
/* End CALENDER Formats */

h3 {
    color: #000060;
    font-size: 18pt;
    font-weight: normal;
    line-height: 1.3em;
    padding: 10px 0 4px;
}
.bbLine, .bbLineBlue {
	width:100%;
	clear:both;
	font-size: 10pt;
	color: #444444;
	padding:2px 0 2px 0;
	vertical-align:middle;
	display: inline-block;
}
.bbLarge {
	width:100%;
	clear:both;
	font-size: 14pt;
	color: #444444;
	padding:2px 0 2px 0;
}

.bbLineBlue {
	background-color: #D7E9FB;
	padding: 4px;
}
.bbBorder {
	border-bottom: #C7D9EB 1px solid;
}
.bbPadded {
	padding:2px 0 2px 50px;
}
.bbSection {
	border-bottom: #C7D9EB 1px solid;
	font-size: 14pt;
	font-weight: normal;
	color: #0aa0d8;
	padding: 10px 0 5px 0;
}
.bb5pc {
	width: 5%;
	display: inline-block;
}
.bb10pc {
	width: 9%;
	display: inline-block;
}
.bb20pc {
	width: 19%;
	display: inline-block;
}
.bb25pc {
	width: 24%;
	display: inline-block;
}
.bb15pc {
	width: 15%;
	display: inline-block;
	text-align:center;
	vertical-align:top;
}
.bb20pc {
	width: 19%;
	display: inline-block;
}
.bb30pc {
	width: 29%;
	display: inline-block;
}
.bb35pc {
	width: 34%;
	display: inline-block;
}
.bb40pc {
	width: 39%;
	display: inline-block;
}
.bb50pc {
	width: 49%;
	display: inline-block;
}
.bb60pc {
	width: 59%;
	display: inline-block;
}
.bb65pc {
	width: 64%;
	display: inline-block;
}
.bb70pc {
	width: 69%;
	display: inline-block;
}
.bb80pc {
	width: 79%;
	display: inline-block;
}
.bb90pc {
	width: 89%;
	display: inline-block;
}
/* Media Queries */
@media screen and (max-width: 528px) {
	
	.bbPadded {
		padding:2px 0 2px 0px;
	}
	
	.bb40pc, .bb60pc, .bb30pc, .bb70pc {
		width: 100%;
		font-size: 10pt;
	}
	
	.LabhooBizCard {
		width:100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.LabhooContactTop {
		width:100%;
		background: none;
		border-bottom:3px solid #cccccc;
	}
	.LabhooContact {
		width:100%;
		border-left:3px solid #cccccc;
		border-right:3px solid #cccccc;
		background:url(images/ContBackFlex.png) repeat-y;
		background-color:#f8f8f8;
	}
	.LabhooContactNoImg {
		width:100%;
	}
	.LabhooContactBot {
		background: none;
		border-top:3px solid #cccccc;
		width:100%;
	}

}

/* Big box with list of options */
#ajax_listOfOptions {
	position: absolute; /* Never change this one */
	width: 250px; /* Width of box */
	height: 250px; /* Height of box */
	overflow: auto; /* Scrolling features */
	border: 1px solid #317082; /* Dark green border */
	background-color: #FFF; /* White background color */
	text-align: left;
	font-size: 10pt;
	z-index: 100;
}
#ajax_listOfOptions div {
	/* General rule for both .optionDiv and .optionDivSelected */
	margin: 1px;
	padding: 1px;
	cursor: pointer;
	font-size: 10pt;
}
#ajax_listOfOptions .optionDiv {
	/* Div for each item in list */
}
#ajax_listOfOptions .optionDivSelected {
	/* Selected item in the list */
	background-color: #317082;
	color: #FFF;
}
#ajax_listOfOptions_iframe {
	background-color: #F00;
	position: absolute;
	z-index: 5;
}

form {
	display: inline;
}
.highlight {
	color: #ffff00;
	background-color: #ff0000;
}
.markerpen {
	color: #990000;
	background-color: #ffff66;
}
.cVideoLink {
	width: 560px;
	height: 315px;
}

/* iPad */
@media screen and (max-device-width: 1024px) and (orientation:landscape) {
	.container {
		width: 90%;
	}
	.dynfrm input, .dynfrm textarea, .dynfrm select {
		font-size: 12pt;
	}
}
@media screen and (max-device-width: 768px) and (orientation:portrait) {
	.container {
		width: 90%;
	}
	.dynfrm input, .dynfrm textarea, .dynfrm select {
		font-size: 12pt;
	}

}



/* iPhone */
@media screen and (max-device-width: 528px) {

	.container {
		width: 100%;
	}
	.t90pc {
		width: 100%;
	}
	.dynfrm input, .dynfrm textarea, .dynfrm select {
		font-size: 12pt;
	}
	.dynfrm button {
		font-size: 12pt;
	}
	.cVideoLink {
		width: 100%;
		height: auto;
	}

}

.formwrap {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2em;
	padding: 10px 20px 10px 20px;
}
.myblockhalf {
	float: left;
	width: 230px;
	white-space: nowrap;
	padding-right:10px;
}
.blockall {
	float: left;
	width: 100%;
	text-align: center;
}
.myblockhalf label {
	display: inline-block;
	width: 120px;
	text-align: right;
	padding-right: 10px;
}

/* iPhone */
@media screen and (max-width: 528px) {

	.myblockhalf {
		display:inline-block;
		float: none;
		width: 100%;
	}

	.myblockhalf label {
		width: 100%;
		text-align: left;
	}
}