/*	Glitch CSS Rules
	1 Nov 06
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #111;
	font-family: Palatino, Georgia, Times, serif;
	font-size: x-small; /*for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers */	
	background-color:#e5e0d1;
	background: url(http://www.offtherails.co.nz/imgs/bac1.jpg);
	min-width:924px;
	}
html>body { font-size: small; } /* be nice to Opera */

html,body {
	height: 100%; text-align: center;
}

/* 	common
----------------------------------------------- */
a img { border-style: none; }

h1, h2, h3, h4, h5, h6 {font-weight: normal; }
h1, h2 { font-size: 165%; font-weight: bold; margin-bottom:-5px; }
h3 { font-size: 125%; font-weight: bold; margin-bottom:0px; }
/*p { margin:10px; }*/
ul { list-style-type: disc; /*list-style-image: url(http://www.offtherails.co.nz/imgs/bullet2.gif);*/ } 
/*ul .bullet1, ul .bullet2 { list-style-type: none; }*/

/*ul { list-style-image: url(http://www.offtherails.co.nz/imgs/bullet2.gif); }
ul .bullet2 { list-style-image: url(http://www.offtherails.co.nz/imgs/bullet2.gif); }*/

.quote { padding-left:18px; font-style: italic; }
.bold { font-size: 110%; font-weight: bold; }
.pic { text-transform: uppercase;  }
.ftrnote { padding-top:4px;border-top: 1px solid #222; font-style: italic; }

.spacer {
	font-size: 60%;
	clear: both;
}
br {
	clear: both;
}

/* 	center
----------------------------------------------- */

#wrap {
	margin: 20px auto;
	width: 924px;
	text-align: left;
}

/* tables
----------------------------------------------- */

table {
	margin:0px;padding:0px;
	border: 0px; border-collapse:collapse;
}
td {
	margin:0px;padding:0px;border: 0px;
	font-size: small;
}
td a{
	color: #030; /*#555*/
}

table#frame {
	width:924px;
	text-align: left;
}
table#frame td.bac {
	background: url(http://www.offtherails.co.nz/imgs/frame-mid.gif) repeat-y;
	padding:20px 20px 0px;
}

table#content {
	width:750px;
	/*text-align: left;*/
}
table#content tr.topline {
	/*background-color: #efece3;*/
	border-top: #bfbdb6 1px solid;
	padding:3px;
}
table#content tr.topline td {
	padding:12px 0;
}
table#content tr.topline img {
	padding-right:12px;
}
table#content td.mainimg {
	background-color: #efece3;
	border: #bfbdb6 1px solid;
	border-bottom-width:0px;
	padding:3px;
}
table#content td.left {
	width:260px;
	background-color: #efece3;
	border: #bfbdb6 1px solid;
	border-width:0px 0px 1px 1px;
	padding:4px 30px 12px 20px;
	vertical-align:top;
	text-align: left;
}
table#content td.right {
	width:400px;
	background-color: #efece3;
	border: #bfbdb6 1px solid;
	border-width:0px 1px 1px 0px;
	padding:4px 20px 10px;
	vertical-align:top;
	text-align: left;
}
table#content td.both {
	background-color: #efece3;
	border: #bfbdb6 1px solid;
	border-width:0px 1px 1px 1px;
	padding:4px 20px 10px;
	vertical-align:top;
	text-align: left;
}


/* layout
----------------------------------------------- */
#header {
	margin:0; padding:0;
}

#content {
	margin: 3px 0px 20px 65px; padding:0;
}

#ftr {
	margin:0; padding:0;
	clear:both;
	text-align:center;
}
#ftr ul{
	margin:0; padding:0;
    list-style:none;
}
#ftr li{
	margin:0; padding:0;
    display:inline;
}
#ftr ul li a {
	text-decoration: none; 
	text-transform: uppercase;
	height:22px;
	padding: 1px 4px;
	color: #000;
	border: none #111;
	border-width: 1px 0;
	font-size:85%;
	/*font-size:84%;*/
}
#ftr p, #ftr td {
	font-size:90%;
}
#ftr a:hover {
	color: #555;
	/*border: solid #111;
	border-width: 1px 0;*/
}

#img {
	margin:0; padding:0;
	margin-top:72px;
	margin-left:65px;
}

#caption {
	position:absolute;
	margin:0; padding:0;
	top:378px;
	padding-left:98px;
	text-transform: uppercase;
	color:#ccc;
	/*font-weight:bold;*/
}

#logo {
	position:absolute;
	margin:0; padding:0;
	margin-left:62px;
	top:78px;
}

