@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css');
body {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background-color:#FFFFFF;
}

a {
  color: #000;
}

address {
	font-style: normal;
}
a:hover {
    text-decoration: none;
}

h1 {
    text-shadow:2px 2px 2px #f0f0f0;
    filter: dropshadow(color=#000000, offx=5, offy=5);
}

@media screen {
    strong,b {
        text-shadow:1px 1px 1px #f0f0f0;
        filter: dropshadow(color=#000000, offx=5, offy=5);
    }
    .column {
    	padding: 5px;
    	border-bottom: 1px dashed #999999;
    	vertical-align:top;
    	
    }
    .column1 {
    	text-align:left;
    	padding: 5px;
    	border-bottom: 1px dashed #999999;
    	width: 50px;
    	font-size: 1.2em;
    	vertical-align:top;
    }
    .column1 a {
    	font-size: 0.8em;
    }
    
    .column2 {
    	text-align:left;
    	padding: 5px;
    	border-bottom: 1px dashed #999999;
    	width: 150px;
    	font-size: 1.2em;
    	vertical-align:top;
    }
    
    
    .column3 {
    	text-align:left;
    	padding: 5px;
    	border-bottom: 1px dashed #999999;
    	font-size: 1.2em;
    	vertical-align:top;
    }
    .column4 {
    	text-align:left;
    	padding: 5px;
    	border-bottom: 1px dashed #999999;
    	font-size: 1.2em;
    	vertical-align:top;
    }
    .column5 {
    	text-align:right;
    	padding-top: 5px;
    	padding-right: 15px;
    	border-bottom: 1px dashed #999999;
    	font-size: 1.2em;
    	vertical-align:top;
    }
    td {
        vertical-align: middle;
    }
    th {
    	font-weight: bold;
    	text-align:left;
    	padding: 5px;
    	font-size: 1.2em;
    }
    
    .heading1 {
    	padding-bottom: 5px;
    	padding-left: 5px;
    	border-bottom: 1px dashed #000000;
    	padding-right: 5px;
    }
    .heading2 {
    	padding-bottom: 5px;
    	border-bottom: 1px dashed #000000;
    }
    .heading3 {
    	padding-bottom: 5px;
    	border-bottom: 1px dashed #000000;
    }
    .heading4 {
    	padding-bottom: 5px;
    	border-bottom: 1px dashed #000000;
    }
    .heading5 {
    	padding-bottom: 5px;
    	padding-right: 15px;
    	border-bottom: 1px dashed #000000;
	text-align:right;
    }
}

#headerBar {
	color: #FFFFFF;
	padding-bottom: 10px;
	background-color:#a5a5a5;
	height:125px;
	padding-left: 10px;
	padding-top: 0px;
}

#headerBar a {
	color:#FFFFFF;
	text-decoration:underline;
}
#preparingFor {
    color:#FFF;
}
 
#servertime{
    position:absolute;    
    color:#FFF;
    right:60px;
    top: 100px;
}    
    
#languageBar, #leftColumn {
    font-family: sans-serif;
    font-size: 12px;
    background-color: #000000!important;
    border-bottom: 2px solid #CCC;
}

#languageBar a {
    color: #009;
    text-decoration: underline;
    padding: 5px;
    padding-top: 5px;
}
#languageBar a:hover {
    background-color:#CCC;
    color:#000;
    text-decoration: none!important;
    font-weight: bold;
}
#companyTitle {

	font-weight:bold;
}

#footer {
	padding: 5px;
	font-size: 0.8em;
	border-top: 1px #CCCCCC solid;
	margin-top: 10px;
}
.welcomeLink {
	font-size: 1.6em;
	color:#FFF!important;
	text-decoration:none;
	padding: 10px;
	background-color:#adadad;
	border: 1px solid #000;
}
.welcomeLink:hover {
	color:#FFF!important;
	background-color:#000;
}


.welcomeLink a:hover{
	text-decoration:underline;
}
.errorMessage {
   color:#990000;
   font-size:1.1em;
   font-weight:bold;
}
.contactForm {
	border: 1px solid grey; 
	text-align:left;	
}
.contactForm br {
	clear:both;
}

#editCustomerContactForm.formLabel span {
	text-align: right;
} 

