You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1069 lines
24 KiB
Plaintext

/* CSS Document */
body {
padding: 0;
margin: 0;
font-size: 100%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url(../images/doc-landing-page-bg.jpg) repeat-y top center;
}
ul, li, ol, img {
border: none;
padding: 0;
margin: 0;
}
a:focus {
outline: none;
}
p {
font: normal 87.5%/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898989;
padding: 10px 0 0 0;
margin: 0;
}
a.link {
color: #898989;
text-decoration: none;
border-bottom: 1px dotted #898989;
}
a:hover.link {
color: #333333;
border-bottom: 1px dotted #333333;
}
.clear {
clear: both;
padding: 0;
margin: 0;
font-size: 0px;
line-height: 0px;
height:0px;
}
.underline-dull {
border-bottom: 1px dashed #e0e0dd;
padding-bottom: 6px;
}
/* page wrapper */
#wrapper {
text-align: left;
width: 996px;
padding: 0;
margin: 0 auto;
}
/* page header */
#header {
background: url(../images/doc-landing-page-header-bg.jpg) no-repeat top center;
width: 996px;
height: 97px;
padding: 0;
margin: 0;
}
.logo {
width: 131px;
height:75px;
padding: 22px 0 0 80px;
float: left;
display: inline;
}
h1.brand-name {
padding: 45px 0 0 10px;
margin: 0;
font: normal 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
float: left;
text-align: left;
color: #ffffff;
display: inline;
}
h1.logo-text-home {
width: 600px;
padding: 45px 40px 0 0;
margin: 0;
font: normal 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
float: right;
text-align: right;
clear: right;
color: #ffffff;
display: inline;
}
h1.logo-text {
width: 600px;
/*padding: 45px 40px 0 0;*/
padding: 15px 40px 0 0;
margin: 0;
font: normal 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
float: right;
text-align: right;
clear: right;
color: #ffffff;
display: inline;
}
.back-to-home a{
background: url(../images/back2home-button.jpg) no-repeat left top;
width: 87px;
padding: 3px 0 0 18px;
margin: 9px 40px 0 0;
height: 18px;
font: normal 68.75% Verdana, Geneva, sans-serif;
color: #959494;
float: right;
text-decoration: none;
text-align: left;
}
.back-to-home a:hover {
background-position: left -25px;
color: #4c4c4c;
}
/* top headline */
h2.headline {
font: normal 110%/137.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
margin: 25px 0 25px 0;
color: #7d7c8b;
}
h3.headline {
font: normal 110%/137.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 5px 0;
color: #000000;
}
/* content area */
.content-area {
background: url(../images/content-area-bg.jpg) no-repeat top center;
overflow: hidden;
width: 971px;
margin: 0 0 0 25px;
padding: 0;
}
#content-area-inner-main {
padding: 0;
margin: 0 auto;
text-align: left;
width: 891px;
}
/* home page middle icon list */
dl.m-cl {
width: 891px;
padding: 0;
margin: 0;
letter-spacing: -0.30em;
}
dl.demo-landing {
width: 890px;
padding: 0;
margin: 0;
border: 1px solid #f0f0f0;
letter-spacing: -0.30em;
}
dt.m-cl-1 {
width: 234px;
_width: 233px !important;
height: 26px;
display: inline-block;
*display: inline !important;
border-bottom: 1px dashed #e0e0dd;
*zoom: 1 !important;
font: normal 127.5%/118% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
overflow: hidden;
margin: 0;
padding: 15px 0 0 50px;
letter-spacing: normal;
vertical-align: bottom;
}
dd.m-cl-1 {
width: 284px;
_width: 283px !important;
height: 67px;
padding: 0 0 20px 0;
margin: 0;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
font: normal 87.5%/150% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898989;
letter-spacing: normal;
vertical-align: top;
}
dt.m-cl-2 {
width: 234px;
_width: 233px !important;
height: 26px;
display: inline-block;
*display: inline !important;
border-bottom: 1px dashed #e0e0dd;
*zoom: 1 !important;
font: normal 127.5%/118% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
overflow: hidden;
margin: 0 0 0 19px;
padding: 15px 0 0 50px;
letter-spacing: normal;
vertical-align: bottom;
}
dd.m-cl-2 {
width: 284px;
_width: 283px !important;
height: 67px;
padding: 0 0 20px 0;
margin: 0 0 0 19px;
vertical-align: top;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
font: normal 87.5%/150% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898989;
letter-spacing: normal;
}
dt.m-cl-1 a, dt.m-cl-2 a {
color: #3c3c3c;
text-decoration: none;
}
dt.m-cl-1 a:hover, dt.m-cl-2 a:hover {
color: #3985c6;
}
dd.m-cl-1 a, dd.m-cl-2 a {
color: #898989;
text-decoration: none;
display: block;
padding: 10px 0 10px 0;
}
dd.m-cl-1 a:hover, dd.m-cl-2 a:hover {
color: #898989;
text-decoration: none;
background: #f7fafd;/*outline: 1px solid #eaeaea;*/
}
dd.m-cl-1 .hightlight, dd.m-cl-2 .hightlight {
color: #000000;
}
/* home page icon link end */
.inner-middle-link-container {
padding: 10px 10px 0 15px;
border: 1px solid #f0f0f0;
}
/* inner page middle icon link */
dl.inner-m-cl {
padding: 0;
margin: 0;
letter-spacing: -0.30em;
}
dt.inner-m-cl-1 {
width: 219px;
_width: 218px !important;
height: 26px;
display: inline-block;
*display: inline !important;
border-bottom: 1px dashed #e0e0dd;
*zoom: 1 !important;
font: normal 127.5%/118% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
overflow: hidden;
margin: 0;
padding: 4px 0 0 53px;
letter-spacing: normal;
vertical-align: bottom;
}
dd.inner-m-cl-1 {
width: 274px;
_width: 273px !important;
height: auto;
padding: 0 0 10px 0;
margin: 0;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
font: normal 87.5%/150% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898989;
letter-spacing: normal;
vertical-align: top;
}
dt.inner-m-cl-2 {
width: 219px;
_width: 218px !important;
height: 26px;
display: inline-block;
*display: inline !important;
border-bottom: 1px dashed #e0e0dd;
*zoom: 1 !important;
font: normal 127.5%/118% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
overflow: hidden;
margin: 0 0 0 19px;
padding: 4px 0 0 53px;
letter-spacing: normal;
vertical-align: bottom;
}
dd.inner-m-cl-2 {
width: 274px;
_width: 273px !important;
height: auto;
padding: 0 0 10px 0;
margin: 0 0 0 19px;
vertical-align: top;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
font: normal 87.5%/150% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898989;
letter-spacing: normal;
}
dt.inner-m-cl-1 a, dt.inner-m-cl-2 a {
color: #3c3c3c;
text-decoration: none;
}
dt.inner-m-cl-1 a:hover, dt.inner-m-cl-2 a:hover {
color: #3985c6;
}
dd.inner-m-cl-1 a, dd.inner-m-cl-2 a {
color: #898989;
text-decoration: none;
display: block;
padding: 10px 0 10px 0;
}
dd.inner-m-cl-1 a:hover, dd.inner-m-cl-2 a:hover {
color: #898989;
text-decoration: none;
background: #f7fafd;
}
dd.inner-m-cl-1 .hightlight, dd.inner-m-cl-2 .hightlight {
color: #000000;
}
/** live demo top dl dd dt list **/
/* inner page middle icon link */
dl.demo-inner-m-cl {
padding: 0;
margin: 0;
letter-spacing: -0.30em;
}
dt.demo-inner-m-cl-1 {
width: 219px;
_width: 218px !important;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
font: normal 100%/125% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #4b4b4b;
overflow: hidden;
margin: 0 0 5px 0;
padding: 0;
letter-spacing: normal;
vertical-align: bottom;
}
dd.demo-inner-m-cl-1 {
width: 274px;
_width: 273px !important;
height: auto;
padding: 0 0 20px 0;
margin: 0;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
font: normal 87.5%/110% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898989;
letter-spacing: normal;
vertical-align: top;
}
dt.demo-inner-m-cl-2 {
width: 219px;
_width: 218px !important;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
font: normal 100%/125% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
overflow: hidden;
margin: 0 0 5px 19px;
padding: 4px 0 0 53px;
letter-spacing: normal;
vertical-align: bottom;
}
dd.demo-inner-m-cl-2 {
width: 274px;
_width: 273px !important;
height: auto;
padding: 0 0 20px 0;
margin: 0 0 0 19px;
vertical-align: top;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
font: normal 87.5%/110% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898989;
letter-spacing: normal;
}
dd.demo-inner-m-cl-1 .hightlight, dd.demo-inner-m-cl-2 .hightlight {
color: #000000;
}
/********************************/
/* middle page inne ricon link end */
.link-icon {
background: url(../images/icon-sprite.jpg) no-repeat 0 0;
width: 50px;
}
.inner-link-icon {
background: url(../images/inner-icon-sprite.jpg) no-repeat 0 0;
width: 44px;
}
.inner-link-icon-online {
background: url(../images/inner-icon-online-sprite.jpg) no-repeat 0 0;
width: 44px;
}
/* pri button section */
.pri-button-holder {
float: right;
position: relative;
width: auto;
padding: 0;
margin: -12px 10px 0 0;
}
a.button {
display: block;
border-bottom: none !important;
float: left;
}
a.pri { /* to be used in conjunction with 'button' class */
background: url(../images/button-pri-right.jpg) no-repeat top right;
color: #666666 !important;
font: normal 81.25% "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 26px;
padding-right: 18px;
text-decoration: none;
}
a.pri span {
background: url(../images/button-pri-left.jpg) no-repeat top left;
line-height: 18px;
padding: 4px 0 6px 11px;
}
a.button span {
display: block;
}
a.pri:hover {
background-position: right -30px;
}
a.pri:hover span {
background-position: left -30px;
}
/* pri button section end */
/* sec button section */
a.sec-button {
display: block;
border-bottom: none !important;
float: left;
}
a.sec { /* to be used in conjunction with 'sec-button' class */
background: url(../images/button-sec-right.jpg) no-repeat top right;
color: #4c9dcf !important;
font: normal 93.75% "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 31px;
padding-right: 15px;
text-decoration: none;
}
a.sec span {
background: url(../images/button-sec-left.jpg) no-repeat top left;
line-height: 23px;
padding: 4px 0 6px 15px;
}
a.sec-button span {
display: block;
}
a.sec:hover {
background-position: right -35px;
}
a.sec:hover span {
background-position: left -35px;
}
/* sec button section end */
/* inner list icon block */
.inner-lm-list-icon-block-holder {
padding: 0;
margin: 0;
overflow: hidden;
}
.inner-lm-icon-bl-1 {
width: 333px;
padding: 0;
margin: 0;
float: left;
}
.inner-lm-icon-bl-2 {
width: 533px;
padding: 0;
margin: 0 0 0 25px;
float: left;
display: inline;
}
/* inner-im-links left side */
ul.inner-lm-links-left {
list-style: none;
list-style-type: none;
margin: 0;
padding: 20px 10px 0 10px;
border: 1px solid #f0f0f0;
letter-spacing: -0.30em;
height: 102px;
_height: 117px !important;
}
ul.inner-lm-links-left li {
list-style: none;
list-style-type: none;
width: 80px;
background: url(../images/pri-list-arr.jpg) no-repeat 0 4px;
padding: 0 0 0 14px;
margin: 0 5px 15px 0;
font: normal 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #4b4b4b;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
vertical-align: top;
letter-spacing: normal;
}
ul.inner-lm-links-left li a {
color: #4b4b4b;
text-decoration: none;
}
ul.inner-lm-links-left li a:hover {
color: #FF801D;
}
/*********/
ul.inner-lm-links {
list-style: none;
list-style-type: none;
margin: 0;
padding: 20px 10px 0 10px;
border: 1px solid #f0f0f0;
letter-spacing: -0.30em;
height: 102px;
}
ul.inner-lm-links li {
list-style: none;
list-style-type: none;
width: 150px;
background: url(../images/pri-list-arr.jpg) no-repeat 0 4px;
padding: 0 0 0 14px;
margin: 0 5px 15px 0;
font: normal 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #4b4b4b;
display: inline-block;
*display: inline !important;
*zoom: 1 !important;
vertical-align: top;
letter-spacing: normal;
}
ul.inner-lm-links li a {
color: #4b4b4b;
text-decoration: none;
}
ul.inner-lm-links li a:hover {
color: #FF801D;
}
/* inner list icon block end */
/* package folder access links */
ul.folder-access-link {
list-style: none;
list-style-type: none;
margin: 0;
padding: 30px 0 20px 0;
}
ul.folder-access-link li {
list-style: none;
list-style-type: none;
background-position: 0 -264px;
padding: 8px 0 10px 50px;
font: normal 118%/118% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
display: inline;
}
ul.folder-access-link li a {
font: normal 118%/118% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
text-decoration: none;
padding: 0 30px 0 0;
}
ul.folder-access-link li a:hover {
color: #7e7aa7;
}
ul.folder-access-link li a.last {
padding: 0;
}
/* package folder access links end */
/* footer */
#footer {
width: 891px;
padding: 15px 0 30px 0;
margin: 0 auto;
text-align: center;
}
#footer ul {
list-style: none;
list-style-type: none;
text-align: center;
}
#footer ul li {
list-style: none;
list-style-type: none;
font: normal 87.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #75757e;
display: inline;
}
#footer ul li.last {
border-right: none;
}
#footer ul li.pipe {
color: #b5b4bd;
}
#footer ul li a {
text-decoration: none;
color: #75757e;
}
#footer ul li a:hover {
color: #3985c6;
}
/* footer end */
/* chart gallery */
.accordian-menu-block {
width: 290px;
padding: 0;
margin: 0;
float: left;
}
.chart-viewport-block {
width: 584px;
float: left;
padding: 0;
margin: 0 0 0 15px;
border: 1px solid #e6e4e4;
}
h3.chart-title {
text-align: center;
padding: 0;
margin: 0;
font: normal 112.5%/185% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
border-bottom: 1px solid #e6e4e4;
}
.chart-render {
text-align: center;
padding: 0;
margin: 0;
}
.gen-chart-render {
text-align: center;
padding: 0;
margin: 0;
}
/* accordian menu style */
h4.acc_trigger {
padding: 0;
margin: 0 0 5px 0;
background: url(../images/acc-trigger-bg.jpg) no-repeat 0 0;
height: 35px;
width: 290px;
font: normal 112.5%/218.75% "Trebuchet MS", Arial, Helvetica, sans-serif;
_font: normal 112.5%/187.5% "Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-weight: normal;
}
h4.acc_trigger a {
color: #3c3c3c;
text-decoration: none;
display: block;
padding: 0 0 0 15px;
}
h4.acc_trigger a:hover {
color: #3c3c3c;
}
h4.active {
background-position: 0 -39px;
}
.acc_container {
margin: -5px 0 0 6px;
padding: 10px 20px 10px 20px;
overflow: hidden;
width: 236px;
clear: both;
border-left: 1px solid #e6e4e4;
border-right: 1px solid #e6e4e4;
}
.acc_container ul.nav_list {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
}
.acc_container ul.nav_list li {
background: url(../images/pri-list-arr.jpg) no-repeat 0 9px;
padding: 0 0 0 19px;
margin: 0;
list-style: none;
list-style-type: none;
display: block;
font: normal 87.5%/190% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898989;
border-bottom: 1px solid #f5f4f4;
vertical-align: middle;
}
.acc_container ul.nav_list li a {
color: #898989;
text-decoration: none;
display: block;
padding: 0;
}
.acc_container ul.nav_list li a:hover {
color: #ff801d;
}
.acc_container ul.nav_list li a.current {
color: #ff801d;
}
.acc_container ul.nav_list li.acc-last {
border-bottom: none;
}
/* accordian menu style end */
/* how to install */
.generic-text-area {
border: 1px solid #f0f0f0;
padding: 20px;
}
ol.pri-num-list {
list-style: none;
list-style-type: none;
padding: 0 0 0 25px;
margin: 0;
}
ol.pri-num-list li {
list-style: decimal;
list-style-type: decimal;
list-style-position: outside;
color: #868686;
font: normal 87.5%/190% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* how to install end */
/* support */
form.support-query {
padding: 0;
margin: 0 auto;
text-align: center;
width: 677px;
height: 71px;
background: url(../images/search-block-bg.jpg) no-repeat;
vertical-align: middle;
}
form.support-query input {
background: none;
border: none;
width: 465px;
padding: 5px 5px 5px 15px;
margin: 22px 5px 0 25px;
color: #868686;
font: normal 87.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
vertical-align: middle;
float: left;
}
form.support-query input.search-button {
background: url(../images/search-btn-bg.gif) no-repeat;
width: 100px;
height: 26px;
text-align: center;
padding: 0;
margin: 22px 0 0 40px;
font: normal 93.75% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666;
float: left;
vertical-align: middle;
}
.display-query-result {
padding: 0;
margin: 0;
border: none;
width: 100%;
height: 1px;
}
ul.pri-arr-list {
list-style: none;
list-style-type: none;
}
ul.pri-arr-list li {
list-style: none;
list-style-type: none;
background: url(../images/pri-list-arr.jpg) no-repeat 0 8px;
margin: 0;
padding: 0 0 0 16px;
color: #868686;
font: normal 87.5%/190% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul.pri-arr-list li a {
color: #424242;
text-decoration: none;
}
ul.pri-arr-list li a:hover {
color: #659fd1;
}
/* support end */
/* links */
ul.sec-arr-list {
list-style: none;
list-style-type: none;
}
ul.sec-arr-list li {
list-style: none;
list-style-type: none;
background: url(../images/sec-list-arr.jpg) no-repeat left;
margin: 0;
padding: 0 0 0 22px;
color: #898989;
font: normal 87.5%/190% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul.sec-arr-list li a {
color: #898989;
text-decoration: none;
}
ul.sec-arr-list li a:hover {
color: #659fd1;
}
/* links end */
table.table {
border-collapse:collapse;
}
table.table, table.table th, table.table td {
border: 1px solid #999999;
}
table.table th {
background: #CCC;
color: #000000;
font: bold 75%/190% "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px;
}
table.table td {
color: #898989;
font: normal 75%/190% "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px;
}
/* expandable panel */
.expandable-panel-holder {
padding: 0;
margin: 0;
text-align: center;
}
.expandable-panel {
background: url(../images/expandable-panel-left.jpg) no-repeat left;
padding: 0;
margin: 0;
height: 42px;
}
.expandable-panel div {
background: url(../images/expandable-panel-middle.jpg) repeat-x;
float: left;
text-align: left;
width: auto;
height: 42px;
margin: 0 0 0 21px;
_margin: 0 0 0 10px !important;
padding: 0;
}
.expandable-panel span {
background: url(../images/expandable-panel-right.jpg) no-repeat right;
float: left;
text-align: left;
width: 21px;
height: 42px;
padding: 0;
margin: 0;
}
.selection-panel {
padding: 0;
margin: 0;
}
.selection-panel ul {
list-style: none;
list-style-type: none;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}
.selection-panel ul li {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0 10px 0 0;
font: bold 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3c3c3c;
float: left;
}
.selection-panel ul li input {
border: none;
margin: 0 0 0 0;
padding: 0;
vertical-align: middle;
}
/* selection panel secondary */
.selection-panel-sec {
padding: 0;
margin: 0;
}
.selection-panel-sec ul {
list-style: none;
list-style-type: none;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}
.selection-panel-sec ul li {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0 10px 0 0;
font: normal 80% Verdana, Geneva, sans-serif;
color: #3c3c3c;
float: left;
}
.selection-panel-sec ul li strong {
font: bold 100% Verdana, Geneva, sans-serif;
margin: 0 30px 0 0;
}
.selection-panel-sec ul li input {
border: none;
margin: 0;
padding: 0;
vertical-align: middle;
}
/* gen chart button section */
.tar-button-holder {
width: 430px;
padding: 0;
margin: 0 auto;
}
a.tar-button {
display: block;
border-bottom: none !important;
float: left;
margin: 0 5px 0 0;
}
a.tar { /* to be used in conjunction with 'button' class */
background: url(../images/button-tar-right.jpg) no-repeat top right;
color: #7f788b !important;
font: normal 112.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 48px;
padding-right: 18px;
text-decoration: none;
}
a.tar span {
background: url(../images/button-tar-left.jpg) no-repeat top left;
line-height: 40px;
padding: 4px 0 6px 18px;
}
a.tar-button span {
display: block;
}
a.tar:hover {
background-position: right -52px;
}
a.tar:hover span {
background-position: left -52px;
}
/* gen chart button section end */
/* gen chart gallery button section */
.qua-button-holder {
width: 270px;
padding: 0;
margin: 0 auto;
overflow: hidden;
}
a.qua-button {
display: block;
border-bottom: none !important;
float: left;
margin: 0 15px 0 0;
}
a.qua { /* to be used in conjunction with 'button' class */
background: url(../images/button-qua-right.jpg) no-repeat top right;
color: #666666 !important;
font: normal 81.25% "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 26px;
padding-right: 25px;
text-decoration: none;
}
a.qua span {
background: url(../images/button-qua-left.jpg) no-repeat top left;
line-height: 18px;
padding: 4px 0 6px 25px;
}
a.qua-button span {
display: block;
}
a.qua:hover span {
color: #FF801D;
}
/* live chart button holder */
.live-chart-button-holder {
padding: 0;
margin: 0 auto;
width: 400px;
overflow: hidden;
text-align: center;
}
/* gen chart gallery button section end */
/* live chart render - show XML and JSON display area */
.show-code-block {
position: absolute;
top:34px;
left:50%;
width: 564px;
height:550px;
overflow: auto;
padding: 10px;
margin: 0;
margin-left: -292px;
display: none;
z-index: 100;
background: #FFFFFF;
opacity: 0.95;
filter: alpha(opacity=95);
border-top: 1px solid #E6E4E4 !important;
border-bottom: 1px solid #E6E4E4 !important;
}
.show-code-close-btn {
width: 100px;
float: right;
padding: 0;
margin: 0;
position: relative;
z-index: 200;
}
pre.prettyprint {
border:medium none !important;
font-size:100% !important;
margin:0;
padding:2px;
white-space:normal;
}
p.center {
text-align: center;
margin: 0;
padding: 0;
font-size: 75%;
padding: 0 5px !important;
}
/** live demos top list **/
ul.l-d-list {
padding: 5px 0 0 5px;
margin: 0;
list-style: none;
list-style-type: none;
}
ul.l-d-list li {
list-style: none;
list-style-type: none;
background: url(../images/live-demo-arr.gif) no-repeat 0px 6px;
padding: 0 0 0 10px;
margin: 0 0 5px 0;
font: normal 100% "Trebuchet MS", Helvetica, sans-serif;
color: #898989;
}
ul.l-d-list li a {
color: #898989;
text-decoration: none;
}
ul.l-d-list li a:hover {
color: #246bbd;
}