@charset "utf-8";
/* CSS Document */

body {
	background:#FFF;
	margin:0;
	padding:0;
	font-family: 'PT Sans', sans-serif;
}
img {
	border:none;
	margin:0;
} 

h1, h2, h3, h4{
	font-family: 'Roboto', sans-serif;
	color:#333;
	margin:0 10px 15px;
	padding:0;
}


a {
	border:none;
	text-decoration:none;
	color:#3366CC;
}

.bg-green	{ background:#109618; }
.bg-blue	{ background:#3366CC; }
.bg-orange	{ background:#FF9900; }
.bg-red		{ background:#DC3912; }
.bg-purple	{ background:#990099; }

.green		{ color:#109618; }
.blue		{ color:#3366CC; }
.orange		{ color:#FF9900; }
.red		{ color:#DC3912; }
.purple		{ color:#990099; }

.left {float:left;}
.centre {
	text-align:center;
    margin: 0px auto;
}

.clearfix {clear: both;}  /* for IE/Mac */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.hiddenDiv{ display:none; }

#page {
	top:0;
	bottom:0;
	padding:0;
	margin: 0 auto;
	width:770px;
}

#header {
	height:75px;
	width:100%;
}
.logo{
	background: url(images/logo.png) no-repeat bottom center;
	top: 3px;
	font-size: 60px;
	width: 240px;
	height: 63px;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	text-indent:-10000px;
}
.tkn_hdr {
	margin:5px 3px 0 15px;
	border:none;
	float:left;
}
.slogan{
	position:relative;
	left: 33%;
	width:67%;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
	font-weight:bold;
	margin: 0;
	top: 33px;
	color:#FFF;
}
.wmm {
	position:relative;
	top:33px;
	height:32px;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
	font-weight:bold;
	color:#FFF;
}

ul#nav { 
	list-style: none; 
	margin:0px auto 0;
	line-height:32px;
	height: 44px;
	font-size:22px;
}
ul#nav li { 
	width:auto; 
	float:left; 
	display:block;
	margin-right:15px;
	padding:5px 8px;
	background:#FF9900;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

ul#nav li:hover { 
	background:#109618; 
}
ul#nav li.active {
	background:#3366CC; 
}
#nav a{
	text-decoration: none;
	color:#FFF;
}

#content {
	margin:0;
}

#main {
	position: relative;
	background: #FFF;
	color: #444;
	/*border:#CCC solid 1px;*/
	margin:15px 0;
	padding: 16px 0;
}

#footer {
	width:100%;
	margin:0;
	background:#109618;
	padding: 10px 0;
}
#footer .copy {
	line-height:26px;
	font-size:12px;
	color:#C1C1C1;
	text-align:center;
}
#footer .link {
	line-height:26px;
	font-size:12px;
	color:#CCC;
	text-align:center;
	word-spacing:10px;
}

#footer a{ 
	color:#CCC;
	text-decoration: none;
}

/* Buttons */
.button {
	border:#CCC solid 1px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding: .25em .35em;
	line-height:20px;
	font-size: 16px;
	cursor:pointer;
	color:#FFF;
	display:block;
	float:left;
	margin: 0 1px;
}
.button:hover {
	box-shadow:0px 0px 4px #333333;
	background:#109618;
}
a.button, .button a {
	color:#FFF;
	text-decoration:none;
}
.button.med {
	padding: .35em .75em;
	line-height:25px;
	font-size: 18px;
}
.button.big {
	padding: .5em 1em;
	line-height:30px;
	font-size: 22px;
}

.dash {
	border:#CCC solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	color:#FFF;
	display:block;
	width: 75%;
	margin: 50px auto;
	padding: 15px 30px;
	line-height:normal;
	text-align:center;
}
.dash:hover {
	box-shadow:0px 0px 44px #333333;
	background:#109618;
}
.dash h1, .dash p { color: #FFF; }

/* Forms */
form {
	margin:0 auto;
}
fieldset { 
	border:1px solid #FF9900;
	margin:18px;
	padding:10px;
}

legend {
	padding: 3px 10px;
	color:#FF9900;
	font-size:1.6em;
	font-weight:bold;
}

lable {
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	display:block;
}

button,
input,
select,
textarea {
	font-size: 16px;
	margin: 0 0 11px;
	vertical-align: baseline;
	*vertical-align: middle;
	padding: .25em .35em; /*padding:2px 4px;*/
	display:block;
}
.sm { width:25%; }
.md { width:60%; }
.lg { width:95%; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border:#CCC solid 1px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding: .25em .35em;
	line-height:20px;
	cursor:pointer;
	color:#FFF;
	float:left;
	
	margin: 0 11px 0 0;
	
	/*cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
	border:none;
	float:left;
	margin: 0 11px 0 0;
	padding:.4em .8em;
	color:#FFF;*/
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	box-shadow:0px 0px 4px #333333;
	background:#109618;
}


button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px;
	float:left;
}


.bubble {
	position: absolute;
	margin: -12px 0 0 0;
	left:58%;
	width:auto;
}
.msg {
	display:block;
	padding: 5px 8px;
	line-height:25px;
	color:#FFF;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	z-index:100;
	text-align:center;
	margin: 10px 0;
}
/* ##########################   TABLES   ##########################  */
.search_bar {
	height:auto;
	width:85%;
	margin: 0 auto 3px;
}
.search_bar input, .search_bar input[type="submit"] {
	padding: .25em .35em;
	margin:0 0 0 5px;
}
.search_bar input[type="text"] {
	font-size: 16px;
	margin-top: 1px;
}

.action_icon {
	cursor:pointer;
	float:left;
	margin: 0 2px;	
}

#table {
	margin:0 auto;
	width:85%;
}
#table th {
	text-align: left;
}
#table .minwidth-1 {
	min-width: 110px;
}
#table th.line-left {
	border-left: 1px solid #373737;
}
#table td {
	border: 1px solid #d2d2d2;
	padding: 10px;
}
#table tr.alternate-row {
	background: #ececec;
}

.table-header-repeat {
	background-color: #990099;
	border: none;
	padding: 0;
}
.table-header-repeat p {
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 3em;
	margin: 0 15px;
	padding: 0;
}