html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
}
body {
	font: 90%/ 150% "Arial", "malayaam", "Helvetica", serif;
	background: #c0dbd0 url('/images/body-grad-bg.png') repeat-x;
}

h2,h3,h4,h5,h6,ol,ul,p,blockquote,table {
	margin-bottom: 1em;
}

p.small {
	font-size: 90%;
}

table {
	border-collapse: collapse;
}

table th,td {
	border: solid 1px #dfede7;
	padding: 2px;
	vertical-align: top;
}

tr.ruled,tr.ruled td {
	background-color: #fee285;
}

td.nextTime {
	background-color: #f39d80;
}


/* Clickable element styles. Mainly anchors, but also inline labels */
a, p label {
	color: #063;
	text-decoration: none;
	padding-bottom: 1px;
	cursor: pointer;
}
a:hover, p label:hover {
	color: #096;
	text-decoration: underline;
}

h2 {
	margin-top: 1em;
	font-size: 130%;
	font-weight: normal;
}

img {
	border: 0;
}

h1 {
	display: none;
}

ul,ol {
	padding-left: 18px;
}

#wrapper {
	position : relative;
	background: url('/images/content-bg.png') repeat-y left top;
	width: 1016px;
	margin : auto;
}
#main {
	position : relative;
	margin-top : -382px;
	padding : 0px 24px;
}
	
#header_bg {
	height: 382px;
	width : 100%;
	background: url(../images/header-bg.png) no-repeat center top;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	width:100%;
}

#footer {
	position : relative;
	margin: auto;
	width: 1016px;
	height: 140px;
	background: #c0dbd0 url(../images/footer-bg.png) no-repeat left top;
	font-size: 80%;
}

#breadcrumbs {
	position: relative;
	font-size: 80%;
	padding: 0;
	margin-left: 5px;
	float : left;
}

#breadcrumbs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display : inline;
}

#breadcrumbs ul li {
	display: inline;
	padding-left: 10px;
	padding-right: 2px;
	margin : 0px;
	background-image: url(../images/li-bullet-arrow-black.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#breadcrumbs ul li a.home {
	font-weight: bold;
}

#brand-strip {
	margin : auto;
	padding-bottom: 10px;
}

#brand-strip p {
	display: none;
}

#navsec {
	float: left;
	width: 200px;
}

#navsec ul, #navsec ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom : 1em;
}
#navsec ul ul {
	margin-left : 0px;
	width : auto;
	margin-bottom : 0px;
}
#navsec ul ul ul {
	margin-left : 5px;
	width : auto;
}
#navsec li {
	margin : 2px 0px;
}
#navsec li a.active {
	background: #f18808 url(../images/bg-stripped.gif) right repeat-y;
	font-weight: bold;
}

#navsec a, #navsec ol li {
	display: block;
	color: white;
	padding: 5px;
	margin: 0px;
	background: #f5ac53;
}
#navsec ol li {
	margin : 2px 0px;
}

#navsec a:hover {
	background: #f18808 url(../images/bg-stripped.gif) right repeat-y;
}

div.content {
	margin-left: 10px;
	line-height: 140%;
	position: relative;
}

div.content.side {
	float: left;
	width: 750px;
}
div.greencard-noside-container {
	padding: 0 40px 0 40px;
}
hr {
	margin: 20px 0 20px;
}
div.content p {
	line-height: 140%;
}

#journey_wrapper h2 { display: block; margin-top: 0.5em; }
#journey_wrapper form { clear: both; }
#journey_wrapper p { clear: both; }
#journey_wrapper fieldset { float: left; }
#journey_wrapper fieldset select { margin-right: 10px; margin-left: 10px; }
#journey_wrapper legend { float: left; }
#journey_wrapper tbody tr td { text-align: left; }
#journey_wrapper tbody tr th { font-weight: bold; background-color: #ebebeb; }

#plugin-body {
	top: 0;
	margin-top: 10px;
	padding-top: 5px;
}

