/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 10px 0 30px;
}

/* #Basic Styles
================================================== */
	body {
		xbackground: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }



/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 1.2em;
	  xfont-weight: 600;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

input[type="text"], input[type="password"], input[type="email"], textarea, select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }

select { 
padding: 0; 
}
    
/* Modifed xxx:focus to be like twitter forms PRH */
select:focus, input[type="text"]:focus,	input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	border-color: #56B4EF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    color: #444;
    outline: 0 none;
    }
		

/* #Misc
================================================== */

label.error {text-align:left}
label.error.checked {margin: 0;} /* Prevent extra jumping when control is valid */
.ui-state-error, .ui-state-highlight {margin-bottom:10px;}
select {padding:5px 3px 5px 3px;margin:4px 0 4px 0;}

hr { border-top: 2px dotted #D5D5D3; margin-top: 10px;height:0;} 
input[type="checkbox"] {float:left;margin:10px 0 2px 0px}

label {font-weight:normal;font-size:auto;font: inherit;float:left;vertical-align:middle;text-align:right;display:block;margin:.4em .5em 0 .5em; }
input[type="text"],textarea { margin:3px 3px 3px 3px;}
/*
v3x Payment Radiobutton
http://html-generator.weebly.com/css-radio-button-checkbox.html
http://html-editor.weebly.com/cr20.html

v4x better radio buttons 11-8-16, we have not changed css to this yet
http://www.designcouch.com/home/why/2013/05/13/styling-form-radio-buttons/

*/
input[type="checkbox"] + label {text-align:left;}

input[type="checkbox"] + label , .checkbox + label, .radio + label{
		/* tbz label default "width", override if needed below for fluid layouts */
		display:inline-block;
		cursor:pointer;
		position:relative;
		padding-left:25px;
		margin:.4em .5em .4em 0; /* PRH 10-10-16 margin-right:15px; */
   	    text-align: left; /* tbz label align right by default, reset to left */		
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        
        /*
        Introduced in IE 10.
        See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
        */
        -ms-user-select: none;
        user-select: none;
		
	}


input[type="checkbox"],	.checkbox, .radio {
		display:none;
	}
   
input[type="checkbox"] + label:before,	.checkbox + label:before, .radio + label:before{
		content:"";
		display:inline-block;
		width:16px;
		height:16px;
		margin-right:10px;
		position:absolute;
		left:0;
		
		xbottom:1px; /* pushed box to bottom of label space when word wrapped */
		background: -moz-linear-gradient(center top , #f5f5f5, #e0e0e0) repeat scroll 0 0 rgba(0, 0, 0, 0); /* https://aruna.cloverdonations.com/donations/ */
	}

.radio + label:before {
		border-radius:50%;
		background-color: #fafafa;
		border: 1px solid #ccc;
	}


.radio:checked + label:before {
		content:"\2022";
		xcolor:#12538c;
		font-size:35px;
		text-align:center;
		line-height:17px;
		xtext-shadow:1px 1px 1px rgba(0,0,0,.2);
		text-shadow: 0 0 1px;  /* text-shadow: 0 0 1px #12538c; all sides */


	}

input[type="checkbox"] label, .checkbox label {
		margin-bottom:10px;
	}

input[type="checkbox"] + label:before,	.checkbox + label:before {
		border-radius:3px;
		background-color: #fafafa;
		border: 1px solid #ccc;
	}


input[type="checkbox"]:checked + label:before,	.checkbox:checked + label:before {
		content:"\2714";
		xtext-shadow:1px 1px 1px rgba(0,0,0,.2);
		text-shadow: 0 0 1px; /* text-shadow: 0 0 1px #12538c; all sides */
		font-size:15px;
		xcolor:#12538c;
		text-align:center;
		line-height:15px;
	}

.checkbox:hover + label:before, .checkbox:hover + label:before {
		background-color: #e9ecee;
	}