/*@import url("theme_sakila.css");*/ /*@import url("theme_orange.css");*/ /* --------------------------------------------- MySQL.com SAKILA theme style sheet --------------------------------------------- */ /* --------------------------- GLOBAL LAYOUT --------------------------- */ /* RESET GLOBAL STYLES! Elements need to be explicitly defined */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } table { border-spacing: 0px; border-collapse: collapse; } body { height: 100%; margin: 0 0 0 .1em; padding: 0px; font-size: small; font-family: verdana, arial, helvetica, sans-serif; line-height: 180%; background: #fff; color: #555555; } #container { min-width: 916px; overflow: hidden; } p { font-size: 95%; line-height: 180%; margin: 0 0 10px 0; padding: 0; } img { border: 0; } sup { font-size:80%; vertical-align:top; font-weight: bold; } sub { font-size:80%; vertical-align:bottom; } /* --------------------------- HEADER --------------------------- */ #header { margin: 0; padding: 0; } #header .left { float: left; } #header .right { float: right; z-index: -1 } #logo, #logo-cic { position: static; margin: 15px 0 5px 66px; } #logo-disruption-mysql { position: static; float: right; display: inline; margin-top: 55px; margin-right: 15px; } #logo-disruption-oracle { position: static; float: right; display: inline; margin-top: 85px; right: 0; } #tagline, #tagline-cic { position: absolute; top: 60px; left: 190px; padding: 0; color: #007597; } #sunsystems { position: absolute; top: 15px; left: 275px; padding: 0 0 0 10px; color: #007597; height: 30px; background: url('/common/themes/sakila/systems_gradient.jpg') no-repeat top left; } #sunsystems a { vertical-align: middle; font-size: 12px; font-style: italic; color: #007597; background:transparent; text-decoration: none; } #sunsystems a:hover { color: #999999; } #search_box { position: absolute; top: 5px; right: 5px; height: 21px; width: 180px; background: url('/common/themes/sakila/search_s.png') no-repeat top left; } #search_box #q { float: left; padding: 5px 0 0 5px; margin: 0 0 0 0; width: 145px; border: none; font-size: 11px; line-height: 150%; color: #333333; background: none; } #search_box #go { float: right; margin: 0; width: 20px; height: 21px; } #contact_rep { position: absolute; top: 5px; right: 200px; font-size: 10px; font-weight: bold; float: right; margin: 0; } #contact_rep a{ color: #007597; background:transparent; } #contact_rep a:link { color: #007597; } #contact_rep a:active { color:#007597; } #contact_rep a:visited { color:#007597; } #contact_rep a:hover { color: #999999; } #contact_rep a:hover { color:#fbac5d; } #flags { float: right; } #flags img { vertical-align: bottom } #flags ul { list-style: none; padding: 0; margin: 8px 5px 0 0; } #flags ul li { padding: 0 0 0 10px; display: inline; } #flags ul li a { border: 0; } #login { position: absolute; top: 30px; right: 5px; font-size: 90%; color: #666666; } /* --------------------------- NAVIGATION --------------------------- */ #nav_container { clear: left; position: relative; margin: 15px 0 0 0; padding: 3px 0 0 0; height: 1%; } /* FIRST TAB */ #tab_first { float: left; line-height: normal; margin: 0 0 0 40px; background: url('/common/themes/sakila/nav-off-mid.jpg') repeat-x top; } #tab_first ul { float: left; margin: 0; padding: 0; list-style: none; height: 34px; background: url('/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right; } #tab_first li { float: left; margin: 0; } #tab_first li a { color: #000; font-size: 105%; display: block; margin: 12px 0 0 0; padding: 0 15px 0 30px; text-decoration: none; } #tab_first li a:visited { color: #000; } #tab_first li a:hover { color: #007597; } #tab_first li.current { float: left; height: 34px; background: url('/common/themes/sakila/nav-on-mid.jpg') repeat-x top; } #tab_first li.current a { color: #ffffff; font-size: 115%; font-weight: bold; height: 34px; margin: 0; padding: 5px 15px 0 35px; background: url('/common/themes/sakila/nav-on-left-end.jpg') no-repeat top left; } #tab_first li.current a:visited {color: #ffffff;} #tab_first li.current a:hover {color: #fc6;} #tab_first li.first { float: left; height: 34px; background: url('/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left; } #tab_first li.first a { float: left; height: 34px; margin: 0; padding: 12px 15px 0 50px; background: url('/common/themes/sakila/nav-on-right.jpg') no-repeat top left; } /* SECOND TAB */ #tab_second { float: left; line-height:normal; margin: 0 0 0 40px; background: url('/common/themes/sakila/nav-off-mid.jpg') repeat-x top; } #tab_second ul { float: left; margin:0; padding:0; list-style:none; height: 34px; background: url('/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right; } #tab_second li { float: left; } #tab_second li a { color: #000; font-size: 105%; display: block; padding: 12px 15px 15px 32px; text-decoration: none; } #tab_second li a:visited {color: #000;} #tab_second li a:hover {color: #007597;} #tab_second li.current { float: left; height: 34px; background: url('/common/themes/sakila/nav-on-mid.jpg') repeat-x top; } #tab_second li.current a { color: #ffffff; font-weight: bold; font-size: 115%; padding: 5px 25px 15px 8px; background: url('/common/themes/sakila/nav-on-right.jpg') no-repeat top right; } #tab_second li.current a:visited {color: #ffffff;} #tab_second li.current a:hover {color: #fc6;} #tab_second li.first { float: left; background: url('/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left; } #tab_second li.first a { float: left; padding: 12px 50px 15px 25px; background: url('/common/themes/sakila/nav-on-left.jpg') no-repeat top right; } /* THIRD TAB */ #tab_third { float: left; line-height:normal; margin: 0 0 0 40px; background: url('/common/themes/sakila/nav-off-mid.jpg') repeat-x top; } #tab_third ul { float: left; margin: 0; padding: 0; list-style: none; height: 34px; background: url('/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right; } #tab_third li { float: left; padding: 0; } #tab_third li a { color: #000; font-size: 105%; display: block; padding: 12px 15px 15px 30px; text-decoration: none; } #tab_third li a:visited { color: #000; } #tab_third li a:hover { color: #007597; } #tab_third li.current { float: left; height: 34px; background: url('/common/themes/sakila/nav-on-mid.jpg') repeat-x top; } #tab_third li.current a { color: #ffffff; font-size: 115%; font-weight: bold; padding: 5px 25px 15px 8px; margin: 0; background: url('/common/themes/sakila/nav-on-right.jpg') no-repeat top right; } #tab_third li.current a:visited { color: #ffffff; } #tab_third li.current a:hover { color: #fc6; } #tab_third li.first { float: left; background: url('/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left; } #tab_third li.first a { float: left; padding: 12px 40px 15px 25px; } #tab_third li.second { float: left; } #tab_third li.second a { float: left; padding: 12px 50px 15px 5px; margin: 0; background: url('/common/themes/sakila/nav-on-left.jpg') no-repeat top right; } /* FOURTH TAB */ #tab_fourth { float: left; line-height:normal; margin: 0 0 0 40px; background: url('/common/themes/sakila/nav-off-mid.jpg') repeat-x top; } #tab_fourth ul { float: left; margin:0; padding:0; list-style:none; height: 34px; background: url('/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right; } #tab_fourth li { float: left; padding: 0; } #tab_fourth li a { color: #000; font-size: 105%; display: block; padding: 12px 15px 15px 15px; text-decoration: none; } #tab_fourth li a:visited {color: #000;} #tab_fourth li a:hover {color: #007597;} #tab_fourth li.current { float: left; height: 34px; background: url('/common/themes/sakila/nav-on-mid.jpg') repeat-x top; } #tab_fourth li.current a { color: #ffffff; font-size: 115%; font-weight: bold; padding: 5px 25px 15px 8px; margin: 0; background: url('/common/themes/sakila/nav-on-right.jpg') no-repeat top right; } #tab_fourth li.current a:visited {color: #ffffff;} #tab_fourth li.current a:hover {color: #fc6;} #tab_fourth li.first { float: left; background: url('/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left; } #tab_fourth li.first a { float: left; padding: 12px 25px 15px 25px; } #tab_fourth li.second { float: left; } #tab_fourth li.second a { float: left; padding: 12px 55px 15px 30px; background: url('/common/themes/sakila/nav-on-left.jpg') no-repeat top right; } /* LAST TAB */ #tab_last { float: left; line-height:normal; margin: 0 0 0 40px; background: url('/common/themes/sakila/nav-off-mid.jpg') repeat-x top; } #tab_last ul { float: left; margin: 0; padding: 0; list-style: none; height: 34px; background: url('/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right; } #tab_last li { float: left; padding: 0; } #tab_last li a { color: #000; font-size: 105%; display: block; padding: 12px 15px 15px 30px; text-decoration: none; } #tab_last li a:visited { color: #000; } #tab_last li a:hover { color: #007597; } #tab_last li.current { float: left; height: 34px; background: url('/common/themes/sakila/nav-on-mid.jpg') repeat-x top; } #tab_last li.current a { color: #ffffff; font-size: 115%; font-weight: bold; padding: 5px 25px 15px 8px; margin: 0; background: url('/common/themes/sakila/nav-on-right-end.jpg') no-repeat top right; } #tab_last li.current a:visited { color: #ffffff; } #tab_last li.current a:hover { color: #fc6; } #tab_last li.first { float: left; background: url('/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left; } #tab_last li.first a { float: left; padding: 12px 40px 15px 25px; } #tab_last li.second { float: left; } #tab_last li.second a { float: left; padding: 12px 50px 15px 5px; margin: 0; background: url('/common/themes/sakila/nav-on-left.jpg') no-repeat top right; } #tab_last li.first_of_two { float: left; background: url('/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left; } #tab_last li.first_of_two a { float: left; padding: 12px 50px 15px 25px; margin: 0; background: url('/common/themes/sakila/nav-on-left.jpg') no-repeat top right; } #mysql_menu { clear: both; height: 30px; font-size: 90%; margin: 0; padding: 8px 0 0 30px; background: #015a84 url('/common/themes/sakila/nav_sakila.png') no-repeat top left; } #mysql_menu ul { margin: 0; padding: 0; list-style: none; } #mysql_menu ul li { margin: 0 0 0 25px; padding: 0; display: inline; font-weight: bold; color: #ffffff; } #mysql_menu li.current { color: #fc6; font-size: 110%; } #mysql_menu li.current a { color: #fc6; } #mysql_menu a { color: #ffffff; text-decoration: none; } #mysql_menu a:hover { color: #fc6; } #og_sakila { float: left; min-width: 252px; min-height: 30px; background: #015a84 url('/common/themes/sakila/sakila_bottom.png') no-repeat top left; } #no_og_sakila { float: left; min-width: 15px; min-height: 30px; background: #015a84 url('/common/themes/sakila/no_sakila_bottom.png') no-repeat top left; } #og_title { min-height: 30px; overflow: hidden; background: #e97b00 url('/common/themes/sakila/main_orange_bg.jpg') repeat-x top left; } /* --------------------------- PAGE --------------------------- */ #page { padding: 0; margin: 0 5px 0 0; } #page.margin_left { margin: 0 5px 0 10px; } /* to prevent issue of page content moving up into the main nav bar */ .page_container { clear: both; } /* controls the space between left side and page content */ #page.sidebar { margin-left: 260px; } /* the sidebar and bg behind the sub-nav */ .page_sidebar { float:left; margin: 0 0 10px 0; width: 240px; padding: 0 4px 4px 0px; } .page_sidebar p { margin: 0 0 10px 5px; width: 225px; } .page_sidebar h4 { margin: 15px 0 0 5px; } .page_sidebar img { padding: 0; margin: 10px 5px 10px 5px; } .page_header { font-size: 160%; font-weight: bold; line-height: 140%; margin: 0 0 12px 0; padding: 4px 0 4px 0; color: #015a84; border-bottom: 1px solid #cccccc; } /* big banner at top of landing pages that use sidbars */ .page_banner { margin-bottom: 15px; width: 99%; /* to expand a bg image the width of the viewport; 100% makes IE7 push banner to below sidebar */ clear: right; border-bottom: 1px solid #e0e0e0; } #training_front { margin: 0 0 0 -20px; padding: 0; } /* --------------------------- SIDEBAR --------------------------- */ #sidebar { float: left; width: 240px; overflow: hidden; padding: 0; margin: 0; } #sidebar ul { width: 215px; margin: 0 0 0 5px; padding: 0; list-style-type: none; } #sidebar ul li { margin: 0 0 0 0; padding: 0 0 12px 15px; line-height: 110%; } #sidebar h3 { width: 215px; font-size: 110%; margin: 0; padding: 20px 0 5px 10px; } #sidebar img.communityLogo { float: right; padding: 0 25px 0 0; } #sidebar-banner { margin: 40px 0 0 12px; } .sidebar-shade { margin: 0; padding: 0; min-height: 275px; background: url('/common/themes/sakila/page_shade.jpg') no-repeat top right; } .related_pages { padding: 0 6px 0 5px; } .related_pages ul { list-style: none; } .related_pages ul li { margin-bottom:5px; margin-left: 8px; font-size: 95%; line-height: 150%; } .related_pages img { margin: 0; padding: 0 0 20px 0; } #spotlight { width: 215px; margin: 50px auto 25px auto; padding: 0; font-size: 95%; text-align: center; background: url('/common/themes/sakila/spotlight_gradient.png') bottom repeat-x; } #spotlight .inside { margin: 0; padding: 10px; } #spotlight .inside p { margin: 0; padding: 10px 0 0 0; } #spotlight .bottom { width: 215px; height: 8px; padding: 0; margin: 0; background: url('/common/themes/sakila/spotlight_bottom.png') bottom no-repeat; display: block; } #menu_title { height: 25px; color: #ffffff; font-weight: bold; font-size: 14px; text-transform: uppercase; line-height: 24px; padding: 5px 0 0 60px; margin: 0; background: url('/common/themes/sakila/get_started_bg.png') no-repeat top left; } #menu { margin: 0; padding: 0; min-height: 275px; background: url('/common/themes/sakila/page_shade.jpg') no-repeat top right; } #menu ul { margin: 0!important; padding: 0 0 0 10px; width: 215px; list-style-type: none; list-style-image: none; } #menu ul li { margin: 0 0 5px 0; padding: 5px 0 5px 0; font-size: 12px; line-height: 18px; color: #666666; border-bottom: #e0e0e0 solid .1em; } #menu ul ul { margin: 0; padding: 5px 0 0 15px; width: 175px; list-style-type: none; } #menu ul ul li { margin: 0 0 5px 0; padding: 0; font-size: 100%; line-height: 195%; color: #666666; border: 0; } #menu ul a { } #menu ul a:visited { color: #00759F; } #menu li.current a.current { color: #00759F; font-weight: bold; } #menu li.current a.current:hover { color: #FFCC66; font-weight: bold; } #menu li.current a.current:visited { color: #00759F; font-weight: bold; } #menu li.current a.current.subitems { color: #00759F; } #menu ul.subitems2 li.current{ font-weight: bold; } /* #submenu li a:hover { background: #fff9f2; color: #00648c; } #submenu li.current a.current.subitems:hover { color: #00648c; } #submenu ul.subitems1 { margin-left: 10px; } */ /* --------------------------- HOME PAGE --------------------------- */ #fp_main { float: left; clear: right; width: 670px; } #fp_main ul { list-style-type: none; list-style-image: none; } #fp_main h2, #fp_columns h2 a { margin: 0; padding: 0 0 5px 0; font-size: 125%; font-weight: normal; color: #e97b00; line-height: 130%; } #fp_main h3 { margin: 0; padding: 0 0 5px 0; font-size: 115%; font-weight: normal; } #fp_banners { padding: 0 0 10px 0; } #imageRotateGroup { float: left; padding: 0 0 0 5px; } #imageRotateGroup ul { margin: 0!important; padding: 0; list-style: none; list-style-type: none; } #imageRotateGroup ul li { margin: 0 5px 0 0; padding: 5px; line-height: 110%; border-bottom: solid; border-width: .1em; border-color: #e0e0e0; } .imageRotateIndexCurrent a { color: #999; font-size: 105%; font-weight: bold; } #fp_featured { min-height: 125px; float: left; margin: 10px 0 0 5px; padding: 0 10px 0 5px; } #fp_featured ul { width: inherit; margin: 0; padding: 0; list-style-type: none; } #fp_featured ul li { margin: 0 0 0 0; padding: 0 0 15px 0; list-style-type: none; line-height: 110%; } #fp_featured ul.ondemand li { margin: 0 0 0 15px; padding: 0 0 0 0; list-style-type: disc; color: rgb(233,123,0); line-height: 120%; } #fp_columns table { clear: left; width: 670px; margin:0; padding: 0; font-size: 95%; } #fp_columns table td { margin: 0 10px 0 0; padding: 5px; vertical-align: top; width: 33%; border: .1em; border-style: solid; border-color: #e0e0e0; } #fp_columns td.localization-spotlight { background: #e0e0e0; border-style: solid; border-color: #666666; } #fp_columns table ul { margin: 0 0 0 15px; padding: 0; list-style-type: none; } #fp_columns table ul li { margin: 0 0 0 0; padding: 0 0 12px 0; list-style-type: none; line-height: 130%; } span.right { float: right; padding: 5px 5px 0 0; } /* --------------------------- SUB-FOOTER (ADS) --------------------------- */ #sub-footer { clear: left; min-width: 916px; padding: 10px 0 0 8px; margin: 15px 0 0 0; background: url('/common/themes/sakila/footer_gradient_bg.png') repeat-x bottom; } /* --------------------------- FOOTER --------------------------- */ #footer { clear: both; position: relative; padding: 0 0 25px 0; margin: 0; min-width: 916px; overflow: hidden; background:#015a84; border-color: #000; font-size: 85%; color: #e0e0e0; } #footer a { color: #e0e0e0; text-decoration: none; } #footer a:hover { color: #999999; text-decoration: underline; } #footer ul { list-style: none; list-style-image: none; padding: 0; } #footer ul li{ margin: 0 0 0 25px; font-size: 95%; line-height: 175%; } #footer .top { font-size: 100%; font-weight: bold; } #footer .links{ float: left; position: relative; margin: 5px 0 0 0; padding: 0; } #footer #search{ float: right; height: 89px; width: 241px; position: relative; margin: 50px 25px 0 0; } #footer #search.en{ background: url('/common/themes/sakila/footer_search.en.png') no-repeat; } #footer #search.fr{ background: url('/common/themes/sakila/footer_search.fr.png') no-repeat; } #footer #search.de{ background: url('/common/themes/sakila/footer_search.de.png') no-repeat; } #footer #search.it{ background: url('/common/themes/sakila/footer_search.it.png') no-repeat; } #footer #search.ja{ background: url('/common/themes/sakila/footer_search.ja.png') no-repeat; } #footer_search #f_q { float: left; margin: 46px 0 0 13px; padding: 5px 0 5px 0; width: 175px; height: 25px; border: none; font-size: 150%; line-height: 160%; color: #333333; background: none; } #footer_search #f_go { float: right; margin: 43px 6px 0 0; width: 41px; height: 39px; } #copyright{ clear: both; text-align: right; font-size: 80%; color: #666666; } #copyright-oracle{ clear: both; text-align: right; font-size: 80%; color: #666666; padding-top: 1px; } #copyright-oracle span { vertical-align: top; } /* --------------------------- CHARACTER FORMATTING --------------------------- */ strong { font-style:normal; font-weight:bold; } em { font-style:normal; font-weight: bold; } h1 { font-weight: bold; font-size: 140%; margin:0px 0px 8px 0px; } h2 { font-weight: bold; font-size: 120%; line-height: 110%; margin:16px 0px 6px 0px; } h2 a, h2 a:visited { color:#00759f; text-decoration: none; } h3 { font-weight: bold; font-size: 110%; margin:16px 0px 4px 0px; } h4 { font-weight: bold; font-size: 100%; margin:14px 0px 2px 0px; } h5 { font-weight: bold; font-size: 95%; letter-spacing:1px; margin:10px 0px; } small { font-size: 80%; } code { color:#761596; font-size: 120%; } code.md5 { color:inherit; } .attention, .attention a { color: #e97b00; font-weight: bold; } .subheading { color: #999; font-size: 90%; } .uppercase { text-transform: uppercase; } big { font-size: 90%; font-weight: 700; } .nobr { white-space: nowrap; } /* --------------------------- HORIZONTAL RULES --------------------------- */ hr { border: 1px solid #e0e0e0; } .hr01 { margin-bottom: 40px; border-bottom: 1px solid #e0e0e0; width: 80%; } div.gray1 { margin:8px 0 0 5px; padding:0px; width: 225px; border-bottom: #e0e0e0 solid .1em; } div.gray1 hr { display: none; } div.gray2 { margin:8px 0px; padding:0px; height:3px; background:#fff url("../img/gray2.png") repeat-x; } div.gray2 hr { display:none; } /* used in www */ div.orange1 { margin:8px 0px; padding:0px; height:3px; background:#fff url("/common/themes/sakila/list-disc-orange.png") repeat-x; } div.orange1 hr { display:none; } div.orange2 { margin:8px 0px; padding:0px; height:3px; background:#fff url("../img/orange2.png") repeat-x; } div.orange2 hr { display:none; } /* Useful clear elements */ hr.clear { clear:both; margin:0px; padding:0px; visibility:hidden; } br.clear { clear:both; margin:0px; padding:0px; } br.clear-right { clear:right; } /* --------------------------- POSITIONED BUTTONS --------------------------- */ .newsltrButton, .product-logo { float: right; padding: 0 10px 10px 0; } .productButton { float: left; padding: 0 25px 0 0; } /* --------------------------- LINKS --------------------------- */ a { background:transparent; text-decoration: none; } a:link { color: #00759f; } a:active { color:#00759f; } a:visited { color: #00759f; } a:hover { color:#00759f; text-decoration: underline; } /* work around issue with docbook-generated pages */ a[id]:hover { color: inherit; } a img { border: none; } /* for a link to skip navigation and go straight to content (508 compliance) */ .skipToContent { display: none; } a:link.cta { /* text-transform: uppercase; */ } /* --------------------------- CALLOUTS, QUOTES, PROMOS --------------------------- */ .quote { font-style: italic; width: 90%; padding: 15px 10px 0 12px; margin: 20px 10px 10px 25px; border: 1px solid #999; } .quote p { margin: 0; padding: 0 0 20px 0; } .pullquote { background: #fff9f2; font-style: italic; font-size: 95%; width: 70%; padding: 12px; margin: 10px 10px 10px 20px; border: 1px solid #ddd; } .pulloutbox { width: 200px; background: #fff9f2; margin: 5px; border: 1px solid #ddd; padding: 5px; } .pulloutbox#right { float: right; } .pulloutbox#wide { width: 75%; margin: 15px 0px 15px 20px; } .basicquote { font-style: italic; font-size: 95%; padding: 10px 0; } /* Call-out boxes */ .callout { background: #fdfdfd; padding: 12px 12px 6px 12px; width: 75%; margin: 15px 0px 15px 20px; border: 1px solid #cccccc; border-radius: 3px; } .callout h2 { margin: 0; padding: 0 0 10px 0; } .callout a { font-size:130%; font-weight: bold; line-height: 120% } .callout a:visited { color: #00759f; } .webinar-callout { background: #fbfbfb; padding: 10px 12px 6px 12px; width: 75%; margin: 10px 0px 10px 20px; border: 1px solid #999; } .webinar-callout a { font-size:100%; font-weight: bold; line-height: 120% } .webinar-callout a:visited { color: #00759f; } .login-callout { background: #f5f5f5; padding: 12px; width: 75%; min-width: 640px; margin: 15px 0px 15px 20px; border: 1px solid #e0e0e0; } .login-callout-btns { padding: 20px; text-align: center; } .promo1 { padding: 6px 10px; margin: 10px 5px 0 5px; background:#e4edfb; border: 1px solid #e0e0e0; } .promo2 { padding:6px 10px; margin:10px 0px; background:#96d8ec; border: 1px solid #e0e0e0; } .promo3 { padding:6px 10px; margin:10px 0px; background:#e3cbd0; border: 1px solid #e0e0e0; } .promo4 { padding:6px 10px; margin:10px 0px; background:#fff9f2; border: 1px solid #e0e0e0; } .promo5 { padding:6px 10px; margin:10px 0px; background:#d2dfdc; border: 1px solid #e0e0e0; } .promo6 { padding:6px 10px; margin:10px 0px; background:#fffbc9; border: 1px solid #e0e0e0; } .promo7 { padding:6px 10px; margin:10px 0px; background:#fff3d4; border: 1px solid #e0e0e0; } .promo8, .headingBar8 { padding: 6px 10px; margin:10px 0px; color: #333333; background:#D5E7F0; border: 1px solid #999; } .promo9 { padding: 5px 0 5px 5px; margin: 0 0 20px 5px; font-size: 80%; background:#fbfbfb; border: 1px solid #999; } .promo9 p { width: 95%; } .promo10 { padding: 10px; margin: 5px 5px 10px 5px; border: 1px solid #e5e5e5; background: #fdfdfd; } .promo11 { padding: 12px; margin: 5px 5px 10px 5px; border: 1px solid #999999; } .promo11 p { width: 95%; } .promo11 p.small { font-size: 80%; } .promo12 { padding: 5px; margin: 0 auto 0 auto; width: 218px; color: #333333; line-height: 120%; background:#d5e7f0; border-radius: 8px; } .promo12 h1 { color: #015a84; } .promo12 h3 { color: #015a84; } .promo12.buynow { margin: 0 0 0 30px; padding: 2px; line-height: 130%; font-weight: bold; background: #cccccc; } .promo12.downloads { padding: 15px; margin: 0 auto 0 10px; width: 40%; line-height: 120%; font-size: 90%; } .promo13 { padding: 15px 5px 15px 5px; margin: 0 auto 0 auto; width: 218px; color: #333333; line-height: 140%; background:#dbe6d9; border-radius: 8px; } .promo13 p { width: 95%; } .promo14 { padding: 5px; margin: 0 auto 0 auto; width: 218px; color: #333333; line-height: 120%; background:#f3f3f3; border-radius: 8px; } .promo15 { padding: 15px; margin: 0 auto 0 auto; color: #333333; background:#d5e7f0; border-radius: 8px; } .narrow { width: 55%; } /* ARE THESE NESCESSARY */ .promo1 ul, .promo2 ul, .promo3 ul, .promo4 ul, .promo5 ul, .promo6 ul, .promo7 ul, .promo8 ul, .promo9 ul, .promo14 ul { list-style: disc; } /* --------------------------- BOXES --------------------------- */ /* The curvey box used on the home page and for special info on landing pages */ .boxStyled { background: #015a84 url('/common/img/box/box-styled-top.gif') no-repeat top left; width: 190px; float: right; margin: 0; padding: 0; } .boxStyled .content { color: #fff; font-family: verdana, helvetica, arial, sans-serif; font-size: 90%; padding: 15px 15px 15px 40px; background: url('/common/img/box/box-styled-bottom.gif') no-repeat bottom left; height: 1%; } .boxStyled p { font-size: 100%; } .boxStyled h2 { font-size: larger; letter-spacing: 1px; color:#fbac5d; } .boxStyled h3 { color:#fbac5d; } .boxStyled ul { font-size: 100%; } .boxStyled ul li { color: #fff; line-height: 120%; margin: 0 5px 5px 15px; list-style: url("/common/themes/sakila/list-arrow-orange-on-blue.gif"); } .boxStyled ul .developer { font-size: 100%; } .boxStyled ul li .developer { list-style: url("/common/themes/sakila/list-arrow-orange-on-blue.gif"); } .boxStyled a { background:transparent; text-decoration: none; } .boxStyled a:link { color: #fff; } .boxStyled a:active { color:#fff; } .boxStyled a:visited { color:#fff; } .boxStyled a:hover { color:#fbac5d; text-decoration: underline; } .boxStyled h2 a:link { color:#fbac5d; } .boxStyled h2 a:active { color:#fbac5d; } .boxStyled h2 a:visited { color:#fbac5d; } .boxStyled h2 a:hover { color:#fbac5d; text-decoration: underline; } .boxStyled h3 a:link { color:#fbac5d; } .boxStyled h3 a:active { color:#fbac5d; } .boxStyled h3 a:visited { color:#fbac5d; } .boxStyled h3 a:hover { color:#fbac5d; text-decoration: underline; } .boxStyled .button-blue { box-shadow: inset 0px 1px 0px 0px #fff; background: #f6f6f6; background: -webkit-linear-gradient(top, #f6f6f6 5%,#cdcdcd 100%); background: linear-gradient(to bottom, #f6f6f6 5%,#cdcdcd 100%); border-radius: 4px; border:1px solid #727272; display:inline-block; color:#005987; font-family:arial; font-size:14px; font-weight:bold; padding:2px 8px; text-decoration:none; text-shadow:1px 1px 1px #fff; text-align: center; } .boxStyled .button-blue:hover { background: #015a84; background: -webkit-linear-gradient(top, #015a84 5%,#3f8bae 100%); background: linear-gradient(to bottom, #015a84 5%,#3f8bae 100%); text-decoration:none; text-shadow:1px 1px 1px #1570cd; box-shadow: inset 0px 1px 0px 0px #9fc0cf; border:1px solid #206e92; color: #ffffff; } .boxStyled a.button-blue { color:#005987; } /* 5.1 BOXES */ /* The curvey box used on the 5.1 ISV/OEM Corner page */ .boxStyled51 { background: #015a84 url('/common/img/box/box-styled-top.gif') no-repeat top left; width: 190px; float: right; margin: 0; padding: 0; } .boxStyled51 .content { color: #fff; font-family: verdana, helvetica, arial, sans-serif; font-size: 90%; padding: 15px 15px 15px 40px; background: url('/common/img/box/box-styled-bottom.gif') no-repeat bottom left; height: 1%; } .boxStyled51 p { font-size: 100%; } .boxStyled51 h2 { font-size: larger; letter-spacing: 1px; color:#fbac5d; } .boxStyled51 h3 { color:#fbac5d; } .boxStyled51 ul { list-style: url("/common/themes/sakila/list-arrow-orange-on-blue.gif"); font-size: 100%; } .boxStyled51 ul li { color: #fff; line-height: 120%; margin: 0 5px 5px 15px; } .boxStyled51 ul ul { list-style: url("/common/themes/sakila/list-disc-orange-on-blue.png"); } .boxStyled51 ul ul li { color: #fff; line-height: 120%; margin: 0 5px 5px 15px; } .boxStyled51 a { background:transparent; text-decoration: none; } .boxStyled51 a:link { color: #fff; } .boxStyled51 a:active { color:#fff; } .boxStyled51 a:visited { color:#fff; } .boxStyled51 a:hover { color:#fbac5d; text-decoration: underline; } .boxStyled51 h2 a:link { color:#fbac5d; } .boxStyled51 h2 a:active { color:#fbac5d; } .boxStyled51 h2 a:visited { color:#fbac5d; } .boxStyled51 h2 a:hover { color:#fbac5d; text-decoration: underline; } .boxStyled51 h3 a:link { color:#fbac5d; } .boxStyled51 h3 a:active { color:#fbac5d; } .boxStyled51 h3 a:visited { color:#fbac5d; } .boxStyled51 h3 a:hover { color:#fbac5d; text-decoration: underline; } /*LIQUID 4-CORNER BOX (grey)*/ #roundedBox1 { background: #e0e0e0 url('/common/img/box/box-grey-bg-top-left.gif') no-repeat top left; } #roundedBox1 .container { background: url('/common/img/box/box-grey-bg-bottom-right.gif') no-repeat bottom right; } #roundedBox1 .containerInner { background: url('/common/img/box/box-grey-bg-bottom-left.gif') no-repeat bottom left; } #roundedBox1 .contentContainer { background: url('/common/img/box/box-grey-bg-top-right.gif') no-repeat top right; } #roundedBox1 .content { padding: 10px 14px; } #roundedBox1 .content img { padding: 0 2px; } /*LIQUID 4-CORNER BOX (blue)*/ #roundedBox2 { background: #015a84 url('/common/img/box/box-blue-bg-top-left.gif') no-repeat top left; } #roundedBox2 .container { background: url('/common/img/box/box-blue-bg-bottom-right.gif') no-repeat bottom right; } #roundedBox2 .containerInner { background: url('/common/img/box/box-blue-bg-bottom-left.gif') no-repeat bottom left; } #roundedBox2 .contentContainer { background: url('/common/img/box/box-blue-bg-top-right.gif') no-repeat top right; } #roundedBox2 .content { color: #fff; padding: 5px 14px; } #roundedBox2 .content img { padding: 0 2px; } /*LIQUID 4-CORNER BOX (peach)*/ #roundedBox3 { background: #fbe6cf url('/common/img/box/box-peach-bg-top-left.gif') no-repeat top left; } #roundedBox3 .container { background: url('/common/img/box/box-peach-bg-bottom-right.gif') no-repeat bottom right; } #roundedBox3 .containerInner { background: url('/common/img/box/box-peach-bg-bottom-left.gif') no-repeat bottom left; } #roundedBox3 .contentContainer { background: url('/common/img/box/box-peach-bg-top-right.gif') no-repeat top right; } #roundedBox3 .content { padding: 5px 14px; } #roundedBox3 .content img { padding: 0 2px; } /* Accordion Classes */ #accordion { width: 70%; margin: 5px 0 55px 0; display: table; } #accordion ul li { margin-left: 10px; } #accordion .accordionentry { margin-left: 10px; padding: 10px; border: solid; border-width: 1px; border-color: #ccc; border-radius: 8px; } #accordion h3 { background: url('/common/themes/sakila/accordion_bg.jpg') bottom repeat-x; border: #e0e0e0 solid 1px; padding: 2px 5px 2px 5px; outline: none; border-radius: 8px; } /* For screenshots on the product pages */ div.screenshot { clear: right; float: right; font-size: smaller; padding: 4px; text-align: center; width: 240px; } div.renew_button { clear: right; float: right; font-size: smaller; padding: 10px 25px 15px 0; text-align: center; width: 240px; } /* use for 2 column landing pages where we are floating items to the right */ div.pageMainColumn { width: 65%; } /* Needed so the global ul li doesn't break the .second class in the Navigation Tabs */ div.pageMainColumn ul li { margin-left: 8px; } /*Testimonials display -- photo, header and content*/ .imageContentLayout { float: left; max-width: 65%; margin: 0; padding: 0; } .imageContentLayout dl { float: left; margin: 0; padding: 10px 0; border-bottom: 1px solid #e0e0e0; display: inline; /*fixes IE/Win double margin bug*/ } .imageContentLayout dl.last { border-bottom: none; margin-bottom: 25px; } .imageContentLayout dt { float: right; width: 50%; padding: 0; color: #666; } .imageContentLayout dd { margin: 0 0 0 220px; width: 50%; padding:0; } .imageContentLayout dd.img{ margin: 0; } .imageContentLayout dd.img img{ float: left; margin: 0; padding: 0 8px; background: #fff; } .imageContentLayout .byline { font-style: italic; } .imageContentLayout a { text-transform: uppercase; } /* --------------------------- FORMS --------------------------- */ form { margin: 0 0 15px 0; padding: 0; color: #333333; } /* Tables for data entry forms */ .form { margin: 10px 0 0 0; border: 1px solid #999999; width: 575px; margin-left: auto; margin-right: auto; } .form .section td { background: #cccccc; border: none; margin: 0; padding: 2px 4px 2px 10px; font-size: 12px; font-weight: bold; text-align: left; } .form td { padding: 5px 0px 6px 14px; margin: 0; border-top: 1px solid #999999; } .form td.label { font-size: 11px; text-align: right; vertical-align: middle; width: 45%; padding: 2px 4px 2px 4px; } .form td.labeltextarea { font-size: 11px; vertical-align: middle; padding: 8px 4px; } .form td.helptext { font-size: 11px; vertical-align: middle; padding: 8px 4px; } .form .helptext_alt { font-size: 10px; font-weight: normal; vertical-align: middle; padding: 8px 4px; } /* works-around mistake in templates */ .form tr.section td.label { text-align: left; } .form .label.required { font-weight: bold; } .form .labeltextarea.required { font-weight: bold; } .form tr.buttons td { text-align: right; padding-right: 25px; border-bottom: none; } .radio, .check { position:relative; top:3px; } /* ...makes it look corny on Safari. Must check. */ fieldset { margin:8px 0px; padding:12px; border:1px solid #ccc; } legend { font-weight:bold; color:#333; margin:0px 4px; } .frm { border:1px solid #7f7f7f; padding:2px 1px 0px 1px; line-height:110%; } .submit { color:#fff; font-weight: bold; font-size: 90%; padding: 5px 8px; border-right:1px solid #304C60; border-bottom:1px solid #304C60; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background: #217ba8; } .submit2 { color:#fff; font-weight: bold; font-size: 90%; padding: 3px 8px; border-right:1px solid #304C60; border-bottom:1px solid #304C60; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background: #217ba8; } .submit3 { color:#fff; font-weight: bold; font-size: 90%; padding: 3px 8px; border-right:1px solid #304C60; border-bottom:1px solid #304C60; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background: #217ba8; } /* --------------------------- LEAD FORM --------------------------- */ div.lead_form { width: 300px; text-align: center; height: 220px; border: 1px solid #999999; background: #e0e0e0; padding: 5px; } div.lead_inner { width: 298px; height: 170px; border: none; margin: 5px; /* background: #e0e0e0; */ } .lead_form table { text-align: left; width: 99%; } .lead_form a { color: #000; font-size: 85%; } div.lead_button { float: right; margin-right: 1em; margin-top: 1em; } div.leac_button .submit { margin: 0; } /* --------------------------- TABLES --------------------------- */ table { margin-bottom: 10px; } /* minimalist data table used for feature comparisons or tabular lists */ .table02 { margin-bottom: 30px; } .table02 table { margin-bottom: 30px; } .table02 th { font-weight: bold; color: #666; padding: 7px; text-align: left; background: #eeeeee; border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px dashed #999; } .table02 th:first-child { border-left: 1px solid #999; } .table02 th:last-child { border-right: 1px solid #999; } .table02 td { padding: 8px; font-size: 95%; border-right: 1px dashed #e0e0e0; border-bottom: 1px solid #e0e0e0; } .table02 td:last-child { border-right: none; } .table02 .alt { background: #f3f3f3; } /* for downloads file list */ .table04 table { width: 90%; } .table04 td { padding: 0 7px; } .table04 td.col1 { width: 40%; } .table04 td.col2 { width: 20%; } .table04 td.col3 { width: 10%; } .table04 td.col4 { width: 10%; text-align: right; } .table04 td.col5 { width: 20%; white-space : nowrap; text-align: right; } .table04 .alt { background: #f3f3f3; } .table04 .sub-text { color: #666; font-size: 80%; } /* For downloads file info on individual file download page */ .download-info { padding-top: 25px; font-size: 85%; line-height: 1.8em; } /* based on ul results class - for use with multiple images in left column */ .table05 table { margin-bottom: 30px; width: 80%; } .table05 tr { vertical-align: top; } .table05 td:first-child { padding-top: 15px; text-align: center; width: 150px; } .table05 td.item { padding: 0 0 30px 0; color:#666; font-weight:normal; border-bottom: 1px solid #e0e0e0; } .table05 td.item h2 { font-weight: bold; font-size: 115%; } .table05 td.item .linkAction { text-transform: uppercase; } table.styled { border-bottom:1px solid #e0e0e0; margin: 1em 0px; } table.styled th { margin:0px; padding:3px 4px; background:#eee; font-weight:bold; } table.styled th.title { font-size: 120%; } table.styled td { margin:0px; padding:8px 8px 4px 4px; border-top:1px solid #e0e0e0; } /* Styled Table with a Grid */ table.styledGrid { border:1px solid #bdcebb; margin: 1em 0px; border-collapse: collapse; } table.styledGrid th { margin:0px; padding:8px 5px; background:#e0e0e0; font-weight:bold; } table.styledGrid th.title { font-size: 120%; } table.styledGrid td { margin: 0px; padding: 8px 8px 4px 4px; border-bottom: 1px solid #bdcebb; border-right: 1px solid #bdcebb; text-align: center; } table.styledGrid td.col1 { text-align: left; } table.styledGrid th.alt1 { background: #fff9f2; } /* simple table, e.g. for comparison charts */ .basictable { border: 1px solid #999999; border-collapse: collapse; } .basictable th { background: #004E61; font-size: 9.0pt; font-family: Arial; font-weight: bold; color: white; } .basictable th.solutions { background: #fffbc9; font-size: 9.0pt; font-family: Arial; font-weight: bold; color: #000; } .basictable td { text-align: center; } .basictable td:first-child { text-align: left; padding: 4px; } /* Table for data entry (new style) */ .entrytable { /*background: #e4edfb;*/ padding: 4px; } .entrytable th{ background: #E3EFF4; border-top: 2px solid #ccc; text-align: left; font-size: 12px; font-weight: bold; } .entrytable td:first-child { text-align: right; vertical-align: top; } .entrytable td { padding:8px 8px 4px 4px; border-top:1px solid #e2e9eb; } /* Table for agendas */ table.agenda { width: 90%; margin: 0px; color: #333333; } table.agenda th { margin: 0px; padding: 3px 4px; background: #cccccc; font-weight: bold; } table.agenda th.title { font-size: 115%; } table.agenda th.subTitle { font-size: 100%; } table.agenda td { margin:0px; padding:8px 8px 4px 4px; font-size: 90%; border:1px solid #e2e9eb; } table.agenda td.col1, table.agenda td.special { background: #fbfbfb; } /* Matrix Support Table (Symantic tables)*/ table.matrix { width: 90%; padding: 0; margin: 10px 0 10px 0; border-top: solid #666 1px; border-left: solid #666 1px; border-right: solid #666 1px; border-bottom: solid #666 1px; } table.matrix .label { font-size: 115%; padding: 0 0 0 5px; } table.matrix th { padding: 2px 20px 2px 5px; border-top: solid #666 1px; } table.matrix tr td{ border-top: solid #666 1px; } table.matrix tr.header { border-top: solid #666 1px; } table.matrix tr.header th { background: #015a84; color: #ffffff; } table.matrix tr.header a { color: #fff; } table.matrix tr.sub_header th { vertical-align: middle; } table.matrix tr.label a { color: #000; } table.matrix tr.alt td { background: #d5e7f0; color: #333333; border-top: solid #666 1px; } table.matrix td.alt, table.matrix th.alt{ background: #d5e7f0; } table.matrix tr.label td { padding: 0 0 0 2px; margin: 0; background: #cccccc; text-align: left; font-weight: bold; font-size: 85%; color: #333333; border-top: solid #666 1px; } table.matrix td.row, table.matrix th.row { margin: 0; padding: 0 50px 0 10px; text-align: left; } table.matrix tr.rownb { line-height: 90%; } table.matrix tr.rownb td, table.matrix tr.rownb th { border-top: hidden; border-bottom: hidden; font-size: 90%; } table.matrix tr.rownb td.row, table.matrix tr.rownb th.row { padding-left: 20px; } table.matrix td.techspec { margin: 0; padding: 0 50px 0 10px; text-align: left; font-size: 85%; } table.matrix td.techspec ul li{ list-style-image: none; line-height: 120%; } table.matrix td.techspec h3 { margin-top: 10px; font-size: 105%; line-height: 150%; } table.matrix td { margin: 0; padding: 5px; text-align: center; } /* --------------------------- COLUMNS --------------------------- */ .lCol { float:left; width:49%; margin-right:1%; background:#fff; } .rCol { float:left; width:49%; background:#fff; } .col15 { float:left; width:15%; background:transparent; } .col25 { float:left; width:25%; background:transparent; } .col33 { float:left; width:32%; background:transparent; } .col49 { float:left; width:49%; background:transparent; } .col66 { float:left; width:65%; background:transparent; } .col75 { float:left; width:75%; background:transparent; } .col84 { float:left; width:84%; background:transparent; } .col99 { float:left; width:99%; background:transparent; } .lCol .indent { margin:0px 12px 0px 12px; padding:0px; } .rCol .indent { margin:0px 0px 0px 12px; padding:0px; } .col15 .indent { margin:0px 12px 0px 12px; padding:0px; } .col25 .indent { margin:0px 12px 0px 12px; padding:0px; } .col33 .indent { margin:0px 12px 0px 12px; padding:0px; } .col49 .indent { margin:0px 12px 0px 12px; padding:0px; } .col66 .indent { margin:0px 12px 0px 12px; padding:0px; } .col75 .indent { margin:0px 12px 0px 12px; padding:0px; } .col84 .indent { margin:0px 12px 0px 12px; padding:0px; } .col99 .indent { margin:0px 12px 0px 12px; padding:0px; } /* --------------------------- IMAGES --------------------------- */ .bio-sidebar { float: left; margin-right: 10px; } /* --------------------------- BUTTONS --------------------------- */ /* standard call-to-action button link */ .button03 { white-space: nowrap; line-height: 2em; margin: 10px 3px } .button03 a:link, .button03 a:visited, input.button03, .lead_button input { color:#fff; font-weight: bold; font-size: 90%; padding: 3px 8px; border-right:1px solid #304C60; border-bottom:1px solid #304C60; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background: #217ba8; } .button03 a:hover { color: #fc6; text-decoration: none } /* hot button */ .button04 { white-space: nowrap; line-height: 2em; margin: 10px 3px } .button04 a:link, .button04 a:visited, input.button04 { color:#fff; font-weight: bold; font-size: 90%; padding: 3px 8px; border-right:1px solid #c06600; border-bottom:1px solid #c06600; border-left:1px solid #fae2cc; border-top:1px solid #fae2cc; background: #f8981d; } .button04 a:hover { color: #fc6; text-decoration: none } /* neutral button */ .button05 { white-space: nowrap; line-height: 2em; margin: 10px 3px } .button05 a:link, .button05 a:visited, input.button05 { color:#666; font-weight: bold; font-size: 90%; padding: 2px 8px; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background: #fbfbfb; } .button05 a:hover { color: #666; text-decoration: underline; } .big-button-blue, .med-button-blue, .small-button-blue { box-shadow: inset 0px 1px 0px 0px #9fc0cf; background: #3f8bae; background: -webkit-linear-gradient(top, #3f8bae 5%,#015a84 100%); background: linear-gradient(to bottom, #3f8bae 5%,#015a84 100%); border-radius: 6px; border:1px solid #206e92; display:inline-block; color:#ffffff; font-family:arial; font-size:22px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #1570cd; text-align: center; } .big-button-blue:hover, .med-button-blue:hover, .small-button-blue:hover { background: #015a84; background: -webkit-linear-gradient(top, #015a84 5%,#3f8bae 100%); background: linear-gradient(to bottom, #015a84 5%,#3f8bae 100%); text-decoration:none; } .big-button-blue:active, .med-button-blue:active, .small-button-blue:active { position:relative; top:1px; } .med-button-blue { font-size: 16px; border-radius: 4px; padding:4px 16px; } .small-button-blue { font-size: 14px; border-radius: 4px; padding:2px 8px; } .big-button-green { box-shadow: inset 0px 1px 0px 0px #a4e271; background: #89c403; background: -webkit-linear-gradient(top, #89c403 5%,#77a809 100%); background: linear-gradient(to bottom, #89c403 5%,#77a809 100%); border-radius: 6px; border:1px solid #74b807; display:inline-block; color:#ffffff; font-family:arial; font-size:22px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #528009; text-align: center; } .big-button-green:hover { background: #77a809; background: -webkit-linear-gradient(top, #77a809 5%,#77a809 100%); background: linear-gradient(to bottom, #77a809 5%,#77a809 100%); text-decoration:none; } .big-button-green:active { position:relative; top:1px; } a.big-button-blue, a.med-button-blue, a.small-button-blue, a.big-button-green { color:#ffffff; } .button-subtitle { font-size: 50%; color: #eeeeee; } .button-clear { clear: both; margin-top: 20px; padding: 15px 0px 0px 55px; } /* --------------------------- POSITIONED ITEMS --------------------------- */ /* hide tweet buttons, no longer being used */ .tweetButton { display: none; } .newsltrButton { float: right; padding: 0 10px 10px 0; } .productButton { float: left; padding: 0 25px 0 0; } .addthis_toolbox { margin: 0; padding: 0; overflow: hidden; } .addthis_toolbox .custom_images a { width: 60px; height: 60px; margin: 0; padding: 0; } .addthis_toolbox .custom_images a:hover img { opacity: 1; } .addthis_toolbox .custom_images a img { opacity: 0.50; } /*Position text to the right of a logo image*/ div.img-text-column { margin-left: 180px; padding-bottom: 50px; } /* --------------------------- LISTS --------------------------- */ ul { margin:0px 4px 8px 16px; padding: 0; list-style: url("/common/themes/sakila/list-disc-orange.png"); } ul li { margin: 0 0 5px 0; font-size: 95%; line-height: 150%; } ul ul { list-style: url("/common/themes/sakila/list-disc-blue.png"); } ul ul li { font-size: 100%; } ul .date { font-size:90%; } /* use a » image as the list item */ ul.styled { list-style: url("/common/themes/sakila/list-raquo-orange.png"); } ul.styled li { line-height: 120%; } ul .date { font-size:90%; } ul.none { list-style-type: none; list-style-image: none; } ol { margin:0px 4px 8px 16px; padding:0px; } ol li { font-size: 95%; margin: 0 0 1px 8px; padding: 0 0 7px 0; } ol ol li { font-size: 100%; } dd { margin: 1em 0em 1em 2em; } ul.attentionItem { list-style: url("/common/themes/sakila/list-arrow-orange.gif"); } ul.attentionItem li { font-weight: bold; font-size: 110%; margin:16px 0px 4px 0px; } ul.attentionItem span.subText { font-weight: normal; font-size: 90%; margin:16px 0px 4px 0px; } ul.attentionItem a:visited { color: #00759f; } /* item results list */ ul.results { margin:1.6em -1px .8em; padding:0 1px 0 150px; padding-top:.6em; overflow:hidden; list-style-type: none; list-style-image: none; } ul.results.noImage { padding:0 1px 0 10px; } ul.results.noImage li.item{ width: 100%; } ul.results li.item { position:relative; margin: 0; padding: 20px 0; width: 80%; line-height: 180%; font-weight:normal; border-bottom: 1px solid #e0e0e0; } ul.results li.item a.thumbnail { display:block; position:absolute; margin-left: -140px; text-align:center; font-weight: bold; } ul.results .title { font-weight: bold; font-size: 120%; display: block; } ul.results li.item span.tag { display:block; font-weight: bold; margin-bottom: 10px; } ul.results li.item span.subtext { display:block; font-size: 95%; margin-bottom: 10px; } ul.results li.item span.description { display:block; margin-bottom: 10px; } ul.results li.item span.button03 { margin-left: 80%; } ul.results li.item .linkAction { text-transform: uppercase; } /* FAQ style */ dt { font-weight: bold; } dl.FAQ { margin-top: 25px; } .FAQ dt { margin-top: 30px; } .FAQ dd { margin: 10px 0px 0px 0px; } .FAQ dd:First-letter { font-weight: bold; } .FAQ dd li { margin-left: 10px; } ol.FAQ { } ol.FAQ li { font-size: 12px; margin-bottom: 8px; } .faq-question { font-weight: bold; font-size: 110%; } .faq-answer { padding-bottom: 10px; } /* --------------------------- ALERTS --------------------------- */ /* Errors and Warnings: Warning icon */ .alert01 { border: 1px solid #eae3c1; padding: 8px 10px 0 10px; margin: 15px 0; background: #fff9d7; } .alert01 .icon { background: url("/common/img/icons/alert-24x24.png") no-repeat; } .alert01 p { margin-left: 35px; font-weight: bold; } .alert01 ul { list-style-image: none; } /* General Messages: Optional "info" icon */ .alert02 { border: 2px solid #e5e5e5; padding: 8px 10px 0 10px; margin: 15px 0; background: #fbfbfb; } .alert02 .icon { background: url("/common/img/icons/info-24x24.png") no-repeat; } .alert02 p { margin-left: 35px; } .alert02 ul { list-style-image: none; } /* ubiquitous error message; no warning icon */ .error { border: 1px solid #e2c822; padding: 10px; width: 90%; font-weight: bold; background: #fff9d7; } /* Hard to miss notice for users. Combine with warning, error, etc */ .notice { font-size: 12px; text-align: center; font-weight: bold; } /* Good Things happened */ .success { color: #090; } /* explainatory text */ .explain { width: 90%; background: #ffffee; border: 1px #ccc solid; padding: 7px; font-size: 12px; } small.help { font-style: italic; } /* --------------------------- DevZone --------------------------- */ #dev_SmallPromo { margin: 10px 0 0 40px; padding: 0; } #sunLogos { width: 215px; margin: 0 0 0 auto; padding-top: 10px; text-align: center; } #sunLogos img { padding: 0; vertical-align: middle; } #sunLogos h3 { color: #999; } #dev_articles { margin: 25px 0 0 5px; padding: 0 10px 0 250px; } #dev_articles .subText { margin: 0; padding: 0 0 5px 0; font-size: 85%; } #dev_articles h1 { font-size: 140%; margin: 10px 0 0 0; padding: 0 10px 0 0; } #dev_articles h4 { font-size: 100%; margin: 20px 0 0 0; padding: 0; } #dev_blogs { float: left; width: 45%; margin-top: 25px; margin-right: 5%; } #dev_blogs ul { margin: 0 0 0 5px; padding: 0; list-style-type: none; } #dev_blogs ul li { margin: 0 0 0 0; padding: 0 0 12px 0; list-style-type: none; line-height: 125%; } #dev_blogs h1 { margin: 0; padding: 0 0 5px 0; font-size: 140%; } #dev_quickPoll { width: 45%; margin-top: 25px; margin-right: 10%; margin-bottom: 20px; background-color: #eee; border: 1px solid #ddd; border-radius: 10px; padding: 20px; } #dev_quickPoll h1 { color: #666; /* padding-bottom: 15px;*/ } #dev_quickPoll form { font-size: 90%; } /* --------------------------- GOOGLE ADS --------------------------- */ /*displays in the header.tpl*/ .headerBannerAd { position:absolute; top:4px; left:250px; margin:0px; padding:0px; font-family: verdana, arial, helvetica, sans-serif; } .sidebarBannerAd { margin: 20px 0px 20px 0px; text-align: center; font-family: verdana, arial, helvetica, sans-serif; } /* --------------------------- DOCS --------------------------- */ /* MySQL Manual */ .guimenu { font-style:normal; font-weight:bold; } .searchmanual { margin: 5px 5px 5px 10px; padding: 4px; } select.searchmanualselect { font-size: 95%; } #docnav { float: right; margin:0px 0px 8px 8px; } #docheader { line-height: 140%; margin: 0 0px 12px 0px; padding: 5px 0 5px 0; border-bottom: 1px solid gray; } /* Sub-Menu */ #submenu { background: #015a84; float:left; padding:4px; width: 228px; margin: 0px 0px 6px 0px; color:#fff; } #submenu ul { /* IE doesn't like list-style:none, it still uses images from previous definitions */ list-style-type:none; list-style-image:none; margin:0px; padding:0px; } #submenu li { font-size: 90%; margin:0px; padding: 2px; } #submenu li a { padding: 3px; display: block; width: 98%; color: #fff; text-decoration:none; } #submenu li.current { font-size: 100%; border: 1px solid #e0e0e0; padding: 3px; margin-top: 2px; } #submenu li.current a.current { color: #fff; font-weight: bold; } #submenu li.current a.current:hover { color: #00648c; font-weight: bold; } #submenu li.current a.current.subitems { color: #fff; } #submenu li a:hover { background: #fff9f2; color: #00648c; } #submenu li.current a.current.subitems:hover { color: #00648c; } #submenu ul.subitems1 { margin-left: 10px; } /************************** --------------------------- LINGERGING STYLES THAT NEED TO BE DEALT WITH --------------------------- **************************/ /* --------------------------- NEWS (resource.head on www/oem/index.html.it ONLY) --------------------------- */ .news_head { color: #01688A; background: #FEF8E6; font-size: 100%; font-weight: bold; padding: 3px } .news.subhead { color: #003E53; background: #EAF6FB; font-size: 95%; font-weight: bold; margin-left: 2px; padding: 3px } .news.subhead span { background: #7CAAB9; padding: 1px } /* Used in DevZone ie. PHP, Perl pages */ .news.box { border: 1px solid #e0e0e0; padding: 4px; margin-bottom: 8px; } /* www/oem/index.html.it */ .resource.head{ color: #333333; font-size: 90%; font-weight: bold; background: #cccccc; /*width: 95%;*/ padding: 3px; margin: 0px 0px 3px 0px ; } /* --------------------------- Comments - DevZone and Partner Solution subsites --------------------------- */ #comments { padding: 10px; margin: 10px 0px; width: 100%; } body.dev #comments { background: #e3ebe2; } body.solutions #comments { background: #fffbc9; } .commentdetails { font-weight: bold; padding: 4px 0px 8px 0px; width: 100%; } body.dev .commentdetails { border-top: 1px solid #666; } body.solutions .commentdetails { border-top: 1px solid #ffde84; } /* Not sure if these are used... */ #toc .top { list-style:url("../images/nav/top.png"); } #toc .gp, #toc .p { list-style:url("../images/nav/up.png"); } #toc .back { list-style:url("../images/nav/left.png"); } body.forums .toplogin { position: absolute; top: 44px; right: 20px; margin: 0px; } /* basic table to align form elements in rows with no grid lines */ .form03 label { font-size: 95%; } .form03 select { font-size: 115%; } .form03 select.stacked { width: 30%; } /* Not Sure What these are used for... */ .selfContainedWindow { margin: 25px; border: 1px solid #333; padding: 15px; } .net_table td{ font-size: 11px; } .searchPageBox { padding: 6px 10px; background:#eee; border: 1px solid #999; } .searchPageBox td { padding: 5px; } /* These look like promo boxes in the sidebare that should be using the .promo class */ .getcert { background:#ffde84 url("../promo/getcert-bg.jpg") no-repeat; width:100%; height:118px; margin:8px 0px; } .getcerttext { padding:42px 0px 0px 114px; } .becpart { background:#004e61 url("../promo/becpart-bg.gif") no-repeat top right; width:100%; height:128px; text-align:right; color:#fff; margin:8px 0px; } .becparttext { padding:40px 90px 0px 10px; } .tcobox { background:#1d93b6; color:#fff; padding:12px 8px 8px 16px; margin:8px 0px; } .enercon { border:1px solid #999; background:#fff url("../logos/sap-partner.png") no-repeat; background-position:8px 14px; padding:12px 8px 8px 110px; margin:8px 0px; } .yahoo { border:1px solid #d0670a; background:#fff url("../promo/yahoo.gif") no-repeat; background-position:16px 18px; margin:8px 0px; } .yahootext { padding:10px 10px 10px 110px; } .coxbox { background:#006486; color:#fff; padding:12px 8px 8px 16px; margin: 8px 5px 0 5px; } /* Text for ^^^ dark backgrounds */ a.white:link { color:#fff; } a.white:visited { color:#fff; } a.white:hover { color:#64bfdb; } a.white:active { color:#64bfdb; } p.byline { font-size: smaller; font-weight: bold; } /* --------------------------- ROWS, GRIDS (without tables) --------------------------- */ /* simple alternating rows */ .grid01 { margin:1px 0px 0px 0px; padding:2px 4px; } .grid01.odd { background-color:#fbfbfb; } .grid01.even { background-color:#e5e5e5; } /* alternating rows (currently used for snapshots.php */ .grid02 { width:45%; margin:0px 2% 10px 0px; padding:0px; border: 1px solid #e5e5e5; } .grid02 h4 { margin:0px 0px 1px 0px; padding:0px 0px 0px 8px; border-bottom: 1px solid #e5e5e5; } .grid02 ul { list-style:none; margin:0px; padding:4px 0px 8px 0px; } .grid02 li { margin:0px; padding:4px 0px 2px 8px; line-height:120%; } .grid02.odd ul { background-color:#fbfbfb; } .grid02.even ul { background-color:#e5e5e5; } /* lists.mysql.com */ body.lists #header { background:#004e61 url("../img/lists.jpg") repeat-y; } body.lists #tag p { font-weight:bold; letter-spacing:0.3em; color:#bdcebb; margin-left:87px; } .headerlabel { background:#e3ebe2; } .headervalue { background:#f4f4ee; } body.lists pre { color:#202020; } .quote1 { color: #006486; } .quote2 { color: #900; } .quote3 { color: #a36008; } .quote0 { color: #909; } .thread { background:#f4f4ee; padding:4px; } #datenav { list-style: none; margin: 0px; padding: 0px; font-weight: bold; font-size:90%; } #datenav li { display: inline; } /* hosting */ .blueborder { margin:0px; padding:10px 16px 8px 12px; border:1px solid #006486; } .blueborder h3 { margin-bottom:2px; } .whiteborder { margin:0px; padding:2px 8px; border:1px solid #fff; } .lbborder { margin:0px; padding:2px 8px; border:1px solid #64bfdb; } li.mark { background:#e2e9eb; font-weight:bold; } p.price { font-size:110%; font-weight:bold; color:#006486; } .go { float:right; color:#fff; background:#006486; padding:3px; font-weight:bold; } .hostingfeat { background:#1d93b6 url("../img/hosting.jpg") no-repeat right bottom; padding:20px 150px 16px 16px; color:#fff; } .hostingfeat2 { background:#1d93b6; padding:20px 8px 16px 16px; color:#fff; } .stamp { float:right; position:relative; top:-8px; } .emh { margin:0px; padding:10px 8px 8px 12px; background:#006486 url("/hosting/emh-bg.jpg") no-repeat; } .emh h3 { color:#fffbc9; } .emh p { color:#fff; } strong.orange { color:#ea8a29; } /* Added For Hosting Signup */ .focusBox { background:#e3ebe2; border:1px solid #004e61; padding:3px 3px 3px 3px; } .shadedArea { background:#ececec; } .notice { font-weight: bold; color: #990000; } .signupTitle { font-weight:bold; font-size:120%; width:99%; margin:8px 0px; color:#64bfdb; padding-bottom: 5px; border-bottom:1px solid #006486; color:#555; } .signupContent {margin-left: 20px; margin-right: 20px;} .accbillhead {color: #000000; background-color: #ececec} .accdethead {font-weight: bold; color: #000000; background-color: #ececec} .accdetprice {color: #000000} .accdettable {background-color: #CCCCCC; border: none; border-color: #ececec} .accdetvalue {font-weight: bold; color: #000000; background-color: #FFFFFF} .accfeatspec {font-weight: bold; color: #004e61} .accprice {color: #FFCC00} .accpricetable {background-color: #cccccc} .accspec {color: #CC0000; font-weight: bold; font-size: 12px;} .accspecprice {font-weight: bold; color: #009900} .acctablebgc {background-color: #004e61} .acctitle {font-weight: bold} .acctype {font-weight: bold; color: #FFFFFF; background-color: #004e61} /* Reference Manual styles to be moved to separate file */ div.itemizedlist { font-size: 110%; } .literal { font-size: 120%; } /* Manpage style definition list */ dl.manpage {} dl.manpage dt { font-weight: bold; font-size: 90%} dl.manpage dd { font-size: 85%;} .prpromo { width: 234px; text-align: center; } .prpromo img { border: 10px solid #e0e0e0; }