/* ----------------------------------------- Stylesheet for Quantum Jump Author: cdeVision.com Copyright: (c)2009 cdeVision Created: Jan 2010 -------------------------------------------- */ body {background:#FFF url(images/back.png) repeat-x; margin:0;padding:0 0 20px 0; font-family:arial,helvetica,verdana,sans-serif; font-size:14px; line-height:20px; color:#333;} body {text-align:center;} h1, h2, h3 {padding:0; margin:0; color:#333869; font-weight:normal;} h1 {font:normal 26px arial,helvetica,verdana,sans-serif; line-height:30px; padding:0 0 10px 0;} /* page titles */ h2 {font:normal 22px arial,helvetica,verdana,sans-serif; line-height:28px; padding:0 0 4px 0;} /* sub-titles */ h3 {font:normal 18px arial,helvetica,verdana,sans-serif; line-height:22px; padding:0 0 8px 0;} /* sub-titles */ p {margin:0; padding:0 0 16px 0; font-size:14px; line-height:20px;} p.intro {font-size:16px; line-height:22px; padding:0 0 16px 0;} p.error {padding:0 0 0 20px !important; color:#de0000;} /* for contact form */ p.triangle { text-align:right;} p.triangle a {background:url(images/icon_triangle.png) left center no-repeat; font-size:12px; line-height:14px; color:#F6941E !important; text-decoration:none; padding:0 0 0 12px;} p.triangle a:hover {background-position:2px center;} p.quotetext { background-color:#333869; padding:15px; color:#FFFFFF;font-size:16px; line-height:22px; margin:20px 0 0 0;} p.quoteby { padding:18px 0 0 0; color:#333869;background:url(images/back_quote.png) center 0 no-repeat; text-align:right;} .intro_orange { background-color:#F7941E; color:#FFFFFF; padding:15px; margin:0 0 16px 0; font:normal 16px arial,helvetica,verdana,sans-serif; line-height:22px;} .intro_orange_arrow { color:#FFFFFF; padding:15px 160px 15px 15px; margin:0 0 16px 0; font:normal 16px arial,helvetica,verdana,sans-serif; line-height:22px;background:#F7941E url(images/back_arrow.gif) right bottom no-repeat;} ul, ol {padding:0; margin:0 0 16px 30px;} li {line-height:18px; padding:0 0 4px 0; } img {border:0;} label {display:none;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} div#printlogo {display:none;} .bar { border-bottom:1px solid #ccc; font-size:1px; line-height:1px; height:1px; margin:3px 0 20px 0; clear:both;} /* ---- links ----------------------------------------- */ a {color:#F6941E; text-decoration:underline;} a:visited {color:#F6941E;} a:hover {color:#333; text-decoration:none;} a:active {color:#F6941E;} a:active, a:focus {outline:none;} a.pdf {background:url(images/icon_pdf.gif) left center no-repeat; padding:0 0 0 22px;} /* ---- download ----------------------------------------- */ .downloadbutton {float:left; display:block; background-color:#F7941E; color:#FFFFFF; margin:0 22px 0 0; font:bold 16px arial,helvetica,verdana,sans-serif; text-decoration:underline; line-height:30px; width:150px; height:30px; border:none;} .resetbutton {float:left; display:block; background-color:#333869; color:#FFFFFF; margin:0 20px 0 0; font:normal 12px arial,helvetica,verdana,sans-serif; line-height:26px; width:50px; height:26px; border:none;} .downloadlink {float:left; display:block; background-color:#F7941E; color:#FFFFFF !important; margin:0 22px 0 0; font:bold 16px arial,helvetica,verdana,sans-serif; text-align:center; text-decoration:underline; line-height:30px; width:200px; height:30px; border:none;} /* ---- ids & classes ----------------------------------------- */ #frame {width:916px; margin:0 auto; text-align:left;} #header {width:916px; height:181px; position:relative;} #logo_print {display:none;} #logo {position:absolute; top:35px; left:35px; width:360px; height:80px; background:url(images/logo.png) no-repeat;} #logo h1 {padding:0; margin:0;} #logo span {display:none;} #logo a {display:block; width:360px; height:80px;} #linkbox {position:absolute; top:80px; right:0; } #linkbox a{color:#FFFFFF; display:block; float:left; height:30px; font-size:12px; font-weight:bold; line-height:30px; padding-right:20px; text-decoration:none;} #linkbox a:hover { color:#B0B2C4; background-position:0 -30px;} #linkbox .register {background:url(images/icon_header_register.png) no-repeat; padding-left:30px;} #linkbox .forum {background:url(images/icon_header_forum.png) no-repeat; padding-left:48px;} #linkbox .blog {background:url(images/icon_header_blog.png) no-repeat; padding-left:30px;} #linkbox .enews {background:url(images/icon_header_enews.png) no-repeat; padding-left:34px;} #navmenu {width:100%; height:40px; position:absolute; bottom:0; left:0;} #navmenu ul {margin:0; padding:0; list-style:none;} #navmenu li {display:block; float:left; height:40px; padding:0; margin:0;} #navmenu a {display:block; float:left; height:40px; line-height:40px; text-decoration:none; color:#FFF; font-size:15px; margin:0; padding:0 18px; background:url(images/back_nav.png) right 10px no-repeat;} #navmenu a:hover, #navmenu a.on {color:#F7941E;} #banner {width:916px; height:300px; margin:24px 0 0 0; position:relative;} #banner_bar {margin-left:8px;} #banner_scroll, #banner_text {float:left;} #banner_scroll { width:596px; height:265px; background:#F6941E url(images/back_banner.jpg) no-repeat; overflow: hidden;position: relative;} .bannerstart {float:left; width:596px; height:265px; margin:0; padding:0;} .bannerinfo {float:left; width:596px; height:265px; margin:0; padding:0;background:url(images/back_banner_blue.png) no-repeat;} .bannerinfo p { font-size:18px; color:#FFFFFF; line-height:24px; padding:0 25px 0 25px;} .boxcaption {position: absolute; width:4000px;} boxcaption img {display:block; margin:0; padding:0;} #banner_text {width:304px; height:265px; background:#F6941E url(images/back_banner_text.png) no-repeat;} #banner_text p { font-size:16px; color:#FFFFFF; line-height:22px; padding:0 28px 10px 28px;} #banner_text a { font-size:14px; font-weight:bold; color:#FFFFFF; line-height:18px;background:url(images/icon_banner_triangle.gif) left center no-repeat; padding-left:16px; text-decoration:none;} #banner_text a:hover {background-position:2px center;} .icon1 { position:absolute; left:0; bottom:0; z-index:50;} .icon2 { position:absolute; left:180px; bottom:0; z-index:50;} .icon3 { position:absolute; left:383px; bottom:0; z-index:50;} #link1 { position:absolute; left:0; bottom:0; width:180px; height:50px; z-index:99;} #link1 a {background:url(images/banner_link1.png) 0 0 no-repeat;width:180px; height:50px; display:block; text-indent:-4000px;} #link2 { position:absolute; left:180px; bottom:0; width:203px; height:50px; z-index:99;} #link2 a {background:url(images/banner_link2.png) 0 0 no-repeat;width:203px; height:50px; display:block; text-indent:-4000px;} #link3 { position:absolute; left:383px; bottom:0; width:244px; height:50px; z-index:99;} #link3 a {background:url(images/banner_link3.png) 0 0 no-repeat;width:244px; height:50px; display:block; text-indent:-4000px;} #link1 a:hover, #link2 a:hover, #link3 a:hover {background-position:0 -50px;} #content_home {padding:0 8px 0 8px; margin:35px 0 20px 0; background:url(images/line.png) 608px 0 repeat-y;} #content_home {zoom:1;} /* fix for IE7 double padding bug */ #content {padding:8px 0; margin:35px 0 20px 0; background:url(images/line.png) 608px 0 repeat-y; overflow:visible;} #content {zoom:1;} /* fix for IE7 double padding bug */ #sidebar_nav {background:url(images/back_sidebar_nav.png) 0 40px no-repeat; padding-bottom:10px; margin-bottom:22px; border-bottom:1px solid #CCCCCC;} #sidebar_nav h3 { color:#070D48; background:url(images/back_screen.gif) 10px 4px no-repeat; padding:0 0 0 80px; margin:0; height:70px; line-height:40px;} #sidebar_nav ul {margin:0; padding:0; list-style:none;} #sidebar_nav li {display:block; height:30px;} #sidebar_nav a {display:block; height:30px; line-height:30px; text-decoration:none; color:#333869; font-size:14px; font-weight:bold; padding-left:18px;} #sidebar_nav a:hover, #sidebar_nav a.on {color:#F7941E;} #leftcolumn {width:581px; float:left;} .contentleft {float:left; width:110px; margin-right:10px; font-size:12px; line-height:16px;} .contentleft p {font-size:12px;line-height:16px;padding:0 0 8px 0;} .contentright {float:left; width:455px;} #rightcolumn {width:280px; float:right;} #footer {font-size:11px; padding:12px 0; border-top:1px solid #CCC; clear:both;} #footer .pad { width:900px; margin:0 auto;} #footer p {line-height:16px; font-size:11px; padding:0; margin:0;} #footer .cdev {color:#666;} #footer a {color:#666; text-decoration:none;} #footer a:hover {color:#333;} #footer #copy {float:right; font-size:11px; width:250px; text-align:right;} #flinks {float:left; width:600px;} #flinks a{color:#333869; display:block; float:left; height:32px; font-size:12px; line-height:25px; font-weight:bold; padding-right:20px; text-decoration:none;} #flinks a:hover { color:#707396; background-position:0 -32px;} #flinks .register {background:url(images/icon_footer_register.png) no-repeat; padding-left:30px;} #flinks .forum {background:url(images/icon_footer_forum.png) no-repeat; padding-left:48px;} #flinks .blog {background:url(images/icon_footer_blog.png) no-repeat; padding-left:30px;} #flinks .twitter {background:url(images/icon_footer_twitter.png) no-repeat; padding-left:30px;} #flinks .facebook {background:url(images/icon_footer_facebook.png) no-repeat; padding-left:30px;} #flinks .linkedin {background:url(images/icon_footer_linkedin.png) no-repeat; padding-left:32px;} /* admin styles */ #adminmenu {font:normal 12px Arial, Verdana, Helvetica, sans-serif; background-color:#fff; width:150px; clear:both; position:absolute; right:20px; top:15px; z-index:500; border:1px solid #666;} #adminTop {width:150px; height:13px; background:url(images/adminTop.gif) no-repeat;} #adminBottom {width:140px; height:13px; background:url(images/adminBottom.gif) no-repeat;} #adminbody {background-color:#fff;} #adminmenu table {text-align:left; background-color:#fff;} #adminmenu table td {padding:5px; vertical-align:top;} #adminmenu p {padding:0; margin-bottom:2px;font:normal 12px Arial, Verdana, Helvetica, sans-serif;} #adminmenu a {text-decoration:none; color:#000;}