.formTitle {
	background-color:#FFFF66;
	font-size:1.5em;
	padding:10px;
}
.formContent {
	padding:10px;
}
.formLabel {
	width: 150px;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
.formInput {
	width: 325px;
	display:block;
	float:left;
	font-size:.75em;
	font-weight:bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
#leftColumn {
	width: 200px; 
	padding:5px; 
	border-right: 1px solid grey; 
	background-color:#FFF; 
	height:100%;
    font-size: 1.1em;    
}
.categoryLink {
	padding: 10px;
	padding-left: 20px;
	border-top: 1px dashed #999999;
	display:block;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration:none;
}



#categoryTitle {
	font-weight:bold;
	/*border-bottom: 1px dashed #999999;*/
	padding-bottom: 5px;
	padding-top: 5px;
}
#categoryDescription {
	padding:15px;
}
#productListing {
	padding-left:10px;
	padding-right: 10px;
	font-weight:normal;
}
.product {
	padding-bottom: 15px;
	padding-top: 15px;	
}

.product a {
    text-decoration: none;
}

.adminProduct {
	padding-bottom: 5px;
	padding-top: 5px;
	/*border-bottom: 1px dashed #999999;*/
}
.productPrice {
	float:right;
	font-size:1.2em;
	font-weight:bold;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align:right;
}
.productTitle {
	font-size:2.0em;
	font-weight:bold;
	display: block;
    color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
    max-width: 75%;
    text-decoration: none;
    padding-bottom: 4px;
    text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}

.productTitle:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.productDescription {
	display: block;
	font-size:1.1em;
	line-height: 1.3em;
}
.productImage {
	margin-right: 2px;
	float:left; 
	border: 1px solid grey;
	
    padding-right: 5px;
    width: 150px;
    height: auto;
}


.productAdd {
	text-align:right;
}
.productAdd input{
	font-size: 1.5em;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
	border:1px solid #999999;
	color:#FFFFFF;
	background-color:#000;
}
.productAdd input:hover{
	background-color:#CCC;
}

.optionImage {
	float:left; 
	border: 0px;
	/* margin-right: 15px;
	margin-bottom: 10px; */
}
.optionList, .optionListFront {
	margin-top: 10px;
	list-style:none;
}
.option {
	border-top: 1px dashed #999999;
	padding-top:10px;
	padding-bottom: 10px;
	list-style:none;
}
.prodOption {
	border-top: 1px dashed #000000;
	padding:0px;
	list-style:none;	
	margin-top:10px;
}
.optionLabel {
	display: block;	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:1.2em;
}
.optionSelect {
	display: block;	
}
.optionSelect select {
	font-size:1.2em;
}
.optionDesc {
		font-size:1.2em;
}
.prodOptVal {
	margin-left: 150px; border-top: 1px dashed #999999; padding: 5px;
}
.handle1, .handle2 {
	padding: 4px;
}
.newValueButton {
	margin-left: 150px;margin-top: 5px;
}
.backLink {
	padding-bottom:10px;
}
.backLink a{
	font-weight:bold;
	text-decoration:none;
}


.importHeading {
	padding: 5px;
	font-weight:bold;
	background-color:#333333;
	color:#FFFFFF;
}

