/* =================================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS - COMMON RULES == */
/* =================================================== */

/* ----------------- */
/* GENERAL SELECTORS */
/* ----------------- */

html {
	width: auto;
	height: auto;
	overflow-y: scroll; /* Keeps vertical scrollbar present at all times - ADDED PER CLIENT REQUEST */
	}
	/* Body - EDITED IN PRIMARY AND/OR SECONDARY SCREEN CSS */
	body {	
		color: #656565;
		background-color: #fff;
		background-repeat: repeat-x;
		}
		h1, h2, h3, h5 {
			/* REM, changed 11/26/07 
			color: #525151;
			*/
			color: #333;
			}
		h4, h6, caption {
			color: #0061a1;
			}	
		h2 + h5 {		
			margin-top: -15px;
			font-weight: normal;
			font-style: italic;
			}	
		/* Default table headers */
		th {
			/* REM, replaced
			background-color: #e1e0de;
			*/
			color: #333;
			background-color: #d7ecff;
			}
		a {
			color: #0061a1;
			}	
		a:visited {
			color: #525151;
			}
		a:hover {
			text-decoration: none;
			}
		/* Learn More icon link */
		a.learn-more {	
			display: -moz-inline-block; /* Firefox-specific bug fix */			
			display: inline-block;					
			width: 28px;
			height: 12px;
			line-height: 1em;
			overflow: hidden;
			text-indent: -10000px; /* Hide text from most browsers - still displays for non-CSS browsers (for better accessibility) */
			text-decoration: none;
			background: transparent url(../../images/buttons/button-3-arrows.gif) no-repeat;
			}
		/* Link to PDF */
		a.pdf {
			display: inline-block; /* Need to set for IE due to improper rendering of backgrounds within inline elements that wrap */
			margin-right: 2px;
			padding-right: 16px;										
			background: transparent url(../../images/icons/pdf-12.gif) right 3px no-repeat;
			}		
		dt {
			position: relative;
			left: -15px;
			padding-left: 15px;		
			color: #0061a1;		
			font-size: 1.2em;
			background: transparent url(../../images/icons/arrow-double.gif) 0px 4px no-repeat;
			}
		/* Fieldset-like collection (but not a form) */
		.fieldset {		
			margin-bottom: 20px;
			border: 1px solid #d7ecff;
			}
			.fieldset h5 {
				padding: 10px;
				background-color: #d7ecff;
				}
			.fieldset ul, .fieldset h6, .fieldset p {
				padding-right: 15px;
				padding-left: 15px;
				}
			
		/* ~~~~~~~~~~~~~~~~~~ */		
		/* Generic navigation */
		/* ~~~~~~~~~~~~~~~~~~ */
		div.navigation ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			div.navigation li {
				margin: 0;
				padding: 0;
				}
				div.navigation a {
					text-decoration: none;
					}
				
/* ------------------ */
/* SPECIFIC SELECTORS */
/* ------------------ */

