/* ------------------------------------------------------------
 * PROJECT        : Provider Synergies
 * FILENAME       : ps.css
 * ------------------------------------------------------------
 * DATE CREATED   : 06 June 2008
 * LAST UPDATED   : 09 June 2008
 * ------------------------------------------------------------
 * AUTHOR(S)      : Kevin Scholl (ksscholl@cvty.com)
 * ------------------------------------------------------------
 * NOTE(S)        : 
 * ------------------------------------------------------------ */
 
/* ------------------------------------------------------------
 * BASIC DECLARATIONS
 * ------------------------------------------------------------ */

html,
body {
  height: 100%;
  }

body {
	margin: 0;
	background: #FFF;
	padding: 0;
	font-size: 101%;
	}

form {
	margin: 0;
	border: 0;
	background: transparent;
	padding: 0;
	}

.cleaner {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	}

/* ------------------------------------------------------------
 * LINKS
 * ------------------------------------------------------------ */

a:link,
a:visited {
	color: #369;
  }
a:hover,
a:active {
	color: #F93;
  }
a.actionLink {
  font-weight: bold;
  }

/* ------------------------------------------------------------
 * INLINE LINK APPEARANCES
 * ------------------------------------------------------------ */

a.linkAdb,
a.linkDoc,
a.linkEml,
a.linkImg,
a.linkPdf,
a.linkPpt,
a.linkPub,
a.linkRec,
a.linkSrch,
a.linkTxt,
a.linkUrl,
a.linkVsd,
a.linkXls,
a.linkZip {
	background: transparent url(0) 0 50% no-repeat;
	padding: 0 0 0 15px;
  }
a.linkAdb {
	background-image: url(/images/link_adb.gif);
  }
a.linkDoc {
	background-image: url(/images/icon_doc.gif);
  }
a.linkEml {
	background-image: url(/images/icon_eml.gif);
  }
a.linkImg {
	background-image: url(/images/icon_img.gif);
  }
a.linkPdf {
	background-image: url(/images/icon_pdf.gif);
  }
a.linkPpt {
	background-image: url(/images/icon_ppt.gif);
  }
a.linkPub {
	background-image: url(/images/icon_pub.gif);
  }
a.linkRec {
	background-image: url(/images/icon_record.gif);
  }
a.linkSrch {
	background-image: url(/images/icon_search.gif);
  }
a.linkTxt {
	background-image: url(/images/icon_txt.gif);
  }
a.linkUrl {
	background-image: url(/images/icon_url.gif);
  }
a.linkVsd {
	background-image: url(/images/icon_vsd.gif);
  }
a.linkXls {
	background-image: url(/images/icon_xls.gif);
  }
a.linkZip {
	background-image: url(/images/icon_zip.gif);
  }

/* ------------------------------------------------------------
 * STICKY FOOTER
 * ------------------------------------------------------------ */

div#container {
  position: relative;
	margin: 0;
	padding: 0;
	background: transparent;
	min-height: 100%;
  }

div#wrapper {
  position: relative;
	margin: 0 auto;
	border: 0;
	background: transparent;
	padding: 0 0 101px 0;
	width: 728px;
  }

/* ------------------------------------------------------------
 * MASTHEAD
 * ------------------------------------------------------------ */

div#masthead {
  position: relative;
  margin: 0 auto;
	border-top: 10px solid #FFF;
	border-bottom: 4px solid #066;
	background: #FFF;
	padding: 0 0 1px 0;
	height: 111px;
	width: 728px;
  }
	
div#logo {
  position: absolute;
	left: 0;
	top: 0;
  margin: 0;
	border: 0;
	background: transparent url(/images/logo.gif) center center no-repeat;
	padding: 0;
	width: 151px;
	height: 75px;
	z-index: 31;
  }
div#logo h1,
div#logo h2 {
  display: none;
  }
	
div#masthead p.slogan {
  position: absolute;
	left: 486px;
	top: 0;
  margin: 0;
	border: 0;
	background: transparent;
	padding: 10px;
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	color: #999;
	z-index: 11;
  }
	
div#globalNav {
  position: absolute;
	left: 0;
	top: 81px;
  margin: 0;
	border: 0;
	background: #036;
	padding: 0;
	width: 728px;
	z-index: 21;
  }
