@import url('../fonts/stylesheet.css');
/* 'OpenSansLight', 'OpenSansLightItalic', 'OpenSansRegular', 'OpenSansItalic', 'OpenSansBold', */

/* Skeleton V1.2 modified by Jen Patel 8/16/2013
*  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 */

/* Table of Content
==================================================
	#Reset & Basics
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing
	#Site Styles
		.main_table
	#Page Styles
		.simple_list
	#Site/Page Media Queries 
*/

/* #Reset & Basics */
	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-size: 100%;
		font: inherit;
		vertical-align: baseline; 
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	ol, ul { list-style: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; 
	}
	body {
		line-height: 1;
		background: #fff;
		font-family: 'OpenSansRegular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #202020;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
	}

/* #Typography */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-weight: normal; 
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	b {font-family: 'OpenSansBold';}
	em { font-style: 'OpenSansItalic'; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
	.grn_text { color:#82a95c; }
	.gry_text { color:#b5b5b5; }

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

/* #Links */
	a, a:visited { color: #0082b2; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #4d4d4d; }
	p a, p a:visited { line-height: inherit; }

/* #Lists */
	ul, ol { margin-bottom: 20px; }
	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, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

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


/* #Buttons */
	/*<input type="button" name="activate" value="Activate" class="button" onclick="" />
		<div class="button">Activate</div>*/
	.button, button, 
	input[type="submit"], 
	input[type="reset"], 
	input[type="button"] {
		background: #fdfdfd; /* Old browsers */
			background: -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 89%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(89%,#f0f0f0)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#f0f0f0 89%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fdfdfd 0%,#f0f0f0 89%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #fdfdfd 0%,#f0f0f0 89%); /* IE10+ */
			background: linear-gradient(to bottom, #fdfdfd 0%,#f0f0f0 89%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
		border: 1px solid #c5c5c5;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #4d4d4d;
		display: inline-block;
		font-size: 12px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 400;
		text-decoration: none;
		text-shadow: 0 1px rgba(255, 255, 255, .75);
		cursor: pointer; 
		height:30px;
		line-height: 28px;
	}

	.button:hover, 
	button:hover, 
	input[type="submit"]:hover, 
	input[type="reset"]:hover, 
	input[type="button"]:hover {
		border: solid 1px #92a8be;
		box-shadow: inset 0px -1px 1px rgba(255,255,255,0.6), 0px 0px 8px rgba(10,67,220,0.2);
		transition: 	 	all 0.15s;
		-moz-transition: 	all 0.15s; /* Firefox 4 */
		-webkit-transition: all 0.15s; /* Safari and Chrome */
		-o-transition: 		all 0.15s; /* Opera */
	}

	.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 */ 
	}
	div.button{
		line-height: 29px;
		height:28px;
		padding: 0 8px 0 8px;
	}

	.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;
	}
	/*<div class="button blue"><span class="check"></span>Check-in</div>*/
	.blue{
		border: 1px solid #306b9c;
		background: #599cd3; /* Old browsers */
		background: -moz-linear-gradient(top, #599cd3 0%, #206096 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#599cd3), color-stop(100%,#206096)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #599cd3 0%,#206096 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #599cd3 0%,#206096 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #599cd3 0%,#206096 100%); /* IE10+ */
		background: linear-gradient(to bottom, #599cd3 0%,#206096 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599cd3', endColorstr='#206096',GradientType=0 ); /* IE6-9 */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		text-shadow: 0 1px 1px rgba(17, 99, 126, 1);
		padding: 9px;
		-moz-box-shadow:    inset 0 0 1px rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1);
		box-shadow:         inset 0 0 1px rgba(255,255,255,1);
	}
	.blue:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		border: 1px solid #306b9c;
		box-shadow: inset 0px -1px 1px rgba(48,107,156,1);
		transition: 	 	all 0.15s;
		-moz-transition: 	all 0.15s; /* Firefox 4 */
		-webkit-transition: all 0.15s; /* Safari and Chrome */
		-o-transition: 		all 0.15s; /* Opera */
	}

/* #Forms */
	form { margin-bottom: 20px; }
	fieldset { margin-bottom: 20px; }
	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;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select { padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
		color: #444;
		-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; }
	label, legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select { width: 220px; }
	input[type="checkbox"] { display: inline; }
	label span, legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Base 960 Grid
================================================== */
.container { position: relative; width: 1080px; margin: 0 auto; padding: 0; margin-top: 20px;}
.container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }

/* Base Grid */
.container { width: 420px;}
	.container .column { margin: 0; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 420px; }

/*  #Mobile (Portrait) Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container { width: 300px;}
	.container .columns,
	.container .column { margin: 0; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column  { width: 300px; }
}
/* #Mobile (Landscape) Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 420px;}
	.container .columns,
	.container .column { margin: 0; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 420px; }
}

/* #Clearing */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after,
.row:before, .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.fright{
	float: right;
	margin: 0 auto;
}
.fleft{
	float: left;
	margin: 0 auto;
}
/* For modern browsers */
.cf:before, .cf:after { content:""; display:block; }
.cf:after { clear:both; }

/*main table*/
table.main_table{
	margin: 0;
	padding: 0;
	width: 100%;
	font-weight: bold;
}
table.main_table.simple-list {
	margin-top: -20px;
}
table.main_table thead{
	background:#e2e2e2;
	font-size: 12px;
	color: #747474;
}
table.main_table thead tr th{
	padding: 5px 8px 4px 10px;
	font-weight: normal;
	text-align: left;
}
table.main_table tbody tr {
	font-size: 12px;
	color: #202020;
	background: #fff;
}
table.main_table tbody tr:nth-child(even) {
	background: #f8f8f8;
}
table.main_table tbody tr td {
	padding: 5px 8px 7px 10px;
}
table.main_table thead tr th,
table.main_table tbody tr td{
	max-width:80px;
}
tr.active_to td {
	background: #e2e2e2;
}

/* #Page Styles */
tr td .dose, tr td.instructions{
	color: #747474;
	font-weight: normal;
}
	/* #Tablet (Portrait) Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/*.container  { width: 768px; }*/

}
	/*  #Mobile (Portrait) Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	/*.container { width: 300px; }*/

}
	/* #Mobile (Landscape) Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*.container { width: 420px; }*/


}