/*  
Theme Name: Pharmacy Benefit Consultants
Theme URI: http://www.pharmacybenefitconsultants.com/
Description: Insert website description here
Version: 1.0
Author: Insert author here (in the css file)
Author URI: Insert author url here (in the css file)
*/

/*============================================
	1: Base
==============================================*/
/* Basic Markup Styles */

* { 
	margin: 0; 
	padding: 0;
}
	
	li li, td td {
		font-size: 1em;
	}



	body { 
		background: #ffffff; 
		font: 68.75% Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #363636;
		}
		html>body { 
			font-size: 11px;
		}
	
		h1 { 
			font-size: 1.1em; 
		}
		
		h2 { 
			font-size: 1em; 
		}
		
		h3 { 
			font-size: 1em;
		}
		
		p { 
			font-size: 1em;
		}

		table { 
			padding: 0; 
			border: 0;
			}
			caption { 
				font-size: 1em; 
				text-align: left;
			}
			th { 
				font-size: 1em;
				}
				th th {
					font-size: 1em;
				}
			td { 
				font-size: 1em;
				}
				td td {
					font-size: 1em;
				}
		
		ul {
			list-style: none;
			}
			li {
				font-size: 1em;
				}
				li li {
				font-size: 1em;
				}
		
		hr {
			border: 0; 
			height: 1px; 
			background: #C5C5C5; 
				*color: #C5C5C5; 
			margin-bottom: 18px;
		}
		
		a, a:link, a:visited {
			color: #005F91;
			text-decoration: none;
		}
		a:hover, a:active {
			color: #008AFF;
			text-decoration: none;
		}

		img { 
			border: none;
		}
		
		form {
			margin: 0; 
			padding: 0;
			}
			input.searchBox { }

			input, select, textarea {
				font: 1em Tahoma, Arial, Helvetica, sans-serif;
			}
		
		/* common generic classes */
		.clear {
			clear: both; 
			height: 1px;
		}

		/* debugging styles */
		.debug {
			border: 1px solid red;
		}
		a.missing:link, a.missing:visited {
			color: red;
		}
		p.note {
			color: red;
		}
/*============================================
	2: Interface
==============================================*/
/* Layout Stylesheet */

	body {
		background: #005F91 url(images/bg-body.gif) top left repeat-y;
	}

		#envelope {
			width: 766px;
			background: url(images/bg-envelope.gif) top left repeat-y;
		}
		
			#header {
				background: url(images/placeholder.jpg) top left no-repeat;
				height: 100px;
			}

			#homepage #header {
				background: url(images/homepage.jpg) top left no-repeat;
				height: 161px;
			}
			
			#header #logo {
				padding: 25px 0 0 17px;
			}

			#header #logo a {
				display: block;
				width: 202px;
				height: 62px;
				background: url(images/pharmacy-benefit-consultant.jpg);
				text-indent: -9999px;
			}

			#constants {
				position: absolute;
				top: 71px;
				left: 667px;
				z-index: 2;
			}

			#navigation {
				position: absolute;
				top: 101px;
				left: 0;
				width: 193px;
				border-top: 10px solid #C5C5C5;
				border-bottom: 1px solid #CCCCCC;
				}

				/* For Navigation Refer to navigation.css */

				#navigation ul { }

			#content {
				height: auto;
				min-height: 400px;
				    _height: 450px;
				margin: 1px 0 0 196px;
				padding: 32px 40px 32px 26px;
				border-top: 10px solid #005F91;
				}
				
				#content h1 {
					color: #005F91;
					font: bold 1.8em 'Trebuchet MS';
					letter-spacing: -0.6px;
					margin: 0 0 1.0em 0;
				}
		
				#content h2 { 
					margin: 0 0 1.63em 0;
					padding: 0 0 1.63em 0;
					font-weight: normal;
					line-height: 1.27em;
					color: #005F91;
					border-bottom: 1px solid #E3EDF3;
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
				}
				
				#content h3 {
					margin: 24px 0 12px 0;
					color: #C5C5C5;
					text-transform: uppercase;
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
				}

				#content p { 
					margin-bottom: 1.63em;
					line-height: 1.45em;
					font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
				}
				
				#content ul { }
				
					#content ul li {
						margin-bottom: 12px;
						padding: 0 0 0 16px;
						background: url(images/bullet.gif) 0 4px no-repeat;
						font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
					}
					
				#content ol {
					margin: 0 0 16px 24px;
				}
				
				a.learnMore {
					display: block;
					margin: 0 0 12px 0;
					padding: 0 20px 5px 0;
					background: url(images/arrow-learn-more-off.gif) 100% 0 no-repeat;
					font-weight: bold;
					text-align: right;
					}
					a.learnMore:hover, a.learnMore:active {
						display: block;
						margin: 0 0 12px 0;
						padding: 0 20px 5px 0;
						background: url(images/arrow-learn-more-on.gif) 100% 0 no-repeat;
					}

				.callout {
					margin: 0 0 1.5em 0;
					padding: 12px 12px 12px 12px;
					border: 1px solid #DDDDDD;
					background: #efefef;
					}
					
					.callout h3 {
						margin: 0 0 4px 0;
						padding: 0;
						font-family:  Tahoma !important;
						font-size: 1em;
						font-weight: bold;
						color: #363636;
					}
					
			#focusAreas { }

				#focusAreas {
					float: right;
					margin: -22px -20px 18px 24px;
					}html>body #focusAreas { margin-right: -40px; }
					
					#focusAreas ul {
						margin: 0;
						padding: 0;
					}

						#focusAreas ul li {
							display: inline;
							padding: 0;
							background: none;
						}
						
						#focusAreas ul li a {
							display: block;
							margin-bottom: -3px;				
						}

			#art {
				position: absolute;
				top: 0;
				left: 0;
				border-bottom: 1px solid #ffffff;
			}

			#footer { }
