/******************************************************************************
Filename:       /global/ screen.css
Project:        IBS - Intelligent Business Solutions
Purpose:        Site-wide Styles
Date            Developer    Description
12/14/2009        wch        Version 1.0
******************************************************************************/

/******** BEGIN:  SITE-WIDE STYLES ********/
html, body{margin:0; padding:0; background:#D1EBF2; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:12px; color:#333333;}
body{padding-bottom:20px;}
div{margin:0; padding:0;}
p{margin:0 0 12px 0; font-size:12px; line-height:18px; color:#333333;}
a{color:#309AC1; text-decoration:none;}
a:hover{color:#91C9E1;} 
a:active{}   
img{border:none; margin:0; padding:0;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

h1,h2,h3,h4{margin:0; padding:0; font-family: Georgia, "Palatino Linotype", Palatino, serif; font-weight: bold; letter-spacing:0.035em; color:#333333;}
h1{font-size:21px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:13px;}
table{margin:0; padding:0; text-align:left; vertical-align:middle;}
th{margin:0; padding:0; text-align:left; vertical-align:middle;}
td{margin:0; padding:0; text-align:left; vertical-align:middle;}
tr{margin:0; padding:0; text-align:left; vertical-align:middle;}

ol,ul{margin:0; padding:0; font-weight:normal; color:#333333; list-style-type:square;}
li{padding:0 0 10px 0; line-height:15px;}
span.hidden{display:none}

#homelink{width:50px; float:right; padding:12px 0 0 0; font-size:9px;}

/******** END:  SITE-WIDE STYLES ********/

/******** BEGIN:  MAIN STRUCTURE STYLES ********/
/* wrapper, container, content container, and content */
#siteWrapper{width:980px; margin:0 auto 0 auto; padding:0;}
#wrapper{background: url("../images/global/page-bg.gif") 0 0 repeat-y;}
#container{background:url("../images/global/pagetop-bg.gif") 0 0 no-repeat; }
#contentContainer{padding:0 15px 0 13px; background: url("../images/global/pagebottom-bg.gif") 0 100% no-repeat;}

#content{height:490px; padding-top:15px; border-bottom:1px solid #CCCCCC;}
html > body #content{height:auto; min-height:490px;}

#content #leftColumn{height:490px; padding-bottom:12px;}
html > body #content #leftColumn{height: auto; min-height:490px;}

#content #rightColumn{float:right; height:490px; padding-bottom:12px;}
html > body #content #rightColumn{height: auto; min-height:490px;}
/******** END:  MAIN STRUCTURE STYLES ********/

/******** BEGIN:  HEADER STYLES ********/
#header{width:980px;}
#logo{padding:18px 0 8px 40px;}

/******** BEGIN:  TOP NAV STYLES ********/
#topnavContainer{width:950px; margin:0 auto 0 auto;font-size:13px;}
#topnav{padding:8px 0 7px 0; background:#664E3C; text-align:center;}
#topnav a{padding:0 30px 0 30px; color:#FFFFFF;}
#topnav a:hover{color:#E1DABC/* #91C9E1*/;}
/******** END:  TOP NAV STYLES ********/

/******** END:  HEADER STYLES ********/

/******** BEGIN:  HOME CONTENT STYLES ********/
#content.home p{font-size:13px; line-height:18px;}
#content.home h2{padding:15px 0 8px 0;}

#content.home #leftColumnContainer{float:left; width:695px;}
#content.home #leftColumn #impactImageWrapper{background: url("../images/home/mainImg-bg.jpg") 0 0 repeat-y;}
#content.home #leftColumn #impactImageContainer{background:url("../images/home/mainImgtop-bg.jpg") 0 0 no-repeat;}
#content.home #leftColumn #impactImage{height:300px; padding:6px 0 0 8px;background: url("../images/home/mainImgbtm-bg.jpg") 0 100% no-repeat;}
#content.home #leftColumn #bottomWrapper{width:695px;}
#content.home #leftColumn #bottomLeft{float:left; width:326px; padding:8px 0 0 5px;}
#content.home #leftColumn #bottomRight{float:right; width:333px; padding:8px 0 0 0;}

#content.home #rightColumn #rightColumnContent{width:250px;}
#content.home #rightColumn #rightColumnContent #testimonial img{float:right; width:115px; padding:15px 0 7px 10px;}
#content.home #rightColumn #rightColumnContent #testimonial h4{padding:8px 0 10px 0;}
#content.home #rightColumn #testimonial p{padding:0 9px 6px 0; font-size:11px; line-height:15px;}

#rightColumn #logos{margin:0 auto 0 auto; text-align:center; font-size:10px; line-height:24px;}
#rightColumn #logos .surescripts{padding-top:22px;}

/************ END: HOME CONTENT STYLES ************/

/******** BEGIN:  INTERIOR CONTENT STYLES ********/
#content.interior #leftColumn{float:left; width:191px; padding-left:2px;}

#content.interior #rightColumn{float:right; width:754px;}
#content.interior #rightColumn h2{padding:12px 0 10px 0;}
#content.interior #rightColumn h3, #content.interior #rightColumn h4{padding:0 0 8px 0;}
#content.interior #rightColumn ul{padding:0 0 15px 18px;}
#content.interior #rightColumn li{padding:0 0 6px 0;}

#content.interior #rightColumn #impactImageWrapper{background: url("../images/interior/mainImg-bg.jpg") 0 0 repeat-y;}
#content.interior #rightColumn #impactImageContainer{background:url("../images/interior/mainImgtop-bg.jpg") 0 0 no-repeat;}
#content.interior #rightColumn #impactImage{height:192px; padding:5px 0 0 5px;background: url("../images/interior/mainImgbtm-bg.jpg") 0 100% no-repeat;}

#content.interior #rightColumn #mainCopyAreaWrapper{float:left; width:475px; padding-bottom:30px;}
#content.interior #rightColumn #mainCopyArea{padding-left:10px;}

#content.interior #rightColumn #mainCopyArea ul{padding:0 24px 15px 28px;}
#content.interior #rightColumn #mainCopyArea li{padding:0 0 8px 0;}

#content.interior #rightColumn #mainCopyArea ul.nestedlist{padding:5px 24px 15px 28px;}
#content.interior #rightColumn #mainCopyArea ul.nestedlist li{list-style-type:disc;}
#content.interior #rightColumn #mainCopyArea.ehr h3.quote{padding-bottom: 5px;font-size:12px; line-height:15px;}
#content.interior #rightColumn #mainCopyArea.ehr h3.credit{font-size:10px; line-height:15px; font-family:Verdana, Helvetica, Arial, sans-serif;}

#content.interior #rightColumn #mainCopyArea.contact #contactinfo{border-bottom:1px solid #CCBEAF;}
#content.interior #rightColumn #mainCopyArea.contact #contactphone{float:left;}
#content.interior #rightColumn #mainCopyArea.contact #contactaddress{float:right; padding-right:45px;}


#content.interior #rightColumn #rightAreaWrapper{float:right; width:245px;}
#content.interior #rightColumn #rightArea{margin-top:30px; padding:20px 8px 0 0;}
#content.interior #rightColumn #rightArea #rightAreaCopy{padding:0 0 18px 15px;}
#content.interior #rightColumn #rightArea #rightAreaCopy h3{padding-bottom:10px;}
#content.interior #rightColumn #rightArea #rightAreaCopy p{font-size:10px; line-height:13px;}
#content.interior #rightColumn #rightArea #rightAreaCopy li{font-size:11px; line-height:14px;}
#content.interior #rightColumn #rightArea .images{width:216px; margin:0 auto 0 auto;}
#content.interior #rightColumn #content_leftcolContainer{float:left; width:220px;}
#content.interior #rightColumn #content_rightcolContainer{float:right; width:220px;}
#content.interior #rightColumn #content_leftcol, #content.interior #rightColumn #content_rightcol{width:220px; margin:0 auto 0 auto; text-align:center;}
/************ END: INTERIOR CONTENT STYLES ************/

/************ BEGIN: FOOTER STYLES **********/
#footerWrapper{width:100%; margin:0; margin-top:10px; padding:0;}
#footerContainer{width:950px; height:32px; margin:0 auto 0 auto; color:#333333; font-weight:normal;text-align:center;}
html > body #footerContainer{height:auto; min-height:32px;}
#footerContainer  p{margin:0; padding:0; font-size:10px;} 
#footerContainer p.copyright{float:left;}
#footerContainer p.footerUtility{float:right;}
.beaconInfo{width:600px; margin:0 auto 0 auto;}
p.beaconInfo{padding-top:5px;text-align:center; font-size:10px; color:#FFFFFF;}
p.beaconInfo a{color:#FFFFFF;}
p.beaconInfo a:hover{color:#91C9E1;}
/************ END: FOOTER STYLES **********/


/**** BEGIN:  FORMS ****/
#contactForm{width:235px; margin:0 auto 0 auto; padding-top:20px;}
#contactForm .formfield{padding-bottom:20px;}
#contactForm p.label{ margin:0; padding:0; text-align:left; font-size:11px; font-weight:bold;}
#contactForm .field{margin:0 5px 4px 0px; text-align:left; font-family:"courier new", monospace, courier; font-size:11px;}
#contactForm .select{margin:2px 5px 4px 0px; text-align:left;font-size:11px;}
#contactForm .example{font-size: 10px;}
#contactForm .required{text-align:left; font-size: 10px; font-weight:bold; color:#FF0000;}
#contactForm .formBTN{width:105px; margin:0 auto 0 auto; text-align:center;}
#contactForm .formButton{padding:4px 18px 4px 18px; font-size:13px; line-height:18px; font-weight:bold; color:#FFFFFF; background:#36B3D2; border:2px solid #88D1E2;}

.error{font-size: 10px; font-weight:bold; color:#ff0000;}
.hidden{display:none;}
.textSmall{font-size:9px;}
/**** END:  FORMS ****/