div#globalNav p {
  margin: 0;
	border: 0;
	background: #036;
	padding: 0 10px 0 497px;
	font: normal 11px/30px Arial, Helvetica, sans-serif;
	color: #369;
  }
div#globalNav p span {
	padding: 0 5px;
  }
div#globalNav p a:link,
div#globalNav p a:visited {
	color: #FFF;
	text-decoration: none;
  }
div#globalNav p a:hover,
div#globalNav p a:active {
	color: #9CF;
  }
	
div#mainNav {
  position: absolute;
	left: 161px;
	top: 0;
  margin: 0;
	border-left: 1px solid #FFF;
	background: transparent;
	padding: 0;
	z-index: 31;
  }
div#mainNav ul {
  margin: 0;
	padding: 0;
	list-style-type: none;
  }
div#mainNav ul li {
  float: left;
  margin: 0;
	border-right: 1px solid #FFF;
	padding: 0;
	width: 80px;
	text-align: center;
  }
div#mainNav ul li a {
  display: block;
	border-bottom: 1px solid #FFF;
	background: #369;
	padding: 81px 0 0 0;
	font: bold 11px/30px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	height: 1%;
	}
div#mainNav ul li a#overview {
  background: #369 url(/images/bg_nav_overview.jpg) 0 0 no-repeat;
  }
div#mainNav ul li a#services {
  background: #369 url(/images/bg_nav_services.jpg) 0 0 no-repeat;
  }
div#mainNav ul li a#company {
  background: #369 url(/images/bg_nav_company.jpg) 0 0 no-repeat;
  }
div#mainNav ul li a#contact {
  background: #369 url(/images/bg_nav_contact.jpg) 0 0 no-repeat;
  }

/* ------------------------------------------------------------
 * SEARCH FORM
 * ------------------------------------------------------------ */

form#frmSearch {
  display: none;
  position: absolute;
	left: 486px;
	top: 0;
  margin: 0;
	border: 1px solid #369;
	background: #EAEFF5 url(/images/bg_search.gif) right center no-repeat;
	padding: 10px;
	width: 220px;
	height: 58px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #ADC2D6;
	z-index: 99;
	overflow: hidden;
  }
form#frmSearch label {
  display: block;
  margin: 0 0 3px 0;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #333;
  }
form#frmSearch input#txtSearch {
  display: block;
  margin: 0 0 3px 0;
  border: 1px solid #999;
  background: #FFF url(/images/icon_search.gif) 4px center no-repeat;
  padding: 2px 3px 2px 20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999;
  }
form#frmSearch input.actionBtn {
  display: inline;
  margin: 0;
	padding: 0 1px;
	font: bold 100% arial,helvetica,sans-serif;
	color: #333;
	text-transform: uppercase;
	vertical-align: middle;
	}

/* ------------------------------------------------------------
 * CONTENT
 * ------------------------------------------------------------ */

div#wrapper h3 {
	margin: 0 0 0 486px;
	border: 0;
	background: #066;
	padding: 0 10px 5px 10px;
	font: bold 14px/21px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: lowercase;
	letter-spacing: 1px;
  }

div#colRight {
  float: right;
	margin: 0;
	border: 0;
	background: #F0F0F0;
	padding: 0;
	width: 242px;
  }
	
div#colRight h4 {
	margin: 0;
	border-top: 2px solid #FFF;
	border-bottom: 1px solid #CCC;
	background: #DDD;
	padding: 7px 10px;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
  }
div#colRight p {
	margin: 0;
	border-bottom: 1px solid #DDD;
	background: transparent;
	padding: 8px 10px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
  }
div#colRight p.callout {
	font: italic 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
  }
div#colRight p.calloutHome {
	font: bold 12px/16px Georgia, "Times New Roman", Times, serif;
	color: #999;
  }
div#colRight ul {
	margin: 0;
	border: 0;
	padding: 0;
	list-style-type: none;
  }
div#colRight ul li {
	margin: 0;
	border-bottom: 1px solid #DDD;
	background: transparent url(/images/bg_bullet_subnav.gif) 6px 6px no-repeat;
	padding: 5px 10px 5px 25px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #333;
  }
div#colRight h4 a,
div#colRight ul li a {
  display: block;
	height: 1%;
	text-decoration: none;
  }

