@import "layout.css";
@import "forms.css";
@import "nav.css";
@import "tables.css";

/* 
	Title:	Yourbus screen styles
	Author: chris.pearce@bluearcgroup.com
*/

/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/

/* Following reset is for IgnitionSuite sites */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
html, body, form, fieldset, a img {border: 0;}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Back to my CSS */
body {
	color: #448098;
	background-color: #fff;
	margin-bottom: 4px;
	font: 0.75em/1.4 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}
a:link, a:visited {color: #eb3534;}
a:hover {text-decoration: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	text-align: left;
	font-weight: normal;
}
table caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0.4em;
}
strong, cite {font-weight: bold;}
cite {font-style: normal;}
em {font-style: italic;}
blockquote {font: italic 1em/1.4 Georgia, "Times New Roman", Times, serif;} 
h1, h2, h3, h4, h5, h6 {
	font-size: 1.65em;
	font-weight: 500;
	color: #eb3534;
	margin-bottom: 0.50em;
	line-height: 1.3;
}
h2 {font-size: 1.45em;}
h3 {
	font-size: 1.30em;
	font-weight: bold;
}
h4, h5, h6 {
	font-size: 1.25em;
	font-weight: bold;
	color: #448098;
	margin-bottom: 0.30em;
}
h5, h6 {font-size: 1.20em;}
/* Over-ride those pesky font tags */
font {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif !important; 
	font-size: 100% !important;
	color: #448098 !important;
}

/* [MAIN CONTENT AREA]
-------------------------------------------------------*/
/* Font size */
#main-content {font-size: 0.95em;}
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content table {margin-bottom: 1.5em;}
#main-content table table,
#main-content fieldset table {margin: 0;}
/* Lists */
#main-content ul {
	list-style: disc;
	margin-left: 32px;
}
#main-content ol {
	list-style: decimal;
	margin-left: 42px;
}
#main-content ol ol {list-style: lower-alpha;}
#main-content ol ol ol {list-style: lower-roman;}
#main-content ul ul, 
#main-content ol ol {margin: 0.4em 0 0.8em 20px;}

/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [HIDE]
-------------------------------------------------------*/
.hide {
	position: absolute;
	left: -999em;
}
.hide-fully {display: none;}
/* hide .NET junk */
div.hide-dotnet {
	height: 0;
	font-size: 0;
}

/* [EASY CLEARING]
-------------------------------------------------------*/
.clearfix:after,
#main-content div.content ul#img-gallery:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
.clearfix {display: inline-block;}    
/* Hides from IE-mac \*/  
* html .clearfix {height: 1%;}  
.clearfix {display: block;}  
/* End hide from IE-mac */

/* [NOTIFICATIONS]
-------------------------------------------------------*/
#main-content div.content div.errors,
#main-content div.content div.success {
	padding: 0.6em 0.8em 0.6em 4.2em; 
	margin-bottom: 1.5em; 
	border: 2px solid #DBB38B;
}
	#main-content div.content div.errors {
		background: #FEFAEB url("../images/icons/error_lrge.gif") no-repeat 10px 12px; 
		color: #BA624B; 
		min-height: 36px;
	}
	#main-content div.content div.success {
		background: #EEF4D5 url("../images/icons/success_lrge.gif") no-repeat 10px 12px; 
		color: #529214; 
		border-color: #ABCD5A;
		min-height: 30px;
	}
	#main-content div.content div.errors p,
	#main-content div.content div.success p {margin: 0;}
	#main-content div.content div.success p {padding-top: 3px;}
	#main-content div.content div.errors ul,
	#main-content div.content div.success ul {
		margin-top: 0.40em;
		margin-bottom: 0;
		font-weight: bold;
	}
	#main-content div.content div.errors a {color: #BA624B;}
	#main-content div.content div.success a {color: #529214;}

/* Simple Error Msg */
#main-content div.content p.error {
	color: #D12F19;
	background: url("../images/icons/error2.gif") no-repeat 0 40%;
	padding-left: 20px; 
}
	
/* [BUTTONS]
-------------------------------------------------------*/
/* Exit/Close */
#main-content div.content a.exit,
#main-content div.content a.add,
#main-content div.content p.back a {
	display: block;
	background-image: url("../images/icons/close.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 18px;
	line-height: 1.6;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
/* Add */
#main-content div.content a.add {
	background-image: url("../images/icons/add.gif");
	padding-left: 14px;
}
/* Back */
#main-content div.content p.back {
	border-top: 1px dotted #999;
	padding-top: 5px;
}
#main-content div.content p.back a {
	background-image: url("../images/css/red-arrow.gif");
	background-position: 0 49%;
	padding-left: 11px;
}

#main-content div.content a.add:hover,
#main-content div.content a.exit:hover,
#main-content div.content p.back a:hover {text-decoration: underline;}

/* [DIVIDING LIST ITEMS]
-------------------------------------------------------*/
#main-content div.content ul.dividers,
#main-content div.content ul.plain {
	margin-left: 0;
	list-style: none;
}
	#main-content div.content ul.dividers li {
		border-bottom: 1px dotted #999;
		margin-bottom: 16px;
		padding-bottom: 10px;
	}

/* [DATE]
-------------------------------------------------------*/
#main-content div.content p.date,
#main-content div.content span.date {
	color: #666;
	margin-bottom: 0.60em;
}
#main-content div.content span.date {margin: 0;}

/* [HIGHLIGHT]
-------------------------------------------------------*/
#main-content div.content p.highlight {font-size: 1.1em;}
	#main-content div.content p.highlight em {
		font-style: normal;
		font-weight: bold;
	}

/* [STRONG HEADER]
-------------------------------------------------------*/
#main-content div.content .strong-hdr {
	background: #015174 url("../images/css/footer-links-bg.jpg") repeat-x 0 100%;
	color: #fff;
	padding: 0.35em 8px;
	font-weight: bold;
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 0 0 1em;
}
#main-content div.content h2#timetable-hdr.strong-hdr {
	margin-bottom: 0.50em;
	clear: both;
	width: 921px;
}
	#main-content div.content .strong-hdr span {
		display: block;
		font-weight: normal;
		font-size: 0.70em;
	}
	#main-content div.content .strong-hdr span.desc {
		font-size: 0.62em;
		text-transform: none;
		color: #eee;
		padding-top: 2px;
	}

/* [TURN OFF]
-------------------------------------------------------*/
#main-content div.content p.no-margin {margin-bottom: 0 !important;}