.route-result {
	width: 400px;
	float: left;
	padding-left: 15px;
	margin-top: 15px;
	position: relative;
}

#banner {
	position: absolute;
	right: 32px;
	top: 14px;
}

.logo img {
	margin-left: 8px;
	margin-top: 20px;
}

#left {
	width: 532px;
	margin-left: 15px;
	clear : none;
	float : left;
}

#home-news h2 {
	padding: 8px 12px;
}

#home-news {
	clear: both;
	margin-left: 15px;
	padding-top: 10px;
}

#home-news-left, #home-news-right {
	width: 475px;
	float: left;
}

#right {
	position: relative;
	float: right;
	clear : none;
}

#route
{
	width: 350px;
}

#footer #credits {
	position: absolute;
	bottom: 0;
	padding-bottom: 60px;
	margin-left: 820px;
}

#footer p {
	display: inline;
}

#footer #second {
	position: absolute;
	bottom: 0;
	padding-bottom: 60px;
}

#footer ul {
	display: inline;
	list-style: none;
}

#footer ul li {
	display: inline;
	padding: 0 8px 0 10px;
	border-left: solid 1px #222;
}

#footer ul li a {
	text-decoration: none;
	color: #444;
	background-color: transparent;
}

#footer ul li a:hover {
	border-bottom: dotted 1px #444;
}

#footer .first {
	border-left: 0;
}

.sub-block {
	width: 399px;
	margin-bottom: 12px;
}

.sub-block h2 {
	background: #097147 url(../images/green-pattern.png);
	color: white;
	font-weight: normal;
	font-size: 100%;
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 16px;
	margin: 0;
	padding-top: 0;
}

.sub-block div {
	margin-top: 2px;
	background: #dfede7;
}
div#nav-main li#search {
	float : none;
	text-align : right;
	padding : 0px 0px;
	z-index : 10;
	line-height : 100%;
}
#search form {
	padding : 4px 0px;
	margin : 0px 1px;
	background : #E2E2E2;
	text-align : right;
}

#search form input.text {
	width: 95px;
	padding : 1px;
	margin : 0px;
	border : 1px solid #aaaaaa;
}

#status {
	float : right;
	font-size: 80%;
	text-align: right;
	z-index: 1;
}

#status.home {
	top: 130px;
}

#status p {
}

#status ul {
	display: inline;
	padding: 0;
}

#status ul li {
	border-left: solid 1px #333;
	padding: 0 6px 0 6px;
	display: inline;
}

#status ul li a {
	text-decoration: none;
	color: #444;
}

#status ul li a:hover {
	border-bottom: dotted 1px #555;
}

#nav-news {
	margin: 24px 0 0 0;
	clear: both;
}

#nav-news ul {
	list-style: none;
}

#nav-news ul li {
	display: inline;
	border-left: solid 1px #333;
	padding-left: 6px;
}

#nav-news ul li.first {
	border: 0;
}

#nav-news ul li a {
	color: #222;
	text-decoration: none;
}

#nav-news ul li a.rss {
	background: white url(../images/icon-rss.png) no-repeat left;
	padding-left: 18px;
}

#navsec div a.rss {
	background: white url(../images/icon-rss.png) no-repeat left;
	padding-left: 18px;
	color: black;
}

#navsec div a.rss:hover {
	background: white url(../images/icon-rss.png) no-repeat left;
	padding-left: 18px;
	color: black;
}

#nav-news ul li a:hover {
	border-bottom: dotted 1px #555;
}

.yellow {
	background: #f3c535;
}

.h {
	display: none;
}

/* Main Navigation (suckerfish dropdowns, modified) */
	/* parent block */
div#nav-main {
	position : relative;
	width: 100%;
	z-index : 10;
}

/* top level list */

div#nav-main ul {
	margin : 0px;
	padding : 0px;
	list-style-type: none;
	border : 1px solid white;
	clear : both;
}

