/* Copyright (c) 2003 Good Technology Ltd.
 * All Rights Reserved.
 * 
 * This software is the confidential and proprietary information
 * of <Good Technology Ltd>. You shall not disclose such Confidential
 * Information and shall use it only in accordance with the terms
 * of the license agreement you entered into with Good Technology Ltd.
 * 
 * Author:				Andy Black
 * Last modified by:	$Author: nadia $
 * Date:				$Date: 2004/01/09 16:25:57 $
 * File:				$RCSfile: site.css,v $
 * Revision:			$Revision: 1.38 $
 * Purpose:				CSS for main site
 */

/*
 * NAMING CONVENTIONS:
 *
 * - styles in pages prefixed with an 'ss' is section specific (in /css/<sectionname>.css)
 * - styles ending in '-' and a combination of l,r,t,b affects the left, right, top and/or bottom of the applied element
 * - styles containing 'spcd' have been spaced by margin or padding and has a non-spaced version, eg. std and std-spcd
 *
 * MAIN TEMPLATE LAYOUT
 *
 * body: prepares the content to render from top-left corner of browser window (0,0)
 * #outer: the outermost div, displays the right-hand shadow as a bg image
 * #header: contains logo and additional text navigation
 * img.logo: spaces the site logo in the header
 * #navl1: contains the main sections navigation
 * #navl2: contains the sub sections navigation
 * img.navl1l: spaces a main nav link
 * img.navl1r: spaces the travel agent centre link in the main nav
 * img.navl2: spaces a sub nav link
 * #footer: container div for the footer navigation
 * #cornershadow: this div contains the right bottom corner of the template
 *
 */

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
}

#outer {
	width: 752px;
	background-image: url("/fredolsen/images/common/shadowbg-right.gif");
	background-repeat: repeat-y;
	border: 0px solid #000;
	background-color: #ffffff;
}

#header {
	width: 744px;
	background-image: url("/fredolsen/images/common/bg_titlebar.gif");
	background-repeat: no-repeat;
	background-color: #0e67a1;
}

img.logo {
	margin: 20px 0px 0px 25px;
}

#navl1 {
	width: 744px;
	height: 30px;
	background-color: #3f5467;
}

#navl2 {
	width: 744px;
	height: 30px;
	background-image: url("/fredolsen/images/nav/navl2-shadowbg.gif");
	background-repeat: repeat-x;
	background-color: #98c5e6;
}

img.navl1l {
	margin-top: 10px;
	margin-right: 12px;
}

img.navl1r {
	margin-top: 10px;
}

img.navl2 {
	margin-top: 10px;
	margin-right: 12px;
}

#footer {
	width: 744px;
	height: 30px;
	background-image: url("/fredolsen/images/common/shadowbg-bottom.gif");
	background-repeat: repeat-x;
	border: 0px solid #000;
	float: left;
}

div.footer-l {
	padding: 10px 15px 8px 15px;
	float: left;
}

div.footer-r {
	padding: 10px 15px 8px 0px;
	float:right;
}

#cornershadow {
	float: left;
	background-image: url("/fredolsen/images/common/shadowbg-corner.gif");
	background-repeat: no-repeat;
}

/* 
 * CONTENT AREA
 *
 * div.outercontent: surrounding the entire content area
 * div.innercontent-narrow1: narrow column usually on lefthand-side, use with div.innercontent-wide1
 * div.innercontent-wide1: wide column usually on right-hand side
 * div.innercontent-wide1-2col: used on 2 divs to form two columns of text within a innercontent-wide1 div
 * div.innercontent-narrow2: narrow column usually on right-hand side, use with div.innercontent-wide2
 * div.innercontent-wide2: wide column usually on left-hand side
 * div.contentbox: used to space the content inside the narrow and wide columns
 * div.tbar-l: used when the pagetitle bar of the page has a tertiary navigation, left is pagetitle image
 * div.tbar-r: used when the pagetitle bar of the page has a tertiary navigation, right is the tertiary nav
 * img.titlebar: spaces the pagetitle image in the title bar div
 *
 */

div.outercontent {
	width: 744px;
	border: 0px solid #000;
}

div.innercontent-narrow1 {
	float: left;
	width: 264px;
	border: 0px solid #000;
}

div.innercontent-wide1 {
	float: left;
	width: 480px;
}

div.innercontent-wide1-2col {
	float:left;
	width:230px;
}

div.innercontent-narrow2 {
	float: left;
	width: 234px;
}

div.innercontent-wide2 {
	float: left;
	width: 510px;
}

div.contentbox {
	padding: 15px 15px 10px 15px;
	border: 0px solid #000;
}

div.tbar-l {
	padding: 10px 15px 8px 15px;
	float: left;
}

div.tbar-r {
	padding: 10px 15px 8px 0px;
	float:right;
}

img.titlebar {
	margin: 10px 0px 5px 15px;
}

img.subtitle {
	margin-bottom: 5px;
}