#nav {
	/*position:absolute;*/
	margin:0; padding:0;
	/*margin-left: 212px;
	top:52px; height:20px;*/ 
	font-size: 12px;
	
}
#nav ul{
	margin:0; padding:0;
    list-style:none;
}
#nav li{
	margin:0; padding:0;
    display:inline;
}
#nav a {
	text-decoration: none; 
	text-transform: uppercase;
	height:22px;
	/*padding: 1px 18px;*/
	padding: 0px 8px;
	color: #000;
	border: none #111;
	border-width: 1px 0;
	font-weight: bold;
}
#nav a.social {
	padding: 0px 2px;
}
#nav a:hover {
	/*color: #e0a108;
	border: solid #111;
	border-width: 1px 0;
	font-weight: bold;*/
}
#nav .on {
	/*border: solid #111;
	border-width: 1px 0;
	font-weight: bold;*/
}

/*#left {
	float:left;
	margin:0; padding:5px 20px;
	width:260px;
	background-color:#e5e0d1;
}
#main {
	float:right;
	margin: 0; padding:0px 20px;
	width:400px;
	padding-bottom:20px;
	background-color:#e5e0d1;
}
#main a, #left a {
	color: #555;
}*/

/* form
----------------------------------------------- */

.list {
	clear: both;
	margin: 2px; padding: 2px;
	text-align:left;
	background: #eee;
}
.list .row {
	clear: both;
	margin:1px; padding:1px;
	width:210px; height:24px;
	/*cursor:pointer;*/
	font-size: 100%;
}

.tripdate {
	position:relative;
	left:5px;
	width:180px;
}
.tripno {
	margin:0; padding:0;
	font-weight:bold;
	/*color:#187CBE;*/
}
.tripid {
	font-size: 80%;
}
table .trip {
	width:220px;
	text-align:left;
}

table .trip td {
	margin: 2px 0px; padding: 4px;
	/*background: #eee;*/
	border: 1px solid #ababab;
	border-width: 1px 0px;
}


.section {
	clear: both;
	margin: 0px; padding: 10px 0px;
	text-align:left;
	/*background: #eee;
	border-top: 1px solid #111;*/
}
.section .row {
	clear: both;
	margin: 2px; padding: 0px;
	height:20px;
	font-size: 100%;
}
.section input {
	width:180px;
}
#ttl {
	padding: 0px;
	font-weight:bold;
	text-align:left;
}
.col1, .col2, .col3, .col4, .col5 {
	float:left; width:120px;
}
#two .col1 {
	/*margin-left:10px;*/
	width:105px;
	/*font-size:11px;
	color:#888;*/
}
#two .col2 {
	width:200px;
}
#two .col2rite {
	text-align:right;
	width:300px;
}
#four .col1 {
	margin-left:10px;
}
#four .col2 {
	width:35px;
}
#four .col3 {
	width:45px;
}

#btns ul{
	margin:0; padding:0;
    list-style:none;
}
#btns li{
	margin:0; padding:0;
    display:inline;
}
#btns a {
	text-decoration: none; 
	padding: 1px 6px;
	background-color: #111;
	color: #fff;
	font-weight: bold;
	font-size:90%;
}
/*#btns a:hover {
	color: #e0a108;
	border: solid #111;
	border-width: 1px 0;
}*/
#btns a:hover {
	color: #111;
	background-color: #fff;
}

#November, #December, #January, 
#February, #March, #April, #May {
	display:none;
}

#September-07, #October-07, #November-07, #December-07, #January-08, #February-08, #March-08, #April-08, #May-08 {
	display:none;
}

#September-08, #October-08, #November-08, #December-08, #January-09, #February-09, #March-09, #April-09, #May-09 {
	display:none;
}


#credit, #deposit, #cheque {
	display:none;
}
#credit {
	display:inline;
}

#wrapper {
	margin:0; padding:0;
}
#error-msg ul{
	margin:0; padding:0;
    /*list-style:none;*/
}

#error-msg li {
	color:#c00;
	font-weight:bold;
	/*list-style:none;*/
}

#loading {
	display:none;
}

#error {
	color:#c00;
	font-weight:bold;
}

.endorsement {
	border:1px solid #000;
	padding:8px 20px;
	font-size:110%;
	font-style:italic;
	color:#222;
}


/*#payment {
	padding-top:6px;
}*/



/*
#error-msg, #error-msg ul li {
	margin:0;
	padding:0;
}
#error-msg ul{
	margin:0;
	padding:0;
	padding-bottom:10px;
}
#error-msg ul li {
	color:#000;
	font-weight:bold;
	font-size:90%;
	text-shadow:2px 2px 1px #660000;
	list-style-type:none;
}

div.row {
	clear: both;
	padding-top: 3px;
	font-size: 11px;
}
div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right:10px;
}
div.row span.formw {
	float: right;
	width: 340px;
	text-align: left;
}
div.row span.col{
	float: left;
	text-align: left;
}
div.row span.col input {
	font-weight: bold;
}
div.row span.formw input, textarea {
	width:160px;
	font-weight: bold;
}*/