div#nav-main ul li {
	position : relative;
	margin : 0px;
	float : left;
	line-height: 100%;
	z-index : 11;
	
	border : 1px solid white;
	background: #e2e2e2;
	
}

div#nav-main ul li a {
	display : block;
	position : relative;	
	margin : 0px;
	padding : 0.7em;
	padding-left : 18px;
	z-index : 12;
	
	background-image: url(../images/li-bullet-arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 8px;
		
	color: #333;
	text-decoration: none;
	
}

#nav-main ul li#navpri-1 a:hover,#nav-main ul li#navpri-1 a.active,#nav-main ul li#red a:hover,#nav-main ul li#red a.active
	{
	background-image: url(../images/li-bullet-arrow-white.gif);
	background-color: #e73a00;
	color: white;
}

#nav-main ul li#navpri-2 a:hover,#nav-main ul li#navpri-2 a.active,#nav-main ul li#orange a:hover,#nav-main ul li#orange a.active
	{
	background-image: url(../images/li-bullet-arrow-white.gif);
	background-color: #f18808;
	color: white;
}

#nav-main ul li#navpri-3 a:hover,#nav-main ul li#navpri-3 a.active,#nav-main ul li#yellow a:hover,#nav-main ul li#yellow a.active
	{
	background-image: url(../images/li-bullet-arrow-white.gif);
	background-color: #fcc40b;
	color: white;
}

#nav-main ul li#navpri-3 a:hover,#nav-main ul li#navpri-3 a.active,#nav-main ul li#green a:hover,#nav-main ul li#green a.active
	{
	background-image: url(../images/li-bullet-arrow-white.gif);
	background-color: #5eae1b;
	color: white;
}

#nav-main ul li#navpri-4 a:hover,#nav-main ul li#navpri-4 a.active,#nav-main ul li#darkgreen a:hover,#nav-main ul li#darkgreen a.active
	{
	background-image: url(../images/li-bullet-arrow-white.gif);
	background-color: #167a1a;
	color: white;
}

#nav-main ul li#navpri-5 a:hover,#nav-main ul li#navpri-5 a.active,#nav-main ul li#blue a:hover,#nav-main ul li#blue a.active
	{
	background-image: url(../images/li-bullet-arrow-white.gif);
	background-color: #03acef;
	color: white;
}

#nav-main ul li#navpri-7 a:hover,#nav-main ul li#navpri-7 a.active,#nav-main ul li#purple a:hover,#nav-main ul li#purple a.active
	{
	background-image: url(../images/li-bullet-arrow-white.gif);
	background-color: #8a78b4;
	color: white;
}
/* sub level list */
div#nav-main li ul {
	display: none;
	position: absolute;
	top: 2.4em;
	left: 0;
	z-index : 13;
	border : none;
}
div#nav-main li ul ul {
	top : 0px;
	left : 99%;
}
div#nav-main li:hover > ul {
	display: block;
}

div#nav-main li ul a {
	width: 130px;
	white-space: normal;
	color: #555;
	padding : 0.4em;
	padding-left : 15px;
	border-width : 1px 2px;
}


#nav-results {
	text-align: center;
}

.feature {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", serif;
	padding-left: 60px;
	height: 50px;
	background: white url(../images/icon-bus.png) no-repeat 8px 3px;
}

.bus_blue {
	padding-left: 60px;
	padding-bottom: 10px;
	background: white url(../img/bus_icons/bus_blue.png) no-repeat 8px 3px;
}

.bus_green {
	padding-left: 60px;
	padding-bottom: 10px;
	background: white url(../img/bus_icons/bus_green.png) no-repeat 8px 3px;
}

.bus_orange {
	padding-left: 60px;
	padding-bottom: 10px;
	background: white url(../img/bus_icons/bus_orange.png) no-repeat 8px 3px
		;
}

.bus_purple {
	padding-left: 60px;
	padding-bottom: 10px;
	background: white url(../img/bus_icons/bus_purple.png) no-repeat 8px 3px
		;
}

