/*General*/

body {
	font-family: arial, sans-serif;
	font-size: 12pt;
	padding: 0;
	margin: 0;
	background-color: white;
}

h1 { 
	margin: 0pt;
	padding: 0pt;
	font-family: arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #355087;
}

h2 { 
	margin: 6pt 0pt 2pt 0pt;
	padding: 0pt;
	font-family: arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: black;
}

h3 { 
	margin: 6pt 0pt 2pt 0pt;
	padding: 0pt;
	font-family: arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: black;
}

h4 { 
	margin: 5pt 0pt 2pt 0pt;
	padding: 0pt;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #4E4E4E;
}

/*Header*/

#topleftfade{
	position: absolute;
	width: 88px;
	height: 472px;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	background-image: url(../images/blue_white_fade_thin.gif);
	background-repeat: repeat-x;
}

#main-logo{
	position: absolute;
	width: 73px;
	height: 145px;
	top: 10px;
	left: 43px;
	padding: 0;
	margin: 0;
}

#main-title{
	position: absolute;
	width: 207px;
	height: 33px;
	top: 60px;
	left: 135px;
	padding: 0;
	margin: 0;
	background-image: url(../images/psal_title.gif);
	background-repeat: no-repeat;
}

#slogan{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 105px;
	left: 135px;
	padding: 0;
	margin: 0;
}

#leftbar {
	position: absolute;
	top: 170px;
	left: 20px;
	width: 177px;
	height: auto;
	padding; 0;
	margin: 0;
}

#main-logo-links{
	float: left;
	padding: 0;
	margin: 0;
}

#consultation-link{
	position: absolute;
	top: 15px;
	right: 40px;
	background-color: #355087;
	font-weight: bold;
	width: 260px;
	height: 64px;
}

#consultation-link-inner{
	padding: 12px 0px 0px 30px;
	font-size: 15px;
	color: white;
}

#phone-me{
	position: absolute;
	top: 8px;
	right: 280px;
	width: 45px;
	height: 84px;
	background-image: url(../images/phone_final.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

/*Main navigation*/

.nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	line-height: 0; /*needed for IE6*/
}

.nav-list-item {
	display: block;
}

.nav-list-item a{
	text-decoration: none;
	display: block; /*the span surround these should be block so it works in IE*/
	width: 137px;
	padding: 1pt 20px;
	line-height: 2em;
	height: auto;
	font-weight: bold;
	margin-bottom: 10px;
}

.nav-list-item a:link, .nav-list-item a:visited {
	color: white;
	background-color: #76a3cc;
}

.nav-list-item a:hover {
	color: white;
	background-color: #355087;
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 160px 50%;
}

.page-open a:link, .page-open a:visited{
	background-color: #355087;
}

.subnav {
	list-style: none;
	margin: 0pt;
	padding: 0pt;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

ul.subnav li a:link, ul.subnav li a:visited {
	border-top: 1px solid white;
	text-decoration: none;
	display: block;
	width: 89%;
	padding: 1pt 3% 1pt 8%;
	font: normal 9pt/1.5em arial, sans-serif;
	background-color: rgb(177,178,178);
	color: rgb(52,52,52);
}

ul.subnav li a:hover {
	border-top: 1px solid #A5B5C6;
	background-color: rgb(10,23,94);
	color: white;
}

/*Content*/

#content{
	width: 100%;
	margin: 0;
	padding: 0;
}

#content-background{
	margin: 0px 40px 0px 0px;
	background-image: url(../images/psal_triangle_half_faint2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#content-inner, #content-inner-wide{
	padding: 0;
}

#content-inner{
	margin: 170px 0px 20px 230px;
}

#content-inner-wide{
	margin: 170px 0px 20px 135px;
}

#copyright{
	font-size: 10px;
}

.plain{
	background-color: #E9E9E9;
	font-size: 10pt;
	padding: 6px;
}

p {
	font-size: 12pt;
}
p.normal {
	font-size: 12pt;
}

.centre-text-wide p {
	font-size: 12pt;
}

.centre-text p {
	font-size: 12pt;
}

td {
	font-size: 12pt;
}

