body { /* padding-top: 70px; */
	font-family:DIN,Helvetica,sans-serif;
	}

/* body {padding-top: 50px;} */
/* .roadready-navbar {height: 114px;} */

@media all and (max-width: 479px) {
  .question-heading {
    font-size: 200%;
  }
}

@media all and (min-width: 480px) and (max-width: 640px) {
  .question-heading {
    font-size: 190%;
  }
}



.answer {padding-left: 1.8em;}
.answer-glyph {margin-left: -1.2em;}
.answer-selected {background-color: #F5F5F5 !important;}

.text-centre {text-align: center;}

.roadready-navbar-brand img {max-width:50%; height:50px;}

.gky-jumbotron {color: #FFCC00;background:#336688;padding-top: 70px;}

.gky-jumbotron h4, .black {color: #000;}

.gky-jumbotron a.l {color: #FFF;}
.gky-jumbotron a.l:hover {color: #CCC;}

.white a {color: #FFF;}
.gky-yellow {color: #FEFE00;}

.midnight-blue {color:#003366;}
.aqua-blue {color:#336688;}

.gky-navbar-brand {
  color: #FFCC00 !important;
}

.gky-underline {
	border-bottom: 2px solid #5A5A5A;
}

.gky-table {
	font-family: Verdana,Arial, sans-serif;
	font-size:12px;
	}
.gky-table th {background-color:#C3DCF1 !important;}

.navbar-inverse .navbar-nav > li > a.active  {
  color: #FFCC00 !important;
}

.tablebody {
	border-collapse:collapse;
	border: 1px solid #93B6D8;
	background-color:#FFFFFF;
	padding: 0 0 0 0;
	font-family: Verdana,Arial, sans-serif;
}

.tablebody td, .tablebody th {
	border-bottom: 1px solid #93B6D8;
	border-right: 1px solid #93B6D8;
	padding: 4px 4px 4px 10px;
	font-size:12px;
        vertical-align: top;
}

.tabhead, .tablebody th  {
        background-color:#C3DCF1;
        font-weight: bold;
        padding: 8px 8px 8px 8px;
}

.tablebody tr:nth-child(even) {background: #FFF;}
.tablebody tr:nth-child(odd) {background: #EEE;}

.tabcell {
        background-color:#FFFFFF;
}

.center {text-align:center;}
.links p {
        padding-left: 4em;
}

.recentmods p {
        padding-left: 4em;
}

.img-responsive {padding-bottom: 1.5em;}

.middleofpage {margin:auto;width:50%;min-height:300px;border: 1px solid #93B6D8;text-align:center;padding: 1em 1em 1em 1em;}

#gkyform form {
	padding: 0.6em 1em 0.6em 1em;
	max-width: 30em;
}

#gkyform fieldset {
	border: 1px solid #93B6D8;
	padding: 0.6em 1em 0.6em 1em;
	/* background: #dddddd; */
	margin: 1em 1em 1em 1em;
}

#gkyform legend {
	font-size: 1.3em;
	font-weight: bold;
 	/* color: #0040FF; */
	border: 1px solid #93B6D8;
	padding: 0.2em 0.7em;
	background: #C3DCF1;
	margin-bottom: 0.3em;
}

#gkyform label {
	width: 8em; 
	/* float: left; */
	text-align: left;
	margin-right: 0.5em;
	margin-bottom: 0.8em;
	/* display: inline; */
}

.formbutton {
	color: #ffffff;
	background: #93B6D8;
	border: 1px solid #93B6D8;
	padding: 0.6em 1em 0.6em 1em;
	margin-top: 0.6em;
	text-align: center;
}

.formfield {
	/* font-size: 0.9em; */
	padding: 0.3em 0.3em 0.3em 0.3em;
	border: 1px solid #999999; 
	/* background: #eeeeee; */
	margin: 0 0.3em 1em 0.3em;
}

.formlineblock {
	/* display: inline; */
	padding-bottom: 0.2em;
	width: 40em;
}

.formlineblock * {
	vertical-align: top; /*puts labels aligned to top of multi-line elements eg. textarea */
}

.fieldhint {
	font-size: 0.85em;
	color: #93B6D8;
}

.formbuttons {
	text-align: center;
}

.formerrormsg {
	color: #ff0000;
}

/* schedule related css */
.today {color: #fff; background: #333;}


.projecttable {
  table-layout: fixed; 
  width: 100%;
  *margin-left: -100px;/*ie7*/
}
.projecttable td, .projecttable th {
  vertical-align: top;
  border-top: 1px solid #ccc;
  padding:10px;
  width:100px;
}
.projecttable th {
  position:absolute;
  *position: relative; /*ie7*/
  left:0; 
  width:20%;
}
.outer {position:relative}
.inner {
  overflow-x:scroll;
  overflow-y:visible;
  width:80%; 
  margin-left:20%;
}