.bus_red {
	padding-left: 60px;
	padding-bottom: 10px;
	background: white url(../img/bus_icons/bus_red.png) no-repeat 8px 3px;
}

.bus_yellow {
	padding-left: 60px;
	padding-bottom: 10px;
	background: white url(../img/bus_icons/bus_yellow.png) no-repeat 8px 3px
		;
}

.feature * {
	font-size: 86%;
	line-height: 112%;
}

.feature p,.feature h3 {
	margin: 2px 0;
}

.feature em {
	font-style: normal;
}

ul.plain {
	padding: 0;
	list-style: none;
}

.right {
	float: right;
}

.left {
	float: left;
}

.ucase {
	text-transform: uppercase;
}

.rbox {
	padding: 3px;
	margin: 0 5px 0 2px;
}

table.small td {
	padding: 0;
}

table.plain th,table.plain td {
	border: 0;
}

#legend {
	font-size: 78%;
	margin-top: 12px;
}

#legend td,p {
	line-height: 86%;
}

#timetable thead tr th {
	text-align: left;
	font-size: 100%;
}

#resources {
	float : right;
	margin-top: 20px;
	width: 200px;
	font-size: 84%;
}
#resources.full {
	position : relative;
	top : 0px;
	right : 0px;
	width : 400px;
	font-size : 100%;
	margin : 0px auto;
}

#resources div {
	padding-bottom: 4px;
}

#resources h2 {
	background-image: none;
	padding: 2px;
	margin: 0;
	font-size: 13px;
	line-height: 14px;
	height: 16px;
	text-align: center;
}

#resources ul {
	list-style: none;
	margin: 10px;
	padding-left: 0;
}

ul li.pdf, ul li.jpg {
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-top: 4px;
	padding-left: 22px;
}
ul li.pdf { background-image: url('/images/icons/page_white_acrobat.png'); }
ul li.jpg { background-image: url('/images/icons/page_white_picture.png'); }
ul li.image { background-image: url('/images/icons/page_white_picture.png'); }
ul li.map { background-image: url('/images/icons/map.png'); }

#resources a:hover {
	border-bottom: dotted 1px #444;
}

ul.horizontal li {
	display: inline;
}

/*
*		TIMETABLE AND MAP COLOUR SCHEME - RED
*/
#brand-strip.scheme-1 {
	background: #eee url(../images/strips/salamanca.jpg) no-repeat;
}

#navsec.scheme-1 li a.active {
	background: #ee754d url(../images/bg-stripped.gif) right repeat-y;
}

#navsec.scheme-1 a {
	background: #e73a00;
}

#navsec.scheme-1 a:hover {
	background: #ee754d url(../images/bg-stripped.gif) right repeat-y;
}

/*
*		TICKETS AND FARES COLOUR SCHEME - ORANGE
*/
#brand-strip.scheme-2 {
	background: #eee url(../images/strips/validate-ticket.jpg) no-repeat;
}

#navsec.scheme-2 li a.active {
	background: #f5ac53 url(../images/bg-stripped.gif) right repeat-y;
}

#navsec.scheme-2 a {
	background: #f18808;
}

#navsec.scheme-2 a:hover {
	background: #f5ac53 url(../images/bg-stripped.gif) right repeat-y;
}

/*
*		MYMETRO COLOUR SCHEME - YELLOW
*/
#brand-strip.scheme-3 {
	background: #eee url(../images/strips/with-stone-wall.jpg) no-repeat;
}

#navsec.scheme-3 li a.active {
	background: #fdd655 url(../images/bg-stripped.gif) right repeat-y;
}

#navsec.scheme-3 a {
	background: #fcc40b;
}

#navsec.scheme-3 a:hover {
	background: #fdd655 url(../images/bg-stripped.gif) right repeat-y;
}

/*
*		NEWS COLOUR SCHEME - GREEN
*/
#brand-strip.scheme-3 {
	background: #eee url(../images/strips/seats.jpg) no-repeat;
}