.categoryHead {
	padding: 5px;
	border-bottom: 1px dashed #999999;
	border-color:#333333;
	cursor:pointer;
}
.adminCategoryHead {
	padding: 5px;
	border-bottom: 1px dashed #999999;
	border-color:#333333;
	cursor:pointer;
}
.productList {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.product, .productDetails {
	padding: 15px;
 
}
.product:hover {
    border: 1px solid #999999;
    padding: 14px;
    background-color: #eff7ff;
}

span.productMove  {
	cursor:move;
	border:solid 1px;
	padding: 2px;
}
a.adminProduct {
	border:solid 1px;
	padding: 2px;
	text-decoration:none;
}


.totals {
	text-align:right;
	padding: 15px;
	font-size:1.2em;
}
.totalLabel {
	font-weight:bold;
	float:right;
	
}
.totalValue {
	float:right;
	width: 150px;
}

.admintotals {
	text-align:right;
	padding: 15px;
	font-size:1.2em;
}
.admintotalLabel {
	font-weight:bold;
	float:right;
	
}
.admintotalValue {
	float:right;
	width: 150px;
}

.confirmOrder {
	text-align:center;
	padding: 20px;
}
.confirmOrder input{
	font-size: 1.5em;
	font-weight:bold;
}
.thanks {
	text-align:center;
	padding: 20px;
	text-transform:capitalize;
	font-weight:bold;
	font-size:1.5em;
}
.payment {
	text-align:center;
	padding: 20px;
	font-weight:bold;
	font-size:1.5em;
}
.adminActions {
	padding: 5px;
	text-align: center;
	color: #333333;
	font-weight:bold;
	background-color:#FFF; 
	margin-top: 20px;
}
.adminActions a {
	color: #000099;
	text-decoration:underline;
}

.addressInfo { display: none; }
#signatures { display: none; }
/*.estimateContact { display: none; }*/
#estimateFooter { display: none; } 
#printBar { display: none; } 
.printOnly { display: none; }
.screenOnly { display: block; }
span.screenOnly, a.screenOnly { display: inline; }

div#print-footer {display: none;}

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.dashboard,
select.dashboard {
	width: 149px;
}

button.dashboard {
	background: url(../dashboard-icon.gif);
	border: 0;
	cursor: pointer;
	height: 20px;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(../dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard * {
		margin: 0;
		padding: 0;
	}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #CF0;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(../dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(../dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}
	
	
	
	
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding: 10px;
	border-top: 1px dashed #999999;
	display:block;
	font-size: 1.1em;
	text-decoration:none;	
	color:#FFF;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#CCC ;
	color:#000;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#CCC ;
	color:#000;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../arrow_right.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(../arrow_right_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background:#000;	
	/*border:1px solid #C3D46A; */
	left:0;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	list-style:none;
	margin:0 0 0 0px;
	text-align: left;
	display:block;
}

#subMenusContainer{	
	display:block; 	
	position:absolute;	
	top:0;	
	left:0;	
	width:100%;	
	height:0;	
	overflow:visible;	
	z-index:1000000000; 
}


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
#nav li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
#nav li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
#nav li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
#nav li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

.page-break  { display:block; page-break-before:always; }

.Zone, .Zone0 {
	background : #9DDFFF;
	border:#666666 solid 2px;
}
.Zone1 {
	background:#FFFF00;
	border:#666666 solid 2px;
}
.Zone2 {
	background:#00FF00;
	border:#666666 solid 2px;
}
.Zone3 {
	background:#FF33FF;
	border:#666666 solid 2px;
}
.Zone4 {
	background:#66FFFF;
	border:#666666 solid 2px;
}	
.Zone5 {
	background:#99CCCC;
	border:#666666 solid 2px;
}
.Zone6 {
	background:#FFCCFF;
	border:#666666 solid 2px;
}
.Zone7 {
	background:#FF9900;
	border:#666666 solid 2px;
}
.Zone8 {
	background:#FF3333;
	border:#666666 solid 2px;
}
.Zone9 {
	background:MediumSeaGreen;
	border:#666666 solid 2px;
}
.Zone10 {
	background:MediumSlateBlue;
	border:#666666 solid 2px;
}


#zoneColor {
	display:inline-block;
}
div.selectTable {
	width:800px; 
	height:200px; 
	overflow-y:auto;
	overflow-x:hidden; 
	border: #999 solid 1px;
}
tr.selectTableTR {
	cursor:pointer;
	margin-bottom: 1px;
}
.selectTableTRHighlighted {
	background-color:#eff7ff;
	font-weight:bold;
}
.selectTableTRHidden {
	display:none;
}

#currentBooking {
	font-weight: bold;
}
#editContactIframe {
	background: url('../icons/loading_35_35.gif') center center no-repeat;
}

#contactInfoForm address {
	text-align: left;
	font-size: 22px;
	width: 300px;
}

.callidInfo {
	padding: 20px;
	font-size: 14px;
}
.sr_cart {
    filter:alpha(opacity=65); 
   -moz-opacity: 0.65; 
   opacity: 0.65; 
    background-color:#eff7ff;position:
    fixed;bottom: 0;
    left:2.5%;
    padding:10px;
    border: black groove 1px;
    border-top-left-radius: 25px 25px;
    border-top-right-radius: 25px 25px;
    border-bottom-right-radius: 25px 25px;
    border-bottom-left-radius: 25px 25px;
    min-width: 700px;
}

