/* CSS Document */
/* Author Graham Bland 2005 
   For picquickcarriers.co.uk*/
	
/* Produced Using Notepad/Topstyle Lite */

body{
	
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#2A2EFF;
	font-size:11px;
	text-decoration:none;
	font-style:normal;
	background-attachment:scroll;
	
   /* Background does not appear on pop up pages as these are
	(generally) printable - and or text dense */
	
	background-image:url(img/emboss_light.gif);
	margin-left:4px;
	padding-left:4px;

}

p{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; 
	font-size :11px;
	color:#2A2EFF;
	padding-left:4px;
	padding-right:4px;
	margin-left:4px;
	margin-top:11px;
	margin-bottom:11px;		
}

p.listtext {

	margin-top:-8px;
	
	
}

p.gray {
	color:#483D8B;
	font-size:9px;
	font-weight:bolder;
	margin-right:8px;
}
p.copyright {
	color:blue;
	background:#dfe4ee;
	font-weight:bold;
	font-size:9px;
	text-align: center;
	margin-right:4px;
	margin-left:4px;
}
	

p.address {
	color:#2A2EFF;
	font-size:10px;
	font-weight:bold;
	margin-right:4px;
	padding:4px;
	margin-top:4px;
	margin-bottom:4px;
	
}
p.subhead {
	
	color:#333333;
	font-size:11px;
	text-align:left;
	font-weight:bold;
	margin-left:8px;
	margin-top:0px;
}

p.side {
	font-size:11px;
	color:white;
	background-color:teal;
	text-align:left;
	padding:4px;
	margin-left:4px;
	margin-right:4px;
	margin-top:0px;
	margin-bottom:8px;
	font-weight:bold;
}

/* Right-hand panel header */

p.sidehead{
	
	font-size:12px;
	text-align:center;
	color:teal;
	font-weight:bolder;
	margin:8px;
	padding:8px;
}

/* Data feed link formatting (for quotes)*/


p.quote {

	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	color:teal;
	background:#dfe4ee;
	border:#483D8B 1px solid;
	padding:4px;
}

div.mainimg {
	float:right;
}

p.centerobj {

	text-align:center;
	margin-top:6px;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	
}
p.start {
		font-weight:bold;
		text-align:right;
		margin-top:4px;
		margin-bottom:4px;
		color:Maroon;
		font-size:10px;
}

p.smallpara{
	
	font-size:10px;
	font-weight:bolder;
	color:gray;
}

a{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#2A2EFF;
	font-size:11px;
	text-decoration:none;
	font-style:normal;
}

/* All links follow this format:

   * Link itself is not underlined to preserve readability of text
	* Hover is always an underline - as this makes it independent of font
	  and color used - to allow consistency in accordance to WAI requirements
	* Active does change color tho - this is not really that important
	  The site uses buttons to provide most of the navigation - when a link is
	  followed from text, it opens a new external window of follows through to
	  another page on the site
	* Visited is not underlined to preserve readability of text
*/
	
a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; 
	font-size:11px;
	color:#2A2EFF;
	text-decoration:underline;
}

a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; 
	font-size:11px;
	color:maroon;
}
	
a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#2A2EFF;
	font-size:11px;
	text-decoration:none;
	font-style:normal;
}

/* For links enclosed in a righthand side header */

a.sidelink {

	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; 
	font-size:11px;
	color:#FFFFFF;
	background-color:#006699;
	font-weight:bold;
	line-height:1.5;
}

a.sidelink:hover {
	font-size:11px;
	color:#FFFFFF;
	background-color:#006699;
	
}
a.sidelink:visited {
	font-size:11px;
	color:#FFFFFF;
	background-color:#006699;
}

/* For links within an H1 title */

a.headlink {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; 
	font-size:13px;
	color:teal;
	font-weight:bold;
}
a.headlink:visited {
	font-size:13px;
	color:teal;
}
a.headlink:hover {
	font-size:13px;
	color:teal;
	text-decoration:underline;
}

/* For the text link footer navigation */

a.textlink {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; 
	font-size:10px;
	color:blue;
	font-weight:bold;
}
a.textlink:visited {
	
	font-size:10px;
	color:blue;
}

a.textlink:hover {
	
	font-size:10px;
	color:blue;
	text-decoration:underline;
}

/* For links within a table cell with colored background */

a.tlink {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; 
	font-size:11px;
	color:white;
	font-weight:bold;
	
}

a.tlink:visited {
	font-size:11px;
	color:white;

}
a.tlink:hover {
	font-size:11px;
	color:white;
	text-decoration:underline;
}

a.noteslink {
	color:red;
	font-size:11px;
	font-weight:normal;
}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; 
	font-size:13px;
	color:teal;
	line-height:1;
	font-weight:bold;
	padding-right:4px;
	padding-bottom:0px;
	padding-left:8px;
	margin-top:8px;
	margin-bottom:8px
	
}

/* To devide top level groups */ 