td.normal {
font-size: 12pt;
}

	
#header {
	padding: 0px;
	margin: 0px;
	background-color: white;
	width: 100%;
	height: 62px;
}

#lefttitle {
	background-color: white;
	float: left;
	padding: 0px;
	margin: 0px;
}

#righttitle {
	background-color: red;
	float: right;
	padding: 0px;
	margin: 2px 10px 2px 0px;
}

#righttriangle {
	padding: 0px;
	margin: 0px;
}

.tightimage {
	padding: 0px;
	margin: 0px;
}

#biglogobox {
	margin: 9px 0px 0px 9px;
	padding: 0px;
}

#midtitle {
	text-align: center;
	background-color: white;
	margin: 0px;
	padding: 0px;
}

#psallogo {
	padding: 0px;
	margin: 3px 12px 0px 0px;
}

#psaltext {
	padding: 0;
	margin: 0px 0px 11px 0px;
}

#topstrip {
	background-color: rgb(10,23,94);
	height: 6px;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
}

#bottomstrip {
	background-color: rgb(113,147,184);
	height: 6px;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
}



#rightbar {
	width: 21%;
	height: auto;
	float: right;
}

.centre-text {
	float: left;
	width: 51%;
	background-color: white;
	padding: 8pt 1%;
	border-left: 5px solid rgb(10,23,94);
	border-right: 5px solid rgb(113,147,184);
	margin: 0pt 0px 0px 2%;
}

.centre-text-wide {
	float: left;
	width: 72%;
	background-color: white;
	padding: 8pt 1%;
	border-left: 5px solid rgb(10,23,94);
	border-right: 5px solid rgb(113,147,184);
	margin: 0pt 0px 0px 2%;
}

.centre-text-all {
	float: left;
	width: 95%;
	background-color: white;
	padding: 8pt 1% 8pt 1%;
	border-left: 5px solid rgb(10,23,94);
	border-right: 5px solid rgb(113,147,184);
	margin: 0pt 0px 12px 1%;
}

.internal-narrow-left{
	margin-right: 105px;
}

.internal-narrow-right{
	margin-left: 105px;
}

.barbox {
	border: 1px solid black; 
	font-family: arial, sans-serif;
	height: auto;
	margin: 0pt;
	padding: 0pt;
}

.heading {
	color: white;
	font-family: arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0pt;
	border-bottom: 1px solid black;
	background-image: url('../images/smallerbox.gif');
	background-position:  3px 50%;
	background-repeat: no-repeat; 
	padding: 0px 3% 0px 34px;
}

.darkblue {
	background-color: rgb(10,23,94);
}

.verydarkblue {
	background-color: rgb(46,41,67);
}

.gps {
	float: right;
	margin: 0px 2px 12px 12px;
}

.gps-left {
	float: left;
	margin-right: 12pt;
	margin-bottom: 8pt;
}

.pictureleft {
	float: left;
	margin: 8pt 8pt 8pt 0pt;
	border: none;
}

.picturelefttop {
	float: left;
	margin: 0pt 8pt 3pt 0pt;
	border: none;
}

.pictureright {
	float: right;
	margin: 8pt 0pt 8pt 8pt;
	border: none;
}

.picturerighttop {
	float: right;
	margin: 0pt 0pt 3pt 8pt;
	border: none;
}

.FirstLetter {}

p.bullet {
	padding-left: 24pt;
	background-image: url('../images/smallestbox.gif');
	background-position:  3px 50%;
	background-repeat: no-repeat; 
}

p.tight {
	margin: 0pt;
	padding: 0pt;
	line-height: auto;
}

p.mediumtight {
	margin: 1px 0px 5px 0px;
	padding: 0px;
	line-height: auto;
}

p.tightbullet {
	padding: 0pt 0pt 0pt 24pt;
	margin: 0px;
	background-image: url('../images/smallestbox.gif');
	background-position:  3px 50%;
	background-repeat: no-repeat; 
	line-height: 1.5em;
}

a:link, a:active, a:visited {
	color: #1a2251;
	font-family: arial, sans-serif;
}

.normal {
}

.normal a:link, .normal a:active, .normal a:visited {
	color: black;
	font-family: arial, sans-serif;
}

