/*************************************************************** * * File Name:global.css * Author:BP DN * * Date Created:5-11-2010 * ***************************************************************/ @import url("superfish.css"); @import url("smoothness/ui.all.css"); body{margin:0px; padding:0px; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#000; background:url(../images/bkg.jpg) #FFF repeat-x top} h1{font-size:22px; margin:0} h2, h2 a{font-size:18px; margin-top:25px; margin-right:0px; margin-bottom:0px; margin-left:0px; text-decoration:none} h3{font-size:14px} h3 a{text-decoration:none; margin:0px; padding:0px} a, a:visited{color:#000} a:hover{text-decoration:underline; color:#b41e2a} #body-content{margin-bottom:40px} p, .list, #body-content li{list-style-type:square; line-height:20px} #body-content ul{margin-top:0px; padding-top:0px; padding-bottom:5px} #page-wrap{margin:0px auto 0px auto; text-align:left; width:955px; background-color:#FFF} #content-wrap{width:939px; clear:both; padding-top:1px; margin-top:0; margin-right:8px; margin-bottom:0; margin-left:8px} div.newsblock{margin:0 0 20px 0; line-height:1.5} div.newsblock_home{margin:0 0 10px 0; line-height:1.5} div#sharethis{float:right; height:64px; width:95px} div#sharethis a{line-height:64px; font-weight:bold; text-decoration:none; text-transform:uppercase} /********************************************* TOP TOP NAV *********************************************/ ul#top-top-nav{list-style:none; margin:0; padding:0; float:right} ul#top-top-nav li{float:left; margin:0; padding:0; color:#a7a6a4} ul#top-top-nav li a, ul#top-top-nav li a:visited{line-height:36px; color:#FFF; text-decoration:none; padding:0 10px} ul#top-top-nav li a:hover{color:#a7a6a4} ul#top-top-nav li#searchmodule{height:24px; padding-top:12px; margin-top:0px} #searchfield{float:left; position:relative; top:-3px; left:0px; background-color:#FFF; border:none; width:145px; height:17px; padding:1px 5px; margin:0; color:#b7b7b7} #searchbtn{float:left; position:relative; top:-3px; left:0px; width:18px; height:19px; margin:0} /********************************************* BREAD CRUMB *********************************************/ div#breadcrumb{color:#89121d; margin-bottom:15px; height:30px; line-height:20px} div#breadcrumb a{} div#breadcrumb a:hover{color:#89121d} .crumb{} /********************************************* MASTHEAD LINKS *********************************************/ div#masthead-links{position:absolute; right:10px; top:106px; z-index:80} div#masthead-links a{width:100px; height:25px; margin:2px 0; display:block; color:#CCC; padding-left:24px; line-height:25px; text-decoration:none; font-weight:bold; background-image:url(../images/masthead-link-bkg-all.gif); background-repeat:no-repeat; background-position:left top} div#masthead-links a:hover{color:#FFF; background-image:url(../images/masthead-link-bkg-all.gif); background-repeat:no-repeat; background-position:left bottom} /********************************************* TABS *********************************************/ div#tab-block, #tabs{float:left; margin-left:-6000px; margin-top:-42px; z-index:9; position:inherit} #the-tabs{ float:left; width:100%; background:yellow; font-size:93%; background:url(../images/tabs/t-bkg.gif) repeat-x bottom} #the-tabs ul{ margin:0; list-style:none; padding:0px} #the-tabs li{ float:left; background:url(../images/tabs/t-corner-left-off.gif) top left no-repeat; margin:0 2px 0 0; padding:0 0 0 15px} #the-tabs a{ display:block; background:url(../images/tabs/t-corner-right-off.gif) right top no-repeat; padding:8px 15px 7px 0px; outline:none; font-size:13px; text-decoration:none; color:#FFF; text-align:center} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #the-tabs a{float:none} /* End IE5-Mac hack */ #the-tabs a:hover{background:url(../images/tabs/t-corner-right-on.gif) right top no-repeat; color:#333; color:#89121d} #the-tabs a.atabhover{background:url(../images/tabs/t-corner-right-on.gif) right top no-repeat; color:#333; color:#89121d} #the-tabs li.tabhover{background:url(../images/tabs/t-corner-left-on.gif) top left no-repeat} #the-tabs #current{ background:url(../images/tabs/t-corner-left-on.gif) top left no-repeat} #the-tabs #current a{background:url(../images/tabs/t-corner-right-on.gif) right top no-repeat; padding-bottom:8px; color:#89121d} div.panes-int{padding-top:32px; border-left:1px solid #a7a6a4; border-right:1px solid #a7a6a4} div.panes-int div.pane-int{width:937px; /*background:url(../images/tabs/tab-int-bkg.png) top left no-repeat; */padding:0px; display:none; color:#000; background-color:#dfdede; margin:0} div.panes-int div.pane-int h1, div.panes-int div.pane-int h2{margin-top:0px} /************************************* PARTNERS *************************************/ div#partners{ margin-top:8px} div#partners div.marquee0 img{padding-left:10px; padding-right:10px} /************************************* FEATURES *************************************/ div#features{margin-top:8px} div#features td.ft-title{background:url(../images/ftr-hdr-bkg.jpg) bottom no-repeat; height:30px; width:225px; text-align:left} div#features td.ft-title h2, div#features td.ft-title h2 a{margin:0 10px; color:#FFF; font-size:14px; font-weight:normal; line-height:30px} div#features td.ft-body{background:url(../images/ftr-bdy-bkg.jpg) top repeat-x #FFF; border-left:1px solid #d3d2d1; border-right:1px solid #d3d2d1; text-align:left; width:225px; vertical-align:top; height:380px} div#features td.ft-btm-bdr{background:url(../images/ftr-btm-bkg.jpg) top no-repeat; height:13px; width:225px} div#features2{margin-top:8px} div#features2 div#ft2-title{margin:0px; height:29px; background:url(../images/hdr-grey-bkg.jpg) no-repeat; line-height:29px; color:#FFF; font-size:14px; padding-left:19px} div#features2 div#ft2-title a{color:#FFF; text-decoration:none} div#features2 div#ft2-title a:hover{text-decoration:underline} div#features2 div#ft2-body{margin:0px; background:url(../images/about-bdy-bkg.jpg) top repeat-x #FFF; border-left:1px solid #d3d2d1; border-right:1px solid #d3d2d1; border-bottom:1px solid #fff; color:#58585a; padding-top:15px; padding-right:20px; padding-left:20px} a.ft-more-links{height:23px; display:block} a.ft-more-links span{line-height:23px} a.ft-more-links img{line-height:23px; margin:0 9px 0 0} /************************************** BLOG RSS **************************************/ div#blog_date{margin:0px; padding:0px; text-align:center; width:32px; background-color:#84827f; color:#FFF; font-size:12px; font-weight:bold; line-height:1} div#blog_date span{font-size:21px} /************************************** RIGHT NAVIGATIONS **************************************/ div#rnav-wrapper{width:198px; float:right;} div#rnav-wrapper span.lnav-title{display:block; background:url(../images/nav/lnav-title-bkg.jpg) top no-repeat; line-height:34px; height:34px; padding-left:15px; color:#FFF; font-weight:bold} /************************************** LEFT NAVIGATIONS **************************************/ div#lnav-wrapper{width:198px} div#lnav-wrapper span.lnav-title{display:block; background:url(../images/nav/lnav-title-bkg.jpg) top no-repeat; line-height:34px; height:34px; padding-left:15px; color:#FFF; font-weight:bold} div.lnav{padding:0; width:198px; margin:0; background-color:#DFDEDE} div.lnav a.lnav-single{border-top:1px solid #FFF; display:block; padding:5px 15px; font-size:14px; color:#000; text-decoration:none; font-weight:bold; background-color:#dfdede} div.lnav a.lnav-single:hover{background-color:#efefef; color:#b41e2a} div.lnav div{overflow:hidden; background-color:#DFDEDE} div.lnav div:first-child{} div.lnav div.collapsed{height:27px; background-color:#DFDEDE} div.lnav div.collapsed2{height:43px; background-color:#DFDEDE} div.lnav div.collapsed3{height:59px; background-color:#DFDEDE} div.lnav div h2{margin:0; font-size:14px; font-weight:bold; color:#000; display:block; display:block; cursor:pointer; border-top:1px solid #FFF; background-color:#efefef; background-image:url(../images/nav/lnav-on.gif); background-repeat:no-repeat; background-position:right 7px; float:right; padding-top:5px; padding-right:15px; padding-bottom:5px; padding-left:15px} div.lnav div.collapsed h2, div.lnav div.collapsed2 h2, div.lnav div.collapsed3 h2{background-image:url(../images/nav/lnav-off.gif); background-repeat:no-repeat; background-position:right 7px; background-color:#DFDEDE} div.lnav div.collapsed h3 a, div.lnav div.collapsed2 h3 a, div.lnav div.collapsed3 h3 a{background-color:#DFDEDE} div.lnav div h3 a{padding:5px 15px 5px 15px; margin:0px; font-size:14px; font-weight:bold; color:#000; display:block; display:block; cursor:pointer; border-top:1px solid #FFF; background-color:#efefef} div.lnav div h3{padding:0px; margin:0px} div.lnav div a{color:#000; display:block; padding:5px 0px 5px 30px; font-size:14px; text-decoration:none; background-color:#efefef} div.lnav div a.current{background:#efefef} div.lnav div a:hover{color:#b41e2a; background-color:#efefef} div.lnav a.lcurrent{color:#b41e2a; text-decoration:none} /************************************** PRESS RELEASE RIGHT NAV **************************************/ div#prnav-wrapper{width:198px;float:right; margin-left:20px;} div#prnav-wrapper span.prnav-title{display:block; background:url(../images/nav/prnav-title-bkg.jpg) top no-repeat; line-height:34px; height:34px; text-align:center; color:#000; font-weight:bold; font-size:15px;} div.prnav{padding:0; width:198px; margin:0; background-color:#f6f6f6} div.prnav a.prnav-single{border-top:1px solid #FFF; display:block; padding:5px 40px; font-size:14px; color:#000; text-decoration:none; font-weight:bold; background-color:#f6f6f6} div.prnav a.prnav-single:hover{background-color:#efefef; color:#b41e2a} /************************************** FOOTER **************************************/ div#footer{margin-top:10px; background-color:#efefee; padding:30px 19px 30px 20px; color:#58585a; font-size:11px} div#footer ul{list-style:none; margin:0 5px 20px 5px; padding:0} div#footer ul li{line-height:1; margin-bottom:5px} div#footer ul li a{text-decoration:none; color:#58585a} div#footer ul li a:hover{text-decoration:underline; color:#b41e2a} a.social-links{height:23px; display:block; text-decoration:none} a.social-links span{line-height:23px} a.social-links img{line-height:23px; margin:0 9px 0 0} /************************************** CLASSES **************************************/ #body-content .page-photo{float:right; padding:20px; border:1px solid #CCC; width:375px; margin-top:15px; margin-right:5px; margin-bottom:0px; margin-left:15px} #body-content .page-photo .page-photo-caption{float:right; text-align:left; margin-top:10px} #body-content .page-notes, #body-content .page-notes-2{float:right; padding:20px; border:1px solid #CCC; width:275px; margin-top:15px; margin-right:5px; margin-bottom:5px; margin-left:15px} #body-content .page-notes-2{width:auto; margin-top:10px; margin-right:25px; margin-bottom:25px; margin-left:25px} #body-content .page-notes ul{padding-left:20px; padding-top:0px; margin:0px} #body-content input, #body-content textarea, #body-content select{border:1px solid #CCC; padding:3px; margin-top:3px; margin-right:3px; margin-bottom:3px; margin-left:3px} .library_cover{border:1px solid #CCC} #sidetreecontrol{padding-bottom:20px} .thumbnail{padding:5px; border:1px solid #CCC} .form_header{background-image:url(../images/form-bg-header.png); background-color:#e6e5e5; background-repeat:no-repeat; background-position:right top; margin:0px; padding:0px; height:35px} .form_header h2{font-size:16px; color:#717171; margin:0px; padding-top:7px; padding-right:0px; padding-bottom:0px; padding-left:0px} .form_header h2 a, .form_header h2 a:hover{color:#717171; text-decoration:none} .form_table{background-image:url(../images/form-bg-footer.png); background-position:right bottom; background-repeat:no-repeat; background-color:#f6f6f6} .form_table p{margin:0px; padding-top:0px; padding-right:0px; padding-bottom:10px; padding-left:5px} .color_red{color:#89121D; font-weight:bold} /* *************************** BUTTONS! */ .sprite{background-color:transparent; background-image:url(../images/sprites.png); background-repeat:no-repeat; background-position:left top} img.download-icon{display:inline; padding-left:13px} .input-link{float:left; display:block; height:22px; background-position:0px -358px; padding-left:5px; font-size:0.75em; color:#fff; text-decoration:none; line-height:22px; overflow:hidden; margin:0px 0px} .input-link span, .input-link-activated span, .input-link-dark span{background-position:right -358px; padding:0px 10px 0px 5px; display:block; float:left; position:relative; text-transform:uppercase; color:#fff} span.img{padding-left:25px; padding-right:13px} .input-link:hover{background-position:0px -402px; color:#070707; text-decoration:none} .input-link:hover span{background-position:right -402px} a.link-button{background-position:0px -31px; height:34px; line-height:34px; margin:0px; padding-left:6px; display:block; float:left} a.link-button span{float:left; background-position:right -31px; padding:0px 25px 0px 15px; font-size:15px; font-weight:normal; font-family:MgOpen Modata,Helvetica,Geneva; letter-spacing:.3px; color:#FFF} a.link-button:hover{background-position:0px -65px; text-decoration:none} a.link-button:hover span{background-position:right -65px; color:#070707} button.link-button{background:transparent; border:none; cursor:pointer; height:40px; line-height:22px; margin-left:5px; overflow:visible; padding:0; text-align:center; white-space:nowrap; width:auto; text-transform:uppercase} button.link-button span, button.link-button em{color:#FFF; display:block; font-size:13px; font-weight:normal; font-family:MgOpen Modata,Helvetica,Geneva; letter-spacing:.3px; height:34px; line-height:34px; margin:0; font-style:normal} button.link-button span{margin-top:-2px; padding-left:5px; background-position:0px -109px} button.link-button em{padding-right:15px; padding-left:10px; background-position:right -109px} button.forums{width:100%; position:relative; left:-6px} button.link-button:hover span{background-position:0px -143px; text-decoration:none} button.link-button:hover span em{background-position:right -143px; color:#F7F7F7} button.submit-button, button.submit-button-dark{background:transparent; border:none; cursor:pointer; height:23px; line-height:22px; overflow:visible; padding:0; text-align:center; white-space:nowrap; width:auto} button.submit-button span, button.submit-button em, button.submit-button-dark span, button.submit-button-dark em{color:#FFF; display:block; font-size:0.93em; height:22px; line-height:22px; margin:0; font-style:normal; text-transform:uppercase} button.submit-button span, button.submit-button-dark span{margin-top:-2px; padding-left:5px; background-position:0px -358px} button.submit-button em, button.submit-button-dark em{padding-right:20px; padding-left:13px; background-position:right -358px} button.submit-button-dark{margin-left:5px} button.submit-button-dark span{background-position:0px -312px; padding-left:5px} button.submit-button-dark em{background-position:right -312px; padding-right:11px; position:relative; text-indent:-8px} button.submit-button:hover span{background-position:0px -402px; text-decoration:none} button.submit-button:hover span em{background-position:right -402px; color:#fff} button.submit-button-dark:hover span{background-position:0px -334px; text-decoration:none} button.submit-button-dark:hover span em{background-position:right -334px; color:#000} hr { padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; border-top-style: none; border-right-style: none; border-left-style: none; } sup { padding: 0px; margin: 0px; line-height:5px; } #mktFrmSubmit { background: Red; } /* These styles create the dropdown menus. */ #navbar { margin: 0; padding: 0; height: 1em; } #navbar li { list-style: none; z-index: 1; float: left; } #navbar li a { display: block; padding: 3px 8px; color: #fff; text-decoration: none; } #navbar li ul { display: none; width: 10em; /* Width to help Opera out */ background-color: #69f;} #navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; z-index: 1; margin: 0; padding: 0; } #navbar li:hover li, #navbar li.hover li { float: none; } #navbar li:hover li a, #navbar li.hover li a { background-color: #69f; border-bottom: 1px solid #fff; color: #000; } #navbar li li a:hover { background-color: #8db3ff; }