/*** Dstyle.css ***/

/*** element override styles (in a-z order) ***/

html {
	-webkit-text-size-adjust: none;
}

a:link {
	color: #0000FF;
}

a:active {
	color: #159797;
}

a:visited { /* out-of-sequence for IE6 */
	color: #0000FF;
}

a:hover {
	color: #159797;
}

body {
	background: #313131;
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
}

div.infoHtml {
	font-size: 15px;
	text-align: left;
}

form {
	margin: 0;
	padding: 0;
}

h2 {
	color: #159797;
	font-size: 135%;
	font-weight: bold;
	margin: 0;
}

h3 {
	color: #159797;
	font-size: 120%;
	font-weight: bold;
	margin: 15px 0 0 0;
	text-align: left;
}

h4 {
	color: #000000;
	font-size: 93%;
	font-weight: bold;
	margin: 5px 0 0 0;
	text-align: left;
}

img {
	border: none;
}

input {
	font-size: 100%;
}

p,
pre {
	margin: 0.5em 0 0 0;
	padding: 0;
}

select {
	font-size: 100%;
}

table {  /* see also .mainrow */
	font-size: 100%;  /* override unwanted default */
	line-height: normal; /* ditto */
}

table.bodyTable {
	background: #FFFFFF;
}


/*** page override styles (in page num order) ***/

tr#bodyTableColWidths {
	background: #000000;
}

#D1 #leftbar .menu {  /* Welcome page's yellow box is over image; suppress grey shadow */
	border-right: none;  /* no shadow */
	margin-right: 15px;  /* adjust for removed border */
}

#D1 #join4free {  /* Welcome page's "join carshare2cardiff for free!" link */
	padding-top: 14px;
	text-align: center;
}

#D1 #join4free a {
	color: black;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
}

#D1 #join4free a:hover,
#D1 #join4free a:focus {
	color: blue;
	text-decoration: underline;
}

#D7 .mainbar {
	padding-bottom: 125px;  /* so last anchor link scrolls last item to top of div */
}

#D8 .mainbar {
	padding-bottom: 180px;  /* ditto */
}

#D8 h3 {
	border-top: 1px solid #000000;
	margin: 10px 0 0 0;
	padding-top: 10px;
}

#D8	.mainl8 {
	margin: 0 0 10px 20px;
	padding: 0;
}

#D16 .lhsBlurb {
	width: 100px;
}

#D84 .mainbar {
	padding-bottom: 215px;
}

#D84 h3 {
	border-top: 1px solid #000000;
	margin: 10px 0 0 0;
	padding-top: 10px;
}

#D84 p {
	margin: 0.6em 0;
	padding: 0;
	text-align: justify;
}

#D107 .mainbar {
	padding: 10px 2px 80px 0;
}

#D107 .mainl8 {
	margin: 0 0 10px 20px;
	padding: 0 0 0 0;
}

#D131 .mainbar li {
	margin-top: 5px;
}

#D131 .mainbar ul {
	margin: 0;
	padding: 0 0 0 35px;
}

#D136 h3 {
	border-top: 1px solid #000000;
	margin: 10px 0 0 0;
	padding-top: 10px;
}

#D163 #leftbar {
	font-size: 85%;
}

#D177 .mainbar {
	padding-bottom: 260px;
}

#D177 h4 {
	margin-top: 15px;
}

#D229 .mainbar {
	padding: 10px 2px 0 0;
}

#D229 .mainbar div {
	color: black;
	padding: 0;
}

#D229 .mainbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#D229 .mainbar li {
	margin: 0.8em 0 0 0;
	padding: 0 0 0 0;
}

#D229 .mainj8 {
	margin: 0 0 10px 20px;
	padding: 0 0 0 0;
}

#D242 .mainbar {
	padding-bottom: 230px;
}


/*** bodybar styles ***/


/*** headbar styles ***/

#headbar {
	background: url(images/TopBanner.gif) 0 0 no-repeat;
}

#unliveFlagX {
	left: auto;
	position: absolute;
	top: 0; /* adjust to clear nav buttons */
}

#unliveFlag {
	background: #FFF0F0;
	border: 1px solid #C00000;
	color: #C00000;
	font-size: 20px;
	font-weight: bold;
	left: 400px;
	padding: 3px 5px 5px 5px;
	position: absolute;
	text-align: left;
	top: 5px;
	width: auto;
}