#navsec.scheme-3 li a.active, #navsec.scheme-4 ol li.active {
	background: #8fc660 url(../images/bg-stripped.gif) right repeat-y;
}

#navsec.scheme-3 a, #navsec.scheme-4 ol li {
	background: #5eae1b;
}

#navsec.scheme-3 a:hover {
	background: #8fc660 url(../images/bg-stripped.gif) right repeat-y;
}

/*
*		NEWS COLOUR SCHEME - DARK GREEN
*/
#brand-strip.scheme-4 {
	background: #eee url(../images/strips/seats.jpg) no-repeat;
}

#navsec.scheme-4 li a.active {
	background: #5ca25f url(../images/bg-stripped.gif) right repeat-y;
}

#navsec.scheme-4 a {
	background: #167a1a;
}

#navsec.scheme-4 a:hover {
	background: #5ca25f url(../images/bg-stripped.gif) right repeat-y;
}

/*
*		NEWS COLOUR SCHEME - BLUE
*/
#brand-strip.scheme-5 {
	background: #eee url(../images/strips/fern-tree.jpg) no-repeat;
}

#navsec.scheme-5 li a.active {
	background: #4fc5f4 url(../images/bg-stripped.gif) right repeat-y;
}

#navsec.scheme-5 a {
	background: #03acef;
}

#navsec.scheme-5 a:hover {
	background: #4fc5f4 url(../images/bg-stripped.gif) right repeat-y;
}

/*
*		NEWS COLOUR SCHEME - PURPLE
*/
#brand-strip.scheme-6 {
	background: #eee url(../images/strips/driver.jpg) no-repeat;
}

#navsec.scheme-6 li a.active {
	background: #ada1cb url(../images/bg-stripped.gif) right repeat-y;
}

#navsec.scheme-6 a {
	background: #8a78b4;
}

#navsec.scheme-6 a:hover {
	background: #ada1cb url(../images/bg-stripped.gif) right repeat-y;
}

#caption {
	color: white;
	height: 33px;
	position: relative;
	top: -57px;
	padding: 10px;
	display: none;
}

#caption h3 {
	font-size: 120%;
	margin: 0;
	padding-bottom: 5px;
}

#caption p {
	font-size: 100%;
}

.timetableAlerts {
	background-color : #DFEDE7;
	border : 2px solid #097147;
	margin : 0.5em;
	padding : 0.2em;
}
.timetableAlerts h3 {
	margin : 0px;
}
.timetableAlerts p {
	margin : 0.2em 0px;
}


table.service-list th {
	text-align: left;
	padding-left: 5px;
	background: #dfede7;
}

table.service-list td {
	padding-left: 5px;
}
table.service-list h4, table.service-list p {
	margin-bottom: 0px;
}
table.service-list p {
	color: #444;
	font-size: small;
}


#home-content h2
{
	display: none;
}

#timetable-header
{
	text-align:left; 
	border : 1px solid #dfede7; 
	border-bottom : none;
}

#timetable-table
{
	overflow:auto; 
	border:1px solid #dfede7;
	margin-bottom: 20px;
}
table.ruler {
	margin-bottom : 0px;
}
table.ruler td.blank {
	border : none;
	background-color : #EBF3F0;
}

#timetable-table th
{
	padding-top: 12px;
}

.hidebutton
{
position: relative; 
top: -9px; 
float: right;
}

/* The template should use more whitespace */
div.greencard {
}

div.greencard .sub-block {
	margin: 1em;
}

/* The template should also use better font sizes and spacing */
div.greencard h2 {
	font-weight: bold;
	font-size: 2em;
}


div.greencard h2.mygreencard {
background: url(/images/greencard/txt-my_greencard.gif) no-repeat scroll left top;
height:50px;
}
div.greencard h2.mygreencard span {
color:#006633;
display:none;
}


div.greencard h3 {
	margin-bottom : 1em;
	color: #a4cd59;
}