/*============================================
	3: Navigation
==============================================*/
/* Design Styles for Navigation Elements */
	
				/* level 1 navigation */
					
				#navigation ul { }
				
					#navigation ul ul li {
						display: inline;
					}
					
					#navigation ul li.page_home a {
						*margin-bottom: -14px;
						}
					
					#navigation a, #navigation a:link {
						display: block;
						padding: 4px 8px 4px 12px;
						border-right: 3px solid #CCCCCC;
						border-top: 1px solid #E5EFF4;
						background: #fff url(images/nav-arrow-off.gif) 181px 10px no-repeat;
						font-weight: bold;
						}

						#navigation a:hover, #navigation a:active {
							border-right: 3px solid #008AFF;
							background: #fff url(images/nav-arrow-on.gif) 181px 10px no-repeat;
						}
						
						#navigation ul li.current_page_item a {
							border-right: 3px solid #008AFF;
							background: #fff url(images/nav-arrow-on.gif) 181px 10px no-repeat;
							color: #008AFF;
						}
						#navigation ul li.current_page_item ul li a {
							background: #fff url(images/l2nav-arrow-off.gif) 0 8px no-repeat;
							border-right: 0;
							color: #005F91;
							}
						#navigation ul li.current_page_item ul li a:hover {
							color: #008AFF;
							}
						/* level 2 */
						
						#navigation ul ul ul {
							padding: 0 10px 6px 12px;
							border-right: 3px solid #91CDFF !important;							
							background: #fff;
							margin-bottom: -7px;
						}
				
							#navigation ul ul ul li {
							}
							
							#navigation ul ul ul li a, #navigation ul ul ul li a:link {
								padding-right: none;
								border-right: none;
								border-top: none;
								border-bottom: 1px solid #E5EFF4;
								background: #fff url(images/l2nav-arrow-off.gif) 0 8px no-repeat;
								font-size: .91em;
								font-weight: normal;
								}
								
								#navigation ul ul ul li a:hover, #navigation ul ul ul li a:active {
									background: #fff url(images/l2nav-arrow-on.gif) 0 8px no-repeat;
									border-right: none;
								}
								
								#navigation ul ul ul li.current_page_item a {
									background: #fff url(images/l2nav-arrow-on.gif) 0 8px no-repeat;
									border-right: none;
								}
								
								#navigation ul ul ul li a.last {
									border-bottom: none;
								}
/*============================================
	4: Content Design
==============================================*/
/* Design Styles for Content and Focus Area Elements */

	#content ul.relatedLinks { }
	
		#content ul.relatedLinks li {
			clear: both;
			padding-right: 32px;
			padding-left: 0;
			padding-bottom: 24px;
			background: none;
			border-bottom: 1px solid #C5C5C5;
			}

			#content ul.relatedLinks ul {
				margin-top: 12px !important;
				}

				#content ul.relatedLinks ul li {
					margin: 0  !important;
					padding-right: 38px !important;
					padding-left: 10px !important;
					padding-bottom: 8px !important;
					background: url(images/arrow-link.gif) 0 5px no-repeat !important;
					border-bottom: none !important;
				}
				
				#content ul.relatedLinks ul li a {
					background: none !important;
				}
	
		#content ul.relatedLinks a {
			float: left;
			padding: 0 8px 4px 0;
			background: url(images/nav-arrow-off.gif) 100% 5px no-repeat;
			}

			#content ul.relatedLinks a:hover, #content ul.relatedLinks a:active {
				background: url(images/nav-arrow-on.gif) 100% 5px no-repeat;
				}
						

