#logo, .buttons, .trial, #backAndForwardButtons a, p.largeImageLink a{font: 0px Arial; text-indent: -9999px; line-height: 0;} html, body{background: url(images/bg.png) 50% 0 repeat-y; color: #00377b; font-family: Verdana, Arial, sans-serif; line-height: 18px;} h1{font-size: 16px; line-height: 18px; font-weight: bold; width: 633px; margin: 25px 0 15px 0;} #wrapper{width: 746px; margin: 0 auto;} .demoPage-bodyClass #wrapper{width: 786px; padding-right: 40px;} #top, #topDemoP, #topDemoC {position: relative; width: 828px; margin: 0 auto;} #topDemoC, #topDemoP { height: 151px;} #home div#top {background: url(images/topHome.jpg) 2px 0 no-repeat; height: 218px; } #top{background: url(images/top.jpg) 2px 0 no-repeat; height: 218px; } #topDemoP{background: url(images/topDemoP.jpg) 2px 0 no-repeat;} #topDemoC{background: url(images/topDemoC.jpg) 2px 0 no-repeat;} body.BlogHolder-bodyClass #top, body.BlogEntry-bodyClass #top {background: url(images/NewsHeader.jpg) 2px 0 no-repeat !important;} /* FLASH */ #FlashObject {position: absolute; top: 45px; left: 2px; z-index: 9} #nav{height: 29px; position: absolute; z-index: 99;} #nav li{position: relative; display: block; float: left; width: 138px; z-index:999} #nav li:hover ul, #nav li.over ul{display: block;} #nav li ul{display: none; position: absolute; top: 29px; left: 2px; background: #7ca520; width: 137px; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} #nav li ul li{border-top: 1px solid #95b513;} #nav li ul a{color: #fff;} #nav li ul a:hover{text-decoration: underline;} #nav a{display: block; color: #00377b; font-size: 13px; text-decoration: none; font-weight: normal; text-align: center; width: 138px; height: 25px; padding-top: 4px;} #nav li.current a, #nav li.section a{font-weight: bold;} #nav li.section ul a, #nav li.current ul a{font-weight: normal;} #nav li.section ul a.current{font-weight: bold; font-size: 12px;} #nav a:hover, #nav a.current, #nav li.section a{color: #fff;} #logo{position: absolute; top: 25px; right: 20px;} #logo h1{width: 253px;} #logo a{display: block; background: url(images/logo.png) no-repeat; height: 45px;} #asp{position: absolute; top: 122px; left: 210px;} #asp h2{color: #00377b; font-size: 22px; font-weight: bold; line-height: 35px} #asp h3{color: #00377b; font-size: 16px; font-weight: bold;} .left{float: left; width: 360px;} .right{float: right; width: 360px;} a.more{display: block;} .buttons{width: 320px; height: 33px; margin: 22px 0;} .buttons a{display: block; width: 153px; height: 33px;} .tour{float: left; background: url(images/tour.png)} .signup{float: right; background: url(images/signup.png); margin-right: 1px;} .buttons a:hover{margin: 1px 0 0 1px;} .contactDetails{float: left; width: 183px;} #contact-us .contactDetails p{font-size: 12px; font-weight: bold; margin: 0;} fieldset{clear: both; padding-top: 15px;} .field{float: left; clear: left; width: 50%; min-height: 35px;} #Form_Form .field {width: 70% !important;} #EditableTextField8 {width: 100%; height: auto;} #EditableTextField8 label, .FormHeading, #EditableRadioField19 label{display: block; clear: both; border-bottom: 1px solid #00377b; text-align: left; width: 100%; margin-bottom: 10px; padding-bottom: 5px;} label{font-size: 12px; text-align: right; font-weight: bold;} label.left{width: 129px; margin: 3px 3px 0 0;} #EditableEmailField10, #EditableTextField4, #EditableRadioField19{width: 100%;} #EditableTextField12, #EditableTextField14{clear: none;} .required{/*font-size: 10px; color: #cc0000; margin-bottom: 5px;*/} textarea{background: url(images/textarea.png) no-repeat; border: 0; color: #00377b; width: 745px; height: 174px; margin-bottom: 10px; padding: 5px;} input{background: url(images/input.png) no-repeat; border: 0; color: #00377b; width: 231px; height: 22px; padding: 5px 0 0 5px;} #Form_Form_action_process{display: block; color: #7ca520; font-weight: bold; width: 235px; height: 27px; margin: 0 auto; padding: 0; cursor: pointer;} #Form_Form_action_process:hover{color: #9eca3a;} #EditableRadioField19 .middleColumn label{display: inline; clear: none; border-bottom: 0; text-align: left; width: auto; margin-bottom: 0; padding-bottom: 0;} #Form_Form_EditableRadioField19{clear: both;} #Form_Form_EditableRadioField19 li{float: left; width: 40%; padding-left: 10%;} #Form_Form_EditableRadioField19 input{position: relative; top: 4px; background: none; width: 15px; padding: 0;} .Actions{clear: both; border-top: 1px solid #00377b; margin: 20px 0; padding-top: 25px;} #Form_Form div#SimplestSpamField {width: 745px !important;} div#SimplestSpamField span.spamquestion {font-size: 0.7em;} div#SimplestSpamField input {float: right;} /*New Form Additional css*/ div#contactFormHolder {background-color: #f4fbe6; padding: 50px; clear: both;} form#contactForm {width: 80%; margin-right: auto; margin-left: auto; background-color: f8f8f8; clear: both; height: 350px;} form#contactForm label {display: block; clear: both; border-bottom: 1px dashed steelBlue; text-align: left; width: 25%; margin-bottom: 15px; padding-bottom: 5px; float: left;margin-right: 10px;} form#contactForm label.captchaimage {border: none;} form#contactForm label.error {border: none; color: #c00; width: 100%;} form#contactForm select, form#contactForm input {float: left;} form#contactForm input#contactForm_action_process, form#contactForm input#checkCaptcha {display: block; color: #7ca520; font-weight: bold; width: 235px; height: 27px; margin: 20px auto; padding: 0; cursor: pointer; border: 3px solid #888; font-size: 1em;} form#contactForm input#contactForm_action_process:hover, form#contactForm input#checkCaptcha:hover {font-size: 1.1em; color: #7baa10;} span.mandatory {font-size: 14px; color: #c00; font-weight: bold;} /* DEMO PAGE*/ #demoMenu{float: left; width: 203px;} #dNav{font: 11px/28px Verdana; } #dNav ul{display: none;} #dNav li{background: #cadba6;} #dNav li a{display: block; background: url(images/dNav.png) no-repeat; color: #fff; text-decoration: none; height: 28px; padding-left: 28px; overflow: hidden;} #dNav li a:hover{background: url(images/dNavOn.png) no-repeat;} #dNav li li a{padding-left: 5px;} #dNav ul{padding-left: 0;} #dNav li.section a, #dNav li.current a{font-weight: 900} #dNav li.section ul a, #dNav li.current ul a{font-weight: normal;} #dNav li.section ul, #dNav li.current ul{display: block} #dNav ul li a{background: none; color: #00377b;} #dNav ul li a:hover, #dNav a.current{background: none; color: #fff;} #dNav ul li a.current {font-weight: bold;} #demoContentHolder {float: right; clear: right; width: 530px} #demoPageTitle{background: #bdd190; height: 28px; margin-bottom: 5px; padding-left: 10px; } #demoPageTitle h2{float: left; color: #7da620; font: 14px/28px Verdana; font-weight: bold;} #demoPageTitle strong{color: #fff;} #backAndForwardButtons{float: right; background: #fff; height: 28px;} #backAndForwardButtons a{display: block; float: left; width: 32px; height: 28px;} .prevGroup{background: url(images/prevGroup.png) no-repeat;} .prevGroup:hover{background: url(images/prevGroupOn.png) no-repeat;} .prevPage{background: url(images/prevPage.png) no-repeat; width: 37px;} .prevPage:hover{background: url(images/prevPageOn.png) no-repeat;} .nextPage{background: url(images/nextPage.png) no-repeat; width: 37px;} .nextPage:hover{background: url(images/nextPageOn.png) no-repeat;} .nextGroup{background: url(images/nextGroup.png) no-repeat; margin-left: 2px;} .nextGroup:hover{background: url(images/nextGroupOn.png) no-repeat;} p.largeImageLink {text-align: right; font-size: 0.6em;} #demoExplanations{background: #e5edd3; padding: 10px;} .demoHotspotInfo {font-size: 11px;} #demoExplanations div.green {color: #7da620; font-weight: bold;} .clickMeButton {} .clickMeButton a{display: block; width: 30px; height: 30px; background: url(images/demoHotspot.png) no-repeat;} *+html .clickMeButton a{background: url(images/demoHotspot.gif) no-repeat;} /* IE7 PNG Bug */ * html .clickMeButton a{background: url(images/demoHotspot.gif) no-repeat;} /* IE6 PNG Bug */ .clickMeButton a:link, .clickMeButton a:visited { opacity: .3; filter: alpha(opacity=30);} .clickMeButton a:hover, #screenshotHolder a.highlightedHotspot {opacity: .75;filter: alpha(opacity=75);} .largeImageLink{width: 150px; margin: 5px auto;} .largeImageLink a{display: block; background: url(images/enlarge.png) no-repeat; width: 150px; height: 28px;} #MemberLoginForm_LoginForm_Remember, #OpenIDLoginForm_LoginForm_Remember{position: relative; top: 7px; width: 16px;} #Security label.right{float: none;} #Security .Actions{text-align: center;} #Security .Actions input{width: 235px; height: 27px; margin: 0 5px;} #OpenIDLoginForm_LoginForm_OpenIDURL{border: 1px solid #eaeaea; margin-left: 5px;} #footer{clear: both; text-align: center; padding: 20px 0 10px 0;} #footer li{display: inline; background: url(images/footerLi.png) 100% 75% no-repeat; padding: 0 6px 0 8px;} #footer a{color: #7CA520; font-size: 13px; font-weight: normal; text-decoration: none;} #footer li.last{background: none;} #footer li.current a{font-weight: bold;} #footer a:hover{text-decoration: underline;} /*============FIVE COLUMN PAGE=====================*/ #FiveColumnLeftColumn {width: 240px; margin-left: -38px; margin-top: -23px; float: left;} #FiveColumnTopLeft {width: 225px; height: 70px; background-color: #ddeec5; text-align: center;} #FiveColumnTopLeft a img {border: 0; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;} #FiveColumnTopLeft a:hover img {border: 0; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;} #FiveColumnTopLeft .left {width: 112px !important;} #FiveColumnMiddleLeft {width: 184px; border-right: 1px dashed steelBlue; height: auto; background-color: #fff; padding: 20px;} #FiveColumnMiddleLeft h2 {font-size: 18px; color: #00377b; font-weight: bold;} #FiveColumnMiddleLeft p {font-size: 13px; color: #00377b; font-weight: bold;} #FiveColumnMiddleLeft ul li {font-size: 13px; color: #00377b; font-weight: bold; list-style: disc inside none;} #FiveColumnBottomLeft {width: 225px; height: 75px; background-color: #ffc20e; text-align: center; padding-top: 20px;} #FiveColumnBottomLeft a:hover img {margin-top: 2px; border: 0;} #FiveColumnRightColumn {width: 540px; float: left; margin-top: -23px;} #FiveColumnIntroColumn {width: 537px; float: left; margin-bottom: 20px;} #FiveColumnIntroColumn h2 {font-size: 18px; color:#7ca520; font-weight: bold; margin: 10px 0;} #FiveColumnIntroColumn p {font-size: 15px; color: #00377b; font-weight: bold;} #FiveColumnFourColumns {width: 537px; float: left;} #FiveColumnNarrowCol1, #FiveColumnNarrowCol2, #FiveColumnNarrowCol3, #FiveColumnNarrowCol4 { width: 130px; float: left; margin-right: 3px; } #FiveColumnNarrowCol1 a img, #FiveColumnNarrowCol2 a img, #FiveColumnNarrowCol3 a img, #FiveColumnNarrowCol4 a img { border: 0; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #FiveColumnNarrowCol1 a:hover img, #FiveColumnNarrowCol2 a:hover img, #FiveColumnNarrowCol3 a:hover img, #FiveColumnNarrowCol4 a:hover img { border: 0; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; } #FiveColumnNarrowCol1 ul li, #FiveColumnNarrowCol2 ul li, #FiveColumnNarrowCol3 ul li, #FiveColumnNarrowCol4 ul li { } #FiveColumnNarrowCol1 ul li, #FiveColumnNarrowCol2 ul li, #FiveColumnNarrowCol3 ul li, #FiveColumnNarrowCol4 ul li { list-style: disc outside none; color: #00377b; font-size: 10px; margin-left: 10px; font-weight: normal; } #FiveColumnNarrowCol1 p, #FiveColumnNarrowCol2 p, #FiveColumnNarrowCol3 p, #FiveColumnNarrowCol4 p { color: #00377b; font-size: 10px; } #FiveColumnBottom {text-align: right; } #FiveColumnBottom a img {border: 0;} #FiveColumnBottom a {font-size: 12px; color: #c00; text-decoration: none;} #FiveColumnBottom a:hover {text-decoration: underline;} #FiveColumnBottom p {font-size: 12px; color: #00377b;} /* News Blog =======================================================*/ div#LastBlogEntries {background: url(images/NewsBox.gif) 0 0 no-repeat; width: 225px; height: 200px; border-bottom: 12px solid #aac607;} #LastBlogEntries ul { padding: 50px 20px 20px 20px;} #LastBlogEntries li {padding-bottom: 15px;} #LastBlogEntries li a {color: #00377B; font-weight: bold; font-size: 0.8em;} /* SIDEBAR ---------------------------------------- */ #Sidebar { width: 200px; float: right; } #Sidebar * { font-family: 'Lucida Grande', Verdana, Arial, 'sans-serif' !important; } #Sidebar h3 { color: #F0F0F0; background: #00377B;/*#EFEFEF;*/ margin: -5px; padding: 5px 5px 5px 15px; font-size: 95%; } #Sidebar ul { list-style: none; margin: 12px 0 0 0; } .WidgetHolder { border: 1px solid #00377B; padding: 6px; margin-bottom: 16px; } /* COMMENTS */ #CommentHolder ul { list-style: none; margin: 20px 0; } #PageComments li { margin: 5px 0; padding: 1px; width: 88%; } #PageComments li.odd { background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%; padding: 10px 0 0 40px; border-bottom: 2px solid #BCE4FE; } #PageComments li.even { background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%; padding: 10px 0 0 40px; padding-left: 10px; } #PageComments li.odd p.info { color: #3AA0C3; } .actionLinks li { display: inline; border-right: 1px solid; } .actionLinks li a { padding-right: 3px; font-size: 10px; } .actionLinks li.last { border-right: none; } .commentrss { background: transparent url(../images/feed-icon-14x14.png) no-repeat; padding-left: 20px; font-size: 1.1em; line-height: 1.6em; } #PageCommentsPagination p { text-align: center; font-size: 1.2em; } #PageComments p { font-size: 1em; } #PageComments p.info { color: #999; margin: 0px; padding: 0; line-height: 1em; font-size: 0.9em; } /* SEARCH RESULTS STYLES */ ul#SearchResults { margin: 10px 0; } ul#SearchResults li { list-style: none; margin: 5px 0; font-size: 1em; } /* MESSAGEBOXS */ .message { margin: 15px; padding: 5px; width: 92%; color: #979908; border: 4px solid #F7F8B4; background: #FFFFEA; } span.middleColumn .message { margin: 4px 0 0 3px; } .required { /*margin: 4px 0 0 3px; padding: 5px; width: 92%; color: #DC1313; border: 4px solid #FF7373; background: #FED0D0;*/ } p#Remember label { margin: -24px 0 0 20px; text-align: left; } .entry { border-bottom: 1px solid #eee; } .typography #Content p.authorDate { color: #444; margin-top: -15px; } /*You Tube______________________________________*/ li#YouTubeGalleryPage-visitor-management {display: block!important;} div.YouTubeGalleryPageVid {margin-bottom: 15px;} li.youTubeGalleryPageDetailSection {display: block!important} ul#YouTubeGalleryPageLink {display: none;}