/* -----------------------------------------------------------------------

	Slim CSS Framework v2.00
	http://billyshall.com/slimcss/

	Pixel to EM
	-----------
	12px = 1em
	15px = 1.25em
	18px = 1.5em
	24px = 2em

-----------------------------------------------------------------------  */

/* --- Development Testing ---  */
.test * { background-color: rgba(0,0,0,0.1); }

/* --- Reset ---  */
html,body,header,nav,footer,section,article,sidebar,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,blockquote,form,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

div,form,article,aside,footer,header,hgroup,nav,section,figure,figcaption,textarea,table,th,td{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

html { -webkit-font-smoothing: antialiased; overflow-y: scroll; height: 100%; }
body { background-color: #fff; text-align: center; height: 100%; color: #333; font: 14px/20px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }

.wrapper { width: 960px; margin: 0 auto; text-align: left; }

header, #header, footer, #footer { width: 100%; margin: 0 auto; text-align: left; }

/* --- Grid ---  */
.onecol, .twocol, .twocollefta, .twocolleftb, .twocolrighta, .twocolrightb, .threecol, .threecola, .fourcol, .fivecol, .sixcol { position:relative; display:inline-block; width: 100%; margin:0 auto 20px auto; }

.column { float: left; margin-left: 2%; }	
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right; }

.column.first .column :last-child { margin-bottom: 0; }
.column.last .column :last-child { margin-bottom: 0; }

/* --- One Column ---  */
.onecol { }
.onecol .column,
.column .onecol .column,
.column .onecol .column.first,
.column .onecol .column.last {  } 

/* --- Two Column Even ---  */
.twocol .column { width: 49%; }
.column .twocol .column, .column .twocol .column.first, .column .twocol .column.last { width: 48%; }

/* --- Two Column Smaller Left - Wider Right ---  */
.twocollefta .column.first, .column .twocollefta .column.first { width: 20%; }
.twocollefta .column.last, .column .twocollefta .column.last  { width: 78%; }

/* --- Two Column Small Left - Wide Right ---  */
.twocolleftb .column.first, .column .twocolleftb .column.first { width: 33%; }
.twocolleftb .column.last, .column .twocolleftb .column.last { width: 65%; }

/* --- Two Column Wider Left - Small Right ---  */
.twocolrighta .column.first, .column .twocolrighta .column.first { width: 74%; }
.twocolrighta .column.last, .column .twocolrighta .column.last  { width: 24%; }

/* --- Two Column Small Left - Wide Right - fit nested .twocol for a total of 3 columns ---  */
.twocolrightb .column.first, .column .twocolrightb .column.first { width: 65%; }
.twocolrightb .column.last, .column .twocolrightb .column.last { width: 33%; }

/* --- Three Column Small Right/Left - Wide Center ---  */
.threecola .column, .column .threecola .column, .column.first .threecola .column, .column.last .threecola .column { width: 55.5%; }
.threecola .column.first, .threecola .column.last, .column .threecola .column.first, .column .threecola .column.last { width: 20%; }

.threecol .column, .column .threecol .column, .column.first .threecol .column, .column.last .threecol .column { width: 32%; margin-right: 0; } /* --- Three Column Even ---  */
.fourcol .column, .column .fourcol .column, .column.first fourcol .column, .column.last .fourcol .column { width: 23%; margin-left: 3%; } /* --- Four Column ---  */
.fivecol .column, .column .fivecol .column, .column.first .fivecol .column, .column.last .fivecol .column { width: 18.5%; } /* --- Five Column ---  */
.sixcol .column, .column .sixcol .column, .column.first .sixcol .column, .column.last .sixcol .column { width: 15.1%; } /* --- Six Column ---  */

/* --- Clearfix ---  */
header:after,footer:after,nav:after,fieldset:after,blockquote:after,.column:after,.onecol:after,.twocol:after,.twocollefta:after,.twocolleftb:after,.twocolrighta:after,.twocolrightb:after,.threecol:after,.threecola:after,.fourcol:after,.fivecol:after,.sixcol:after,.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

header,footer,nav,fieldset,blockquote,.column,.onecol,.twocol,.twocollefta,.twocolleftb,.twocolrighta,.twocolrightb,.threecol,.threecola,.fourcol,.fivecol,.sixcol,.clearfix { zoom:1; }

/* --- Typography ---  */
h1 { font-size: 24px; line-height: 24px; margin-bottom: 20px; }
h2 { font-size: 18px; line-height: 18px; margin-bottom: 20px; } 
h3 { font-size: 12px; line-height: 18px; font-weight: bold; }
h4 { font-size: 12px; line-height: 18px; font-weight: bold; }
h5 { font-size: 11px; line-height: 18px; font-weight: bold; }
h6 { font-size: 10px; line-height: 18px; font-weight: bold; }
h1,h2,h3,h4,h5,h6 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; } 



