html, body, table, tr, td, div, #daDirList, a {
	color: #99cc00;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
}

#rawDataWrapper {
	position: relative;
	margin: auto;
}

#serverDateStampDivID {
	display: none;
}

#wrapper {
	top: 2em;
}

.texthistory {
	position: relative;
	top: 7px;
	left: 0px;
	margin: auto;
	margin-bottom: 20px;
	border-collapse: collapse;
}

//td columns

.heading {
	text-align: center;
}

.date, .time, .outTemp, .appTemp, .inTemp, .outDew, .inDew, .windchill, .thswIndex, .inHeat, .outHum, .inHum, .windTX, .reception, .archiveInt, .barometer, .rain, .rainRate, .windRun, .windSpeed, .hiWindSpeed, .heatDD, .coolDD, .windSamples, .windTx, .reception, .archiveInt, .solarRad {
	text-align: right;
}

#settingsForm {
	position: relative;
	margin: auto;
	top: 12px;
	height: 455px;
	width: 750px;
	text-align: center;
}

#settingsForm input {
	position: relative;
	display: block;
	margin-left: -25px;
	padding-right: 5px;
	width: 235px;
	height: 16px;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}

#settingsForm input[type=checkbox] {
	width: 0.9em;
	height: 0.9em;
	left: 44px;
	top: -1px;
	background-color: #000000;
}

#settingsForm label {
	color:	#99cc00;
	font-size: 0.9em;
	position: relative;
	height: 10px;
	left: 44px;
	top: -16px;
	padding: 0;
}

#controlPanel {
	position: relative;
	top: 8px;
	width: 500px;
	height: 25px;
	margin: auto;
	margin-bottom: 6px;
	margin-top: 3px;
}

#controlPanel form {
	display: inline;
}

.settingsButton:hover {
	background-color: #333333;
	color: #ffffff;
}

// custom form 

#settingsForm #custCol1 {
	position: absolute;
	top: 0px;
	left: -150px;
	width: 250px;
	text-align: left;
	border: 1px dotted white;
}

#settingsForm #custCol2 {
	position: absolute;
	top: 0px;
	left: 100px;
	width: 250px;
	text-align: left;
}

#settingsForm #custCol3 {
	position: absolute;
	top: 0px;
	left: 350px;
	width: 250px;
	text-align: left;
}

#settingsForm #apply {
	position: relative;
	display: inline;
	height: 25px;
	width: 150px;
}

#settingsForm #selectAllBoxes {
	position: relative;
	display: inline;
	height: 25px;
	width: 150px;
}

#settingsForm #deSelectAllBoxes {
	position: relative;
	display: inline;
	height: 25px;
	width: 150px;
}

#settingsForm #customFormButtons {
	position: relative;
	top: 22px;
	left: -120px;
	width: 760px;
	height: 35px;
	margin: auto;
}

#settingsForm #customFormButtons input {
	margin: 12px;
}

.settingsButton {
	background-color: #121212;
	color: #aabbcc;
	margin-right: 25px;
}

#cpTopButtons {
	position: relative;
	top: 0px;
	left: 0px;
	width: 560px;
}

#controlPanel #cpTopButtons .settingsButton {
	position: relative;
	display: inline;
	width: 150px;
	height: 25px;
}

#pageRefreshForm {
	position: relative;
	margin: auto;
}

#pageRefreshForm, #pageRefreshForm input {
	width: 175px;
}

#pageRefreshForm input, #settingsForm #customFormButtons .settingsButton, #controlPanel input, #settingsForm input, #pageRefreshForm input {
	border: 1px groove #303030;
	background-color:#181818; 
	text-decoration: none; 
	color:#FFBBAA;
	font-style:normal;
	font-weight:normal;
	font-family:arial,helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	cursor: default;
	height: 25px;
}

#settingsForm #customFormButtons .settingsButton:hover, #controlPanel input:hover, #settingsForm input:hover, #pageRefreshForm input:hover {
	border: 1px groove #AA3211;
	text-decoration: none; 
	background-color:#363636; 
	color:#FFFFFF;
	font-style: normal;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	cursor: default;
}

#rawDataBody .oddRows {
	background-color: #234455;
}

#rawDataHeader .texthistory tr td {
	color: #FFFFFF;
}

.normalTableHeight { overflow: auto; }

.fullTableHeight { height: 72390px; }

#mrDirList { position: relative; margin: auto; width: 95px; line-height: 2.2em;}
#mrDirList a, #mrDirList p { padding: 1.1em; }

#dir_div { height: 222px; }

#rawDataWrapper thead, #rawDataWrapper tbody {
	line-height: 2.1em;
}

#rawDataWrapper thead {
	line-height: 2em;
}

#rawDataWrapper table, #rawDataWrapper thead, #rawDataWrapper tbody {
	width: 1285px;
}

#rawDataWrapper thead {
	width: 100px;
}

#rawDataWrapper thead th {
	color: #99ccff;
	background-color: #001110;
}

#rawDataWrapper tbody {
    display:block;
    height:475px;
	margin-top: 0.6em;
    overflow-x:none;
    overflow-y:scroll;
}

#rawDataWrapper thead, #rawDataWrapper tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
#rawDataWrapper thead {
    width: calc( 100% - 1.2em );
}



#rawDataWrapper table tr th { font-weight: normal; }

#rawDataWrapper table tr td.date, #rawDataWrapper table tr th.date { width: 5em; }
#rawDataWrapper table tr td.date { color: #776600; }