#headbar-row2 {
	background: #000000;
	border-left: 12px solid #FFFFFF;
	border-right: 12px solid #FFFFFF;
	margin: 0;
	padding: 0 10px 3px 0;
	text-align: left;
}

#headbar-row2 li {
	display: inline;
	list-style-type: none;
	margin: 0 0 0 -2px;
	padding: 0;
}

#headbar-row2 li a {
	border-left: 2px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 68%;
	font-weight: bold;
	margin: 0;
	padding: 0 4px 0 7px;
	text-decoration: none;
}

#headbar-row2 li a:link {
	color: #FFFFFF;
}

#headbar-row2 li a:active {
	color: #CADCE6;  /* was #FFF200 */
}

#headbar-row2 li a:visited {
	color: #FFFFFF;
}

#headbar-row2 li a:hover {
	color: #CADCE6;  /* was #FFF200 */
}


/*** leftbar styles ***/

#leftbar {  /* white margin, then grey background */
	background: scroll url(images/LeftBarBackground.png) repeat-y;  /* 1px height, repeated ad lib */
}

#leftbar .menu {  /* yellow box */
	background: #FFF200;
	border-right: 5px solid #CFD3D7;  /* slightly darker grey */
	font-size: 105%;
	font-weight: bold;
	text-align: right;
	margin: 15px 10px 15px 0;
	padding: 12px;
}

#leftbar .menu .motto {
	line-height: 2em;
}

#leftbar .menu .subhead {
	color: #159797;  /* dull turquoise */
	padding: 5px 0 5px 0;
}

#leftbar .menu ul {
	line-height: 1.2em;
	margin: 0;  /* cancel browser peculiarities */
	padding: 0;  /* ditto */
}

#leftbar .menu ul li {
	border-top: 1px dashed #CCCCCC;
	color: #000000;
	list-style: none;
	margin: 0;
	padding: 3px 0;
}

#leftbar .menu ul li a {
	color: #000000;
	text-decoration: none;
}

#leftbar .menu ul li a:link {
	color: #000000;
}

#leftbar .menu ul li a:active {
	color: #159797;
}

#leftbar .menu ul li a:visited {
	color: #000000;
}

#leftbar .menu ul li a:hover {
	color: #159797;
}


/*** mainbar styles ***/

.mainbar {
	padding-top: 9px;
}


/*** rightbar styles ***/


/*** tailbar styles ***/

#tailbar {
	margin: 0 auto 0 auto;
	width: 980px;
}

#tailbar-whitespace {
	background: #FFFFFF;
	font-size: 2px;
	height: 10px;
}

#tailbar-boxes {
	background: #FFFFFF;
	padding: 12px;
}

#tailbar-blurb {
	background: #313131;
	color: #FFFFFF;
	font-size: 70%;
	padding: 4px 0 5px 0;
}

#tailbar a.joining,
#tailbar a.boxLink {
	text-decoration: none;
}

#tailbar a.joining:hover {
	text-decoration: underline;
}


/*** new class styles (in a-z order) ***/

.b {
	font-weight: bold;
}

.bmain { /* obsolescent */
	font-weight: bold;
}

.box1 {
	background: #159797;
	color: #FFFFFF;
	font-size: 120%;
	font-style: italic;
	margin: 5px 0 0 0;
	padding: 5px;
}

.box2 {
	background: #DADEE3;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 5px;
}

.boxHelp {
	background: #E0FFE0;
	font-size: 90%;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 5px 5px;
}

.boxHelp p {
	margin: 5px 0 0 0;
}

.buttonWithBlurb1 {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	line-height: 2em;
	margin: 5px 0 0 0;
	padding: 0 0 3px 0;
}

.buttonWithBlurbN {
	border-bottom: 1px solid #000000;
	line-height: 2em;
	padding: 0 0 3px 0;
}

.c {
	text-align: center;
}

.clr {
	clear: both;
}

.emailText {
	font-family: monospace;
	font-size: 100%;
}

.hid {
	display: none;
}

.hilite {
	color: #FF0000;
}

.i {
	font-style: italic;
}

.j {
	text-align: justify;
}

.l {
	text-align: left;
}

.larger {
	font-size: 120%;
}

.leftcell {
}

.logoEmp {
	float:right;
	height:95px;
	margin:5px 0 0 0;
	width:180px;
}