/* Design Styles for Form Elements, Sitemaps, Rollover Menus */

	/* Accessible Form Layout and Elements */
	#errorBox {
		display: none;
		margin-bottom: 14px; 
		padding: 6px 0 4px 38%; 
		height: 24px; 
		background: url(images/form-error.gif) 33% 0 no-repeat; 
		font-weight: bold; 
		color: #f58032;
	}

		form {
			padding: 0;
			margin: 0;
			_text-align: left;
			}
		
			fieldset {
				border: 0;
				padding: 0 0 10px 0;
			}
			
				label {
					display: block;
					float: left;
					text-align: right;
					width: 160px;
					padding: 2px 12px 0 0;
					}
				
					label span {
						margin-left: -12px;
						width: 18px;
					}
					
				fieldset input {
					width: 140px !important;
				}
				
				input, select {
					font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
					font-size: 1em;
					border: 1px solid #A5ACB2;
					width: 241px;
				}
		
				input.btnSubmit {
					width: 58px !important;
				}
				
				input.number {
					width: 20px !important;
				}
				
				input.checkBox {
					width: 24px !important;
					border: none;
				}
				
				textarea {
				font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
				font-size: 1em;
				width: 140px;
				height: 70px;
				border: 1px solid #A5ACB2;
				}
				
				#errorMessage {
				color: #F00;
				}
			

	/* Sitemap */
	#siteMap { }
	
		ul.siteMap {
			}
			
			ul.siteMap li {
				clear: left;
				padding-bottom: 12px;
			}
			
				ul.siteMap li a {
					font-weight: bold;
				}
				
				ul.siteMap li ul {
					margin-top: 12px;
				}
				
					ul.siteMap li ul li {
						clear: both;
						margin-bottom: 0;
						padding-bottom: 0;
						background: none;
						border: none;
						}
			
					ul.siteMap li ul a {
						float: left;
						padding: 0 8px 4px 0;
						font-weight: normal;
						background: url(images/nav-arrow-off.gif) 100% 5px no-repeat;
						}
			
						ul.siteMap li ul a:hover, ul.siteMap li ul a:active {
							background: url(images/nav-arrow-on.gif) 100% 5px no-repeat;
							}
/*============================================
	5: Homepage
==============================================*/
/* Overrides for Homepage Layout and Content Design */

		#homepage #envelope {
			width: 766px;
			background: url(images/bg-envelope-home.gif) top left repeat-y;
		}
			
			#homepage #constants {
				top: 133px;
			}

			#focusCol {
				position: absolute;
				top: 172px;
				left: 573px;
				border-top: 1px solid #ffffff;
				font: 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
				}
				
				.currentProjects {
					background: #E6E6E6;					
					}
					
					.currentProjects a {
						font-weight: bold;
					}

					.currentProjects ul {
						padding: 6px 18px 12px 18px;
						width: 193px;
						w\idth: 157px;
						}
						
						.currentProjects ul li {
							margin: 0;
							padding: 8px 0 8px 0;
							border-bottom: 1px dotted #C5C5C5;
							}
							
							li.lastProject {
								border: none !important;
							}
			
			#homepage #navigation {
				top: 162px;
				}

			#homepage #content {
				margin: 1px 0 0 196px;
				padding: 16px 222px 32px 26px;
				border-top: 10px solid #005F91;
				}
								
					#homepage .callout h2 {
						margin-bottom: 12px;
						padding: 0;
						font-family:  Tahoma !important;
						font-size: 1em;
						font-weight: bold;
						color: #363636;
					}
/*============================================
	6: Footer
==============================================*/
/* Design Styles for Footer Elements */

		#footer {
			position: relative;
			margin: 18px 0 0 0;
			padding: 0 0 24px 0;
			width: 780px;
			background: url(images/bg-bottom.gif) bottom left no-repeat;
			}
			
			#footerNavigation {
				position: absolute;
				top: 0;
				left: 20px;
				}
				
				#footerNavigation a {
					float: left;
					margin-right: 6px;
					padding-right: 10px;
					background: url(images/bullet-footer-link.gif) 100% 5px no-repeat;
					color: #686868;
					font-size: .91em;
					}
					
					#footerNavigation a.last {
						background: none;
					}
					
					#footerNavigation a:hover, #footerNavigation a:active {
						text-decoration: underline;
					}
				
				#footerNavigation ul {}
				
					#footerNavigation ul li {
						display: inline;
					}
			
			#copyright {
				margin-left: 224px;
				font-size: .91em;
				color: #686868;
				}#
/*============================================
	6: Additional Styles
==============================================*/
.blog .post {
	padding-bottom: 15px;
	}
.blog .post-date {
	margin-top: -15px;
	font-size: 1.1em;
	}
.blog .post-entry {
	padding-top: 12px;
	}
#comments h3, #respond h3 {
	color: #005F91;
	font: 1.6em 'Trebuchet MS';
	text-transform: none;
	}
#comments ol {
	padding: 0;
	margin: 0;
	}
#comments ol li {
	list-style-type: none;
	padding: 20px 20px 5px 20px;
	}
#comments ol li.alt {
	background: #f8f8f8;
	border: 1px solid #eee;
	}
.comment-info {
	padding-bottom: 10px;
	}
#respond p {
	margin: 0;
	}
#respond label, #respond input.commentform-input, #respond textarea {
	text-align: left;
	display: block;
	width: 100%;
	}
#respond input.commentform-input {
	width: 50%;
	font-size: 1.2em;
	padding: 2px 0;
	margin-bottom: 5px;
	}
#respond textarea {
	margin: 10px 0;
	font-size: 1.2em;
	height: 120px;
	}
#respond input#commentform-submit {
	padding: 5px 10px;
	width: auto;
	}