.centre-text-wide .normal a:link, .centre-text-wide .normal a:active, .centre-text-wide .normal a:visited {
	color: black;
	font-family: arial, sans-serif;
}

table {
	border-collapse: collapse;
	border: 1px solid black;
	width: 100%;
	font-size: 11pt;
}

.tablebackground {
	background-color: #76a3cc;
	color: white;
}

th {
	font-weight: normal;
	color: white;
	background-color: rgb(10,23,94);
	text-align: left;
}



tr {
	border-bottom: 1px solid #A5B5C6;
}

.subheading {
	font-weight: normal;
	color: white;
	background-color: rgb(113,147,184);
	text-align: left;
}

.back-to-top {
	clear: both;
	padding-left: 24pt;
	text-align: center;
}

.boxed-link {
	font-size: 11pt;
}

.clearboth {
	clear: both;
}

.websiteimage {
	margin: 14px 6px;
	padding: 0px;
	border: 2px solid blue;
}

.logolinks {
	list-style-type: none;
}

.logolinks li {
	margin: 12px 0px;
}

.logolinks img {
	border: none;
}

/*
Support-specific
*/

#support-title {
	padding-top: 20px;
	font-weight: bold;
	font-size: 20px;
}

#psalbox-left {
	float: left;
	margin: 12px 0px 0px 12px;
	padding: 0;
	border: none;
}

#psalbox-right {
	float: right;
	margin: 12px 12px 0px 0px;
	padding: 0;
	border: none;
}

#donate-button {
	border: none;
	text-align: center;
}

.main-text {
	width: 90%;
	background-color: white;
	padding: 8pt 1%;
	border-left: 5px solid rgb(10,23,94);
	border-right: 5px solid rgb(113,147,184);
	margin: 3% 3%;
}

#inner-message {
	float: right;
	width: 30%;
	margin: 3px 3px 3px 12px;
	padding: 12px;
	background-color: rgb(233,233,233);
}

#inner-message p {
	font-family: arial, sans-serif;
	font-size: 10pt;	
}

#comment-form {
	width: 450px;
	margin: 0;
	padding: 12px;
	background-color: rgb(233,233,233);
}

#comment-form {
	font-size: 10pt;
}

#CLIC-header {
	height: 56px;
	padding: 0;
	margin: 0px 0px 12px 0px;
	background-image: url(../images/CLIC_strip.gif);
	background-position: right top;
	background-repeat: repeat-y;
	font-size: 22px;
	line-height: 56px;
}

#prac-header {
	height: 56px;
	padding: 0;
	margin: 0px 0px 12px 0px;
	font-size: 22px;
	line-height: 56px;
}

#spacer {
	height: 150px;
}

#psal-sponsored{
	border: solid 1px #C9C9C9;
}

.linkstrip{
	margin: 1px 0px 5px 0px;
	padding: 0px;
	line-height: auto;
}

.highlight{
	background-color: #FFFF97;
}

p.log-details {
	font-size: 11pt;
	font-weight: bold;
	padding: 0;
	margin: 12px 0px 0px 0px;
}

.table-changelog th, .table-changelog td{
	font-size: 10pt;
	vertical-align: top;
}

.table-changelog ul{
	margin-left: 5px;
	padding-left: 0;
}

.table-changelog ul li{
	margin-left: 10px;
	padding-left: 0;
}

.CLIC-background {
	background-image: url(../images/CLIC_new_faded2.gif);
	background-repeat: no-repeat;
	background-position: 80% 10%;	
}

.prac-background {
}

.tip{
	background-color: #BAD2E6;
	padding: 12px;
	border: 2px solid #326189;
	display: block;
	clear: both;
}

.table-apart tr td {
	vertical-align: top;
	padding: 6px;
	font-size: 11pt;
}

.table-apart tr th {
	vertical-align: top;
	padding: 6px;
	font-size: 11pt;
	font-weight: bold;
}

#draft-only{
	position: absolute;
	width: 239px;
	height: 226px;
	background-image: url(../images/draft_only2.png);	
}

* html #draft-only{
	background-image: url(../images/draft_only2.gif);	
}

.left10pc{
	left: 10%;
}

.right10pc{
	right: 10%;
}

