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


/*= Reset & Standards */
	
	/* 
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
   		License: none (public domain)
	*/
	
	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: #fff; position: relative; -webkit-font-smoothing: antialiased; }
	
	body, input, select, textarea, button {
		font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		font-size: 13px; 
		line-height: 18px; 
		color: #555; 
	}

/* end of reset */	
	
/*= Links */

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

/* end of links */	

img, object { max-width: 100%; } /* http://unstoppablerobotninja.com/entry/fluid-images/ */

/*= List */

	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.horizontal li { float:left;  }
	ul.nm { margin:0;}

/*= Tables */
	table { background: #fff; width: 100%; margin: 0 0 18px; border: 1px solid #ddd;  }
	
	table thead { background: #f5f5f5; }
	table thead tr th,
		table tbody tr td { text-align: left; }
	table thead tr th { padding: 8px 10px 9px; font-weight: bold; }
	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,
		table tbody tr:nth-child(even) { background: #f9f9f9; }
	table tbody tr td { padding: 9px 10px; vertical-align: top; border: none; }

	
/*= Typography */
	
	.h1, .h2, .h3, .h4, .h5, .h6 { 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;}
	.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; font-weight: normal; margin-bottom: 3px;  }
	.h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }

	.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; }
	
	code,pre { background:#FCF8C4; font-family:Monaco,Andale Mono,Courier New,monospace; padding: 0 3px;}
	pre { overflow:auto;}
	
	pre {	border:solid 1px #ccc;	margin-bottom:18px; }
	
/*	Blockquotes  */
	blockquote, blockquote p { line-height: 20px;  }
	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;  }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited {  }
	
	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%;  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;  text-shadow: none !important; filter:none !important;
	  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	  p a, p a:visited {  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; }
	}
/* Arfully Masterminded by ZURB */