/* ~~~~~~~~~~~~~~ */
/* Main container */
/* ~~~~~~~~~~~~~~ */
div#main {	
	position: relative;
	z-index: 2; /* Keep main site in front of footer extension (additional design element) */
	width: 766px;
	margin: 0 auto 0 auto;	
	}
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* Header - EDITED IN PRIMARY AND/OR SECONDARY SCREEN CSS */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	div#header {
		width: 766px;			
		}
		div#logo {
			width: inherit;
			height: 51px;	
			background-image: url(../../images/backgrounds/bg-logo.gif);
			background-repeat: repeat-y;	
			}
			div#logo a {
				position: relative;
				top: 6px;				
				display: block;				
				}
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		/* Log In Form - EDITED IN PRIMARY AND/OR SECONDARY SCREEN CSS  */
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		/* EDITED IN IE 6 CSS */
		div#log-in {
			position: absolute;
			top: 21px;
			right: 68px;
			width: 290px;
			white-space: nowrap;
			}
			div#log-in input[type=text] {
				float: left;
				width: 100px;
				height: 1em;
				margin-right: 5px;
				}
			div#log-in input[type=image] {
				float: right;				
				}
			
	/* ~~~~~~~~~~~~~~~ */	
	/* Main navigation */
	/* ~~~~~~~~~~~~~~~ */
	div#nav-main {	
		width: inherit;
		height: 49px;
		overflow: visible; /* Allows secondary navigation to appear below this element - EDITED IN IE 6 CSS */
		background: #e1e0de url(../../images/backgrounds/bg-nav.gif) repeat-y;
		}
		div#nav-main li {
			float: left; /* Line up navigation horizontally while maintaining block-level formatting */			
			text-align: center;			
			}
			div#nav-main a {
				display: block;
				}
				
		/* ~~~~~~~~~~~~~~~~~~ */
		/* Primary navigation */
		/* ~~~~~~~~~~~~~~~~~~ */
		ul.nav-primary {
			position: relative; /* Use positioning instead of margins - margins do not work here due to float */
			top: 0px;
			left: 50px;
			width: 666px;
			height: 47px; /* Total height 49 - leave 2 pixels at the bottom for a border (more consistent and simpler than using border property) */		
			background: #fff url(../../images/backgrounds/bg-nav-item.png) repeat-x;
			}
			ul.nav-primary li {							
				background: transparent url(../../images/backgrounds/bg-nav-border.gif) no-repeat;						
				}
			ul.nav-primary li.first {
				background: none; /* Remove border (background) from first list item */
				}			
				ul.nav-primary a {					
					height: 31px; /* 47 total minus padding plus two pixels over overflow to cover up bottom border - EDITED IN IE 5.5 CSS */
					margin-left: 1px;
					padding-top: 18px;					
					}
				ul.nav-primary li.first a {
					margin-left: 0; /* Remove margin from first list item link */
					}
				ul.nav-primary a {
					background-repeat: repeat-x;
					}
				ul.nav-primary a:hover {
					background-image: url(../../images/backgrounds/bg-nav-item-alt.png); /* EDITED IN IE 5.5 CSS */
					}		
				/* Specific primary navigation items - widths required to fix IE 6 bug which causes each item to expand the width of the parent */
				a#nav-home {
					position: absolute;
					top: -37px;
					right: 29px;
					height: auto;
					margin: 0;
					padding: 0;
					background-image: none;												
					}
					a#nav-home:hover {
						text-decoration: underline;
						}
				a#nav-scripplus-advantage {
					width: 186px;					
					}				
				a#nav-order-now {
					width: 114px;					
					}
				a#nav-resource-center {
					width: 153px;					
					}
				a#nav-faq {
					width: 86px;					
					}
				a#nav-about-us {
					width: 123px;					
					}
	
					
				/* ~~~~~~~~~~~~~~~~~~~~ */
				/* Secondary navigation */
				/* ~~~~~~~~~~~~~~~~~~~~ */
				ul.nav-secondary {
					display: none; /* Hide by default - SHOW AS NEEDED ON INDIVIDUAL PAGES */
					position: absolute;
					z-index: 5;
					top: 48px;
					left: 0px;
					width: 666px;
					height: 21px;						
					overflow: hidden;					
					background-image: none; /* Removed cascaded image */
					background-color: #b8b9b9;							
					}
					ul.nav-secondary li {
						padding-left: 19px;	/* Use padding instead of margin due to IE 6 bug */									
						background-image: none; /* Removed cascaded image */					
						}
						ul.nav-secondary a, ul.nav-secondary a:hover {
							margin-top: 4px;
							padding: 0 0 0 9px; /* Removed cascaded padding - EDITED IN IE 7 CSS */		
							background-image:  url(../../images/icons/arrow-single.gif);
							background-repeat:  no-repeat;							
							}
						ul.nav-secondary a {
							background-position: 0px 3px;
							}
						ul.nav-secondary a:hover {
							background-position: 1px 3px;
							}						
					/* Specific primary navigation items - widths required to fix IE 6 bug which causes each item to expand to the width of the parent element */
					a#nav-scripplus-security-features {
						width: 147px;
						}
					a#nav-secure-processes {
						width: 91px;
						}
					a#nav-scripplus-for-your-state {
						width: 130px;
						}
					a#nav-pricing {
						width: 41px;
						}
					a#nav-news-room {
						width: 72px;					
					}		
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */											
	/* Main Content - EDITED IN PRIMARY AND/OR SECONDARY SCREEN CSS */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	div#content {
		clear: both;				
		background: transparent url(../../images/backgrounds/bg-content.png) repeat-y; /* EDITED IN IE 6 CSS */	
		}
		ul#resources {
			list-style-type: none;			
			}
			ul#resources li {
				margin-bottom: 20px;
				}
				ul#resources li * {
					margin-bottom: 0;
					}
		
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */								
	/* Footer - EDITED IN PRIMARY AND/OR SECONDARY SCREEN CSS */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	div#footer {
		clear: both;
		width: 766px;	
		height: 63px;			
		overflow: visible; /* Needed for doctor photo */
		background: #fff url(../../images/backgrounds/bg-footer.gif) no-repeat;			
		}		
		/* Doctor photo */
		div#doctors {
			position: relative; /* Nesting of doctor image into container required for IE z-index bug which keeps pseudo-select under footer if positioned relatively */
			}
			div#doctors img {
				position: absolute;
				top: -118px;
				left: 145px;
				}
			
		/* ~~~~~~~~~~~~~~~~~ */
		/* Footer navigation */
		/* ~~~~~~~~~~~~~~~~~ */
		div#footer ul.nav-auxiliary {			
			width: 666px;				
			margin: 0 auto 0 auto; /* Centers complete element */
			padding-top: 10px;
			text-align: center; /* Centers individual items */
			}
			div#footer ul.nav-auxiliary li {				
				display: inline;							
				margin-right: 9px;
				padding-left: 9px;
				color: #828282;	
				border-left: 1px solid #828282;
				}
			div#footer ul.nav-auxiliary li.first {
				border: none;
				}
				div#footer ul.nav-auxiliary a {
					color: #828282;
					}
				div#footer ul.nav-auxiliary a:hover {
					text-decoration: underline;
					}
					
		/* Phone number */
		div#footer .phone {			
			margin-top: 5px;
			text-align: center;
			}
		
/* ~~~~~~~~~~~~~~~~ */
/* Footer extention */
/* ~~~~~~~~~~~~~~~~ */
/* Design element only - no content */
div#close { /* EDITED IN IE 6 CSS */
	position: relative;	
	z-index: 1; /* Keep footer extension behind footer */
	width: 100%;
	height: 63px;	
	margin-top: -63px;	
	background: #fff url(../../images/backgrounds/bg-footer-extension.gif) repeat-x;	
	}
	
/* call to action boxes */
.calltoaction {background:url(../../images/backgrounds/bg-empty-box.jpg) no-repeat #f5f5f5; height:200px; width:151px; float:right; margin:0 0 10px 10px; font-size:11px;}
.calltoaction div {padding:10px; line-height:1.3em;}
.questions {height:200px; width:151px; float:right; margin:0 0 10px 10px; font-size:11px; clear:right;}
.questions h6, .questions p {text-align:center;}
.questions div {padding:10px; line-height:1.3em;}
.sample {background:url(../../images/proof-sm.jpg) no-repeat left; padding-left:90px; height:62px; display:block;}