.top200px{
	top: 200px;
}

.top300px{
	top: 300px;
}

li{
	margin: 8px 0px;
}

.nav-list li, .subnav li{
	margin: 0;
}

ul.ul-in-table{
	margin: 0;
	padding-left: 12px;
}

.ul-in-table li{
	margin: 0px 0px 12px 0px;
}

table#tab-clientid{
	width: 440px;
}

#tab-clientid td{
	border: 1px solid black;
	padding: 6px;
	text-align: center;
}

.grey{
	background-color: #E9E9E9;
}

ol ol{
	list-style-type: lower-alpha;
}

#downloads{
	width: 80%;
	margin: 20px 0px 450px 8%;
	padding: 12px;
	background-color: white;
}

#received{
	width: 96%;
	margin: 20px 2% 20px 2%;
	padding: 12px;
}

.received-table{
	background-color: white;
	text-align: center;
}

.providers-table{
	background-color: white;
}

.received-table th, .received-table td{
	padding: 0px 4px;
	font-size: 10pt;
}

.providers-table td{
	font-size: 10pt;
}

.providers-table th{
	font-size: 10pt;
	font-weight: bold;
}

.left-align{
	text-align: left;
}

.comments{
	width: 25%;
	text-align: left;
}

.button {
	margin: 20px 0px 0px 0px;
	padding: 3px;
	border: 1px solid #5D6192;
}

.button-font16 {
	font-size: 16pt;
}

.left-half{
	width: 50%;
	float: left;
}

.left-half-inner, .right-half-inner{
	padding: 6px;
}

.right-half{
	width: 50%;
	float: right;
}

.contacts{
	width: 100%;
	height: auto;
	overflow: auto;
	border: 2px groove rgb(255,244,225);
}

* html .contacts{
	height: 150px;
}

#tab-contacts{
	table-layout: fixed;
}

/*Menu*/


.menulink{	
	font-weight: bold;
	font-size: 11pt;
	margin: 0;
	height: 29px;
	width: 100%;
	padding: 0;
	background-color: black;
	background-image: url(../images/menushaderblue.gif);
	background-repeat: repeat-x;
	color: white;
}

#menu-link-inner{
	padding: 6px 0px 0px 16px;
}

#menu-link-inner a:link, #menu-link-inner a:visited{
	color: white;
	text-decoration: none;
}

#menu-link-inner a:hover{
	color: #D6DDF5;
	text-decoration: none;
}

#report-wrapper{
	background-color: white;
	padding: 6px;
}

.no-border{
	border: none;
}

/*Flexireport adjustments*/

.flexireport-lev-label-inline1{
	font-size: 15pt;
	width: 120px;
}

.flexireport-lev-field-inline1{
	font-size: 15pt;
	font-weight: bold;
	color: #0A175E;
}

.flexireport-blank-header-table tr, .flexireport-blank-header-table td{
	border: none;
}

table.flexireport-blank-header-table{
	border: none;
}

/*Forum*/
#forum-promo{
	position: relative;
	float: right;
}

#find-out-how-link{
	margin-top: 6px;
	position: absolute;
	right: 0px;
}

/*Screen dumps*/
.screen-dump-right, .screen-dump-below, .screen-dump{
	border: solid 2px #ffa500;	
}

.screen-dump-right{
	float: right;
}

.screen-dump-below{
	float: left;
	clear: both;
}

.force-clear{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0em;	
}

#late-data{
	width: 100%;
	height: 150px;
	overflow: scroll;
	float: left;
	clear: both;
	border: 2px groove rgb(255,244,225);
	padding: 0;
	margin: 0;
}

#late-data .sf-label{
	font-size: 12px;
}

.received, .late, .missing{
	display: block;
	margin: 0;
	padding: 0;
	height: 25px;
	font-size: 9px;
}

.received{
	background-color: #32CD32;
	color: #32CD32;
}

.late{
	background-color: Orange;
	color: Orange;
}

.missing{
	background-color: red;
	color: red;
}

.due{
	background-color: #FFD484;
}

.padlr12{
	padding: 0px 12px;
}

#pie{
	float: right;
}

#top-chart{
	padding-left: 10px;
}