/*= Grid */
	.container, .fixContainer { 
		padding: 0px 20px; 
	}
	
	
	.row { width: 100%; margin: 0 auto; }
	/* To fix the grid into a certain size, set max-width to width */
	.row .row { min-width: 0px; }
	
	.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12  { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
	
	.g1:first-child, .g2:first-child, .g3:first-child, 
		.g4:first-child, .g5:first-child, .g6:first-child, 
		.g7:first-child, .g8:first-child, .g9:first-child, 
		.g10:first-child, .g11:first-child, .g12:first-child
			{ margin-left: 0px; }
	
	.row .g1 { width: 4.3%; }
	.row .g2 { width: 13%; }
	.row .g3 { width: 21.68%; }
	.row .g4 { width: 30.4%; }
	.row .g5 { width: 39.1%; }
	.row .g6 { width: 47.8%; }
	.row .g7 { width: 56.5%; }
	.row .g8 { width: 65.2%; }
	.row .g9 { width: 73.9%; }
	.row .g10 { width: 82.6%; }
	.row .g11 { width: 91.3%; }
	.row .g12 { width: 100%; }
	
	.row .g1.centered { margin-left: 47.9%; }
	.row .g2.centered { margin-left: 43.5%; }
	.row .g3.centered { margin-left: 39.2%; }
	.row .g4.centered { margin-left: 34.8%; }
	.row .g5.centered { margin-left: 30.5%; }
	.row .g6.centered { margin-left: 26.1%; }
	.row .g7.centered { margin-left: 21.8%; }
	.row .g8.centered { margin-left: 17.4%; }
	.row .g9.centered { margin-left: 13.1%; }
	.row .g10.centered { margin-left: 8.7%; }
	.row .g11.centered { margin-left: 4.3%; }

	img, object, embed { max-width: 100%; }
	img { -ms-interpolation-mode: bicubic; }
	 
	 /* Nicolas Gallagher's micro clearfix */
	 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
	 .row:after, .clearfix:after { clear: both; }
	 .row, .clearfix { zoom: 1; }
	
	/* Fixed panels */
	.pf:after, .pf_r:after { clear: both; }
		.pf > .pf_fix { float: left; }
		.pf_r > .pf_fix { float: right; }
	
		.pf_g55 > .pf_fix { width:55px; } .pf_g55 > .pf_fluid { margin-left:55px; }
		.pf_g100 > .pf_fix { width:100px; } .pf_g100 > .pf_fluid { margin-left:100px; } .pf_r.pf_g100 > .pf_fluid { margin-right:100px; margin-left:0; }
		.pf_g200 > .pf_fix { width:200px; } .pf_g200 > .pf_fluid { margin-left:200px; } .pf_r.pf_g200 > .pf_fluid { margin-right:200px; margin-left:0; }
		.pf_g250 > .pf_fix { width:250px; } .pf_g250 > .pf_fluid { margin-left:250px; } .pf_r.pf_g250 > .pf_fluid { margin-right:250px; margin-left:0; }
		.pf_g300 > .pf_fix { width:300px; } .pf_g300 > .pf_fluid { margin-left:300px; } .pf_r.pf_g300 > .pf_fluid { margin-right:300px; margin-left:0; }
	
	 
		
@media only screen and (max-width: 767px) {
	.break-on-mobile.pf .pf_fix, .break-on-mobile.pf_r .pf_fix { float:none;}
	.break-on-mobile.pf .pf_fluid, .break-on-mobile.pf_r .pf_fluid { clear:both; margin-left:0 !important; margin-right:0 !important; }
}	

/*= Block Messages */
.msg { 
	border:solid 1px #ccc;
	margin-bottom:18px;
	background-color:#FDF5D9;
	padding:5px;
}
	.pf.msg { min-height:55px; }
	.msg_error { background-color:#FDDFDE;  }
	.msg_info { background-color:#DDF4FB;  }
	.msg_success { background-color:#D1EED1; }
	
	.msg .close {
		float:right; 
	}
	.msg_title { font-weight:bold;}
	.msg_content { margin-bottom:0;}
	
	.msg_big .pf_fix {
		height: 50px; 
		width:55px;
		background: url('../images/icons/msg_warning.png') no-repeat 2px 2px;
	}
	.msg_big .pf_fluid {
		margin-left:60px;
	}

	.msg_error .pf_fix {  background-image: url('../images/icons/msg_error.png'); }
	.msg_info .pf_fix { background-image: url('../images/icons/msg_info.png'); }
	.msg_success .pf_fix { background-image: url('../images/icons/msg_success.png'); }

/* end of block messages */


/*= Block grids */	
/*	--------------------------------------------------
	They always display as columns, even on mobile devices
	-------------------------------------------------- */
	
	.bg2, .bg3, .bg4, .bg5  { display: block; overflow: hidden;  }
	.bg2>*, .bg3>*, .bg4>*, .bg5>* { display: block; height: auto; float: left; background-color:rgba(0,0,0,0.1); margin-bottom:20px; }
	
	.bg2 { margin-left: -4% }
	.bg2>* { margin-left: 4%; width: 46%; }
	
	.bg3 { margin-left: -2% }
	.bg3>*{ margin-left: 2%; width: 31.3%; }
	
	.bg4 { margin-left: -2% }
	.bg4>* { margin-left: 2%; width: 23%; }
	
	.bg5 { margin-left: -1.5% }
	.bg5>* { margin-left: 1.5%; width: 18.5%; }

@media only screen and (max-width: 767px) {
	.bg2.mobile>*, .bg3.mobile>*, .bg4.mobile>*, .bg5.mobile>* { width:98.5%; }

}	
	
	
/*= DIALOGS */
.ui-widget-overlay {
	background-color:#fff;
    -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;
    left: 0;
    position: absolute;
    top: 0;
    width:100%; height:100%;
}
.ui-dialog {
	background-color:#ccc;
	padding:20px;
}
	.dialogWrap {
		background-color:#fff;
			border:solid 1px #333;
	}
		.ui-dialog-titlebar {
			height:30px;
			position:relative;
		}
			.ui-dialog-titlebar-close {
				position:absolute;
				top:5px;
				right:5px;
			}
		.dialogContent {
			padding:10px;
		}
		.dialogFooter {
			padding:10px;
			background:#eee;
		}


/* end of dialog */	

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



	
/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */

	.bt, .bt.disabled:hover {
		background: #00a6fc;
		display: inline-block;
		text-align: center;
		padding: 9px 34px 11px;
		margin-bottom:9px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		position: relative;
		cursor: pointer;
	}
		
	.bt.full-width { 
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
	}
	
	.bt.left-align { 
		text-align: left; 
		text-indent: 12px;
	}
	
	.bt:active { }
	.bt:hover 			{ color:#fff; }
	
	.bt.disabled { opacity: 0.5; filter:alpha(opacity=50); cursor: not-allowed; }
		.bt.disabled:hover { cursor:default;}
		
	/* Sizes ---------- */
	.bt_small.bt 			{ font-size: 11px; padding: 8px 20px 10px; }
	.bt_large.bt 			{ font-size: 18px; padding: 11px 48px 13px; }

	.bt_sub, .bt_sub.disabled:hover {
		background-color:#eee;
		color:#333;
	}
		.bt_sub:hover 			{ color:#333;}
		
	.bt_success, .bt_success.disabled:hover {  background-color:#57A957;  }
		.bt_success:hover 			{ color:#fff;}		
		
	.bt_danger, .bt_danger.disabled:hover {  background-color:#C43C35;  }
		.bt_danger:hover 			{ color:#fff;}		
	
	

/*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */
    dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
    dl.tabs dt { display: block; width: auto; height: 30px; padding: 0px 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
    dl.tabs dt:first-child { padding: 0 9px 0 0px; }
    dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
    dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0px 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; }
    dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0px 1px; height: 30px; }

		.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }
		.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
		.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
		.nice.tabs dd:first-child a.active { margin-left: 0; }
    
    ul.tabs-content { margin: 0; display: block; }
    ul.tabs-content > li { display:none; }
    ul.tabs-content > li.active { display: block; }
    
    dl.contained, dl.nice.contained { margin-bottom: 0px; }
    dl.contained.tabs dd a { padding: 0px 14px; }
    dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
    
    ul.contained.tabs-content { padding: 0; }
    ul.contained.tabs-content li { padding: 20px; border: solid 0px #ddd; border-width: 0px 1px 1px 1px; }
    ul.nice.contained.tabs-content li { border-color: #eee; }
    
/*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */ 
    ul.pagination { display: block; height: 24px; margin-left: -5px; }
    ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
    ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
    ul.pagination li.current a, ul.pagination li:hover a { border-bottom: solid 2px #00a6fc; color: #141414; }
    ul.pagination li.unavailable a { cursor: default; color: #999; }
    ul.pagination li.unavailable:hover a { border-bottom: none; }
    
/*  --------------------------------------------------
    Lists
    -------------------------------------------------- */ 
    ul.nice, ol.nice { list-style: none; margin: 0; }
    ul.nice li, ol.nice li { padding-left: 30px; position: relative }
    ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 8px; top: 2px; color: #ccc; width:12px; height:12px; background-color:pink;}
	
	dl dt { font-weight: bold; }
	dd { margin-left: 1.5em; }
    
/*	--------------------------------------------------
	Panels
	-------------------------------------------------- */
	div.panel { 
		padding: 20px 20px 2px 20px;
		border:solid 1px #ccc;
		margin: 0 0 20px 0;
	}
	
/* -----------------------------------------
   Standard Forms
----------------------------------------- */

	.fg label { display: block; cursor: pointer; }
	.fg { margin-bottom:9px;}
	
	input.text, textarea { 
		border:solid 1px #ccc;
		padding:0.41%;
	}
	select {
		padding:0.41%;
	}

	input.text, textarea, select { display: block; }

	/* Text input and textarea font and padding */
	input.text, textarea { font-size: 13px; padding: 3px 3px 2px; outline: none !important; background: #fff; }
	input.text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
	input.text:focus, textarea:focus { background: #f9f9f9; }
	
	input[type=file] {
	  background-color: #ffffff;
	  padding: initial;
	  border: initial;
	  line-height: initial;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  
	  height: 20px;
		line-height: 20px;
	}
	
	input.text:focus, textarea:focus {
	  outline: 0;
	  border-color: #73B8EF;
	  
	  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	}
	input[type=file]:focus, input.checkbox:focus, select:focus {
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  outline: 1px dotted #666;
	}
	input[disabled], input.text.disabled, select[disabled], select.text.disabled, textarea[disabled], textarea.text.disabled {
		cursor: not-allowed;
		
		background-color: #F5F5F5;
		border-color: #DDDDDD;
		cursor: not-allowed;
	}
	.fg_error input:focus, .fg_error textarea:focus {
	  border-color: #b9554d;
	  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
	  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
	  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
	}
	
	/* Inlined Label Style */
	input.placeholder, textarea.placeholder
		{ color: #d5d3d3; }
		input::-webkit-input-placeholder 
		{ color: #d5d3d3; }
		input:-moz-placeholder
		{ color: #d5d3d3; }

	/* Text input and textarea sizes */
	input.text, textarea { width: 51.5%; }
	input.small, textarea.small { width: 25%; }
	input.large, textarea.large { width: 96%; }
	
	select { width: 52.8%; }
	select.small { width: 26.5%; }
	select.large { width: 97.2%; }

	/* Fieldsets */
	form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }

	/* Inlined Radio & Checkbox */
	.fg input.radio, .fg input.checkbox { display: inline; width:auto; margin-bottom:0; cursor: pointer; }
	
	.fg small  { display: block; font-size: 11px;  }
	
	/* Errors */
	div.fg_error input, div.fg_error textarea { border-color: red; background-color: #FFD9D9; }
	div.fg_error select { background-color: #FFD9D9; }
	div.fg_error label { color: #9D261D; }
	div.fg_error.radioGroup .options , div.fg_error.checkboxGroup .options  { border:solid 1px #c87872; }
	div.fg_error.radioGroup .option label, div.fg_error.checkboxGroup .option label { color:#000; }
	div.fg_error  small { color: #9D261D; }

	.small + small.error { width: 140px; }
	.medium + small.error { width: 260px; }
	.large + small.error { width: 440px; }
	
	.radioGroup .option, .checkboxGroup, .checkboxGroup .option { clear:both; min-height:20px; }
		.radioGroup .options input.radio { clear:both; float:left; margin-top:2px; }
		.radioGroup .options label { padding-left:5px; float:left; }
		
		.checkboxGroup  input.checkbox { float:left; margin-top:2px; }
		.checkboxGroup  label { padding-right:5px; float:left; }
		.checkboxGroup  input.checkbox + label { padding-left:5px; padding-right:0; }

	/* Inline/Horizontal forms */
	.fh .fg { float:left; padding-right:5px; }
	.fh label { float:left; padding-right:5px; padding-top:4px;  }
	.fh input.text, .fh select, .fh textarea { float:left; width:100px;}
	.fh select { margin-top:4px;} /* to render select in ff/windows */
	.fh .options { float:left;}
		.fh .option { float:left; clear:none; margin-right:20px;}
			.fh .option input.checkbox, .fh .option input.radio { margin-top:6px; }

@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.text, input.text.oversize, textarea, select { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; }
	
	select, select.large, select.small { width:100%; padding-left:0.41%;}
	
	/* Buttons */
	.bt { display: block; }
	button.bt { width: 100%; padding-left: 0px; padding-right: 0px; }
}	

/* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */
	.row { max-width: 980px; min-width: 727px; }
	.fixContainer { width: 980px;}
	
	
	/* 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; }
		
		.container .row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
		.container .row .row .g1, .container .row .row .g2, .container .row .row .g3, 
			.container .row .row .g4, .container .row .row .g5, .container .row .row .g6, 
			.container .row .row .g7, .container .row .row .g8, .container .row .row .g9, 
			.container .row .row .g10, .container .row .row .g11, .container .row .row .g12 
				{ padding: 0; }
				
		.container .g1, .container .g2, .container .g3, 
			.container .g4, .container .g5, .container .g6,
			.container .g7, .container .g8, .container .g9, 
			.container .g10, .container .g11, .container .g12  
				{ width: auto !important; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
		
		.container  .g1:last-child, .container .g2:last-child, .container .g3:last-child, 
			.container .g4:last-child, .container .g5:last-child, .container .g6:last-child, 
			.container .g7:last-child, .container .g8:last-child, .container .g9:last-child, 
			.container .g10:last-child, .container .g11:last-child, .container .g12:last-child 
				{ margin-right: 0px; }
		

	}
	
	
/* -------------------------------------------------- 
	:: 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; }
	}
	

	
	
	
/* -------------------------------------------------- 
	:: UI
---------------------------------------------------*/	
	
	
/*= Tabs */

@media only screen and (max-width: 767px) {
	
	dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
	dl.tabs.mobile dt, dl.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; }

	
	dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0px; }
	dl.contained.tabs.mobile dd a { padding: 18px 20px; }
}

/*= BreadCrumbs */
#breadcrumb div , #breadcrumb span{ float:left; margin-right:5px;}

/*= Pagination */
.pagination li { 
	float:left;
	border:solid 1px #ccc;
	margin-right:3px;
}
	.pagination .active { 
		background-color:#ccc;
	}
		.pagination .active a { color:#333; cursor:default;}

	.pagination .disabled a { color:#ccc; cursor:default;}
	.pagination a {
		display:block;
		padding:0 15px;
		line-height:35px;
	}
	.pagination .next { margin-right:0;}
		
/*= Tooltips */		
.tooltip { display:none; z-index:99;}
	.tooltip_content {
		background:#000;
		color:#fff;
		margin-bottom:5px;
		padding:3px 5px;
		border-radius:3px;
	}
	.tooltip .arrow {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #000000;
		bottom: 0;
		left: 50%;
		margin-left: -5px;
		height: 0;
		width: 0;
		position: absolute;
		
	}
	.tooltip.bottom .tooltip_content {
		margin-bottom:0;
		margin-top:5px;
	}
	.tooltip.bottom .arrow {
		top:0; bottom:auto;
		border-top-width:0;
		border-bottom: 5px solid #000000;
	}
	.tooltip .close {
		float:right;
	}
	
	
/*= Misc */

	.fl      	{ float: left; }
	.fr      	{ float: right; }
	.hidden  { display: none; }
	.nm		{ margin:0; }
	.cb 		{ clear:both;}
	.db 		{ display:block;}
	.oh		{ overflow:hidden; }
	.i 		{ font-style: italic; }
	.u		{ text-decoration: underline; }
	.ac		{ text-align:center; }




/*= CORE CSS */
.hidden { display:none; }

.eventCalendar-wrap { 
	position:relative; 
	overflow:hidden;
}
.eventCalendar-wrap .arrow { 
	position:absolute; 
	z-index:5; 
	top:3px;
}
	.eventCalendar-wrap .prev {
		left:3px;
	}
	.eventCalendar-wrap .next {
		right:3px;
	}
	
.eventsCalendar-currentTitle .monthTitle {
	display:block;
	text-align:center;
}
	.eventsCalendar-monthWrap {
		position:absolute;
		top:0; left:0;
		z-index:2;
	}
		.eventsCalendar-monthWrap.currentMonth { 
			z-index:1;
		}	
.eventsCalendar-daysList { 
	display:table;
	width:100%;
}
	.eventsCalendar-daysList.showAsWeek {
		display:block;
	}
	
	.eventsCalendar-daysList li {
		display:table-cell;
	}
		.eventsCalendar-daysList li.dayWithEvents {
			background:rgba(0,0,0,0.15);
		} 
		.eventsCalendar-daysList li.current {
			background:rgba(0,0,0,0.35);
		} 
		.eventsCalendar-daysList.showAsWeek li {
			display:block;
			float:left;
			width:14.28%;
			height:20px;
		}
	.eventsCalendar-daysList li a {
		padding:0;
		display:block;
		text-align:center;
		font-size:8px;
		min-width:7px;
	}
.eventsCalendar-loading {
	display:block;
	min-width:100px;
	height:40px;
	line-height:40px;
}	
.eventsCalendar-list {
	position:relative;
	z-index:1;
	
}	
	.eventsCalendar-list.oldEventList {
		z-index:2;
	}
	.eventsCalendar-subtitle {
		padding-left:5px;
		font-weight:bold;
		font-size:120%;
	}
/* end of core CSS */	
	


	
 /* Theme CSS */
 html {
	background-color:#eee;
 }
 body {
	font-family: Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	background-color:#fff;
 }
.eventCalendar-wrap {
	border:solid 1px #d3d3d3;
	box-shadow:0 0 15px #999;
	border-radius:5px;
	margin-bottom:20px;
	background-color:#fff;
	color:#807E7E;
}
	.eventCalendar-wrap .arrow {
		text-decoration:none;
		color:#fff;
		padding:0 5px;
		line-height:28px;
		top:9px;
		padding:8px 10px;
	}
		.eventCalendar-wrap .arrow.prev {

		}
		.eventCalendar-wrap .arrow:hover { opacity:0.7;}
		.eventCalendar-wrap .arrow span {
			height: 0;
			width: 0;
			font-size: 0;
			line-height: 0;
			border-top: 6px solid transparent;
			border-bottom: 6px solid transparent;
			border-left: 6px solid #fff;
			float:left;
			text-indent:-5000px;
		}
			.eventCalendar-wrap .arrow.prev span {
				border-left-width:0;
				border-right: 6px solid #fff;
			}
	.eventsCalendar-slider { height:80px;}

	.eventsCalendar-monthWrap {
		border-radius:5px;
		top:10px;
		left:0px;
	}
		.eventsCalendar-currentTitle {
			line-height:25px;
			background-color:#138DA5;
			outline:1px solid #138DA5;
			border:1px solid #E3E3E3;
			border-width:1px 0;
		}
			.eventsCalendar-currentTitle .monthTitle {
				font-size:110%;
				text-decoration:none;
				font-weight:bold;
				color:#fff;
			}

		.eventsCalendar-daysList {
			zoom: 1;
			padding:0;
			width:100%;

		}
			.eventsCalendar-daysList.showAsWeek {
				margin:10px 5px;
				width:auto;

								border:solid 1px #BCBCBC;
				border-bottom-width:0;
				border-radius:0;
				background-color:#CCCCCC;
				background-image: linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -o-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -moz-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -webkit-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);
				background-image: -ms-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);

				background-image: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0.42, #EEEEEE),
					color-stop(0.71, #CCCCCC)
				);

			}
			.eventsCalendar-daysList.showDayNames.showAsWeek {

				border-radius:5px 5px 0 0;
			}
			.eventsCalendar-daysList:before, .eventsCalendar-daysList:after { content:""; display:table; }
			.eventsCalendar-daysList:after { clear: both; }
			.eventsCalendar-day-header {
				text-transform:lowercase;
				text-align:center;
				font-size:10px;
				border-bottom:solid 1px #BCBCBC;
			}
			.eventsCalendar-daysList.showAsWeek li {
				height:auto; margin:0;
			}
				.eventsCalendar-daysList.showAsWeek li.empty {
					background-color: #ccc;
					min-height:29px;
				}
			.eventsCalendar-day a {
				text-decoration:none;
				font-size:10px;
				color:#424242;
			}
			.eventsCalendar-day {
				border-left:solid 1px #BCBCBC;
			}
			.eventsCalendar-day a  {
				border:solid 1px #BCBCBC;
				border-width:0 1px 1px 0;
			}
			.showAsWeek .eventsCalendar-day { border-left-width:0;}
			.showAsWeek .eventsCalendar-day a  {
				border:solid 1px red;
				border-color:#fff #BCBCBC #BCBCBC #eee;
				line-height:27px;
				font-size:11px;

			}
				.eventsCalendar-day a:hover {
					background-color:#E4E4E4;
				/*	box-shadow:inset 5px 5px 10px #C1C1C1;
					text-shadow: 2px 2px 2px #C1C1C1;*/
				}
			.eventsCalendar-daysList li.today a {
				color:#fff;
				background:#aaa;
			/*	box-shadow:inset 5px 5px 10px #777;
				text-shadow: 2px 2px 2px #777;*/
			}
				li.eventsCalendar-day.today a:hover {
					background-color:#ccc;
					/*box-shadow:inset 5px 5px 10px #999;*/
				}

			.eventsCalendar-daysList li.dayWithEvents a {
				background:#89B814;
				/*box-shadow:inset 5px 5px 10px #698B10;
				text-shadow: 2px 2px 2px #698B10;*/
				color:#fff;
			}
				li.eventsCalendar-day.dayWithEvents a:hover {
					background-color:#C2D374;
					/*box-shadow:inset 5px 5px 10px #89B814;
					text-shadow: 2px 2px 2px #89B814;*/
				}


			.eventsCalendar-daysList li.current a {
				color:#fff;
				background:#449FB2;
				box-shadow:inset 5px 5px 10px #216B7A;
				text-shadow: 2px 2px 2px #216B7A;
			}
				li.eventsCalendar-day.current a:hover {
					background-color:#79BDCC;
					box-shadow:inset 5px 5px 10px #449FB2;
					text-shadow: 2px 2px 2px #449FB2;
				}
		.eventsCalendar-loading {
			border-radius:4px;
			margin:5px auto;
			padding:0 10px;
			background-color:#ccc;
			color:#fff;
			text-align:center;
			font-weight:bold;
			box-shadow:0 0 10px #ccc;
			text-shadow:0 0 3px #aaa;
			position:absolute;
			z-index:4;
			top:25px;
			left:5px;
		}
			.eventsCalendar-loading.error {
				background-color:red;
			}

.eventsCalendar-subtitle { padding-top:10px;}
.eventsCalendar-list-wrap {
	min-height:100px;
	position:relative;
}
	.eventsCalendar-list-content.scrollable {

		height:100px;
		overflow-y:auto;
		margin:0 5px 5px 0;
	}
	.eventsCalendar-list {
		margin:0; padding:0; list-style-type:none;
	}
	.eventsCalendar-list li {
		padding:0 5px 15px;
		margin:0;
		clear:both;
	}
		.eventsCalendar-list li time {
			font-size:10px;
			line-height:13px;
		}
		.eventsCalendar-list li time em {
			float:left;
			font-style:normal;
		}
		.eventsCalendar-list li time small {
			font-size:10px;
			float:left;
			background-color:#807E7E;
			color:#fff;
			padding:0 5px 0 4px;
			margin:0 0 0 3px;
		}
		.eventsCalendar-list li .eventTitle {
			display:block;
			clear:both;

			font-weight:bold;
			text-decoration:none;
		}
			.eventsCalendar-list li a.eventTitle {
				color:#0E8EAB;
			}
			.eventsCalendar-list li a.eventTitle:hover { text-decoration:underline;}
		.eventsCalendar-list li .eventDesc {
			clear: both;
			margin:0 0 5px 0;
			font-size:80%;
			line-height:1.2em;

		}
		.eventsCalendar-list .eventsCalendar-noEvents {
			font-size:120%;
			border-radius:4px;
			margin:5px;
			padding:5px;

			background-color:#ccc;
			color:#fff;
			text-align:center;
			font-weight:bold;
			box-shadow:0 0 10px #ccc;
			text-shadow:0 0 3px #aaa;
		}

.bt {
	font-size:12px;
	display:block;
	clear:both;
	text-align: center;
	margin-top:10px;
	padding: 9px 34px 11px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;

	color: #ffffff;
	background-color: #698B10;
	background-repeat: repeat-x;

	background-image: -khtml-gradient(linear, left top, left bottom, from(#89B814), to(#698B10));
	background-image: -moz-linear-gradient(top, #89B814, #698B10);
	background-image: -ms-linear-gradient(top, #89B814, #698B10);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89B814), color-stop(100%, #698B10));
	background-image: -webkit-linear-gradient(top, #89B814, #698B10);
	background-image: -o-linear-gradient(top, #89B814, #698B10);
	background-image: linear-gradient(top, #89B814, #698B10);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B814', endColorstr='#698B10', GradientType=0);

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	border: 1px solid #698B10;
	border-color: #698B10 #698B10 #465F05;

	border-radius: 4px;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}
.bt:hover {
	  background-position: 0 -15px;
	  text-decoration: none;
	}
/* end of theme css */


/*= ONLY FOR DEMO PAGE */
body {
/*
	width:978px;
	box-shadow:0 0 10px #777;
	padding: 20px 40px;
	margin:0 auto;
	*/
}
a { color: #0E8EAB}
/*
.eventCalendar-wrap {
	width:265px;
}
*/
.features li { margin-bottom:3px;}
#thanksPanel li { margin-bottom:0;}
#introPanel { padding-top:20px;}

.poweredBy img {
	float:left;
	margin-right:3px;
}
	.poweredBy .data {
		float:left;
	}
	.poweredBy .name {
		font-weight:bold;
		color:#555;
		text-decoration:none;
		display:block;
		margin-top:28px;
	}
	.poweredBy .twitter {
		text-decoration:none;
		display:block;
		float:left;
	}
.features {
	padding-left:20px;
	float:left;
}
#appLogo {
	margin-right:30px;
}
pre {
	clear:both;
	background-color:#FFFFCC;
	padding:5px;
	border:solid 1px #FED17E;
	overflow:auto;
}
#license {
	width:300px;
	float:right;
	font-size:10px;
	line-height:12px;
	text-align:center;
}


/* end of demo page */