div#colLeft {
  float: left;
	margin: 0;
	border: 0;
	background: transparent;
	padding: 10px 0 0 0;
	width: 150px;
  }

div#colMiddle {
	margin: 0 263px 0 162px;
	border: 0;
	background: transparent;
	padding: 10px 0 0 0;
  }
div#colMiddle h4 {
	margin: 0 0 10px 0;
	border: 0;
	background: transparent;
	padding: 0;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	color: #000;
  }
div#colMiddle p {
	margin: 0 0 10px 0;
	border: 0;
	background: transparent;
	padding: 0;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
  }
div#colMiddle p.smallText {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
  }
div#colMiddle ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
  }
div#colMiddle ul li {
	margin: 0 0 5px 0;
	border: 0;
	background: transparent url(/images/bg_bullet_ulist.gif) 10px 0 no-repeat;
	padding: 0 0 0 30px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
  }
div#colMiddle ol {
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
  }
div#colMiddle ol li {
	margin: 0 0 5px 30px;
	border: 0;
	background: transparent;
	padding: 0;
  }

/* ------------------------------------------------------------
 * FOOTER
 * ------------------------------------------------------------ */

div#footer {
  position: relative;
  margin: -101px auto 0 auto;
	border: 0;
	background: #FFF;
	padding: 15px 0 0 0;
	width: 728px;
  }
div#footer p {
  margin: 0;
	border-top: 2px dotted #CCC;
	border-bottom: 4px solid #066;
	background: #FFF;
	padding: 0 0 0 162px;
	font: normal 11px/29px Arial, Helvetica, sans-serif;
	color: #999;
  }
div#footer p span {
	padding: 0 5px;
	color: #CCC;
  }
div#footer p a {
  font-weight: bold;
	text-decoration: none;
  }
div#footer p.copyright {
	border-top: 1px solid #FFF;
	border-bottom: 0;
	background: #F0F0F0;
	line-height: 50px;
  }
div#footer p.copyright a {
  font-weight: normal;
  }
	
/* ------------------------------------------------------------
 * ERROR/WARNING MESSAGES
 * ------------------------------------------------------------ */

.systemMessage {
	margin: 0 0 10px 0;
	padding: 0;
	font: bold 70%/100% verdana,arial,helvetica,sans-serif;
	color: #00A429;
	text-transform: uppercase;
  }
.msgLevelError {
	color: #C33;
  }
.msgLevelFatal {
	color: #633;
  }
.msgLevelWarn {
	color: #F93;
  }

/* ------------------------------------------------------------
 * DATATABLE
 * ------------------------------------------------------------ */
 
.dataTable {
	margin: 0 auto 10px auto;
	border: 1px solid #407BC1;
	border-left: 0;
	background: #FFF;
	width: 100%;
  }
		
.dataTable tr.alt {             /* for use with JQuery */
	background: #ECF2F9;
  }
.dataTable tr.over {            /* for use with JQuery */
	background: #FFEED9;
  }
.dataTable tr.highlight {
	background: #FFD299;
  }
	
.dataTable th,
.dataTable td {
	padding: 5px;
	color: #000;
	vertical-align: top;
  }
	
.dataTable th {
	border-left: 1px solid #407BC1;
	background: #B3CAE6;
	font: bold 62.5%/140% verdana,arial,helvetica,sans-serif;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
  }
.dataTable thead th {
  border-bottom: 1px solid #407BC1;
  }
.dataTable tfoot th,
.dataTable tfoot td {
  border-top: 1px solid #407BC1;
  }
.dataTable th a:link,
.dataTable th a:visited {
	color: #000;
  }
.dataTable th a:hover,
.dataTable th a:active {
	color: #FFF;
  }
	
.dataTable td {
	border-bottom: 1px solid #CFDEEF;
  border-left: 1px solid #407BC1;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	text-align: center;
	vertical-align: top;
  }	
.dataTable tr.lastRow td {      /* for use with JQuery */
	border-bottom: 0;
  }
.dataTable td.alignLeft {
	text-align: left;
  }
.dataTable td.alignRight {
	text-align: right;
  }
.dataTable td span {
	display: none;
  }

/* ------------------------------------------------------------
 * FLOAT CLEARING
 * ------------------------------------------------------------ */

div#masthead:after,
div#wrapper:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
