*, html { margin: 0; padding: 0; }

body { background: #FFF; margin: 15px 0; font-family: Arial,sans-serif; font-size: small; color: #2C0300; }


h1, h2, h3, h4, h5, h6 { padding: 0; margin:  0 0 0.5em 0; }
h1 { color:#013c4a; font-size: 180%; margin-bottom: 0.6em; font-weight: normal; font-weight: bold; }
h2 { color:#3e7a87; font-size: 140%; margin: 0.3em 0 0.4em 0; }
h3 { color:#6b723f; font-size: 125%; margin: 0.4em 0 0.3em 0; }
h4 { color:#600; font-size: 112%; margin: 0.4em 0 0.3em 0; font-weight: normal; }
h5 { color:#645644; font-size: 100%; margin: 0.4em 0 0.3em 0; font-weight: normal; }
h6 { color:#333; font-size: 80%; margin: 0.3em 0 0.3em 0; font-weight: normal; }

h1 span{color:#ccc; font-size:80%; margin:0; font-weight:bold; }

p {margin:0 0 1.2em 0;line-height:1.2em;padding:0; }
p.note { font-style:italic; font-size:80%; margin:0 0 5px 0;padding:0; }
span { font-weight: bold; color: #013c4a; }

a{color:#636; }
a:hover{color:#9d4f9d; }

img { border: none; display: block; }

.required {color:#990000; font-weight:bold; }
.clear { clear: both; }
.boldText{ font-weight: bold; }



#menu { width: 780px; margin: 0 auto; }

#menu ul{
	margin: 5px 5px 5px 0;
	padding: 0;
	list-style: none;
	float: right;
}

#menu ul li{
	float: left;
	margin: 0 4px 0 0;
}

#menu ul li a{
	color: #3E7A87;
	text-decoration: none;
	padding: 0 4px 0 3px;
}

#menu ul li a:hover{
	color: #2C0300;
	text-decoration: underline;
}

#wrapper { width: 780px; margin: 0 auto; background: url(../images/shadow.gif) top left repeat-y; }

#header { /*height:100px;*/ background: #333; width: 760px; margin: 0 0 0 10px; }
#main { padding: 0 20px; margin: 0 0 15px 0; }

#topWrapper { width: 740px; margin: 20px 20px 0; }
#bottomWrapper { width: 740px; margin: 0 20px 20px; position: relative; }

#cross { width: 15px; height: 15px; position: absolute; top: -8px; left: 297px; background: url(../images/cross.gif) 0 0 no-repeat; }

/* LEFT COLUMN */
.left-panel { float: left; width: 280px; margin: 0; padding: 0 15px 0 10px; font-size:85%; }
.left-panel .airnz { /*height: 57px;*/ background: url(../images/dotted-bg-hor.gif) repeat-x left bottom; padding: 10px 0; margin: 0 0 15px 0; }
.left-panel .airnz p { /*float: left;*/ margin: 0 0 10px 0; padding: 0; }
.left-panel .airnz img { float: left; padding-right: 10px; }
#bottomWrapper .left-panel { padding-top: 20px; }

/* RIGHT COLUMN */
.right-panel { background: url(../images/dotted-bg.gif) top left repeat-y; float: left; width: 410px; padding: 0 10px 0 15px; }
#bottomWrapper .right-panel { padding-top: 20px; }

#driver-enter-draw { width: 410px; background: #c0c1c3 url(../images/enter-the-draw-bg.gif) top left no-repeat; margin-bottom: 20px; padding-bottom:10px; }
#driver-enter-draw h1.title-enter { height: 90px; background: url(../images/enter-the-draw.gif) top left no-repeat; text-indent: -9999px; }
#driver-enter-draw .innerPanel { padding: 0 45px; }


#driver-enter-draw .innerPanel .locationBox{ width: 320px; margin: 0 0 20px 0; background: #DCDEE0; }
#driver-enter-draw .innerPanel .locationBox h2 { background: #231F20; padding: 5px; margin: 0; color: #cccccc; font-size: small; text-transform: uppercase;}
#driver-enter-draw .innerPanel .locationBox .innerPanel { padding: 5px;}
#driver-enter-draw .innerPanel .locationBox .innerPanel .locationBtn { padding: 5px 0 0 0; }
#driver-enter-draw .innerPanel .locationBox .innerPanel .locationBtn img { float: right; }

.right-panel ol{
	margin: 0 0 0 20px;
	padding: 0;
}

.right-panel ol li{
	margin: 0 0 10px 0;
}


.right-panel ol li ol { 
	margin-top: 10px;

}
.right-panel ol li ol li { 
	list-style-type:lower-alpha;
	margin: 10px 0 5px 20px;

}

#driver-nominate { width: 410px; background: #c0c1c3; }
#driver-nominate h1.title-nominate { height: 90px; background: url(../images/nominate-a-team.gif) top left no-repeat; text-indent: -9999px; }
#driver-nominate .innerPanel { padding: 0 45px 10px;}


#footer { height:50px; background: #333; }

/* FORM ELEMENTS */
form { /*display:inline;*/ /*width: 400px;*/ margin: 0 5px; }

table { border: 0; border-collapse: collapse; font-size: 100%; /*margin-bottom: 15px; margin-top: 15px;*/ }
td, th { padding: 4px 5px; text-align: left; vertical-align: top; }

input, select { height: 20px; color:#4b4133; border: none; }
input { width:200px; }
textarea { color:#4b4133; border: none; }

select option { padding:0 0.4em; }

textarea { font-size: 100%; font-family:Calibri,Arial,sans-serif;color:#4b4133; width: 400px; height:200px; }

.autosize input,.autosize textarea{width:99%; }

.phone input {width:50px; }

/* GRID TABLES */

/* -- Enter form --*/
.gridEnter { background-color: #E2E2E2; }
.gridEnter tr.nameBox th { background-color:#e5ebed; }
.gridEnter tr.nameBox td { background-color:#e5ebed; }
.gridEnter tr.submit td { background-color:#e5ebed; }
.gridEnter tr.submit input { height: 35px; margin-bottom: 15px; }

.gridEnter th { height: 37px; padding: 8px 15px 25px; background: url(../images/form-title-bg.gif) top left repeat-x; font-size: 120%; font-weight: bold; color:#fff; text-align:left; }
.gridEnter th.subhead { padding:5px 6px; background-color:#ccc; font-size: 100%; color:#000; }

.gridEnter td { }
.gridEnter td input { float: none; }
.gridEnter td.checkBox1 input { width: auto; float: left; margin: 0 5px 0 10px; }
.gridEnter td.checkBox input { width: auto; float: left; margin: 0 5px 0 0; }
.gridEnter td.key { text-align:right; }
.gridEnter td.info { padding: 0 15px 7px 15px; }
.gridEnter td.chkBox input {width:10px; padding:0; margin:2px 5px 0 0;}
.gridEnter input.mInput {width:150px;}


/* -- Login admin --*/
.gridLogin { background-color: #E2E2E2; }
.gridLogin tr.submit { }
.gridLogin tr.submit input { width:80px; margin-bottom: 15px; background: #2E606A; color: #ffffff; }
.gridLogin th { height: 37px; padding: 8px 15px 25px; background: url(../images/form-title-bg.gif) top left repeat-x; font-size: 120%; font-weight: bold; color:#fff; text-align:left; }
.gridLogin td { }
.gridLogin td.key { text-align:right; }
.gridLogin td.info { padding: 0 15px 7px 15px; }

/* -- Use for Location List in admin --*/
.gridListOutter{ width: 710px; padding: 10px; background-color: #E2E2E2; }
.gridTitle { width: 715px; height: 29px; padding: 8px 0 0 15px; margin: 0; background: url(../images/form-title-bg.gif) top left repeat-x; font-size: 120%; font-weight: bold; color:#fff; text-align:left; }
.gridList { background-color:#ffffff; }
.gridList tr.active td { background-color: yellow; }
.gridList th { padding:2px 6px 2px 2px; background: #ccc; font-weight: bold; }
.gridList td { padding:2px 10px 2px 2px; font-size:85%; border-bottom: 1px solid #ccc; }
.gridList .number { width:50px; text-align:right; }

/* -- Location form --*/
.gridTitle1 { width: 715px; height: 29px; padding: 8px 0 0 15px; margin: 0; background: url(../images/form-title-bg.gif) top left repeat-x; font-size: 120%; font-weight: bold; color:#fff; text-align:left; }
.gridLocationsOutter{ width: 710px; padding: 10px; background-color: #E2E2E2; }
.gridLocations { }
.gridLocations tr.submit input { width:80px; float: none; background: #2E606A; color: #ffffff; }
.gridLocations td { }

.gridLocations td.datetime img, .gridLocations td.datetime input, .gridLocations td.datetime select { float: left; }
.gridLocations td img { margin: 0 10px; }
.gridLocations td.key { text-align:right; width: 150px; }

#nzruLogo { width:280px; text-align:left; margin:10px 0;}
#nzruLogo img { margin:0;}

.YouTube {
height:238px;
margin:0 0 13px;
width:294px;}