#rawDataWrapper table tr td.time, #rawDataWrapper table tr th.time { width: 4.8em; }
#rawDataWrapper table tr td.time { color: #44AA00; }

#rawDataWrapper table tr td.outTemp, #rawDataWrapper table tr th.outTemp { width: 4em; }
#rawDataWrapper table tr td.outTemp { color: #3CB34F; }

#rawDataWrapper table tr td.appTemp, #rawDataWrapper table tr th.appTemp { width: 4em; }
#rawDataWrapper table tr td.appTemp { color: #3CB34F; }

#rawDataWrapper table tr td.outHum, #rawDataWrapper table tr th.outHum { width: 4em; }
#rawDataWrapper table tr td.outHum { color: #3CB34F; }

#rawDataWrapper table tr td.outDew, #rawDataWrapper table tr th.outDew { width: 4em; }
#rawDataWrapper table tr td.outDew { color: #3CB34F; }

#rawDataWrapper table tr td.windDirPreSpacer, #rawDataWrapper table tr th.windDirPreSpacer { width: 4em; }
#rawDataWrapper table tr td.windDirPreSpacer { color: #776600; }

#rawDataWrapper table tr td.windDir, #rawDataWrapper table tr td.hiWindDir, #rawDataWrapper table tr th.windDir, #rawDataWrapper table tr th.hiWindDir { width: 5em; text-align: right; }
#rawDataWrapper table tr td.windDir, table tr td.hiWindDir { color: #33aa00; }

#rawDataWrapper table tr td.windSpeed, #rawDataWrapper table tr td.hiWindSpeed, #rawDataWrapper table tr th.windSpeed, #rawDataWrapper table tr th.hiWindSpeed { width: 4em; }
#rawDataWrapper table tr td.windSpeed, #rawDataWrapper table tr td.hiWindSpeed { color: #33aa00; }

#rawDataWrapper table tr td.windRun, #rawDataWrapper table tr th.windRun { width: 4em; }
#rawDataWrapper table tr td.windRun { color: #33aa00; }

#rawDataWrapper table tr td.windSamples, #rawDataWrapper table tr th.windSamples { width: 4em; }
#rawDataWrapper table tr td.windSamples { color: #33aa00; }

#rawDataWrapper table tr td.windchill, #rawDataWrapper table tr th.windchill { width: 4em; }
#rawDataWrapper table tr td.windchill { color: #33aa00; }

#rawDataWrapper table tr td.solarRad, #rawDataWrapper table tr th.solarRad { width: 5em; }
#rawDataWrapper table tr td.solarRad { color: #ccbb00; }

#rawDataWrapper table tr td.thswIndex, #rawDataWrapper table tr th.thswIndex { width: 5em; }
#rawDataWrapper table tr td.thswIndex { color: #ccbb00; }

#rawDataWrapper table tr td.barometer, #rawDataWrapper table tr th.barometer { width: 5em; }
#rawDataWrapper table tr td.barometer { color: #3CB34F; }

#rawDataWrapper table tr td.rain, #rawDataWrapper table tr th.rain { width: 5em;}
#rawDataWrapper table tr td.rain { color: #8866FF; }

#rawDataWrapper table tr td.rainRate, #rawDataWrapper table tr th.rainRate { width: 5em;}
#rawDataWrapper table tr td.rainRate { color: #8866FF; }

#rawDataWrapper table tr td.inTemp, #rawDataWrapper table tr td.inDew, #rawDataWrapper table tr td.inHeat, #rawDataWrapper table tr th.inTemp, #rawDataWrapper table tr th.inDew, #rawDataWrapper table tr th.inHeat { width: 5em; }
#rawDataWrapper table tr td.inTemp, #rawDataWrapper table tr td.inDew, #rawDataWrapper table tr td.inHeat { color: #3CB34F; }

#rawDataWrapper table tr td.inHum, #rawDataWrapper table tr td.windTx, #rawDataWrapper table tr td.archiveInt, #rawDataWrapper table tr th.inHum, #rawDataWrapper table tr th.windTx, #rawDataWrapper table tr th.archiveInt { width: 5em; }
#rawDataWrapper table tr td.inHum, #rawDataWrapper table tr td.windTx, #rawDataWrapper table tr td.archiveInt { color: #3CB34F; }

#rawDataWrapper table tr td.reception, #rawDataWrapper table tr th.reception { width: 5em; }
#rawDataWrapper table tr td.reception { color: #3CB34F; }

#rawDataWrapper table tr td.heatDD, #rawDataWrapper table tr td.coolDD, #rawDataWrapper table tr th.heatDD, #rawDataWrapper table tr th.coolDD { width: 5em; }
#rawDataWrapper table tr td.heatDD, #rawDataWrapper table tr td.coolDD { color: #3CB34F; }

#rawDataWrapper table tr td.windDirPreSpacer, #rawDataWrapper table tr th.windDirPreSpacer { width: 0.5em; }
#rawDataWrapper table tr td.scrollBarPreSpacer, #rawDataWrapper table tr th.scrollBarPreSpacer { width: 2em; }

#rawDataWrapper table tr:hover td {
	background-color: #171820;
}

#rawDataWrapper table { 	
	font-family:arial,helvetica,sans-serif;
	font-size:0.79em; 
}

#rawDataWrapper table tr th, #rawDataWrapper table tr td { border: 0; padding: 0; margin: 0; }

#rawDataWrapper tbody tr {
	margin-top: 0.3em;
}