/* ---------- Page wide definitions ----------*/

html, body, h1, h2, h3, p, form, input, select, td
{
        margin          : 0px;
        padding         : 0px;
        font-family     : "Trebuchet MS";
        font-size       : 11px;
}

img
{
        border          : 0px;
}

pre
{
        font-size       : 13px;
        padding         : 5px;
}

a
{
        text-decoration : none;
}

a:hover
{
        text-decoration : underline;
}

/* ---------- Headings ---------- */

h1
{
        clear           : left;
        font-size       : 22px;
        color           : #003399;
        font-weight     : normal;
	padding		: 10px 0px;
}

h2
{
	padding-top	: 5px;
	font-size	: 14px;
        color           : #003399;
}

h3
{
        background      : #408cd8 url('../images/title.jpg') left;
        color           : white;
        height          : 20px;
	font-size	: 14px; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px
}

h3.headleft
{
	float		: left;
        width           : 500px;
}

h3.headright
{
        text-align      : right;
}

h3 a
{
        color           : white;
}

/* ---------- Main Page definition ---------- */

#container
{
        width  		: 100%;
        margin          : 0px auto;
}

/* ---------- Left hand side of screen with search again parameters ----------- */

#left
{
	float		: left;
	width 		: 147px;
	border		: 1px solid #408cd8;
}

#left select
{
	width		: 138px;
}

#left .width135
{
	width		: 135px;
}
#left div
{
	padding		: 5px 0px 5px 5px; 
}

#left .width70
{
	width		: 70px;
}

/* ----------- Right hand side of screen with search results ----------- */

#right
{
	margin-left	: 5px;
	float		: left;
	width		: 620px;
}

#right div
{
	margin-bottom	: 10px;
}

#content table
{
	width		: 100%;
}

#content td
{
	padding		: 5px;
}

/* ---------- General Content definitions ---------- */

.list, .box
{
	clear		: both;
	width		: 100%;
	border-spacing	: 0px;
	cell-spacing	: 0px;
	border		: 1px solid #408cd8;
	margin-bottom	: 5px;
}

.list td 
{
        border-bottom  	: 1px solid silver;
}

.list th
{	
	font-size	: 12px;
	text-align	: left;
	padding		: 5px;
        border-bottom  	: 1px solid #408cd8;
	background-color: #e5eff9; 
}

/* ---------- Section below each package item --------- */

.pkgtail
{
        background      : #a4d2ed;
        border-top      : 1px solid #408cd8;
}

.pkgroom th
{
        background      : #a4d2ed;
	padding		: 5px;
	text-align	: left;
}

/* ---------- Availability Boxes ----------- */

.console_box, .published_box, .it_box
{
	width		: 620px;
	border		: 1px solid #408cd8;
	margin-bottom	: 5px;
}

.console_box td
{
	padding		: 5px;
	border-top	: 1px solid #408cd8;
}

.console_box th
{
        background      : #408cd8 url('../images/title.jpg') left;
	color		: white;
	padding		: 5px
}

.published_box
{
	border		: 1px solid red;
}

.published_box td
{
        padding         : 5px;
        border-top      : 1px solid red;
}

.published_box th
{
        background      : #408cd8 url('../images/title_pub.jpg') left;
	color		: white;
	padding		: 5px
}

.it_box
{
	border		: 1px solid green;
}

.it_box td
{
        padding         : 5px;
        border-top      : 1px solid green;
}

.it_box th
{
	padding		: 5px;
        background      : #408cd8 url('../images/title_it.jpg') left;
	color		: white
}

/* ---------- Summary Box --------- */

.summary_box
{
	margin-bottom	: 10px;
}

.summary_box td, .summary_box th
{
        border          : 1px solid #408cd8;
	width		: 75px;
	text-align	: center;
	background	: white;
	font-size	: 11px;	
	padding		: 2px 0px;
}

.summary_box th
{
	font-size	: 11px;
}

/* ---------- Continue Button --------- */

#continue
{
        padding        	: 5px;
        text-align      : right;
}

#continue input
{
        background-color: #ff3300;
        color           : white;
        font-weight     : bold;
}

/* ---------- Formatting for form type inputs ---------- */

#content .form
{
	margin-bottom	: 5px;
	padding		: 5px;
}

#content .form th
{
	text-align	: right;
	font-size	: 11px;
	width		: 150px;
}

#content .form td
{
	padding		: 1px 0px 2px 0px;
}

/* --------- Formatting for the fare inputs ---------- */

#leftbar table
{
        width           : 100%;
}

#leftbar td
{
	padding		: 0px 5px 15px 0px;
}

/* --------- Some Warning colours for connections ----------- */

.gentle
{
	color			: #ff3300;
}

.severe
{
	background-color	: red;
	color			: white;
}

#steps a
{
        color           : white;
}
#steps h1
{
        float           : left;
        width           : 367px;
}
#steps div
{
        float           : left;
        width           : 80px;
        margin          : 1px;
        padding-top     : 3px;
        background-color: silver;
        color           : white;
        text-align      : center;
        height          : 20px;
}

#steps .bright
{
        background-color: gray;
        color           : white;
	font-weight	: bold;
}