.serif { font-family: Georgia, "lucida bright", "times new roman", serif; }
.georgia { font-family: Georgia, "lucida bright", "times new roman", serif; }
.helvetica { font-family: "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 200; }

a { color: #105CB6; text-decoration: none; }
a:hover, a:focus { color: #105CB6; text-decoration: underline; }
a:active { color: #105CB6; }

p { margin-bottom: 20px; }
.textleft 	 { text-align: left; } 
.textcenter  { text-align: center; } 
.textright   { text-align: right; } 
.textjustify { text-align: justify; }

img.left   { float: left; margin: 0 18px 18px 0; }
img.center { margin: 0 auto; display: block; }
img.right  { float: right; margin: 0 0 18px 18px; }
img.border { padding: 3px; border: 1px solid #ccc; }

.floatleft { float: left; }
.floatright { float: right; }

em { font-style: italic; }
strong { font-weight: bold; }
.hr { border-top: 1px solid #ccc; margin: 8px 0 18px 0; }
pre, code { background:#E0ECF6; display:block; margin-bottom: 18px; padding:10px; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
address { margin-bottom: 18px; font-style: italic; }
del { color: #666; }
dfn { font-weight: bold; }

blockquote { position: relative; margin: 10px 10px 20px; padding: 10px; background-color: #f8f8f8; quotes: "\201C" "\201D"; }
blockquote img { float: left; }	
blockquote p { position: relative;  margin: 0 0 0 74px; padding: 5px 0; }	
blockquote p span { display: block; }

.clear { clear: both; }
.zero { margin: 0; padding: 0 !important; }
.pointer { cursor: pointer; cursor: hand; }

/* --- Lists ---  */
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; margin-left: 2em; list-style-type: decimal; }

ul.disc   { list-style: disc outside;   margin-left: 2em; }
ul.circle { list-style: circle outside; margin-left: 2em; }
ul.square { list-style: square outside; margin-left: 2em; }

ul ul, ol ol { margin-bottom:0; }
	
dl { margin-bottom: 18px; }
dt { font-weight: bold;  }
dd { margin-bottom: 9px; }

/* --- Forms ---  */
label, input[type=button], input[type=submit], button { cursor: pointer; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="radio"] { vertical-align: text-bottom; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

fieldset { position: relative; border-top:1px solid #ccc; padding: 10px; margin-bottom: 20px; }
fieldset fieldset { position: relative; border-top:1px solid #eee; padding: 10px; margin: 10px 20px 0; color: #777; }
fieldset legend { font-size:12px; padding: 0 5px; font-weight: 200; color: #666; text-transform: uppercase; }
fieldset fieldset legend { font-size:11px; }

.field { position: relative; padding: 5px 0; }
.checkbox { position: relative; }

label { position: relative; color: #555;  }
textarea { width: 50%; font-size: 12px; padding: 5px; height: 60px; margin: 0; }
form em { display: block; font-size: 11px; font-style: italic; color: #444; } /* Field Description */

input[type="text"], input[type="password"] { width: 50%; font-size: 12px; height: 20px; line-height: 20px; }
input[type="checkbox"], input[type="file"], select { margin-top: 3px;  }

form span.error { color: #ff0000; display: block; font-size: 11px; font-style: italic; } 

.stretch input[type="text"],
input.stretch,
.stretch input[type="password"],  
.stretch textarea,  
textarea.stretch { width: 100%; } /* Stretch Widths */

/* --- Block Form ---  */
form.block label, label.block   { display: block; float: none; margin: 0; text-align: left; width: 100%; }
form.block input[type="text"], 
form.block input[type="password"],
div.block input[type="text"],
div.block input[type="password"] { display: block; }

/* --- Inline Form ---  */
.inline label, label.inline { margin-right: 1%; text-align:right; width:16%; float:left; clear: left; }
.checkbox label { float: none; text-align: left; width: 50%; margin-left: 17%; margin-right: 0; }
.inline em, .inline span.error { margin-left:17%; }

/* Inline Narrow Form  */
form.narrow .inline label, form.narrow label.inline { margin-right: 1%; text-align:right; width:26%; float:left; clear: left; }
form.narrow .checkbox label { float: none; text-align: left; width: 50%; margin-left: 27%; margin-right: 0; }
form.narrow .inline em, form.narrow .inline span.error { margin-left:27%; }

.inline .stretch input[type="text"], 
.inline .stretch input[type="password"], 
.inline .stretch textarea,
.inline.stretch input[type="text"], 
.inline.stretch input[type="password"], 
.inline.stretch textarea { width: 81%; } /* Can't Over-Stretch */

/* --- Tables ---  */
table { margin-bottom: 20px; }
table.stretch { width: 100%; }
table.textcenter tr td, table.textcenter tr th { text-align: center; }
th { font-weight: bold; }
td { text-align: left; }
tfoot { font-style: italic; }

/* --- Print ---  */
@media print { body, .wrapper { color: #000 !important; } a, a:link, a:visited { color: #000 !important; text-decoration: none !important; } }