h1.warn {
	color:red;
	font-size:18px;
}
h1.section { 
	color:#000066; 
	font-weight:bold;
	background-color:#E0FEE8;
	padding-left:8px;
	margin-top:4px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	text-align:left;
	color:teal;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:4px;
	padding-left:8px;
}

h2.section { 
	color:#000066; 
	font-weight:bold;
	background-color:#E0FEE8;
	padding-left:8px;
	margin-top:4px;
}

h2.side {
	margin-top:-11px;
	font-weight:bold;
	margin-bottom:4px;
	color:teal;
	
}
h2.notes {
	color:#334D55;
	font-weight:bold;
	text-align:center; 
	margin-left: 24px;
	margin-right: 24px;
	padding-top:4px;
	margin-bottom:4px;
	}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#334D55;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:4px;
	padding-left:8px;
}

ul {
	margin-top:-2px;
	margin-bottom:2px;
}

li {

	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	line-height:1;
	font-size:11px;
	color:#2A2EFF;
	text-decoration:none;
	list-style-position:outside;
	list-style-image: url(img/blue_bullet.gif);
	font-style:normal;
   margin-bottom:4px;
	margin-left:-16px;
	margin-top:11px;
	margin-right:8px;
	line-height:1.2;
	text-align:left;
}


/* Right-hand side panel bullets */

li.side{
	
	font-size:9px;
	font-weight:bolder;
	color:#483D8B;
	margin-left: -24px;
	padding-left:0px;
	list-style:none; 
	line-height:1.2;
	
}

/* Table Header Styles */

th {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	text-align:left;
	color:white;
	background-color:#2A2EFF;
	text-align:left;
	padding:4px;
	font-weight:normal;
	font-size:11px;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	color:white;
}

th.lightblue {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	border-top:#e0e7f7 1px solid; 
	border-left:#e0e7f7 1px solid; 
	border-bottom:#999999 2px solid; 
	border-right:#999999 2px solid;
	vertical-align:middle;
	background-color:#c7d0e0; 
	text-align:left;
	color:blue;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	margin-left:4px
}

th.blue {
	
	font-size:11px;
	color:White;
	font-weight:bold;
	border-top:#e0e7f7 1px solid; 
	border-left:#e0e7f7 1px solid; 
	border-bottom:#999999 2px solid; 
	border-right:#999999 2px solid;
	background-color:#2A2EFF; 	
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	margin-left:4px;
	
}

th.form {
	
	font-size:11px;
	color:#2A2EFF;
	font-weight:bold;
	border:0px ; 
	background-color:#dfe4ee;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	margin-left:4px;
	border-right:#00ccff 1px solid;
	border-bottom:#00ccff 1px solid;

	}
	
/*/ Table Data Styles */

td {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	vertical-align:top;
}

/* Layout Styles
	Not CSS PC I know, but this provides the division line between
   the left two blocks Nav/Body and the body formatting */
    
td.sidepanel {
	background-color:white;
	border-left:gray 1px solid;
	vertical-align:top;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
}

td.white {
	background-color:white;
	color:#2A2EFF;
}

/* Other Table styles */

td.form {
	background-color:white;
	border:none;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
}


td.yellow {
   border-right:#996600 2px solid;
	border-top:#cccc33 1px solid;
	border-bottom:#996600 2px solid; 
	border-left:#cccc33 1px solid; 
	color:black; 
	background-color:#F0E68C;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
}

td.gray {
	color:#483D8B;
	font-weight:bold;
	background-color:white;
	border:gray 1px solid;
	border-bottom:2px solid;
	border-right:2px solid ;
	color:#483D8B;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
}

td.red {
	
	border-left:#be6d6f 1px solid;
	border-right:#500e0f 2px solid; 
	border-top:#be6d6f 1px solid; 
	border-bottom:#500e0f 2px solid; 
	vertical-align:middle;
	text-align:left;
	color:white; 
	background-color:#991a1d;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
}

/* Form Elements */

.inputbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483D8B;
	background-color:#dfe4ee;
	border-right:#00ccff 1px solid;
	border-top:#00ccff 1px solid;
	border-left:#00ccff 1px solid;
	border-bottom:#00ccff 1px solid;
	font-weight:bold;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
}

.textbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483D8B;
	background-color:#dfe4ee;
	border-right:#00ccff 1px solid;
	border-top:#00ccff 1px solid;
	border-left:#00ccff 1px solid;
	border-bottom:#00ccff 1px solid;
	font-weight:bold;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;	
}

textarea {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483D8B;
	background-color:#dfe4ee;
	border-right:#00ccff 1px solid;
	border-top:#00ccff 1px solid;
	border-left:#00ccff 1px solid;
	border-bottom:#00ccff 1px solid;
	font-weight:bold;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:8px;
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#483D8B;
	background-color:#dfe4ee;
	border-right:#00ccff 1px solid;
	border-top:#00ccff 1px solid;
	border-left:#00ccff 1px solid;
	border-bottom:#00ccff 1px solid;
	font-weight:bold;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
}