div.greencard_content {
	width:650px;
}

div.greencard p {
	line-height: 1.2em;
}

/* Let's theme the headings, link and boxes to suit the Greencard green 8? */

.greencard_dark   { color: #25450a; }
.greencard_medium { color: #5eae1b; }
.greencard_light  { color: #8fc660; }

div.greencard h2 {
	color: #006633;
}

div.greencard .sub-block h2 {
	color: white;
}

/* styling the homepage */
div.greencard_content {
	width:460px
}

div.greencard #resources {
	margin-top : 0px;
}
div.greencard #resources div.recover-password {
	text-align: center;
	padding-bottom: 0px;
	font-size: 0.8em;
}

div.greencard .activate-box p {
	margin : 0.5em;
}
div.greencard .activate-link {
	text-align : center;
}


div.greencard #resources .signup_heading {
	padding: 0.25em; 
	font-size: 1.2em;
}

div.greencard .signup_form {
	padding-top: 0.5em; 
	padding-bottom: 0.5em;
}

div.greencard .signup-boxes .box {
	float: left;
	width: 253px;
	list-style-type: none;
	position: relative;
}

.signup-boxes .box ul {
	margin-left: 0px;
	padding-left: 0px;
}
.signup-boxes .box li {
	margin-left: 2em;
	list-style-type: disc;
}
.signup-boxes .get .main a,
.signup-boxes .activate .main,
.signup-boxes .login .main {
	margin-left: 0px;
	display: block;
	height: 153px;
	width: 100%;
	position: relative;
	outline: none;
}
.signup-boxes .get .main {
	list-style-type: none;
	margin-left: 0px;
}
.signup-boxes .get .main a {
	background: url('/images/greencard/apply.png') no-repeat center center; 
}
.signup-boxes .activate .main { 
	background: url('/images/greencard/button-activate.gif') no-repeat center center; 
}
.signup-boxes .login .main { 
	background: url('/images/greencard/button-login.gif') no-repeat center center; 
}

.signup-boxes .get .main a,
.signup-boxes .activate .main {
	text-indent: -99999px;
}

.signup-boxes .login .main form {
	color: #037046;
	font-size:0.75em;
	padding: 62px 10px 0 20px;
	line-height : 140%;
}

.signup-boxes .login .main h2 {
	display: none;
}

.signup-boxes .login .main input {
	width: 10em;
}
.signup-boxes .login p {
	margin-left: 2em;
}


/* styling the recover account page */
div.recover_account {
	margin: 0px;
	width: 400px;
}
div.recover_account_heading {
	margin-top: 0em;
	font-weight: bold;
	font-size: 1.2em
}
div.recover_account_form {}

div.recover_account fieldset.submit {
	padding-left: 160px
}

/* styling the registration form pages */

.card_type {
	width: 500px;
}
.card_details {
	padding-left: 2em;
	width: 500px;
}

.card_details .toc {
	font-size:0.8em;
}

/* styling the account page */
.greencard_status {
	float: right;
}

.greencard-background {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/greencard/figure.gif) no-repeat scroll right top;
padding:0 20px;
width:890px;
}

.greencard-introduction {
	font-size: 1em;
}

.greencard-noside-container {
	padding: 0px 40px;
}

/* TODO: would be nice to have a generic class for this */
div.greencard .hide_link a, .div.greencard hide_link a:hover {
	color: black;
	border-bottom: none;
}

div.greencard #resources .hide_link a:hover {
	border-bottom: none;
}


/* styling panel */

.greencard_account ul.tab_titles {
	margin-bottom: 0; padding-bottom: 0;
}
.greencard_account .tab_titles li {
	display: inline;
	background: #ccc;
}

.greencard_account .tab_body {
	border: 1px solid #ccc;
}
.greencard_account .tab_content {
	margin: 1em;
}

.greencard_account .tab_summary {
	background: #aaa
}