/*
 * SITE COPY, FONTS
 * This website is using relative font sizing for accessability reasons (%).
 * p: has been spaced
 * p.nomar-t: no top spacing
 * p.mar-sml: for a smaller paragraph spacing
 * .std: standard text
 * .std-spcd: standard text with positioning
 * .std-lge: standard text enlarged, used mostly for (lightblue) subtitles, when the image equivalent can't be used
 * .formerror: error messages or exclamations (important notes), red
 * .orange: this is used on all links <a class="orange" href=""></a>
 * .formline: used on '_' characters to the left of form input/select fields
 */
		
br {
	line-height: 10px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p, .std-spcd, th.deckinfo, td.deckinfo {
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	color: #1f1f1f;
	margin: 15px 5px 0px 15px;
	line-height: 120%;
}

p.nomar-t {
	margin-top:0px;
}

p.mar-sml {
	margin-top:5px;
}

.std {
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	color: #1f1f1f;
	line-height: 120%;
}

.std-lge {
	font-family: arial, helvetica, sans-serif;
	line-height: 130%;
	font-size: 80%;
}

ul.bluebullet {
	list-style-image: url("/fredolsen/images/common/bluebullet.gif");
}

.formerror {
	color: #990000;
}

.grey {
	color: #6d6d6d;
	text-decoration: none;	
}

.maroon {
	color: #660000;
}

.dkgrey {
	color: #333333;
}

.ltgrey {
	color: #dcdcdc;
	text-decoration: none;
}

.blue, th.deckinfo{
	color: #6699cc;
	text-decoration: none;
}

.orange {
	color: #cc6633;
	text-decoration: none;
}

.dkblue {
	color: #002547;
	text-decoration: none;
}

.mdblue {
	color: #336699;
	text-decoration: none;
}

.green {
	color: #669966;
	text-decoration: none;
}

.formline {
	color: #d0d0cb;
}


/*
 * OTHER STYLES
 *
 * .clearall: clears left/right floating alignment. Normally used after 2 divs that's positioned next to each other
 * .altbg: background used mostly for table info with alternating colour rows (light blue)
 * div.dotted-hline: inserted into page as, <div id="dotted-hline">insert transparent 1 pixel gif here</div>
 * div.dotted-hline-spcd: spacing applied to horizontal rule
 * The most common spacing used in the site is 15px:
 * - .pad-l: padding of 15 px added to left of element
 * - .pad-r: padding of 15 px added to right of element
 * - .mar-l: margin of 15 px added to left of element
 * - .mar-r: margin of 15 px added to right of element
 * - .mar-t: margin of 15 px added to top of element
 * - .mar-b: margin of 15 px added to bottom of element
 * .align-l: align left
 * .align-r: align-right
 * img.border: light grey border around image
 * img.blueborder: blue border around image
 * img.blueborder-spcd: blue border with 2 pixel padding around image
 * img.arrows: applies to arrow images
 * img.indentarrows: for indenting an arrow link next to a left column with a shadow
 * img.middle: align text to middle of image
 * img.txt-r: used for images that has text displayed to the right of it
 * 
 */

.clearall {
	clear: both;
  	/* include ,margin and padding for IE5 mac, as it automatically renders */
  	margin: 0;
  	padding: 0;
}

.altbg {
	background-color: #e7eef3;
}

div.dotted-hline, div.dotted-hline-spcd {
	width: auto;
	background-image: url("/fredolsen/images/common/dotted-hlinebg.gif");
	background-repeat: repeat-x;
}

div.dotted-hline-spcd {
	margin:10px 15px 0px 15px;
	clear: both;
} 

.pad-l {
	padding-left: 15px;
}

.pad-r {
	padding-right: 15px;
}

.mar-l {
	margin-left: 15px;
}

.mar-r {
	margin-right: 15px;
}

.mar-t {
	margin-top: 15px;
}

.mar-b {
	margin-bottom: 15px;
}

.align-l {
	float: left;
}

.align-r {
	float: right;
}

img.border {
	padding: 0px 0px 0px 0px;
	border: 1px solid #8a96ae;
}

img.blueborder {
	border: 1px solid #74a4d1;
}

img.blueborder-spcd {
	padding: 2px 2px 2px 2px;
	border: 1px solid #74a4d1;
}

img.arrows {
	margin: 3px 5px 0px 0px;
}

img.indentarrows {
	margin-left: 5px;
}

img.middle {
	vertical-align:middle;
}

img.txt-r {
	margin-right: 5px;
}



/*
 * SEARCH BOX STYLES
 */

input.search {
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	border: 1px solid #aaaaaa;
	width: 150px;
}

div.searchbox {
	float: right;
	border: 0px solid #000;
}



/*
 * ERROR PAGES
 */

img.errheader {
	padding: 25px 0px 37px 15px;
}

div.errbg {
	width: 744px;
	height: 480px;
	background-image: url("/fredolsen/images/errorpages/flagbg.gif");
	background-repeat: no-repeat;
}