* { -webkit-touch-callout: none;}

body {
	background:url('img/bg.png') repeat scroll 0 0 #AEBAC2;
	margin:0px;
	padding:5px;
	padding-top:10px;
	padding-bottom:80px;
	height: 100%;
	font-family: helvetica,arial,sans-serif;
	font-size:18px;
	font-weight:bold;
}


td {
	border-bottom:1px solid #CCCCCC;
	padding:2px 5px;
	margin:0px 0px;
}
/* GENERAL */

h1 {
    color: #4C566C;
    font-size: 26px;
    font-weight: bold;
    margin:10px;
	margin-top:18px;
	margin-left:12px;
    text-shadow: 0 1px 0 #FFFFFF;
	display:block;
}

h2 {
	font-weight: bold;
	font-size:22px;
	margin-bottom:5px;
	margin-top:5px;
}

.block {
	border:1px solid #999999;
	border-radius:12px;
	background:#FFFFFF;
	padding:10px;
	display:block;
	margin-top:10px;
	-webkit-box-shadow:1px 1px 1px #ffffff;
}

.nobold {
	font-weight:normal;
}

.right {
	float:right;
}

hr {
	width:100%;
	border:0px;
	border-top:1px solid #999999;
}

.error {
	color:#990000;
}

.smaller {
	color:#888888;
	font-size:13px;
	font-weight:normal;
    margin-top:5px;
}

.underinfo div {
	color:#666666;
	font-size:14px;
	font-weight:normal;
    margin-top:-5px;
	margin-bottom:-7px;
	height:25px;

}

.center {
	text-align:center;
}


/* FORMS */

input, select {
	font-family: helvetica,arial,sans-serif;
	font-size:16px;
	margin-top:-3px;
}

textarea {
	width:98%;
	height:100px;
	font-size:16px;
	margin-top:5px;
}

.rightinput input,.rightinput select {
	float: right;
    margin-left: 5px;
}

.bottomright {
	text-align:right
}

.bigbutton {
	width:100%;
	font-weight:bold;
	margin-top:5px;
	height:40px;
}

.button {
	font-weight:normal;
	color:#666666;
	text-align:center;
	font-size:15px
}

.redbutton { border:1px solid #CC0000 !important;}
.greenbutton {border:1px solid #00CC00 !important;}

.buttonbar input {
	margin-top:10px;
	height:35px;
	padding:2px;
	margin-right:0px;
	border:1px solid #4C566C;
	background:url('img/button.png') #486a9a;
	border-radius:8px;
	text-align:center;
	-webkit-appearance: none;
	color:#FFFFFF;
	-webkit-box-shadow:1px 1px 1px #FFFFFF;
	font-weight:bold;
	font-size:15px;
	text-shadow: 0 -1px 0 #333333;
}

.wide4 input{ width:73px;}
.wide3 input{ width:99px;}
.wide2 input{ width:49.2%;}
.wide1 input{ width:307px;}

/* LISTS */

.list {
	list-style: none;
	padding:10px;
	padding-left:0px;
	margin:-10px;
	padding-top:0px;
}


.subtext {display:block !important;height:18px}

.list li:first-child {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.list li {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #999999;
    margin-right: -10px;
	padding:11px 13px;
}

.stat1 {background-color:#ffb !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd), to(#ddc))  !important;} /* yellow */
.stat2 {background-color:#bfb !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#dfd), to(#cdc))  !important;} /* green */
.stat3 {background-color:#bdf !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#def), to(#cdd))  !important;} /* blue */
.stat4 {background-color:#fbb !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcc), to(#daa))  !important;} /* red */

.arrow li {
	background:url('img/arrow.png') no-repeat right center;
	padding-right:30px;
}

.list div {
	display:none;
}

.leftpad li {
	padding-left:40px;
}

.leftpad input[type='checkbox'] {
	width:25px;
	height:25px;
	margin-left:-33px;
	vertical-align:middle;
	margin-right: 8px;
}

.wrapList {
	width:83%;
	display:inline-block;
}

.list img {
	margin: 3px;
}

.buttonlist {
    display: table;
    table-layout: fixed;
    width:100%;
	margin-top:10px;
}
.buttonlist div {
    display: table-cell;
}