﻿/* CSS - G Sharkey Website */
/* Design - LEWIS Creative Consultants */
/* Version - 2.0 */
/* Global Styles */

/*////////////////////////////////////*/
/* ---- =RESET --*/

* { font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
img { overflow: hidden; display: block; }
ul { list-style: none; }
ol { list-style-position: inside; }
object, embed { visibility: visible !important; }

/*////////////////////////////////////*/
/* ---- =GLOBALS --*/

body { font: normal normal normal 0.69em Arial, Helvetica, Verdana sans-serif; background: #C6C7C9 url(../Images/bgRepeat.gif) repeat-x scroll left -15px; color: #666; }

h1, h2, h3, h4, h5, h6 { line-height: 1.4em; color: #CF2C44; margin-bottom: 10px; font-family: Trebuchet MS, Arial, sans-serif; font-weight: normal; text-transform: uppercase !important; }
h1 { font-size: 2.4em; font-weight: bold !important; }
h2 { font-size: 1.4em; }

p { line-height: 1.6em; margin-bottom: 10px; }
ul, ol { margin: 20px 0px 20px 0px; padding-left: 30px; }
ul li { margin-bottom: 5px; padding-left: 10px; background: transparent url(../Images/bgListArrowRed.png) no-repeat scroll left 5px; }
.overlayInnerMidRight ul li, .overlayInnerMidRight ol li { font-weight: normal; }
ol li { margin-bottom: 5px; }
strong { font-weight: bold !important; }
em { font-style: normal !important; }
i { font-style: italic !important; }
a * { cursor: pointer; }
a, a:visited, a:active { color: #CF2C44 !important; text-decoration: none; cursor: pointer; }
a:hover, a:focus { color: #00234C !important; text-decoration: none; cursor: pointer; }

label { color: #CF2C44; font-size: 1.2em; font-family: Trebuchet MS, Arial, sans-serif; }
input, textarea, select { background: transparent; color: #666; font-family: Verdana, Helvetica, sans-serif; }
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus, select:hover, select:active, select:focus { color: #333; }

/*////////////////////////////////////*/
/* ---- =CLASSES --*/

/* universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both; overflow: hidden; height: 0px; margin-top: -1px; }
.hide { position: absolute; left: -9999em; }
.floatR { float: right !important; }
.floatL { float: left !important; }

.navy { color: #336699; font-weight: bold; }
.listLast { margin: 0px !important; padding: 0px !important; background: none !important; border: 0 !important; }
.ml-3 { margin-left: -3px !important; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mr100 { margin-right: 100px !important; }

.mr0 { margin-right: 0px !important; }
.ml130 { margin-left: 130px !important; display: inline; }
.ml140 { margin-left: 140px !important; display: inline; }

.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }

.b0 { border: 0 !important; }

.h1Smaller { font-size: 2.0em; }

.imgSig { margin: 20px 0px; }

.headingLink { float: left; width: 420px; position: relative; }
.viewWebsite { position: absolute; bottom: 18px; right: 0px; }

.hp { font-size: 22px; }

.blue { color: #00234c; }

.clue { float: left; height: 30px; margin-right: 10px; }

/*////////////////////////////////////*/
/* ---- =HOMEPAGE FEATURE --*/

a.featureHome { position: absolute; top: 0px; left: 0px; width: 127px; height: 129px; background: transparent url(../Images/bgFeatureHome.gif) no-repeat scroll left top; text-indent: -9999em; z-index: 1; }

/*////////////////////////////////////*/
/* ---- =TOOLTIPS --*/

#arrow { width: 123px; height: 33px; line-height: 1.15em !important; background: transparent url(../Images/bgTooltip.png) no-repeat scroll left top; text-align: center; font-size: 0.7em; color: #666; font-weight: bold; }

/*////////////////////////////////////*/
/* ---- =GLOBAL STRUCTURE --*/

.outer { float: left; width: 100%; position: relative; }
.wrapper { margin: -15px auto 0px auto; padding-bottom: 50px; width: 820px; position: relative !important; }
.header { margin-bottom: 20px; float: left; width: 820px; min-height: 125px; height: auto !important; height: 125px; }
.headerNav { float: left; width: 820px; min-height: 114px; height: auto !important; height: 114px; background: transparent url(../Images/bgCurveTop.gif) no-repeat scroll center bottom; position: relative; }
.headerLogo { margin-left: 40px; float: left; display: inline; }
.headerLogo img { position: relative; z-index: 2; }
.headerStrap { padding-right: 12px; margin-top: 10px; float: right; display: inline; }
.content { float: left; width: 820px; min-height: 525px; height: auto !important; height: 525px; position: relative; }
.contentLeft { width: 571px; min-height: 525px; height: auto !important; height: 525px; background: transparent url(../Images/bgPaper.png) no-repeat scroll left top; position: absolute; top: 0px; left: 0px; z-index: 10; }
.contentRight { width: 249px; position: absolute; top: 40px; right: 12px; z-index: 9; }

/*////////////////////////////////////*/
/* ---- =SEARCH --*/

.search { margin: 0px 0px 33px 32px; float: left; display: inline; width: 192px; height: 36px; background: transparent url(../Images/bgSearch.gif) no-repeat scroll left top; position: relative; }
.search a { display: block; width: 48px; height: 36px; background: transparent url(../Images/bgSearch.gif) no-repeat scroll left top; position: absolute; top: 0px; left: 0px; z-index: 99; text-indent: -9999em; }
.search a:hover { background-position: left bottom; }
.search input { width: 123px; position: absolute; top: 8px; left: 54px; z-index: 99; font-size: 0.9em; }

.searchResults { float: left; width: 420px; }
.searchResults ul { margin: 0px; padding: 0px; float: left; width: 420px; }
.searchResults ul li, .searchResults p { float: left; width: 410px; }
.searchResults ul li.searchDivider { margin-top: 10px; background: transparent url(../Images/bgDottedRepeatSmallGrey.png) repeat-x scroll left top; }

/*////////////////////////////////////*/
/* ---- =NAVIGATION --*/

.nav { float: left; width: 249px; }
.nav ul { margin: 0px !important; padding-left: 0px !important; float: left; width: 249px; }
.nav ul li { margin-bottom: 7px; padding-left: 0px !important; float: left; width: 249px; background: transparent !important; }
.nav ul li a { float: left; display: block; background: transparent url(../Images/bgBtnChunkSprite.png) no-repeat scroll left top; width: 249px; height: 92px; }
.nav ul li a:hover { background-position: left -92px; }
.nav ul li a:hover img { margin-left: 45px !important; }
.nav ul li a img { margin: 18px 0px 0px 30px; float: left; display: inline; }
.nav ul li a.btn02 { background-position: left -184px !important; }
.nav ul li a:hover.btn02 { background-position: left -276px !important; }
.nav ul li a.btn03 { background-position: left -368px !important; }
.nav ul li a:hover.btn03 { background-position: left -460px !important; }

.subNav * { cursor: pointer; }
.subNav { float: left; width: 130px; }
.subNav a { padding: 0px 10px 0px 10px; float: left; width: 110px; line-height: 31px; background: transparent url(../Images/bgSubnav.gif) no-repeat scroll left top; }
.subNav a:hover, .subNav a.on { background-position: left bottom; }
.subNav a span { padding-left: 10px; float: left; width: 100px; background: transparent url(../Images/bgListArrowRed.png) no-repeat scroll left 13px; text-transform: uppercase; font-size: 1.10em; letter-spacing: -0.04em; font-weight: bold; }
.subNav a:hover span, .subNav a.on span { background-image: url(../Images/bgListArrowBlue.png); color: #00234C; }

/* ---- =Header Menu --*/

.headerMenu { margin-left: -410px; width: 820px; position: absolute; top: 0px; left: 50%; z-index: 9999999; }
.headerMenu ul { margin: 0px; padding: 30px 0px 0px 70px; float: left; display: inline; width: 750px; min-height: 54px; height: auto !important; height: 54px; background: transparent url(../Images/bgMenu.png) no-repeat scroll center top; }
.headerMenu ul li { margin: 0px; padding: 0px; float: left; display: inline; background: none; }
.headerMenu ul li a { float: left; display: inline; text-indent: -9999em; }
.headerMenu ul li a:hover.menu01, .headerMenu ul li a:hover.menu02, .headerMenu ul li a:hover.menu03, .headerMenu ul li a:hover.menu04, .headerMenu ul li a:hover.menu05 { background-position: left bottom; }
.headerMenu ul li a.menu01 { margin-right: 78px; width: 56px; height: 28px; background: transparent url(../Images/bgMenu01.png) no-repeat scroll left top; }
.headerMenu ul li a.menu02 { margin-right: 76px; width: 52px; height: 28px; background: transparent url(../Images/bgMenu02.png) no-repeat scroll left top; }
.headerMenu ul li a.menu03 { margin-right: 88px; width: 80px; height: 28px; background: transparent url(../Images/bgMenu03.png) no-repeat scroll left top; }
.headerMenu ul li a.menu04 { margin-right: 85px; width: 99px; height: 28px; background: transparent url(../Images/bgMenu04.png) no-repeat scroll left top; }
.headerMenu ul li a.menu05 { width: 81px; height: 28px; background: transparent url(../Images/bgMenu05.png) no-repeat scroll left top; }

/*////////////////////////////////////*/
/* ---- =QUESTIONS --*/

#questions { width: 300px; height: 450px; position: absolute; top: 50px; left: 128px; z-index: 100000; }
#questions p { margin-top: 60px; }

/*////////////////////////////////////*/
/* ---- =OVERLAY --*/

.overlay { width: 100%; height: 100%; background: #000; -moz-opacity: .40; filter: alpha(opacity=40); opacity: .40; position: fixed; top: 0px; left: 0px; z-index: 1; }
.overlayInner { margin: 0px auto 0px auto; padding: 20px 0px 20px 0px; width: 682px; position: relative; z-index: 1; }
.overlayInnerTop { float: left; display: block; width: 682px; height: 75px; background: transparent url(../Images/bgOverlayTop.png) no-repeat scroll left top; overflow: hidden; }
.overlayInnerBottom { float: left; display: block; width: 682px; height: 75px; background: transparent url(../Images/bgOverlayBottom.png) no-repeat scroll left top; overflow: hidden; }
.overlayInnerMid { padding: 0px 41px 0px 41px; float: left; width: 600px; min-height: 525px; height: auto !important; height: 525px; background: transparent url(../Images/bgOverlayMid.png) repeat-y scroll left top; }
.overlayHead { margin-bottom: 20px; float: left; width: 600px; }
.overlayHeadLogo { float: left; }
.overlayHeadStrap { margin-top: 5px; float: right; }
.overlayInnerMidLeft { float: left; width: 130px; }
.overlayInnerMidLeft h2 { float: left; width: 130px; }
.overlayInnerMidLeft p { float: left; width: 130px; font-style: italic; }
.overlayInnerMidLeft ul { margin: 0px 0px 15px 0px !important; padding: 0px 0px 15px 0px !important; float: left; width: 130px; background: transparent url(../Images/bgDottedRepeatGrey.png) repeat-x scroll left bottom; }
.overlayInnerMidLeft ul li { float: left; width: 130px; }
.overlayInnerMidLeft ul li strong { float: left; width: 130px; color: #336699; font-weight: normal !important; }
.overlayInnerMidLeft ul li em { float: left; width: 130px; color: #00234C; font-weight: bold !important; }
.overlayInnerMidLeft ul li a { color: #4D4D4D; }
.overlayInnerMidLeft ul li a strong { font-weight: bold !important; }
.overlayInnerMidLeft ul li a:hover { color: #00234C; }
.overlayInnerMidLeft dl { margin-bottom: 15px; padding-bottom: 15px; float: left; width: 130px; background: transparent url(../Images/bgDottedRepeatGrey.png) repeat-x scroll left bottom; }
.overlayInnerMidLeft dl dt { float: left; width: 130px; color: #4D4D4D; font-weight: bold; }
.overlayInnerMidLeft dl dd { margin-bottom: 4px; padding-bottom: 6px; float: left; width: 130px; background: transparent url(../Images/bgDottedRepeatSmallGrey.png) repeat-x scroll left bottom; }
.overlayInnerMidLeft dl dd a { padding-left: 10px; float: left; width: 120px; background: transparent url(../Images/bgRaquoRed.png) no-repeat scroll left 5px; }
.overlayInnerMidLeft dl dd a:hover { background-image: url(../Images/bgRaquoBlue.png); }
.overlayInnerMidLeft dl dd.last { background: none; }
.overlayInnerMidRight { padding-left: 30px; float: right; width: 420px; min-height: 320px; height: auto !important; height: 320px; background: transparent url(../Images/bgOverlayLeftGrad.png) no-repeat scroll left top; }
.buttonGroup { margin-top: 20px; float: left; width: 420px; }

/*////////////////////////////////////*/
/* ---- =Case Studies --*/
.caseStudyCarousel { margin-bottom: 20px; float: left; width: 600px; }
.caseStudyImages { float: left; display: block; width: 600px; height: 184px; position: relative; }
.caseStudyImages ul { float: left; width: 600px; height: 184px; }
.caseStudyImages ul li { margin-bottom: 0px !important; padding-left: 0px !important; float: left; width: 600px; height: 184px; }
.caseStudyImages img.hidden { display: none; }
a.caseStudyLeft { display: block; width: 28px; height: 184px; background: transparent url(../Images/bgCarouselArrows.png) repeat scroll left top; position: absolute; top: 0px; left: 0px; z-index: 9; text-indent: -9999em; }
a:hover.caseStudyLeft { background-position: left -184px; }
a.caseStudyRight { display: block; width: 28px; height: 184px; background: transparent url(../Images/bgCarouselArrows.png) repeat scroll left -368px; position: absolute; top: 0px; right: 0px; z-index: 9; text-indent: -9999em; }
a:hover.caseStudyRight { background-position: left bottom; }
.caseStudyImagesTop { float: left; display: block; width: 600px; height: 12px; background: transparent url(../Images/bgDivideTop.png) no-repeat scroll left top; overflow: hidden; }
.caseStudyImagesBottom { float: left; display: block; width: 600px; height: 12px; background: transparent url(../Images/bgDivideBottom.png) no-repeat scroll left top; overflow: hidden; }

/*////////////////////////////////////*/
/* ---- =EVIDENCE --*/
.evidenceWrapper { margin-left: -410px; width: 820px; position: absolute; top: 0px; left: 50%; z-index: 9999999 !important; }
.evidence { padding: 100px 40px 100px 41px; display: block; width: 160px; height: 537px; background: transparent url(../Images/bgEvidence.png) no-repeat scroll left top; position: absolute; top: 25px; right: -850px; z-index: 9999999 !important; }
.evidenceProjects { float: left; width: 160px !important; height: 520px !important; overflow: hidden !important; }
.evidenceProjects ul { float: left; width: 160px; height: 520px !important; }
.evidenceProjects ul li { margin: 0px 0px 20px 0px !important; padding: 0px 0px 20px 0px !important; float: left !important; width: 160px; height: 240px !important; background: transparent url(../Images/bgDottedRepeatGrey.png) repeat-x scroll left bottom; }
.evidenceProjects h2 { float: left; width: 160px; color: #9B293B; }
.evidenceProjects p { float: left; width: 160px; margin-bottom: 15px; color: #4D4D4D; line-height: 1.2em; }

.evidenceImageCntr { padding-bottom: 25px; float: left; width: 156px; background: transparent url(../Images/bgImageShadow.png) no-repeat scroll center bottom; }
a.evidenceImage { float: left; display: block; width: 152px; border: solid 2px #CF2C44; }
a:hover.evidenceImage { border-color: #00234C; }
.closeEvidence { top: 127px !important; left: -12px !important; }

/*////////////////////////////////////*/
/* ---- =FORM --*/

.form { margin: 20px 0px; padding: 20px 0px; float: left; width: 420px; border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; }
.form ul { margin: 0px !important; padding: 0px !important; float: left; width: 420px; }
.form ul li { margin: 0px 0px 10px 0px; padding: 0px !important; background: none !important; float: left; width: 420px; }
.form label { float: left; width: 132px; }
.inputTextBox { float: left; width: 280px; height: 30px; background: transparent url(../Images/bgForm02.gif) no-repeat scroll left top; position: relative; }
.inputTextBox:hover, .inputTextBox:active { background-position: left -30px; position: relative; }
.inputTextBox input { position: absolute; top: 8px; left: 10px; width: 260px; }
.inputTextArea { float: left; width: 280px; height: 100px; background: transparent url(../Images/bgForm02.gif) no-repeat scroll left -60px; position: relative; }
.inputTextArea:hover, .inputTextArea:active { background-position: left -160px; }
.inputTextArea textarea { position: absolute; top: 8px; left: 10px; width: 260px; height: 82px; }

.cbR { float: left; width: 280px; font-size: 0.8em; }

/*////////////////////////////////////*/
/* ---- =DOWNLOADS --*/

.downloads { margin: 10px 0px 10px 0px; float: left; width: 420px; }
.downloadsHeading a { margin: 0px !important; padding: 0px 10px 0px 10px !important; float: left; width: 400px; line-height: 31px; background: transparent url(../Images/bgDownloads.gif) no-repeat scroll left top; font-weight: bold; }
.downloadsHeading a:hover, .downloadsHeading a.on { background-position: left bottom; }
.downloadsHeading a span { padding-left: 10px; float: left; width: 390px; background: transparent url(../Images/bgListArrowRed.png) no-repeat scroll left 13px; }
.downloadsHeading a:hover span, .downloadsHeading a.on span { background-image: url(../Images/bgListArrowBlue.png); color: #00234C; }

.downloadsHeadingTop { margin: 10px 0px 0px 0px !important; padding: 0px 10px 0px 10px !important; float: left; width: 400px; line-height: 31px; background: transparent url(../Images/bgDownloads.gif) no-repeat scroll left bottom; font-weight: bold; }
.downloadsHeadingTop span { padding-left: 10px; float: left; width: 390px; background: transparent url(../Images/bgListArrowBlue.png) no-repeat scroll left 13px; color: #00234C; }

.downloadsListing { padding: 10px 10px 0px 10px; float: left; width: 400px; }
.downloadsListing ul { margin: 0; padding: 0; float: left; width: 400px; }
.downloadsListing ul li { margin: 0; padding: 0; background: none !important; float: left; width: 400px; }
.downloadsListing ul.list { margin-bottom: 5px !important; }
.downloadsListing ul.list li { float: none !important; width: 360px !important; margin: 7px 5px 7px 20px !important; padding-left: 10px !important; background: transparent url(../Images/bgListArrowRed.png) no-repeat scroll left 5px !important; }
.downloadsListing a.normal { padding: 0 !important; float: none !important; display: inline !important; width: auto !important; font-weight: normal !important; border: none !important; }
.downloadsListing a.normal:hover { background: transparent !important; }
.downloadsListing a { padding: 10px 20px; float: left; display: block; width: 380px; font-weight: normal; border-bottom: dotted 1px #ccc; }
.downloadsListing a:hover { background: #eeeeee; }
.downloadsListing a span.fileSize { padding-top: 10px; float: right; font-size: 0.8em; color: #666; }
.downloadsListing a span.icon { float: left; width: 40px; }
.downloadsListing a span.info { padding: 9px 0px 0px 5px; float: left; width: 260px; }
.downloadsListing a span.title { font-weight: bold; float: left; text-transform: uppercase; }
.downloadsListing a span.description { float: left; clear: left; color: #666; }

.contactInfo, .contactInfoTop { margin-top: 10px; padding: 0px 20px 10px 20px; float: left; width: 400px; border-bottom: solid 1px #eeeeee; }
.contactInfoMap { float: right; display: block;  width: 200px; height: 100px; text-indent: -9999em; }
.contactInfoMap a { float: left; display: block; width: 200px; height: 100px; }
.contactInfoInfo { float: right; width: 200px; }
.contactInfoContent { padding-right: 20px; float: left; width: 180px; }
.contactInfoContentNoMap { float: left; width: 400px; }

.w157 { width: 157px !important; }
.w180 { width: 180px !important; }

.phone { float: left; padding: 2px 0px 10px 23px; background: transparent url(../Images/iconPhone.gif) no-repeat scroll left 3px; font-size: 1.4em; color: #336699; }
.email { float: left; clear: left; padding-left: 23px; background: transparent url(../Images/iconMail.gif) no-repeat scroll left 1px; }
.fax { float: left; padding: 2px 0px 10px 23px; background: transparent url(../Images/iconFax.gif) no-repeat scroll left 3px; font-size: 1.4em; color: #336699; }
.address { float: left; clear: left; padding-top: 20px; }

/*////////////////////////////////////*/
/* ---- =GALLERY --*/
.gallery { margin-top: 10px; float: left; width: 400px; }
.gallery a { margin-right: 10px; padding: 2px; float: left; width: 80px; text-align: center; border: 0; }
.gallery a span { float: left; width: 80px; text-align: center; position: relative; }
.gallery a:hover { background: transparent; }
.gallery a img { margin-bottom: 5px; padding: 2px; float: left; border: solid 1px #eeeeee; }
.gallery a:hover img { border-color: #00234C; }

/*////////////////////////////////////*/
/* ---- =1969 --*/
.singles tr td { padding: 2px 20px; }

/*////////////////////////////////////*/
/* ---- =FOOTER --*/
.footer { margin-top: 10px; padding: 0px 20px; float: left; width: 780px; }
.footerRight { margin-top: 5px; float: right; }
.footerRight a { margin-right: 20px; float: left; }

.l09 { margin: 15px 0px 0px 20px; float: left; display: inline; }

/*////////////////////////////////////*/
/* ---- =HYPERLINKS --*/

/* ---- =Generic --*/
a.button { padding-left: 20px; float: left; display: block; background: transparent url(../Images/bgButtonSpriteLeft.png) no-repeat scroll left top; line-height: 18px; }
a.button span { padding-right: 12px; float: left; display: block; background: transparent url(../Images/bgButtonSpriteRight.png) no-repeat scroll right top; color: #fff; text-transform: uppercase; font-size: 0.80em; }
a:hover.button { background-position: 0% -491px !important; }
a:hover.button span { background-position: 100% -491px !important; }
a:active.button { background-position: 0% bottom !important; }
a:active.button span { background-position: 100% bottom !important; }

a.buttonNavy { background-position: left -18px !important; }
a.buttonNavy span { background-position: right -18px !important; }

a.buttonGreen { background-position: left -36px !important; }
a.buttonGreen span { background-position: right -36px !important; }

a.buttonBlue { background-position: left -54px !important; }
a.buttonBlue span { background-position: right -54px !important; }

a.buttonGrey { background-position: left bottom !important; }
a.buttonGreen span { background-position: right bottom !important; }

/* ---- =Specific --*/
a.nextQuestion { float: left; display: block; width: 130px; height: 42px; background: transparent url(../Images/bgBtnNextQuestion.png) no-repeat scroll left top; text-indent: -9999em; }
a:hover.nextQuestion { background-position: left bottom; }

a.buttonGroupBtn { margin-right: 9px; float: left; display: inline; width: 131px; height: 68px; background: transparent url(../Images/bgOverlayBtnChunk.png) no-repeat scroll left top; }
a:hover.buttonGroupBtn { background-position: left -68px; }
a.buttonGroupBtn img { margin: 12px 0px 0px 10px; }

a.buttonGroupBtnGreen { background-position: left -136px !important; }
a:hover.buttonGroupBtnGreen { background-position: left -204px !important; }

a.buttonGroupBtnBlue { background-position: left -272px !important; }
a:hover.buttonGroupBtnBlue { background-position: left bottom !important; }

a.home { margin-left: 340px; float: left; display: inline; width: 139px; height: 70px; background: transparent url(../Images/bgMenuBtn.png) no-repeat scroll left top; text-indent: -9999em; }
a:hover.home { background-position: left -70px; }

a.menuClose { margin: 23px 0px 0px 360px; float: left; display: inline; width: 96px; height: 33px; background: transparent url(../Images/bgMenuCloseBtn.png) no-repeat scroll left top; text-indent: -9999em; }
a:hover.menuClose { background-position: left bottom; }

a.arrowLeft { display: block; width: 32px; height: 50px; background: transparent url(../Images/bgArrowSpriteLeft.png) no-repeat scroll left top; text-indent: -9999em; position: absolute; top: 200px; left: 70px; z-index: 9; }
a:hover.arrowLeft { background-position: left -50px; }
a:active.arrowLeft { background-position: left bottom; }
a.arrowLeft.inactive { background-position: left bottom; }

a.arrowRight { display: block; width: 32px; height: 50px; background: transparent url(../Images/bgArrowSpriteRight.png) no-repeat scroll left top; text-indent: -9999em; position: absolute; top: 200px; right: 75px; z-index: 9; }
a:hover.arrowRight { background-position: left -50px; }
a:active.arrowRight { background-position: left bottom; }
a.arrowRight.inactive { background-position: left bottom; }

a.evidenceUp { margin: -50px 0px 0px 62px; float: left; display: inline; width: 25px; height: 16px; background: transparent url(../Images/bgEvidenceArrowUp.png) no-repeat scroll left top; text-indent: -9999em; }
a:hover.evidenceUp { background-position: left -16px; }
a.evidenceUp.inactive { background-position: left bottom; }

a.evidenceDown { margin: 25px 0px 0px 62px; float: left; display: inline; width: 25px; height: 16px; background: transparent url(../Images/bgEvidenceArrowDown.png) no-repeat scroll left bottom; text-indent: -9999em; }
a:hover.evidenceDown { background-position: left -16px; }
a.evidenceDown#inactive { background-position: left bottom; }

.closeWrapper { margin-left: -410px; width: 820px; position: absolute; top: 0px; left: 50%; z-index: 9999999 !important; }

a.close { display: block; width: 29px; height: 25px; background: transparent url(../Images/bgBtnClose.png) no-repeat scroll left top; text-indent: -9999em; position: absolute; top: 86px; left: 46px; z-index: 9999999; }
a:hover.close { background-position: left bottom; }

a.showEvidence { display: block; width: 167px; height: 84px; background: transparent url(../Images/bgBtnEvidence.png) no-repeat scroll left top; text-indent: -9999em; position: absolute; bottom: 75px; left: 202px; z-index: 99; }

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 â€“ 2008 Mark Wubben, <http://novemberborn.net/>
This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>

*****************************************************************************/

@media screen {
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
	.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
	.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}