/*
* Default styles for common HTML elements
*/
a, abbr, acronym, applet, b, big, blockquote, body, caption, center, code,
del, dfn, div, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, hr,
i, iframe, img, label, li, object, ol, p, pre, small, span, strike, strong,
sub, sup, table, tbody, td, tfoot, th, thead, tr, u, ul
{
border: none;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus
{
outline: 0;
}
/* Tables still need cellspacing="0" */
table
{
border-spacing: 0 0;
empty-cells: show;
}
input,
select,
textarea
{
font-size: 1em;
}
html
{
overflow: hidden;
padding: 0;
direction: ltr;
}
body
{
background-color: #ffffff;
color: #000;
font-family: sans-serif;
font-size: 1em;
line-height: 1.25em;
text-align: left;
}
html, body
{
height: 100%;
}
a,
a:active,
a:link,
a:visited
{
color: #0a5596;
font-family: sans-serif;
text-decoration: none;
}
a:focus
{
outline: 1px dotted;
}
a:hover
{
color: #287dc8;
text-decoration: underline;
}
span.pending
{
background-color: #0a5596;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 0 4px;
color: white;
font-weight: bold;
margin-left: 4px;
font-size: 0.9em;
}
h1
{
color: #a5d6ec;
font-size: 2em;
font-weight: normal;
line-height: 1em;
margin: 0 0 12px;
padding: 10px 0 0;
}
h2
{
font-size: 1.3em;
margin: 12px 0 6px;
}
input,
select,
textarea
{
font-family: sans-serif;
margin: 0 2px;
padding: 2px;
vertical-align: middle;
}
input:focus[type=image]
{
outline: 1px dotted;
}
img,
input.image
{
padding: 0;
vertical-align: middle;
}
input.text,
select,
textarea
{
background-color: #ffffff;
border: 1px solid #aaa;
}
input.checkbox,
input.radio
{
cursor: pointer;
margin-right: 4px;
vertical-align: text-bottom;
}
label[for]
{
cursor: pointer;
}
input.text
{
background: #ffffff url(../../docs/pics/field.png) top left no-repeat;
padding: 3px 4px;
width: 20em;
}
textarea
{
background: #ffffff url(../../docs/pics/field_big.png) top left no-repeat;
width: 90%;
}
select
{
padding: 2px;
}
sup
{
line-height: 0.5em;
vertical-align: top;
}
input.text.focus,
input.text:focus
{
background-image: url(../../docs/pics/field_focus.png);
outline: 0;
}
select.focus,
select:focus,
textarea.focus,
textarea:focus
{
background-image: url(../../docs/pics/field_big_focus.png);
outline: 0;
}
input.image
{
cursor: pointer;
margin: 1px 0;
vertical-align: top;
}
a.button,
.miniblue,
input.minigreen,
input.minired,
input.submit
{
background: #324c75 url(../../docs/pics/button.gif) top left no-repeat;
background-position: center;
border: 1px solid #08427c;
color: #ffffff;
cursor: pointer;
font-size: 0.9em;
height: 2.2em;
margin: 2px;
padding: 2px 2em;
}
a.button,
a.button:link,
a.button:visited
a.miniblue,
a.miniblue:link,
a.miniblue:visited
{
border-bottom: 1px solid #2e4362;
border-right: 1px solid #2e4362;
color: #ffffff;
height: auto;
overflow: auto;
text-decoration: none;
}
a.button,
a.button:link,
a.button:visited
{
padding-bottom: 3px;
padding-top: 3px;
}
a.button:active,
a.button:hover,
input.submit:hover
{
background: #3d5b88 url(../../docs/pics/button_over.gif) top left no-repeat;
color: #ffffff;
text-decoration: none;
}
input.submit.narrow
{
padding-left: 0.4em;
padding-right: 0.4em;
}
.miniblue,
input.minigreen,
input.minired
{
font-weight: normal;
height: 1.75em;
line-height: 1.5em;
padding: 0 3px 1px;
margin: 0 2px;
}
.miniblue,
input.miniblue
{
background: #324c75 url(../../docs/pics/button_miniblue.gif) top left no-repeat;
border-bottom: 1px solid #2e4362;
}
.miniblue:hover
{
background: #3d5b8b url(../../docs/pics/button_miniblue_over.gif) top left no-repeat;
}
input.minigreen
{
background: #0e740d url(../../docs/pics/button_minigreen.gif) top left no-repeat;
border-bottom: 1px solid #2e4362;
}
input.minigreen:hover
{
background: #10880f url(../../docs/pics/button_minigreen_over.gif) top left no-repeat;
}
input.minired
{
background: #a92222 url(../../docs/pics/button_minired.gif) top left no-repeat;
border-bottom: 1px solid #2e4362;
}
input.minired:hover
{
background: #c22828 url(../../docs/pics/button_minired_over.gif) top left no-repeat;
}
p
{
margin: 6px 0 4px;
}
td
{
text-align: left;
vertical-align: top;
}
th
{
color: #ffffff;
text-align: left;
vertical-align: middle;
}
ol,
ul
{
padding: 0;
padding-left: 20px;
}
hr
{
width: 100%;
height: 1px;
color: #ccc;
background-color: #ccc;
}
/*
* Global Alignment Styles
*/
/* Clear forces new elements under floating elements (not floating beside) */
.clearFloat
{
clear: both;
}
/* Gives an element no height hiding its contents */
.noHeight
{
height: 0;
overflow: hidden;
}
/* Vertical align contents to middle of cell */
td.middle
{
vertical-align: middle;
}
/* Vertical align contents to top of cell */
td.top
{
vertical-align: top;
}
/* Center align contents */
.center
{
text-align: center;
}
div.center table
{
margin-left: auto;
margin-right: auto;
}
/* Left align contents */
.left
{
text-align: left;
}
div.left table
{
margin-left: 0;
margin-right: auto;
}
.floatLeft
{
float: left;
}
/* Right align contents */
.right
{
text-align: right;
}
div.right table
{
margin-left: auto;
margin-right: 0;
}
/* Top align contents */
table.top tr td
{
vertical-align: top;
}
div.indent
{
float: left;
height: 1px;
width: 21px;
}
/*
* Global Text Styles
*/
.italic
{
font-style: italic;
}
.bold,
table tr.bold td
{
font-weight: bold;
}
span.deleted,
div.deleted,
p.deleted,
td.deleted,
table tr.deleted td span,
table tr.deleted td li,
li.deleted
{
text-decoration: line-through;
}
.large,
table tr.large td
{
font-size: 1.3em;
}
.small
{
font-size: 0.9em !important;
line-height: 1.2em;
}
ul.subList li
{
font-style: italic;
line-height: 1.25em;
}
ul.subList
{
list-style: none;
padding-left: 16px;
margin: 0;
}
.reference
{
font-weight: bold;
font-style: italic;
white-space: nowrap;
}
.selectedObj
{
color: #0a5596;
font-size: 0.7em;
font-weight: normal;
line-height: 1em;
margin: 0 0 12px;
padding: 10px 0 0;
}
/* Dotted horizontal divider */
div.hr
{
background: url(../../docs/pics/header_dotline.gif) repeat-x;
height: 1px;
font-size: 1pt;
}
/* Enable wrapping on element */
.wrap
{
white-space: normal;
}
/* Change colour of text in readonly fields */
input.readonly
{
color: #000;
}
/* Change border colour of disabled fields (CSS3, will not work on all browsers) */
input[readonly],
input[disabled],
input.disabled,
textarea[readonly],
textarea[disabled],
textarea.disabled
{
border-color: #bbb;
}
select[disabled],
select.disabled
{
border-color: #bbb;
}
/* Hide element */
.collapseSectionHide,
.formToggleHide,
.hidden,
.hide,
.showIfJs
{
display: none;
}
div.notice
{
color: #555;
}
td.sysVarName
{
width: 23%;
}
/*
* Global Image Sizes
*/
img.infoIcon,
input.infoIcon,
img.searchIcon,
input.searchIcon
{
height: 19px;
width: 19px;
}
img.showHideIcon,
input.showHideIcon
{
margin-right: 2px;
padding: 2px;
}
img.selectIcon,
input.selectIcon
{
height: 15px;
width: 16px;
}
/*
* Page Layout Styles
*/
#topMargin
{
position: fixed;
top: -50px;
}
#skipNav,
#skipNav a,
#skipNav a:visited
{
cursor: default;
display: inline;
font-size: 0.7em;
line-height: normal;
}
#skipNav a:focus
{
outline: 0;
}
#headerContainer
{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
#header
{
background: #a5d6ec; /* Old browsers */
background: -moz-linear-gradient(left, rgba(165, 214, 236, 1.0) 0%, rgba(0, 107, 182, 1.0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(165, 214, 236, 1.0)), color-stop(100%,rgba(0, 107, 182, 1.0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(165, 214, 236, 1.0) 0%,rgba(0, 107, 182, 1.0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(165, 214, 236, 1.0) 0%,rgba(0, 107, 182, 1.0) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(165, 214, 236, 1.0) 0%,rgba(0, 107, 182, 1.0) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa5d6ec, endColorstr=#ff006bb6, GradientType=1); /* IE6-9 */
background: linear-gradient(left, rgba(165, 214, 236, 1.0) 0%,rgba(0, 107, 182, 1.0) 100%); /* W3C */
border-bottom: none;
height: 133px;
position: relative;
}
#companyLogo
{
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.50) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.0)), color-stop(100%,rgba(255, 255, 255, 0.50))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 0.50) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 0.50) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 0.50) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#7fffffff, GradientType=1); /* IE6-9 */
background: linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 0.50) 100%); /* W3C */
padding: 11px;
padding-right: 15px;
position: absolute;
right: 0;
text-align: right;
top: 0;
width: 350px;
}
#companyLogo div.line
{
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1.0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0.0)), color-stop(100%,rgba(255, 255, 255, 1.0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 1.0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 1.0) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 1.0) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#ffffffff, GradientType=1); /* IE6-9 */
background: linear-gradient(left, rgba(255, 255, 255, 0.0) 0%,rgba(255, 255, 255, 1.0) 100%); /* W3C */
bottom: 0;
height: 1px;
overflow: hidden;
position: absolute;
right: 0;
width: 350px;
}
#contentScroll
{
position: fixed;
bottom: 20px;
top: 179px;
left: 0;
right: 0;
overflow: auto;
}
#colWrap
{
margin: 0;
width: 100%;
}
#menuCol
{
width: 18em;
margin: 0;
padding: 0;
}
body.noSide #menuCol
{
display: none;
}
#menuContent
{
margin-left: 30px;
width: 18em;
}
#mainCol
{
margin: 0;
padding: 0;
position: relative;
}
table#colWrap > tbody > tr > td
{
padding-bottom: 65px;
}
#content
{
padding: 15px 30px 0;
padding-left: 40px;
/* Cannot be relative - breaks RTL support, as a result all JS positioning must be relative to page itself */
}
#userInfo
{
background: url(../../docs/pics/user_info_bg.gif) left bottom repeat-x;
border-bottom: 1px solid #eee;
color: #555;
font-size: 0.9em;
height: 45px;
line-height: 45px;
padding-right: 15px;
text-align: right;
}
/*
* Top Buttons Styles
*/
#topButtons
{
bottom: 0;
margin: 3px 0 0;
position: absolute;
right: 15px;
}
#topButtons ul,
#topButtons ul li
{
list-style: none;
margin: 0;
padding: 0;
}
#topButtons ul li
{
float: left;
}
#topButtons ul li input
{
background: transparent;
background-position: left center;
border: none;
cursor: pointer;
height: 36px;
margin: 0;
margin-left: 18px;
padding: 0;
width: 30px;
}
#topButtons ul li input.submit
{
background: url(../../docs/pics/icon_back_on.png) left center no-repeat;
border: none;
}
#topButtons ul li.inactive input.submit
{
border: none;
cursor: default;
}
/* Inherits entirely from above #topButtons ul li input.submit
#topButtons ul li input.back
{
}
*/
#topButtons ul li.inactive input.back
{
background-image: url(../../docs/pics/icon_back_off.png);
}
#topButtons ul li input.close
{
background-image: url(../../docs/pics/icon_close_on.png);
}
#topButtons ul li.inactive input.close
{
background-image: url(../../docs/pics/icon_close_off.png);
}
#topButtons ul li input.home
{
background-image: url(../../docs/pics/icon_home_on.png);
}
#topButtons ul li.inactive input.home
{
background-image: url(../../docs/pics/icon_home_off.png);
}
#topButtons ul li input.refresh
{
background-image: url(../../docs/pics/icon_refresh_on.png);
}
#topButtons ul li.inactive input.refresh
{
background-image: url(../../docs/pics/icon_refresh_off.png);
}
#topButtons ul li input.logout
{
background-image: url(../../docs/pics/icon_logout_on.png);
}
#topButtons ul li.inactive input.logout
{
background-image: url(../../docs/pics/icon_logout_off.png);
}
/*
* Top Navigation Styles (Nav Level 1)
*/
#topMenuBar
{
position: absolute;
white-space: nowrap;
bottom: 0;
left: 0;
}
#topMenuBar ul
{
float: left;
font-size: 1em;
font-weight: bold;
list-style: none;
margin-left: 30px;
padding: 0;
}
#topMenuBar ul li
{
float: left;
margin: 0;
margin-right: 4px;
padding: 0;
white-space: nowrap;
}
#topMenuBar ul li a
{
background: transparent url(../../docs/pics/nav_top_tab_bg.png) center center repeat-x;
border: 1px solid #b3c6d5;
border-bottom: 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 16px;
-moz-border-radius-topright: 16px;
border-top-right-radius: 16px;
color: #ffffff;
display: block;
line-height: 36px;
margin: 0;
outline: 0;
padding: 0 12px;
text-decoration: none;
}
#topMenuBar ul li a:focus,
#topMenuBar ul li a:hover
{
background: transparent url(../../docs/pics/nav_top_tab_over_bg.png) center center repeat-x;
color: #000;
}
#topMenuBar ul li.current a
{
color: #000;
}
#topMenuBar ul li.current a
{
background: #ffffff;
}
/*
* Side Menu Navigation Styles (Nav Level 2)
*/
#sideMenu
{
background: #fafbfd;
border: 1px solid #e3e7ec;
border-top: 0;
padding: 10px 0 15px;
}
#sideMenu ul
{
font-size: 1em;
list-style: none;
padding: 0;
margin: 0;
}
#sideMenu ul li a
{
background: transparent url(../../docs/pics/arrow_light.png) no-repeat left center;
display: block;
outline: 0;
padding: 5px;
padding-left: 22px;
padding-right: 10px;
text-decoration: none;
}
#sideMenu ul li.current a,
#sideMenu ul li a:focus,
#sideMenu ul li a:hover
{
background-image: url(../../docs/pics/arrow.gif);
}
#sideMenu ul li a:focus,
#sideMenu ul li a:hover
{
color: #08427c;
}
#sideMenu ul li.current a
{
background-color: #eaeff6;
border-bottom: 1px solid #e3e7ec;
border-top: 1px solid #e3e7ec;
}
#sideMenu ul li.subparent a
{
border-bottom: none;
}
#sideMenu ul li.current a
{
font-weight: bold;
}
/*
* Side Sub Menu Navigation Styles (Nav Level 3)
*/
#sideMenu ul li.sub a,
#sideMenu ul li.currentsub a
{
background: #eaeff6 url(../../docs/pics/arrow_small_light.png) no-repeat left center;
border-bottom: 1px solid transparent;
color: #555;
padding: 3px 0 4px;
padding-left: 37px;
}
#sideMenu ul li.sub a:focus,
#sideMenu ul li.sub a:hover,
#sideMenu ul li.currentsub a
{
background-image: url(../../docs/pics/arrow_small.gif);
color: #333;
}
#sideMenu ul li.currentsub a
{
font-weight: bold;
}
#sideMenu ul li.lastsub a
{
border-bottom: 1px solid #e3e7ec;
}
/* Following style must be after side and side sub styles */
#sideMenu ul li a:focus,
#sideMenu ul li a:hover
{
background-color: #e3e7ec;
}
/*
* Inner Tab Navigation Styles (Nav Level 4)
*/
#tabLinkBar
{
margin: 10px 0 5px;
}
#tabLinkBar div.line
{
border-top: 1px solid #dedede;
margin-top: -1px;
}
#tabLinkBar ul
{
list-style: none;
margin: 0;
padding: 0;
}
#tabLinkBar ul li
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1.0) 0%, rgba(204, 204, 204, 1.0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1.0)), color-stop(100%,rgba(204, 204, 204, 1.0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1.0) 0%,rgba(204, 204, 204, 1.0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 1.0) 0%,rgba(204, 204, 204, 1.0) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1.0) 0%,rgba(204, 204, 204, 1.0) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffcccccc, GradientType=0); /* IE6-9 */
background: linear-gradient(top, rgba(255, 255, 255, 1.0) 0%,rgba(204, 204, 204, 1.0) 100%); /* W3C */
border: 1px solid #dedede;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topright: 12px;
border-top-right-radius: 12px;
display: block;
float: left;
margin: 0;
margin-right: 3px;
padding: 5px 3px;
white-space: nowrap;
}
#tabLinkBar ul li a,
#tabLinkBar ul li input
{
background: transparent;
border: none;
color: #333;
cursor: pointer;
display: block;
font-size: 0.9em;
font-weight: bold;
height: 1.9em;
line-height: 1.9em;
margin: 0;
padding: 0 0.4em;
}
#tabLinkBar ul li input
{
overflow: visible;
}
#tabLinkBar ul li.current
{
border-bottom: 1px solid #ffffff;
display: block;
}
#tabLinkBar ul li.current,
#tabLinkBar ul li.hover,
#tabLinkBar ul li:hover
{
background: #ffffff;
filter: -;
}
#tabLinkBar ul li.current a,
#tabLinkBar ul li.current input
{
font-weight: bold;
}
#tabLinkBar ul li a:hover,
#tabLinkBar ul li input:hover,
#tabLinkBar ul li.current a,
#tabLinkBar ul li.current input
{
color: #000;
text-decoration: none;
}
#tabLinkBar ul li a.warn,
#tabLinkBar ul li a.warn:hover,
#tabLinkBar ul li.current a.warn,
#tabLinkBar ul li input.warn,
#tabLinkBar ul li input.warn:hover,
#tabLinkBar ul li.current input.warn
{
background: transparent url(../../docs/pics/icon_alert_small.png) no-repeat left;
padding-left: 17px;
}
#tabLinkBar ul li a.warn,
#tabLinkBar ul li input.warn
{
margin-left: 4px;
}
/*
* Inner Sub-Menu (to the tab bar) Styles (Nav Level 5)
*/
#tabLinkSub
{
margin: 5px 0 0;
padding-left: 5px;
}
#tabLinkSub ul
{
border: 1px solid #dedede;
margin-bottom: 5px;
margin-left: -5px;
margin-right: 0;
margin-top: -6px;
padding: 0 2px;
}
#tabLinkSub ul li
{
display: inline;
list-style-type: none;
padding: 0;
white-space: nowrap;
}
#tabLinkSub ul li a,
#tabLinkSub ul li input
{
background: transparent;
border: none;
color: #555;
height: 1.9em;
font-weight: normal;
line-height: 1.9em;
padding: 0;
padding-bottom: 2px;
padding-left: 5px;
}
#tabLinkSub ul li a
{
font-size: 0.9em;
margin: 2px 8px;
margin-left: 0;
}
#tabLinkSub ul li a:hover,
#tabLinkSub ul li input:hover
{
color: #000;
text-decoration: none;
}
#tabLinkSub ul li.current a,
#tabLinkSub ul li.current a:hover,
#tabLinkSub ul li.current input,
#tabLinkSub ul li.current input:hover
{
color: #000;
font-weight: bold;
}
#tabLinkSub ul li input
{
cursor: pointer;
margin: 0;
}
/*
* Main Menu Styles
*/
#mainMenu div.col
{
background-color: #fafbfd;
border: 1px solid #dedede;
margin-bottom: 20px;
margin-left: 0;
margin-right: 3%;
margin-top: 10px;
width: 30%;
float: left;
}
#mainMenu div.col2
{
background: none;
border: none;
margin-bottom: 0;
}
#mainMenu div.stack
{
background-color: #fafbfd;
border: 1px solid #dedede;
margin-bottom: 20px;
}
#mainMenu div.col ul
{
margin: 0;
margin-left: 43px;
margin-top: 8px;
padding: 0 20px 10px;
padding-left: 0;
list-style: none;
}
#mainMenu div.col ul li
{
margin: 0;
padding: 4px 0;
}
#mainMenu div.col div.header
{
background: #e2e7e7 url(../../docs/pics/header_gradient.gif) repeat-x;
border-bottom: 1px solid #dedede;
color: #000;
font-weight: bold;
padding: 9px 5px;
padding-left: 0;
position: relative;
vertical-align: bottom;
}
#mainMenu div.col div.header img
{
left: 8px;
position: absolute;
top: 5px;
}
#mainMenu div.col div.header span
{
margin-left: 43px;
}
#mainMenu div.col div.subHead
{
background-color: #f1f4f8;
border-bottom: 1px solid #dedede;
border-top: 1px solid #dedede;
color: #000;
margin-top: -1px;
padding: 5px 0 5px 15px;
}
/*
* Simple Grid Table Styles
*/
table.gridTable
{
border-left: 1px solid #9f9f9f;
border-top: 1px solid #9f9f9f;
padding: 0;
margin: 0;
width: 100%;
}
table.gridTable tr td
{
border-bottom: 1px solid #9f9f9f;
border-right: 1px solid #9f9f9f;
padding: 3px;
text-align: left;
vertical-align: top;
}
table.gridTable tr td.header
{
background-color: #eee;
width: 140px;
}
/*
* Outer Table Styles
*/
table.outer
{
background-color: #f3f6fa;
margin-top: 3px;
width: 100%;
}
table.outer > tbody > tr > th
{
background: #a5d6ec;
font-weight: bold;
color: #ffffff;
height: 25px;
padding: 0 8px;
}
table.outer > tbody > tr > td
{
padding: 5px 9px;
}
/*
* Border & List Table Styles
*/
table.border,
table.list
{
background-color: #fafbfd;
border: 1px solid #dedede;
cursor: default;
margin: 4px 0 0;
width: 100%;
}
table.border > tbody > tr > th,
table.list > tbody > tr > th
{
background: #ffffff url(../../docs/pics/header_gradient.gif) bottom left repeat-x;
border-bottom: 1px solid #dedede;
color: #a5d6ec;
font-weight: bold;
padding: 6px;
}
table.list > tbody > tr > td
{
border-top: 1px solid #dedede;
line-height: 1.5em;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 4px;
padding-top: 2px;
}
table.border > tbody > tr > td
{
padding: 4px;
padding-left: 6px;
padding-top: 2px;
}
table.list > tbody > tr > th
{
border-bottom: none;
border-left: 1px solid #ffffff;
border-right: 1px solid #dedede;
}
table.list > tbody > tr > *:last-child
{
border-right: 0;
}
table.border > tbody > tr > td > input.checkbox,
table.border > tbody > tr > td > input.radio
{
margin-top: 4px;
}
table.border > tbody > tr > td > input.text,
table.border > tbody > tr > td > table.noPad > tbody > tr > td > input.text
{
width: 75%;
}
table.list > tbody > tr > td > input.text
{
width: 90%;
}
table.list > tbody > tr > th.group
{
font-size: 0.9em;
font-style: italic;
width: 40px;
}
table.border > tbody > tr > th.noPad,
table.list > tbody > tr > th.noPad
{
padding: 0 6px;
}
table.list > tbody > tr > td > input.image
{
margin: 0;
margin-right: 3px;
margin-top: 2px;
vertical-align: top;
}
/* Used to correct the position of oversized buttons */
table.list > tbody > tr > td > input.large
{
margin: 1px 0;
}
table.list > tbody > tr > td > img
{
margin: 2px 3px 0;
vertical-align: top;
}
table.list > tbody > tr > td > input.checkbox,
table.list > tbody > tr > td > input.radio
{
vertical-align: top;
margin-top: 3px;
}
table.border > tbody > tr.foot > td,
table.list > tbody > tr.foot > td
{
background: #fefdfd url(../../docs/pics/footer_gradient.gif) top left repeat-x;
border-top: 1px solid #dedede;
height: 2em;
padding: 2px 5px;
text-align: center;
white-space: nowrap;
}
table.list > tbody > tr.foot > td > div.overlap
{
height: 2.2em;
position: relative;
}
table.list > tbody > tr.foot > td > div.overlap > div.links,
table.list > tbody > tr.foot > td > div.overlap > div.buttons
{
height: 2em;
left: 0;
position: absolute;
top: 0;
}
table.list > tbody > tr.foot > td > div.overlap > div.buttons
{
text-align: center;
width: 100%;
}
table.list > tbody > tr.foot > td > div.overlap > div.links
{
text-align: left;
}
table.list > tbody > tr.foot > td > div.overlap > div.links > a
{
line-height: 2.2em;
margin-left: 6px;
}
table.list > tbody > tr.foot > td > div.overlap > div.links > a > img
{
margin: 0;
vertical-align: text-bottom;
}
table.list > tbody > tr.even,
table.list > tbody > tr > td.even
{
background-color: #fafbfd;
}
table.list > tbody > tr.odd,
table.list > tbody > tr > td.odd
{
background-color: #f1f4f8;
}
table.list > tbody > tr.small > td
{
padding-top: 1px;
}
table.list > tbody > tr.small > td > input
{
margin-top: 2px;
}
table.list > tbody > tr.small > td > input.large
{
margin-top: 0;
}
table.border > tbody > tr.subHead > th,
table.list > tbody > tr.subHead > th,
table.border > thead > tr.subHead > th,
table.list > thead > tr.subHead > th
{
border-bottom: none;
border-top: 1px solid #dedede;
background: #ffffff url(../../docs/pics/header_gradient.gif) bottom left repeat-x;
font-weight: bold;
}
table.border > tbody > tr:first-child.subHead > th,
table.list > tbody > tr:first-child > td,
table.list > tbody > tr:first-child.subHead > th
{
border-top: none;
}
table.join > tbody > tr:first-child.subHead > th
{
border-top: 1px solid #dedede;
}
table.border > tbody > tr > td.prompt
{
text-align: right;
width: 50%;
}
table.border.join
{
border-top: none;
margin-top: 0;
}
table > tbody > tr > td.required,
table > tbody > tr > th.required,
table > tbody > tr.subHead > th.required
{
color: #aa0000;
font-weight: bold;
white-space: nowrap;
width: 1%;
}
table.list > tbody > tr > td.light
{
background-color: #f3f6fa;
}
table.list > tbody > tr > td.white,
table.list > tbody > tr.white > td
{
background-color: #ffffff;
}
td.tainted {
background-color: #fffee2 !important;
border: 1px solid #e08e3e !important;
}
/*
* No Padding Table Styles
*/
table.noPad
{
width: 100%;
}
table.noPad,
table.noPad > tbody > tr > td
{
background: transparent;
border: none;
margin: 0;
padding: 0;
}
/*
* Custom Border Table Styles
*/
table.customBorders
{
border: 0;
}
table.customBorders > tbody > tr > th,
table.customBorders > tbody > tr:first-child > td
{
border-top: 1px solid #dedede;
}
table.customBorders > tbody > tr:last-child > *
{
border-bottom: 1px solid #dedede;
}
table.customBorders > tbody > tr > *:first-child
{
border-left: 1px solid #dedede;
}
table.customBorders > tbody > tr > *:last-child
{
border-right: 1px solid #dedede;
}
/* Meant to be used on a page with a white background, otherwise override colour with another class or style */
table.customBorders > tbody > tr.sep > td
{
background: #ffffff;
border-left: 0;
border-right: 0;
font-size: 1px;
height: 20px;
}
/*
* Border Removal Styles
*/
table.noBorder
{
border: none;
margin: 0;
padding: 0;
}
table.list > tbody > tr.noBorder > td
{
border: none;
}
/* Remove border from element */
.noBorder,
table > tbody > tr.noBorder > *
{
border: none;
}
/* Remove padding from element */
.noPad
{
margin: 0;
padding: 0;
}
/* Disable wrapping on element */
.noWrap
{
white-space: nowrap;
}
/*
* Reports Table Styles
*/
div.reportTablesWrap
{
margin: 4px 0;
}
table.reportWidth
{
width: 100%;
max-width: 1200px;
}
table.reportWidth td.prompt
{
padding-right: 8px;
}
table.border > tbody > tr > td > input.reportRadioStringWidth
{
width: 20em;
}
/*
* Main Menu Table Styles
*/
table.mainMenu
{
width: 100%;
}
table.mainMenu tr td table
{
margin-bottom: 20px;
}
table.mainMenu tr td table tr th
{
background: #ffffff url(../../docs/pics/header_gradient.gif) bottom left repeat-x;
border-bottom: 1px solid #dedede;
border-top: 1px solid #dedede;
color: #000;
font-weight: bold;
line-height: 1.75em;
padding: 3px 5px;
white-space: nowrap;
}
table.mainMenu tr td table tr td
{
padding: 0;
padding-left: 5px;
padding-top: 8px;
}
/*
* Table Separator Styles
*/
table > tbody > tr > td.sep,
table.list > tbody > tr > td.sep,
table > tbody > tr > th.sep
{
border-left: 1px solid #dedede;
font-size: 1px;
margin: 0;
padding: 0;
width: 1px;
}
table > tbody > tr > th.sep
{
border-left-color: #ffffff;
}
/*
* Dashboard Styles
*/
table.dashboard
{
border: 1px solid #9f9f9f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
margin-top: 20px;
}
table.dashboard tr td
{
padding: 5px 10px;
}
table.dashboard div.header,
table.dashboard table.statsTable tr td
{
font-size: 0.9em;
line-height: 1.2em;
}
table.dashboard select
{
font-size: 0.95em;
padding: 0;
}
table.dashboard table
{
background: none;
border: 1px solid #dedede;
margin-bottom: 5px;
width: 100%;
}
table.dashboard table tr td
{
padding: 4px;
}
table.dashboard table tr
{
background-color: #fafbfd;
}
table.dashboard table tr.odd
{
background-color: #f1f4f8;
}
table.dashboard table tr td.num
{
text-align: right;
white-space: nowrap;
width: 5%;
}
table.dashboard div.header
{
font-weight: bold;
line-height: 2em;
}
table.dashboard table tr.header
{
background-image: url(../../docs/pics/header_dotline.gif);
background-position: bottom left;
background-repeat: repeat-x;
font-weight: bold;
}
table.dashboard table tr.total
{
background-image: url(../../docs/pics/header_dotline.gif);
background-repeat: repeat-x;
font-weight: bold;
}
/*
* Special overrides for above styles
*/
input.integer,
table.border > tbody > tr > td > input.integer,
table.list > tbody > tr > td > input.integer
{
width: 6em;
}
/*
* Footer styles
*/
#footer
{
background: #a5d6ec; /* Old browsers */
background: -moz-linear-gradient(left, rgba(165, 214, 236, 1.0) 0%, rgba(0, 107, 182, 1.0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(165, 214, 236, 1.0)), color-stop(100%,rgba(0, 107, 182, 1.0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(165, 214, 236, 1.0) 0%,rgba(0, 107, 182, 1.0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(165, 214, 236, 1.0) 0%,rgba(0, 107, 182, 1.0) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(165, 214, 236, 1.0) 0%,rgba(0, 107, 182, 1.0) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa5d6ec, endColorstr=#ff006bb6, GradientType=1); /* IE6-9 */
background: linear-gradient(left, rgba(165, 214, 236, 1.0) 0%,rgba(0, 107, 182, 1.0) 100%); /* W3C */
bottom: 0;
clear: both;
color: #ffffff;
font-size: 0.8em;
height: 20px;
left: 0;
line-height: 20px;
position: fixed;
right: 0;
width: 100%;
}
body.noSide #footer
{
margin: 0;
}
#footerCompany,
#footerCopyright,
#footerVersion
{
margin: 0;
position: absolute;
width: 33%;
}
#footerCompany
{
left: 33%;
width: 34%;
text-align: center;
}
#footerVersion
{
left: 0;
padding-left: 10px;
}
#footerCopyright
{
right: 10px;
text-align: right;
}
#footerCopyright div
{
float: right;
}
#footer a,
#footer a:hover,
#footer a:visited
{
color: #ffffff;
}
#footer sup
{
font: normal 0.5em sans-serif;
}
/*
* License Styles
*/
.license
{
font-weight: bold;
}
.installed
{
color: #057800;
}
.licensed
{
color: #0a5596;
}
.noLicense
{
color: #555;
}
/*
* Notice Styles
*/
div.noticeBox
{
margin-bottom: 25px;
}
div.noticeBox > div
{
background: #f1fbff;
border: 1px solid #366289;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #333;
-moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
min-height: 23px;
padding: 12px 13px 9px;
padding-left: 50px;
position: relative;
}
div.noticeBox > div > img
{
left: 9px;
position: absolute;
top: 9px;
}
div.noticeBox > div > div
{
font-weight: bold;
margin-bottom: 4px;
}
div.noticeBox > div.error
{
background-color: #fff1ee;
border-color: #dd1010;
color: #aa0000;
}
div.noticeBox > div.warning
{
background-color: #fffee2;
border-color: #e08e3e;
}
div.noticeBox > div.task
{
background-color: #f8ffe1;
border-color: #6b8d00;
}
div.info,
div.task,
div.result,
p.result,
span.result
{
color: #333;
font-weight: bold;
}
span.warning
{
color: #333;
font-weight: bold;
}
span.error
{
color: #aa0000;
font-weight: bold;
}
/*
* OrgChart Styles
*/
div.orgGraph
{
margin-top: 40px;
}
div.orgEntry
{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #9f9f9f;
-moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
margin: 3px;
min-height: 68px;
overflow: hidden;
padding-left: 70px;
padding-right: 6px;
position: relative;
width: 216px;
}
div.orgEntry > input.profilePic
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
left: 4px;
position: absolute;
top: 3px;
}
div.orgEntry > a > .viewSubIcon
{
position: absolute;
top: 3px;
right: 4px;
}
div.orgEntry > div.name
{
margin-top: 6px;
/* Prevent overlap with subordinates icon */
margin-right: 20px;
}
div.orgManager
{
background: #ebe1d4;
margin-bottom: 20px;
}
span.orgPeer
{
margin-left: 40px;
}
div.orgPeer
{
background: #dfeff6;
margin-left: 40px;
}
span.orgSelf
{
margin-left: 40px;
}
div.orgSelf
{
background: #c3e3f0;
border: 2px solid #555;
margin-left: 40px;
margin-bottom: 20px;
}
div.orgSelf > div.name
{
font-weight: bold;
}
div.orgSubordinate
{
background: #e3f7e3;
}
span.orgSubordinateCluster
{
margin-left: 80px;
}
div.orgSubordinateCluster
{
margin-left: 80px;
margin-bottom: 20px;
}
div.orgSubordinateCluster > div
{
clear: none;
float: left;
}
div.orgSubordinateCluster > div.clearFloat
{
clear: both;
float: none;
}
div.orgEntry > table.attributes
{
margin-bottom: 2px;
margin-top: 10px;
table-layout: fixed;
width: 100%;
}
div.orgEntry > table.attributes > tbody > tr > td.prompt
{
text-align: right;
width: 45%;
}
div.orgEntry > table.attributes > tbody > tr > td
{
padding-bottom: 3px;
}
/*
* Service Styles
*/
.serviceOn
{
color: #057800;
}
.serviceOff
{
color: #aa0000;
}
.serviceStarting
{
color: #be8219;
}
.serviceStopping
{
color: maroon;
}
.serviceNotInstalled
{
color: #0a5596;
}
/*
* Sorting Styles
*/
input.sortIcon
{
vertical-align: middle;
}
/*
* Status Styles
*/
.statusSuccess
{
color: #000;
}
.statusFailure
{
color: #aa0000;
}
.statusInProgress
{
color: #555;
}
.statusWaiting
{
color: #555;
}
/*
* DateTime Widget Styles
*/
.dateWidget
{
white-space: nowrap;
}
.dateWidget div
{
float: left;
}
.dateWidget .date input.text,
.dateWidget .time input.text
{
text-align: center;
}
.dateWidget .date input.text
{
background: url(../../docs/pics/field_date.png) top left no-repeat;
padding-left: 20px;
width: 6em;
}
.dateWidget .date input.text:focus,
.dateWidget .date input.focus
{
background-image: url(../../docs/pics/field_date_focus.png);
}
.dateWidget .date input.error,
.dateWidget .date input.error:focus
{
background-image: url(../../docs/pics/field_date_error.png);
}
.dateWidget .time input.text
{
background: url(../../docs/pics/field_time.png) top left no-repeat;
padding-left: 20px;
width: 5em;
}
.dateWidget .time input.text:focus,
.dateWidget .time input.focus
{
background-image: url(../../docs/pics/field_time_focus.png);
}
.dateWidget .time input.error,
.dateWidget .time input.error:focus
{
background-image: url(../../docs/pics/field_time_error.png);
}
/*
* Search & Paging Widget Styles
*/
div.searchPaging
{
margin-top: 2px;
}
div.searchPaging + table.border,
div.searchPaging + table.list
{
margin-top: 2px;
}
div.searchPaging table
{
empty-cells: hide;
margin: 0;
padding: 0;
}
div.searchPaging td
{
color: #08427c;
height: 25px;
margin: 0;
padding: 0;
vertical-align: middle;
}
div.search
{
float: left;
}
div.search td
{
padding-top: 2px;
vertical-align: top;
}
div.search select,
div.search input
{
margin-top: 0;
}
div.search td.searchPrompt
{
padding-right: 5px;
}
div.search input.searchBox
{
margin-left: 0;
padding-right: 20px;
width: 10em;
}
input.searchIcon
{
cursor: pointer;
height: 14px;
margin-bottom: 0;
margin-left: 2px;
margin-right: 6px;
margin-top: 2px;
padding: 2px 2px 1px;
width: 14px;
z-index: 50;
position: relative;
}
div.search input.searchIcon
{
margin-top: 0;
vertical-align: middle;
}
div.search div.searchPrompt
{
font-weight: bold;
padding-top: 3px;
}
input.searchBox + input.searchIcon
{
margin-left: -24px !important;
}
div.paging
{
float: right;
white-space: nowrap;
}
div.paging input.text
{
text-align: center;
width: 2em;
}
div.paging input.miniblue
{
margin-right: 10px;
}
/* Adjust vertical position of input image and img tags as they do not naturally align */
div.paging img,
div.paging input.image
{
height: 13px !important; /* Overwrites compiled value in paging widget. */
margin: 0 2px;
padding: 0;
vertical-align: middle;
width: 14px;
}
div.paging .arrowNext,
div.paging .arrowPrev
{
width: 10px !important; /* Overwrites compiled value in paging widget. */
}
div.paging .arrowFirst,
div.paging .arrowLast,
div.paging .arrowNext,
div.paging .arrowPrev
{
background: url(../../docs/pics/arrow_first.png) top left no-repeat;
}
div.paging .arrowLast
{
background-image: url(../../docs/pics/arrow_last.png);
}
div.paging .arrowNext
{
background-image: url(../../docs/pics/arrow_next.png);
}
div.paging .arrowPrev
{
background-image: url(../../docs/pics/arrow_prev.png);
}
div.paging img.arrowFirst,
div.paging img.arrowLast,
div.paging img.arrowNext,
div.paging img.arrowPrev
{
background-position: bottom left;
}
div.paging .arrowLast
{
display: none;
}
div.paging .arrowLastHistory
{
display: block;
}
/*
* Highlight Word Custom Styles
*/
span.textMatchValue
{
color: #333333;
}
span.textMatchValue b
{
color: #000;
}
/*
* Load without JS System Script
*/
div.jsWarning
{
background-color: #ffffe1;
border: 1px solid #000;
cursor: pointer;
font-size: 0.9em;
left: 50%;
margin-left: -60px;
padding: 3px 8px;
position: absolute;
text-align: center;
top: 100px;
white-space: normal;
width: 300px;
z-index: 150;
}
/*
* Certification Styles
*/
#certUsersScroll
{
border: 1px solid #9f9f9f;
height: 115px;
overflow-y: scroll;
}
table#certUsersTable
{
border: none;
margin: 0;
}
table#certUsersTable tr th,
div#certResourcesTable table tr th
{
white-space: normal;
}
div#certUsersScroll + div.searchPaging
{
display: none;
}
table.list > tbody > tr > td.indent1,
table.list > tbody > tr > td.indent2
{
padding-left: 18px;
white-space: nowrap;
}
table.list > tbody > tr > td.indent2
{
padding-left: 30px;
}
/*
* AutoCompletePslang Script Styles
* (note always LTR as content always English)
*/
textarea.pslComplete
{
direction: ltr;
text-align: left;
}
div.pslCompleteDisable
{
font-size: 0.8em;
line-height: 1em;
text-align: right;
}
div.pslCompleteDisable a
{
outline: 0;
}
div.pslCompleteFunctions,
div.pslCompleteProducts,
div.pslCompleteSections,
div.pslCompleteVariables
{
display: none;
}
div.pslAutoCompleter
{
background: #ffffff url(../../docs/pics/nav_side_bg.gif) bottom left repeat-x;
border: 1px solid #9f9f9f;
cursor: default;
direction: ltr;
margin: 0 10px 10px 0;
min-width: 200px;
overflow-y: auto;
position: fixed;
text-align: left;
}
div.pslAutoCompleter ul
{
font-size: 0.9em;
list-style: none;
margin: 0;
padding: 0;
}
div.pslAutoCompleter ul li
{
border-top: 1px solid #e3e7ec;
display: block;
padding: 0 16px 0 6px;
}
div.pslAutoCompleter ul li:first-child
{
border-top: none;
}
div.pslAutoCompleter ul li.selected
{
background-color: #e0e9f2;
}
div.pslAutoCompleter ul li span.match
{
font-weight: bold;
}
div.pslAutoCompleter ul li span.type
{
color: #666666;
}
div.pslAutoCompleter ul li span.variable
{
color: #000;
}
div.pslAutoCompleter ul li span.help
{
color: #08427c;
cursor: pointer;
font-weight: bold;
padding: 0 2px;
position: absolute;
right: 0;
}
div.pslAutoCompleter ul li span.help:hover
{
color: #000;
}
div.pslAutoCompleter ul li.divider
{
border-bottom: 1px solid #9f9f9f;
border-top: none;
height: 0;
overflow: hidden;
}
div.pslAutoCompleter > ul > li.pslFullRef
{
padding: 10px;
}
div.pslAutoCompleter > ul > li.pslFullRef > div
{
border: 1px solid #666666;
padding: 0 0 2px 0;
}
div.pslAutoCompleter > ul > li.pslFullRef > div > div
{
padding: 0 5px;
}
div.pslAutoCompleter > ul > li.pslFullRef > div > div.title > div.close
{
color: #ffffff;
cursor: pointer;
float: right;
font-weight: normal;
}
div.pslAutoCompleter > ul > li.pslFullRef > div > div.title > div.close:hover
{
color: #e6f0f8;
}
div.pslAutoCompleter > ul > li.pslFullRef > div > div.title
{
background: url(../../docs/pics/header_bg.gif) 0 -1px repeat-x;
color: #ffffff;
font-weight: bold;
padding-top: 2px;
}
div.pslAutoCompleter > ul > li.pslFullRef > div > div.section
{
font-weight: bold;
}
div.pslAutoCompleter > ul > li.pslFullRef > div > div.argument,
div.pslAutoCompleter > ul > li.pslFullRef > div > div.return
{
margin-left: 10px;
}
/*
* AutoGrowField Script Styles
*/
textarea.original,
textarea.translated
{
height: 15px;
overflow: hidden;
}
div.autoGrowMetric
{
/* Left positioning breaks RTL languages on IE7 */
position: absolute;
top: -10000px;
}
/*
* CheckAll Script Styles
*/
th.checkAll
{
white-space: nowrap;
}
/*
* CollapseSection Script Styles
*/
img.collapseSectionIcon
{
cursor: pointer;
display: block;
float: left;
margin: 0;
margin-right: 4px;
margin-top: 3px;
}
/*
* IgnoreDoubleClick Script Styles
*/
#overlay
{
bottom: 0;
cursor: wait;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}
/*
* DisplayNote Script Styles
*/
div.popupNote
{
display: none;
}
.floatingNote
{
background-color: #ffffe1;
border: 1px solid #000;
color: #000;
-moz-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.1);
box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.1);
font-size: 0.9em;
font-style: normal;
font-weight: normal;
line-height: 16px;
opacity: 0.93;
padding: 3px 8px;
text-align: left;
white-space: normal;
z-index: 125;
}
.floatingNote ul
{
padding-left: 20px;
}
.floatingNote ul li
{
list-style-type: disc;
}
.floatingNoteFrame {
border: none;
position: absolute;
z-index: 120;
overflow: hidden;
}
/*
* PluginCtrl Widget Styles
*/
div.pluginCtrl
{
float: left;
height: 22px;
}
div.pluginCtrl div
{
float: left;
margin-right: 10px;
}
div.pluginCtrl div.viewPassword
{
margin-top: 1px;
}
div.pluginCtrl div.viewPassword div.pass
{
cursor: default;
}
div.pluginCtrl div.viewPassword div.frame
{
border-bottom: 1px solid #ffffff;
border-left: 1px solid #aca899;
border-right: 1px solid #ffffff;
border-top: 1px solid #aca899;
height: 11px;
margin-top: 4px;
position: relative;
width: 120px;
}
div.pluginCtrl div.viewPassword div.border
{
background-color: #ece9d8;
border: 1px solid #000;
height: 9px;
left: 0;
position: absolute;
width: 118px;
}
div.pluginCtrl div.viewPassword div.inner
{
border: 1px solid #ffffff;
font-size: 0.1em;
line-height: 0.1em;
height: 7px;
left: 0;
position: absolute;
top: 0;
width: 116px;
}
div.pluginCtrl div.viewPassword div.bar
{
background-color: #316ac5;
font-size: 1px;
height: 7px;
left: 0;
line-height: 1px;
position: absolute;
top: 0;
width: 116px;
}
div.hidePass
{
margin-top: 2px;
}
div.hidePass a
{
padding-top: 2px;
}
div.hidePass a, div.hidePass a:visited, div.hidePass:active
{
color: #ffffff;
cursor: default;
text-decoration: none;
}
div.hidePass a:hover
{
color: black;
}
div.hidePass div.button,
div.hidePass a span.button
{
cursor: default;
}
div.hidePass a span.button
{
margin-top: -2px;
margin-right: 5px;
}
div.pluginCtrl div.notice
{
margin-top: 2px;
}
table.list tr td.recentPluginList
{
padding: 0;
}
td.recentPluginList table
{
background: transparent;
border: none;
margin: 0 3px;
}
td.recentPluginList table tr td
{
background: transparent;
font-size: 0.9em;
padding: 2px;
padding-top: 3px;
}
td.recentPluginList > table > tbody > tr:first-child > td
{
border-top: none;
}
td.recentPluginList table td.desc
{
padding-top: 4px;
}
/*
* PopupCalendar Script Styles
*/
.calendarFrame
{
border: none;
position: absolute;
z-index: 60;
}
div.popupCalendar
{
position: absolute;
z-index: 70;
}
div.popupCalendar table
{
border: 1px solid #9f9f9f;
border-collapse: separate;
direction: ltr;
}
div.popupCalendar table tr th,
div.popupCalendar table tr td
{
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
font-size: 0.9em;
font-weight: bold;
line-height: normal;
padding: 1px 2px;
text-align: center;
direction: ltr;
}
div.popupCalendar .lastCol
{
border-right: 1px solid #ffffff;
}
div.popupCalendar .lastRow
{
border-bottom: 1px solid #ffffff;
}
div.popupCalendar table tr th
{
background: url(../../docs/pics/nav_bg.gif) 0 -2px repeat-x;
border-bottom: none;
color: #ffffff;
}
div.popupCalendar table tr td.day,
div.popupCalendar table tr th.changeMonth
{
cursor: pointer;
}
div.popupCalendar table tr th.changeMonth.over
{
background: #7da1d0;
}
div.popupCalendar table tr th.changeMonth.disabled
{
color: #7da1d0;
cursor: default;
}
div.popupCalendar table tr td.monthName,
div.popupCalendar table tr td.dayName
{
cursor: default;
}
div.popupCalendar table tr td.monthName
{
font-weight: normal;
}
div.popupCalendar table tr td.day
{
color: #314b72;
background-color: #f3f6fa;
}
div.popupCalendar table tr td.day.weekend
{
background-color: #e6f0f8;
}
div.popupCalendar table tr td.day.disabled
{
color: #333;
cursor: default;
font-weight: normal;
}
div.popupCalendar table tr td.day.faded,
div.popupCalendar table tr td.prevMonth,
div.popupCalendar table tr td.nextMonth,
div.popupCalendar table tr td.weekend.prevMonth,
div.popupCalendar table tr td.weekend.nextMonth
{
background-color: #ffffff;
color: #bbb;
cursor: default;
font-weight: normal;
}
div.popupCalendar table tr td.day.selected
{
color: #ffffff;
background-color: #8bb701;
}
div.popupCalendar table tr td.day.over
{
color: #ffffff;
background-color: #7da1d0;
}
div.popupCalendar table tr td.day.today
{
border: 1px solid #0a5596;
}
/*
* PopupWindow Script Styles
*/
.popupWindow
{
background: #ffffff;
border: 1px solid #ffffff;
-moz-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.6);
box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.6);
position: fixed;
left: 50px;
top: 50px;
z-index: 510;
}
html#subPage .popupWindow
{
border: none;
}
.popupWindowLoading
{
background: #ffffff;
border: 1px solid #333;
color: #a5d6ec;
font-size: 1.3em;
font-weight: bold;
height: 50px;
left: 50%;
margin-left: -75px;
margin-top: -25px;
padding: 20px 0;
position: fixed;
text-align: center;
top: 25%;
width: 150px;
z-index: 505;
}
.popupWindowLoading img
{
margin-bottom: 10px;
}
.popupWindowOverlay
{
background: #000;
opacity: 0.45;
z-index: 500;
}
/*
* ResizeText Script Styles
*/
div.fontSizeControls
{
padding-left: 10px;
padding-right: 10px;
}
div.fontSizeControls span
{
cursor: pointer;
height: 1em;
padding: 0 3px;
}
div.fontSizeControls span.decrease
{
font-size: 0.7em;
}
div.fontSizeControls span.increase
{
font-size: 1.4em;
}
div.fontSizeControls span.disabled
{
color: #ccc;
cursor: default;
}
/*
* RowSelection Script Styles
*/
table.list > tbody > tr.selectable
{
cursor: pointer;
}
table.list > tbody > tr.selectable:hover,
table.list > tbody > tr.selectableHover
{
background-color: #f1f4f8;
}
table.list > tbody > tr.highlight
{
background-color: #c3d4e4;
}
table.list > tbody > tr.selectable.highlight:hover,
table.list > tbody > tr.checkable.highlight:hover,
table.list > tbody > tr.highlightHover
{
background-color: #b4cade;
}
table.list > tbody > tr.selectable.click,
table.list > tbody > tr.selectable.select.click
{
background-color: #b4cade;
}
table.list > tbody > tr.checkable > td,
table.list > tbody > tr.checkable > td > label
{
cursor: pointer;
}
table.list > tbody > tr.selectable > td.selectDisabled,
table.list > tbody > tr.checkable > td.checkDisabled
{
cursor: default;
}
/*
* ScrollableObject Script Styles
*/
div.scrollable
{
border: 1px solid #dedede;
margin: 4px 0;
overflow: auto;
padding: 0;
}
div.scrollable > table
{
border: none;
margin: 0;
}
div.scrollableBorder
{
border-color: #dedede !important;
}
/*
* Selected Row Styles
* Note: Must come after RowSelection Script Styles for proper inheritance
* and inheritance.
*/
table.border > tbody > tr.select,
table.list > tbody > tr.select,
table.list > tbody > tr.select.checkable:hover
{
background: #8bb701;
}
table.border > tbody > tr.select > td,
table.list > tbody > tr.select > td,
table.border > tbody > tr.select > td.arrow,
table.list > tbody > tr.select > td.arrow
{
color: #ffffff;
font-weight: bold;
}
table.border > tbody > tr.select > td.arrow,
table.list > tbody > tr.select > td.arrow
{
background: url(../../docs/pics/select_arrow.png) center right no-repeat;
}
table.list > tbody > tr.select.selectable:hover
{
background-color: #80ad01;
}
/*
* Translatable Script Styles
*/
.translatable
{
border: 1px solid transparent !important;
cursor: pointer;
}
.transHover
{
background-color: #ffc9c9 !important;
border: 1px solid red !important;
color: #000 !important;
}
.transAltHover
{
background-color: #ffde9d !important;
border: 1px solid orange !important;
color: #000 !important;
}
/*
* ZoomImage Script Styles
*/
div.zoomImageOverlay
{
background: #fff;
border: 1px solid #bbb;
position: fixed;
padding: 10px;
-moz-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.1);
box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.1);
z-index: 2000;
}
div.zoomImageOverlay img {
height: 100%;
width: 100%;
}