.greencard .transaction_breadcrumb {
	font-size: 0.75em;
	margin-left: 45px;
	margin-bottom: 10px;
}
.greencard .transaction_thispage {
	font-weight: bold;
}
.greencard .transaction_pastpage {
	font-weight: bold;
}

.greencard .tabs a {
	color: white;
	padding: 2px 15px;
	background: #8fc660;
}

.greencard .tabs a:hover {
	background: #5EAE1B;
}

.greencard .active_tab a {
	background: #5EAE1B;
	font-weight: bold;
}

.greencard .tab_content {
	border: 2px solid #5eae1b;
	margin-right: 8em;
}
.greencard .tab_content_header {
	background: #5eae1b;
	padding: 0.5em;
	color: white;
}
.greencard .tab_content_body {
	padding: 1em;
}

.greencard dl { margin-left: 2em; }
.greencard dt { font-weight: bold }
.greencard dd { margin-left: 2em; margin-bottom: 1em }

.greencard .tab_content_body .error { color: red; margin: 1em; }

.greencard .tab_content_body h2 {
	/* We want h3 tags but CMS makes titles h2, that look silly */
	display: none;
}
.set_password_button:hover {
	cursor: pointer;
}
.header {
	position: relative;
}
#small_banner_rotate {
	width: 469px;
	right: 0;
	top: 10px;
	position: absolute;
}
div.message {
	background-color : #8FC660;
	color : black;
	padding : 0.5em;
	clear : right;
	margin-bottom: 1em;
}

.greencard #resources {
	width: 230px;
}
.greencard div.sub-block div.input label {
	width:7em;
}

.greencard #resources input#GreencardUsername {
	margin-top : 0.6em;
}

h2.apply-for-a-greencard {
background: url('../images/greencard/txt-apply.gif') no-repeat top left;
width: 416px;
height: 55px;
margin-bottom: 0px;
}
h2.apply-for-a-greencard span{
display: none;
}
h2.active-your-online-account {
background: url('../images/greencard/txt-activate.gif') no-repeat top left;
width: 523px;
height: 71px;
margin-bottom: 0px;
}
h2.active-your-online-account span{
display: none;
}

div.gradient-top {
	background: url('../images/greencard/gradient-top.gif') no-repeat top left;
	width: 530px;
	padding: 10px 20px;
	color: #037144;
	
}
div.gradient {
	background: url('../images/greencard/gradient-background.gif') repeat-y top left;
	width: 570px;
	color: #037144;
}
div.gradient h3 {
	color: #037144;
}
div.gradient legend {
	color: #037144;
}
div.gradient-bottom {
	background: url('../images/greencard/gradient-bottom.gif') no-repeat top left;
	width: 570px;
	clear: both;
	height: 24px;
	
}
div.gradient a {
	color: #014126;
	text-decoration: underline;
}

div.gradient label, div.grencard label {
	cursor: pointer;
}
div.gradient button {
	height: 30px;
	width: 67px;
	border: 0px;
	vertical-align : middle;
	/** Default to a next button */
	background: url('../images/greencard/button-next.gif') no-repeat top left;
}
div.gradient button:hover {
	cursor: pointer;
}
div.gradient button.next {
	background: url('../images/greencard/button-next.gif') no-repeat top left;
}
div.gradient button.back {
	background: url('../images/greencard/button-back.gif') no-repeat top left;
}
div.gradient button.submit {
	width: 88px;
	background: url('../images/greencard/button-submit.png') no-repeat top left;
}
div.gradient button.set_password_button {
	background:url("/images/greencard/set_password.png") no-repeat scroll left top transparent;
	height:30px;
	width:130px;
}

div.gradient button span{
	display: none;
}