.logoEmpFilename {
	background: #FFFFFF;
	font-size: 8px;
	margin: 2em 0 0 0;
	padding:0 0 0 2em;
}

.main {
	font-size: 100%;
	font-weight: normal;
}

.mainrow { /* all content rows (see also table) */
	background: #FFFFFF;
	font-size: 75%; /* gives 9px-high uppercases at default browser text size */
	line-height: normal;
}

.r {
	text-align: right;
}

.regNote { /* annotations on "register" and "alter details" */
	color: #2796C1;
	font-style: italic;
}

.rightcell {
}

.smaller {
	font-size: 85%;
}

.u {
	text-decoration: underline;
}

.w {
	color: #FFFFFF;
}


/*** border class styles ***/

.borderTRBL {
	border-top: 1px solid #002063;
	border-right: 1px solid #002063;
	border-bottom: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderTRB {
	border-top: 1px solid #002063;
	border-right: 1px solid #002063;
	border-bottom: 1px solid #002063;
}

.borderTRL {
	border-top: 1px solid #002063;
	border-right: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderTBL {
	border-top: 1px solid #002063;
	border-bottom: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderRBL {
	border-right: 1px solid #002063;
	border-bottom: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderTR {
	border-top: 1px solid #002063;
	border-right: 1px solid #002063;
}

.borderTB {
	border-top: 1px solid #002063;
	border-bottom: 1px solid #002063;
}

.borderTL {
	border-top: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderRB {
	border-right: 1px solid #002063;
	border-bottom: 1px solid #002063;
}

.borderRL {
	border-right: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderBL {
	border-bottom: 1px solid #002063;
	border-left: 1px solid #002063;
}

.borderT {
	border-top: 1px solid #002063;
}

.borderR {
	border-right: 1px solid #002063;
}

.borderB {
	border-bottom: 1px solid #002063;
}

.borderL {
	border-left: 1px solid #002063;
}


/*** legacy class styles ***/

.mainhead {
	color: #159797;
	font-size: 250%;
	font-weight: bold;
}

.head {
	color: #159797;
	font-size: 190%;
	font-weight: bold;
}

.head1 {
	color: #159797;
	font-size: 170%;
	font-weight: bold;
}

.head2 {
	color: #159797;
	font-size: 150%;
	font-weight: bold;
}

.head3 {
	color: #159797;
	font-size: 120%;
	font-weight: bold;
}

.headc11 {
	color: #159797;
	font-weight: bold;
}

.head4Hyder {
	color: #275FAC;
	font-weight: bold;
}

.head5EA {
	color: #78A32E;
	font-weight: bold;
}

.headleft2 {
	color: #159797;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
}

.headleft3 {
	color: #159797;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}

.headleft4 {
	color: #159797;
	font-weight: bold;
	text-align: left;
}

.headleft5 {
	color: #159797;
	font-weight: bold;
	text-align: left;
}

.chead5 {
	color: #000000;
	font-weight: bold;
	text-align: left;
}

.jhead5 {
	color: #159797;
	font-size: 9pt;
	font-weight: bold;
	text-align: justify;
}

.lefthead6 {
	color: #159797;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
}

.chead6 {
	color: #159797;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
}

.head4r {
	color: #159797;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
}

.headleft4cont2 {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

.head4cont2 {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

.left5cont2 {
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
}


/* SECOND COLOUR */

.left5cont {
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}

.headcont {
	color: #000000;
	font-size: 190%;
	font-weight: bold;
}

.head2cont {
	color: #000000;
	font-size: 150%;
	font-weight: bold;
}

.headlcont {
	color: #000000;
	font-size: 14pt;
	font-weight: bold;
}

.head3cont {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
}

.lb3cont {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}

.head4cont {
	color: #000000;
	font-weight: bold;
}

.lb4cont {
	color: #000000;
	font-weight: bold;
	text-align: left;
}

.head5cont {
	color: #000000;
	font-weight: bold;
}

.cont5normal {
	color: #000000;
	font-weight: normal;
	margin: 10px 0px 5px 0px;
	padding: 0;
	text-align: justify;
}

.c5normal {
	color: #428080;
	font-weight: normal;
	text-align: center;
}

.lefthead5 {
	color: #159797;
	font-weight: bold;
	text-align: left;
}

.chead6cont {
	color: #159797;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}

.mainj8cont {
	text-align: justify;
	font-weight: normal;
	margin: 5px 0px 10px 0px;
}


/* NO COLOUR */

.link4 {
	text-align: left;
	font-weight: bold;
}

.link4:hover {
	color: #FF8800;
}

.link4c {
	text-align: center;
	font-weight: bold;
}

.link4c:hover {
	color: #FF8800;
}

.link5 {
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

.unlink5 {
	color: #428080;
	text-align: left;
}

.link5:hover {
	color: #159797;
}

.link5c {
	font-weight: normal;
	text-align: center;
}

.unlink5c {
	color: #428080;
	text-align: center;
}

.link5c:hover {
	color: #159797;
}

.link6 {
	text-align: left;
	font-sizeQ: 90%;
	text-decoration: underline;
}

.unlink6 {
	text-align: left;
	color: #FF8800;
	font-sizeQ: 90%;
}

.link6:hover {
	color: #159797;
}

.link6c {
	text-align: center;
	font-sizeQ: 90%;
	font-weight: normal;
 /*	text-decoration: none; */
}

.unlink6c {
	text-align: center;
	font-sizeQ: 90%;
	font-weight: normal;
}

.link6c:hover {
	color: #159797;
}

.link6HB {
	color: #FFFFFF;
	font-sizeQ: 90%;
	font-weight: bold;
}

.unlink6HB {
	color: #BD0000;
	font-sizeQ: 90%;
	font-weight: bold;
	text-decoration: underline;
}

.link6HB:hover {
	color: #159797;
	text-decoration: underline;
}

.link6HB:active {
	color: #FFCC33;
	text-decoration: underline;
}

.link7c {
	color: #003387;
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: underline;
}	

.link7c:hover {
	color: #FFB000;
}

.link7c:active {
	text-decoration: underline;
}

.unlink7c {
	color: #666666;
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
}


/* MAIN TEXT COLOUR - USUALLY BLACK */

.mainc {
	color: #000000;
	font-weight: normal;
	text-align: center;
}

.mainc9 {
	color: #000000;
	font-weight: normal;
	text-align: center;
}

.mainj9 {
	color: #000000;
	font-weight: normal;
	text-align: justify;
}

.mainl {
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.mainlsmall {
	color: #000000;
	font-size: 90%
	font-weight: normal;
	text-align: left;
}

.mainl8 {
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.mainl4 {
	color: #000000;
	font-size: 40%;
	font-weight: normal;
	text-align: left;
}

.mainc4 {
	text-align: center;
	font-size: 40%;
	font-weight: normal;
	color: #000000;
}

.mainj {
	color: #000000;
	font-weight: normal;
	text-align: justify;
}

.mainj8 {
	color: #000000;
	font-weight: normal;
	text-align: justify;
}

.mainr {
	color: #000000;
	font-weight: normal;
	text-align: right;
}

.mainr8 {
	color: #000000;
	font-weight: normal;
	text-align: right;
}

.bmainc {
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.bmainc9 {
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.bmainl {
	color: #000000;
	font-weight: bold;
	text-align: left;
}

.bmainr {
	color: #000000;
	font-weight: bold;
	text-align: right;
}

.bmainlsmall {
	color: #000000;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
}

/* OTHERS */

.cont {
	color: #0099CC;
}

.rephead {
	background: #159797;
	color: #FFFFFF;
	font-weight: bold;
}

.repbright {
	background: #FFCC33;
}

.repdim {
	background: #DADEE3;
}

.b9cwhite {
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
}

.italic {
	font-style: italic;
}

.redb12c {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	color: #DA2C3B;
}

.b9l {
	text-align: left;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}

.b8l {
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.b6l {
	text-align: left;
	font-size: 6pt;
	font-weight: bold;
	color: #000000;
}

.n8 {
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
}

.n7 {
	text-align: left;
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
}

.b9c {
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}


.n9c {
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
}

.n9 {
	text-align: left;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
}

.b9 {
	text-align: justify;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}


.ib9c {
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}


.i9c {
	text-align: center;
	font-size: 9pt;
	font-style: italic;
	color: #000000;
}

.i9 {
	font-size: 9pt;
	font-style: italic;
	color: #000000;
}


/* for questionnaire */

.qa {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.qb {
	font-weight: bold;
	text-align: left;
}

.qc {
	text-align: left;
}

.qd {
	text-align: right;
}

.qe {
	text-align: left;
}

.qf {
	font-style: italic;
	text-align: left;
}