/* Html tags */
a, a:link, a:visited, a:active, .href {
text-decoration: none; color: #215A8E; cursor: pointer;
}
a:hover, a:hover H1, a:hover H2, a:hover H3, a:hover H4 {
text-decoration: underline; color: #F36506;
}
BODY { font-size: 9pt; font-family: Helvetica, Arial, sans-serif ; background-color : #999; margin: 23px 0px 0px 0px}
BODY.clean, BODY.popup {
width: 100%; font-size: 9pt; font-family: Helvetica, Arial, sans-serif ; background-color: white; margin: 0px 0px 0px 0px;
}
BODY.editor { font-size: 9pt; font-family: Helvetica, Arial, sans-serif ; background-color: white; margin: 10px 10px 10px 10px}
HR { color: #F90; height: 1;}
HR.thin { color: #F90; height: 1;}
TABLE { border: none; padding: 0px 0px 0px 0px; letter-spacing: 0.3pt; line-height: 120%}
TR { page-break-inside: avoid}
TD { font-size: 9pt; line-height: 130%; vertical-align:top; }
th { font-size: 10pt; font-weight: bold; font-style: italic; padding: 0px 0px 0px 3px; text-align: left; }
TABLE.main { width: 95%; border: 3px solid #F90; background: #FFF}
TABLE.mainAnonym { width: 756; border: 3px solid #F90; background: #FFF}
TABLE.mainClean { border: 0px solid red; background: #FFF}
TABLE.portfolio { width: 98%; height: 100%; border: 3px solid #F90; background: #FFF}
TABLE.index { width: 756; border: 3px solid #F90; background: #FFF}
TABLE.about { width: 100%; height: 208; background-image: url(/images/backgrounds/bg_index1.gif); background-repeat : no-repeat; background-position : bottom}
/* Hx should never be used, use .stHeader1 to .stHeader3 instead */
H1 { font-size: 13px; font-weight: bold; color: black; padding: 0px 0px 0px 0px; margin: 0px 0px 16px 0px; }
H2 { font-size: 13px; font-weight: bold; color: black; padding: 0px 0px 0px 0px; margin: 0px 0px 16px 0px; font-style: italic; }
H3 { font-size: small; font-weight: bolder; color: black; padding: 10px 0px 0px 0px; margin: 0px 0px 16px 0px; }
H4 { font-size: 10pt; font-weight: bold; font-style: italic; color: black; padding: 0px 0px 0px 0px; margin: 0px 0px 16px 0px; }
H5 { font-size: 12px; font-weight: bold; color: black; padding: 0px 0px 0px 0px; margin: 0px 0px 16px 0px; }
P { margin: 0px 0px 16px 0px; }
select { font-size: smaller; color: #000000; border: 1px solid #999;}
button { font-size: smaller; border-style: none; color: red; border: none; background: transparent; cursor: pointer; }
input { font-size: smaller; color: #000; border: 1px solid #999;}
textarea { font-size: 12px; color: #000; border: 1px solid #999; background: #F5F7FB; font-family: MS Sans Serif, Arial, Helvetica, sans-serif;}
strong { font-weight: bold; }
UL { margin: 0px 0px 0px 14px; padding: 0px 0px 0px 2px; }
UL LI { list-style-image:url(/images/icons/square.gif); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
/* Custom Styles */
.stTitle { font-style : oblique; color : #A0C3DB; font-size :12pt; font-weight : normal; }
.stHeader1 { font-size: 10pt; font-weight: bold; padding: 10px 0px 0px 0px }
.stHeader2 { font-size: 10pt; font-weight: bold; font-style: italic; padding: 0px 0px 0px 0px }
.stHeader3 { font-size: 13px; font-weight: bold; padding: 0px 0px 0px 0px;}
.stNormal { font-size: 13px; }
.stSmall { font-size: smaller }
.stStrong { font-size: 13px; color: Black; font-weight: bold; }
.stLarge { font-size: 13pt; font-weight: bold; }
.stFieldHeader { font-size: 13px; color: Black; font-weight: bold; vertical-align : top; }
.stFieldValue { font-size: 13px; color: Black; vertical-align : top; width: 100%; }
.stInput { font-size: 10px; text-align: left; background : #F5F7FB;}
.stInputCheckBox { border: none}
.stHighLight { background-color: #215A8E; color: #FFF; font-size: x-large; font-weight: normal; }
.stClickable { cursor: pointer; }
.stUnderline { text-decoration: underline; }
.stItalic { font-style: italic; }
.stPageDesc { font-size: x-small; font-weight: bold; line-height : 130%; letter-spacing : 2px; width:600px; }
.stDate { font-size: 10pt; color: #000 }
.stListItem { font-size: 10pt; }
.stDebug { font-size: 9pt; color: #CC0000 }
.stWarning { color: #ff0000 }
.stOK { color: #00AA00 }
.stSpotLight { background-color: #E0E0E0; }
.active { font-weight: bold; }
.about { font-size : 13px; line-height: 20px;}
/* Homepage styles */
.stHPTitle { color: #564a4a; font-size: 13px; font-weight: bold; }
.stHPHeader { color: #fd4c00; font-size: 13px; margin-bottom: 12px; }
.stHPText { color: #2c2c2c; font-size: 12px; }
.stLargeWhite { color: #FFF; font-size: 16px; font-weight: bold; }
a.stLargeWhite:link { color: #FFF; font-size: 16px; font-weight: bold; }
a.stLargeWhite:hover { color: #FFF; text-decoration: underline; }
a.stLargeWhite:active { color: #FFF; text-decoration: underline; }
a.stLargeWhite:visited { color: #FFF; font-size: 16px; font-weight: bold; }
a.stHPOrangeLink:link { color: #fd4c00; font-weight: bold; }
a.stHPOrangeLink:hover { color: #fd4c00; text-decoration: underline; }
a.stHPOrangeLink:active { color: #fd4c00; text-decoration: underline; }
a.stHPOrangeLink:visited { color: #fd4c00; font-weight: bold; }
a.stHPGreyLink:link { color: #2c2c2c;}
a.stHPGreyLink:hover { color: #2c2c2c; text-decoration: underline; }
a.stHPGreyLink:active { color: #2c2c2c; text-decoration: underline; }
a.stHPGreyLink:visited { color: #2c2c2c;}
.stHPSubMenuOrange { color: #F90; font-size: 14px; font-weight: bold; }
a.stHPSubMenuOrange:link { color: #F90; font-size: 14px; font-weight: bold; text-decoration: none; }
a.stHPSubMenuOrange:visited { color: #F90; font-size: 14px; font-weight: bold; }
a.stHPSubMenuOrange:hover { text-decoration: underline; }
a.stHPSubMenuOrange:active { text-decoration: underline; }
.stHPSubMenuRed { color: #fd4c00; font-size: 14px; font-weight: bold; }
a.stHPSubMenuRed:link { color: #fd4c00; font-size: 14px; font-weight: bold; text-decoration: none; }
a.stHPSubMenuRed:visited { color: #fd4c00; }
a.stHPSubMenuRed:hover { text-decoration: underline; }
a.stHPSubMenuRed:active { text-decoration: underline; }
/* An item that has changed */
.stChanged { COLOR: #004400; font-weight: normal }
A.stChanged { COLOR: #004400; font-weight: normal }
A:hover.stChanged { COLOR: #004400; font-weight: normal }
A:visited.stChanged { COLOR: #004400; font-weight: normal }
.stMenubar { background-color: #8D97B9; font-size: 23; color: #FFF; font-weight : bold; height : 21px}
.stMenu { font-family: Helvetica, Arial, sans-serif; font-size : 17px}
.stMenuBarAnonym { background-color: #FFC163; font-family: Arial; font-size: 10px; color: #3E1B1B; font-weight : bolder;}
.stMenuAnonym { background-color: #F90; font-size: 13px; color: #3E1B1B; font-weight : bold; vertical-align : middle;}
A.stMenuAnonym:link { text-decoration: none; color: #FFF;}
A.stMenuAnonym:visited { text-decoration: none; color: #FFF;}
A.stMenuAnonym:hover { text-decoration: none; color: #000;}
.stFootAnonym { background-color: #F90; font-size: 12px; color: #FFF8EE; font-weight: lighter; vertical-align: middle; }
A.stFootAnonym:link { text-decoration: none; color: #FFF8EE; }
A.stFootAnonym:visited { text-decoration: none; color: #FFF8EE; }
A.stFootAnonym:hover { text-decoration: none; color: #FFF8EE; }
/* High light colors */
.hl1 { color: #FFF8EE; font-size: 14px;font-weight : normal; }
A.hl1:link { text-decoration: none; color: #FFF8EE; }
A.hl1:visited { text-decoration: none; color: #FFF8EE; }
A.hl1:hover { text-decoration: none; color: #FFF8EE; }
.hl2 { color: #D5AB6E; }
.hl3 { color: #F90; }
A.hl3:link { text-decoration: none; color: #F90; }
A.hl3:visited { text-decoration: none; color: #F90; }
A.hl3:hover { text-decoration: none; color: #F90; }
.hl4 { color: #F77B03; }
.hl5 { font-size: 22pt; }
/* Font sizes */
.fs1 { font-size : small; }
.menuitemhead { white-space: nowrap; text-align: right; font-weight: bold; height: 21px; padding: 3px 17px 0px 10px}
.menuitemlink { text-align: right; font-weight: bold; padding: 3px 17px 4px 0px}
.space_top_small { padding-top: 14px; }
.space_top_medium { padding-top: 29px; }
.space_top_big { padding-top: 35px; }
.space_right_big { padding-right: 35px; }
.space_bottom_big { padding-bottom: 35px; }
.space_left_big { padding-left: 35px; }
.space_top_bigger { padding-top: 37px; }
.space_top_xl { padding-top: 45px; }
.space_left_big { padding-left: 30px; }
.filled { background-color: #EEEEEE; }
.menuLinkBox { background-color: white; border: 1px solid; border-color: #B9B9D8; margin: 3px 0px 0px 0px; padding: 1px 2px 2px 3px}
.linkBox { background-color: white; border: 1px solid; border-color: #DFDFDF; margin: 1px 0px 3px 0px; padding: 1px 2px 2px 3px}
.CRMLinkBox { margin: 0px 10px 0px 0px; padding : 1px 2px 2px 5px; text-align : left; font-weight : bold}
.filledBox { background-color : #FFF; padding: 15px 15px 0px 15px; } /* Filled box like in CRM title bar */
.contentBodyItalic { font-size: 11pt; font-weight: bold;}
.ccontent { padding: 0px 0px 4px 0px; width:auto; }
TD.stContentBox { padding: 0px 0px 0px 0px; vertical-align: top; } /* Only used for 'boxed' contentboxes */
.stPicDesc { font-size: 10pt;}
.stButton { border: 1px solid #FFF; cursor: pointer }
img.stButton {
border: 1px solid #FFF;
cursor: pointer;
}
A:hover .stButton { border: 1px solid black; }
.stButtonHover { border: 1px solid black; }
.stButtonInvisible { display: none }
A:hover .stHeader1 { text-decoration: underline; color: black}
A:hover .stHeader2 { text-decoration: underline; color: black}
A:hover .stHeader3 { text-decoration: underline; color: black}
A:hover .stNormal { text-decoration: underline; color: black}
A:hover .stLarge { text-decoration: underline; color: black}
A:hover .stdate { text-decoration: underline; color: black}
A:hover .stListItem { text-decoration: underline; color: black}
.stTableBorder { border: 1px solid #ADD8E6; padding-top : 5px; }
.stFixedHeight { height: 92%; overflow: hidden }
/* Page layout
* Some colors are also defined in constants.inc for compatibility with old browsers.
* Colors of the menu are defined in constants.inc as well.
*/
.stPageTop { background-color: white; color : #999; vertical-align:middle; text-align:right}
.stPageTop img { border: none; margin-top: 3px}
.stPageEdge { background-color: #5276B5; }
.stPageLeft { background-color: white; padding: 0px 0px 0px 0px;}
.stPageMiddle { background-color: white; padding: 0px 0px 0px 10px}
.stPageRight { background-color: white; padding: 0px 0px 0px 5px}
.stRowOdd { background-color: #EEF0F7; }
.stRowEven { background-color: #F5F7FB; }
.stRowOver { background-color: #E1E4F0; }
.stRowEnabled { cursor: pointer }
.stRowGrayedOut { color: #B0B0B0 }
/* Collapsable boxes */
table.stCollapsable { width: 100% }
.stCollCaption { cursor: pointer; padding: 4px }
A:hover .stCollCaption { }
.stUncollCaption { cursor: pointer; padding: 4px }
A:hover .stUncollCaption { }
.stCollBody { display: none }
.stUncollBody { }
/* Wizard Style */
TABLE.wizard { border : none; width: 100%; }
HR.wizard { color: #F90; height: 1;}
/* Tab Style */
table.stTab {
width: 100%;
background-color: #FFF;
}
td.stTab { background-color: #EEEEEE; padding : 15px 0px 0px 0px; height:100%; }
.stTabLarge { padding : 15px 0px 0px 0px; height:100%; }
.stTabLast {
background-color: #FFF;
background-repeat: no-repeat;
background-position: left;
}
.stTabText {
vertical-align: middle;
padding-bottom: 2px;
cursor: pointer;
}
.height100 { height: 100%; }
.grid { background-image : url(images/grid.gif); background-position: bottom; background-repeat: repeat; }
.gridtop { height: 100%; background-image : url(images/grid.gif); background-position: top; background-repeat: repeat;}
.portfbar { background-image : url(images/grid_balk.gif); background-repeat: repeat; width:100%; height:20px}
/* Admin Style */
.stAdminBlock1_Top { border-top: 1px solid #FF9933; }
.stAdminBlock1_Bottom { border-bottom: 1px solid #FF9933; }
.stAdminBlock1_Left { border-left: 1px solid #FF9933; }
.stAdminBlock1_Right { border-right: 1px solid #FF9933; }
/* Minimum Page size */
.stPageWidth { height: 1px; width:740px; }
.stPageHeight { height: 349px; }
.stPageWidthClean { height: 0px; width:350px; }
.stPageHeightClean { height: 200px; width:0px; }
IMG.hr { margin-top: 6px; margin-bottom: 6px;}
table.tasklist tr td {
padding: 2px 10px 2px 0px;
vertical-align: top;
}
table.tasklist tr td#icons {
padding: 2px 0px 2px 0px;
vertical-align: top;
}
/* Sortable tables */
table.sortable th { cursor: pointer; }
table.sortable th:hover { color: #C2DAFF; }
th.sort_a, th.sort_d {
background-position: 4px 50%; background-repeat: no-repeat;
padding-left: 18px;
}
.sort_a { background-image: url(/images/sort_a.png); }
.sort_d { background-image: url(/images/sort_d.png); }
.sortval { display: none; }
.debug .sortval { color: gray; font-size: x-small; display: inline; }
/* Filter */
table thead tr.filter th, table thead tr.filter td, tr.filter td {
text-align: right; font-size: 70%;
}
table.sortable tr.filter th { cursor: default; }
thead tr.filter input {
padding: 0px 5px 0px 5px;
}
thead tr.filter input:hover {
background-color: #C2DAFF;
}
.filter-mismatch { display: none; }
.filter-empty { display: none; color: #FF8811; font-size: 120%; }
.filter-isempty { display: inline; }
table.filter-active tr.filter input { background-color: #FFAA55; }
.arnw { text-align:right;white-space:nowrap }
.nowrap {white-space:nowrap}
.adminform { width:100%; }
.crmsb_form { width: 250px; margin-top: 20px;}
.crmsbc { width:240px;}
.csb_desc { font-size: 13px; width: 100px; font-weight: bold; }
.csb_val, .csb_val select, .csb_val input { width: 140px }
.csb_val_cb input {width:20px;}
ol.comments {margin: 0; padding: 0; list-style: none;}
ol.comments li {margin: 0; padding: 0;}
ol.comments .date {color: #555; float: left}
ol.comments .note {display: block; margin-left: 120px;}
.uncollectable, td .uncollectable, td .uncollectable a {color: #f11}
.tooltip {
background: #eee;
padding: 1px;
}
.tooltip .tip {
border: 1px solid #f90;
padding: 5px;
}
.tooltip .tip-title {
font-weight: bold;
}
.payhist th {
text-align: left;
}
.payhist th.unit {
text-align: center;
}
.payhist td {
text-align: right;
border-top: 1px solid #fff;
}
.payhist td.left {
text-align: left;
}
.payhist .block1 {
background: #eee;
border-right: 1px solid #fff;
}
.payhist .stRowOdd .block1 {
background: #E6e8ef;
}
.payhist .stRowEven .block1 {
background: #edefF3;
}
.payhist .stRowOver .block1 {
background: #d0d4e0;
}
.payhist .block2 {
background: #ccc;
border-right: 1px solid #fff;
}
.payhist .stRowOdd .block2 {
background: #e2e7eB;
}
.payhist .stRowEven .block2 {
background: #dEe0e7;
}
.payhist .stRowOver .block2 {
background: #d1d4e0;
}
.pos {
color: #0a0;
}
.neg {
color: #a00;
}
.payhist .total {
border-top: 1px solid #000;
}
#tbl_unpb .neg {
font-weight: bold;
}
.combobox ul {
background: #fff;
list-style: none;
margin: 0;
padding: 1px;
border: 1px solid #000;
position: absolute;
}
.combobox li {
list-style: none;
}
.combobox a {
display:block;
color: #000;
}
.combobox .selected, .combobox .hover {
background: #ccc;
text-decoration: none;
color: #000;
}
.hidden {
display:none;
}
.row {
clear: both;
padding: 2px;
}
.row label {
float: left;
width: 150px;
}
#tbl_overv_leave {
width: 520px;
}
.total {
font-weight: bold;
}
.total.numeric {
border-top: 1px solid #000;
}
.numeric {
text-align: right;
width: 100px;
}