/* CSS Document */ /*------------------------------------------------------------------ version: 1.3 author: Dave Holt email: dholt@perryballard.com website: www.perryballard.com ------------------------------------------------------------------*/ /* General */ * { padding : 0; margin : 0 } #container {width: 876px;margin-right: auto;margin-left: auto;position: relative;} #main {margin: 0px;width: 645px;padding: 0px 0px 24px;position: relative;} body {background-image: url(../imgs/bg_gray_diag.gif);background-repeat: repeat;} h1, h2, h3, h4, h5, h6, h7 {font-family: Arial, Helvetica, sans-serif; margin-top :22px ; margin-bottom: 10px;} h2 {font-family: "Century Gothic", Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #000000;} h2 a:link, h2 a:visited {color: #333333;text-decoration: none;} h3 {font-size: 14px;font-weight: bold;color: #333333;} h6 {font-size: 14px;font-weight: bolder;color: #0066FF;text-transform: uppercase;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;} h5 {font-size: 12px;font-weight: bolder;color: #000000;margin-bottom: 12px;padding: 0px;text-transform: uppercase;} input { font-family: "Century Gothic", Arial, "sans serif"; font-size: 12px; color: #000000; font-weight: bold; margin-right: 6px; } input:hover { font-family: "Century Gothic", Arial, "sans serif"; font-size: 12px; color: #999999; font-weight: bold; margin-right: 6px; } p {font-family: Arial, Helvetica, sans-serif;line-height: 18px;color: #333333;font-size: 12px;} p a:link, p a:visited {color: #990000;text-decoration: underline;font-size: 12px;} #menu1 a:link, a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 11px;} #banner {background-image: url(../imgs/tan_stripes_bkgrnd.jpg);background-repeat: repeat-x;position: relative;top: 0px;height: 270px;width: 618px;left: 22px;z-index: 111;} #clear {clear: both;width: 100%;height: 12px;padding: 1px;} #lengthWrapper {background-image: url(../imgs/content_bkgrnd.jpg);background-repeat: repeat-y;width: 876px;padding-bottom: 0px;} /* -------------- #branding ------------------- */ #branding {position: absolute;left: 12px;top: 18px;height: 85px;width: 186px;background-image: url(../imgs/unist_logo.gif);background-repeat: no-repeat;z-index: 12;font-family: Arial, Helvetica, sans-serif;font-size: 36px;font-weight: bolder;color: #000000;background-position: left;text-indent: -9999px;} a:link, a:visited #branding {text-decoration: none;} a:hover #branding {background-image: url(../imgs/unist_logo.gif);background-repeat: no-repeat;background-position: right;} #branding h1 {font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size: 36px;color: #000000;font-weight: bolder;} #branding h1 a:link, a:visited {color: #000000;text-decoration: none;} /* -------------- #content ------------------- */ #content {top: 20px;margin-top: 0px;margin-bottom: 0px;width: 550px;margin-left: 30px;margin-right: 30px;left: 25px;padding-bottom: 0px;position: relative;} #content li {padding-left: 2px;list-style-type: disc;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;line-height: 18px;list-style-position: outside;} #content li a:link {color: #990000;text-decoration: underline;font-family: Arial, Helvetica, sans-serif;font-size: 12px;} #content li a:visited {color: #990000;text-decoration: underline;font-family: Arial, Helvetica, sans-serif;font-size: 12px;} #content a:visited {font-weight: normal;color: #990000;text-decoration: underline;font-size: 12px;} #content li a:hover {color: #3366FF;text-decoration: underline;font-family: Arial, Helvetica, sans-serif;font-size: 12px;} #content ul {margin-top: 18px;margin-right: 18px;margin-bottom: 18px;margin-left: 18px;} #content ul li ul li {list-style-type: circle;} #content ol li {display: inline;list-style-type: none;float: left;margin: 2px;} #content ol {float: left;} #content h1 {font-family: "Century Gothic", Arial, Helvetica, sans-serif;font-size: 18px;font-weight: bold;color: #990000;} #content p {font-family: Arial, Helvetica, sans-serif;line-height: 20px;color: #333333;font-size: 12px;margin-top: 6px;margin-bottom: 12px;} #content h4 {font-weight: bold;color: #357BDF;font-family: "Century Gothic", Arial, Helvetica, sans-serif;font-size: 14px;} /* -------------- #access -------------------- */ #access li:hover {background-color: #F5F5F5;border: 1px solid #D0D0D0;cursor: default;text-decoration: none;color: #990000;padding-top: 0px;padding-right: 3px;padding-bottom: 0px;padding-left: 3px;} #access {width: 175px;float: right;margin-bottom: 6px;margin-left: 24px;background-image: url(../imgs/content_bkgrnd.jpg);background-position: center;padding-top: 12px;padding-bottom: 2px;} #access img {padding-left: 12px;} #access h4 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bolder;color: #000000;line-height: 16px;border-top-width: 1px;border-top-style: solid;border-top-color: #CCCCCC;padding-top: 8px;margin-right: 12px;margin-left: 12px;margin-bottom: 6px;margin-top: 8px;background-image: none;padding-left: 0px;} #access ul {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;list-style-type: none;margin-bottom: 6px;padding: 0px;margin-top: 0px;} #access ul li {font-family: Arial, Helvetica, sans-serif;list-style-type: disc;font-size: 11px;margin-left: 6px;padding-top: 1px;padding-right: 4px;padding-bottom: 1px;padding-left: 4px;} #access li a:link {text-decoration: none;color: #333333;font-size: 11px;padding: 1px;margin-right: 0px;margin-left: 0px;margin-top: 0px;margin-bottom: 0px;} #access li a:visited {text-decoration: none;color: #333333;} /* ---------- #content_sub ------------- */ #content_sub {font-family: Arial, Helvetica, sans-serif;background-image: url(../imgs/sidebar_bkgrnd.jpg);background-repeat: repeat-y;background-color: #333333;width: 216px;float: right;position: absolute;top: 0px;right: 0px;height: 100%;} #content_sub ul {list-style-type: none;padding-right: 22px;text-indent: 0%;} #content_sub h2 {list-style-type: none;font-size: 14px;text-transform: uppercase;color: #FFFFFF;background-image: url(../imgs/rectangle.gif);background-repeat: no-repeat;text-indent: 12px;background-position: left 4px;font-size: 12px;color: #FFFFFF;line-height: 18px;font-weight: bolder;margin-top: 24px;margin-right: 12px;margin-left: 20px;text-shadow: Black 0px 0px 3px;} #content_sub p {font-size: 12px;color: #FFFFFF;line-height: 18px;margin-right: 12px;margin-left: 17px;margin-top: 12px;margin-bottom: 12px;} #content_sub h1 {font-size: 18px;color: #FFFFFF;line-height: 18px;font-weight: bolder;margin-top: 24px;margin-right: 12px;margin-left: 20px;} #content_sub h4 {font-size: 12px;color: #FFFFFF;line-height: 18px;font-weight: normal;margin-top: -12px;margin-right: 12px;margin-left: 20px;text-shadow: Black 0px 0px 3px;font-family: Verdana, Arial, Helvetica, sans-serif;font-style: oblique;padding-left: 12px;} #content_sub a:link {font-size: 12px;color: #FFFFFF;line-height: 18px;} #content_sub a:visited {font-size: 12px;color: #FFFFFF;line-height: 18px;font-weight: normal;} #content_sub a:hover {color: #990000;text-decoration: none;} /*-------------- #teaser ---------------- */ #teaser {background-image: url(../imgs/teaser_rail.gif);background-repeat: no-repeat;background-position: left bottom;width: 878px;margin-right: auto;margin-left: auto;margin-top: 15px;margin-bottom: 25px;position: relative;padding-bottom: 30px;height: 120px;} #teaser ul {display: inline;width: 400px;height: 130px;} #teaser li {width: 400px;display: inline;float: left;list-style-type: none;padding: 12px;margin: 6px 6px 18px;border: 1px solid #CCCCCC;} #teaser a:link li {border: 1px solid #CCCCCC;} #teaser a:visited li {border: 1px solid #CCCCCC;} #teaser a:hover li {border: 1px solid #666666; background-image: url(../imgs/bg_lightgray_diag.gif);background-repeat: repeat;} #teaser a:visited {font-weight: normal;text-decoration: none;} /* ------------- .linkBox -------------- */ .linkBox a:link ul li {border: 1px solid #CCCCCC;} .linkBox a:visited ul li {border: 1px solid #CCCCCC;} .linkBox a:hover ul li {border: 1px solid #666666;background-image: url(../imgs/bg_lightgray_diag.gif);background-repeat: repeat;} /*----------------- NAVIGATION------------------*/ #menu1 {width: 170px;position: absolute;top: 117px;left: 20px;} #menu1 ul {list-style: none;margin: 0;padding: 0;width: 170px;} #menu1 img {border: none;} #menu1 li { /* all list items */ float: left;width: 170px; /* width needed or else Opera goes nuts */} #menu1 li a {height: 19px;color: #000000;display: block;background-image: url(../imgs/nav_bkgrnd.jpg);background-repeat: no-repeat;background-position: left top;font-weight: bolder;padding-top: 5px;padding-left: 30px;margin-bottom: 2px;} #menu1 li a:visited {height: 19px;color: #000000;display: block;background-image: url(../imgs/nav_bkgrnd.jpg);background-repeat: no-repeat;background-position: left top;font-weight: bolder;padding-top: 5px;padding-left: 30px;margin-bottom: 2px;} #menu1 li>a:hover {color: #333333;display: block;background-image: url(../imgs/nav_bkgrnd.jpg);background-repeat: no-repeat;background-position: right top;font-weight: bolder;padding-top: 5px;padding-left: 30px;margin-bottom: 2px;} /* second-level lists */ #menu1 li ul { position: absolute;width: 200px;left: -999em;border-top-width: 2px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 2px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #333333;border-right-color: #CCCCCC;border-bottom-color: #333333;border-left-color: #666666;padding-bottom: 6px;padding-top: 6px;padding-left: 6px;padding-right: 6px;z-index: 223;} #menu1 li:hover ul, #menu1 li.sfhover ul { color: #000000;left: 155px;top: 0px;filter: alpha(opacity=95);-moz-opacity: .95;opacity: .95;background-color: #CCCCCC;border: 1px solid #999999;} #menu1 li.sfhover ul li {background-image: none;} #menu li ul li {background-image: none;} #menu1 li ul li a:link {padding-left: 15px;width:185px;color: #333333;background-image: none;border-top: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #999999;border-left: 1px solid #CCCCCC;} .subnav_last {border-bottom: 1px solid #CCCCCC;} #menu1 li ul li a:visited {padding-left: 15px;width:185px;color: #333333;background-image: none;border: 1px solid #CCCCCC;} #menu1 li ul li a:hover {background-color:#FFFFFF;color: #000000;display: block;width:185px;filter: alpha(opacity=75);-moz-opacity: .75;opacity: .75;border: 1px solid #999999;} /* -------------- INTELLIGENT LINKS --------------- */ /*a[href^="mailto:"] {background: url(../imgs/mailto.gif) no-repeat right top;padding-right: 22px;margin-right: 3px;}*/ /*a[href$=".pdf"] {background: url(../imgs/pdf_link.gif) no-repeat right top;padding-right: 18px;margin-right: 3px;}*/ /*.externallink {background-image: url(../imgs/external_link.gif);background-repeat: no-repeat;background-position: right center;}*/ /*---------------------------- */ /*--------- E-mail Signup -----------*/ #signup { width:164px; margin-top: 28px; margin-right: 8px; margin-bottom: 8px; margin-left: 24px; text-indent: 0px; padding: 0px; } #signup p { text-align: left; text-indent: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .signup { width: 118px; margin-top:12px; } #signup form {margin-top:-14px;} .signup2 { top: 6px; position: relative; } /*---------------------------- */ /*--------- Onsite Trial Flash -----------*/ #onsitetrial { width:220px; margin:0; padding:0; margin-left: 14px; } /*---------------------------- */ .floatLEFT {float: left;margin-right: 10px;margin-bottom: 12px;} .floatRIGHT {float: right;margin-left: 10px;margin-bottom: 2px;} .teaserRule {background-image: url(../imgs/vertical_rule.gif);background-repeat: repeat-y;background-position: center top;} #FlashAPeel {position: absolute;top: 0px;height: 176px;width: 250px;z-index: 455;right: 300px;} .clear10 {height: 10px;width: 10px;} .middleVertical {vertical-align: text-top;} .clear40 {height: 40px;width: 100%;position: static;} #clearBoth {clear: both;height: 1px;} #teaser .linkBox h1 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #990000;margin-top: 0px;margin-bottom: 5px;} #teaser h1 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #990000;margin-top: 0px;margin-bottom: 5px;} #teaser .linkBox p {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;} #content_menu {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;margin: 6px 0px 0px;width: 100%;border-top-width: 2px;border-top-style: solid;border-top-color: #CCCCCC;padding-top: 8px;height: 40px;} #content_menu ul {display: inline;text-indent: 0px;width: 100%;} #content_menu ul li {display: inline;float: left;list-style-type: none;width: 150px;margin: 0px 16px 0px 0px;padding: 0px;text-align: center;} #content_menu ul li a:link, a:visited {font-weight: bold;color: #333333;text-decoration: none;} #content_menu4 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;margin: 6px 0px 0px;width: 100%;border-top-width: 2px;border-top-style: solid;border-top-color: #CCCCCC;padding-top: 8px;height: 40px;} #content_menu4 ul {display: inline;text-indent: 0px;} #content_menu4 ul li {display: inline;float: left;list-style-type: none;margin: 0px 12px 0px 0px;padding: 0px;width: 125px;} #content_menu4 li a:link, a:visited {font-weight: bold;color: #333333;text-decoration: none;} /* ------------- .feature -------------- */ .feature {padding: 8px;border: 3px solid #CCCCCC;margin-top: 18px;margin-right: 18px;margin-bottom: 18px;margin-left: 18px;} .feature h4 {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bolder;color: #006699;margin-top: 4px;background-image: url(../imgs/feature.gif);background-repeat: no-repeat;padding-left: 28px;height: 25px;padding-top: 4px;margin-bottom: 0px;} .feature p {font-size: 12px;margin: 0px;} a:link .feature {} a:hover .feature {background-color: #D9D6CE;border: 3px solid #333333;} a:hover .feature h4 {color: #000033;} /* ------- For Editing Use Only ------------ */ .dump {text-decoration: line-through;} .attention {background-color: #FFCC00;} /* ----------- .feature2 ---------------- */ .feature2 {width: 220px;padding: 8px;border: 3px solid #CCCCCC;margin: 10px;height: 130px;background-image: url(../imgs/feature2_bckgrnd.jpg);background-repeat: repeat-x;} .feature2 h4 {font-size: 14px;font-weight: bolder;color: #006699;margin-top: 4px;padding-top: 4px;margin-bottom: 6px;padding-left: 6px;} .feature2 p {font-size: 12px;margin: 0px;padding-left: 6px;text-decoration: none;} .feature2 a:link, .feature2 a:visited {font-style: normal;font-weight: normal;text-decoration: none;} a:hover .feature2 {background-color: #D9D6CE;border: 3px solid #333333;} a:hover .feature2 h4 {color: #000033;text-decoration: none;color: #333333;} a:link .feature2 h4 {font-size: 14px;font-weight: bolder;color: #006699;margin-top: 4px;padding-top: 4px;margin-bottom: 6px;padding-left: 6px;} /* ----------- .feature3 ---------------- */ .feature3 {padding: 0px;border: 1px solid #587DCE;margin: 6px 6px 6px 24px;} .stylecrumbs a:link, .stylecrumbs a:visited {color: #3366FF;text-decoration: none;} .feature3 h2 {font-size: 12px;color: #FFFFFF;line-height: 18px;font-weight: bolder;margin-top: 24px;margin-right: 12px;margin-left: 20px;text-shadow: Black 0px 0px 3px;} .feature3 p {font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin: 0px;} a:link .feature3 {text-decoration: none;font-style: normal;background-color: #566068;} .feature3 a:link {font-style: normal;font-weight: normal;text-decoration: none;} a:hover .feature3 {background-color: #333333;border: 1px solid #333333;} a:hover .feature3 p {color: #000000;} .feature3 p a:hover{color: #000000;} a:hover .feature3 h2 {text-decoration: none;color: #333333;} .feature3 h2 a:hover {text-decoration: none;color: #333333;} .picboundry {margin-top: 25px;margin-bottom: 25px;} /* ----------- .feature6 ---------------- */ .feature6 {padding: 0px;border: 1px solid #587DCE;margin: 6px 6px 6px 24px;} .stylecrumbs a:link, .stylecrumbs a:visited {color: #3366FF;text-decoration: none;} .feature6 h2 {font-size: 12px;color: #FFFFFF;line-height: 18px;font-weight: bolder;margin-top: 24px;margin-right: 12px;margin-left: 20px;text-shadow: Black 0px 0px 3px;} .feature6 p {font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin: 0px;} a:link .feature6 {text-decoration: none;font-style: normal;background-color: #566068;} .feature6 a:link {font-style: normal;font-weight: normal;text-decoration: none;} a:hover .feature6 {background-color: #333333;border: 1px solid #333333;} a:hover .feature6 p {color: #000000;} .feature6 p a:hover{color: #000000;} a:hover .feature6 h2 {text-decoration: none;color: #333333;} .feature6 h2 a:hover {text-decoration: none;color: #333333;} .picboundry {margin-top: 25px;margin-bottom: 25px;} /*----------- #mainpic ------------------ */ #mainpic {height: 235px;width: 388px;position: absolute;top: 42px;left: 220px;} /*---------------------------*/ .block {margin-bottom: 16px;margin-top: 24px;} table {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;} .tableborders {border-right-width: 4px;border-right-style: solid;border-right-color: #F3F3F3;} .required {font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 12px; text-decoration: underline; } .headstroke {border-top-width: 1px;border-top-style: none;border-top-color: #999999;border-right-color: #999999;border-bottom-color: #999999;} .copyright {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;} .copyright a:link, .copyright a:visited {color: #3366FF;text-decoration: none;} .noicon {background-image: none;} .expandtitle {font-size: 14px;font-weight: bolder;color: #0066FF;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;background-image: url(../imgs/play.gif);background-repeat: no-repeat;padding-left: 23px;} .tablewrapper {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;background-color: #E8E6E1;padding: 14px 16px 24px;border-top-width: 1px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #999999;border-right-color: #666666;border-bottom-color: #666666;border-left-color: #CCCCCC;} sup {vertical-align: bottom;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;} .browse {float: right;height: 40px;width: 75px;border: 2px solid #666666;margin-bottom: 12px;margin-left: 24px;} #outline li {padding: 0px;text-indent: 0px;list-style-position: outside;list-style-type: none;margin-bottom: 18px;margin-left: 0px;text-align: left;} #outline ul {text-indent: 0px;margin-left: 0px;padding-left: 0px;list-style-type: none;} #outline3 li{list-style-type: none;margin-left: 24px;margin-bottom: 16px;border: 4px solid #FAF8F0;padding: 6px;} #outline3 li:hover {background-color: #EFEFEF;border: 4px solid #F3F1EA;cursor: default;padding: 6px;} #outline2 li li{list-style-type: none;margin-left: 24px;margin-bottom: 18px;border: 4px solid #FAF8F0;padding: 6px;} #outline2 li li:hover {background-color: #EFEFEF;border: 4px solid #F3F1EA;cursor: default;padding: 6px;} #outline li li {list-style-type: none;margin-left: 24px;margin-bottom: 18px;border: 4px solid #FAF8F0;padding: 6px;} #outline li li li {list-style-type: none;margin-left: 24px;margin-bottom: 18px;border: 4px solid #FAF8F0;padding: 6px;} #outline li li li:hover {background-color: #E0E0E0;border: 4px solid #E9E8E2;cursor: default;padding: 6px;} /*----------- Browser pages --------------*/ .choose {color: #0066FF;font-weight: bold;} .readmore {font-size: 12px;font-weight: bold;color: #666666;text-decoration: none;} #li1, #li2, #li3, #li4, #ul1, #ul2, #ul3, #ul4, #hideA, #hideB, #hideC, #hideD, #hideE, #hideF, #hide4, #hideH, #hideG {display:none;} #outline2 li {padding: 0px;text-indent: 0px;list-style-position: outside;list-style-type: none;margin-bottom: 18px;margin-left: 0px;text-align: left;} #outline a:link {color: #3366FF;text-decoration: underline;} #outline a:visited {color: #3366FF;text-decoration: underline;} #outline a:hover {color: #990000;text-decoration: underline;} #content #outline li {list-style-type: none;} #content #outline li li {list-style-type: none;} #content #outline li li li {list-style-type: none;} #content #outline li li li:hover {list-style-type: none;border: 4px solid #A4C3F2;padding: 6px;} .littd {background-color: #F3F1EB;padding-right: 12px;padding-bottom: 12px;padding-left: 12px;border: 2px solid #FFFFFF;} .newsitem { margin-top: 12px; margin-bottom: 12px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #F3F3F3; padding: 12px; text-decoration: none; } .newsitem img{ padding-right: 7px; padding-bottom: 5px; border: 0px; } .newsitem:hover { margin-top: 12px; margin-bottom: 12px; padding: 8px 8px 10px; cursor: default; background-color: #F7F7F7; border-top: 4px solid #D5D9DE; border-right: 4px solid #D5D9DE; border-bottom: 4px solid #C7CBD0; border-left: 4px solid #D5D9DE; background-image: url(../imgs/hover_arrow.gif); background-repeat: no-repeat; background-position: right top; } .newsitem h4 { margin-top:12px; } #kicker { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #999999; background-image: url("../imgs/gray_bullet.gif"); background-repeat: no-repeat; background-position: 2px; padding-left: 18px; margin-top: 16px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; margin-bottom: 12px; } u { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; font-weight: bold; } .sidebarRule { text-align: center; height: 2px; width: 180px; margin-top: 28px; margin-bottom: 28px; margin-left: 20px; background-image: url(../imgs/sideRule.gif); background-repeat: no-repeat; background-position: center; } .smallText { color: #F6F6F6; } #signup input { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; }