#pagination-links {
    border:0; margin:0; padding:0;
    font-size:11px;
    margin-right:2px;
    padding:15px 15px 20px;
    position:absolute;
    right:0;
}
#pagination-links a{
    border:solid 1px #CCC;
    margin-right:2px;
    background: #adadad;
}
#pagination-links .previous-off,
#pagination-links .next-off {
    border:solid 1px #DEDEDE;
    color:#888888;
    float:left;
    font-weight:bold;
    margin-right:2px;
    padding:3px 4px;
}
#pagination-links .next a,
#pagination-links .previous a {
    font-weight:bold;
} 
#pagination-links .active{
    background:#CCC;
    color:#FFFFFF;
    font-weight:bold;
    float:left;
    padding:4px 6px;
    margin-right:2px;
}
#pagination-links a:link,
#pagination-links a:visited {
    color:#CCC;
    float:left;
    padding:3px 6px;
    text-decoration:none;
}
#pagination-links a:hover{
    border:solid 1px #CCC;
    background:#CCC;
    color:#FFFFFF;
}
#count {
    display:inline-block;
    font-size: 14px;
    vertical-align:bottom;
    padding-left: 5px;
    padding-top: 3px;
    color: #0e509e;
}
#info {
    position: fixed;
    right: 5%;
    bottom: 5%;
    filter:alpha(opacity=85); 
    -moz-opacity: 0.85; 
    opacity: 0.85; 
    background-color:#adadad;
    padding:10px 20px 20px 15px;
    border: black groove 1px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
}
#languageBar {
    	padding: 5px;
    	text-align: right;
    	color: #333333;
    	font-weight:bold;
    	background-color:#FFF;
        

}
#languageBar a {
   color: #FFFFFF;
   text-decoration:underline;
   
}
#navigation {
   list-style: none;
   margin: 0; padding: 0;
   margin-top: -5px;
}
#navigation li {
   float: left;
   margin-bottom: 5px;
}
#navigation li a {
   display: block;
   text-align: center;
   color: #FFFFFF;
   padding: 3px 0 5px 0 5px;
}
#navigation li a:hover {
   background: #dadbdd;
   color: #000;
}
#navigation:after {
    float: none; /* You can use the below instead! */
    clear: left;
    margin: -5px;
}
#info h3 {
    padding: 0 15px 0 15px;
    margin: 0;
    color: green;
}
    .shaddow {
        position: relative;
        
        padding: 1em;
        margin: 2em 10px;
        background: #fff;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }
    user agent stylesheetdiv {
    display: block;
    }
    .curved-hz-2 {
        background-color: #eff7ff;
    }
    Pseudo ::before element
    .curved-hz-2::before {
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
    }
    .curved::before {
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius: 10px / 100px;
    border-radius: 10px / 100px;
    }
    .shaddow::before, .shaddow::after {
    content: "";
    position: absolute;
    z-index: -2;
    }
    Pseudo ::after element
    .shaddow::before, .shaddow::after {
    content: "";
    position: absolute;
    z-index: -2;
    }
    
.tgl {
  position: relative;
  display: inline-block;
  height: 20px;
  cursor: pointer;
}
.tgl > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */
  visibility: hidden;
}
.tgl .tgl_body {
  width: 40px;
  height: 20px;
  background: white;
  border: 1px solid #dadde1;
  display: inline-block;
  position: relative;
  border-radius: 50px;
}
.tgl .tgl_switch {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: white;
  position: absolute;
  left: -1px;
  top: -1px;
  border-radius: 50%;
  border: 1px solid #ccd0d6;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  -moz-transition: left cubic-bezier(0.34, 1.61, 0.7, 1) 250ms, -moz-transform cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  -o-transition: left cubic-bezier(0.34, 1.61, 0.7, 1) 250ms, -o-transform cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  -webkit-transition: left cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transition-delay: 250ms, 250ms;
  transition: left cubic-bezier(0.34, 1.61, 0.7, 1) 250ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  z-index: 1;
}
.tgl .tgl_track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 50px;
}
.tgl .tgl_bgd {
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  width: 40px;
  -moz-transition: left cubic-bezier(0.34, 1.61, 0.7, 1) 250ms, right cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  -o-transition: left cubic-bezier(0.34, 1.61, 0.7, 1) 250ms, right cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  -webkit-transition: left cubic-bezier(0.34, 1.61, 0.7, 1), right cubic-bezier(0.34, 1.61, 0.7, 1);
  -webkit-transition-delay: 250ms, 250ms;
  transition: left cubic-bezier(0.34, 1.61, 0.7, 1) 250ms, right cubic-bezier(0.34, 1.61, 0.7, 1) 250ms;
  background: #439fd8 url("http://petelada.com/images/toggle/tgl_check.png") center center no-repeat;
}
.tgl .tgl_bgd-negative {
  right: auto;
  left: -30px;
  background: white url("http://petelada.com/images/toggle/tgl_x.png") center center no-repeat;
}
.tgl:hover .tgl_switch {
  border-color: #b5bbc3;
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.tgl:active .tgl_switch {
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.tgl > :not(:checked) ~ .tgl_body > .tgl_switch {
  left: 20px;
}
.tgl > :not(:checked) ~ .tgl_body .tgl_bgd {
  right: -30px;
}
.tgl > :not(:checked) ~ .tgl_body .tgl_bgd.tgl_bgd-negative {
  right: auto;
  left: -10px;
}
/** Code for hover info **/

dfn {
  background: #e9e9e9;
  border-bottom: dashed 1px rgba(0,0,0,0.8);
  padding: 0 0.4em;
  cursor: help;
  font-style: normal;
  position: relative;
  
}
dfn::after {
  content: attr(data-info);
  display: inline;
  position: absolute;
  top: 22px; left: 0;
  opacity: 0;
  width: 230px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
  padding: 0.5em 0.8em;
  background: rgba(0,0,0,0.8);
  color: #fff;
  pointer-events: none; /* This prevents the box from apearing when hovered. */
  transition: opacity 250ms, top 250ms;
}
dfn::before {
  content: '';
  display: block;
  position: absolute;
  top: 12px; left: 20px;
  opacity: 0;
  width: 0; height: 0;
  border: solid transparent 5px;
  border-bottom-color: rgba(0,0,0,0.8);
  transition: opacity 250ms, top 250ms;
}
dfn:hover {z-index: 2;} /* Keeps the info boxes on top of other elements */
dfn:hover::after,
dfn:hover::before {opacity: 1;}
dfn:hover::after {top: 30px;}
dfn:hover::before {top: 20px;}
/*! Hint.css - v2.1.0 - 2016-02-15
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed  */

.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{margin-top:-12px}[data-hint]{position:relative;display:inline-block}[data-hint]:after,[data-hint]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}[data-hint]:hover:after,[data-hint]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}[data-hint]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after,.hint--top:before{bottom:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:focus:after,.hint--top:focus:before,.hint--top:hover:after,.hint--top:hover:before{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:focus:after,.hint--bottom:focus:before,.hint--bottom:hover:after,.hint--bottom:hover:before{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:focus:after,.hint--right:focus:before,.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--top-left:before,.hint--top-right:before{margin-bottom:-12px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:focus:after,.hint--left:focus:before,.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}.hint--top-left:after{margin-left:6px}.hint--top-left:focus:after,.hint--top-left:focus:before,.hint--top-left:hover:after,.hint--top-left:hover:before{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.hint--top-right:after{margin-left:-6px}.hint--top-right:focus:after,.hint--top-right:focus:before,.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}.hint--bottom-left:after{margin-left:6px}.hint--bottom-left:focus:after,.hint--bottom-left:focus:before,.hint--bottom-left:hover:after,.hint--bottom-left:hover:before{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.hint--bottom-right:after{margin-left:-6px}.hint--bottom-right:focus:after,.hint--bottom-right:focus:before,.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:after,.hint--always.hint--top-left:before{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:after,.hint--always.hint--bottom-left:before{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0ms;-moz-transition-duration:0ms;transition-duration:0ms}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}
@media print {
  a[href]:after {
    content: ""!important;
  }
}