/* ================  COLOR PALETTE  ===================
Darkest Green		=	#3a6245
Dark Green			=	#698d2d
Light Green			=	#bccd2f
Brown				=	#785d2e
Blue				=	#36bef2
==================================================== */

/* div { border: 1px solid red; } */

/* ===============  PAGE FORMATTING  =============== */


/* Old Font */  @font-face { font-family: 'AdobeCaslonProSemiboldItalic'; src: url('../fonts/acaslonpro-semibolditalic-webfont.eot'); src: local('?'), url('../fonts/acaslonpro-semibolditalic-webfont.woff') format('woff'), url('../fonts/acaslonpro-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/acaslonpro-semibolditalic-webfont.svg#webfontsEa6vdXt') format('svg'); font-weight: normal; font-style: normal; }
/* Old Font */  @font-face { font-family: 'AdobeCaslonProRegular'; src: url('../fonts/acaslonpro-regular-webfont.eot'); src: local('?'), url('../fonts/acaslonpro-regular-webfont.woff') format('woff'), url('../fonts/acaslonpro-regular-webfont.ttf') format('truetype'), url('../fonts/acaslonpro-regular-webfont.svg#webfontOUTynE2f') format('svg'); font-weight: normal; font-style: normal; }


body { font-size: small; padding: 0px; border: 0px; margin: 0px; background-color: #fff; background-image: url('../images/bkg2.png'); background-repeat: repeat-x; }
body, input, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#container { position: relative; top: 0px; left: 0px; height: auto; margin-left: auto; margin-right: auto; padding: 0px; overflow: hidden; background-color: transparent; background-repeat: repeat-y; }

#header { position: relative; width: 100%; height: 137px; margin: 0px; padding: 0px; overflow: hidden; background-color: transparent; background-repeat: no-repeat; }

#body { position: relative; width: auto; height: auto; margin: 0px; padding: 0px; overflow: hidden; background-color: transparent; }

#content { float: right; margin: 15px 30px 50px 0px; }
	#content em { margin-left: 20px; }
	#content ol { list-style-position: inside; padding: 0px; margin: 0px; }

#status_left { width: 185px; height: 800px; margin: 15px 18px 25px 30px; border-right: 1px solid #785d2e; }
	#status_left input { display: block; margin: 1px 0px 9px 0px; }
	#status_left div { margin: 0px 0px 40px 0px; }

#footer { position: relative; width: 100%; height: 120px; margin: 0px; padding: 0px; overflow: hidden; background-image: url('../images/footerBkg_04.jpg'); background-repeat: repeat-x; }



/* ====================  PAGE 2  =================== */

#google_pdf { width: 530px; height: 425px; margin-top: 30px; }


/* ====================  PAGE 3  =================== */

.button { float: left; position: relative; width: auto; height: auto; margin: 10px 20px 10px 0px; padding: 0px; border: 1px solid #36bef2; background-color: #c86464; background-image: url('../images/bkg_button.png'); background-position: left center; background-repeat: repeat-x; }
.button {
-webkit-border-radius: 13px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 13px;
-moz-border-radius-bottomright: 0;
border-radius: 13px;
border-bottom-right-radius: 0;

box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.20);
-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.20);
}
.button strong { margin: 0px; color: #3a6245; font-weight: normal; font-style: normal; line-height:normal; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 20px; }
.button a { display: block; padding: 12px 12px 12px 4px; }
.button img { display: block; float: left; padding: 0px 8px 0px 0px; }
.button span { position: absolute; left: 16px; top: 24px; font-size: 15px; font-weight: bold; }


/* ====================  PAGE 4  =================== */

#power_button { position: absolute; width: 120px; height: 30px; right: 40px; top: 50px; z-index: 30; }
#power_button p { font-size: .9em; line-height: 30px; margin: 0px; padding: 0px; text-align: right; }
#power_button input { float: right; margin: 0px 0px 0px 10px; }


/* =================  MANAGE TIME  ================= */

#mt_calendar_wrapper div { clear: both; margin: 0px; margin-top: -1px; padding: 1px 0px; border: 1px solid #000000; cursor: pointer; }
	#mt_calendar_wrapper div strong { padding-left: 10px; }
	#mt_calendar_wrapper div a { display: block; float: right; margin: 0px; padding: 0px 5px; color: #000000; text-decoration: none; font-weight: bold; }

	#mt_calendar_wrapper div div { border: none; border-top: 1px solid #000000; }
		#mt_calendar_wrapper div div strong { padding-left: 25px; }

		#mt_calendar_wrapper .level3 { padding-left: 15px; cursor: auto; border: 0px; }
			#mt_calendar_wrapper .level3 table { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 40px; width: 100%; }
				#mt_calendar_wrapper .level3 tr { margin: 0px; padding: 0px; }
					#mt_calendar_wrapper .level3 td { margin: 0px; padding: 0px; }

.table_day { width: 100%; }
	.table_day td { text-align: left; vertical-align: top; }
		.table_day .td1 { width: 25%; }
		.table_day .td2 { width: 25%; }
		.table_day .td3 { width: 15%; }
		.table_day .td4 { width: 31%; }
		.table_day .td5 { width: 4%; }
			.table_day .td5 img { height: 1.3em; }

a.play, a.pause, a.stop { display: block; width: 16px; height: 16px; cursor: pointer; }
	a.play { background: url('../images/play-control-sprites.png') 0 0; }
	a.pause { background: url('../images/play-control-sprites.png') -16px 0; }
	a.stop { background: url('../images/play-control-sprites.png') -32px 0; }

#time_box_expanded { position: fixed; width: 100%; left: 0px; bottom: 0px; background-color: #ededed; z-index: 90;
-webkit-box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, .5);
box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, .5);
}
	#current_time { float: left; font-size: 35px; font-weight: bold; padding: 8px 25px; }
	#time_box_expanded span { float: left; color: #698d2d; font-size: 20px; font-weight: bold; line-height: 23px; margin: 8px 25px 0px 0px; }
		#time_box_expanded table td { padding: 0px 4px 0px 0px; margin: 0px; }
			#time_box_expanded table td p { padding: 0px 20px 0px 0px; margin: 0px; }
	#time_box_right { float: right; padding: 5px; }
		#time_box_right img { margin-left: 10px; }
		#time_box_right a { float: left; display: block; line-height: 45px; }


