*/
div.main-short
{
padding-right: 0px;
border-right: 0px;
}
div.side-long
{
padding-left: 20px;
border-left: 1px solid #d1d1d1;
}
/***** SITE-WIDE NAV *****/
.horizontal-bar
/* Blue bar with site nav + bottom-bar-text info */
{
padding: 0px;
background: #115577 url("../images/07/deco/header_bg.gif") repeat-x top left;
margin: 0px;
min-height: 40px;
border-top: 1px solid #115577;
border-bottom: 1px solid #115577;
}
.horizontal-nav-links
{
float: right;
padding: 0px;
margin: 0px;
}
.horizontal-nav-links li
{
list-style: none;
float: left;
padding: 0px;
font-size: 10px;
margin: 0px;
border-left: 1px solid #226688;
}
*+html .horizontal-nav-links li { font-size: .75em; } /* IE 7 */
.horizontal-nav-links li.bottom-bar-text
{
padding: 13px 15px 10px 15px;
color: #5497b9;
font-weight: bold;
}
* html .horizontal-nav-links li.bottom-bar-text { padding: 11px 15px 10px 15px; } /* IE 6 */
*+html .horizontal-nav-links li.bottom-bar-text { padding: 12px 15px 11px 15px; } /* IE 7 */
.horizontal-nav-links a, .horizontal-nav-links a:visited
{
padding: 13px 15px 10px 15px;
color: #ffcc44;
font-weight: bold;
display: block;
}
* html .horizontal-nav-links a { padding: 10px 15px 10px 15px; } /* IE 6 */
* html .horizontal-nav-links a:visited { padding: 10px 15px 10px 15px; } /* IE 6 */
*+html .horizontal-nav-links a { padding: 10px 15px 10px 15px; } /* IE 7 */
*+html .horizontal-nav-links a:visited { padding: 10px 15px 10px 15px; } /* IE 7 */
.horizontal-nav-links a:hover
{
background: #115577 url("../images/07/deco/header_bg_hover.gif") repeat-x top left;
text-decoration: none;
}
/***** MAIN NAVBAR *****/
#navbar-side
{
float: left;
width: 176px;
background: #e9e8e3;
}
ul.navbar
{
margin: -2px 0px 0px 0px;
padding: 0px 0px 1px 0px;
list-style: none;
background: #ffffff url("../images/07/deco/nav_background.gif") repeat-y bottom right;
font-size: 12px;
}
.navbar li
{
display: block;
padding: 0px;
margin: 0px;
background: url("../images/07/deco/nav_cap.gif") no-repeat center;
background-position: middle;
}
.navbar li.nav1 a, .navbar li.nav1 a.visited
{
display: block;
padding: 3px 0px 3px 8px;
margin-top: 2px;
background: url("../images/07/deco/nav_cap.gif") no-repeat center right;
width: 168px;
color: #c9851a;
text-decoration: none;
font-weight: bold;
font-size: .9em;
}
* html .navbar li.nav1 a { font-size: .9em; } /* IE 6 */
*+html .navbar li.nav1 a { font-size: .9em; } /* IE 7 */
.navbar li.nav1 a.open
{
display: block;
padding: 3px 0px 3px 8px;
margin-top: 2px;
background: url("../images/07/deco/nav_cap.gif") no-repeat center right;
width: 168px;
color: #115577;
text-decoration: none;
font-weight: bold;
font-size: .9em;
}
.navbar li.nav1 a:hover,
.navbar li.nav2 a:hover
{
color: #115577;
text-decoration: none;
background-image: none;
}
.navbar li.nav2 a, .navbar li.nav2 a.visited, .navbar li.nav2 a.selected
{
display: block;
padding: 4px 22px 3px 16px;
margin: 0px;
background: url("../images/07/deco/nav_cap.gif") no-repeat center right;
width: 138px;
color: #598195;
text-decoration: none;
line-height: 1.2em;
font-weight: normal;
font-size: 10px;
}
.navbar li.nav1 a.selected, .navbar li.nav1 a.selected:hover,
.navbar li.nav2 a.selected, .navbar li.nav2 a.selected:hover
{
font-weight: bold;
color: #115577;
text-decoration: none;
background: url("../images/07/deco/nav_cap.gif") no-repeat center;
background-position: middle;
}
/***** STYLES USED IN SIDE COLUMN *****/
.side p, .side li, .side a, .side dt, .side dd
{
margin: 0px 0px 8px 0px;
line-height: 1.3em;
}
*+html .side p { font-size: 100%; } /* IE 7 */
*+html .side li { font-size: 100%; } /* IE 7 */
*+html .side a { font-size: 100%; } /* IE 7 */
*+html .side dt { font-size: 100%; } /* IE 7 */
*+html .side dd { font-size: 100%; } /* IE 7 */
.side dl
{
margin: 0px;
}
.side dt
{
font-weight: bold;
margin: 0px;
}
.side ul
{
padding: 0px 5px 0px 15px;
margin: 0px 0px 0px 5px;
list-style-image: url(../images/07/pDot.gif);
border-bottom: 0px solid #eebb44;
border-right: 0px solid #eebb44;
border-top: 0px solid #e0e0e0;
}
* html .side ul { margin: 0px 0px 0px 1px; } /* IE 6 */
.side img
{
margin-bottom: 5px;
}
.side h1
/* Creates the gold box with the blue text */
/* Font size still in pixels */
{
font-size: 11px;
font-weight: bold;
line-height: 14px;
color: #224466;
background: #ffcc44 url("../images/07/deco/highlight_hl.gif") repeat-x top left;
padding: 3px 10px 3px 4px;
margin: 0px;
letter-spacing: 0px;
}
.highlightTitleBar
/* Creates the white and gold frame around the gold box */
{
background: #ffffff;
margin: 0px;
padding: 1px;
border: 1px solid #ffcc44;
}
.highlightFrame
/* Creates the gold frame around the text under the gold box */
/* VERY IMPORTANT: SEE NOTE JUST BELOW BEFORE USING!!!! */
{
padding: 5px 10px 1px 0px;
/* border: 1px solid #ffcc44; */
border-top: 1px solid #f7f7f7;
border-left: 0px;
margin-bottom: 10px;
background: url("../images/07/deco/hightlight_curve.gif") no-repeat bottom right;
}
/* Unfortunately the use of ".highlightFrame" sometimes causes a ghost border to extend all the way across both columns. */
/* The fix is to add an HTML comment just before the close
of the LAST .highlightFrame. */
/* See perforce/gamedev/index.html for an example. (If it doesn't work by putting it in the LAST one, put it in a bunch of them. We found this fix on the web, and it works! */
/***** TYPE ELEMENTS *****/
h1, h2, h3, h4, h5
{
font-weight: bold;
}
h1
/* Font size still in pixels */
{
font-size: 24px;
margin-top: 10px;
margin-bottom: 14px;
letter-spacing: -1px;
}
*+html h1 { font-size: 180%; } /* IE 7 */
h2
/* Font size still in pixels */
{
color: #115577;
font-size: 18px;
margin-top: -10px;
margin-bottom: 30px;
letter-spacing: -1px;
}
*+html h2 { font-size: 135%; } /* IE 7 */
h3
/* Font size still in pixels */
{
color: #326ea1;
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
*+html h3 { font-size: 110%; } /* IE 7 */
h4
{
font-size: 98%;
margin-top: 20px;
margin-bottom: 4px;
}
h6
{
font-size: 16px;
margin-top: 20px;
margin-bottom: 4px;
}
p, li, ul, ol
{
font-size: 98%;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 8px;
}
*+html p { font-size: 100%; } /* IE 7 */
*+html li { font-size: 100%; } /* IE 7 */
*+html ul { font-size: 100%; } /* IE 7 */
*+html ol { font-size: 100%; } /* IE 7 */
ul, ol
{
margin: 0px;
margin-top: 4px;
margin-bottom: 10px;
}
ul
{
padding-left: 25px;
}
ol
{
padding-left: 27px;
}
ol li, ul li
{
margin-top: 4px;
margin-bottom: 4px;
}
ol li pre, ul li pre
{
font-size: 100%;
}
code, kbd
{
font-size: 120%;
}
*html code { font-size: 110%; }
*html kbd { font-size: 110%; }
pre
{
font-size: 100%;
border-left: 1px solid #638984;
padding: 2px 0px 2px 10px;
margin: 15px 0px 15px 20px;
color: #638984;
}
*html pre { padding-top: 1px; }
/***** ANCHOR TAG STYLES *****/
a, a:visited
{
font-weight: bold;
text-decoration: none;
color: #c9851a;
}
a:hover
{
text-decoration: underline;
}
/***** HORIZONTALONTAL RULES *****/
/* Used in place of "
" */
/* Usage:
*/
hr.dashed
{
display: block;
border: none;
border-bottom: dashed 1px #d1d1d1;
color: #ffffff;
text-align:left;
margin: 20px 0px 20px 0px;
padding: 0px;
}
.hr-dotted
{
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px dotted #d1d1d1;
}
.hr-dotted-top
{
margin: 0px 0px 20px 0px;
padding: 0px;
border-bottom: 1px dotted #d1d1d1;
}
div.locations .hr-dotted
{
margin: 0px;
padding: 0px;
border-bottom: 1px dotted #d1d1d1;
clear: both;
}
.hr-solid
{
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid #d1d1d1;
}
/***** DATA TABLE STYLES ****/
/* See "training.htm" for usage. */
table.data
{
width: 100%;
margin-bottom: 20px;
font-size: 85%;
line-height: 1.2em;
}
*+html table.data { font-size: 80%; } /* IE 7 */
table.data td, table.data th
{
padding: 6px 10px;
text-align: left;
vertical-align: top;
border: 0px;
border-bottom: 1px solid #d1d1d1;
}
table.data th
{
font-weight: bold;
}
table.data h1
{
font-size: small;
letter-spacing: 0px;
}
table.data h2
{
color: #000;
letter-spacing: 0px;
}
table.data dt
{
margin-bottom: 0px;
font-weight: bold;
}
*+html table.data p { font-size: 100%; } /* IE 7 */
*+html table.data a { font-size: 105%; } /* IE 7 */
/***** AWARDS TABLE STYLES * SUBCLASS OF DATA ****/
table.awards
{
border-top: 1px dotted #d1d1d1;
}
table.awards th, table.awards td
{
border-bottom: 1px dotted #d1d1d1;
padding: 10px;
vertical-align: middle;
}
/***** DOCUMENTS TABLE STYLES * SUBCLASS OF DATA ****/
table.documents th.title
{
width: 220px;
}
table.documents th.options
{
width: 50px;
}
/***** PRESS RELEASE/COVERAGE TABLE STYLES * SUBCLASS OF DATA ****/
table.prRel th.date
{
width: 50px;
}
table.prRel th.description
{
width: 600px;
}
/***** COMPONENTS TABLE STYLES * SUBCLASS OF DATA ******/
/* Used only on "products.css" */
table.components
{
width: 100%;
border-top: 1px solid #d1d1d1;
}
table.components h4
{
margin: 0px;
}
table.components td
{
padding: 6px 10px 0px 10px;
width: 320px;
border-left: 1px solid #d1d1d1;
}
table.components td.right
{
padding: 6px 10px 0px 10px;
width: 320px;
border-right: 1px solid #d1d1d1;
}
/***** SYSTEM TERMINOLOGY TABLE STYLES * SUBCLASS OF DATA *****/
/* used on perforce/reviews.html */
table.terms th.perforce, table.terms td.perforce
{
width: 110px;
font-weight: bold;
}
table.terms th.others, table.terms td.others
{
width: 205px;
}
table.terms th.remarks, table.terms td.remarks
{
width: 335px;
}
/***** 3RD PARTY PLUG-INS TABLE STYLES * SUBCLASS OF DATA *****/
/* used on all 3rd-party ide plug-in pages */
table.ide th.company, table.ide td.company
{
width: 125px;
font-weight: bold;
}
table.ide th.tool, table.ide td.tool
{
width: 400px;
}
table.ide th.plugin, table.ide td.plugin
{
width: 125px;
}
/***** RELEASE NOTE STYLES * SUBCLASS OF DATA *****/
table.relnotes
{
width: 320px;
}
.rl-left
{
margin-right: 10px;
float: left;
}
.rl-right
{
float: right;
}
/***** CUSTOMER PAGE TABLES * SUBCLASS OF DATA *****/
/* Displays zebra'd list of customers alphabetically, or by region, or by industry. */
/* Example: perforce/customers/byname.html */
/* Usage:
*/
table.customer
{
;
}
table.customer td
{
width: 50%;
}
table.customer th
{
font-weight: bold;
background: #d1d1d1;
}
table.customer th.col2
{
text-align: right;
padding-right: 10px;
}
table.customer td.col2
{
border-left: 1px solid #d1d1d1;
}
/***** TABLE WITH A TITLE AND DESCRIPTION COLUMN * SUBCLASS OF DATA *****/
/* used on technical.html for example */
table td.title, table th.title
/* gives a fixed width to title column */
{
width: 170px;
}
table.data td.description
/* this adds a left border to a cell in a data table */
{
border-left: 1px solid #d1d1d1;
color: #232323;
}
table.data td.no-border
/* remove a bottom border gratuitously from a data table */
{
border-bottom: 0px;
}
/***** LATEST FEATURES TABLE *****/
table.latest h1
/* Product Names as in latest.html Umm... why is this being used? */
{
font-size: 110%;
font-weight: bold;
margin-top: 2px;
margin-bottom: 0px;
letter-spacing: 0px;
}
.data-list {
margin:0 0 0 15px;
padding:0;
list-style-image:url(../images/09/data-list.gif);
}
.data-list li {
margin:0px;
padding:1px 0 3px 0;
line-height:110%;
}
/***** SUPPORT PAGE LOCATIONS TABLE *****/
div.support-locs .hr-dotted
{
margin: 0px;
padding: 0px;
border-bottom: 1px dotted #d1d1d1;
clear: both;
}
div.support-locs h2
{
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
letter-spacing: 0px;
}
/***** FANCY DATA TABLE STYLES *****/
table.fancy
{
width: 100%;
margin-bottom: 20px;
background: #ffffff;
font-size: 90%;
line-height: 1.5em;
}
table.fancy td, table.fancy th
/* .chart td can go once all tables are converted */
{
margin: 0px;
padding: 10px 10px 0 10px;
text-align: left;
vertical-align: top;
border: 0px;
border-bottom: 1px solid #d1d1d1;
}
table.fancy td.title
{
vertical-align: top;
border-right: 1px solid #d1d1d1;
border-bottom: 0px solid #d1d1d1;
padding: 10px 10px 0 10px;
background: #ffffff;
width: 170px;
}
table.fancy td.title p
/* Font size still in pixels */
{
font-size: 16px;
font-weight: bold;
color: #115577;
margin: 0px;
margin-bottom: 10px;
line-height: 18px;
}
table.fancy td.pcp, table.fancy th.pcp
/* PCP class - a subclass of fancytable, to set column width */
/* See pcplist.html for usage. */
{
width: 190px;
}
/***** FANCY DL STYLES *****/
dl.fancy
{
width: 650px;
margin-bottom: 20px;
clear: both;
}
dd.tableText table.fancy
{
width: 461px;
}
dd.tableText
{
float: right;
margin-left: -1px;
vertical-align: top;
}
dl.fancy dt.title
/* Font size still in pixels */
{
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #115577;
margin: 0px;
line-height: 16px;
padding: 10px;
width: 170px;
border-top: 1px solid #d1d1d1;
margin-top: 23px;
float: left;
}
dl.fancy dd, dl.fancy dd.zebra, dl.fancy dd.top
{
margin: 0px;
padding: 5px 5px 0px 5px;
text-align: left;
vertical-align: top;
border-left: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
width: 449px;
float: right;
}
dl.fancy dd.top
{
margin-top: 23px;
border-top: 1px solid #d1d1d1;
}
dl.fancy dd p, dl.fancy dd.top p, dl.fancy dd.zebra p, dl.fancy li, dl.fancy a
{
font-size: 90%;
line-height: 16px;
}
dl.fancy dd.zebra, dl.fancy dd.top
{
background: #f5f5f5;
}
dl.fancy li
{
margin-bottom: 0px;
padding-bottom: 0px;
}
dl.fancy img
{
margin-top: 10px;
}
/***** EVAL DEMO STYLES *****/
.demoFrame
{
width: 670px;
border: 1px solid #d1d1d1;
border-top: 0px;
border-bottom: 0px;
background: #f7f7f7;
padding: 0px;
margin: 0px;
}
div.demoTop
{
background: url("../images/evalDemo/eval_top.gif") no-repeat top left;
height: 3px;
padding: 0px;
margin: 0px;
}
* html div.demoTop { margin-bottom: -12px; } /* IE 6 */
div.demoBottom
{
background: url("../images/evalDemo/eval_bottom.gif") no-repeat bottom left;
height: 3px;
padding: 0px;
margin: 0px;
}
* html div.demoBottom { margin-top: 0px; background: url("../images/evalDemo/eval_bottom.gif") no-repeat top left; } /* IE 6 */
.demoFrame .title
{
width: 332px;
background: #ffffff;
border: 1px solid #d1d1d1;
padding: 20px;
}
.demoFrame .gutter
{
width: 1px;
}
.demoFrame .action
{
width: 332px;
border: 1px solid #d1d1d1;
border-top: 0px;
border-bottom: 0px;
padding: 20px;
background: #f7f7f7;
vertical-align: top;
}
.demoFrame .show, .demoFrame .give
{
width: 332px;
border: 1px solid #d1d1d1;
padding: 20px;
padding-bottom: 10px;
background: #ffffff;
}
.demoFrame h3
{
margin: 0px;
padding: 0px;
}
.demoFrame h4
{
margin-top: 0px;
color: #115577;
}
.demoFrame img.evalDownload
{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 0px
}
.demoFrame p.zero
{
margin-bottom: 0px;
padding-bottom: 0px;
}
.blockframed {
width:330px;
height:auto;
margin:0 0 20px 0;
border: 1px solid #e9e8e3;
padding:15px;
font-size:12px;
color:#666666;
text-align:left;
}
/***** STYLES THAT CHANGE APPEARANCES FOR VERY SPECIFIC PURPOSES *****/
blockquote.quote
{
color: #787878;
background: #ffffff url("../images/10/quotes_small.gif") no-repeat top left;
background-position: 0px 8px;
margin: 20px 20px 20px 0px;
padding: 7px 10px 7px 44px;
border-top: 1px dashed #d1d1d1;
border-bottom: 1px dashed #d1d1d1;
font-style: italic;
font-size: 90%;
line-height: 1.5em;
}
blockquote.warning
{
background: #ffffff url("../images/07/icons/warning_small.gif") no-repeat top left;
background-position: 0px 8px;
margin: 0px;
padding: 7px 10px 7px 44px;
border-top: 1px dashed #d1d1d1;
border-bottom: 1px dashed #d1d1d1;
}
p.br
{
padding: 0px;
margin: 0px;
}
h3.top
{
margin-top: 0px;
}
p.caption
{
font-size: 90%;
color: #898989;
}
p.footnote, span.footnote, sup.footnote-num
{
font-size: 90%;
font-style: italic;
color: #898989;
}
sup.footnote-num
{
vertical-align: super;
}
strong.starburst
/* Use this for NEW! or COOL! or RELEASE 2006.3! */
{
color: #a00d18;
}
tr.zebra, td.zebra
/* Zebra striping for any table */
/* Usage: '' alternates with "
" */
/* Also table declaration *must* contain 'cellspacing="0" */
{
background: #f7f9fd;
}
table.cen td, table.cen th
/* Vertical centering of text */
/* Usage: '' */
/* Examples: products/defecttracking_table.html */
{
vertical-align: middle;
}
/***** FORMATS FOR MANAGEMENT PAGE *****/
table.mngt
{
width: 100%;
}
table.mngt td.left
{
padding: 10px;
border-bottom: 1px dotted #d1d1d1;
border-right: 1px dotted #d1d1d1;
}
table.mngt td.right
{
padding: 10px;
border-bottom: 1px dotted #d1d1d1;
}
table.mngt td.bottom_left
{
padding: 10px;
border-right: 1px dotted #d1d1d1;
}
table.mngt td.bottom_right
{
padding: 10px;
}
table.mngt img
{
float: left;
margin-right: 10px;
}
/***** IMAGE FORMATS, MOSTLY BORDERS, MARGINS, & PADDING *****/
img
{
border: 0px;
padding: 0px;
margin: 0px;
}
img.rss
{
vertical-align: middle;
padding: 0px;
margin: 0px 5px 0px 0px;
}
img.center
{
display: block;
margin-left: auto;
margin-right: auto;
}
img.products
{
margin-bottom: 5px;
}
img.border, img.border-main
{
padding: 3px;
border: 1px solid #d1d1d1;
}
img.left
{
float: left;
margin-right: 12px;
margin-top: 8px;
}
img.right
{
float: right;
margin-left: 12px;
margin-top: 8px;
}
/***** GENERIC QUICKLINKS STYLES *****/
.quickLinks
{
display: block;
width: 100%;
margin: 40px 0px 20px 0px;
padding: 0px;
text-align: center;
border-bottom: 1px solid #dad7d7;
}
.quickLinks ul
{
display: table;
margin: 0px auto;
padding-left: 0px;
text-align: center;
list-style: none;
font-size: 11px;
}
.quickLinks li
{
float: left;
margin: 0px 1px 0px 0px;
padding: 0px 6px 0px 0px;
text-align: center;
background: url("../images/tabs/tall.gif") top right no-repeat;
}
* html .quickLinks li { display: inline; float: none; } /* IE 6 */
.quickLinks a
/* Font size still in pixels */
{
color: #6c7a81;
display: block;
margin: 0px;
padding: 4px 4px 4px 8px;
background: url("../images/tabs/tall.gif") top left no-repeat;
text-align: center;
font-size: 11px;
line-height: 14px;
}
* html .quickLinks a { display: inline-block; padding: 3px 1px 4px 8px; } /* IE 6 */
html .quickLinks a:visited { color: #6c7a81; } /* IE 6 */
/***** SLIDESHOW ICON *****/
/* see component pages */
dl.slideshow
{
margin-bottom: 10px;
clear: both;
}
dl.slideshow dt
{
float: left;
padding: 0px
}
dl.slideshow dd
{
margin-left: 40px;
}
/* keeps text left margin from getting ragged */
* html dl.slideshow dd { height: 1%; } /* IE 6 */
dl.slideshow dd h1
{
color: #000000;
font-weight: bold;
padding: 0px;
margin: 0px;
background: #ffffff;
letter-spacing: 0px;
}
/***** VIDEO ICON *****/
/* see p4v component page */
div.videoBorder
{
padding-top: 10px;
border-top: 1px dotted #d1d1d1;
margin-top: 10px;
margin-bottom: 10px;
}
dl.video dt
{
float: left;
padding: 0px
}
dl.video dd
{
margin-left: 40px;
}
/* keeps text left margin from getting ragged */
* html dl.video dd { height: 1%; } /* IE 6 */
dl.video dd h1
{
color: #000000;
font-weight: bold;
padding: 0px;
margin: 0px;
background: #ffffff;
letter-spacing: 0px;
}
dl.video dd p
{
color: #c1c1c1;
padding: 0px;
margin: 0px;
}
.test-drive-video
{
border-top: 1px solid #d1d1d1;
border-bottom: 1px dotted #d1d1d1;
margin: 20px 0px 20px 0px;
padding: 1px 0px 0px 0px;
text-align: center;
font-size: 90%;
}
* html .test-drive-video { font-size: 80%; } /* IE 6 */
.test-drive-video:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .test-drive-video { height: 1%; } /* IE 6 */
.test-drive-video p
{
padding: 0px;
margin: 0px;
}
.test-drive-video p.title
{
display: block;
padding: 3px 5px;
background: #ffcc44;
font-weight: bold;
text-align: center;
color: #000000;
margin-bottom: 1px;
}
* html .test-drive-video p.title { padding: 0px 0px 2px 5px; } /* IE 6 */
.test-drive-video ul
{
display: table;
margin: 0px auto;
padding: 0px;
width: 100%;
}
.test-drive-video li
{
float: left;
padding: 6px 20px 2px 20px;
margin: 0px;
display: block;
text-align: center;
color: #898989;
width: 27%;
}
.test-drive-video li:hover
{
background: #f1f7fa;
}
.test-drive-video img
{
padding: 2px;
border: 1px solid #d1d1d1;
background: #ffffff;
}
.test-drive-video li.tlv, .test-drive-video li.rg
{
border-right: 1px dotted #d1d1d1;
}
/***** BENEFITS PAGES *****/
div.other-benefits
{
padding: 8px 0px 8px 0px;
border-top: 1px solid #e0e0e0;
background: #f3fef2 url("../images/07/benefits/other_benefits_border.gif") no-repeat bottom right;
margin-bottom: 8px;
}
div.other-benefits h2
{
font-size: 130%;
letter-spacing: 0px;
}
div.other-benefits dl
{
margin: 0px 1px 0px 1px;
background: #f9f9f9 url("../images/07/benefits/other_benefits_bg.gif");
}
div.other-benefits dt
{
font-size: 110%;
border-top: 1px dashed #e6e6e6;
font-weight: bold;
padding: 8px 8px 0px 8px;
}
div.other-benefits dd
{
padding: 0px 8px 8px 8px;
color: #676767;
margin: 0px;
}
/***** INTEGRATION PAGE *****/
table.ide-logos
{
border: 1px solid #dfdfdf;
border-right: 0px;
margin-bottom: 4px;
}
table.ide-logos td
{
border-right: 1px solid #dfdfdf;
width: 115px;
padding-bottom:6px;
background: #ffffff;
text-align: center;
}
/***** GENERIC FIELD INPUT STYLES*****/
input.frame, textarea.frame
{
font-size: 10px;
color: #555555;
border: 1px solid #d1d1d1;
padding: 3px;
background: #ffffff;
}
input.submit-button
{
font-size: 11px;
border: 1px solid #d1d1d1;
padding: 3px 5px;
color: #c9851a;
margin: 0px;
font-weight: bold;
vertical-align: bottom;
background: #f1f1f1 url("../images/07/search/search_button_shadow.gif") left bottom repeat-x;
cursor: pointer;
}
input.submit-button:hover
{
color: #115577;
cursor: pointer;
}
select.frame
{
border: 1px solid #d1d1d1;
padding: 1px;
}
.pulldown
{
border: 1px solid #d1d1d1;
padding: 2px;
color: #555555;
font-size: 12px;
float: left;
}
/***** RSS FEED STYLES *****/
/* rss link */
#rss
{
text-align: right;
margin-top: 10px;
margin-bottom: 15px;
font-size: 90%;
}
#rss img
{
padding: 0px;
vertical-align: middle
}
/***** LEGACY PAGE ICONS *****/
ul.legacy-page
{
list-style-type: none;
padding-left: 0;
margin-left: 0;
font-size: 100%;
}
li.maintain
{
background: url(../images/icons/maintenance.gif) left top no-repeat;
padding-left: 20px;
}
li.deprecate
{
background: url(../images/icons/end_of_lifecycle.gif) left top no-repeat;
padding-left: 20px;
}
/***** Buttons *****/
#grey-button215 a {
clear:both;
width:215px;
height:37px;
margin:0 auto;
background:url(../images/10/button-blue-grey-215.png) 0 0 no-repeat;
display:block;
text-align:center;
line-height:37px;
color:#115577;
font-size:105%;
font-weight:bold;
}
#grey-button215 a:hover {
background:url(../images/10/button-blue-grey-215.png) 0 -37px no-repeat;
color:#FFF;
text-decoration:none;
}
/* Lead Landing Page */
#landing-header {
width:800px;
height:10px;
background-image:url(../images/camp/landing/headerbackground.gif);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:20px;
padding:0;
}
#landing-content {
width:798px;
min-height:400px;
height:auto;
overflow:auto;
border-left:1px solid #b2b2b2;
border-right:1px solid #b2b2b2;
margin-left:auto;
margin-right:auto;
padding-top:20px;
background-color:#FFFFFF;
font-family: "Lucida Grande", Tahoma, Verdana, Candara, sans-serif;
font-size: 90%;
}
#landing-logo {
width:219px;
height:50px;
margin-left:auto;
margin-right:auto;
}
#landing-banner {
width:680px;
height:232px;
margin-top:20px;
margin-left:60px;
margin-bottom:20px;
}
#landing-main {
width:640px;
height:auto;
overflow:auto;
margin-top:15px;
margin-left:auto;
margin-right:auto;
padding:20px;
border: 1px solid #B2B2B2;
/*background-image:url(../images/camp/landing/formbackground.png);
background-repeat:repeat-x;
background-position:bottom;*/
}
#landing-left {
float:left;
width:380px;
height:auto;
}
#landing-left div {
margin:17px;
width:230px;
}
#landing-left div {
margin:17px;
width:345px;
}
#landing-left dt {
width: 300px;
padding: 6px 0px 4px 0px;
}
#landing-left dd {
padding: 0px 0px 6px 0px;
margin: 0px;
margin-bottom: 4px;
}
#landing-left h1 {
font-weight:bold;
font-size:120%;
color:#115577;
letter-spacing: normal;
}
#landing-left a {
color:#115577;
font-size:95%;
font-weight:100;
}
#landing-right {
float:right;
width:240px;
min-height:200px;
height:auto;
text-align:center;
}
#landing-right h1 {
font-weight:bold;
font-size:120%;
color:#115577;
}
#landing-right a {
color:#c9851a;
font-size:95%;
font-weight:100;
}
#cover-div {
font-family: Arial, Helvetica, sans-serif;
font-size:90%;
color:#666666;
}
#landing-footer {
clear:both;
width:800px;
height:65px;
background-image:url(../images/camp/landing/footerbackground.gif);
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
.landing-error {
font-weight: bold;
color: #cc0000;
}
input.submit-button {
font-size: 11px;
border: 1px solid #d1d1d1;
padding: 3px 5px;
color: #c9851a;
margin: 0px;
font-weight: bold;
vertical-align: bottom;
background: #f1f1f1 url("../images/07/search/search_button_shadow.gif") left bottom repeat-x;
cursor: pointer;
}
input.submit-button:hover {
color: #115577;
cursor: pointer;
}
#landing-links {
clear:both;
width:638px;
height:95px;
background-color:#f1f1f1;
border: 1px solid #e1e1e1;
}
#landing-links a {
text-decoration:none;
color:#115577;
}
#landing-links a:hover {
color:#000;
text-decoration:none;
}
.landing-icons {
width:126px;
height:82px;
float:left;
text-align:center;
font-size:10px;
line-height:12px;
margin:5px 0;
text-decoration:none;
display:block;
}
.landing-vert-separation {
width:2px;
height:87px;
background:url(../images/landing/clearcase/vert-separation.png) no-repeat;
float:left;
}
.landing-paragraph {
clear:both;
margin:5px 0;
}
.vertical-align-middle {
vertical-align:middle;
}
/* NEW Lead Landing Page */
#landing-header2 {
width:670px;
height:80px;
margin:0 auto 0 auto;
}
#landing-banner-bestpractices {
width:670px;
height:280px;
margin:0 auto 0 auto;
background:url(../images/camp/landing/landing-banner-bestpracticespaper.jpg) top no-repeat #e7e6e6;
}
#landing-banner-bestpractices h1 {
color:#115577;
font-size:24px;
line-height:34px;
font-weight:100;
letter-spacing:0;
margin:0;
padding: 50px 0 0 45px;
}
#landing-footer2 {
width:670px;
height:120px;
margin:0 auto 0 auto;
background:url(../images/camp/landing/landing-footerback.png);
}
#landing-links2 {
width:645px;
height:95px;
margin:0 0 0 20px;
padding:15px 0 0 0;
}
#landing-links2 a {
text-decoration:none;
color:#115577;
}
#landing-links2 a:hover {
color:#000;
text-decoration:none;
}
.landing-vert-separation2 {
width:2px;
height:84px;
background:url(../images/camp/landing/vert-separation2.png) no-repeat;
float:left;
}
#landing-logo2 {
width:219px;
height:40px;
margin:35px auto 0 auto;
}
.download-button-generic a {
width:141px;
height:37px;
background:url(../images/camp/landing/landing-downloadbutton.png) 0 0 no-repeat;
display:block;
margin:30px auto 8px 140px;
}
.download-button-generic a:hover {
background:url(../images/camp/landing/landing-downloadbutton.png) 0 -37px no-repeat;
}
#landing-banner-roicasestudy {
width:670px;
height:280px;
margin:0 auto 0 auto;
background:url(../images/camp/landing/landing-banner-roicasestudy.jpg) top no-repeat #e7e6e6;
}
#landing-banner-roicasestudy h1 {
color:#115577;
font-size:24px;
line-height:34px;
font-weight:100;
letter-spacing:0;
margin:0;
padding: 50px 0 0 45px;
}
#landing-banner-embeded {
width:670px;
height:280px;
margin:0 auto 0 auto;
background:url(../images/camp/landing/landing-banner-embedded.jpg) top no-repeat #e7e6e6;
}
#landing-banner-embeded h1 {
color:#115577;
font-size:24px;
line-height:34px;
font-weight:100;
letter-spacing:0;
margin:0;
padding: 50px 0 0 45px;
}
/* CAMPAIGN PAGE */
#camp-main {
width:640px;
height:auto;
overflow:auto;
margin-top:15px;
margin-left:auto;
margin-right:auto;
padding:20px;
background-repeat:repeat-x;
background-position:bottom;
}
#camp-left {
float:left;
width:380px;
height:auto;
font-size:110%;
}
#camp-left h1 {
font-weight:normal;
font-size:140%;
letter-spacing:normal;
}
#camp-left a {
color:#115577;
font-size:95%;
font-weight:100;
}
#camp-right {
width:220px;
height:auto;
float:right;
}
#camp-right-background {
height:auto;
background-image:url(../images/camp/reasons/camp-rightcol5-back.png);
}
#camp-right-background-reason3 {
height:auto;
background-image:url(../images/camp/reasons/camp-rightcol3-back.png);
}
#camp-right-background-reason11 {
height:auto;
background-image:url(../images/camp/reasons/camp-rightcol11-back.png);
}
#camp-right-foot {
width:220px;
height:55px;
background-image:url(../images/camp/reasons/camp-rightcol-foot.png);
}
#right-box-text {
width:180px;
height:auto;
overflow:auto;
background-repeat:no-repeat;
text-align:left;
font-size:110%;
margin:0 auto 0 18px;
padding-top: 120px;
color:#FFFFFF;
line-height:17px;
}
#right-box-text h1 {
font-size:140%;
color:#FFCC44;
line-height:120%;
margin:0 0 10px 0;
padding:0px;
letter-spacing:normal;
}
#right-box-text h2 {
font-size:110%;
color:#FFCC44;
line-height:110%;
margin:0px;
padding:0px;
letter-spacing:normal;
}
#right-box-text a {
font-size:110%;
color:#FFCC44;
text-decoration:none;
}
#right-box-text a:hover {
color:#FFCC44;
text-decoration:underline;
}
.highlight-box {
width:260px;
height:auto;
margin:0 0 20px 0;
border: 1px solid #e9e8e3;
padding:15px;
font-size:80%;
color:#666666;
text-align:left;
}
#download-button {
width:161px;
height:26px;
line-height:26px;
background-image:url(../images/camp/reasons/button-orangeback.gif);
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:80%;
margin: 10px 0 3px 0;
}
#download-button a {
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#download-button a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#liveweekly-button {
width:161px;
height:26px;
line-height:26px;
background-image:url(../images/camp/reasons/button-orangeback.gif);
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:80%;
margin: 10px 0 3px 0;
}
#liveweekly-button a {
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#liveweekly-button a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#download-button-white a {
width:161px;
height:26px;
line-height:25px;
background-image:url(../images/camp/reasons/button-orangeback-white.gif);
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:105%;
margin: 10px 0 3px 0;
display:block;
}
#download-button-white a:hover {
background:url(../images/camp/reasons/button-orangeback-white.gif) 0 -26px no-repeat;
color:#115577;
text-decoration:none;
}
#compare-button a {
width:95px;
height:26px;
line-height:26px;
background-image:url(../images/camp/reasons/button-orangeback-95px.gif);
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:90%;
margin: 10px auto 3px auto;
display:block;
}
#compare-button a:hover {
background:url(../images/camp/reasons/button-orangeback-95px.gif) 0 -26px no-repeat;
color:#115577;
text-decoration:none;
}
#scheduledemo-button {
width:161px;
height:30px;
line-height:100%;
background-image:url(../images/camp/reasons/button-greyback.gif);
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:80%;
margin: 10px 0 10px 0;
padding-top:9px;
display:block;
}
#scheduledemo-button a {
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#scheduledemo-button a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#scheduledemo-button-white a {
width:161px;
height:30px;
line-height:93%;
background-image:url(../images/camp/reasons/button-greyback-white.gif);
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:105%;
margin: 10px 0 10px 0;
padding-top:9px;
text-decoration:none;
display:block;
}
#scheduledemo-button-white a:hover {
background:url(../images/camp/reasons/button-greyback-white.gif) 0 -39px no-repeat;
color:#115577;
}
#camp-form {
font-size:90%;
color:#555;
background-color:#eee;
padding:10px;
}
#camp-form em {
color:#999;
font-size:95%;
}
/* UK GOOGLE CAMPAIGN PAGE */
#camp-uk-google-left {
width: 194px;
height: 330px;
float:left;
margin:10px 20px 10px 0;
padding:8px;
font-size:90%;
line-height:115%;
background:url(../images/landing/uklanding-bloc-gradient.gif) no-repeat top;
}
#camp-uk-google-middle {
width: 194px;
height: 330px;
float:left;
margin:10px 10px 10px 0;
padding:8px;
font-size:90%;
line-height:115%;
background:url(../images/landing/uklanding-bloc-gradient.gif) no-repeat top;
}
#camp-uk-google-right {
width: 194px;
height: 330px;
float:right;
margin:10px 0 0 0;
padding:8px;
font-size:90%;
line-height:115%;
background:url(../images/landing/uklanding-bloc-gradient.gif) no-repeat top;
}
.camp-uk-button {
width:174px;
height:35px;
margin:15px auto 20px auto;
}
/*#scheduledemo-button-white a {
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
*/
/*#scheduledemo-button-white a:hover {
color:#FFFFFF;
text-decoration:underline;
}*/
/* CUSTOMER RESOURCE PAGE */
.resources-left {
width:323px;
margin:0 24px 0 0;
float:left;
}
.resources-left h2 {
color:#FFF;
font-size:140%;
font-weight:100;
margin:0 0 0 25px;
letter-spacing:normal;
line-height:44px;
}
.resources-right {
width:323px;
margin:0;
float:right;
}
.resources-right h2 {
color:#FFF;
font-size:140%;
font-weight:100;
margin:0 0 0 25px;
letter-spacing:0;
line-height:44px;
}
#resources-orange {
width:100%;
height:44px;
background:url(../images/customer_resources/arrow-orange-back.png) #FF9933 left no-repeat;
margin:0;
}
#resources-yellow {
clear:both;
width:100%;
height:44px;
background:url(../images/customer_resources/arrow-yellow-back.png) #ffC425 left no-repeat;
margin:0;
}
#resources-green {
width:100%;
height:44px;
background:url(../images/customer_resources/arrow-green-back.png) #99CC66 left no-repeat;
margin:0;
}
#resources-blue {
width:100%;
height:44px;
background:url(../images/customer_resources/arrow-blue-back.png) #115577 left no-repeat;
margin:0;
}
#resources-lightgrey {
width:100%;
height:44px;
background:url(../images/customer_resources/arrow-lightgrey-back.png) #BABABA left no-repeat;
margin:0;
}
#resources-black {
width:100%;
height:44px;
background:url(../images/customer_resources/arrow-black-back.png) #000 left no-repeat;
margin:0;
}
#resources-darkgrey {
width:100%;
height:44px;
background:url(../images/customer_resources/arrow-darkgrey-back.png) #999 left no-repeat;
margin:0;
}
.resources-content {
width:100%;
min-height:110px;
height:auto;
background:url(../images/customer_resources/grey-gradient.png) #FFF top left repeat-x;
font-size:88%;
margin:0;
padding:0 0 5px 0;
}
.resources-content h3 {
font-weight:bold;
font-size:100%;
color:#000;
margin:0;
line-height:135%;
}
.resources-content p {
line-height:130%;
}
.resources-content a {
color:#115577;
}
.resources-content a:hover {
color:#115577;
}
.resources-content img {
float:left;
margin:5px 0 5px 0;
}
.resources-content hr {
clear:both;
}
.resources-item {
height:auto;
overflow:auto;
}
.resources-hr {
width:100%;
height:0px;
border-top:1px solid #DDD;
border-bottom:1px solid #FFF;
border-left:0;
border-right:0;
margin:0px;
}
*html .resources-hr {height:2px;}
*+html .resources-hr {height:2px;}
.resources-text {
width:90%;
height:auto;
min-height:55px;
margin:0 auto 5px auto;
padding:5px 0 0 0;
color:#333;
}
.resources-text-icons {
width:253px;
height:auto;
min-height:55px;
margin:0 6px 5px auto;
padding:5px 0 0 0;
color:#333;
float:right;
}
.hidden-hr {
border:0px;
height:0px;
width:0px;
color:#FFF;
margin:0 0 5px 0;
}
/* SCHEDULE DEMO PAGE */
#schedule_demo_left {
float:left;
width:400px;
}
#schedule_demo_left form {
border: 1px solid #B2B2B2;
background-image:url(../images/camp/landing/formbackground.png);
background-repeat:repeat-x;
background-position:bottom;
padding:10px;
}
#schedule_demo_left dt {
width: 300px;
padding: 6px 0px 4px 0px;
}
#schedule_demo_left dd {
padding: 0px 0px 6px 0px;
margin: 0px;
margin-bottom: 4px;
}
#schedule_demo_right {
float:right;
width:230px;
padding:10px;
background-color:#f7f7f7;
border: 1px solid #e9e8e3;
}
/* CONFERENCE PAGE */
#conf-menu {
width:430px;
height:28px;
clear:both;
border-top:1px solid white;
padding:0;
margin:0 0 18px 0;
}
#conf-menu ul {
list-style:none;
margin:0 10px 15px 0;
padding:0;
}
#conf-menu li {
list-style: none;
text-align:center;
font-size:115%;
font-weight:100;
color:#fff;
float: left;
margin:0 8px 0 0;
height: 28px;
width: auto;
line-height: 28px;
padding: 0 12px;
background-color:#5093B9;
-moz-border-radius: 7px;
border-radius: 7px;
}
#conf-menu li:hover {
font-weight:100;
background-color:#E7921E;
}
#conf-menu li a {
color:#fff;
font-weight:100;
text-decoration:none;
display:block;
}
#conf-menu li.active {
background-color:#E7911E;
}
#conf-menu img {
margin: 0 0 0 1px;
border: none;
}
#conf-left-col {
width: 430px;
height: auto;
float:left;
margin: 19px 0 0 0;
color: #333;
font-size: 95%;
}
#conf-left-col h1 {
color:#326ea1;
font-size:155%;
line-height:110%;
letter-spacing:0;
margin:22px auto 8px 0;
font-weight:bold;
}
#conf-left-col h2 {
color:#000;
font-size:110%;
line-height:110%;
letter-spacing:0;
margin:10px auto 2px 0;
font-weight:bold;
}
#conf-left-col h3 {
margin:10px 0 10px 0;
}
#conf-left-col h4 {
margin:0 0 3px 0;
}
#conf-left-col img {
float:left;
margin:0 5px 0 0;
}
#conf-left-col-bios {
width: 430px;
height: auto;
float:left;
margin: 19px 0 0 0;
color: #333;
font-size: 95%;
}
.conf-left-col-2 {
width: 210px;
height: 80px;
float:left;
margin: 10px 0 0 0;
color: #333;
font-size: 95%;
}
.conf-left-col-2-right {
width: 210px;
height: 80px;
float:right;
margin: 10px 0 0 0;
color: #333;
font-size: 95%;
}
#conf-left-col-3 {
width: 430px;
height: auto;
color: #333;
font-size: 95%;
}
.conf-left-col-4 {
width: 664px;
height: auto;
float:left;
margin: 19px 0 0 0;
padding-bottom: 10px;
color: #e8e9e9;
font-size: 95%;
font-weight:100;
line-height: 28px;
-moz-border-radius: 7px;
border-radius: 7px;
min-height: 30px;
border: 1px solid #e8e9e9;
background:url(../images/conferences/us/2011/grey-gradient.png) repeat-x bottom;
}
.conf-left-col-4 h1 {
color:#000;
font-size:110%;
line-height:110%;
letter-spacing:0;
margin:15px auto 8px 10px;
font-weight:bold;
}
.conf-left-col-4 h2 {
color:#333;
font-size:90%;
line-height:110%;
letter-spacing:0;
margin:3px auto 0 10px;
}
.conf-left-col-4 h3 {
color:#333;
font-size:100%;
line-height:110%;
letter-spacing:0;
margin:0 auto 0 10px;
}
.conf-left-col-4 a {
color:#E7921E;
font-size:100%;
font-weight:bold;
}
.conf-left-col-4 a:hover {
text-decoration: none;
color: #E7921E;
}
.conf-left-col-4-left {
width:165px;
height: auto;
min-height: 15px;
float: left;
margin: 5px 0 0 10px;
color: #333;
font-size:90%;
font-weight: 100%;
line-height: 28px;
}
.conf-left-col-4-time {
width:150px;
height: auto;
min-height: 25px;
float: left;
margin: 5px 0 auto 10px;
color: #333;
font-size:90%;
font-weight:130%;
line-height: 28px;
clear: both;
}
#conf-col-5 {
width: 660px;
height: auto;
float:left;
margin: 19px 0 0 10px;
color: #333;
font-size: 95%;
}
#conf-col-5 img {
float:left;
margin: 0 10px 5px 0;
}
#conf-col-5 h1 {
color:#000;
font-size:155%;
line-height:110%;
letter-spacing:0;
margin:22px auto 5px 0;
font-weight:bold;
}
#conf-col-5 h2 {
color:#333;
font-size:130%;
line-height:110%;
letter-spacing:0;
margin:5px auto 2px 0;
}
#conf-col-5 h3 {
margin:10px 0 10px 0;
}
.conf-left-col-5 {
width: 660px;
height: auto;
float: left;
margin: 20px 0 40px 0;
padding: 0 0 15px 5px;
color: #333;
font-size: 95%;
background:url(../images/conferences/us/2011/grey-gradient-line.png) repeat-x bottom;
}
.conf-left-col-bio {
width: 620px;
height: auto;
float: left;
margin: 0 0 10px 0;
color: #333;
font-size: 100%;
}
.conf-left-col-bio img {
float:left;
padding: 5px 3px 0 0;
vertical-align: middle;
}
.conf-left-col-bio ul {
list-style: none;
margin:10px 10px 0 0;
}
.conf-left-col-bio li {
list-style:none;
font-weight:100;
width: auto;
line-height: 26px;
padding: 0 30px;
margin: 1px 0;
}
.sched-hours {
width: 120px;
height: auto;
min-height: 20px;
float: left;
clear:both;
}
.conf-row {
clear:both;
height: auto;
width: 100%;
}
.conf-left-col-4-right {
width: 473px;
height: auto;
min-height: 25px;
margin: 5px 5px 2px 5px;
float: left;
color: #333;
font-size:90%;
font-weight: 100%;
line-height: 28px;
}
.conf-left-col-4-right-row {
width: 645px;
height: auto;
min-height: 130px;
margin: 5px 5px 0 10px;
float: left;
color: #333;
font-size:90%;
font-weight: 100%;
line-height: 28px;
clear: both;
}
.conf-left-col-4-grey {
width: 463px;
height: auto;
min-height: 51px;
margin: 0 5px 2px auto;
padding-left: 10px;
float: left;
line-height: 40%;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #e8e9e9;
background:url(../images/conferences/us/2011/grey-gradient.png)
}
.conf-left-col-4-grey-sml {
width: 150px;
height: auto;
min-height: 180px;
margin: 0 8px 0 auto;
padding-left: 10px;
float: left;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #e8e9e9;
background:url(../images/conferences/us/2011/grey-gradient-sml.png)
}
.conf-left-col-4-grey-sml img {
margin: 5px 5px auto 3px;
padding: 0 110px 5px 0;
clear:both;
}
.conf-left-col-4-blue {
width: 463px;
height: auto;
min-height: 51px;
margin: 0 5px 2px auto;
padding-left: 10px;
float: left;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #e8e9e9;
background:url(../images/conferences/us/2011/blue-gradient.png)
}
.conf-left-col-4-blue-2 {
width: 630px;
height: auto;
min-height: 34px;
margin: 0 0 5px 10px;
padding-left: 10px;
float: left;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #e8e9e9;
background:url(../images/conferences/us/2011/blue-gradient.png);
clear: both;
}
.conf-left-col-4-blue img {
margin: 10px 0;
padding: 12px 0 0 150px;
clear: both;
}
.conf-left-col-4-light-yellow {
width: 118px;
height: auto;
min-height: 180px;
margin: 0 0 1px auto;
padding: 0 5px 0 10px;
float: right;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #e8e9e9;
background:url(../images/conferences/us/2011/light-yellow-gradient.png)
}
.conf-left-col-4-demos {
width: 123px;
height: auto;
min-height: 65px;
margin: 5px 5px 10px auto;
}
.conf-left-col-4-demos img {
margin: 5px 5px auto 5px;
padding: 0 80px 5px 10px;
clear:both;
}
.conf-left-col-4-orange {
width: 463px;
height: auto;
min-height: 35px;
margin: 0 5px 2px auto;
padding-left: 10px;
float: left;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #e8e9e9;
background:url(../images/conferences/us/2011/orange-gradient.png)
}
.conf-left-col-4-green {
width: 463px;
height: auto;
min-height: 30px;
margin: 0 5px 0 auto;
padding: 6px 0 6px 10px;
float: left;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #e8e9e9;
background:url(../images/conferences/us/2011/green-gradient.png);
clear: both;
}
.conf-paragraph {
color: #666;;
font-size:90%;
line-height:90%;
margin:8px;
border-bottom:1px solid #ddd;
}
.conf-paragraph img {
float:left;
margin:0 5px 5px 0;
}
#conf-right-col {
width: 215px;
height: auto;
float: right;
margin: 20px 0 0 0;
letter-spacing:0;
text-align:center;
}
#conf-right-col-1 {
width:215px;
height:auto;
background:url(../images/conferences/us/2011/conf-right-1.png) top no-repeat #b9dbf0;
overflow: auto;
font-size: 95%;
color: #333;
padding: 0 0 8px 0;
}
#conf-right-col-1 a {
font-size: 100%;
line-height:16px;
font-weight: 100;
color: #333;
padding:25px auto 0 auto;
}
#conf-right-col-1 a:hover {
text-decoration: none;
color: #E7921E;
}
#conf-right-col h2 {
font-size: 165%;
margin: 15px auto 4px auto;
color: #000;
font-weight:100;
padding:0;
letter-spacing:0;
}
#conf-right-col h3 {
font-size: 110%;
margin: 0 auto 5px auto;
color: #333;
font-weight:100;
padding:0;
}
#conf-right-col-2 {
width:215px;
height:40px;
background:url(../images/conferences/us/2011/conf-right-2.png) #007da0 bottom no-repeat;
color:#b9dbf0;
}
#conf-right-col-2 a {
font-size: 180%;
line-height:34px;
font-weight: 100;
color: #FFF;
padding:0 auto 0 auto;
}
#conf-right-col-2 a:hover {
text-decoration: none;
color: #E7921E;
}
#conf-right-col-2b {
width:215px;
height:auto;
background:#E7921E;
font-size: 140%;
padding:5px 0 5px 0;
color:#000;
}
#conf-right-col-3 {
width:215px;
height:52px;
background:url(../images/conferences/us/2011/conf-right-3.png) #77b6cc bottom no-repeat;
text-align:center;
margin-bottom: 20px;
}
#conf-right-col-4 {
width: 215px;
height: auto;
color: #000000;
font-size:120%;
line-height: 180%;
margin:20px 0 10px 0;
border-bottom: 1px solid #ddd;
}
#conf-sessions-row {
width: 642px;
height: 40px;
margin: 5px 5px 0 5px;
float: left;
line-height: 28px;
clear: both;
}
#conf-sessions {
width: 200px;
height: auto;
font-size: 140%;
float: left;
margin: 15px 0 4px 168px;
color: #000;
font-weight:bold;
padding: 0;
letter-spacing:0;
}
#conf-demo {
width: 65px;
height: auto;
font-size: 140%;
float: right;
margin:15px 25px 4px 0;
color: #000;
font-weight:bold;
padding: 0;
letter-spacing:0;
}
.conf-right-col-5 {
width: 215px;
height: auto;
color: #888;
font-size:105%;
line-height:250%;
margin:10px 0 10px 0;
border-bottom:1px solid #ddd;
}
.conf-left-col-6 {
width: 670px;
height: auto;
min-height: 25px;
margin: 10px 5px 2px 5px;
float: left;
color: #333;
font-size:90%;
font-weight: 100%;
line-height: 28px;
}
.conf-left-col-6-grey-left {
width: 300px;
height: auto;
min-height: 30px;
margin: 0 5px 5px 10px;
float: left;
}
.conf-left-col-6-sched {
width: 100px;
height: 20px;
font-size: 80%;
float: right;
margin: 10px 15px 4px 0;
color: #000;
font-weight:bold;
padding: 0;
letter-spacing:0;
}
.conf-left-col-6-sched a {
color: #f99f34;
font-weight: bold;
}
.conf-display {
clear:both;
width:670px;
height:auto;
min-height: 20px;
display: none;
margin:0;
padding:0;
}
.conf-speakers-a, .conf-speakers-b {
width:97%;
height:auto;
background:#EEE;
text-align: left;
font-size: 85%;
margin: auto;
padding: 5px;
}
.conf-speakers-b {
background: #FFF;
}
#conf-speakers {
width: 100%;
height: auto;
border: 1px solid #eee;
-moz-border-radius: 7px;
box-shadow: 10px 10px 0 #333; border-radius: 7px;
}
#social-icons {
width:200px;
margin:0 auto 0 auto;
padding:8px 0 0 0;
}
.conf-googlemap {
margin:25px 0 0 0;
}
.conf-left-sub {
width:420px;
height:auto;
clear:both;
font-size:100%;
}
.conf-left-sub img {
float:left;
}
.conf-left-sub p {
width:310px;
float:right;
line-height:100%;
margin:18px 0 0 0;
}
.conf-left-sub h3 {
font-wight:bold;
margin:0;
padding:0;
line-height:100%;
color:#000;
}
.conf-description {
width:100%;
height:auto;
display: none;
margin:3px 0 0 0;
padding:0;
color:#666;
}
.conf-view {
width:100%;
height:auto;
margin:5px 0 0 0;
}
.conf-view a {
font-weight:100;
}
#conference-leftcol {
width:390px;
float:left;
margin:25px 0 0 0;
}
#conference-rightcol {
width: 240px;
float:right;
padding:5px;
background-color:#f3f3f3;
border:1px solid #B2B2B2;
margin:25px 0 0 0;
}
#conference-details {
clear:both;
}
#conference-podcast {
width:100%;
font-size:85%;
color:#666666;
margin:0 0 0 5px;
}
#conference-podcast img {
float:left;
margin:0 5px 10px 0;
}
#conference-podcast div {
width:192px;
float:right;
vertical-align:middle;
}
.conference-menu-button {
width:218px;
height:26px;
padding-top:3px;
background-image:url(../images/conferences/us/2009/conf-menu-button.png);
background-repeat:no-repeat;
text-align:center;
margin:10px;
line-height:16px;
}
#attend_list li {
list-style-image:url(../images/09/gray-arrow.gif);
}
* html #attend_list li { list-style-image:url(../images/09/gray-arrow-ie.gif); } /* IE 6 */
.conference-box {
clear:both;
width:95%;
height:auto;
overflow:auto;
background:url(../images/box-gradient.png) no-repeat left top;
padding:1px 0 5px 12px;
margin:0 0 30px 0;
border-bottom:1px solid #eeeeee;
}
.conference-box img {
float:left;
margin:0 10px 0 0;
}
.videothumb-left {
float:left;
width:142px;
height:102px;
margin:10px 5px;
padding:2px;
border: 1px solid #999999;
}
.videothumb-left img {
width:140px;
height:100px;
border: 1px solid #333333;
margin:0px;
padding:0px;
}
.videothumb-left a img {
border: 1px solid #333333;
}
.videothumb-left a:hover img {
border: 1px solid #FFCC44;
}
.videodesc-right {
float:right;
width:455px;
margin:10px 5px;
}
.videodesc-right h4 {
lineheigh:18px;
margin:0;
padding:0;
}
table.conference {
color:#000000;
width: 100%;
margin-bottom: 5px;
font-size: 90%;
line-height: 1em;
}
*+html table.conference { font-size: 85%; } /* IE 7 */
table.conference a {
color:#c9851a;
font-weight:100;
}
table.conference a:hover {
color:#c9851a;
font-weight:100;
}
table.conference a:visited {
color:#c9851a;
font-weight:100;
}
table.conference td, table.conference th
{
padding: 5px 4px;
text-align: left;
vertical-align: top;
border: 0px;
border-bottom: 1px solid #d1d1d1;
}
.title-col {
width:400px;
}
.speaker-col {
width:200px;
}
.time-col {
width:120px;
}
.activity-col {
width:300px;
font-size:85%;
}
.details-col {
width:180px;
font-size:85%;
}
table.conference th
{
font-weight: bold;
font-size:120%;
border-bottom: 1px solid #d1d1d1;
text-align:left;
padding: 6px 10px;
}
table.conference dt
{
margin-bottom: 0px;
font-weight: bold;
}
*+html table.conference p { font-size: 100%; } /* IE 7 */
*+html table.conference a { font-size: 105%; } /* IE 7 */
.table-title {
font-size:90%;
}
.table-company {
font-style:italic;
font-weight:100;
}
.table-company a:visited {
font-style:italic;
font-weight:100;
}
tr.zebra2, td.zebra2 {
background:url(../images/table-gradient.gif) repeat-x bottom #ffffff;
}
#conference-rightcol2 {
width: 240px;
float:right;
padding:5px;
margin:25px 0 0 0;
}
#conf-block {
width:235px;
height:300px;
background-color:#CCC;
float:right;
margin:0 auto 60px auto;
text-align:center;
}
#conf-block1 {
width:235px;
min-height:60px;
height:auto;
background:url(../images/conferences/uk/2010/conf-bloc1.png) top no-repeat #f0f0f0;
font-size:95%;
line-height:60%;
color:#888;
margin:0 auto 0 auto;
}
#conf-block4 {
width:235px;
min-height:48px;
height:auto;
margin:0 auto 0 auto;
}
* html #conf-block4 {height:48px;}
#network-icons {
width:200px;
margin:0 auto 0 auto;
padding:10px 0 0 0;
text-align:center;
}
#network-icons img {
margin:0 2px 0 2px;
border:0px;
}
#network-icons img a {
border:0px;
}
#network-icons img a:hover {
border:0px;
}
#conf-content {
color:#666;
line-height:130%;
font-size:95%;
}
/***** MULTIMEDIA LIBRARY PAGE *****/
#medialibrary-head {
width:670px;
height:365px;
background-image:url(../images/video/video_header_lrg.png);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
margin:0 0 25px 0;
}
#media-carousel {
width:624px;
height:249px;
background-image:url(../images/video/mediacarouselback.png);
background-repeat:no-repeat;
text-align:center;
padding:0;
margin:0 auto;
}
#media-carousel h1 {
color:#FFF;
font-size:32px;
font-weight:100;
float:left;
line-height:32px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:16px 0 14px 0;
}
#media-carousel-banner {
width:610px;
height:235px;
text-align:center;
padding:0;
margin:7px auto 12px auto;
}
*+html #media-carousel-banner {margin:7px auto 7px auto;}
* html #media-carousel-banner {margin:7px auto 3px auto;}
#media-carousel-banner img {
margin-top:7px;
}
#media-carousel-tabs {
width:610px;
height:25px;
margin:0 auto;
clear:both;
}
#media-carousel-tabs ul {
list-style: none;
margin-left:480px;
}
#media-carousel-tabs li {
width:15px;
height:15px;
list-style: none;
background:#a3a4a4;
text-align:center;
font-family: "Lucida Grande", Tahoma, Verdana, Candara, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFF;
float: left;
margin:0 4px;
display:block;
}
#media-carousel-tabs a {
color:#FFF;
text-decoration:none;
display:block;
}
#media-carousel-tabs a:hover {
background:#CCC;
color:#115577;
text-decoration:none;
}
#mediafeeds {
width:240px;
height:26px;
background:url(../images/video/mediafeeds.gif) no-repeat;
color:#115577;
text-decoration:none;
float:right;
font-size:75%;
font-weight:100;
margin:20px 10px 0 0;
line-height:25px;
}
#mediafeeds a {
color:#000;
font-weight:100;
}
#mediafeeds a:hover {
color:#000;
font-weight:100;
}
#mediafeeds img {
margin-top:3px;
}
#media-menu {
width:635px;
height:20px;
clear:both;
margin:0 auto 0 auto;
}
#media-menu ul {
list-style:none;
margin:0;
padding:0;
}
#media-menu li {
list-style: none;
text-align:center;
font-family: "Lucida Grande", Tahoma, Verdana, Candara, sans-serif;
font-size:12px;
font-weight:100;
color:#000;
float: left;
margin:0 5px 0 5px;
display:block;
}
#media-menu li a {
color:#000;
font-weight:100;
text-decoration:none;
padding:5px;
}
#media-menu li a:hover {
color:#000;
font-weight:100;
background-color:#f0f0f1;
padding:5px;
}
.active {
color:#000;
font-weight:100;
background-color:#f0f0f1;
padding:5px;
}
.latestadds-bloc {
width:280px;
height:150px;
background:#FFF;
}
.latestadds-bloc h1 {
color:#000;
font-size:110%;
line-height:150%;
font-weight:100;
letter-spacing:0;
padding:10px 0 0 10px;
}
.latestadds-bloc img {
vertical-align:middle;
line-height:150%;
margin:0 7px 0 0;
}
.latestadds {
width:260px;
margin:5px 0 5px 10px;
padding:0 0 5px 0;
border-bottom:1px solid #CCC;
}
.latestadds a {
color:#666;
font-weight:100;
}
.latestadds a:hover {
color:#115577;
text-decoration:none;
}
.readmore {
width:260px;
text-align:right;
border-bottom:none;
color:#115577;
}
.readmore a {
color:#115577;
font-weight:bold;
}
.readmore a:hover {
text-decoration:underline;
color:#115577;
}
#channel_header {
width:670px;
height:88px;
background:url(../images/video/channelheader.png) top no-repeat;
text-align:center;
}
#channel_header h1 {
color:#FFF;
font-size:32px;
font-weight:100;
line-height:32px;
float:left;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:0 0 3px 30px;
padding:16px 0 9px 0;
}
#channel-path {
color:#115577;
font-size:90%;
font-weight:bold;
margin:0 0 0 30px;
}
#channel-path a {
color:#115577;
font-size:90%;
font-weight:100;
}
#channel-path a:hover {
font-weight:100;
text-decoration:underline;
color:#000;
}
/***** TECHNICAL SUPPORT *****/
#support-head {
width:670px;
height:215px;
background-image:url(../images/support/tech_support_banner.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#support-intro {
width:380px;
height:auto;
float:left;
color:#FFF;
font-size:110%;
line-height:140%;
margin-top:26px;
margin-left:30px;
}
#support-intro h1 {
color:#FFF;
font-size:24px;
line-height:30px;
font-weight:300;
letter-spacing:0;
}
#support-intro p {
color:#FFF;
}
#support-paragraph{
clear:both;
width:100%;
height:auto;
}
#support-quote-top {
width:670px;
height:17px;
background-image:url(../images/support/tech_support_roundtop.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;}
#support-quote-bottom {
width:670px;
height:15px;
background-image:url(../images/support/tech_support_roundbottom.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;}
.support-grey {
width:670px;
height:210px;
overflow: none;
background-color:#a8a8a8;
clear:both;
}
.support-light-grey {
width:670px;
height:210px;
overflow: none;
background-color:#999999;
clear:both;
}
.support-left {
width: 360px;
height: 190px;
float: left;
margin: 10px 20px 0px 20px;
color: #FFF;
font-size: 110%;
line-height: 130%;
}
.support-right {
width: 220px;
height: 160px;
float: right;
margin: 10px 20px 0px 10px;
}
.support-author {
font-size: 82%;
line-height: 80%;
}
.support-left {
display: table;
left: 14px;
top: 106px;
}
.support-left p {
display: table-cell;
vertical-align: middle;
text-align: left;
color:#FFF;
}
#support-button a {
width:224px;
height:70px;
background:url(../images/10/contact-button.png) 0 0 no-repeat;
display:block;
margin:0 auto 0 195px;
color: #115577;
text-align:center;
line-height:70px;
}
#support-button a:hover {
background:url(../images/10/contact-button.png) 0 -67px no-repeat;
color:#FFF;
text-decoration:none;
}
/***** TECHNICAL SUPPORT CONTACT *****/
#support-contact-paragraph{
clear:both;
width:100%;
height:auto;
}
#support-contact-top {
width:670px;
height:13px;
background-image:url(../images/support/support-contact-top.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;}
#support-contact-bottom {
width:670px;
height:13px;
background-image:url(../images/support/support-contact-bottom.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:0 0 15px 0;
}
.support-contact-grey {
width:670px;
height:auto;
overflow: auto;
background-color:#e4e4e4;
clear:both;
}
.support-contact {
clear:both;
margin-left: 20px;
margin-top: 90px;
}
.support-contact-left {
width:200px;
height: auto;
margin-left: 20px;
float: left;
}
.support-contact-left h4 {
margin: 0px;
}
.support-contact-left p {
display: table-cell;
vertical-align: middle;
text-align: left;
}
/***** MEDIA AUDIO VIDEO PAGE *****/
#video-head {
width:670px;
/*height:160px;*/
height:215px;
background-image:url(../images/video/video_header.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
}
#video-intro {
width:360px;
height:auto;
float:left;
color:#115577;
font-size:110%;
line-height:180%;
margin-top:45px;
margin-left:30px;
}
*html #video-intro {margin-left:15px;}
#video-intro h1 {
color:#000000;
font-size:32px;
font-weight:300;
margin-bottom:22px;
}
#video-channels {
width:410px;
height:auto;
min-height:90px;
background:url(../images/video/video-channel-box.png) top no-repeat;
float:left;
margin:25px 0 0 0;
padding-bottom:25px;
}
#video-channels h1 {
font-size:105%;
letter-spacing:0px;
margin:10px 0 0 30px;
}
#video-channels ul {
float: left;
width: 29em;
margin:10px 0 0 30px;
padding: 0;
list-style: none;
}
*html #video-channels ul {margin:10px 0 0 15px;}
#video-channels li {
float: left;
width: 15em;
margin: 0;
padding: 3px 0 0 0;
font-size:90%;
}
#video-channels li a {
color:#115577;
font-weight:100;
}
#video-channels li a:hover {
color:#115577;
text-decoration:underline;
}
#video-stayconnected {
width:230px;
height:auto;
min-height:90px;
background:url(../images/video/video-stayconnected-box.png) top no-repeat;
float:right;
margin:25px 0 0 0;
padding-bottom:25px;
}
#video-stayconnected h1 {
font-size:105%;
letter-spacing:0px;
margin:10px 0 0 30px;
}
#video-stayconnected ul {
margin:10px 0 0 30px;
padding: 0;
list-style: none;
}
#video-stayconnected li {
margin: 0;
padding: 8px 0 0 0;
font-size:90%;
}
#video-stayconnected li a {
font-weight:100;
}
#video-stayconnected li a:hover {
text-decoration:underline;
}
table.medialist {
width: 640px;
margin-bottom: 20px;
line-height: 1.2em;
}
table.medialist a {
color:#000000;
}
#library {
clear:both;
}
#library a {
font-weight:bold;
letter-spacing: 0px;
color:#115577;
}
#library a:hover {
text-decoration:underline;
color:#115577;
}
#library h1 {
color:#115577;
font-weight:100;
font-size:170%;
letter-spacing:0;
}
#library-path {
color:#C9851A;
font-size:90%;
font-weight:bold;
}
#library-path a {
color:#C9851A;
font-size:90%;
font-weight:100;
}
#library-path a:hover {
font-weight:100;
text-decoration:underline;
color:#C9851A;
}
#library-feed {
width:180px;
height:40px;
margin:20px 0 0 450px;
text-align:right;
}
#landing-feed {
width:150px;
height:20px;
margin:20px 0 0 410px;
text-align:right;
}
*+html table.medialist {font-size: 80%;} /* IE 7 */
table.medialist td, table.medialist th {
padding: 4px;
text-align: left;
border: 0px;
vertical-align:top;
border-bottom: 1px solid #d1d1d1;
height:65px;
color:#666666;
font-size:95%;
}
table.medialist tr.background {
background-image:url(../images/video/video-gradient.gif);
background-position:bottom;
background-repeat:repeat-x;
color:#666666;
}
table.medialist th {
font-weight: bold;
}
table.medialist img {
margin:2px auto auto 0px;
}
table.medialist h1 {
font-weight:100;
font-size:160%;
letter-spacing: 0px;
color:#115577;
margin:35px 0 auto 0;
}
*html table.medialist h1 {margin:45px 0 0 0;}
table.medialist h2 {
color:#000000;
margin:0 0 0 0;
padding:0;
font-size:110%;
letter-spacing: 0;
}
table.medialist h3 {
color:#666;
margin:0 0 0 0;
padding:0;
font-size:95%;
font-style:italic;
font-weight:100;
letter-spacing: 0;
}
.speakername {
color:#000000;
margin:0 0 0 0;
padding:0;
font-size:90%;
font-weight:100;
letter-spacing: 0;
}
table.medialist dt {
margin-bottom: 0px;
font-weight: bold;
}
*+html table.medialist p { font-size: 100%; } /* IE 7 */
*+html table.medialist a { font-size: 105%; } /* IE 7 */
.medialist2 {
width:630px;
height:auto;
margin:5px 0 10px 0;
padding:0 0 3px 30px;
border-bottom:1px solid #CCC;
}
.medialist2 h1 {
font-weight:100;
font-size:160%;
letter-spacing: 0px;
color:#115577;
margin:35px 0 auto 0;
}
*html .medialist h1 {margin:45px 0 0 0;}
.medialist2 h2 {
color:#000000;
margin:0 0 0 0;
padding:0;
font-size:110%;
letter-spacing: 0;
}
.medialist2 h3 {
color:#666;
margin:0 0 0 0;
padding:0;
font-size:95%;
font-style:italic;
font-weight:100;
letter-spacing: 0;
}
.videothumbsmall img {
float:left;
width:115px;
height:82px;
padding:2px;
border: 1px solid #999999;
}
.video-link {
font-size:85%;
font-weight:100;
}
.video-link a {
font-weight:100;
text-decoration:none;
}
.video-link a:hover {
font-weight:100;
text-decoration:underline;
}
#video-landing {
width:450px;
height:190px;
background:url(../images/video/video-landing-back.jpg) no-repeat;
margin:40px auto 30px auto;
text-align:center;
color:#115577;
font-size:120%;
}
#button-replay a {
width:120px;
height:40px;
background:url(../images/video/icon-replay.gif) center top no-repeat;
font-size:115%;
line-height:100%;
color:#11910E;
float:left;
margin:20px 40px 0 60px;
display:block;
padding-top:90px;
font-weight:100;
}
*html #button-replay a { padding-top:90px; height:30px;margin:20px 50px 0 30px;} /* IE 7 */
#button-replay a:hover {
color:#11910E;
font-weight:100;
text-decoration:underline;
}
#button-return a {
width:120px;
height:40px;
background:url(../images/video/icon-library.gif) center top no-repeat;
font-size:115%;
line-height:100%;
color:#115577;
float:left;
margin:20px 50px 0 50px;
display:block;
padding-top:90px;
font-weight:100;
}
*html #button-return a { padding-top:90px; height:30px;margin:20px 20px 0 40px; } /* IE 7 */
#button-return a:hover {
color:#115577;
font-weight:100;
text-decoration:underline;
}
#video_list {
width:450px;
height:auto;
margin:10px auto 0 auto;
padding-top:20px;
}
#video_list a {
color:#115577;
text-decoration:none;
}
#video_list a:hover {
color:#115577;
text-decoration:underline;
}
#video_list li {
list-style-image:url(../images/09/gray-arrow.gif);
}
* html #video_list li { list-style-image:url(../images/09/gray-arrow-ie.gif); } /* IE 6 */
.note {
font-size:80%;
font-weight:normal;
color:#666666;
}
/***** PAPERS PAGE *****/
#papers-head {
width:670px;
height:215px;
background-image:url(../images/papers/papers-header.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#papers-intro {
width:360px;
height:auto;
float:left;
color:#115577;F
font-size:110%;
line-height:180%;
margin-top:45px;
margin-left:30px;
}
#papers-intro h1 {
color:#000000;
font-size:32px;
font-weight:300;
margin-bottom:22px;
}
#papers-paragraph {
width:670px;
color:#000000;
margin-bottom:25px;
}
/***** LIVE DEMO PAGE *****/
#livedemo-head {
width:670px;
height:215px;
background-image:url(../images/livedemo/live_demo_header.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#livedemo-intro {
width:360px;
height:auto;
float:left;
color:#115577;
font-size:110%;
line-height:180%;
margin-top:45px;
margin-left:30px;
}
#livedemo-intro h1 {
color:#000000;
font-size:32px;
font-weight:300;
margin-bottom:22px;
}
#livedemo-paragraph {
width:420px;
color:#000000;
margin-bottom:25px;
text-align:left;
float:left;
}
#arrow-list {
list-style-image:url(../images/09/gray-arrow.gif);
margin:0 0 15px 0;
text-align:left;
color:#115577;
}
#arrow-list li {
list-style-image:url(../images/09/gray-arrow.gif);
margin:0 0 10px 0;
}
* html #arrow-list li { list-style-image:url(../images/09/gray-arrow-ie.gif); } /* IE 6 */
.arrow-list2 {
list-style-image:url(../images/09/gray-arrow.gif);
margin:0 0 8px 0;
text-align:left;
color:#666;
}
.arrow-list2 li {
list-style-image:url(../images/09/gray-arrow.gif);
margin:0 0 5px 0;
}
* html .arrow-list2 li { list-style-image:url(../images/09/gray-arrow-ie.gif); } /* IE 6 */
#live-demo-right {
width:200px;
float:right;
border:0px;
font-size:90%;
background:url(../images/livedemo/live-demo-screenshot.jpg) no-repeat right top;
padding-top:210px;
color:#666;
}
table.livedemo {
color:#000000;
width: 420px;
margin-bottom: 20px;
font-size: 90%;
font-weight:bold;
line-height: 1.2em;
border:0;
border-collapse:collapse;
}
*+html table.livedemo { font-size: 85%; } /* IE 7 */
table.livedemo a {
color:#FFFFFF;
font-weight:100;
}
table.livedemo a:hover {
color:#000000;
font-weight:100;
}
*html table.livedemo a:hover {color:#000000; font-weight:100;}
table.livedemo a:visited {
color:#FFFFFF;
font-weight:100;
}
table.livedemo td, table.livedemo th
{
padding: 8px 10px;
text-align: left;
vertical-align: top;
border: 0px;
border-bottom: 1px solid #d1d1d1;
margin:0px;
}
table.livedemo th
{
font-weight: bold;
border-bottom: 1px solid #d1d1d1;
text-align:left;
padding: 6px 10px;
}
table.livedemo dt
{
margin-bottom: 0px;
font-weight: bold;
}
*+html table.livedemo p { font-size: 100%; } /* IE 7 */
*+html table.livedemo a { font-size: 105%; } /* IE 7 */
.table-register a:visited {
font-style:italic;
font-weight:100;
text-align:center;
}
tr.zebra2, td.zebra2 {
background:url(../images/table-gradient.gif) repeat-x bottom #ffffff;
}
.livedemo-register a {
width:61px;
height:17px;
display:block;
text-align:center;
color:#FFFFFF;
text-decoration:none;
padding:1px 0 0 0;
background:url(../images/livedemo/live-demo-register.gif) 0 0 no-repeat;
}
.livedemo-register a:hover {
width:61px;
height:17px;
background:url(../images/livedemo/live-demo-register.gif) 0 -18px no-repeat;
}
.livedemo-time2 {
font-size:90%;
font-style: italic;
font-weight:100;
}
#seminar {
border-bottom: 1px solid #CCC;
}
.livedemo-register2 a {
width:61px;
height:17px;
display:block;
text-align:center;
font-size:95%;
color:#000;
font-weight:100;
text-decoration:none;
padding:1px 0 0 0;
background:url(../images/livedemo/live-demo-register.gif) 0 -18px no-repeat;
margin:10px auto 10px 40px;
}
.livedemo-register2 a:hover {
width:61px;
height:17px;
color:#000;
font-weight:100;
background:url(../images/livedemo/live-demo-register.gif) 0 0 no-repeat;
margin:10px auto 10px 40px;
}
/***** AGILE PAGE *****/
#agile-head {
width:670px;
height:215px;
background-image:url(../images/embedded/agile/agile_header.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#agile-intro {
width:360px;
height:auto;
float:left;
color:#115577;F
font-size:110%;
line-height:160%;
margin-top:45px;
margin-left:30px;
}
#agile-intro h1 {
color:#000000;
font-size:28px;
line-height:34px;
font-weight:300;
margin-bottom:22px;
}
#agile-paragraph {
width:670px;
color:#000000;
margin-bottom:25px;
}
/***** USABILITY TESTING PAGE *****/
#usability-head {
width:670px;
height:215px;
background-image:url(../images/usabilitytesting/usablity_testing.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#usability-intro {
width:390px;
height:auto;
float:left;
color:#115577;F
font-size:110%;
line-height:180%;
margin-top:45px;
margin-left:30px;
}
#usability-intro h1 {
color:#000000;
font-size:32px;
line-height:34px;
font-weight:300;
margin-bottom:22px;
}
#usability-paragraph {
width:670px;
color:#000000;
margin-bottom:25px;
}
#usability-form {
border:1px solid #dddddd;
width:450px;
font-size:85%;
color:#333;
padding:20px;
background-color:#efefef;
}
#usability-paragraph dt {
margin:5px 0 5px 0;
}
.usability-list ul {
width: 100%;
margin:0 0 10px 0;
padding: 0;
list-style: none;
}
*html .usability-list ul {margin:10px 0 0 15px;}
.usability-list li {
width: 100%;
margin: 0;
padding: 3px 0 0 0;
font-size:97%;
}
/***** FREE DOWNLOAD PAGE *****/
#freedownload-head {
width:670px;
height:215px;
background-image:url(../images/download/freedownload_header.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
}
#freedownload-intro {
width:390px;
height:auto;
float:left;
color:#115577;F
font-size:110%;
line-height:180%;
margin-top:45px;
margin-left:30px;
}
#freedownload-intro h1 {
color:#000000;
font-size:32px;
line-height:34px;
font-weight:300;
margin-bottom:22px;
}
#freedownload-head2 {
clear:both;
width:670px;
height:106px;
background-image:url(../images/download/freedownload_header2.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-bottom:25px;
text-align:center;
color:#666;
font-size:85%;
}
#freedownload-paragraph {
width:670px;
color:#000000;
margin-bottom:25px;
font-size:90%;
line-height:140%;
color:#666;
}
#freedownload-paragraph h2 {
color:#000000;
font-size:115%;
letter-spacing:0;
margin:10px 0 5px 0;
}
#freedownload-button a {
width:191px;
height:37px;
background:url(../images/download/downnload_button.png) 0 0 no-repeat;
display:block;
margin:0 auto 8px auto;
}
#freedownload-button a:hover {
background:url(../images/download/downnload_button.png) 0 -37px no-repeat;
}
.freedownload-row {
clear:both;
width:100%;
font-size:85%;
color:#666;
line-height:135%;
}
.freedownload-row h1 {
font-size:110%;
color:#000;
letter-spacing:0;
margin:0px;
}
.freedownload-left {
float:left;
width:100px;
text-align:right;
margin:15px 0 0 0;
}
.freedownload-right {
float:right;
width:470px;
margin:15px 70px 0 30px;
}
* html .freedownload-right { width:400px; } /* IE 6 */
/***** BETA PAGE *****/
#betafeatures-head {
width:670px;
height:250px;
background:url(../images/download/beta_banner.png) top no-repeat #FFFFFF;
margin-bottom:0px;
margin-top:15px;
}
#betafeatures-intro {
width:360px;
height:auto;
float:left;
color:#000000;
font-size:110%;
line-height:140%;
margin-top:20px;
margin-left:30px;
}
#betafeatures-intro h1 {
color:#000000;
font-size:24px;
line-height:30px;
font-weight:300;
}
/***** MEDICAL PAGE *****/
#medical-head {
width:670px;
height:215px;
background-image:url(../images/medical/medical_header.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#medical-intro {
width:360px;
height:auto;
float:left;
color:#115577;F
font-size:110%;
line-height:140%;
margin-top:45px;
margin-left:30px;
}
#medical-intro h1 {
color:#000000;
font-size:28px;
line-height:34px;
font-weight:300;
margin-bottom:22px;
}
#medical-paragraph {
width:670px;
color:#000000;
margin-bottom:25px;
}
/***** EMBEDDED PAGE *****/
#embedded-head {
width:670px;
height:215px;
background-image:url(../images/embedded/embedded-banner.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#embedded-intro {
width:380px;
height:auto;
float:left;
color:#FFF;
font-size:110%;
line-height:140%;
margin-top:45px;
margin-left:30px;
}
#embedded-intro h1 {
color:#FFF;
font-size:24px;
line-height:30px;
font-weight:300;
margin-bottom:22px;
}
/***** FINANCE PAGE *****/
#finance-head {
width:670px;
height:215px;
background-image:url(../images/finance/finance_banner.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#finance-intro {
width:380px;
height:auto;
float:left;
color:#FFF;
font-size:110%;
line-height:140%;
margin-top:45px;
margin-left:30px;
}
#finance-intro h1 {
color:#FFF;
font-size:24px;
line-height:20px;
font-weight:300;
margin-bottom:26px;
}
/***** FINANCE PAGE *****/
#everything-head {
width:670px;
height:215px;
background-image:url(../images/everything/everything_banner.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#everything-intro {
width:380px;
height:auto;
float:left;
color:#000;
font-size:110%;
line-height:140%;
margin-top:45px;
margin-left:30px;
}
#everything-intro h1 {
color:#000;
font-size:24px;
line-height:20px;
font-weight:300;
margin-bottom:26px;
}
/***** PROFESSIONAL SERVICES PAGE *****/
#services-head {
width:670px;
height:215px;
background-image:url(../images/services/professionalservices_header.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#services-intro {
width:360px;
height:auto;
float:left;
color:#115577;
font-size:110%;
line-height:140%;
margin-top:45px;
margin-left:30px;
}
#services-intro h1 {
color:#000000;
font-size:24px;
line-height:30px;
font-weight:300;
margin-bottom:22px;
}
#services-paragraph {
width:670px;
color:#000000;
margin-bottom:25px;
}
.services-block {
width:100%;
min-height:60px;
height:auto;
overflow:auto;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-bottom:1px solid #ddd;
}
.service-icon {
width:80px;
height:60px;
float:left;
text-align:center;
}
.service-description {
width:580px;
height:auto;
min-height:60px;
float:right;
color:#333;
}
.service-description h2 {
font-weight:100;
margin:0 0 5px 0;
letter-spacing:normal;
}
.service-description a {
font-weight:100;
color:#115577;
}
#remote-admin-head {
width:670px;
height:215px;
background-image:url(../images/services/remote-admin-header.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#remote-admin-head-intro {
width:360px;
height:auto;
float:left;
color:#FFF;
font-size:110%;
line-height:140%;
margin-top:45px;
margin-left:30px;
}
#remote-admin-head-intro h1 {
color:#FFF;
font-size:28px;
line-height:30px;
font-weight:300;
margin-bottom:22px;
}
#training {
width:218px;
min-height:230px;
height:auto;
background:url(../images/services/training-box.png) top no-repeat;
float:left;
margin:0 8px 30px 0;
}
#training h1 {
height:40px;
margin:25px 0 5px 65px;
font-size:120%;
color:#115577;
letter-spacing:0;
padding:0;
font-weight:100;
line-height:105%;
}
#training h1 a {
color:#115577;
text-decoration:none;
font-weight:100;
}
#training h1 a:hover {
color:#115577;
text-decoration:underline;
font-weight:100;
}
#training div {
width:190px;
margin:10px auto 0 auto;
color:#666;
font-size:85%;
line-height:150%;
}
#consulting {
width:218px;
min-height:230px;
height:auto;
background:url(../images/services/consulting-box.png) top no-repeat;
float:left;
margin:0 8px 30px 0;
}
#consulting h1 {
height:40px;
margin:25px 0 5px 65px;
font-size:120%;
color:#115577;
letter-spacing:0;
padding:0;
font-weight:100;
line-height:105%;
}
#consulting h1 a {
color:#115577;
text-decoration:none;
font-weight:100;
}
#consulting h1 a:hover {
color:#115577;
text-decoration:underline;
font-weight:100;
}
#consulting div {
width:190px;
margin:10px auto 0 auto;
color:#666;
font-size:85%;
line-height:150%;
}
#remote-admin {
width:218px;
min-height:230px;
height:auto;
background:url(../images/services/remote-admin-box.png) top no-repeat;
float:right;
margin:0 0 30px 0;
}
#remote-admin h1 {
margin:25px 0 5px 65px;
height:40px;
font-size:120%;
color:#115577;
letter-spacing:0;
padding:0;
font-weight:100;
line-height:105%;
}
#remote-admin h1 a {
color:#115577;
text-decoration:none;
font-weight:100;
}
#remote-admin h1 a:hover {
color:#115577;
text-decoration:underline;
font-weight:100;
}
#remote-admin div {
width:190px;
margin:10px auto 0 auto;
color:#666;
font-size:85%;
line-height:150%;
}
.gray-bloc-left {
width:323px;
height:240px;
background-image:url(../images/services/gray-rounded-box.png);
background-repeat:no-repeat;
float:left;
margin:0 24px 0 0;
text-align:center;
}
.gray-bloc-right {
width:323px;
height:240px;
background-image:url(../images/services/gray-rounded-box.png);
background-repeat:no-repeat;
float:left;
margin:0;
text-align:center;
}
.gray-bloc-text {
width:280px;
margin: 10px auto;
text-align:left;
font-size:85%;
line-height:130%;
color:#666;
}
.gray-bloc-title {
font-size:135%;
color:#115577;
letter-spacing:0;
padding:0;
}
.gray-bloc-title a {
color:#115577;
text-decoration:none;
font-weight:100;
}
.gray-bloc-title a:hover {
color:#115577;
text-decoration:underline;
font-weight:100;
}
.gray-bloc-text img {
vertical-align:middle;
}
.services-table {
width: 630px;
margin-bottom: 20px;
font-size: 85%;
line-height: 1.2em;
border: 1px solid #d1d1d1;
border-collapse:collapse;
}
*+html table.services-table { font-size: 80%; } /* IE 7 */
img.right-photo {
float:right;
margin:5px 0 5px 15px;
}
table.services-table td, table.service-table th {
padding: 6px 4px 6px 10px;
text-align: left;
vertical-align: top;
border: 0px;
border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
border-collapse:collapse;
}
table.services-table th {
font-weight: bold;
}
.services-table ul {
margin: 0 0 0 5px;
padding:0px;
font-size:95%;
color:#666;
}
.services-table li {
list-style:square;
margin:0 0 5px 5px;
padding:0px;
line-height:115%;
}
.services-col1 {
width:75px;
background-color:#EEEEEE;
}
.services-col2 {
width:205px;
background-color:#FFFFFF;
}
.services-hr {
clear:both;
width:600px;
height:18px;
background:url(../images/services/separator.png) no-repeat;
border:0;
margin: 0 auto;
}
* html .services-hr {clear:none;}
*+html .services-hr {clear:none;}
.services-htab {
margin-top:15px;
}
.services-thumb {
float:left;
border:0;
}
#register-button a {
clear:both;
width:92px;
height:30px;
background:url(../images/10/button-blue-grey.png) 0 0 no-repeat;
display:block;
margin:0 auto 8px auto;
text-align:center;
line-height:30px;
color:#666;
}
#register-button a:hover {
background:url(../images/10/button-blue-grey.png) 0 -30px no-repeat;
color:#FFF;
text-decoration:none;
}
.services-form-table {
width: 610px;
margin-bottom: 20px;
font-size: 85%;
line-height: 1.2em;
border:0;
border-collapse:collapse;
}
*+html table.services-form-table { font-size: 80%; } /* IE 7 */
table.services-form-table td, table.service-form-table th {
padding: 6px 4px 6px 10px;
text-align: left;
vertical-align: top;
border: 0px;
}
table.services-form-table th {
font-weight: bold;
}
.services-form-table ul {
list-style:none;
margin: 0;
padding:0px;
text-align:left;
font-size:95%;
color:#666;
}
.services-form-table li {
width:100%;
margin:3px 0 3px 0px;
padding:0px;
line-height:115%;
}
.services-form-col1 {
width:90px;
}
.services-form-col2 {
width:190px;
}
textarea.services-comments {
width: 338px;
height: 100px;
}
.services-form-table select {
width:100px;
}
#elearning-head {
width:670px;
height:215px;
background:url(../images/services/elearning-head1.jpg) bottom no-repeat #FFF;
padding-top:15px;
}
#elearning-head-intro {
width:390px;
height:auto;
float:left;
color:#FFF;
font-size:110%;
line-height:140%;
margin-top:25px;
margin-left:30px;
}
#elearning-head-intro h1 {
color:#FFFFFF;
font-size:28px;
line-height:30px;
font-weight:300;
margin:0 auto 18px 0;
}
#elearning-button a {
width:153px;
height:62px;
background:url(../images/10/elearning-button.png) 0 -5px no-repeat;
display:block;
margin:0 auto 0 230px;
color: #115577;
text-align:center;
line-height:60px;
}
#elearning-button a:hover {
background:url(../images/10/elearning-button.png) 0 -72px no-repeat;
color:#FFF;
text-decoration:none;
}
#elearning-head2 {
width:670px;
height:auto;
overflow: auto;
background:#e4e4e4;
background:url(../images/services/elearning_head2.jpg) bottom no-repeat #e4e4e4;
margin-bottom:25px;
padding-top:15px;
}
#elearning-head2 h2 {
color:#000;
font-weight:100;
font-size:120%;
margin:0 auto 5px 30px;
letter-spacing:normal;
}
#elearning-head2 p {
color:#333333;
font-size:88%;
width:600px;
margin:5px auto 5px 30px;
}
#elearning-head2 a {
color:#115577;
}
.section-path {
clear:both;
width:670px;
height:580px;
display: none;
background:#efefef;
border-bottom:1px solid #e7e7e8;
margin:0;
padding:0;
}
.section-path2 {
display: none;
}
.section-blue {
width:645px;
height:44px;
background:url(../images/services/white-blueback-arrow.png) left no-repeat #427b96;
color:#FFF;
line-height:44px;
padding: 0 0 0 25px;
}
.section-blue h2 {
color:#FFF;
font-weight:100;
letter-spacing:normal;
line-height:44px;
font-size:140%;
vertical-align:middle;
float:left;
margin:0;
padding:0;
}
.learningpath a {
font-size:90%;
float:right;
margin:0 30px 0 0;
color:#FFF;
}
.role-block {
width:670px;
min-height:100px;
height:auto;
overflow:auto;
background:url(../images/services/role-back.gif) repeat;
margin:0;
color:#333;
font-size:88%;
}
.role-block-left, .role-block-right {
float:left;
width:310px;
height:auto;
overflow:auto;
margin:10px auto 10px 10px;
}
.role-block-right {
float:right;
margin:10px 10px auto 10px;
color:#666;
}
.bundleprice {
font-size:170%;
}
.register-sml a {
background:url(../images/10/button-grey-78.png) no-repeat;
width:78px;
height:25px;
color:#115577;
text-align:center;
line-height:25px;
text-decoration:none;
color:#115577;
display:block;
font-weight:100;
margin:0 auto 5px auto;
}
.register-sml a:hover {
text-decoration:none;
color:#000;
}
.comingsoon {
color:#999;
font-weight: bold;
font-size: 14px;
}
.course-arrow-list {
margin:5px 8px 5px 40px;
vertical-align:middle;
}
.course-icon {
float:left;
width:30px;
height:auto;
margin:7px 0 0 0;
}
.course-description {
width:620px;
height:auto;
overflow:auto;
float:right;
margin:0 20px 0 0;
color:#333;
font-size:88%;
}
.services-block h2 {
font-weight:100;
color:#000;
margin:5px 0 10px 0;
letter-spacing:normal;
}
.course-description h3 {
font-weight:100;
color:#000;
margin:5px 0 5px 0;
padding:0;
letter-spacing:normal;
}
.course-description h4 {
font-weight:bold;
color:#000;
margin:5px 0 5px 0;
padding:0;
font-size:100%;
}
/***** EVENTS PAGE *****/
#events-head {
width:670px;
height:215px;
background-image:url(../images/10/events/events-header.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#events-intro {
width:320px;
height:auto;
float:left;
color:#115577;
font-size:110%;
line-height:140%;
margin-top:45px;
margin-left:30px;
}
#events-intro h1 {
color:#000000;
font-size:32px;
font-weight:300;
margin-bottom:22px;
}
#events-paragraph {
width:670px;
color:#000000;
margin-bottom:25px;
}
#tradeshow-left {
width:400px;
float:left;
}
#tradeshow-right {
float:right;
}
/*** PRODUCT PAGES ***/
#subhead {
width:670px;
height:55px;
background:url(../images/submenu/subhead_menu.png) no-repeat top #d1d2d4;
text-align:center;
}
#subhead h1 {
color:#FFF;
font-size:32px;
font-weight:100;
float:left;
line-height:32px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:16px 0 0 20px;
text-align:left;
}
*html #subhead h1 {margin: 16px 0 0 10px}
#subhead h1 a {
color:#FFF;
font-weight:100;
text-decoration:none;
}
#subhead h1 a:hover {
color:#EFEFEF;
font-weight:100;
text-decoration:none;
}
#right-menu-features {
width:176px;
height:20px;
float:right;
margin:18px 30px 0 0;
background:url(../images/submenu/right-menu-features.png) no-repeat top;
font-size:11px;
line-height:20px;
}
#right-menu-features a {
color:#115577;
font-weight:100;
text-decoration:none;
}
#right-menu-features a:hover {
color:#000;
font-weight:100;
text-decoration:none;
}
#subhead-menu {
width:670px;
min-height:66px;
height:auto;
overflow:auto;
background-color:#ededee;
text-align:center;
margin:0;
text-align:left;
}
#subhead-menu a {
color:#115577;
font-weight:100;
}
#subhead-menu a:hover {
color:#115577;
font-weight:100;
text-decoration:underline;
}
.subhead-menu-active {
color:black;
font-weight:bold;
}
#subhead-menu1 {
float:left;
width:200px;
height:auto;
overflow:auto;
color:#066;
margin:10px 0 5px 20px;
line-height:20px;
background:url(../images/submenu/separator.png) no-repeat right;
}
*html #subhead-menu1 {margin:10px 0 5px 10px} /*IE 6 style*/
#subhead-menu2 {
float:left;
width:200px;
height:auto;
overflow:auto;
color:#06F;
margin:10px 0 5px 20px;
line-height:20px;
background:url(../images/submenu/separator.png) no-repeat right;
}
#subhead-menu3 {
float:right;
width:200px;
height:auto;
overflow:auto;
color:#936;
margin:10px 0 5px 20px;
line-height:20px;
}
#product-main {
width:670px;
height:255px;
}
#worldwide-scm {
width:218px;
min-height:230px;
height:auto;
background:url(../images/products/worldwide_scm_block.png) top no-repeat;
float:left;
margin:25px 8px 30px 0;
}
#worldwide-scm h1 {
height:40px;
margin:25px 0 5px 65px;
font-size:120%;
color:#115577;
letter-spacing:0;
padding:0;
font-weight:100;
line-height:105%;
}
#worldwide-scm h1 a {
color:#115577;
text-decoration:none;
font-weight:100;
}
#worldwide-scm h1 a:hover {
color:#115577;
text-decoration:underline;
font-weight:100;
}
#worldwide-scm div {
width:190px;
margin:10px auto 0 auto;
color:#666;
font-size:85%;
line-height:150%;
}
#always-agile {
width:218px;
min-height:230px;
height:auto;
background:url(../images/products/always_agile_block.jpg) top no-repeat;
float:left;
margin:25px 8px 30px 0;
}
#always-agile h1 {
height:40px;
margin:25px 0 5px 65px;
font-size:120%;
color:#115577;
letter-spacing:0;
padding:0;
font-weight:100;
line-height:105%;
}
#always-agile h1 a {
color:#115577;
text-decoration:none;
font-weight:100;
}
#always-agile h1 a:hover {
color:#115577;
text-decoration:underline;
font-weight:100;
}
#always-agile div {
width:190px;
margin:10px auto 0 auto;
color:#666;
font-size:85%;
line-height:150%;
}
#easy-maintenance {
width:218px;
min-height:230px;
height:auto;
background:url(../images/products/easy_maintenance_block.jpg) top no-repeat;
float:right;
margin:25px 0 30px 0;
}
#easy-maintenance h1 {
margin:25px 0 5px 65px;
height:40px;
font-size:120%;
color:#115577;
letter-spacing:0;
padding:0;
font-weight:100;
line-height:105%;
}
#easy-maintenance h1 a {
color:#115577;
text-decoration:none;
font-weight:100;
}
#easy-maintenance h1 a:hover {
color:#115577;
text-decoration:underline;
font-weight:100;
}
#easy-maintenance div {
width:190px;
margin:10px auto 0 auto;
color:#666;
font-size:85%;
line-height:150%;
}
#component-footer-block {
clear:both;
width:670px;
height:143px;
background:url(../images/products/component_block.png) top no-repeat;
}
#component-footer-block h1 {
color:#115577;
padding:8px 0 0 20px;
font-weight:100;
font-size:120%;
letter-spacing:0;
line-height:140%;
}
#component-footer-block a {
color:#115577;
font-weight:100;
text-decoration:none;
}
#component-footer-block a:hover {
color:#000;
font-weight:100;
text-decoration:none;
}
#features-footer-block {
clear:both;
width:670px;
height:130px;
background:url(../images/products/features_block.png) top no-repeat;
}
#features-footer-block h1 {
color:#115577;
padding:8px 0 0 20px;
font-weight:100;
font-size:120%;
letter-spacing:0;
line-height:140%;
}
*html #features-footer-block h1 {padding:0 0 0 20px} /*IE 6 style*/
*+html #features-footer-block h1 {padding:0 0 0 20px} /*IE 7 style*/
#features-footer-block a {
color:#115577;
font-weight:100;
text-decoration:none;
}
#features-footer-block a:hover {
color:#000;
font-weight:100;
text-decoration:none;
}
#footer-block-1 {
float:left;
width:200px;
margin:0 0 5px 20px;
line-height:20px;
font-size:11px;
}
*html #footer-block-1 {margin: 0 0 5px 10px}
#footer-block-1 ul {
list-style-type:none;
margin:0;
padding:0;
}
#footer-block-1 li {
list-style-type:none;
margin:0 0 3px 0;
}
#footer-block-2 {
float:left;
width:200px;
margin:0 0 5px 20px;
line-height:20px;
font-size:11px;
}
#footer-block-2 ul {
list-style-type:none;
margin:0;
padding:0;
}
#footer-block-2 li {
list-style-type:none;
margin:0 0 3px 0;
}
#footer-block-3 {
float:right;
width:200px;
margin:0 0 5px 20px;
line-height:20px;
font-size:11px;
}
#footer-block-3 ul {
list-style-type:none;
margin:0;
padding:0;
}
#footer-block-3 li {
list-style-type:none;
margin:0 0 3px 0;
}
#features-content {
width:630px;
margin:0 auto 0 auto;
color:#666;
line-height:130%;
font-size:95%;
}
#features-content h1 {
color:#000;
font-size:140%;
letter-spacing:0;
margin:25px 0 10px 0;
font-weight:100;
}
#features-content h2 {
color:#000;
font-size:105%;
letter-spacing:0;
margin:25px 0 3px 0;
}
#features-content ul {
width:90%;
margin-left:0;
}
#features-content li {
list-style:square;
margin-left:0;
}
#features-content blockquote {
font-style:italic;
font-size:90%;
color:#115577;
}
.main-block {
width:100%;
overflow-y:auto;
height:auto;
clear:both;
}
.left-block {
width:314px;
float:left;
text-align:left;
}
.right-block {
width:314px;
float:right;
text-align:left;
}
.left-image-block {
width:316px;
float:left;
padding-top:3px;
}
.right-image-block {
width:316px;
float:right;
padding:3px 0 0 0;
}
.center-image-block {
text-align:center;
margin:0 auto 0 auto;
}
/***** NEW INTEGRATION PAGE *****/
table.ide-logos2
{
margin-bottom: 4px;
}
table.ide-logos2 td
{
width: 115px;
padding-bottom:6px;
background: #ffffff;
text-align: center;
}
.integrations-block {
width:100%;
border-bottom:1px solid #CCC;
}
/*** SOCIAL MEDIA ICONES ***/
#media-icons-block {
float:right;
}
/*** COMPETITIVE ANALYSIS ***/
#competitive-head {
width:670px;
height:215px;
background-image:url(../images/migration/competitive-head.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
margin-bottom:25px;
}
#competitive-intro {
width:360px;
height:auto;
float:left;
color:#115577;F
font-size:110%;
line-height:140%;
margin-top:45px;
margin-left:30px;
}
#competitive-intro h1 {
color:#000000;
font-size:28px;
line-height:30px;
font-weight:300;
margin-bottom:22px;
}
#competitive-paragraph {
width:670px;
color:#000000;
margin-bottom:25px;
}
#migration {
color:#666;
}
#migration h1 {
font-weight:100;
font-size:140%;
letter-spacing:0;
margin:20px 0;
color:#000;
}
#migration h2 {
font-weight:bold;
font-size:100%;
letter-spacing:0;
margin:20px 0;
color:#000;
}
#migration-intro {
font-size:110%;
color:#666;
line-height:100%;
}
#migration-intro h1 {
font-size:110%;
font-weight:bold;
color:#115577;
margin:5px 0;
}
#migration-intro img {
float:left;
}
.migration-block {
background-color:#f5f5f5;
width:560px;
min-height:90px;
height:auto;
margin:10px auto;
border:1px solid #efefef;
}
.migration-block ul {
margin:0;
padding:0;
}
.migration-block li {
margin:2px 10px;
padding:2px 10px;
list-style:none;
border-bottom:1px solid #ccc;
width:230px;
float:left;
}
.migration-block2 {
width:560px;
height:auto;c
padding:8px;
border:1px solid #efefef;
margin:10px auto;
background-color:#f5f5f5;
font-size:90%;
line-height:85%;
}
.migration-block2 ul {
margin:0;
padding:0;
}
.migration-block2 li {
margin:2px 10px;
list-style:square;
}
/*About US*/
#aboutus-head {
width:670px;
height:215px;
background-image:url(../images/aboutus/about-us-header.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
}
#aboutus-head-intro {
width:360px;
height:auto;
float:left;
color:#FFFFFF;
font-size:105%;
line-height:130%;
margin-top:15px;
margin-left:30px;
}
#aboutus-head-intro h1 {
color:#FFFFFF;
font-size:24px;
line-height:26px;
font-weight:300;
margin-bottom:14px;
}
.aboutus-block {
width:670px;
height:auto;
overflow:auto;
color:#333;
margin:0;
padding:0;
background: #e8e8e8;
}
.aboutus-separator {
width:670px;
height:2px;
background:url(../images/aboutus/separatorline.gif) no-repeat #e8e8e8;
}
.aboutus-text {
width:600px;
height:auto;
margin:20px auto;
}
.aboutus-text h3 {
color:#000;
margin:10px 0 0 0;
}
.aboutus-text img {
margin:-5px 10px 0 0;
float:left;
}
.aboutus-text ul {
margin:0;
padding:0 14px 5px 14px;
}
#insideperforce {
width:670px;
height:auto;
overflow:auto;
background:url(../images/aboutus/insideblocktop.gif) top no-repeat #000;
color:#FFF;
}
#insideperforce h3 {
margin:10px 0 0 0;
color:#FFF;
}
#insideperforce-bottom {
width:670px;
height:auto;
overflow:auto;
background:url(../images/aboutus/insideblockbottom.gif) bottom no-repeat #000;
color:#FFF;
}
.button-insideslideshow {
width:213px;
height:20px;
background:url(../images/aboutus/slideshowbutton.gif) no-repeat #000;
margin:4px auto;
font-size:85%;
text-align:center;
line-height:20px;
}
/* SOCIAL MEDIA BOX */
#social-box {
width:300px;
height:20px;
border:1px dotted #CCC;
color:#000;
font-size:80%;
margin-top: 15px;
padding:8px;
background:#ededed;
}
#social-sharethis {
width:60px;
background:#666;
color:#FFF;
padding:4px;
text-align:center;
float:left;
}
#social-addthis {
float:right;
margin:3px 0 0 0;
}
#social-addthis a, #social-addthis a:hover {
font-weight:100;
color:#666;
text-decoration:none;
}
#social-box2 {
width:160px;
height:142px;
border:1px dotted #CCC;
color:#000;
font-size:80%;
padding:8px;
background:#ededed;
text-align:left;
}
.social-box-line {
width:160px;
height:20px;
margin:0;
padding:6px 0 2px 0;
border-bottom:1px dotted #999;
}
/***** CLOUD PAGE *****/
#cloud-head {
width:670px;
height:215px;
background-image:url(../images/download/cloud-download_header.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top:15px;
}
#cloud-intro {
width:390px;
height:auto;
float:left;
color:#115577;F
font-size:110%;
line-height:180%;
margin-top:45px;
margin-left:30px;
}
#cloud-intro h1 {
color:#000000;
font-size:28px;
line-height:34px;
font-weight:300;
margin-bottom:22px;
}
#cloud-head2 {
clear:both;
width:670px;
height:106px;
background-image:url(../images/download/freedownload_header2.png);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-bottom:25px;
text-align:center;
color:#666;
font-size:85%;
}
#cloud-button a {
width:147px;
height:37px;
background:url(../images/10/button-blue-grey-lrg.png) 0 -37px no-repeat;
margin:10px auto 8px auto;
display:block;
text-align:center;
line-height:37px;
color:#FFF;
font-size:105%;
font-weight:bold;
}
#cloud-button a:hover {
background:url(../images/10/button-blue-grey-lrg.png) 0 0 no-repeat;
color:#115577;
}