html {height:100%}

/* Hack for IE */
* html #mainContainer {
    height: 100%;
}
/* End IE Hack */

body 
{
    background:#88163a url('../images/pageBackground.gif') no-repeat top center;
    color:#818286;
    height:100%;
    font-size: 94%; 
    margin: 0;
	padding: 0;
	font-family:arial;
}
#mainHead
{
    background: #88163a url('../images/topMid.jpg') no-repeat 0 0;
    margin: 0 auto 0 auto;
    height:68px;
}    
#mainContainer
{
    height:auto;
    height:100%;
    width:848px;
    margin: 0 auto 0 auto;
    padding:0;
    background:white;
}	
#main 
{
    background:white url('../images/centreBackground.jpg') no-repeat 0 0;
    min-height:470px;
    width:588px;
    display:block;
   	padding:100px 130px 0 130px;
}
#main2
{
    background:white url('../images/centreBackground.jpg') no-repeat 0 0;
    min-height:470px;
    width:638px;
    display:block;
   	padding:100px 105px 0 105px;
}
.topText
{
    display:block;
    min-height:40px;
}
.topText a
{
    color:#88163a;
}

h1 
{
    color:#88163a;
    font-family:Times New Roman;
    font-size:1.6em;
    font-weight:normal;
    display:block;
    border-bottom:solid 1px #88163a;
    padding:5px 0 5px 0;
    margin:0 0 15px 0;
}
h2
{
    color:#88163a;
    font-family:Times New Roman;
    font-size:1.35em;
    font-weight:normal;
    display:block;
    border-bottom:solid 1px #88163a;
    padding:5px 0 5px 0;
    margin:20px 0 10px 0;
}
a 
{
    color:#818286;
    text-decoration:none;
}
a:hover 
{
    color:#88163a;
    text-decoration:underline;
}
a.selected {color:#88163a;font-weight:bold;}

.footer1
{
    float:right;
    text-align:right;
    padding-top:50px;
/*    display:block;
    padding:50px;*/
}
.footer2
{
    float:right;
    padding-top:50px;
/*    position:relative;
    right:-70px; */
    text-align:right;   
}
.footer3
{
    float:right;
/*    padding-top:50px;*/
    text-align:right;
/*    margin:0 auto;*/
    width:225px;
}
/* login screens */
.formLayout, .formLayout1 {width:100%;height:25px}
.formLayout input {text-transform:none;width:300px;border:solid 1px #818286;float:right;}
.formLayout1 input {text-transform:none;}
.formLayout .right {text-transform:none;width:300px;border:solid 1px #818286;float:right;}
.captchaLayout {width:200px;margin-left:250px;text-align:left;}
.captchaLayout input {margin-left:0;border:solid 1px #818286;}
.welcomeLegal {float:right;position:relative;top:100px}

.chairman {margin-right:10px;}
.error {color:#88163a;}

/* personal details */
.personalDetails td {text-transform:uppercase}
.personalDetails td input {text-transform:none;width:300px;border:solid 1px #818286;}

.fieldNote {color:#88163a;display:block;text-align:right;right:0;position:relative;padding-bottom:5px}

/* transport option */
#transportOptions 
{
    line-height:2em;
    padding:0;
    margin:0;
}
#transportOptions #opt1, #transportOptions #opt2, #transportOptions #opt3, #transportOptions #opt4, #transportOptions #opt5
{
    background-repeat:no-repeat;
    background-position: 0 5px;
}
#transportOptions #opt1 {background-image:url('../images/bullet_1.jpg')}
#transportOptions #opt2 {background-image:url('../images/bullet_2.jpg')}
#transportOptions #opt3 {background-image:url('../images/bullet_3.jpg')}
#transportOptions #opt4 {background-image:url('../images/bullet_4.jpg')}
#transportOptions #opt5 {background-image:url('../images/bullet_5.jpg')}

#transportOptions a 
{
    padding:0 70px 3px 30px;
    height:2em;
}
#transportOptions a.selected
{
    color:#88163a;
    background:url('../images/selectedSm.jpg') no-repeat right;
}
.navForwardButton, .navBackButton, .navOKButton, .navResetButton
{
    text-transform:uppercase;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:21px;
    display:inline-block;
}
.navForwardButton a, .navBackButton a, .navOKButton a, .navResetButton a
{ display:block;color:White;padding:auto;}

.navForwardButton
{
    background:#88163a url('../images/maroonLeft.jpg') no-repeat 0 0;
    float:right;
    padding-left:7px;
    margin-left:20px;
}
.navForwardButton a,.navOKButton a
{
    background:#88163a url('../images/maroonRight.jpg') no-repeat right;
    padding-top:3px;
    height:18px;
    padding-right:7px;
}
.navBackButton
{
    background:#666b81 url('../images/greyLeft.jpg') no-repeat 0 0;
    padding-left:7px;
}
.navResetButton
{
    background:#666b81 url('../images/greyLeft.jpg') no-repeat 0 0;
    padding-left:7px;
    float:left;
}
.navOKButtonContainer
{
    text-align:center;
    padding:15px 0 0 0;
    margin:0 auto;
    width:50px;
}
.navOKButton
{
    background:#88163a url('../images/maroonLeft.jpg') no-repeat 0 0;
    padding-left:7px;
}
.navBackButton a, .navResetButton a
{
    background:#666b81 url('../images/greyRight.jpg') no-repeat right;
    padding-right:7px;
    padding-top:3px;
    height:18px;
}
/*Modal Popup*/
.modalBackground {background-color:#CCC;filter:alpha(opacity=30);opacity:0.3;text-align:center}
.modalPopup {background-color:#FFF;width:450px;}
.modalHeader {background:#88163a url('../images/modalBack.jpg') no-repeat 30px 29px;padding:30px;color:White}
.modalHeader:first-letter {color:#88163a;padding:0 10px 0 6px;}
.modalBody {padding:30px;text-align:justify}

/* driver details */
#driverDetails {width:100%}
#driverDetails td {}
#driverDetails td input {text-transform:none;width:200px;border:solid 1px #818286;}
.other { width:340px;height:80px;}

table.listview { font-size:75%;margin-left:-70px;color:#333;}
table.gridview { width: 100%;font-size:95%;text-transform:capitalize;padding:0;margin:0}
table.gridview tr { background: #FCFDFE;}
table.listview tr.even { background: #EEE;}
table.gridview tr.even { background: #EEE;}
table.gridview a:link	{ color: #88163a; text-decoration: none; }
table.gridview a:visited { color: #88163a; text-decoration: none; }
table.gridview a:hover	{ color: #444; text-decoration: underline !important; }
table.gridview td a:link, table.gridview td a:visited { font-size: 90%; padding:0 50px 0 50px; border-left:solid 1px #AAA; }
table.gridview table td	{ padding:0 .5em 0 .5em; }
table.gridview input[type="text"] {border:solid 1px #88163a;width:400px;}

/* the following modify's the controls in the list table footer */
tr.Footer td    {background: #E6EDF5; height: 1.5em; }
div.PageXofN    {display: inline; z-index: 2;   }
div.Results     {display: inline;background: #E6EDF5;position:absolute;right: 2%;padding-top:.1em;padding-left:1em;text-align:right;z-index: 1;}
    
/* ResizableControl */

.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	float:left;
	padding:3px;
}

.frameText
{
	width:100px;
	height:100px;
	overflow:auto;
	float:left;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(../images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}

.handleText
{
	width:16px;
	height:16px;
	background-image:url(../images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391BA;
}

/* admin pages */
#adminSummary
{
    line-height:30px;
    list-style:none;
}
#adminSummary span {font-weight:bold;}
#adminSummary ul
{ list-style:none; }

.even {background-color:#CCC}
.gridviewHeader {color:#88163a;font-weight:bold;text-transform:capitalize;}
.gridviewHeader th a {color:#88163a;text-decoration:none}
.gridviewHeader th a:hover {text-decoration:underline}
.gridviewLine {background-image:url(images/darkgrey.gif);background-repeat:repeat-x;background-position:bottom}
.gridviewHeader th {padding:2px;text-align:left;}
.gridview {border:solid 1px white;margin:0 -100px 0 -100px;font-size:70%}
.gridview td {border:none 0px;padding:2px 0 2px 2px;}
.gridviewFooter td {width:100%}
div.PageXofN {height:28px;padding:6px 2px 6px 6px;color:#45c3d0;font-weight:bold;display:inline; }
div.Results {height:28px;padding:6px 2px 6px 70px;color:#45c3d0;font-weight:bold;display:inline; }
.smaller {font-size:70%}
.smaller input {border:solid 1px #818286;}

.tabContents {height:250px;overflow:auto;}
.tabContents a {display:block;}
.floatRight {float:right;}