/* ----- Styles.css ----- */
/* START: CSS Reset
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
display: block;
}
body
{
line-height: 1;
}
ol, ul
{
list-style: none;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: '';
content: none;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
END: CSS Reset */
body
{
background: #fff;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
}
body.Gradient
{
background: #FFF;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
margin: 0px 0px 0px 0px;
}
h1
{
font-size: 12pt;
margin: 15px 5px 5px 5px;
}
.BodyGradient
{
background-color: White;
background-image: url('../Images/Main/body_fill.jpg');
background-position: bottom left;
background-repeat: repeat-x;
background-attachment: scroll;
margin: 0px 0px 0px 0px;
}
hr
{
height: 1px;
color: #5f5f5f;
width: 90%;
}
hr.footerline
{
height: 2px;
border-top-color: #9f9f9f;
border-left-color: #9f9f9f;
border-right-color: #9f9f9f;
border-bottom-color: white;
border-style: solid;
border-width: 1px;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
td
{
font-family: Arial;
font-size: 8pt;
font-weight: bold;
}
blockquote
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #d3ede2;
border: solid 1px #656565;
padding: 0px;
width: 100%;
}
a:link, a:visited, a:active
{
text-decoration: none;
color: #c8c8c8;
}
a:hover
{
text-decoration: underline;
color: white;
}
.alt, a.alt:link, a.alt:visited, a.alt:active
{
font-family: Arial;
font-size: 8pt;
color: #5f5f5f;
}
a.alt:hover
{
text-decoration: underline;
color: #989898;
}
.dgSelected
{
background-color: #B5F3C2;
color: Black;
}
.dgMain
{
background-color: white;
color: Black;
}
a.dgMain:visited
{
text-decoration: none;
color: #c8c8c8;
}
a.dgMain:active
{
text-decoration: none;
color: White;
}
a.dgMain:hover
{
text-decoration: underline;
color: White;
}
a.dg:visited
{
text-decoration: none;
color: #c8c8c8;
}
a.dg:active
{
text-decoration: none;
color: White;
}
a.dg:hover
{
text-decoration: underline;
color: White;
}
small
{
font-size: .7em;
}
big
{
font-size: 1.17em;
}
blockquote, pre
{
font-family: Arial;
font-weight: bold;
white-space: pre-wrap;
}
ul li
{
list-style-type: disc;
}
ul li li
{
list-style-type: square;
}
ul li li li
{
list-style-type: circle;
}
ol li
{
list-style-type: decimal;
}
ol ol li
{
list-style-type: lower-alpha;
}
ol ol ol li
{
list-style-type: lower-roman;
}
img
{
display: inline-block;
border: none;
}
table.border
{
border: 1px solid;
border-color: #656565;
background-color: #c8c8c8;
}
.ErrorMessage
{
color: #e62824;
}
.LabelsDark
{
background-color: #656565;
color: White;
padding: 0px;
width: 33.33%;
}
.LabelsLight
{
background-color: #bbbbbb;
color: White;
padding: 0px;
width: 33.33%;
}
.smallText
{
font-size: 6pt;
font-weight: normal;
}
.TextBoxes
{
background-color: #f9f9f9;
border: solid 1px #656565;
font-family: Arial;
font-size: 8pt;
color: black;
z-index: 100;
}
.TextBoxesNumeric
{
background-color: White;
border: solid 1 #656565;
font-family: Arial;
font-size: 8pt;
color: black;
z-index: 100;
text-align: right;
}
.TextBoxLabel
{
background-color: Transparent;
border: none;
font-family: Arial;
font-size: 8pt;
color: black;
z-index: 100;
cursor: auto;
}
.Buttons
{
background-color: #334a46;
border: solid 1px #334a46;
color: White;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
width: 88px;
cursor: pointer;
background-image: url(../Images/buttons.jpg);
background-repeat: repeat-x;
background-position: top left;
padding: 2px;
}
.ButtonsHover
{
background-color: #334a46;
border: solid 1px #334a46;
color: White;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
width: 88px;
cursor: pointer;
background-image: url(../Images/buttons.jpg);
background-repeat: repeat-x;
background-position: bottom left;
padding: 2px;
}
.HeaderGlow
{
color: White;
filter: progid:DXImageTransform.Microsoft.Glow(color=Black,strength=2);
}
.collapsePanel
{
height: 0px;
width: 100%;
overflow: hidden;
position: relative;
display: none;
}
.HeaderTitle
{
color: White;
filter: progid:DXImageTransform.Microsoft.Glow(color=Black,strength=2);
font-size: 20px;
text-align: center;
width: 100%;
}
.LargeText
{
font-size: 16px;
text-align: center;
width: 100%;
height: 100%;
}
.TitleStrip
{
background-color: #c6c6c6;
border: solid 1px black;
color: White;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
font-style: italic;
padding: 2px;
}
.TitleStripNoBorder
{
color: #656565;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
font-style: italic;
padding: 2px;
background-color: #dbdbdb;
}
.TitleStripDark
{
background-color: #656565;
border: solid 1px black;
color: White;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
font-style: italic;
padding: 2px;
}
#divManagementDescription
{
border:none;
}
.managementBlock
{
position:absolute;
display:inline-block;
top:30px;
left:350px;
right:30px;
width:450px !important;
}
.OutputBlack
{
background-color: #535353;
border: solid 1px black;
color: White;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 2px;
font-style: italic;
}
.OutputGreen
{
background-color: #fff;
border: solid 1px #656565;
color: #656565;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 2px;
}
#ucComponent_Performance_divActions span.OutputGreen
{
background-color: #4b9b6e;
}
.OutputRed
{
background-color: #dc5c4e;
border: solid 1px black;
color: #820c00;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 2px;
}
#ucComponent_Calendar_dvCal .OutputYellow
{
background-color: #656565;
}
.GirdBlockLarge1
{
background-color: red;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.GirdBlockLarge2
{
background-color: red;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.GirdBlockLarge3
{
background-color: #656565;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.GirdBlockLarge4
{
background-color: yellow;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.GirdBlockLarge5
{
background-color: yellow;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.GirdBlockLarge6
{
background-color: yellow;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.GirdBlockLarge7
{
background-color: lightgreen;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.GirdBlockLarge8
{
background-color: lightgreen;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.GirdBlockLarge9
{
background-color: blue;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.x_axis1{
display:inline-block;
padding:0px 30px 0px 0px;
}
.x_axis2{
display:inline-block;
padding:0px 15px 0px 15px;
}
.x_axis3{
display:inline-block;
padding:0px 15px 0px 15px;
}
.x_axis4{
display:inline-block;
padding:0px 15px 0px 15px;
}
.x_axis5{
display:inline-block;
padding:0px 0px 0px 30px;
}
.OutputYellow
{
background-color: #e5d043;
border: solid 1px black;
color: #88780e;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 2px;
}
.Strategic_Goal
{
background-color: #656565;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.HoverItems
{
position: absolute;
width: 200px;
border: 1px solid #Black;
padding: 0px;
background-color: #3df9ad;
display: none;
z-index: 110;
}
.HoverShadow
{
position: absolute;
width: 200px;
padding: 0px;
background-color: Gray;
display: none;
z-index: 109;
filter: progid:DXImageTransform.Microsoft.Blur( PixelRadius=5,MakeShadow=true,ShadowOpacity=0.90);
}
.MainBody
{
background-color: White;
}
.DarkPanel
{
border: solid 1px black;
color: White;
background-color: #656565;
}
.TreePanel
{
background-color: #414141;
/*overflow: hidden;*/
width: 100%;
height: 100%;
padding: 4px 4px 4px 4px;
/*color: White;*/
display: inline-block;
}
.SilverPanel
{
/* border: solid 1px #628478;*/
background-color: #fff; /* original colour was #efefef */
background-attachment: fixed;
}
.SilverPanelNoBorder
{
border: solid 1px #efefef;
background-color: #eee;
background-attachment: fixed;
}
.LightPanel
{
border: solid 1px Black;
background-color: #fff; /* original was #eee /*
color: #656565; /*background-image: url(../Images/light_bg.jpg);*/
}
.LightPanelNoBorder
{
background-color: #ccc;
color: #656565; /*background-image: url(../Images/light_bg.jpg);*/
}
.LightPanelShadow
{
border: solid 1px Black;
background-color: #ccc;
color: #656565; /*background-image: url(../Images/light_bg.jpg);*/
}
.MenuButtonStrip
{
background-color: #F5F5F5;
border: 1px Black solid;
border-style: solid;
cursor: pointer;
border-top-width: 0px;
width: 100%;
margin: 0px 0px 0px 1px;
}
.TopGroup
{
cursor: pointer;
}
.MenuGroup
{
background-image: url(../images/menu_bg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #d0d0d0;
border: 1px Black solid;
border-style: solid;
cursor: pointer;
width: 175px;
}
.TopMenuItem
{
color: white;
font-family: Arial;
font-size: 12px;
font-weight: bold;
padding: 8pt;
cursor: default;
}
.TopMenuItemHover
{
color: white;
background-image: url(images/top_itemHoverBg.gif);
background-color: #757495;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
cursor: default;
}
.MenuItem
{
color: #c6c6c6;
cursor: pointer;
height: 20px;
background-image: url(../Images/Main/menu_item_fill.jpg);
background-repeat: repeat-x;
font-size: 8pt;
}
.MenuItemHover
{
color: White;
background-image: url(../Images/Main/menu_item_fill_over.jpg);
background-repeat: repeat-x;
font-size: 8pt;
cursor: default;
}
.MenuItemExpanded
{
color: #464646;
font-size: 11px;
cursor: pointer;
padding: 5px;
}
.MenuItemExpandedOver
{
border: none;
color: #dbdbdb;
background-color: #414141;
font-size: 11px;
cursor: pointer;
padding: 4px;
}
.BreakItem
{
background-color: #414141;
font-size: 11px;
cursor: pointer;
padding: 0px;
height: 1px;
}
.TabStripBG
{
background-repeat: repeat-x;
background-position: bottom;
color: White;
padding-left: 0px;
padding-left: 6px;
padding-top: 2px;
background-color: #656565;
}
.TabGroup
{
z-index: 99;
color: #fff;
background-repeat: repeat-x;
position: relative;
}
.TabContent
{
border: solid 1px #5f5f5f;
border-top-width: 0px;
z-index: 0;
position: relative;
}
.TabItem
{
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
height: 17px;
color: #5f5f5f;
background-image: url(./../Images/Tabs/tab_sunken_fill.jpg);
background-repeat: repeat-x;
}
.TabItemHover
{
padding-left: 5px;
padding-right: 5px;
color: #656565;
cursor: pointer;
background-image: url(./../Images/Tabs/tab_hover_fill.jpg);
background-repeat: repeat-x;
}
.TabItemSelected
{
background-image: url(./../Images/Tabs/tab_fill.jpg);
background-repeat: repeat-x;
color: #383838;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
}
.TabItemScroll
{
padding: 0px;
top: -3;
position: relative;
z-index: 80;
}
.TreeView
{
border: solid 1px Black;
background-color: White;
overflow: hidden;
height: 100%;
margin: 0px 0px 0px 1px;
}
.TreeViewRow
{
overflow: hidden;
/*width: 100%;*/
width:220px;
padding: 0px;
}
.TreeViewLoading
{
color: #d2121a;
cursor: pointer;
padding: 0px;
width: 100%;
}
.TreeViewItem
{
color: #535353;
cursor: pointer;
padding: 2px;
width: 100%;
/*height: 21px;*/
overflow: hidden;
border-top: solid 1px white;
border-bottom: solid 1px white;
}
.TreeViewItemHover
{
color: #949494;
background-color: #dbdbdb;
cursor: pointer;
padding: 2px;
width: 100%;
/*height: 21px;*/
overflow: hidden;
border-top: solid 1px white;
border-bottom: solid 1px white;
}
.TreeViewItemSelected
{
padding: 2px;
width: 100%;
/*height: 21px;*/
overflow: hidden;
background-color: #949494;
color: #dbdbdb;
cursor: pointer;
border-top: solid 1px white;
border-bottom: solid 1px white;
}
.TreeViewItemNoEdit
{
color: #b73e39;
cursor: pointer;
padding: 2px;
width: 100%;
/*height: 21px;*/
overflow: hidden;
border-top: solid 1px white;
border-bottom: solid 1px white;
}
.TreeViewItemNoEditHover
{
color: #b73e39;
background-color: #d9a09d;
cursor: pointer;
padding: 2px;
width: 100%;
/*height: 21px;*/
overflow: hidden;
border-top: solid 1px white;
border-bottom: solid 1px white;
}
.TreeViewItemNoEditSelected
{
padding: 2px;
width: 100%;
/*height: 21px;*/
overflow: hidden;
background-color: #b73e39;
color: #d9a09d;
cursor: pointer;
border-top: solid 1px white;
border-bottom: solid 1px white;
}
.TreeViewItemNoPadding
{
color: #535353;
cursor: pointer;
padding: 0px;
width: 100%;
height: 17px;
overflow: hidden;
/*border-top: solid 1px white;
border-bottom: solid 1px white;*/
}
.TreeViewItemHoverNoPadding
{
color: #949494;
background-color: #dbdbdb;
cursor: pointer;
padding: 0px;
width: 100%;
height: 17px;
overflow: hidden;
/*border-top: solid 1px white;
border-bottom: solid 1px white;*/
}
.TreeViewItemSelectedNoPadding
{
padding: 0px;
width: 100%;
height: 17px;
overflow: hidden;
background-color: #949494;
color: #dbdbdb;
cursor: pointer;
/*border-top: solid 1px white;
border-bottom: solid 1px white;*/
}
.TreeViewItemNoEditNoPadding
{
color: #b73e39;
cursor: pointer;
padding: 0px;
width: 100%;
height: 17px;
overflow: hidden;
/*border-top: solid 1px white;
border-bottom: solid 1px white;*/
}
.TreeViewItemNoEditHoverNoPadding
{
color: #b73e39;
background-color: #d9a09d;
cursor: pointer;
padding: 0px;
width: 100%;
height: 17px;
overflow: hidden;
/*border-top: solid 1px white;
border-bottom: solid 1px white;*/
}
.TreeViewItemNoEditSelectedNoPadding
{
padding: 0px;
width: 100%;
height: 17px;
overflow: hidden;
background-color: #b73e39;
color: #d9a09d;
cursor: pointer;
/*border-top: solid 1px white;
border-bottom: solid 1px white;*/
}
.TreeViewItemBlack
{
color: White;
background-color: #535353;
cursor: pointer;
padding: 2px;
width: 100%;
height: 21px;
overflow: hidden;
border-top: solid 2px white;
border-bottom: solid 2px white;
font-style: italic;
}
.HomePageBG
{
background-color: #e5e5e5;
}
.HomePageWhite
{
background-color: White;
}
.TreeViewItemNoGrad
{
color: #535353;
cursor: pointer;
padding: 2px;
width: 100%;
height: 21px;
overflow: hidden;
border-top: solid 3px white;
border-right: solid 1px white;
}
.TreeViewItemNoGradHover
{
color: Gray;
text-decoration: underline;
cursor: pointer;
padding: 2px;
width: 100%;
height: 21px;
overflow: hidden;
border-top: solid 3px white;
border-right: solid 1px white;
}
.TreeViewItemNoGradSelected
{
padding: 2px;
width: 100%;
height: 21px;
overflow: hidden;
color: #086c46;
cursor: pointer;
border-top: solid 3px white;
border-right: solid 1px white;
}
.ScorecardPerspective
{
background-color: #656565;
border: solid 1px black;
color: White;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
font-style: italic;
padding: 2px;
}
.ScorecardOutput
{
background-color: #aef0d4;
border: solid 1px black;
color: #656565;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 2px;
}
.ScorecardGoal
{
background-color: #656565;
border: solid 1px black;
color: #dbdbdb;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
padding: 1px;
}
.TabBG
{
background-color: Transparent;
}
.MainPageBG
{
background-color: #b1f4d7;
}
.TabSmall
{
margin-left: 2px;
margin-right: 2px;
margin-top: 3px;
border: solid 1px #628478;
background-color: #fff;
color: #656565;
padding: 1px;
padding-top: 3px;
padding-bottom: 0px;
cursor: pointer;
width: 80px;
text-align: center;
}
.TabSmallSelected
{
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
background-color: #fff;
border: solid 1px #628478;
border-bottom-width: 0px;
color: Black;
padding: 3px;
padding-bottom: 2px;
cursor: default;
width: 80px;
text-align: center;
}
.TabSmallHover
{
margin-left: 2px;
margin-right: 2px;
margin-top: 3px;
border: solid 1px #628478;
background-color: #c0e0d2;
color: #0db371;
padding: 1px;
padding-top: 3px;
padding-bottom: 0px;
cursor: pointer;
width: 80px;
text-align: center;
}
.PhotoTooltip
{
border: solid 1px #656565;
background-color: #fff;
color: #656565;
font-weight: bold;
font-size: 7pt;
padding: 5px;
background-image: url(../Images/light_bg.jpg);
z-index: 110;
}
.Splitter
{
background-image: url(../Images/dash.jpg);
}
.SplitterActive
{
background-color: red;
}
.ToolbarIcon
{
height: 20px;
width: 28px;
cursor: pointer;
display: block;
}
div.transparent_bg_green
{
background-image: url(../Images/transparent_bg_green.png);
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 998;
display: inline;
cursor: default;
}
div.transparent_bg_red
{
background-image: url(../Images/transparent_bg_red.png);
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 998;
display: inline;
cursor: default;
}
a.searchResult, a.searchResult:link, a.searchResult:visited, a.searchResult:active
{
display: block;
width: 100%;
border-bottom: solid 1px silver;
color: Black;
font-weight: normal;
background-color: White;
cursor: pointer;
text-decoration: none;
padding: 3px 3px 3px 3px;
}
a.searchResultSelected, a.searchResultSelected:link, a.searchResultSelected:visited, a.searchResultSelected:active
{
display: block;
width: 100%;
border-bottom: solid 1px silver;
color: White;
font-weight: normal;
background-color: Silver;
cursor: pointer;
text-decoration: none;
padding: 3px 3px 3px 3px;
}
a.searchResult:hover
{
background-color: #EEEEEE;
cursor: pointer;
text-decoration: none;
}
.wingdings
{
font-family: wingdings;
font-weight: normal;
font-style: normal;
font-size: 20px;
}
.webdings
{
font-family: webdings;
font-weight: normal;
font-style: normal;
font-size: 20px;
}
input.ajaxUpload-button
{
width: 100px;
position: relative;
display: inline-block;
margin: 0;
padding: 0;
}
input.ajaxUpload-file
{
width: 100px;
filter: alpha(opacity:0);
position: relative;
/*left: -100px;*/
cursor: pointer;
}
#ui-datepicker-div
{
display: none;
}
img.ui-datepicker-trigger
{
display: inline-block;
position: absolute;
cursor: pointer;
margin: 0 0 0 2px;
}
a.button
{
font-size: 11px;
text-align: center;
margin: 1px 1px 1px 0px;
display: inline-block;
padding: 1px 4px;
text-decoration: none;
background: #aeaeae;
border: solid 1px #000;
color: #fff;
}
a.button:hover
{
background: #7e7e7e;
text-decoration: none;
}
.numeric
{
text-align: right;
}
#divProcessingLogo
{
display: inline-block;
background: #fff;
padding: 5px;
color: #000;
z-index: 1002;
overflow: hidden;
white-space: nowrap;
margin:0 auto;
position:relative;
border-radius: 2px;
min-height: 25px;
}
#divProcessingLogo img
{
float: left;
}
#divProcessingLogo span
{
display: inline-block;
padding: 5px 0 0 5px;
}
#divPopupWindow
{
background: #e3e3e3;
}
/*select#ddlApprover option[value="ACTIVE"], #ddlApprover option[value="INACTIVE"]{ background:#000; color:#fff;}*/
.popup-border
{
background: #333;
position: absolute;
z-index: 1001;
}
.inactive
{
cursor: default;
}
.lowRes a
{
width: 24px;
}
.hiddenNav a:hover
{
text-decoration: none;
}
#userImageCopy
{
position: absolute;
top: 10px;
z-index: 1000;
height: 70px;
}
#mainBody
{
margin: 0;
}
#ui-datepicker-div
{
z-index: 2147483647 !important;
}
.ajaxUpload-button, .ajaxUpload-file
{
padding: 4px 5px;
color: #fff;
}
span.skype_pnh_container
{
display: none !important;
}
span.skype_pnh_print_container, span[class^="skype_pnh_print_container"]
{
display: inline !important;
}
/*
#hideEmployees
{
height: 33px;
padding-top:4px;
}*/
#hideNavContainer
{
position: absolute;
height: 100%;
top: 0;
right: 0;
}
.hideButton
{
background: #11929E;
}
a.hideButton span
{
background-image: url(../images/new/icon-leftrightupdown.png);
color: #fff;
min-width: 16px;
min-height: 16px;
display: block;
background-position: center -29px;
background-repeat: no-repeat;
}
#openChat span, #openChat-popup span
{
background-image: url(../images/new/icon-discuss.png);
background-position: center center;
}
#communicateContainer
{
width:0;
background:#fff;
z-index: 910;
position:absolute;
top:115px;
bottom:14px;
}
#divPopupWindow #communicateContainer
{
top: -2px !important;
right: 4px !important;
bottom: 4px;
}
#communicationMain
{
position:absolute;
/*top:0;
bottom:0;
left:0;
right:0;*/
width:100%;
height:100%;
}
#communicate-tabs li.close
{
height: 28px;
}
#communicate-tabs
{
top:0;
}
#communicate-home
{
background-image: url(../images/new/home.png);
background-repeat:no-repeat;
background-position: center center;
display:inline-block;
width:15px;
}
#communicate-home-li
{
height: 31px;
}
#communicate-chats
{
display:inline-block;
width:212px;
}
#communicate-sub-tabs
{
overflow:hidden;
white-space:nowrap;
top:38px;
}
#plus-chat
{
right: 30px;
top: 5px;
}
#plus-chat a{
padding:5px 1px 2px 0;
}
a.hideButton
{
z-index: 898 !important;
display: block;
position: absolute;
}
a.hideButton:hover
{
text-decoration: none;
}
#hideNav
{
width: 25px;
vertical-align: middle;
top: 10px;
height: 40px;
padding-top: 30px;
}
#openChat, #openChat-popup
{
width: 25px;
vertical-align: middle;
top: 80px;
height: 24px;
padding-top: 10px;
}
#openChat-popup
{
top: 6px;
height: 20px;
padding-top: 5px;
right: 33px;
}
a.hideButtonRight span
{
background-position: center -16px !important;
}
.hiddenNav a
{
position: absolute;
z-index: 1000 !important;
width: 25px;
height: 26px;
top: 80px;
}
body.SilverPanelNoBorder div#main{position:absolute; top:0; left:0; right:0; bottom:0;}
/*body.SilverPanelNoBorder div#main > div{position:absolute; left:0; right:0; }*/
#plusDropdown > li > span, .popup-body .title
{
font-size:8pt;
}
#plusDropdownInverse > li > span, .popup-body .title
{
font-size:8pt;
}
#grid-grid-Calendar div.grid-body
{
margin: 0 7px;
}
div.grid-row .status-1
{
border-left: 5px solid blue;
background: none;
padding: 0;
margin: 0;
padding-left: 5px;
}
div.grid-row .status-2
{
border-left: 5px solid blue;
background: none;
padding: 0;
margin: 0;
padding-left: 5px;
}
#container_userAccount .error-message
{
position: relative;
top: 5px;
margin:-2px 2px;
}
#messagebox_overlay
{
background-image: url(../Images/transparent_bg_green.png);
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
display:none;
z-index:9999;
}
#messagebox_tab_strip
{
left: 0;
right: 0;
width: 100%;
padding: 0;
margin: 0;
background: #fff;
border-bottom: solid 3px #eee;
height: 37px;
white-space: nowrap;
}
#messagebox_tab_strip .title
{
float: left;
padding: 13px 7px 10px 7px;
border-bottom: none;
background-color: #eee;
}
#messagebox_content
{
padding: 15px;
min-height: 75px;
max-height: 300px;
overflow-y: auto;
}
#messagebox_buttons
{
border-top: solid 3px #eee;
width: 100%;
height: 34px;
text-align: right;
padding-right: 2px;
}
#messagebox_close
{
position:absolute;
right:2px;
top:2px;
}
#messagebox_animate
{
overflow: hidden;
position:absolute;
left:50%;
top:50%;
width: 0px;
height: 0px;
}
#messagebox_popup
{
background-color: white;
}
#libraryPopup_overlay
{
background-image: url(../Images/transparent_bg_green.png);
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
display:none;
z-index:9999;
}
#libraryPopup_tab_strip
{
left: 0;
right: 0;
width: 100%;
padding: 0;
margin: 0;
background: #fff;
border-bottom: solid 3px #eee;
height: 37px;
white-space: nowrap;
}
#libraryPopup_tab_strip .title
{
float: left;
padding: 13px 7px 10px 7px;
border-bottom: none;
background-color: #eee;
}
#libraryPopup_content
{
padding: 15px;
min-height: 75px;
max-height: 380px;
overflow-y: hidden;
}
#libraryPopup_buttons
{
border-top: solid 3px #eee;
width: 100%;
height: 34px;
text-align: right;
padding-right: 2px;
}
#libraryPopup_buttons .action
{
/* width:60px;
cursor: pointer;
height: 15px;
*/
}
#libraryPopup_close
{
position:absolute;
right:2px;
top:2px;
}
#libraryPopup_animate
{
overflow: hidden;
position:absolute;
left:50%;
top:50%;
width: 0px;
height: 370px;
border: solid 4px #ccc;
}
#libraryPopup_popup
{
background-color: white;
height: 370px;
}
#messagebox_content #bulletDiv{
display: inline-block;
}
#messagebox_content #messageText{
display: inline-table;
padding: 0px 0px 0px 3px;
width: 350px;
}
.tooltip {
position: relative;
display: inline-block;
/*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
margin: 0px 0px 0px 4px;
}
.tooltip_left {
position: relative;
display: inline-block;
/*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
margin: 0px 0px 0px 4px;
}
/* Tooltip text */
.tooltip .tooltiptext {
text-transform: initial !important;
visibility: hidden;
background-color: white;
color: #000;
text-align: center;
padding: 5px 0;
border-radius: 4px;
position: absolute;
border: 2px solid #0e395b;
margin: -10px 0px 0px 2px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Tooltip text */
.tooltip_left .tooltiptext {
text-transform: initial !important;
visibility: hidden;
background-color: white;
color: #000;
text-align: center;
padding: 5px 0;
border-radius: 4px;
position: absolute;
border: 2px solid #0e395b;
margin: -10px 0px 0px 2px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
}
.tooltip_left:hover .tooltiptext {
visibility: visible;
}
.grid-row-showall{
overflow:visible !important;
}
.grid-row-showall span{
overflow:visible !important;
}
.MyPerfromanceSimplified{
}
.MyPerfromanceSimplified div h1{
display:none !important;
}
.MyPerfromanceSimplified div div h1{
display:none !important;
}
.MyPerfromanceSimplified div div div h1{
display:none !important;
}
#grid-System_Settings-body h1.sub-title{
background:#c8c8c8 !important;
font-weight: bold;
}
/* ----- jquery-ui.css ----- */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .003;
filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/* ----- transactions.css ----- */
h1.title
{
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 10px 10px 7px 10px;
margin: 0;
font-size: 15px;
/*background: #11929E;*/
color: #fff;
font-weight: normal;
font-weight: bold;
text-transform:uppercase;
}
h1.sub-title
{
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 5px 10px;
margin: 0;
font-size: 12px;
/*background: #11929E;*/
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
ul.tab-strip
{
top: 35px;
left: 0;
right: 0;
width: 100%;
padding: 0;
margin: 0;
position: absolute;
background: #fff;
border-bottom: solid 3px #eee;
height: 37px;
white-space:nowrap;
}
ul.tab-strip-top
{
top: 0px;
}
ul.tab-strip-sub
{
top: 75px;
}
ul.tab-strip-bottom
{
top: auto;
bottom: 0px;
border-bottom: none;
border-top: solid 3px #eee;
}
ul.tab-strip li.cutoff-view
{
position: absolute;
top: 0;
float: left;
margin: 0;
padding: 13px 7px 10px 7px;
border-bottom: none;
background: #eee;
z-index: 2;
white-space: nowrap;
overflow: hidden;
}
ul.tab-strip li
{
list-style-type: none;
display: block;
float: left;
padding: 0;
margin: 0;
position: relative;
top: 3px;
border-bottom: solid 3px transparent;
font-size: 11px;
}
ul.tab-strip li.hover a
{
border-bottom: solid 3px #ccc;
}
ul.tab-strip-bottom li
{
top: -6px;
border-bottom: none;
border-top: solid 3px transparent;
}
ul.tab-strip-bottom li a
{
border-top: solid 3px transparent;
}
ul.tab-strip-bottom li.hover a
{
border-bottom: none;
border-top: solid 3px #ccc;
}
ul.tab-strip li.selected a
{
border-bottom: solid 3px blue;
}
ul.tab-strip-bottom li.selected a
{
border-bottom: none;
border-top: solid 3px blue;
}
ul.tab-strip li a, ul.tab-strip li span
{
color: #777;
display: block;
padding: 10px;
text-decoration: none;
outline: none;
text-align: center;
}
ul.tab-strip li a.button
{
width: auto;
font-size: 11px;
display: inline-block;
margin: 4px 2px;
padding: 4px;
}
/*ul.tab-strip li input, ul.tab-strip li select
{
margin: 2px 3px 0 3px;
}*/
div.content
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 75px;
overflow-y: auto;
overflow-x: hidden;
padding: 0;
webkit-transform: translate3d(0,0,0);
-webkit-overflow-scrolling: touch;
}
div.content-subTabs
{
top: 115px;
}
div.content-grey
{
background: #f0f0f0;
}
div.content-top
{
top: 40px;
}
div.content-actions
{
bottom: 37px;
}
ul.tab-strip li.action
{
/*float: right;*/
position: absolute;
right: 0;
overflow: hidden;
}
ul.tab-strip li.action > *
{
float: left;
}
ul.tab-strip li.action #search
{
margin: 1px 5px;
height: 16px;
}
ul.tab-strip li.action #selectedUserImage
{
margin:1px 5px 0 7px;
cursor: pointer;
}
ul.tab-strip li.action-floatleft
{
float: left;
}
ul.tab-strip li.title
{
top: 0;
float: left;
margin: 0;
padding: 13px 7px 10px 7px;
border-bottom: none;
background: #eee;
}
ul.tab-strip li.action a
{
background: blue;
color: #fff;
margin: 1px 3px 3px 3px;
font-size: 15px;
padding: 4px 1px 2px 0;
width: 24px;
text-align: center;
}
ul.tab-strip li.action-small a
{
width: 25px;
font-size: 12px;
padding: 5px 0px 5px 0;
margin: 3px 5px 3px 5px;
}
div.action-strip
{
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
border-top: solid 3px #eee;
text-align: right;
padding: 0px 2px 0px 0px;
height: 34px;
}
ul.tab-strip li.action a.falloffTabs
{
width: 20px;
height: 12px;
padding: 9px 1px 3px 0;
background: none;
border: none;
color: #777;
font-size: 10px;
}
ul.tab-strip li.action a.falloffTabs:hover
{
background: none;
border: none;
color: #777;
}
/*.buttons*/.ajaxUpload-button
{
padding: 5px;
}
a.action
{
display: inline-block;
background: blue;
color: #fff;
padding: 4px 0px 4px 0;
margin: 3px;
text-align: center;
width: 25px;
font-size: 14px;
}
a.action:hover
{
text-decoration: none;
}
.employee-workflow-container pre
{
padding: 10px;
margin: 0;
}
.info-message pre
{
margin: 0;
}
a.attachment
{
float: left;
}
.popup-pointer
{
}
.popup-body
{
position: absolute;
width: auto;
height: auto;
border: solid 10px #ccc;
background: #fff;
}
ul.employee-subtabs
{
top: 40px;
}
.smooth-scroll
{
overflow: auto;
webkit-transform: translate3d(0,0,0);
-webkit-overflow-scrolling: touch;
}
table.historydetails
{
width:100%;
}
/*#menu a#falloffAdminNav{float:right; color:#000; border:none;}
#menu a#falloffAdminNav:hover{}*/
/* ----- input-form.css ----- */
div.padding
{
padding: 10px 15px !important;
}
div.spacing
{
margin: 10px 15px;
}
div.form-container
{
padding: 20px;
}
div.forminstructions
{
padding: 0;
margin: 0 0 20px 0;
}
div.fieldcontainer
{
margin: 5px 0;
overflow: auto;
}
div.fieldcontainer label
{
display: inline-block;
width: 170px;
overflow: visible;
padding: 6px 3px 5px 3px;
float: left;
white-space: normal;
word-wrap: break-word;
}
div.fieldcontainer div
{
text-align: left;
padding: 0 0 0 0;
overflow-y: auto;
overflow-x:hidden;
max-height: 300px;
}
div.fieldcontainer div input[type="checkbox"], div.fieldcontainer div input[type="radio"]
{
display: inline-block;
margin: 6px;
padding: 0;
float: left;
clear: left;
}
div.fieldcontainer div p, div.fieldcontainer div span, div.fieldcontainer div pre
{
padding: 6px 3px 3px 3px;
font-size: 8pt;
display: inline-block;
margin: 0;
}
div.fieldcontainer div.fieldcontainerWrapper
{
margin-left: 177px;
overflow: visible;
}
div.fieldcontainer label.content
{
white-space: pre-wrap;
width: 95%;
}
div.fieldcontainer label.sidebar
{
float: left;
width: 170px;
margin-left: -177px;
}
.textboxes
{
padding: 2px;
border: solid 1px blue;
font-family: Arial;
font-size: 12px;
width: 400px;
max-height: 200px;
margin: 2px 0 0 0;
outline: none;
background: #F5F5F5;
}
div.fieldcontainer div select.textboxes, select.textboxes
{
width: 407px;
font-size: 12px;
padding: 1px;
}
div.action-strip select.textboxes, div.action-strip input.textboxes
{
width: 80px;
height: 26px;
margin-right: 2px;
}
div.fieldcontainer div span, div.fieldcontainer div pre, div.fieldcontainer div p
{
font-size: 12px;
display: inline-block !important;
}
div.fieldcontainer div pre.trainingpre
{
font-size: 12px;
display: block !important;
}
div.fieldcontainer div span.displayNoneOverride
{
display: none !important;
}
div.fieldcontainer div .datetime, div.fieldcontainer div .numeric
{
width: 205px;
float: left;
}
div.fieldcontainer div .datetime + img
{
margin: 5px 0 0 1px;
padding: 0;
display: inline-block;
float: left;
}
img.ui-datepicker-trigger
{
position: static;
}
textarea
{
height: 150px;
}
div.fieldcontainer div select.thin, select.thin
{
width: 212px;
}
div.formfields
{
margin: 0 0 20px 0;
}
div.fieldcontainer p
{
color: #000;
display: inline-block;
}
div.fieldcontainer span.readonly
{
display: inline-block;
white-space:pre;
cursor: default;
color: #000;
}
div.info-message span.trainingreadonly
{
display: block;
cursor: default;
color: #000;
}
div.fieldcontainer a.action
{
font-size: 12px;
padding: 2px;
}
a.attachment:link, a.attachment:active, a.attachment:visited
{
display: inline-block;
padding: 4px;
background-color: blue;
color: #fff;
border: none;
margin: 0;
border:2px #bfbfbf solid;
}
a.ajaxUpload-clearAttachment:link
{
margin-left: 5px;
}
a.attachment:hover
{
text-decoration: none;
background-color: #bfbfbf;
color: #fff;
}
#actions, #customactions
{
text-overflow: ellipsis;
}
#customactions
{
bottom: 5px;
right: 5px;
}
a.action:link, a.action:active, a.action:visited, a.customaction:link, a.customaction:active, a.customaction:visited
{
width: auto;
font-size: 11px;
border: solid 1px blue;
display: inline-block;
margin: 4px 2px;
text-decoration: none;
background: #fff;
color: blue;
padding: 4px;
text-overflow: ellipsis;
}
a.customaction:link, a.customaction:active, a.customaction:visited
{
color: #fff;
background: blue;
}
a.action:hover, a.customaction:hover
{
text-decoration: none;
}
#action_release:link, #action_release:active, #action_release:visited, #action_release:hover
{
}
a.ajaxUpload-button, a.ajaxUpload-button:hover
{
font-family: Arial;
width: 90px;
display: inline-block;
margin: 0;
padding: 4px;
border: none;
background: blue;
color: #fff;
cursor: pointer;
font-size: 8pt;
font-weight: bold;
position: absolute;
z-index: 1;
text-decoration: none;
text-align: center;
}
span.ajaxUpload-container
{
float: left;
}
input.ajaxUpload-file
{
width: 100px;
cursor: pointer;
position: relative;
z-index: 2;
font-size: 8pt;
}
img.upload-loader
{
display: block;
margin: 2px;
padding: 0;
float: left;
}
span.upload-message
{
display: block;
font-size: 11px;
padding: 4px;
margin: 0;
color: #000;
}
a.button
{
margin: 0;
text-overflow: ellipsis;
}
.fieldcontainer div span.error-message
{
background: pink;
display: inline-block;
padding: 5px 5px 4px 5px;
white-space: nowrap;
overflow: hidden;
font-size: 11px;
position: absolute;
margin: 2px 0 0 0;
}
.error
{
background:#ffe4ee !important;
}
.content h1.title, .admin-nav h1.title
{
font-size: 11px;
padding: 10px 0 10px 15px;
position: static;
margin-bottom: 10px;
text-transform: uppercase;
}
.content h1.sub-title
{
font-size: 11px;
padding: 5px 0 5px 15px;
position: static;
margin-bottom: 10px;
text-transform: uppercase;
}
input.defaultValue, textarea.defaultValue
{
color: #000;
}
#upload_container, .ajaxUpload-container-parent
{
padding: 3px 0 0 0 !important;
}
.ajaxUpload-container
{
padding: 0 !important;
}
.thin, div.fieldcontainer div input.thin, div.fieldcontainer div textarea.thin
{
width: 205px;
overflow-y: auto;
overflow-x:hidden;
max-height: 200px;
}
.boldLabel
{
font-weight:bold;
font-size:110%;
}
div.fieldcontainer > div > input[type="checkbox"] + span
{
margin-top: 3px;
}
div.fieldcontainer > div > .block
{
display: block !important;
}
.hiddenField
{
display: none;
}
.secureViewControl {
margin: 2px 0 0 1px;
padding: 0;
display: inline-block;
float: left;
position: absolute;
height:22px;
}
/* ----- grid-new.css ----- */
div.grid-header
{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 10px 10px 0 10px;
height: 20px;
border-bottom: solid 3px #f0f0f0;
}
table.grid {
border-collapse: collapse;
margin: 10px 10px 10px 10px;
}
tr.grid-header {
margin: 10px 10px 0 10px;
height: 20px;
border-bottom: solid 3px #f0f0f0;
}
div.grid-pager
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 10px;
height: 34px;
border-top: solid 3px #f0f0f0;
text-align: right;
}
span.paging-itemcount
{
display: inline-block;
padding: 10px 5px 9px 5px;
white-space: nowrap;
float: right;
}
a.paging-link, span.paging-link, span.paging-break, span.paging-link-unselected, span.paging-link-unselectable {
font-size: 12px;
float: right;
color: #777;
display: block;
padding: 10px 10px 6px 10px;
margin: 3px 0 0 0;
position: relative;
bottom: 3px;
}
div.grid-pager input, div.grid-pager select
{
float: right;
margin: 5px 4px 0 4px;
}
span.paging-link
{
margin-top: 0;
}
a.paging-link:hover, span.paging-link-unselected:hover {
border-top: solid 3px #ccc;
color: #777;
margin-top: 0;
text-decoration: none;
}
div.grid-header span
{
position: absolute;
padding: 5px 10px;
text-align: left;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
font-size: 90%;
}
div.grid-header span.actions
{
}
div.grid-header span > a.button
{
position: absolute;
top: 3px;
padding: 1px;
margin: 0 0 0 3px;
font-size: 8px;
}
div.grid-body
{
position: absolute;
top: 33px;
left: 0;
right: 0;
bottom: 34px;
overflow: auto;
margin: 0 10px;
webkit-transform: translate3d(0,0,0);
-webkit-overflow-scrolling: touch;
}
div.grid-body-no-paging
{
bottom: 0 !important;
}
div.grid-row span.checkbox
{
padding: 7px 15px 6px 5px;
text-overflow: clip;
}
div.grid-row
{
position: relative;
display: block;
height: 32px;
border-left: none;
border-right: none;
margin: 0 3px;
overflow: hidden;
}
/*div.grid-row-hover, #menu .grid-body div.selected
{
border-left: solid 3px blue;
border-right: solid 3px blue;
margin: 0;
}*/
.grid-body div.selected > span
{
color: #fff;
}
.grid-body div.selected > span
{
background:none !important;
}
div.grid-row pre
{
margin: 0;
padding: 0;
white-space: pre-wrap;
overflow: visible;
}
div.grid-row-no-data, div.page-no-data
{
color: #ccc;
padding: 5px 0;
margin: 4px 0;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: dashed 1px #ccc;
}
div.page-no-data
{
margin: 4px 10px;
}
div.grid-body h1.title, div.grid-body h1.sub-title
{
margin: 0;
padding: 10px 0 10px 13px;
position: static !important;
}
.commentContainer textarea.reason
{
width: 100%;
height: 100%;
display: block;
margin-bottom: 5px;
}
.moreInfo .button
{
float: right !important;
}
/*div.grid-row-alt > span
{
background: #f0f0f0;
}*/
ul.list li.odd, div.grid-row-alt > span
{
background: url("../images/Main/Navigation-Themes/transparentGrey.png");
}
div.grid-row > span
{
position: absolute;
color: #000;
padding: 9px 10px;
text-align: left;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.grid-row > span p
{
white-space: normal;
}
div.grid-row span.number
{
text-align: right;
}
div.grid-row span.actions
{
padding-top: 3px;
padding-bottom: 4px;
text-align: right;
}
div.moreInfo div.actions
{
overflow: hidden;
margin-bottom: 5px;
}
div.moreInfo textarea
{
/*padding: 10px; font-family: arial; font-weight: bold; font-size: 8pt;*/
}
div.info-block
{
background: #f0f0f0;
padding: 10px;
margin: 0 5px 5px 0;
display: block;
float: left;
clear: left;
width: 10%;
overflow: hidden;
text-overflow: ellipsis;
}
div.info-message
{
float: left;
padding: 10px;
max-width: 75%;
white-space: normal;
}
div.info-attachment
{
float: left;
padding-top: 5px;
padding-bottom: 5px;
}
div.info-attachment a.attachment
{
display: block;
margin-right: 5px;
}
.grid-row-alt div.info-block
{
background: #fff;
}
#plusDropdown
{
margin: 0;
padding: 0;
}
#plusDropdown > li > span, .popup-body .title
{
display: block;
background: blue;
color: #fff;
padding: 5px;
text-transform: capitalize;
}
#plusDropdownInverse
{
margin: 0;
padding: 0;
}
#plusDropdownInverse > li > span, .popup-body .title
{
display: block;
background: blue;
color: #fff;
padding: 5px;
text-transform: capitalize;
}
.popup-section
{
margin-top: 10px;
float: left;
clear: left;
width: 299px;
}
.popup-section-subjects
{
width: 360px;
}
/*#plusDropdown .popup-section:first-child
{
margin-top:0;
}*/
#plusDropdown div.action-strip
{
border-top: solid 3px #eee;
text-align: right;
position: relative;
}
#plusDropdown div.action-strip .button
{
margin: 4px 2px;
}
#plusDropdown li
{
display: block;
margin: 0;
padding: 0;
float: none;
white-space: nowrap;
}
#plusDropdown li > a
{
text-align: left;
text-transform: capitalize;
padding: 5px 10px;
color: #000;
display: block;
text-decoration: none;
}
#plusDropdownInverse div.action-strip
{
border-top: solid 3px #eee;
text-align: right;
position: relative;
}
#plusDropdownInverse div.action-strip .button
{
margin: 4px 2px;
}
#plusDropdownInverse li
{
display: block;
margin: 0;
padding: 0;
float: none;
white-space: nowrap;
}
#plusDropdownInverse li > a
{
text-align: left;
text-transform: capitalize;
padding: 5px 10px;
color: #000;
display: block;
text-decoration: none;
}
#close
{
position: relative;
margin: 3px 5px;
}
#plus
{
/*position: relative;*/
margin: 3px;
background: #fff;
overflow: hidden;
}
#plus a{
height:17px;
}
.tab-strip input, .tab-strip select
{
margin: 5px;
}
#plusDropdown li a:hover
{
background: #ddd;
}
#plusDropdown pre
{
max-width: 200px;
white-space: pre-wrap;
padding: 0px;
margin: 5px;
}
a.grid-row-alt
{
background: #eee;
}
.dropDownGroup
{
padding: 0;
}
.dropDownGroup li
{
list-style: none;
}
.popup-body
{
position: absolute;
padding: 0;
overflow-y: auto;
overflow-x: hidden;
background: #fff;
color: #000;
border: 5px solid blue;
z-index: 910; /*max-height: 500px;*/
}
.popup-pointer
{
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid blue;
position: absolute;
z-index: 910;
}
.commentDiv
{
position: relative;
height: 50px;
margin-bottom: 10px;
}
.commentContainer
{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: 0 10px 5px 0;
}
a.button, a.attachment, a.primary
{
text-align: center;
margin: 0 0px 0 2px;
display: inline-block;
}
a.button, a.attachment
{
background: #fff;
border: solid 2px #11929E;
color: #11929E;
}
a.primary
{
background-color: #11929E;
color: #fff;
border: solid 2px #11929E;
}
a.button:hover, a.attachment:hover
{
text-decoration: none;
background-color: #3B362D;
color: #fff;
border: solid 2px #3B362D;
}
.moreInfoSpan
{
margin-top: 10px;
display: inline-block;
}
.actions a.button
{
float: none;
margin-right: 2px;
}
div.grid-row .transparent
{
background: none;
padding: 0;
margin: 0;
padding-left: 10px;
}
div.grid-row .green
{
border-left: 5px solid green;
background: none;
padding: 0;
margin: 0;
padding-left: 5px;
}
div.grid-row .red
{
border-left: 5px solid red;
background: none;
padding: 0;
margin: 0;
padding-left: 5px;
}
div.grid-row .orange
{
border-left: 5px solid orange;
background: none;
padding: 0;
margin: 0;
padding-left: 5px;
}
div.grid-row .transparent
{
border-left: 5px solid transparent;
background: none;
padding: 0;
margin: 0;
padding-left: 5px;
}
div.moreInfo-pointer
{
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid #ddd;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: relative;
left: 50%;
margin-left: -5px;
margin-top: -10px;
}
div.moreInfo
{
background: #fff;
}
span.moreInfo-content
{
background: #ddd;
position: relative;
}
div.paging
{
color: #3B362D;
}
div.paging a
{
color: #11929E;
}
div.paging a:hover
{
color: #3B362D;
}
a.button
{
font-size: 12px;
padding: 3px;
}
div.moreInfoHeader
{
text-transform: uppercase;
font-size: 90%;
height: 20px;
}
div.moreInfoHeader > span
{
padding-bottom: 0;
}
.calendar-today
{
border: solid 1px #000;
}
.calendar-day
{
position: absolute;
top: 0;
left: 0;
padding: 3px;
}
.calendar-event
{
display: block; /*border: solid 1px #555;*/
background: #ddd;
margin: 20px 1px 0 1px;
min-height: 10px;
float: left;
color: #000 !important;
text-align: center;
padding: 10px 0;
}
.calendar-event:hover
{
background: #aaa;
}
.popup-body .body
{
padding: 5px;
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.employeeFieldValue label
{
display: block;
}
.employeeFieldValue label.multi
{
min-height: 14px;
margin-top: 10px;
}
.employeeFieldValue
{
min-height: 14px;
}
#legends ul li
{
list-style-type: none;
float: left;
margin-right: 10px;
padding-left: 5px;
}
#legends ul
{
overflow: hidden;
padding: 0;
margin: 9px 0 0 0;
}
.legends-1
{
border-left: solid blue 15px;
}
.event-type-1
{
background: blue;
}
.legends-2
{
border-left: solid red 15px;
}
.event-type-2
{
background: red;
}
.legends-3
{
border-left: solid green 15px;
}
.event-type-3
{
background: green;
}
.legends-4
{
border-left: solid orange 15px;
}
.event-type-4
{
background: orange;
}
.red-bg
{
background: red;
}
.green-bg
{
background: green;
}
.orange-bg
{
background: orange;
}
.legends-red
{
border-left: solid red 15px;
}
.legends-orange
{
border-left: solid orange 15px;
}
.legends-green
{
border-left: solid green 15px;
}
.legends-event-type-1
{
border-left: solid black 15px;
}
/*.legends-5{border-left: solid purple 15px; }
.event-type-5{background:purple;}
.legends-6{border-left: solid yellow 15px; }
.event-type-5{background:yellow;}
.legends-7{border-left: solid teal 15px; }
.event-type-5{background:teal;}
.legends-8{border-left: solid Aqua 15px; }
.event-type-5{background:Aqua;}*/
div.fieldcontainer label.popupLabel
{
width: 90px;
}
div.fieldcontainerPopup
{
margin: 5px;
}
.batchActions .button
{
margin-top: 3px;
}
div.grid-row span.batchActions
{
padding-top: 0;
}
.gridInput
{
width: 100% !important;
margin: 4px 0px;
}
div.grid-row > span.gridInputSpan
{
padding: 0px;
}
.gridSelectDiv
{
margin: 0px 6px 0px 5px;
height: 32px;
}
.gridInputDiv
{
margin: 0px 13px 0px 5px;
height: 32px;
}
.gridTextArea
{
height: 180px;
resize: none;
}
.shadow
{
-moz-box-shadow: 0px 0px 2px 1px #888;
-webkit-box-shadow: 0px 0px 2px 1px #888;
box-shadow: 0px 0px 2px 1px #888;
}
#a-myDetails
{
background-position: 0 -150px !important;
}
#a-logOUt
{
background-position: 0 -100px !important;
}
#a-cancel
{
background-position: 0 -175px !important;
}
/*.popup-pointer { text-shadow: 1px 1px 1px #000; }*/
.grid-collapsible .icon-vertical
{
height: 7px;
width: 15px;
background-repeat: no-repeat;
border: none;
display: block;
margin: 4px 7px 0 0;
background-image: url(../images/new/icon-leftrightupdown.png);
float: right;
padding: 0px; /*position: absolute; right: 3px; top: 5px;*/
}
.grid-body a.button
{
position: relative;
/*float: left;*/
min-width: 15px;
text-align:center;
}
.grid-body a.buttonfloat
{
float:left;
}
.grid-body a span.icon-vertical
{
height: 7px;
width: 15px;
background-repeat: no-repeat;
border: none;
display: inline-block;
background-image: url(../images/new/icon-leftrightupdown.png);
position: absolute;
right: 3px;
top: 7px;
}
#menu .grid-collapsible .icon-vertical
{
margin: 9px 3px 0 0;
}
.icon-up
{
background-position: 0 0;
}
.icon-down
{
background-position: 0 -9px;
}
.grid div.grid-body h1.title.grid-collapsible
{
position: relative !important;
cursor: pointer;
}
h1.nopadding span.icon-vertical
{
display: block;
padding: 0px;
}
h1.nopadding.grid-collapsible span.icon-vertical, h1.sub-title span.icon-vertical
{
margin: 9px 3px 0 0;
}
span.tree-expander
{
top: 9px;
position: relative;
display: inline-block;
width: 20px;
height: 14px;
background-repeat:no-repeat;
margin-right:5px;
text-align:center;
}
span.tree-collapsed
{
cursor: pointer;
background-image: url(../images/new/icon-leftrightupdowndiagonal-dark.png);
background-position: right -16px;
}
span.tree-expanded
{
cursor: pointer;
background-image: url(../images/new/icon-leftrightupdowndiagonal-dark.png);
background-position: right -43px;
height: 12px;
}
span.tree-empty
{
/*background-image: url(../images/new/icon-empty.png);*/
background-position: right 0;
height: 12px;
}
span.expander-container
{
position:absolute;
top:0; left:0;
display:inline-block;
height:100%;
padding:0;
background: #fafafa;
}
.selected span.expander-container
{
border-right : none !important;
background:none !important;
}
.grid-row-alt span.expander-container
{
border-right:2px solid #fff;
background:#eee;
}
.grid-body div.selected span.tree-expanded, .grid-body div.selected span.tree-collapsed
{
background-image: url(../images/new/icon-leftrightupdowndiagonal.png);
}
.grid-body div.selected span.tree-empty
{
background-position: right -14px;
}
span.expander-container + span
{
display: inline-block;
margin-left: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
div.fixedHeight > .grid-header
{
position: relative;
top: auto;
left: auto;
right: auto;
}
div.fixedHeight > .grid-body
{
position: relative;
top: 0;
left: auto;
right: auto;
}
.terminated
{
background: #ccc;
}
.terminated *
{
color: #fff !important;
}
.terminated > span:first-child:after
{
content: " - Terminated";
}
.future-terminated
{
background: #ccc;
}
.future-terminated *
{
color: #fff !important;
}
.future-terminated > span:first-child:after
{
content: " - Future termination";
}
.grey-day
{
background: url("../images/Main/Navigation-Themes/transparentGrey.png") !important;
}
.weekview .calendar-event
{
margin-top: 2%;
padding: 0;
width: 100%;
line-height: 200%;
position: relative;
}
.weekview div.grid-row > span
{
overflow-y: auto;
}
.calendar-event-valign
{
/*top: 40%; position: absolute;*/
}
.calendarAction
{
float: right;
padding-bottom: 2px !important;
padding-top: 3px !important;
margin-top: 5px !important;
}
div.no-padding-grid-header span
{
padding-left: 0;
padding-top: 0;
}
span.single-event
{
display: block;
color: #000;
text-overflow: ellipsis;
overflow: hidden;
color: #000;
}
span.single-event-coloured
{
background: #eee;
border-top: #fff 2px solid;
}
.grey-day span.single-event-coloured
{
background: #fff;
border-top: #eee 2px solid;
}
a.week-event-group:hover, .calendar-event:hover
{
text-decoration: none;
}
a.week-event-group
{
padding-bottom: 5px !important;
}
.event-padding
{
padding: 0 5px;
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
/*badges cubelet styles*/
.messageContainer p{margin:0; padding:0; }
.messageContainer {height: 78px; overflow: auto;}
.messageContainer p span{background:#004264; padding:5px; color:#fff; display: inline-block;}
a.link-to-badges{color:#009ec7;}
a.link-to-badges:hover{color:#004264; text-decoration:none;}
/**mobile grid styles **/
.mobile-grid div.grid-body
{
margin: 0px;
}
.mobile-grid div.grid-header
{
margin-left:0px;
margin-right:0px;
}
.gridTopSkills
{
position: relative;
display: block;
height: 106px;
border-left: none;
border-right: none;
margin: -20px 0px 0px 5px;
overflow: hidden;
}
.gridTopSkills .grid-header
{
display : none;
height : 0px;
}
.gridTopSkills .grid-row
{
position: relative;
display: block;
height: 190px;
border-left: none;
border-right: none;
margin: 0 0px;
overflow: hidden;
}
.gridEmployment
{
position: relative;
display: block;
border-left: none;
border-right: none;
margin: -20px 0px 0px 5px;
overflow: hidden;
}
.gridEmployment .grid-header
{
display : none;
height : 0px;
}
.gridEmployment .grid-row
{
position: relative;
display: block;
height: 210px;
border-left: none;
border-right: none;
margin: 0 0px;
overflow: hidden;
}
.gridProjectExp
{
position: relative;
display: block;
border-left: none;
border-right: none;
margin: -20px 0px 0px 5px;
overflow: hidden;
}
.gridProjectExp .grid-header
{
display : none;
height : 0px;
}
.gridProjectExp .grid-row
{
position: relative;
display: block;
height: 210px;
border-left: none;
border-right: none;
margin: 0 0px;
overflow: hidden;
}
/* styling for library add popup */
#list_items
{
display: inline-block;
width: 300px;
margin: 0px 0px 0px -15px;
height: 280px;
}
#list_items #grid-Item_List
{
position: relative;
top: -20px;
}
#list_items .grid-header
{
position: relative;
}
#list_items #grid-Item_List-body
{
display: block;
left: 0px;
width: 250px;
overflow-x: hidden;
position: static;
overflow-y: scroll;
height: 255px;
top: 0px;
}
#add_items
{
display: inline-block;
position: absolute;
margin: 5px 0px 0px 10px;
padding: 5px;
width:300px;
}
#add_items label
{
padding: 5px;
}
#add_items .textboxes .thin
{
width:230px;
}
#add_items #field_Add_Item
{
width:230px;
}
/* ----- weightingsPopup.css ----- */
#weightingscontainer
{
}
#weightingscontainer #main
{
padding: 10px;
position: absolute;
top: 40px;
bottom: 35px;
left: 0px;
right: 0px;
}
#weightingscontainer #main span.name
{
display: block;
font-weight: bold;
font-size: 11px;
text-transform: none;
padding: 8px;
}
#weightingscontainer #main span.weight
{
float: right;
border:none;
margin: 0;
padding: 4px;
display: inline-block;
background: none;
color: #fff;
font-size: 10px;
width: 50px;
text-align: right;
}
#weightingscontainer #main input.weight
{
float: right;
border-left: solid 1px black;
padding: 1px;
display: none;
font-size: 10px;
width: 54px;
text-align: right;
}
#weightingscontainer #main div.kra span.weight
{
color: #000000;
}
#weightingscontainer #main div.slider
{
width: 500px;
float: right;
margin: 7px 10px 0px 5px;
}
#weightingscontainer #main div.SilverPanel
{
margin: 0px 5px 5px 5px;
height: 513px;
width: 886px;
overflow: auto;
position: absolute;
border-top: none;
overflow-y:scroll;
}
#weightingscontainer #main #main
{
padding: 10px;
position: absolute;
top: 40px;
bottom: 35px;
left: 0px;
right: 0px;
}
#weightingscontainer #main .sliderHover
{
background: #ededed;
}
#weightingscontainer #main div.buttons
{
position: absolute;
bottom: 0;
right: 0;
padding: 5px;
}
#weightingscontainer #main div.toolstrip
{
background: #fff;
background-image: url(../../images/workflow/subtab_bg.jpg);
background-position: bottom left;
background-repeat: repeat-x;
border: solid 1px #628478;
display: block;
margin: 5px 5px 0px 5px;
}
#weightingscontainer #main div.toolstrip a
{
display: inline-block;
padding: 1px 3px 1px 3px;
margin: 3px 0 3px 3px;
background-color: #656565;
color: #fff;
border: solid 1px #656565;
}
#weightingscontainer #main div.toolstrip a:hover
{
text-decoration: none;
background-color: #bfbfbf;
color: #fff;
border: solid 1px #656565;
}
#weightingscontainer #main div.toolstrip span
{
float: right;
display: inline-block;
padding: 2px 4px 1px 4px;
margin: 3px 0 3px 3px;
color: green;
}
#weightingscontainer #main h1.title
{
position: relative !important;
margin:0px;
}
#weightingscontainer #main h1.sub-title
{
padding-right: 0px;
padding-bottom: 0px;
position: relative !important;
margin:0px;
margin-bottom: 1px;
}
#weightingscontainer #main .lock-sliders
{
text-align: right;
padding-bottom: 10px;
padding-right: 5px;
}
#weightingscontainer #main .lock-sliders div
{
height: 25px;
line-height: 25px;
display: inline-block;
text-transform: uppercase;
}
#weightingscontainer #main .lock-sliders div input
{
margin-top: 0px;
vertical-align: middle;
}
#weightingscontainer #main div.kpi
{
border: none;
border-top: 2px solid #dddddd;
}