/* @override http://localhost:8000/static/css/tmt.csshttp://dev.trackmytour.com/static/css/tmt.css*/
/* Track My Tour, main styles sheet */
/* ////////////////////////////////////////////////////  GLOBAL STYLES */
body {
/* Center page in IE */
	background-color: #fff;
	font: normal normal normal 16px/20px Arial, Verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
}
html, body {
	height: 100%;
}
p {
	font-size: 1em;
/* 16px */
	line-height: 1.375em;
/* 22px */
	padding: 8px 16px;
}
a {
	text-decoration: none;
	color: #0e5784;
}
a:hover {
	text-decoration: underline;
}
#mymaps ul {
	padding-top: 8px;
	padding-left: 16px;
}
#mymaps li {
	padding-bottom: 8px;
}

h1 {
	font-size: 2em;
	line-height: 1em;
	color: #0e5784;
	padding-top: .5em;
}

h2 {
	font-size: 1.15em;
	line-height: 1.2em;
	margin-top: 1.2em;
	margin-bottom: 0em;
	color: #0E5784;
}

h2 a {
	color: #0E5784;
}

h3 {
	font-size: 1.125em;
	line-height: 1.3333em;
	color: #0E5784;
	background: #add5ea url(/static/images/light_blue_bg.jpg) repeat-x top left;
	padding: 8px 16px;
}

/* used in the new footer */
h4 {
	font-size: 1.125em;
	line-height: 1.3333em;
	color: #fff;
	padding: 0 0 6px;
	font-weight: bold;
}
h5 {
	line-height: 1.375em;
	padding: 8px 16px;
}
th, td {
	text-align: left;
	padding: 8px;
	font-size: smaller;
	line-height: 1.1;
	vertical-align: top;
}
th {
	background-color: #e0e0e0;
	vertical-align: bottom;
	font-size: 0.875em;
	border-bottom: 1px solid #9ebfd2;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.small {
	font-size: 1em;
}
/* ////////////////////////////////////////////////////  WRAPPER */
#footer-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -147px;
	min-width: 960px;
	background: url(../images/subpage-bg.png) repeat-x 0 top;
}

/*body.splash #footer-wrapper, */
body.login #footer-wrapper {
	background: url(../images/home-bg.jpg) repeat-x 0 top;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
}
/* ////////////////////////////////////////////////////  HEADER */
#header {
	margin: 0 auto;
	width: 100%;
	height: 102px;
}
#header ul {
	padding-top: 0px;
	padding-left: 0px;
	width: 630px;
	text-align: right;
	float: right;
}
#header ul li {
	padding-bottom: 0px;
}
/* ////////////////////////////////////////////////////  NAVIGATION */
#header ul.navigation li {
	display: inline;
	padding: 8px 8px 8px 0px;
	color: #FFF;
}
#header ul.navigation li a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}

body.splash li#nav-splash a, body.tours li#nav-tours a, body.faq li#nav-faq a, body.login li#nav-login a, body.addtrack li#nav-maps a, body.edittrack li#nav-maps a, body.listwaypoints li#nav-maps a, body.addwaypoint li#nav-maps a, body.tutorial li#nav-tutorial a, body.settings li#nav-settings a {
	font-weight: bold;
}

/* ////////////////////////////////////////////////////  HOME PAGE */

#main {
	margin-top: 10px;
}

.splash h1 {
	padding: 0;
}

.splash #main {
	color: #404040;
}

.splash #main ol {
	list-style-type: lower-roman;
	list-style-position: outside;
}

.splash #main ul {
	padding-left: 16px;
	list-style-type: disc;
	list-style-position: outside;
}
.splash #main li {
	padding-top: .5em;
	line-height: 130%;
}

/* chopping block */
body.login #main {
	height: 320px;
	padding-top: 30px;
	padding-left: 0;
	padding-bottom: 30px;
	background: url(/static/images/iphone-ipad-image.png) no-repeat center top;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/* min-width: width: 960px; */
}



/* ////////////////////////////////////////////////////  LOGIN PAGE */
#login-box {
	border-radius: 6px;
	border: 1px solid #fff;
	padding: .5em;
	width: 435px;
	height: 205px;
	margin-bottom: 47px;
	background-color: #DDDDDD;
}

