/*
 * KAS OPS CSS Template v20140730
 */

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
	padding:0px;
	margin: 0px;
}
body{
	width: 1500px;
	/*border-left: solid rgb(200,200,200) 1px;
	border-right: solid rgb(200,200,200) 1px; */
	font-family:'franklin-gothic-urw',verdana, arial, helvetica, sans-serif;
	background:white;
	margin: 0 auto;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

a img {
	border:none;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */
@font-face {
	font-family: 'clementine_sketchregular';
	src: url('../fonts/clementine_sketch-webfont.eot');
    src: url('../fonts/clementine_sketch-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clementine_sketch-webfont.woff') format('woff'),
         url('../fonts/clementine_sketch-webfont.ttf') format('truetype'),
         url('../fonts/clementine_sketch-webfont.svg#clementine_sketchregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ostrich_sansmedium';
    src: url('../fonts/ostrich_regular-webfont.eot');
    src: url('../fonts/ostrich_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ostrich_regular-webfont.woff') format('woff'),
         url('../fonts/ostrich_regular-webfont.ttf') format('truetype'),
         url('../fonts/ostrich_regular-webfont.svg#ostrich_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'never_let_gonormal';
    src: url('../fonts/neverletgo-webfont.eot');
    src: url('../fonts/neverletgo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neverletgo-webfont.woff') format('woff'),
         url('../fonts/neverletgo-webfont.ttf') format('truetype'),
         url('../fonts/neverletgo-webfont.svg#never_let_gonormal') format('svg');
    font-weight: normal;
    font-style: normal;

}


a {
	cursor:pointer;
}

a:link,
a:visited {
	color:#4f6f18;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #f58026;
	text-decoration: none;
}


h1 {
	font-size: 92px;
	color: #78a22f;
	font-family: 'ostrich_sansmedium';
	text-align: center;
	margin: 0;
	font-weight:normal;
}

h2 {
	font-weight: normal;
}

html {
	background-color: white;
}


.primarySection {
	min-height:800px;
}
.footer{
	width: 100%;
	margin: 0px auto;
	padding-bottom:15px;
	text-align:center;
}
.footer ul{
	padding-left: 0;
	display:inline-block;
}
.footer li{
	color: #878787;
	font-size: 14px;
	font-family: 'franklin-gothic-urw', "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	list-style: none;
	float: left;
	padding: 0 18px;
	border-left-style: solid;
	border-left-color: #878787;
	border-left-width: 1px;
}
.footer li a{
	color: #878787;
}
.footer li.firstItem{
	border-left-style: none;
}

.footer .copy {
	font-size:12px;
	color:rgb(135,135,135);
	margin-top:-5px;
	margin-bottom:-6px;
	display:block;
}
	
.topNavWrapper {
	font-weight:bold;
}

  		.rotate {
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
      -ms-transform: rotate(-90.0deg);  /* IE9+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */
          transform: rotate(-90.0deg);  /* Standard */
}
/* Styles for rotateTableCellContent plugin*/
table div.rotated {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  writing-mode:tb-rl;
  white-space: nowrap;
}
 
thead th {
  vertical-align: top;
}
 
table .vertical {
  white-space: nowrap;
}
/* Styles for Custom Table Format http://www.Calendar.com/*/
.Calendar {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #3f7f00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.Calendar table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.Calendar table tr td {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.Calendar table tr  {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CalSumm  td{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}

.CalSumm tr td{
		background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);

	background-color:#5fbf00;
	border:0px solid #3f7f00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CalSumm tr:hover td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);

	background-color:#5fbf00;
}
.CalSumm tr td{
	border-width:0px 0px 1px 0px;
}
.CalSumm tr td{
	border-width:0px 0px 1px 1px;
}


.weekHead {height:20px;width:210px;font-family:Arial, 
	sans-serif;font-size:14px;padding:10px 5px;border-style:solid;
	border-width:1px;overflow:hidden;word-break:normal;
	background-color:#d4ffaa;
}


.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 8px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #36752D; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; color:#FFFFFF; font-size: 8px; font-weight: bold; border-left: 0px solid #36752D; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00070A; border-left: 1px solid #C6FFC2;
	font-size: 8px;font-weight: normal; }.datagrid table tbody .alt td { background: #DFFFDE; color: #275420; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #36752D;background: #DFFFDE;} .datagrid table tfoot td { padding: 0; font-size: 8px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #36752D;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #275420; color: #FFFFFF; background: none; background-color:#36752D;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }


 #table_wrapper{float:left;}
  #tbody{height:120px;overflow-y:auto;width:200px;background:white;}
  table{border-collapse:collapse; width:100%;font-size: 9px;}
  td{padding:1px 5px; /* pixels */
      border-right:1px solid #656565; /* to avoid the hacks for the padding */
      border-bottom:1px solid #656565;} 
  .td1{width:60px;}
  .td2{width:40px;}
  .td3{width:50px;}
  .td4{border-right-width:0;} /* optional */

  #header{width:200px;background:#d4ffaa;border-bottom:1px solid gray; color:black;}
  #header div{padding:1px 5px;float:left;font-size: 8px;}
  #header #head1{width:80px;} /* the same as td1 */
  #header #head2{width:60px;} /* the same as td2 */
  #header #head3{width:60px;} /* the same as td2 */
  #header #head4{float:none;border-right-width:0}