html {overflow-y:scroll;}
/* @group Global Style */
.hide { display: none;}
.clr { display: block; clear: both; height: 0px; overflow: hidden;}
body { margin: 0; padding: 0; color: #333; font: 69%/1.3em Arial, Helvetica, Geneva, sans-serif; background: #666 url('http://www.serena.com/images/mashups/bg.gif') repeat-x; text-align: center; }
a img { border: none;}
a:hover, a:active { color: #b31b1b;}
a.next { display: block; text-indent: -999em; background: url('http://www.serena.com/images/buttonNext.gif') no-repeat 0 bottom; line-height: 13px; width: 40px; overflow: hidden;}
a.prev { display: block; text-indent: -999em; background: url('http://www.serena.com/images/mashups/buttonPrev.gif') no-repeat 0 bottom; line-height: 13px; width: 55px; overflow: hidden;}
h1 {margin: 0px; font-size: 2em; color: #4c4c4c; padding: 7px 0px 2px 0px; line-height: 1.1;}
h2 {font-weight: 600; font-size: 1.3em; margin: 0; padding: 10px 0 2px 0; color: #e1741e; font-style: normal; line-height:normal;}
h2.gray333333 {font-weight: 600; font-size: 1.3em; margin: 0; padding: 10px 0 10px 0; color: #333; font-style: normal; line-height:normal;}
h3 {font-weight: 600; font-size: 1.3em; margin: 0; padding: 10px 0 5px 0; color: #e1741e; font-style: normal; line-height:normal;}
h3.masherTitle {color:#333; font-size: 1.2em; margin: 0; padding: 0px 0 10px 0; }
h4 {font-size: 11px; margin: 0; padding: 0; color: #666;}
h5 {font-size: 10px; text-transform: uppercase; margin: 0; padding: 0; color: #666; }
sup {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background-color: transparent; }
sup { padding-left: 1px!important; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; }
/* I use important on weigth and color becuase the pattern seems to want these attributes to be impoartant with inheritance */
.h2gray333333 {font-weight: 600!important; font-size: 1.3em; margin:0 0 0 0; padding: 10px 0 10px 0; color: #333!important; font-style: normal; line-height:normal;}
.h3 {font-weight: 600!important; font-size: 1.3em; margin:0 0 0 0; padding: 10px 0 5px 0; color:#e1741e!important; font-style: normal; line-height:normal;}
.h4 {font-size: 11px; margin: 0; padding: 0; color: #666!important;}
.h5 {font-size: 10px; text-transform: uppercase; margin: 0; padding: 0; color: #666!important; }
.size10 {font-size:10px!important; line-height:14px;}
.size11 {font-size:11px!important; line-height:15px;}
.size12 {font-size:12px!important; line-height:16px;}
.size13 {font-size:13px!important; line-height:17px;}
.size14 {font-size:14px!important; line-height:18px;}
.size15 {font-size:15px!important; line-height:19px;}
.size16 {font-size:16px!important; line-height:20px;}
.size17 {font-size:17px!important; line-height:21px;}
.size18 {font-size:18px!important; line-height:22px;}
.colorCCC {color:#CCC!important;}
.color999 {color:#999!important;}
.color666 {color:#666!important;}
.color333 {color:#333!important;}
.color000 {color:#000!important;}
.colorFFF {color:#FFF!important;}
.colorE1741E {color:#e1741e!important;}
.color009aca {color:#009aca!important;}
.bottomMargin0 {padding-bottom:0px!important;}
.bottomMargin5 {padding-bottom:5px!important;}
.bottomMargin10 {padding-bottom:10px!important;}
.bottomMargin15 {padding-bottom:15px!important;}
.bottomMargin20{padding-bottom:20px!important;}
.bottomMargin25 {padding-bottom:25px!important;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
p {margin: 0; padding: 0 0 16px 0; color: #333;}
p.size10 {font-size:10px!important; margin: 0; padding: 0 0 16px 0; line-height:14px;}
p.size11 {font-size:11px!important; margin: 0; padding: 0 0 16px 0; line-height:15px;}
p.size12 {font-size:12px!important; margin: 0; padding: 0 0 16px 0; line-height:16px;}
p.size13 {font-size:13px!important; margin: 0; padding: 0 0 16px 0; line-height:17px;}
p.size14 {font-size:14px!important; margin: 0; padding: 0 0 16px 0; line-height:18px;}
p.size15 {font-size:15px!important; margin: 0; padding: 0 0 16px 0; line-height:19px;}
p.size16 {font-size:16px!important; margin: 0; padding: 0 0 16px 0; line-height:20px;}
ul {margin-top:0px; }
ul.margin-10 {margin-top:-10px; }
ul.margin-5 {margin-top:-5px; }
ul.margin5 {margin-top:5px; }
ul.margin10 {margin-top:10px; }
ul li {}
/* @end */
/* GLOBAL HTML CONTAINERS --------------------------------------------------------------------------------------------------------------------------------------------------
NOTES:
- IE 6: I was having problems with the drop shadow on the main template level elements and keep the design consistent in all modern browsers
so if you see this the below tag, then that is removing the drop shadow treatments in IE 6. I did this outside of the IE condition
statment so I can test this in IE 6 standalone.
EXAMPLE:
* html #wrapper {padding:0 0 0 0; background:none; }
* html #inner {background:none; }
* html #footer { background: #666 url('http://www.serena.com/images/global/shadow-bottom_dark1-ie6.gif') no-repeat center top; }
- Body Copy Elements: Please try be consistent with padding & margining... we should always set bottom margins and cancle top. This
way if an element is hidden automatically the margins will remain between the very top and the very bottom elements
- Nameing Colored Elements: Started using short or long hex values to define colored elements this way we can assign classes progomatically
*/
#wrapper { width:925px; margin:0 auto; text-align: left; background: url('http://www.serena.com/images/mashups/shadow-mid_dark.gif') repeat-y center top;}
#inner { padding-left:14px; background: url('http://www.serena.com/images/mashups/shadow-top_dark.gif') no-repeat center top; padding-right:14px;}
* html #wrapper {padding:0 0 0 0; background:none; }
* html #inner {background:none; }
/*#header, #menu, #rightmenu { position: relative; z-index: 5000;} */
/* HEADER: ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#header { background:#666 url('http://www.serena.com/images/mashups/bg.gif') repeat-x top; height:104px;}
/* HEADER: LOGO --------------------------- */
#header a.serenaLogo-A,
#header a.serenaLogo-A-dark {display:block; float:left; overflow:hidden; width:185px; height:72px;}
#header a.serenaLogo-A {background:url('http://www.serena.com/images/global/serena_logo_dark.gif') no-repeat 21px 18px;}
#header a.serenaLogo-A-dark {background:url('http://www.serena.com/images/global/serena_logo_dark.gif') no-repeat 21px 18px;}
#header a.serenaLogo-A span,
#header a.serenaLogo-A-dark span {visibility:hidden;}
/* HEADER: TOP MENU: ---------------------------------------------------------------------------------------------------------------------------------------
Notes:
- LOGO: loaded as bg image for SEO - Serena Software
Span content is hidden and A tag loads image...
- SEARCH: floats right on the form element
- MENU:
- Remove relative positioning... to fix safari & KHTML problems...
- Set voice over on an IE condition statment to fix navigation problems in Opera...
- Used
*/
#menu li ul {display: none;}
#menu li.hover ul,
#menu li:hover ul,
#menu li:active ul {display: block;}
#menu li a {cursor: pointer;}
/* MENU Layout ----------------------------*/
#menu, #menu ul {clear:both; list-style:none; display:block; padding:0; margin:0; }
#menu li {list-style: none; display: block; float: left; position: relative; }
#menu li a {display: block; }
#menu ul {width: 195px; overflow: hidden; position: absolute; top: 32px; left: -1px;} /* FOR IE 7: top postion & see global-ie.css*/
#menu ul li {float: none;}
#menu ul li a {width: 195px;}
/*
MENU UL TAG -------------------------------
Notes: Menu Button is using a image sprite... Depending on the state of the image it sets
a different background location to show the change in state float:left; -webkit-user-select:ignore; */
/*
#menu { height:34px; line-height:34px; width:100%;
padding-left:7px; font-size: 11px; font-weight: bold; border-left: 1px solid #000000; border-right: none; border-bottom: none; padding-top:1px;
background:URL(http://www.serena.com/images/global/red-bar-darkb-v2.gif) no-repeat left top; }
margin-top: 1px;*/
#menu { float:left; line-height:32px; width:100%;
padding-left:7px; font-size: 11px; font-weight: bold; border-left: 1px solid #000000; border-right: none; border-bottom: none; padding-top:1px;
background:URL(http://www.serena.com/images/global/red-bar-darkb-v2.gif) no-repeat left top; }
* html #menu li { display: inline;}
#menu li a { padding-left: 7px; padding-right: 13px; color: #FFFFFF; text-decoration: none;
background: url(http://www.serena.com/images/global/menuitem-bg-2.gif) repeat-x center top; }
#menu li.end { float:right; margin-right:14px; }
#menu li.end a.onDemand { margin-top: 1px; padding-left: 7px; padding-right: 13px; color: #FFFFFF; text-decoration: none;
background: url(http://www.serena.com/images/global/menuitem-bg-onDemand.gif) repeat-x center top;}
#menu li a.nomenu { background-color: transparent !important; color: #FFFFFF;}
#menu li a:hover,
#menu li:hover a,
#menu li.end a:hover,
#menu li.end:hover a,
#menu li.active:hover,
#menu li:hover a.active,
#menu li.hover a { background-color: #FFF; background-position: left top; color: #b31b1b; }
/**/
#menu li.on a { background-position: right bottom; background-color: transparent; color: #000000; }
#menu li.on ul li a,
#menu li.end ul li a {color:#b31b1b; } /*Steve G: added selector border:1px solid red; */
#menu li a.nomenu:hover,
#menu li:hover a.nomenu,
#menu li.hover a.nomenu,
#menu li.end a.onDemand:hover,
#menu li.end:hover a.onDemand,
#menu li.end:hover a { background-position: left top;}
#menu li a.nomenu:active,
#menu li:active a.nomenu,
#menu li.active a.nomenu { background-position: right top; }
#menu li.end a.onDemand:active,
#menu li.end:active a.onDemand { background-position: right top;}
#menu li a.active,
#menu li a:active { background-position: right top; background-color: transparent!important; color: #fff; }
#menu li.end a.active,
#menu li.end a:active { background-position: right top; background-color: transparent!important; color: #fff;}
#menu li ul { background: #FFF; line-height: 1.9em; border: 1px solid #CCC; border-top: none; padding: 7px 0;
font-weight: normal; font-style: normal; }
#menu li ul li { white-space: nowrap; color: #000; line-height:20px!important;}
#menu li ul li.hr { display: block; border-top: 1px solid #CCC; _border:1px solid #fff; }
#menu li ul li.zero { line-height: 0px; padding: 0; height: 0px; overflow: hidden; margin: 0.2em 0;}
#menu li ul li a { background: none; color: #666;}
#menu li ul li a:hover,
#menu li.end ul li a:hover { background: #D5EAF1;}
#menu li ul li span { display: block; padding-left:7px; _padding-left:6px; }
#menu li#menu1-solutions li {width:300px;}
#menu li#menu1-solutions ul li a {width:300px;}
/* @end */
/* CONTENT: TOP MENU: --------------------------------------------------------------------------------------------------------------------------------------- */
#content {border: 1px solid #000000; border-bottom: none; border-top: none; padding:30px 0; }
#content:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;}
#content {zoom: 1;}
#content div.colDividers:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;}
#content div.colDividers {zoom: 1;}
#temp-homepage #content {background: url('http://www.serena.com/images/mashups/content-bg_dark.gif') repeat-x; padding:0!important;}
.content-000 {background:#000;}
.content-fff {background:#fff;}
/* Template Configurations -------------- */
/* Thinking out loud: Should these be ID? or Class? May need to revise... */
/* Notes:
Naming Convention: [tempString][columns][option][position]
- temp-2-2-r - 2 column right, option 2: has right column of 300px...
- temp-3-0 - Default 3 column
*/
#content div.col1,
#content div.col2,
#content div.col3 {float:left; padding-left:20px; padding-right:20px;}
#content div.col1 {float:left; padding-left:20px; padding-right:20px;}
#content div.col2 {float:left; padding-left:20px; padding-right:20px;}
body#temp-0 div#content div.col1 {padding-left:20px; padding-right:20px; width:855px; }
body#temp-0 div#content div.col3 {border-top:1px solid #b3b3b3; clear:both; padding-top:20px; }
body#temp-2-1-r div#content div.col1 {width:645px; padding-left:20px; padding-right:20px; }
body#temp-2-1-r div#content div.col2 { width:123px; padding-left:20px; padding-right:20px;}
body#temp-2-1-r div#content div.col3 { width:123px;; padding-left:20px; padding-right:20px; }
body#temp-2-1-r div#content div.colDividers { background:#fff url('http://www.serena.com/images/mashups/temp-2-1-r.gif') repeat-y;}
body#temp-2-2-r div#content div.col1 {width:486px; padding-left:20px; padding-right:20px;}
body#temp-2-2-r div#content div.col2 {width:300px; padding-left:20px; padding-right:20px;}
body#temp-2-1-l div#content div.col1 {width:123px; padding-left:20px; padding-right:20px; }
body#temp-2-1-l div#content div.col2 {width:645px; padding-left:20px; padding-right:20px;}
body#temp-2-1-l div#content div.colDividers { background:#fff url('/images/mashups/temp-2-1-l.gif') repeat-y;}
body#temp-2-2-l div#content div.col1 {width:358px; padding-left:20px; padding-right:20px; }
body#temp-2-2-l div#content div.col2 {width:400px; padding-left:20px; padding-right:20px;}
body#temp-2-2-l div#content div.colDividers { background:#fff url('http://www.serena.com/images/mashups/divider-temp-2-3-l.gif') repeat-y;}
body#temp-3-0 div#content div.colDividers { background:#fff url('/images/mashups/temp-3-0.gif') repeat-y;}
body#temp-3-0 div#content div.colDividers div.col1 {width:123px; padding-left:20px; padding-right:20px;}
body#temp-3-0 div#content div.colDividers div.col2 {width:482px; padding-left:20px; padding-right:20px;}
body#temp-3-0 div#content div.colDividers div.col3 { width:169px; padding-left:20px; padding-right:0px; padding-top:10px;}
body#temp-3-0 div#content div.colDividers div.col2 div.colDividers div.col1 {}
body#temp-3-0 div#content div.colDividers div.col2 div.colDividers div.col2 {}
#breadcrumb {padding:0 0 10px 0; }
#breadcrumb ul {list-style:none; margin:0; padding:0;}
#breadcrumb ul:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;}
#breadcrumb ul {zoom: 1;}
#breadcrumb ul li { float:left; }
#breadcrumb ul li a { color:#999; }
#breadcrumb ul li a:hover { color:#009ac8; }
#breadcrumb ul li.end a { color:#333; }
.content-000 #breadcrumb ul li.end a { color:#ccc; }
#breadcrumb ul li.divider {margin:0 8px 0 8px; padding:0; color:#999;}
div.col1 ul#sidebar {padding: 0px 0 10px 0; list-style-type: none; margin:0;}
div.col1 ul#sidebar a:link,
div.col1 ul#sidebar a:visited {color: #666; display: block; font-size: 1.1em; padding: 0.5em 0; }
div.col1 ul#sidebar a:hover,
div.col1 ul#sidebar a:active {text-decoration: underline;}
div.col1 ul#sidebar a.on {font-weight: bold; color: #000!important;}
div.col1 ul#sidebar li.h1 {color: #e1741e; font-size: 1.3em; line-height: 1.4; font-weight:700; padding-top:8px;}
div.col1 ul.menu2 {padding:0px 0 10px 0; list-style-type:none; margin:0;}
div.col1 ul.menu2 a:link,
div.col1 ul.menu2 a:visited {color:#333; display:block; font-size:1.1em; padding:0.5em 0; }
div.col1 ul.menu2 a:hover,
div.col1 ul.menu2 a:active {text-decoration:underline;}
div.col1 ul.menu2 li {font-size:10px!important;}
div.col1 ul.menu2 li.active a {color:#333; font-weight:700;}
div.col1 ul.menu2 li.inactive a {color:#333; font-weight:normal;}
div.col1 ul.menu2 ul {list-style:none; margin:0; padding:0 0 10px 8px; }
div.col1 ul.menu2 li ul li {font-size:10px; }
div.col1 ul.menu2 li ul li a {padding:3px 0 3px 0!important; margin:0!important;}
/* HOME PAGE SELECTORS -------------- */
#homeflash { width:897px; height:275px; overflow:hidden;}
* html #homeflash { width:894px; height:270px; overflow:hidden; }
div.flash {}
#banner {background: url('http://www.serena.com/images/mashups/serena_business_mashups_top.gif') no-repeat; clear: both; height: 35px; text-indent: -999em; }
#content #hp { background:url('http://www.serena.com/images/mashups/hp-columns.gif') repeat-y; }
#content #hp:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;}
#content #hp {zoom: 1;}
#content #hp div.col1,
#content #hp div.col2,
#content #hp div.col3 {float:left;}
#content #hp div.col1 {width:243px; padding:0 21px 0 21px; }
#content #hp div.col2 {width:278px; padding:0 21px 0 21px;}
#content #hp div.col3 {width:240px; padding:0 21px 0 21px; }
#content #hp h3 {color:#d48831; font-size:2.5em; font-weight:normal; font-family:Trebuchet MS; padding:0 0 16px 0!important; margin:0 0 0 0!important; line-height:normal;}
#content #hp ul { list-style:none; margin:0; padding:0; }
#content #hp div.col2 ul li {padding-bottom:12px;}
#content div.news {text-align: center; padding-top: 2em; margin: 14px; margin-bottom: 0; background: url(http://www.serena.com/images/mashups/hr_dark.gif) repeat-x; }
#content div.news a {color:#999; }
#content div.news a:hover {text-decoration:underline;}
/* BOXES
/* Cast Box ----------------------
.cast b {color: #e1741e;}
.cast img {cursor: pointer;} width: 429px; background: url(http://www.serena.com/images/mashups/tips-block-top.gif) no-repeat 0 top; background: url(http://www.serena.com/images/mashups/tips-block-bottom.gif) no-repeat; */
#content div.cast {margin-bottom: 25px; padding:20px 0 20px 0; }
#content div.cast div.col1 {width:160px; float:left;}
#content div.cast div.col2 {border-left: 1px dotted #769091; float:right;}
#content div.cast strong {font-size: 14px;}
div.cast ul {margin: 0; padding: 0; line-height: 1.5;}
div.cast li {margin-left: 3em; padding-bottom: 0.5em;}
div.cast .button {display: block; width: 97px; height: 22px; background: url('http://www.serena.com/images/mashups/button-view-demo.gif') no-repeat; text-indent: -999em;
overflow: hidden; left: 232px; bottom: 17px;}
p.cast {width: 430px;}
p.cast img {float: left; margin-right: 14px;}
p.cast a {white-space: nowrap;}
/* Liquid Box Light Gray */
#content div.box-lightGray {background:#D9D7D8 url('http://www.serena.com/images/boxElements/lightGray-gradiant.gif') repeat-x; padding:0 0 0 0; margin:0 0 5px 0;}
#content div.box-lightGray div.boxMain {margin:0px auto; background:url('http://www.serena.com/images/boxElements/lightGray-leftside.gif') repeat-y left top;}
#content div.box-lightGray div.top {width:100%; height:20px; background:url('http://www.serena.com/images/boxElements/lightGray-top.gif') no-repeat left top;}
#content div.box-lightGray div.top span {display:block; height:20px; background:url('http://www.serena.com/images/boxElements/lightGray-top-right.gif') no-repeat right top;}
#content div.box-lightGray div.center-content {background:url('http://www.serena.com/images/boxElements/lightGray-rightside.gif') repeat-y right top; padding:1px 20px 1px 25px;}
#content div.box-lightGray div.center-content h2 {margin:0; padding:0 0 10px 0;}
#content div.box-lightGray div.bottom {width:100%; height:20px; background:url('http://www.serena.com/images/boxElements/lightGray-bottom.gif') no-repeat left bottom;}
#content div.box-lightGray div.bottom span {display:block; height:20px; background:url('http://www.serena.com/images/boxElements/lightGray-bottom-right.gif') no-repeat right top;}
#content div.box-lightGray div.center-content,
#content div.box-lightGray div.center-content p,
#content div.box-lightGray div.center-content strong {color:#333333;}
#content div.box-lightGray .center { text-align:center;}
#content div.box-lightGray div.center-content:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;}
#content div.box-lightGray div.center-content {zoom: 1;}
#content div.box-lightGray div.center-content .boxCol2 {float:right; width:200px; padding-bottom:5px; margin-right:5px; padding-right:30px; padding-top:31px;}
#content div.box-lightGray div.center-content .boxCol1 {float:left; width:161px; padding-right:30px;}
#content div.box-lightGray div.center-content .boxCol2 ul,
#content div.box-lightGray div.center-content .boxCol1 ul { padding-left:0px; margin-left:16px; }
/**/
#content div.box-lightGray div.center-content .boxCol2 ul,
#content div.box-lightGray div.center-content .boxCol1 ul { }
/*Varitations based on template */
body#temp-3-0 div#content div.col3 div.box-lightGray div.center-content p {padding-bottom:0px; }
body#temp-0 div#content div.col3 div.box-lightGray {width:220px; float:left; }
#content dl { margin-top: 2em;}
#content dt { background-image: url(http://www.serena.com/images/mashups/sub-block-top_lite.png); text-transform: uppercase;}
#content dd { color: #ccc; background-image: url(http://www.serena.com/images/mashups/sub-block-bottom_lite.png); line-height: 1.5; padding:0 0 15px 0; margin:0 0 15px 0;}
#content dd p {color: #ccc; }
#content dd h5 { text-transform: none; font-size: 1.1em; color: #ccc; margin-left: 2em; margin-bottom: 0.5em; margin-right: 2em; padding:10px 0 10px 0;}
#content dd ul { font-weight: normal; font-style: normal; padding-left: 1.5em; margin-right: 2em; margin-left: 2em; padding-bottom: 1em; margin-bottom: 0;}
/* BUTTONS -------------- */
div.videoLeft {float:left; padding-right:30px;}
div.videoLeftContent {float:left; width:390px;}
/* BUTTONS -------------- */
ul.button-list {margin:0; padding:0; list-style:none;}
ul.button-list li {margin:0; padding:0 0 10px 0; list-style:none;}
a.button-000 {color: #ccc !important; display: block; height: 25px; line-height: 25px; text-indent: 12px;
background: url('http://www.serena.com/images/mashups/home-button.gif') no-repeat; margin: 0 auto; margin-bottom: 12px; width: 186px; font-weight: bold;}
a.button-000:hover {background-position: bottom left;}
a.button-red {display: block; background: url('http://www.serena.com/images/mashups/button-red-home.gif') no-repeat center center; font-size: 12px;
text-align: left; color: #fff !important; height: 31px; line-height: 31px; margin-bottom: 1px; padding-left: 40px;}
a.button-red:hover {opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
a.button-new {display: block; background: url('http://www.serena.com/images/mashups/button-red-home-new-large.gif') no-repeat center center; font-size: 12px;
text-align: center; color: #fff !important; height: 36px; line-height: 36px; margin-bottom: 1px;}
a.button-new:hover {opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
/* UL -------------- */
ul#prebuilt li,
ul#events li,
ul#eLearning li { font-size:1.1em; line-height:1.3em; }
ul#events li {padding-bottom:5px;}
div.pressContact { } /*background:url(/images/template/divider-horizontal.gif) repeat-x; */
div.pressContact h3 {}
div.pressContact ul {margin:0!important; padding:0!important; list-style:none;}
div.pressContact ul li {float:left;}
div.pressContact ul li,
div.pressContact ul.col2 li {width:49%;}
div.pressContact ul.col3 li {width:33%;}
ul.datasheets {margin-bottom:20px; clear:both; list-style:none; margin:0 0 20px 0; padding:0; border-bottom:1px solid #c6c6c6; }
ul.datasheets li {padding:15px 10px 15px 10px; line-height:16px;}
ul.datasheets li.row0 {background:#efefef!important; border-top:1px solid #c6c6c6; border-bottom:1px solid #fff;}
ul.datasheets li.row1 {background:#FFF !important; border-top:1px solid #c6c6c6; border-bottom:1px solid #fff;}
ul.datasheets li h3 {font-size:15px; font-weight:600; color:#e1741e; margin:0; padding:0;}
ul.datasheets li a.linkHeadline {display:block; font-size:13px; }
* ul.datasheets li a.linkHeadline {font-weight:bold;}
ul.whitepapers {margin-bottom:20px; clear:both; list-style:none; margin:0 0 20px 0; padding:0; border-bottom:1px solid #c6c6c6; }
ul.whitepapers li {padding:15px 10px 15px 10px; line-height:16px;}
ul.whitepapers li.row0 {background:#efefef!important; border-top:1px solid #c6c6c6; border-bottom:1px solid #fff;}
ul.whitepapers li.row1 {background:#FFF !important; border-top:1px solid #c6c6c6; border-bottom:1px solid #fff;}
ul.whitepapers li h3 {font-size:15px; font-weight:600; color:#e1741e; margin:0; padding:0;}
ul.whitepapers li a.linkHeadline {display:block; font-size:13px; }
* ul.whitepapers li a.linkHeadline {font-weight:bold;}
/* TABLE -------------- */
table.datasheets {margin-bottom:20px; clear:both; border-collapse:collapse;}
table.datasheets tr.row0 {background:#efefef!important; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;}
table.datasheets tr.row1 {background:#FFF !important; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;}
table.datasheets tr td {padding-top:10px!important; padding-bottom:10px!important;}
table.datasheets tr td.icon {padding-right:20px; padding-left:5px;}
table.datasheets tr td a.linkHeadline {}
table.whitepapers {margin-bottom:20px; clear:both; border-collapse:collapse;}
table.whitepapers tr.row0 {background:#efefef!important; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;}
table.whitepapers tr.row1 {background:#FFF !important; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;}
table.whitepapers tr td {padding-top:10px!important; padding-bottom:10px!important;}
table.whitepapers tr td.icon {padding-right:20px; padding-left:5px;}
table.whitepapers tr td a.linkHeadline {}
/* WIDGETS ------------------------------------------------------------------------------------------------------------------------------ */
div.accordionMain div.accordionHeader { cursor:pointer; background:#efefef url('/images/backgrounds/gray-gradiant-glassy.gif') repeat-x; color:#333; font-size:13px; padding:5px 10px 5px 10px; clear:both;}
div.accordionMain div.accordionHeader:hover {color:#000;}
div.accordionMain a.headline {color:#333!important; text-decoration:none; font-weight:600;}
div.accordionMain div.accordionBody { margin:0;}
div.accordionMain div.accordionBody div {padding:10px 10px 20px 10px;}
div.accordionMain div.accordionBody table {margin-top:10px; }
div.accordionMain div.accordionBody table tr td {padding:0px 0px 18px 0px;}
div.accordionMain div.accordionBody table tr {border:1px solid red;}
div.accordionMain div.accordionBody table tr td a.demo {font-size:11px;}
div.accordionMain div.accordionBody table tr td.thumb { padding-right:20px; text-align:center;}
div.accordionMain div.accordionBody table tr td p {line-height:16px; font-size:12px; padding-bottom:0px!important; }
div.accordionMain div.accordionBody table tr td.thumb img {border:1px solid #274f70; padding-bottom:0; margin-bottom:0; }
div.accordionMain div.accordionBody table tr td.thumb a {margin-top:0; padding-top:3px; }
table.prebuilt,
div.accordionMain div.accordionBody table.prebuilt {padding:0!important; margin:0!important;}
table.prebuilt tr td {padding:10px!important;}
table.prebuilt tr td a.headline {color:#333!important; font-weight:700!important; font-size:12px!important;}
table.prebuilt tr td a.headline:hover {color:#333!important; font-weight:700!important; text-decoration:underline!important;}
table.prebuilt tr td a.calltoaction {font-size:11px!important;}
/*LOG IN */
/* SPECIALTY ------------ */
div.soldornot { margin-top: 1em; margin-bottom: 1em; padding:16px 0 0 0;}
div.soldornot p { color: #999999;}
div.soldornot p a { font-size: 2em; line-height: 1; font-weight: bold;}
div.soldornot p.sold a:link, div.soldornot p.sold a:visited {color: #e1741e;}
div.soldornot p.sold a:hover, div.soldornot p.sold a:active {color: #b31b1b;}
div.soldornot p a:hover, div.soldornot p a:active {text-decoration: underline;}
div.soldornot p.sold { float: left; width: 220px; padding-left:20px;}
div.soldornot p.not { padding-left:40px;}
a.orange-glossy-62-15 { background:url('/images/buttons/btn-bg-orange-glossy-62-15.gif') no-repeat center; line-height:15px;
color:#632402; text-transform:uppercase; font-size:9px; display:block; width:62px; text-align:center; }
a.orange-glossy-74-18 { background:url('/images/buttons/btn-bg-orange-glossy-74-18.gif') no-repeat center; line-height:18px; padding-top:1px;
color:#632402; text-transform:uppercase; font-size:9px; display:block; width:74px; text-align:center; font-weight:700;}
a.orange-glossy-99-24 { background:url('/images/buttons/btn-bg-orange-glossy-99-24.gif') no-repeat center; line-height:25px;
color:#632402; text-transform:uppercase; font-size:10px; display:block; width:99px; text-align:center;}
.featured-large {padding-bottom:10px; padding-top:10px; }
.featured-large a.headline {color:#333;}
.featured-large a.headline:hover {text-decoration:underline;}
.featured-large h2 {font-size:14px; }
.featured-large {font-size:14px; }
.featured-large div.content-right {float:left; width:300px; padding-left:20px;padding-top:15px;}
.featured-large div.content-left {float:left; width:300px; padding-right:20px; padding-top:15px;}
.featured-large div.image-left {float:left; padding-right:20px; padding-left:20px;}
.featured-large div.image-right {float:left; padding-right:20px; padding-left:20px;}
.featured-large p {font-size:12px; line-height:18px;}
#mashup_ad {display: block; text-indent: -999em; overflow: hidden; background: url(http://www.serena.com/images/mashups/banner_try-mashup-composer.png) no-repeat;
width: 169px; height: 135px;}
* html #mashup_ad {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/banner_try-mashup-composer.png', sizingMethod='image');
cursor: pointer;
}
div.col2 h3.demos {padding-bottom:10px;}
#footer { background: #666 url('http://www.serena.com/images/mashups/shadow-bottom_dark1.gif') no-repeat center top; padding-top: 17px; height: 30px;}
/* @end */
* html #footer { background: #666 url('http://www.serena.com/images/global/shadow-bottom_dark1-ie6.gif') no-repeat center top; }
/* @group Header */
#logo { display: block; float: left; width: 199px; height: 59px; background: url('http://www.serena.com/images/mashups/serena_logo_dark2.gif') no-repeat center 19px; text-indent: -999em; overflow: hidden;}
.search { float: right; white-space: nowrap; padding-top: 24px; padding-right: 20px;}
.search input { padding: 2px 0 0 0; margin: 0; //display: block; float: left; height: 17px; line-height: 17px; border: 1px solid #a5acb2; margin-right: -1px; text-indent: 0.5em;
color: #666666; font-size: 10px; text-align: left; vertical-align: top; background: #fff;}
#submenu { padding-top: 24px; padding-right: 54px; float: right; font-size: 10px; line-height: 18px; color: #60604b; position: relative; z-index: 2000;}
#submenu a:link,
#submenu a:visited,
#submenu a:hover,
#submenu a:active,
#submenu a,
a.ui:link,
a.ui:visited,
a.ui:hover,
a.ui:active,
a.ui { background: url(http://www.serena.com/images/mashups/dwn-arrow.gif) no-repeat right center; text-decoration: none; color: #999;
padding: 10px; margin-right: 9px;}
a.ui:hover,
a.ui:active,
a.ui { padding-left: 0 !important;}
#submenu a:active { text-decoration: underline;}
#submenu.popup div:hover,
#submenu.popup { display: block !important;}
#submenu div {background: #FFF; border: 1px solid #666; padding: 10px 20px;}
#submenu div a:link, #submenu div a:visited { color: #009ac8; background: none;}
#submenu div a:hover, #submenu div a:active { color: #b31b1b;}
/* Support and Welcome*/
#submenu form { color: #333; font-weight: bold; margin: 0; padding: 0;}
#submenu form input { font-size: 1.1em; border: 1px solid #808072; color: #808072; display: inline; padding-left: 0.5em;
padding-right: 0.5em; margin: 0; height: 1.3em; line-height: 1.3em; margin-right: 0.25em;}
#submenu form input.submit { margin: 0.5em 0; height: 1.8em; color: #60604b; background-color: #ece9d8; border-right-color: #666;
border-bottom-color: #666; }
#submenu form input.submit:active { margin-top: 0.6em; margin-bottom: 0.4em; background-color: #808072; color: #ece9d8;}
/* Country */
#submenu #popup { margin-left: 10px;}
#submenu div ul { list-style: none; margin: 0; padding: 0; float: left;}
#submenu div ul.col1 { width: 75px;}
#submenu div ul li a { white-space: nowrap; padding: 0 !important;}
#submenu div p { font-weight: bold; padding: 0; margin: 0; color: #333;}
#submenu div p a { padding: 0 !important;}
/* @end */
/* @group Footer */
#footer { color: #999; font-size: 11px; padding: 17px 21px 25px 15px;}
#footer a:link, #footer a:visited { color: #999;}
#footer a:hover, #footer a:active { text-decoration: underline;}
#footer ul {list-style: none; float: left; margin: 0; padding: 0;}
#footer li { display: inline; border-left: 1px solid #999;}
#footer li.first { border: none;}
#footer li a { padding: 10px;}
#footer p.copyright { float: right; margin: 0; color: #999;}
/* @end */
/* @group Marketbright */
/* *** PAGE SPECIFIC *** */
/* Left Nav */
.left_nav { float: left; padding: 32px 0px 32px 10px; margin-top: 25px;}
/* Parent */
div.left_nav ul { width: 124px;
margin: 0;
padding: 5px 0 0 0;
border-top: 1px dashed #cccccc;
}
div.left_nav ul li {list-style: none; padding: 5px 0 5px 0;}
div.left_nav ul li.open a,
div.left_nav ul li a { color: #666; text-decoration: none;}
div.left_nav ul li.open a:hover,
div.left_nav ul li a:hover {color: #009AC8;}
div.left_nav ul li.open {}
/*if open and want arrow -- background: url("http://www.serena.com/images/template/nav2Arrow.gif") no-repeat */
div.left_nav ul li.on a { color: #000;}
/* Child */
div.left_nav ul li ul {width: 124px; margin: 5px 0; padding: 0; border-top: 0 none; display: block;}
div.left_nav ul li ul li { list-style: none; padding: 0; padding: 5px 0 5px 10px;}
/* Breadcrumb */
div.breadcrumb {float: left; padding: 3px 0 10px 0; white-space: nowrap;}
div.breadcrumb a { color: #999999; text-decoration: none;}
div.breadcrumb a:hover { color: #009ac8;}
div.breadcrumb ul { margin: 0px; padding: 0;}
div.breadcrumb ul li { float: left; list-style: none; margin: 0; padding: 0;}
div.breadcrumb ul li.divider {margin: 0 8px 0 8px; padding: 0; color: #999;}
/* Utilities --------------------- */
div.utilities {
float: right;
padding: 0px 5px 0 0;
white-space: nowrap;
}
div.utilities ul {
margin: 0;
padding: 0;
}
div.utilities ul li {
float: left;
list-style: none;
margin: 2px 0 0 5px;
}
/* Needed to set as block element for IE 5.0 */
div.utilities a {
color: #999999;
text-decoration: none;
padding: 0 10px 0 18px;
display: block;
}
div.utilities a:hover {
color: #009ac8;
}
div.utilities li.print a {
background: url("http://www.serena.com/images/template/iconPrint.gif") no-repeat left;
color: #999999;
}
div.utilities li.share a {
background: url("http://www.serena.com/images/template/iconShare.gif") no-repeat left;
color: #999999;
}
div#body {
clear: both;
padding: 0px 10px 0 0;
width: 100%
}
.content_border {width: 160px; padding: 10px 0 10px 0; background: url(http://www.serena.com/images/template/border.gif) repeat-x bottom;}
.ToolsCell {
padding-top: 10px
}
.LeftNavCell {
vertical-align: top;
width: 100px;
padding-right: 15px;
padding-top: 11px;
padding-left: 2px
}
.RightChannelCell {
width: 170px;
padding: 0 15px 0 10px;
border-left: 1px solid #CCCCCC;
}
/* Eliminate cascade of text-align-center to center page in IE6/HTML 4.01 */
div {
text-align: left;
}
/* IE 5.5 and lower sets a defualt font size */
table {
font-size: 11px;
}
/* zeros out margins on the ASP.NET Form Tag (oprea applies a defualt margin on form tags wich was cuasing a white space gap on the top of the page) */
form {
margin: 0px;
}
img {
border: 0;
}
a {
color: #009AC8;
text-decoration: none;
}
a:hover {
color: #B31B34;
}
span.required {
color: #d81f2a;
}
td {
vertical-align: top;
}
/* background:#fff url("http://www.serena.com/images/template/border.gif") repeat-x top center; */
div.callToAction {
background: #fff url("http://www.serena.com/images/template/border.gif") repeat-x top center;
padding: 11px 0 0px 0px;
}
.left {
float: left;
}
.right {
float: right;
}
.buttonName {
float: left;
}
textarea,
input {
font-family: arial, sans-serif;
font-size: 11px;
color: #4c4c4c;
}
div.simple {
margin: 0;
padding: 0 0 5px 0
}
div.simple p img {
padding: 15px 0 15px 0;
}
div.simple p img.border {
padding: 15px 0 15px 0;
border: 1px solid #ccc;
}
td.column1 h3,
div.simple h3 {
padding-bottom: 10px
}
div.simple ul {
margin-top: 0px
}
div.simple ul li {
list-style: url("http://www.serena.com/images/template/normal-bullet.gif")
}
/* New Tab Content Styles */
#rightMargin {
/*width:auto;*/
}
.shadetabs {
margin: 0;
margin-left: 0;
margin-top: 1px;
/*margin-bottom: 1px;*/
text-decoration: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
/*background-image: url("http://www.serena.com/images/template/tabs/bg.gif") repeat-x;*/
/*display: inline;*/
white-space: nowrap;
vertical-align: middle;
color: #4c4c4c;
width: 100%;
}
.shadetabs .last {
width: 99%;
}
.shadetabs td {
background: url(http://www.serena.com/images/template/tabs/tab_bg.gif) top left;
vertical-align: middle;
color: #4c4c4c;
border-bottom: 1px solid #AAAAAA;
}
.shadetabs .Link, .shadetabs .Link_selected {
padding-left: 7px;
padding-right: 7px;
vertical-align: middle;
color: #4c4c4c;
}
.shadetabs td a {
text-decoration: none;
margin-bottom: 0px;
white-space: nowrap;
color: #4c4c4c;
}
.shadetabs td.margin {
background: url() top left repeat-x;
height: 22px;
border-bottom: 1px solid #AAAAAA;
padding-bottom: 0px;
color: #4c4c4c;
}
.shadetabs td a:visited {
text-decoration: none;
color: #4c4c4c;
}
/*.shadetabs td a:hover {
border-bottom: 1px solid #d5ecf4;
background-color: #d5ecf4;
color: #373737;
}
*/
.shadetabs td.Link_selected {
background: url(http://www.serena.com/images/template/tabs/selected_tab_bg.gif) top left repeat-x;
cursor: pointer;
color: #000000;
font-weight: bolder;
}
.shadetabs td.Link_selected,
.shadetabs td.leftEdge_selected,
.shadetabs td.rightEdge_selected {
border-bottom: 1px solid #d5ecf4;
}
.shadetabs td.Link:hover {
background: url(http://www.serena.com/images/template/tabs/selected_tab_bg.gif) top left repeat-x;
}
.shadetabs .selected a {/*selected main tab style */
text-decoration: none;
color: #000000;
}
.shadetabs td.selected a:hover {/*selected main tab style */
text-decoration: none;
color: #4c4c4c;
}
td.leftEdge {
background: url(http://www.serena.com/images/template/tabs/tab_left_icon.gif);
width: 3px;
}
td.rightEdge {
background: url(http://www.serena.com/images/template/tabs/tab_right_icon.gif);
width: 3px;
}
td.leftEdge_selected {
background: url(http://www.serena.com/images/template/tabs/selected_tab_left_icon.gif);
width: 3px;
}
td.rightEdge_selected {
background: url(http://www.serena.com/images/template/tabs/selected_tab_right_icon.gif);
width: 3px;
}
/*style of tab content oontainer*/
.tabcontentstyle {
margin-left: 6px;
vertical-align: top;
margin: 0px;
background-color: #d5ecf4;
width: auto;
margin-bottom: 1em;
padding: 10px;
padding-top: 5px;
}
.tabcontent {
display: none;
}
.tabcontentstyle2 {
margin-left: 6px;
vertical-align: top;
margin: 0px;
background-color: #ffffff;
width: auto;
margin-bottom: 1em;
padding: 10px;
padding-top: 5px;
}
.tabcontent2 {
display: none;
background-color: #ffffff
}
@media print {
.tabcontent {
display: block !important;
}
}
/* Table for "Challenge" & "Solution" region under tabbed region */
#body table.compareTable {
border: 0 none;
border-collapse: collapse;
margin: 0 0 15px 0;
}
#body table.compareTable tr th {
padding: 0 30px 8px 0;
text-align: left;
font-size: 14px;
font-weight: 500;
color: #F18B1D;
}
#body table.compareTable tr th a {
color: #F18B1D;
}
#body table.compareTable tr th a:hover {
color: #F18B1D;
}
#body table.compareTable tr th a:visited {
color: #F18B1D;
}
#body table.compareTable tr td {
padding: 8px 30px 8px 0;
background: url("http://www.serena.com/images/template/ctrlPipe.gif") repeat-x;
}
#body table.compareTable tr td.nodivider {
padding-top: 0;
background-image: none;
}
#body table.compareTable p {
padding-top: 0!important;
padding-bottom: 0!important;
margin-top: 0!important;
margin-bottom: 0!important;
}
/* Learn More */
div.learnMore, div.eval {
padding: 8px 0 15px 0;
}
div.learnMore {
background: url("http://www.serena.com/images/template/border.gif") repeat-x bottom;
}
div.learnMore h3, div.eval h3 {
padding: 0 0 5px 0;
}
div.learnMore h4, div.eval h4 {
padding: 0;
}
div.learnMore p, div.eval p {
padding: 0 0 6px 0;
}
/* Promo -- background:url("http://www.serena.com/images/template/border.gif") repeat-x bottom;*/
div.promoRegion {
width: 160px;
padding: 10px 0 10px 0;
}
.bodyProduct div.promoRegion {
width: 160px;
background: url("http://www.serena.com/images/template/border.gif") repeat-x top;
padding: 12px 0 10px 0;
}
.bodyProductIndex div.promoRegion {
padding: 11px 0 10px 0;
}
div.BuyBox { width: 245px; height:102px; background:url("/images/mashups/smb-right-box.gif"); background-repeat:no-repeat; background-position:bottom; margin-bottom: 10px;}
a.BuyBox-red {display: block; background: url('/images/mashups/smb-right-inner-box.gif') no-repeat center center; font-size: 12px;
text-align: center; color: #fff !important; height: 40px; line-height: 40px; margin-bottom: 1px; }
a.BuyBox-red:hover {opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
div.BuyBox-BottomText { color: #fff;font-size:12px; text-align: center;}
/* Body Main Template ------------------------------------------------------------- */
/* bodyLayout2_0 = 2 columns (main content & right bar) */
.bodyLayout2 {
border-collapse: collapse;
}
.bodyLayout2 tr td.column1 {
width: 569px;
vertical-align: top;
border: 0px none red;
}
.bodyLayout2 tr td.column1 h1 {
line-height: 28px;
}
.bodyLayout2 tr td.column2 {
width: 170px !important;
border-left: 1px solid #ccc;
padding: 0 0px 0 10px;
vertical-align: top;
}
/* New stuff from Seb */
.layout-table {
margin: 6px 0 0 13px;
width: 864px;
border-collapse: collapse;
}
.layout-table .ToolsCell {
padding-left: 14px;
}
.layout-table #body {
padding: 0 15px 0 12px;
width: auto;
}
.layout-table h1 {
line-height: normal;
}
#ctl00_PrimaryBody_bodyColumn1 {
padding-right: 15px
}
/* From screen2.css */
div.bodyLanding {
width: auto;
padding: 0 24px;
}
div.bodyLanding div.breadcrumb,
div.bodyLanding div.utilities {
margin-top: 12px;
padding-top: 0px;
}
div.bodyLanding table.landingLayout4 td {
width: 25%;
padding: 0px 10px 0px 0px;
}
.bodyLanding h1 {
text-transform: uppercase;
font-size: 14px;
padding: 0 0 8px 0;
}
/* did 2 variastions becuase contribution sometimes writes the html funny */
.bodyLanding a h1,
.bodyLanding h1 a {
color: #009ac8;
}
.bodyLanding a:hover h1,
.bodyLanding h1 a:hover {
color: #B31B34;
}
.bodyLanding p {
padding: 0 0 6px 0;
}
.bodyLanding ul {
padding: 0 0 4px 0;
margin: 0;
list-style: none;
}
.bodyLanding li {
background: none;
padding: 0 0 4px 0;
margin: 0;
}
.bodyLanding li.bullet {
margin: 0px;
padding: 0px 0 6px 16px;
background: url("http://www.serena.com/images/template/bullet.gif") no-repeat 6px 3px;
}
div.bodyLanding p.callToAction {
background: #fff url("http://www.serena.com/images/template/border.gif") repeat-x top center;
padding-top: 6px;
margin-top: 4px;
}
table.list {
border-color: #BFBFBF rgb(102, 102, 102) rgb(102, 102, 102) rgb(191, 191, 191);
border-style: solid;
border-width: 1px;
}
table.list tr th {
background: #D6D6D6 url(http://www.serena.com/images/template/tbl_hdr-bg.gif) repeat-x scroll 0%;
border-bottom: 1px solid #BFBFBF;
padding: 2px 4px !important;
text-align: left;
}
table.list tr th a {
color: #4C4C4C;
font-size: 11px;
font-weight: bold;
}
table.list tr th a:hover {
font-size: 11px;
font-weight: bold;
}
table.list tr th.link {
border-right: medium none !important;
text-align: right;
}
table.list tr th.hdr2 {
background: #E6E6E6 url(http://www.serena.com/images/template/tbl_hdr2-bg.gif) repeat-x scroll 0%;
border-bottom: 1px solid #BFBFBF;
font-weight: normal;
padding: 2px 4px !important;
text-align: left;
}
table.list tr.listHeader2 th {
border-right: 1px solid #CDCDCD;
}
table.list div {
float: left;
padding-right: 5px;
}
table.list tr.row0 {
background-color: #FFFFFF;
}
table.list tr.row1 {
background-color: #EFF8FB;
}
table.list td {
border-right: 1px solid #CDCDCD;
padding: 2px 4px !important;
}
table.list tr.ov {
background-color: #EEEEEE;
}
table.list tr.row-open0 {
background-color: #FFFFFF;
}
table.list tr.row-open0-ov {
background-color: #FEEDCA;
}
table.list tr.row-open1 {
background-color: #EFF8FB;
}
table.list tr.row-open1-ov {
background-color: #FEEDCA;
}
tr.hidden0 {
background-color: #FFFFFF;
display: none;
}
tr.hidden1 {
background-color: #EFF8FB;
display: none;
}
tr.visible0 {
background-color: #FFFFFF;
}
tr.visible1 {
background-color: #EFF8FB;
}
table.list tr.total td {
background-color: #FFFBDC;
}
table.list tr.total td.label {
}
table.list tr td.footer {
background: #D6D6D6 url(http://www.serena.com/images/template/tbl_hdr-bg.gif) repeat-x scroll 0% !important;
border-top: 1px solid #BFBFBF !important;
}
table.list tr td.footer a {
color: #4C4C4C !important;
}
table.list tr td.footer a:hover {
color: #B31B34 !important;
}
/* From old_styles.css */
.DataCell {
border-right: 1px solid #cccccc;
text-align: left;
border-bottom: 1px solid #cccccc;
padding: 2px 4px 2px 4px;
}
.HeadingCell {
border: 1px solid #cccccc;
padding: 3px 0 3px 4px;
text-align: left;
}
.HeadingCell img {
padding: 0px;
margin: 0px;
}
.HeadingCellText {
font-size: 11px;
font-weight: bold;
text-align: left;
}
.findRegion {
float: left;
padding: 0 15px 0 0;
margin-top: 10px;
margin-bottom: 15px;
z-index: -10
}
.findCoutnry {
float: left;
padding: 0 10px 0 0;
margin-top: 10px;
margin-bottom: 15px;
}
.findRegion label {
padding: 0 8px 0 0;
font-size: 12px;
}
.findCoutnry label {
padding: 0 8px 0 0;
font-size: 12px;
}
/* BEGIN */
.divWindow {
position: absolute;
text-align: center;
display: none;
border: 1px solid #999;
background-color: #fff;
font-size: 1px;
overflow: hidden;
}
.divHeader {
height: 15px;
font-size: 1px;
background-image: url("http://www.serena.com/images/buttons/buttonImageBg.gif");
}
.dhRight {
height: 15px;
width: 15px;
font-size: 1px;
float: right;
background-image: url("http://www.serena.com/images/buttons/buttonImageClose.gif");
margin-right: 5px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
}
.dhRight:hover {
background-repeat: no-repeat;
background-image: url("http://www.serena.com/images/buttons/buttonImageClose.gif");
background-position: 0px -15px;
font-size: 1px;
}
.divIframe {
text-align: center;
width: 100%;
height: 100%;
font-size: 1px;
}
.dhLeft {
height: 15px;
width: 15px;
background-color: #FF00FF;
font-size: 1px;
float: left;
}
/* FAQ */
div.faq {
width: 160px;
background: url("http://www.serena.com/images/template/border.gif") repeat-x bottom;
padding: 0px 0px 0px 0px;
}
div.faq h3 {
padding: 5px 0 5px 0;
margin: 0px;
background: url("http://www.serena.com/images/template/border.gif") repeat-x bottom;
}
div.faq #faqNav {
margin-top: 5px;
height: 20px;
}
div.faq #faqNav a.next {
float: right;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
div.faq #faqNav a.prev {
float: left;
padding: 0px 0px 0px 0px;
vertical-align: middle;
}
div.faq #faqBody {
padding: 0px 0px 0px 0px;
clear: both;
background: url("http://www.serena.com/images/template/border.gif") repeat-x top;
}
div.faq #faqBody h5 {
text-transform: none;
padding: 7px 0 3px 0;
font-size: 11px;
}
div.faq #faqBody,
div.faq #faqBody p,
div.faq #faqBody ul,
div.faq #faqBody ul li {
font-size: 11px;
line-height: 15px;
}
div.faq #faqContent {
padding: 0 0 10px 0;
background: url("http://www.serena.com/images/template/border.gif") repeat-x bottom;
}
div.faq #faqBody p {
padding: 0 0 3px 0;
}
div.faq #faqBody ul {
margin: 0;
padding: 0 0 3px 0;
}
div.faq #faqBody ul li {
margin: 0px;
padding: 0 0 0 12px;
background-position: 4px 5px;
}
/* @end */
/* @group Mashups Dark */
body.dark a:link, body.dark a:visited {
color: #92b1c5;
}
body.dark a:hover, body.dark a:active {
color: #a71932;
}
body.dark h1 {
color: #ccc;
}
body.dark h2 {
font-weight: normal;
font-style: normal;
/*margin-top: -0.5em; */
font-size: 1.5em;
}
body.dark {
color: #999;
}
/* MidCol */
div.midcol {
margin-top: 40px;
margin-left: 170px;
background: url(http://www.serena.com/images/mashups/border-topleft-gray6.gif) repeat-y 499px;
width: 500px;
position: relative;
}
div.midcol .content {
padding-left: 10px;
padding-right: 20px;
}
body.dark div.midcol h1 {
padding: 20px 0;
}
/* RightCol */
div.rightcol {
position: absolute;
top: 0px;
margin-top: 60px;
width: 205px;
left: 690px;
}
#mashup_ad {
display: block;
text-indent: -999em;
overflow: hidden;
background: url(http://www.serena.com/images/mashups/banner_try-mashup-composer.png) no-repeat;
width: 169px;
height: 135px;
}
* html #mashup_ad {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/banner_try-mashup-composer.png', sizingMethod='image');
cursor: pointer;
}
.rightcol h4 a:link, .rightcol h4 a:visited {
color: #999;
font-size: 1.2em;
line-height: 1.2;
}
.rightcol h4 a:hover, .rightcol h4 a:active {
text-decoration: underline;
}
/* Blocks */
div.col2 dl,
div.midcol dl, div.midcol dt, div.midcol dd {
padding: 0;
margin: 0;
}
/*div.midcol dl {
margin-left: -10px;
}*/
div.col2 dt,
div.midcol dt {
margin: 0;
display: block;
width: 469px;
height: 28px;
line-height: 28px;
text-indent: 10px;
color: #fff;
background: url(http://www.serena.com/images/mashups/sub-block-top_dark.gif) no-repeat;
}
div.col2 dd,
div.midcol dd {
background: url(http://www.serena.com/images/mashups/sub-block-bottom_dark.gif) no-repeat 0 bottom;
margin-bottom: 2em;
width: 469px;
padding: 1em 0;
}
div.col2 dd img,
div.midcol dd img {
float: left;
margin-left: 1em;
}
div.col2 dd .logo,
div.midcol dd .logo {
float: left;
display: block;
background: url(http://www.serena.com/images/mashups/partner-logo-bg.gif) no-repeat;
width: 108px;
height: 88px;
margin-left: 1em;
}
div.col2 dd .logo img,
div.midcol dd .logo img {
float: none;
display: block;
margin: auto;
margin-top: 25px;
}
div.col2 dd p,
div.midcol dd p {
padding: 0 1em;
margin-left: 129px;
background: url(http://www.serena.com/images/mashups/border-topleft-gray6.gif) repeat-y;
}
div.col2 dd p a,
div.midcol dd p a {
display: block;
margin-top: 1em;
}
/* Page Specific */
/* @group Mashups Home */
#mashups_home #content {
border-top-width: 3px;
}
#mashups_home #footer {
background-image: url(http://www.serena.com/images/mashups/shadow-bottom_dark.gif);
}
#mashups_home #content .content {
padding: 0 14px;
}
#mashups_home #content .col1 .content {
padding-left: 38px;
}
#mashups_home #content .col3 .content {
padding-right: 38px;
}
#mashups_home .col2 {
background: url(http://www.serena.com/images/mashups/border-topleft-gray6-col2.gif) repeat-y;
}
#mashups_home .col1,#mashups_home .col2,#mashups_home .col3 {
float: left;
width: 286px;
position: relative;
}
#mashups_home .col2{width: 321px;}
/* headers */
#mashups_home h3 {
color: #d48831;
font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom: 1em;
}
#mashups_home h3.try, #mashups_home h3.use, #mashups_home h3.learn {
text-indent: -999em;
height: 28px;
background: url(http://www.serena.com/images/mashups/head_try.png) no-repeat left top;
width: 100px;
overflow: hidden;
}
#mashups_home h3.try {
width: 39px;
}
#mashups_home h3.use {
background-image: url(http://www.serena.com/images/mashups/head_use.png);
width: 42px;
}
#mashups_home h3.learn {
background-image: url(http://www.serena.com/images/mashups/head_learn.png);
width: 65px;
}
* html #mashups_home h3.try {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/head_try.png', sizingMethod='crop');
}
* html #mashups_home h3.use {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/head_use.png', sizingMethod='crop');
}
* html #mashups_home h3.learn {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/head_learn.png', sizingMethod='crop');
}
#mashups_home a.mashupdates {
display: block;
height: 20px;
width: 129px;
text-indent:-999em;
background: url(http://www.serena.com/images/mashups/head_mashupdates.png) no-repeat;
margin-top: 1em;
}
* html #mashups_home a.mashupdates {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/head_mashupdates.png', sizingMethod='image');
}
#mashups_logo {
display: block;
margin-top: 2em;
}
* html #mashups_logo {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/mashups_logo-buttons.png', sizingMethod='crop');
height: 153px;
width: 229px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
}
* html #mashups_logo img {
display: none;
}
#mashups_download:hover {
opacity: 0.75;
-moz-opacity: 0.75;
filter:alpha(opacity=75);
}
#mashups_download:active {
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}
#mashups_download {
display: block;
text-indent: -999em;
overflow: hidden;
width: 127px;
height: 30px;
background: url('http://www.serena.com/images/mashups/button-download.png') no-repeat;
margin: 0 auto;
margin-top: 2em;
-moz-opacity: 0.9999;
}
* html #mashups_download {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/button-download.png', sizingMethod='image') !important;
cursor: pointer;
}
/* Content */
a.hbutton, a.hbutton1 {
color: #ccc !important;
display: block;
height: 25px;
line-height: 25px;
text-indent: 12px;
background: url('http://www.serena.com/images/mashups/home-button.gif') no-repeat;
margin: 0 auto;
margin-bottom: 12px;
width: 186px;
font-weight: bold;
}
a.hbutton1 {
background: url('http://www.serena.com/images/mashups/hbutton1.gif') no-repeat;
}
a.hbutton:hover, a.hbutton1:hover {
background-position: bottom left;
}
#hbutton1 {
margin: 0 auto;
margin-bottom: 12px;
margin-top: -12px;
width: 166px;
padding: 10px;
background: #fff url('http://www.serena.com/images/mashups/hbutton1-bg.gif') no-repeat bottom left;
}
#hbutton1 a {
display: block;
color: #b31b1b;
font-weight: bold;
line-height: 2em;
}
#hbutton1 a:hover {
color: #009ac8 !important;
}
/* Row2 */
#mashups_home .row2 {
text-align: center;
padding-top: 2em;
margin: 14px;
margin-bottom: 0;
background: url(http://www.serena.com/images/mashups/hr_dark.gif) repeat-x;
}
#mashups_home .row2 a:link, #mashups_home .row2 a:visited {
color: #999;
}
#mashups_home .row2 a:hover, #mashups_home .row2 a:active {
text-decoration: underline;
}
/* @end */
/* @group Buzz */
#buzz div.midcol dl {
font-size: 1.1em;
}
#buzz div.midcol dt {
text-transform: uppercase;
}
#buzz div.midcol dd p {
margin-left: 110px;
line-height: 1.5;
}
/* @end */
/* @group Screencasts */
/* Screencast */
#screencasts {
position: absolute;
top: 100px;
left: 0px;
width: 99%;
}
#screencastbg {
display: none;
}
div.screencast, * html #screencastbg {
display: block;
position: relative;
background: url(http://www.serena.com/images/mashups/popup.png) no-repeat left top;
height: 550px;
width: 685px;
margin: auto;
}
* html div.screencast {
background: none;
}
* html #screencastbg {
position: absolute;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.serena.com/images/mashups/popup.png', sizingMethod='crop');
}
div.screencast a {
position: absolute;
top: 15px;
left: 642px;
display: block;
text-indent: -999em;
height: 20px;
width: 20px;
z-index: 1000;
overflow: hidden;
cursor: pointer;
background: blue;
opacity: 0;
filter:alpha(opacity=0);
}
div.screencast div {
margin-left: 19px;
padding-top: 35px;
align:center;
}
/* Logic */
body #screencasts,
body #cast1,
body #cast2,
body #cast3,
body #cast4,
body #cast5,
body #cast6,
body #cast7,
body #cast8,
body #cast9,
body #cast10,
body #cast11,
body #cast12,
body #cast13,
body #cast14,
body #cast15 {
display: none;
background-position: left -600px;
}
body.cast #screencasts,
body.cast1 #cast1,
body.cast2 #cast2,
body.cast3 #cast3,
body.cast4 #cast4,
body.cast5 #cast5,
body.cast6 #cast6,
body.cast7 #cast7,
body.cast8 #cast8,
body.cast9 #cast9,
body.cast10 #cast10,
body.cast11 #cast11,
body.cast12 #cast12,
body.cast13 #cast13,
body.cast14 #cast14,
body.cast15 #cast15 {
display: block !important;
background-position: left top !important;
}
/* @end */
/* @group Partners */
/* @end */
/* @end */
/* @group Mashups Light */
body.lite {
color: #666;
}
body.lite ul#sidebar a:link, body.lite ul#sidebar a:visited {
color: #666;
}
body.lite #sidebar .on {
color: #000 !important;
}
body.lite #sidebar {
background: url(http://www.serena.com/images/mashups/border.gif) repeat-x;
}
body.lite #wrapper {
background-image: url(http://www.serena.com/images/mashups/shadow-mid_lite.gif);
}
body.lite #inner {
background-image: url(http://www.serena.com/images/mashups/shadow-top_lite.gif);
}
body.lite #content {
background: none !important;
padding-bottom: 2em;
}
body.lite #footer {
background-image: url(http://www.serena.com/images/mashups/shadow-bottom_lite.gif);
}
/* Styles margin: 0.5em 0 0.75em 0; */
body.lite h2 {
font-weight: normal;
font-style: normal;
font-size: 1.5em;
}
body.lite h4 a:link, body.lite h4 a:visited {
color: #666;
}
body.lite #content p {
color: #333;
}
/* Forms */
form .hr {
height: 7px;
background: url(http://www.serena.com/images/mashups/form-hr.jpg) no-repeat right bottom;
margin-bottom: 1em;
}
.PropertySheetBox {
width: 485px;
line-height: 1.5;
margin-left: -6px;
margin-bottom: 1em;
}
.PropertySheetBox table {
margin: 0 !inportant;
padding: 0 !important;
}
.PropertySheetHelp {background: url(http://www.serena.com/images/mashups/form-hr.jpg) no-repeat right bottom; padding-bottom: 9px;}
.PropertySheetHelp td { text-align: right;}
.PropertySheetHelp .PropertySheetHelp { background: none; padding: 3px 0 3px 7px; color: #fff; text-align: left; font-size: 1.1em;}
.PropertySheetHelp table { background: url(http://www.serena.com/images/mashups/form-subhead-bg.gif) no-repeat;}
.HelpText {
font-size: 10px;
color: #999;
}
.PropertySheetLeftColDesc {
}
.PropertySheetLeftColValue {
color: #333;
}
.required {
color: #ff0000;
}
.PropertySheetBox td.require {
text-indent: 170px;
line-height: 1;
padding: 3px 0 0 0;
margin: 0;
font-size: 9px;
vertical-align: bottom;
}
#content input.text {
background: #f2f2e8;
border: 1px solid #ddd;
border-bottom: none;
border-right: none;
padding: 5px;
margin-right: 1em;
}
#content input.submit {
float: right;
margin-bottom: 1em;
}
.PropertySheetBox tr.special, .PropertySheetBox tr.special td {
color: #000;
font-weight: bold;
background: #ccc url(http://www.serena.com/images/mashups/form-special-bg.gif) repeat-y 214px top;
}
.PropertySheetBox tr.special .PropertySheetLeftColDesc {
text-indent: 5px;
}
.PropertySheetBox tr.special .HelpText {
color: #666;
}
/* DL */
body.lite dl {
margin-top: 2em;
}
body.lite dt {
background-image: url(http://www.serena.com/images/mashups/sub-block-top_lite.png);
text-transform: uppercase;
}
body.lite dd {
color: #ccc;
background-image: url(http://www.serena.com/images/mashups/sub-block-bottom_lite.png);
line-height: 1.5;
}
body.lite dd h5 { text-transform: none; font-size: 1.1em;
color: #ccc;
margin-left: 2em;
margin-bottom: 0.5em;
margin-right: 2em;
padding: 0;
}
body.lite dd ul { font-weight: normal; font-style: normal; padding-left: 1.5em; margin-right: 2em; margin-left: 2em; padding-bottom: 1em; margin-bottom: 0;}
/* soldornot */
/* Page Specific */
#partners h3 {
margin-top: 1em;
margin-bottom: 1em;
}
#partners ul {
margin-top: 0;
}
#partners.lite #content p {
color: #666;
}
/* @group show_tell */
.show_tell {
background: url(http://www.serena.com/images/mashups/showtell-bottom.jpg) no-repeat 0 bottom;
width: 429px;
margin: 1em 0;
}
body.lite #content .show_tell p {
margin: 0;
padding: 20px 14px 186px;
color: #ccc;
background: url(http://www.serena.com/images/mashups/showtell-top.gif) no-repeat;
}
/*
#show_tell #content form, #show_tell #content form table {
width: 428px;
line-height: 2;
}
#show_tell #content input.text {
width: 100%;
float: left;
}
#show_tell .PropertySheetBox td.require {
text-align: right;
text-indent: 0;
}
#show_tell .PropertySheetBox td.HelpText {
clear: left;
}
*/
/* @end */
/* @group Six */
#content p.sixreasons {
padding-left: 66px;
margin-top: 1.5em;
margin-bottom: 2em;
}
#content p.sixreasons img {
margin-left: -66px;
float: left;
}
/* @end */
/* @end */
#content { clear: both;}
/* @group Mashups Black Background */
body.black { color: #666;}
body.black ul#sidebar a:link, body.lite ul#sidebar a:visited {color: #666;}
body.black #sidebar .on { color: #000 !important;}
body.black #sidebar { background: url(http://www.serena.com/images/mashups/border.gif) repeat-x;}
body.black #wrapper { background-image: url(http://www.serena.com/images/mashups/shadow-mid_black.gif);}
body.black #inner { background-image: url(http://www.serena.com/images/mashups/shadow-top_lite.gif);}
body.black #content { background: none !important; padding-bottom: 2em;}
body.black #footer { background-image: url(http://www.serena.com/images/mashups/shadow-bottom_black.gif);}
/* Styles */
body.black h2 { font-weight: normal; font-style: normal; font-size: 1.5em;} /*margin: 0.5em 0 0.75em 0; */
body.black h3 { color: #e1741e; font-size: 1.3em; line-height: 1.4;}
body.black h4 a:link, body.lite h4 a:visited { color: #666;}
body.black #content p { color: #CCC;}
/* end */
/* Just-Bleep-It page buttons */
.mblock {height: 220px; font-size: 1.4em; line-height: 1.0;}
#mariner.sub .mblock a {
color: #000;
}
.mblock .content {
margin: 0 auto;
width: 324px;
}
.mblock strong a {
line-height: 1.5;
}
.mblock a {
color: #333;
}
.mblock a:hover {
color: #009AC8;
text-decoration: underline;
}
.mblock a.button {
display: block;
background: url(http://www.serena.com/images/mashups/JMI-button-bg.png) no-repeat center center;
font-size: 0.8em;
text-align: center;
color: #fff !important;
height: 45px;
line-height: 45px;
margin-bottom: 5px;
}
.mblock a.button:hover {
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
.mblock span {text-align: center; line-height: 1.5;}
/* Home page center column */
.mblockh { height: 160px; font-size: 1.4em; line-height: 1.0;}
#mariner.sub .mblockh a { color: #000;}
.mblockh .content { margin: 0 auto; width: 250px;}
.mblockh strong a { line-height: 1.5;}
.mblockh a {color: #333;}
.mblockh a:hover {color: #009AC8; text-decoration: underline;}
.mblockh a.button { display: block; background: url(http://www.serena.com/images/mashups/button-red-home.png) no-repeat center center; font-size: 0.8em;
text-align: center; color: #fff !important; height: 45px; line-height: 45px; margin-bottom: 1px;}
.mblockh a.button:hover { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
.mblockh span { text-align: center; line-height: 1.5;}
/*DEMAND LOGIN Style Additions*/
/* @group MENU */
#header table tr td {height:35px;} /* Steve G: added selector */
#header table tr td { }
/*RIGHT MENU Functionality*/
#rightmenu { }
#rightmenu li ul {display: none;}
#rightmenu li.hover ul,
#rightmenu li:hover ul,
#rightmenu li:active ul {display: block !important;}
/* IE 5-6 HACK to force IE 5-6 to handle the hover. Ignored by all other browsers */
* html #rightmenu li { voice-family: expression(
this.onmouseover = this.onmouseover || new Function("this.className += ' hover';"),
this.onmouseout = this.onmouseout || new Function("this.className = this.className.replace('hover', '');") ); }
#rightmenu li a {cursor: pointer !important; }
/* MENU Layout */
#rightmenu, #rightmenu ul { clear: both; list-style: none; display: block; padding: 0; margin: 0; z-index: 1000; }
#rightmenu li { width:140px!important; list-style: none; display: block; float: left; position: relative;}
#rightmenu li a { display: block;}
#rightmenu ul { position: absolute; top: 34px; left: -1px; width: 155px; overflow: hidden;}
#rightmenu ul li { float: none; }
#rightmenu ul li a { width: 155px;}
/* NAV Style */
#rightmenu { -webkit-user-select:ignore; height: 34px; line-height: 34px;
padding-left: 75px; font-size: 11px; font-weight: bold; border: none; }
* html #rightmenu li { display: inline;}
#rightmenu li a { margin-top: 1px; padding-left: 2px; padding-right: 2px; color: #FFFFFF; text-decoration: none;
background: url(http://www.serena.com/images/global/menuitem-bg.gif) repeat-x center top;}
#rightmenu li a.nomenu { background-color: transparent !important;}
#rightmenu li a:hover,
#rightmenu li:hover a,
#rightmenu li.hover a { color: #e9292f;}
#rightmenu li.on a { background-position: right bottom; background-color: transparent; color: #000000; }
#rightmenu li a.nomenu:hover,
#rightmenu li:hover a.nomenu,
#rightmenu li.hover a.nomenu { background-position: left bottom;}
/*
#rightmenu li a.nomenu:active,
#rightmenu li:active a.nomenu,
#rightmenu li.active a.nomenu { background-position: right bottom;}
#rightmenu li a.active,
#rightmenu li a:active { background-position: right top; background-color: transparent !important; color: #000000;}
*/
/* MENU Style */
#rightmenu li ul { background: #FFF; line-height: 1.9em; border: 1px solid #CCC; border-top: none; padding: 7px 0;
font-weight: normal; font-style: normal;}
#rightmenu li ul li { white-space: nowrap; color: #000;}
#rightmenu li ul li.hr { display: block; line-height: 1em; border-top: 1px solid #CCC; margin-top: 0.4em; padding: 0.5em 0 0.3em 0;
padding-left: 7px; }
#rightmenu li ul li.zero { line-height: 0px; padding: 0; height: 0px; overflow: hidden; margin: 0.2em 0;}
#rightmenu li ul li a { background: none; color: #666;}
#rightmenu li ul li a:hover { background: #D5EAF1;}
/* @end */
/* MASHUP LOGIN -------------------------------------------------------------------------------------------------------------- */
h2.loginH2 {font-size:1.5em; color:#333333;}
div.boxMain {color:#666;}
div.boxMain div.signUp {text-align:center!important; padding:0 0 20px 0;}
div.boxMain ul {margin-top:-5px; }
#submitDiv {text-align:right!important;}
/* MASHUP LOGIN -------------------------------------------------------------------------------------------------------------- */
.menu2 {margin:0; padding:0; list-style:none;}
.menu2 ul {display:none;}
.menu2 ul.active {display:block;}
/* @group buy table from Mariner buy page */
#plans {
position: relative;
background: url(/mashups/images/mashups/buy-table-bg.gif) no-repeat 1px 9px;
padding-top: 8px;
height: 188px;
margin-left: 8px;
margin-bottom: 8px;
}
#plans .ad {
width: 108px;
height: 189px;
background: url(images/mashups/buy-ad.png) no-repeat;
float: left;
}
#plans .ad .content {
display: none;
}
#plans table {
border: none;
border-collapse: collapse;
border: 1px solid #fff;
position: relative;
left: 10px;
top: 10px;
width: 450px;
height: 167px;
}
#plans table th {
color: #000;
}
#plans table td {
height: 40px;
*height:30px;
}
#plans table td, #plans table th {
border: 1px dashed #999;
text-align: center;
width: 16.666%;
vertical-align: middle;
}
#plans table td {
font-size: 1.3em;
}
#plans table td.col1, #plans table th.col1 {
text-align: left;
font-size: 1em;
color: #2E65A0;
font-weight: bold;
}
#plans del {
display: block;
text-decoration: none;
background: url(images/mashups/x-out.gif) no-repeat center;
padding: 0;
line-height: 1.6em;
}
#plans ins {
text-decoration: none;
color: #2E65A0;
font-weight: bold;
}
td.call_serena {
background: url(images/mashups/star_call-serena.gif) no-repeat center bottom;
text-indent: -9999em;
height: 75px !important;
*height:60px !important;
}
/* @end */
/* @group offerings table */
#offers {
position: relative;
background: url(/mashups/images/mashups/offer-table2-bg.gif) no-repeat 1px 9px;
padding-top: 8px;
height: 400px;
margin-left: 8px;
margin-bottom: 8px;
vertical-align: top;
}
#offers .ad {
width: 108px;
height: 189px;
background: url(images/mashups/buy-ad.png) no-repeat;
float: left;
}
#offers .ad .content {
display: none;
}
#offers table {
border: none;
border-collapse: collapse;
border: 1px solid #fff;
position: relative;
vertical-align: top;
left: 10px;
top: 10px;
width: 450px;
height: 167px;
}
#offers table th {
color: #2E65A0;
font-size: 1.2em;
text-align: center;
}
#offers table td {
vertical-align:middle;
text-align: center;
height: 28px;
*height:18px;
}
#offers table tr.rw2 {
font-weight: bold;
text-align: center;
}
#offers table td, #plans table th {
border: 1px dashed #999;
vertical-align: top;
text-align: left;
width: 16.666%;
vertical-align: middle;
}
#offers table td {
font-size: 1em;
vertical-align: top;
}
#offers table td.col1, #offers table th.col1 {
text-align: left;
font-size: 1em;
color: #2E65A0;
font-weight: bold;
}
#offers del {
display: block;
text-decoration: none;
background: url(images/mashups/x-out.gif) no-repeat center;
padding: 0;
line-height: 1.6em;
}
#offers ins {
text-decoration: none;
}
td.call_serena {
background: url(images/mashups/star_call-serena.gif) no-repeat center bottom;
text-indent: -9999em;
height: 75px !important;
*height:60px !important;
}
/* @end */
/* @group options table */
#options {
position: relative;
background: url(/mashups/images/mashups/options-table-bg.gif) no-repeat 1px 9px;
padding-top: 8px;
height: 210px;
margin-left: 8px;
margin-bottom: 8px;
}
#options table {
border: none;
border-collapse: collapse;
border: 1px solid #fff;
position: relative;
left: 10px;
top: 10px;
width: 450px;
height: 167px;
}
#options table th {
color: #000;
text-align: center;
}
#options table td {
height: 40px;
*height:30px;
}
#options table td, #plans table th {
border: 1px dashed #999;
text-align: center;
width: 16.666%;
vertical-align: middle;
}
#options table td {
font-size: 1em;
}
#options table td.col1, #options table th.col1 {
text-align: center;
font-size: 1em;
color: #2E65A0;
font-weight: bold;
}
#options del {
display: block;
text-decoration: none;
background: url(images/mashups/x-out.gif) no-repeat center;
padding: 0;
line-height: 1.6em;
}
#options ins {
text-decoration: none;
color: #2E65A0;
}
td.call_serena {
background: url(images/mashups/star_call-serena.gif) no-repeat center bottom;
text-indent: -9999em;
height: 75px !important;
*height:60px !important;
}
/* @end */