/*
	Created by Ryan Grier for ColdTree Creative
*/
* { padding: 0; margin: 0; }

html {
	height: 100%;
}

body{
	height:100%;
	background:#FFFFFF;
	padding: 0px;
	margin: 0 auto;
	text-align:center;
	font-size:small;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

* html #pageWrapper {
	height: 100%;
}

a {
	font-weight:normal;
	font-size:110%;
	color: #6CB33F;
	text-decoration: none;
}

a:hover {
	color: #005295;
}

#container {
	text-align:left;
	background:#ffffff;
	clear:both;
	padding-bottom: 6em;
}

#iframeContainer {
	text-align:left;
	background:#ffffff;
	clear:both;
	padding-bottom: 6em;
}

#iframeContainer input {
	margin: 2px;
}

#iframeContainer select {
	margin: 2px;
}

#pageWrapper {
	position: relative;
	text-align:center;
	min-height:100%
}

#container {
	width:750px;
}

#container h2{
	font-weight:normal;
	font-size:160%;
	color: #6CB33F;
	clear:left;
	padding-top: 5px;
}

#container p {
	color: #005295;
	margin:10px;
}	

#header {
	background:#00274D;
	background-image: url('../art/QDI-Header-Background.gif');
	text-align:center;
	width:100%;
	height: 80px;
}

#footer {
	text-align:center;
	width:100%;
	height: 90px;
	position: relative;
	margin-top: -90px;
}

#footerImage {
	background:#00274D;
	background-image: url('../art/QDI-Footer-Background.gif');
	text-align:center;
	width:100%;
	height: 70px;
	/*bottom:0;
	position:absolute;*/
	/*clear:both;*/
	position: relative;
}

#copyright {
	height:20px;
	text-align:center;
	font-size:x-small;
	color: #A7A9AC;
}

#copyright a {
	color: #A7A9AC;
}

#copyright a:hover {
	color: #6CB33F;
}

#leftDiv {
	color: #005295;
	float: left;
	text-align:left;
	width: 65%;
}

#rightDiv {
	color: #005295;
	float: right;
	text-align: center;
	width: 29%;
}

#rightDivHelp {
	color: #005295;
	float: right;
	text-align: left;
	width: 29%;
}

#pointsValues {
	text-align:center;
}

label.label {
	float:left;
	margin-right:1em;
	text-align:right;
	width:15em;
	color: #6CB33F;
	clear: both;
}

label.value {
	text-align:left;
	color: #005295;
}

div {
	color: #005295;
	position: relative;
}

div.center {
	margin-left: auto;
	margin-right: auto;
}

div.centerContents {
	text-align:center;
}

div.leftAlignContents {
	text-align:left;
}

div.rightAlignContents {
	text-align:right;
}

div.splitContent {
	position: relative;
	float: left;
}

div.splitContent h2{
	font-weight:normal;
	font-size:160%;
	color: #6CB33F;
	clear:left;
	padding-top: 15px;
}

div.splitContent h1{
	font-weight:bold;
	font-size:350%;
	margin:0 0 .2em 0;
	color: #005295;
	clear:left;
}

div.messageToUser {
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	width:100%;
	border-bottom: thin solid #00274D;
}

div.systemMessage {
	background-color: #6CB33F;
	color: white;
}

div.lowPriority {
	background-color: #005295;
	color: white;
}

div.mediumPriority {
	background-color: yellow;
}

div.highPriority {
	background-color: red;
	color: white;
}

span.removeMessage {
	margin-left:30px;
	color: white;
}

iframe { 
	border:0px; 
	width:100%;
	min-height:300px;
}

ul {
	padding-left: 10px;
	list-style-type: none;
	text-align: left;
}

li.odd a {
	font-weight:normal;
	font-size:110%;
	color: #005295;
	text-decoration: none;
}

li.odd a:hover {
	color: #6CB33F;
}

li.even a {
	font-weight:normal;
	font-size:110%;
	color: #6CB33F;
	text-decoration: none;
}

li.even a:hover {
	color: #005295;
}

span.fullWidth {
	width:100%;
}

div.spacer {
	height: 50px;
}

div.smallspacer {
	height: 25px;
}

div.tinyspacer {
	height: 10px;
}

div.minheightformain {
	margin-bottom: 190px;
	min-height: 250px;
}

div.greenunderline {
	width: 70%;
	border-bottom: thin solid #005295;
	padding-top: 5px;
	margin-bottom: 5px;
}

div.indent {
	padding-left: 10px;
}

div.adjustForIndent {
	margin-left: -10px;
}

form.wufoo{
	margin:20px 20px 0 20px;
	padding:0 0 20px 0;
	min-height:100%;
}

label.sub {
	color:#005295;
}

/* ----- INFO ----- */

.info{
	background-image: url('../art/Customer-Rewards-Logo-75per.jpg');
	background-repeat: no-repeat;
	background-position: 10px 25px;
	text-align:right;
	display:inline-block; 
	clear:both;
	margin:0 0 1em 0;
	height:82px;
	padding-top:35px;
	width:850px;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 .2em 0;
	color: #6CB33F;
	clear:left;
	padding-top: 15px;
}
.info div{
	font-size:95%;
	line-height:135%;
	margin:0 0 1em 0;
	color:#555;
}

table.history {
	width: 95%;
	font-weight:normal;
	font-size:small;
	color: #6CB33F;
}

table.history tr {
	height:20px;
}

table.history tr.alt {
	color: #005295;
}

table.history td {
	text-align:center;
}

/* --------- For the date picker -------------*/
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../art/calendar.png') no-repeat; 
	visibility: visible;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	float: left;
	color: black;
	visibility: visible;
}