html, body {
	/*min-width:700px;*/
	color:#000000;
}

.header {
	padding-top:0 !important;
	background-color: #0c3554 !important;
	padding-bottom:10px !important;
	border-bottom: 3px solid #CCCCCC !important;
	color:#CCCCCC;
}

.header h1 {
	color:#CCCCCC;
}

.header .link a {
    color: #CCCCCC;
}

.header .link a:hover {
    color: #CCCCCC;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
}

.footer {
	padding-top:20px !important;
	background-color: #0c3554!important;
	padding-bottom:10px !important;
	border-bottom: 3px solid #CCCCCC !important;
	color: #0c3554 !important;
}

.link a {
    color: #0c3554;
}

.link a:hover {
    color: #0c3554;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
}

#dtgrid {
	display:none;
}

h1, h2, h3, h4, h5 {
	font-family: 'Roboto Condensed', sans-serif;
	margin:0;
}

.clickable {
	cursor:pointer;
}

.red {
	color:#C60000 !important;
}

.sta-icon {
	border-bottom: none !important;
}

.req-icon {
	position:absolute;
	font-size:.9em !important;
	top: 0;
	right:10px;
	color:#C60000 !important;
	border-bottom: none !important;
}

.info-icon {
	position:absolute;
	font-size:.9em !important;
	top: 0;
	right:10px;
	color:#D6D6D6 !important;
	border-bottom: none !important;
}

.type-icon {
	min-width:18px !important;
	text-align:center !important;
}

.submitbtn {
	/*border:solid 1px #cccccc;
	font-weight:bold;
	padding:12px 30px 12px 30px;
	margin-top:10px;*/
}

.sort-last {
	visibility:hidden;
	opacity:0;
}

.text-80, a.text-80, a.text-80:link, a.text-80:active, a.text-80:hover, a.text-80:visited {
	font-size:.8em !important;
}
.text-90, a.text-90, a.text-90:link, a.text-90:active, a.text-90:hover, a.text-90:visited {
	font-size:.9em !important;
}
.text-110, a.text-110, a.text-110:link, a.text-110:active, a.text-110:hover, a.text-110:visited {
	font-size:1.1em !important;
}
.text-120, a.text-120, a.text-120:link, a.text-120:active, a.text-120:hover, a.text-120:visited {
	font-size:1.2em !important;
}

.vertical-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.full-width{
    width: 100% !important;
    max-width: 100% !important;
}

.sub-content {
	max-width: 1000px !important;
	text-align: center !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.width-350{
    width: 350px !important;
    max-width: 350px !important;
}

.spacer-30{
    height:30px;
}
.spacer-100{
    height:100px;
}

.pad-bottom-20 {
	padding-bottom:20px !important;
}

.no-margin {
	margin:0 !important;
}

.margin-bottom-10 {
	margin:0 0 10px 0 !important;
}

.no-padding {
	padding:0 !important;
}

.switch-on {
	position: absolute;
	left: -55px;
	top: 8px;
	color: #FFFFFF;
	font-size: 10px;
}

.switch-off {
	position: absolute;
	left: -25px;
	top: 8px;
	color: #777777;
	font-size: 10px;
}


/* foundation */

.top-bar {
    background: #333333 !important;
    letter-spacing:1px !important;
}

.top-bar-section ul li>a {
  font-size:.9rem !important;
}

fieldset legend {
    letter-spacing:1px !important;
}