div.gradient-wrapper {
	float: left;
	display : inline;
	position : relative;
}
div.aside, div.activate-inline {
	float: left;
	width: 285px;
	margin-left: 15px;
}
div.activate-inline {
	height: 350px;
}
div.aside h3, div.activate-inline h3 {
	margin-top: 0px;
	color: #a5ce5c;
}
div.activate-signup {
}
a.activate-signup-txt {
	background: url('../images/greencard/txt-dont_have_a_card.gif') no-repeat bottom right;
	height: 27px;
	width: 233px;
	display: block;
}
a.activate-signup-txt span{
	display: none;
}
.ie6only {
	display : none;
}





#environment {
	padding: 0;
}

#environment-content {
	width: 655px;
	float: left;
	padding: 0 0 0 30px;
}
#environment-header {
	width: 655px;
	height: 124px;
	background: url(/img3/header.png) 0 0 no-repeat;
	margin: 0 0 20px 0;
}
#environment-content h2 {
	display: none;
}
#environment-content.subpage  h2 {
	display: block;
}
#environment-content table {
	border-top: 1px solid #fff !important;
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
	border-bottom: 5px solid #27aae2 !important;
	font-size: 13px;
}
#environment-content table tr.odd td {
	background: #d0d0d0;
}
#environment-content table th {
	background: #27aae2;
	padding: 8px;
	color: #fff;
	text-align: left;
	border: 1px solid #fff;
}
#environment-content table td {
	padding: 8px;
	text-align: left;
	border: 1px solid #fff;
}
#environment-form {
	float: right;
	width: 250px;
	min-height: 650px;
	background: url(/img3/form-bg.png) 0 0 no-repeat;
}
#environment-form form {
	float: right;
	width: 190px;
	padding: 125px 30px 0 30px;
	color: #fff;
	font-size: 11px;
}
#environment-form form fieldset label {
	width: 190px;
}
#environment-form form fieldset input.text {
	width: 178px;
	padding: 3px 5px;
	border: 1px solid #ddd;
	background: #fff;
}
#environment-form form fieldset input.checkbox {
	float: left;
	margin: 0 10px 0 0;
}
#environment-form form fieldset select {
	width: 190px;
}
#environment-form form #environment-submit {
	display: none;
}
#environment-form form #environment-submit input {
	width: 87px;
	height: 25px;
	cursor: pointer;
	border: 0;
	padding: 0;
	background: url(/img3/enter-now.png) 0 0 no-repeat;
}
#environment-form form #environment-submit input:hover {
	background-position: 0 -25px;
}
#environment-form #validation-message {
	margin-top: 60px;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 8px;
	display: none;
}
#environment-tc-info {
	margin: 10px 0;
}

#environment-tc {
	width: 182px;
	padding: 3px;
	margin: 15px 0;
	height: 200px;
	font-size: 10px;
	background: #fff;
	border: 1px solid #ddd;
	color: #000;
	overflow: auto;
	line-height: 1.2;
}
#faultyBox h2 {
	display: none;
}


/* Routes Navigation Menu */

ul.locations.tabbed {
	height: 100px;
	margin: 0px;
	padding: 0px;
	background: #f5faf8;
}

ul.locations.tabbed li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.locations.tabbed li h3 {
	display: block;
	margin: 0px;
	padding: 0px;
}
ul.locations.tabbed li h3 a {
	display: block;
	padding: 0.1em 2em;
	margin: 0px;
	height: 22px;

	border-top: solid 1px #7fb6a0;
	border-right: solid 1px #7fb6a0;
	border-bottom: solid 1px #7fb6a0;

	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #333;

	background: #f5faf8;
}
ul.locations.tabbed li h3 a:hover {
	text-decoration: none;
	background: #dfede7;
}

ul.locations.tabbed li.active h3 a {
	border-top: solid 2px #097248;
	background: #dfede7;
	border-bottom: 0;
	font-weight: bold;
	margin-top: -0px;
}

ul.locations.tabbed form {
	position: absolute;
	display: none;
	top: 25px;
	left: 0px;
	width: 100%;
	height: 55px;
	padding: 10px 0px;
	text-align: center;
	background-color: #DFEDE7
}
ul.locations.tabbed li.active form {
	display: block;
}