/* Arfully Masterminded by ZURB */

/* -------------------------------------------------- 
    Table of Contents
-----------------------------------------------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
*/


/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body { background: #ecf6f8 url(../images/bg_tree.png) center top repeat-y; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }



/*	--------------------------------------------------
:: Links
-------------------------------------------------- */
a { color: #2a85e8; text-decoration: none; outline: 0; line-height: inherit; }
a:hover { color: #11639d; }
p a, p a:visited { line-height: inherit; }


/*	--------------------------------------------------
:: Lists
-------------------------------------------------- */
ul, ol { margin-bottom: 18px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ol ol { margin: 4px 0 5px 30px; }
li { margin-bottom: 12px; }
ul.large li { line-height: 21px; }


/*	--------------------------------------------------
:: Tables
-------------------------------------------------- */
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd;  }

table thead { background: #f5f5f5; }
table thead tr th,
table tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
table thead tr th:first-child { border-left: none; }
table thead tr th:last-child { border-right: none; }

table thead tr {  }
table tbody {  }
table tbody tr {  }
table tbody tr.even,
table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

/* -------------------------------------------------- 
:: Misc
---------------------------------------------------*/
.left       { float: left; }
.right      { float: right; }
.hide     	{ display: none; }
.highlight 	{ background: #ff0; }
.center		{ text-align: center; }


/*	--------------------------------------------------
:: Typography
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #004f60; font-weight: bold; line-height: 1.25 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px; float: right; }
h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }
h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
h5 { font-size: 18px; font-size: 1.8rem; margin: 0 0 15px 0; text-align: center; }
h6 { font-size: 16px; font-size: 1.5rem; margin-bottom: 10px; padding: 2px 5px; background: #004f60; color: #fff; }

.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

p { line-height: 17px; margin: 0 0 18px; }
p img { margin: 0; }
p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px;  }

	/* Mobile */
	
	@media handheld, only screen and (max-width: 767px) {
		body, p {  font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
	}

em { font-style: italic; line-height: inherit; }
strong { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }

/*	Blockquotes  */
blockquote, blockquote p { line-height: 20px; color: #777; }
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none; }

/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  p a, p a:visited { color: #444 !important; text-decoration: underline; }
  p a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* --------------------------------------------------
:: Grid
-------------------------------------------------- */

.container { padding: 20px 20px; }

.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0px auto; }
/* To fix the grid into a certain size, set max-width to width */
.row .row { min-width: 0px; }

.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; /*border-top: 1px solid red;*/ }
.column:first-child, .columns:first-child { margin-left: 0px; }

.row .one.columns { width: 4.3%; }
.row .two.columns { width: 13%; }
.row .three.columns { width: 21.68%; }
.row .four.columns { width: 30.4%; }
.row .five.columns { width: 39.1%; }
.row .six.columns { width: 47.8%; }
.row .seven.columns { width: 56.5%; }
.row .eight.columns { width: 65.2%; }
.row .nine.columns { width: 73.9%; }
.row .ten.columns { width: 82.6%; }
.row .eleven.columns { width: 91.3%; }
.row .twelve.columns { width: 100%; }

.row .offset-by-one 	{ margin-left: 13.1%;  }
.row .offset-by-two 	{ margin-left: 21.8%;  }
.row .offset-by-three 	{ margin-left: 30.5%;  }
.row .offset-by-four 	{ margin-left: 39.2%;  }
.row .offset-by-five 	{ margin-left: 47.9%;  }
.row .offset-by-six 	{ margin-left: 56.6%;  }
.row .offset-by-seven 	{ margin-left: 65.3%;  }
.row .offset-by-eight 	{ margin-left: 74.0%;  }
.row .offset-by-nine 	{ margin-left: 82.7%;  }
.row .offset-by-ten 	{ margin-left: 91.4%;  }
/*.row .offset-by-eleven 	{ margin-left: 95.7%;  }*/

.row .one.centered { margin-left: 47.9%; }
.row .two.centered { margin-left: 43.5%; }
.row .three.centered { margin-left: 39.2%; }
.row .four.centered { margin-left: 34.8%; }
.row .five.centered { margin-left: 30.5%; }
.row .six.centered { margin-left: 26.1%; }
.row .seven.centered { margin-left: 21.8%; }
.row .eight.centered { margin-left: 17.4%; }
.row .nine.centered { margin-left: 13.1%; }
.row .ten.centered { margin-left: 8.7%; }
.row .eleven.centered { margin-left: 4.3%; }

.row .offset-by-one:first-child 	{ margin-left: 8.7%;  }
.row .offset-by-two:first-child 	{ margin-left: 17.4%;  }
.row .offset-by-three:first-child 	{ margin-left: 26.1%;  }
.row .offset-by-four:first-child 	{ margin-left: 34.8%;  }
.row .offset-by-five:first-child 	{ margin-left: 43.5%;  }
.row .offset-by-six:first-child 	{ margin-left: 52.2%;  }
.row .offset-by-seven:first-child 	{ margin-left: 60.9%;  }
.row .offset-by-eight:first-child 	{ margin-left: 69.6%;  }
.row .offset-by-nine:first-child 	{ margin-left: 78.3%;  }
.row .offset-by-ten:first-child 	{ margin-left: 87%;  }
.row .offset-by-eleven:first-child 	{ margin-left: 95.7%;  }

img, object, embed { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; }
 
 /* Micro clearfix */
 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
 .row:after, .clearfix:after { clear: both; }
 .row, .clearfix { zoom: 1; }


/*	--------------------------------------------------
:: Block grids
-------------------------------------------------- */

.block-grid { display: block; overflow: hidden; }
.block-grid>li { display: block; height: auto; float: left; }

.block-grid.two-up { margin-left: -4% }
.block-grid.two-up>li { margin-left: 4%; width: 46%; }

.block-grid.three-up { margin-left: -2% }
.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }

.block-grid.four-up { margin-left: -2% }
.block-grid.four-up>li { margin-left: 2%; width: 23%; }

.block-grid.five-up { margin-left: -1.5% }
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }


/* -------------------------------------------------- 
Table of Contents
-----------------------------------------------------
:: Alerts
:: Notices/Alerts
:: Tabs
:: Pagination
:: Lists
:: Panels
*/


/*	--------------------------------------------------
Panels
-------------------------------------------------- */
div.panel, div.panel_8col, div.panel_6col, div.panel_grid { 
	padding: 20px;
	background: #efefef;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
	box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
	margin: 0 0 20px 0;
}
div.panel ul, div.panel_8col ul, div.panel_6col ul, div.panel_grid ul { width: 100%; list-style: none; line-height: normal; text-align: center; font-size: 90%; }
div.panel li, div.panel_8col li, div.panel_6col li { float: left; margin: 0; padding: 2px 0; /*border-top: 1px solid red;*/ }
div.panel_grid li { float: left; margin: 0 24px 24px 0; padding: 0;  }

div.panel li { width: 10%; }
div.panel_8col li { width: 12.5%; }
div.panel_6col li { width: 16.5%; }

.col_left {
	float: left;
	margin-bottom: 10px;
	width: 48%;
	/*border: 1px solid red;*/
}

.col_right {
	float: right;
	margin-bottom: 10px;
	width: 48%;
	/*border: 1px solid red;*/	
}



/*	--------------------------------------------------
Layout Elements
-------------------------------------------------- */

.logo { float: left; width: 20%; margin: 0 0 20px 0; }



/* -----------------------------------------
CFO Forms
----------------------------------------- */

forms {
	margin-bottom: 40px; 
	width:100%;  
	float:left; 
	clear:both;
}

.forms_legend {
	font-size: 0.8em;
	font-weight: bold;
}

fieldset { margin-bottom: 5px; }

input, textarea{
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; 
	color:#777; 
	font-size:14px; 
}

input[type="text"],
input[type="medium"],
input[type="large"],
input[type="small"],
input[type="numbers"],
input[type="password"],
textarea,
select,
check,
radio {	
	padding: 6px 2%;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; 
	margin: 4px 0;
	width: 100%;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	line-height:16px; 
	color: #666;  
	border: 1px solid #f1f1f1; 
}
select {
	padding: 0;
}
input[type="text"]:focus,
input[type="medium"]:focus,
input[type="large"]:focus,
input[type="small"]:focus,
input[type="numbers"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
check:focus,
radio:focus {
	border: 1px solid #ddd;
	color: #444;
	background: #fff;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); 
}
textarea {
	min-height: 60px;
	width:99%;
}

input[type="checkbox"], input[type="number"] {
	display: inline;
	text-align: center;
}

label span, legend span {
	font-weight: normal;
	color: #444;
}

input[type="text"], input[type="medium"], input[type="large"], input[type="small"], input[type="numbers"], input[type="password"] textarea, select {
    background: #ecf6f8;
    border: 1px solid #ccc;
    color: #666;
}
input[type="text"], input[type="medium"], input[type="large"], input[type="small"], input[type="numbers"], input[type="password"] textarea, select {
    border-radius: 4px 4px 4px 4px;
    display: inline;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 16px;
    margin: 3px 0;
    outline: medium none;
    padding: 6px 2%;
    width: 96%;
}
input[type="text"] { max-width: 95%; }
input[name="small"] { max-width: 45%; }
input[name="medium"] { max-width: 59%; }
input[name="large"] { max-width: 94%; }
input[name="numbers"] { max-width: 30px; }
input[name="password"] { max-width: 95%; }
select { max-width: 50%; }
 
input[type="file"] {
	background-color:#004e60;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow: 0px 3px 6px #333;
	-webkit-box-shadow: 0px 3px 6px #333;
	box-shadow: 0px 3px 6px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#333333');	
	border:3px solid #ffffff;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	margin: 0 0 40px 0;
} 

input[type="submit"] {
	background-color:#004e60;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow: 0px 3px 6px #333;
	-webkit-box-shadow: 0px 3px 6px #333;
	box-shadow: 0px 3px 6px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#333333');	
	border:3px solid #ffffff;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	margin: 0 0 40px 0;
}
input[type="submit"]:hover {
	background-color:#b5d2d0;
	-moz-box-shadow: 0px 0px 0px #333;
	-webkit-box-shadow: 0px 0px 2px #333;
	box-shadow: 0px 0px 0px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#333333');	
}

label { font-weight: bold; color: #004f60; }
label.error {
	float: right;
	margin: -29px 65px 0 0;
	padding: 1px 5px;
	color: red; 
	font-weight: normal;
	font-size: 85%; 
	/*border: 1px solid red;*/ 
}




p.checkbox_la { text-align: left; white-space:nowrap; margin: 0; padding: 0; }
p.checkbox_la_o { text-align: left; margin: 0; padding: 0; }
p.checkbox { text-align: center; margin: 0; padding: 0; }
p.checkbox_txt { font-size: 90%; line-height: 1.2em; margin: 0 0 5px 0; text-align: center; }
p.textfield { text-align: left; margin: 10px 0; padding: 0; }
p.form_txt { font-size: 90%; line-height: 1.2em; margin: 0 0 5px 0; text-align: left; }
p.notes_form_txt { font-size: 90%; line-height: 1.2em; margin: 0 0 5px 0; text-align: left; }
						

/* Mobile */
	
	@media handheld, only screen and (device-width: 768px), (device-width: 800px) {
		.reveal-modal-bg { position: absolute; }
		
		.reveal-modal,
		.reveal-modal.small,
		.reveal-modal.medium,
		.reveal-modal.large,
		.reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0px; padding: 5%; height: auto; }
	}
	
	@media handheld, only screen and (max-width: 767px) {
		.reveal-modal-bg { position: absolute; }
		
		.reveal-modal,
		.reveal-modal.small,
		.reveal-modal.medium,
		.reveal-modal.large,
		.reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0px; padding: 5%; height: auto; }
	}


/* --------------------------------------------------
:: Grid
-------------------------------------------------- */

/* Tablet screens */
@media only screen and (device-width: 768px), (device-width: 800px) {
	/* Currently unused */
}


/* Mobile */
@media only screen and (max-width: 767px) {
	body { -webkit-text-size-adjust: none; }
	
	.row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
	.row .row .column, .row .row .columns { padding: 0; }
	.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
	.column:last-child, .columns:last-child { margin-right: 0px; }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven { margin-left: 0% !important; }
}


/* --------------------------------------------------
:: Block Grids
-------------------------------------------------- */	

@media only screen and (max-width: 767px) {
	.block-grid.mobile li { float: none; width: 100%; }
}



/* -------------------------------------------------- 
:: Mobile Visibility Affordances
---------------------------------------------------*/


.show-on-phones { display: none !important; }	
.show-on-tablets { display: none !important; }
.show-on-desktops { display: block; }

.hide-on-phones { display: block !important; }	
.hide-on-tablets { display: block !important; }
.hide-on-desktops { display: none; }


@media only screen and (device-width: 768px), only screen and (device-width: 1280px), only screen and (device-width: 800px) {
	.hide-on-phones { display: block !important; }
	.hide-on-tablets { display: none !important; }
	.hide-on-desktops { display: block !important; }
	
	.show-on-phones { display: none !important; }
	.show-on-tablets { display: block !important; }
	.show-on-desktops { display: none !important; }
}

	
@media only screen and (max-width: 767px) {
	.hide-on-phones { display: none !important; }
	.hide-on-tablets { display: block !important; }
	.hide-on-desktops { display: block !important; }
	
	.show-on-phones { display: block !important; }
	.show-on-tablets { display: none !important; }
	.show-on-desktops { display: none !important; }
}


/* -------------------------------------------------- 
:: Forms
---------------------------------------------------*/	


@media only screen and (max-width: 767px) {
	div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea,
	form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; }
	form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; }
	form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; }
	form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; }
	form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; }
	form.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; }
}


/* -------------------------------------------------- 
:: UI
---------------------------------------------------*/	

/* Buttons */
@media only screen and (max-width: 767px) {
	.button { display: block; }
	button.button { width: 100%; padding-left: 0px; padding-right: 0px; }
}

/* Tabs */

@media only screen and (max-width: 767px) {
	dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
	dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }

	dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0px #ccc; border-width: 1px 0px 0px; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
	dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0px 0px; }

	.nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
	.nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
	.nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0px; height: auto; }
	.nice.tabs.mobile dd:first-child a.active { margin: 0; }
	
	dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0px; }
	dl.contained.tabs.mobile dd a { padding: 18px 20px; }
	dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; }
}