#login-box h1 {
	padding: 8px 16px;
}

#login-box li {
	padding-top: 0;
}

#login-box label {
	font-size: .825em;
	color: #333;
}

ul.login-form {
	width: 200px;
	float: left;
}

#login-buttons {
	padding-top: 65px;
	float: right;
	width: 200px;
}
#login-box p {
	padding-bottom: 0;
}
#login-buttons p {
	font-size: 1em;
}

input.login {
	width: 60px;
	background-color: #0E5784;
	border: 2px solid #fff;
	color: #ffffff;
	font-weight: bold;
}

/* ////////////////////////////////////////////////////  CURRENTLY ON TOUR */
div.panes > div {
	border: 1px solid #9ebfd2;
	padding-bottom: .8em;
	background-color: #fff;
}

div.panes > div.signupform {
	border-bottom: none;
}

div.signupform p, div.contact p {
	padding: .5em 1em;
	margin: 0;
}

/* ////////////////////////////////////////////////////  TABLES */
tr.row1 {
	background-color: #FFFFFF;
	border-bottom: 1px dotted #9ebfd2;
}

tr.row2 {
	background-color: #FFFFFF;
	border-bottom: 1px dotted #9ebfd2;
}

tr.row1:last-child {
	background-color: #FFFFFF;
	border-bottom: none;
}
tr.row2:last-child {
	background-color: #FFFFFF;
	border-bottom: none;
}

/* ////////////////////////////////////////////////////  FORMS */
form label {
	display: block;
	line-height: 1.2;
}
form p.error label {
	color: red;
}
form input {
	border:  1px solid #999;
	font-size: 12px;
	padding: .4em .2em;
}
form ul {
	padding: 8px 16px 0 16px;
}
form li {
	padding-bottom: 10px;
}
/* for the buttons */
form input.img {
	border: none;
	padding: 0;
	margin: 0;
	width: 47px;
	height: 34px;
	vertical-align: middle;
}
.statusmessage {
	background-color: #E6EFC2;
	border: 2px solid #C6D880;
	color: #264409;
	padding: 5px;
	margin: 8px;
}
.errormessage {
	background-color: #FBE3E4;
	border: 2px solid #FBC2C4;
	color: #8a1f11;
	padding: 5px;
	margin: 8px;
}
ul.errorlist {
	margin: 0px;
	padding: 0px;
}
ul.errorlist li {
	background-color: #FBE3E4;
	border: 1px solid #FBC2C4;
	color: #8a1f11;
	margin: 0px;
	font-size: .825em;
	padding: 0px .5px 0px .5em;
}
/* ////////////////////////////////////////////////////  HELPERS */
.width100 {
	width: 100%;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.clearall {
	clear: both;
}
.redText {
	color: maroon;
}
.greenText {
	color: green;
}
.faint {
	font-size: .85em;
	color: #555;
}
.space {
	margin-top: 16px;
}
/* ////////////////////////////////////////////////////  FOOTER */
#push {
	clear: both;
	height: 165px;
/* provides space to stop footer overlapping main content */
}
#footer {
	background: #507e98 url(/static/images/footer-bg.jpg) repeat-x top;
	margin: 0 auto;
	width: 100%;
	height: 135px;
	clear: both;
	min-width: 960px;
	text-align: left;
	color: #fff;
	padding-top: 12px;
	text-shadow: rgba(0, 0, 0, .35) 1px 1px 0;
	font-size: 0.8em;
}
span.th {
	width: 60px;
	text-align: right;
	margin-right: 10px;
	display: inline-block;
}
#footer a {
	color: #fff;
}
#footer p {
	font-size: 0.875em;
/* 14px */
	line-height: 1.7143em;
/* 24px */
	padding: .5em 1em;
	margin: 0px;
}
#footer p.logo {
	padding-left: 0;
}
#footer .copyright p {
	padding: .5em 0 0;
}
.tooltip {
	display: none;
	background: transparent url(/static/images/white_arrow_big.png) no-repeat center top;
	font-size: 1em;
	height: 135px;
	width: 270px;
	padding: 40px 30px 30px;
	color: #000;
}
#downloadinfo {
	text-align: center;
}