/* ============  GENERATE TIME REPORT  ============= */

.time_report_table { width: 100%; }
	.time_report_table td { text-align: left; vertical-align: top; }
		.time_report_table .td1 { width: 10%; }
		.time_report_table .td2 { width: 15%; }
		.time_report_table .td3 { width: 10%; }
		.time_report_table .td4 { width: 15%; }
		.time_report_table .td5 { width: 37%; }
		.time_report_table .td6 { width: 13%; }



/* ============  TABLE ROW BACKGROUNDS  ============ */

.pastel_1, .pastel_1 td { background-color: #e7c1c1; }
.pastel_2, .pastel_2 td { background-color: #e7d2c1; }
.pastel_3, .pastel_3 td { background-color: #b3d3d3; }
.pastel_4, .pastel_4 td { background-color: #baddba; }

.arrow { margin-left: 5px; margin-bottom: 1px; }


/* ===================  TABLES  ==================== */



/* =====================  TEXT  ==================== */

h1, h2 { margin: 0px; color: #698d2d; font-weight: normal; font-style: normal; line-height:normal; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size-adjust: 0.42; }
h1 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #698d2d; margin-right: 10px; margin-bottom: 7px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing: 1px; font-size: 23px; }
hr { border: 0px; height: 1px; color: #698d2d; background-color: #698d2d; margin-right: 10px; margin-bottom: 7px; }
h2 { font-size: 20px; }

textarea { width: 300px; height: 80px; }
p, textarea { font-size: 13px; }
p { line-height: 21px; margin-bottom: 15px; }

.strikethrough { text-decoration: line-through; }

a:link { text-decoration: underline; color: #3a6245; }
a:visited { text-decoration: underline; color: #698d2d; }
a:active { text-decoration: underline; color: #3a6245; }
a:hover { text-decoration: underline; color: #bccd2f; }

.button a:link { text-decoration: none; color: #000000; }
.button a:visited { text-decoration: none; color: #000000; }
.button a:active { text-decoration: none; color: #000000; }
.button a:hover { text-decoration: none; color: #000000; }


/* ====================  IMAGES  =================== */

img { border: 0px; }

.bttn { height: 19px; }


/* =====================  MISC  ==================== */

.invis { display: none; }
.floatLeft { float: left; margin-right: 15px; margin-bottom: 15px; }
.floatRight { float: right; margin-left: 15px; margin-bottom: 15px; }