/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;} /* CSS to go with Prototip.Styles */ .prototip { font: 11px Arial, Helvetica, sans-serif; color: #000; } /* the default style */ .prototip .default { width: 250px; color: #808080; } .prototip .default .toolbar { background: #f1f1f1; font-weight: bold; } .prototip .default .title { padding: 5px; } .prototip .default .content { padding: 5px; background: #fff; } /* basic */ .prototip .basic { width: 250px; color: #808080; } .prototip .basic .toolbar { background: #f1f1f1; font-weight: bold; } .prototip .basic .title { padding: 5px; } .prototip .basic .content { padding: 5px; background: #fff; } /* basic */ .prototip .hint { width: 250px; color: #313120; background: #fff6aa; } .prototip .hint .toolbar { background: #fdf1a0; font-weight: bold; } .prototip .hint .title, .prototip .hint .content { padding: 5px; } /* protoblue */ .prototip .protoblue { width: 250px; color: #fff; } .prototip .protoblue .toolbar { background: #0d7cd0; font-weight: bold; } .prototip .protoblue .title { padding: 5px; } .prototip .protoblue .content { background: #1e90ff; padding: 5px; } /* creamy */ .prototip .creamy { width: 250px; color: #bb9c61; } .prototip .creamy .toolbar { background: #f3edc2; font-weight: bold; } .prototip .creamy .title { padding: 5px; } .prototip .creamy .content { background: #f8f4ca; padding: 5px; } /* darkgrey */ .prototip .darkgrey { width: 250px; color: #fff; } .prototip .darkgrey .toolbar { background: #5f5f5f; font-weight: bold; } .prototip .darkgrey .title { padding: 5px; } .prototip .darkgrey .content { } /* protogrey */ .prototip .protogrey { width: 250px; color: #fff; background: #fff; } .prototip .protogrey .toolbar { background: #969c92; font-weight: bold; } .prototip .protogrey .title { padding: 5px; } .prototip .protogrey .content { color: #808080; padding: 5px; } /* This is how to resize the close button for a style */ .prototip .protogrey .toolbar .close { width: 14px; height: 14px; } /* loader gif */ .prototipLoader { position: absolute; top: -1000px; left: -1000px; height: 14px; width: 14px; border: 1px solid #dddddd; overflow: hidden; } /* Required for all tooltips, do not modify */ .prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */ /* CSS */ .DynarchCalendar { border: 1px solid #aaa; -moz-user-select: none; -webkit-user-select: none; user-select: none; background: #e8e8e8; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; position: relative; cursor: default; } .DynarchCalendar table { border-collapse: collapse; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; } .DynarchCalendar-topBar { border-bottom: 1px solid #aaa; background: #ddd; padding: 5px 0 0 0; } table.DynarchCalendar-titleCont { font-size: 130%; font-weight: bold; color: #444; text-align: center; z-index: 9; position: relative; margin-top: -6px; } .DynarchCalendar-title div { padding: 5px 17px; text-shadow: 1px 1px 1px #777; } .DynarchCalendar-hover-title div { background-color: #fff; border: 1px solid #000; padding: 4px 16px; background-image: url("img/drop-down.gif"); background-repeat: no-repeat; background-position: 100% 50%; } .DynarchCalendar-pressed-title div { border: 1px solid #000; padding: 4px 16px; background-color: #777; color: #fff; background-image: url("img/drop-up.gif"); background-repeat: no-repeat; background-position: 100% 50%; } .DynarchCalendar-bottomBar { border-top: 1px solid #aaa; background: #ddd; padding: 2px; position: relative; text-align: center; } .DynarchCalendar-bottomBar-today { padding: 2px 15px; } .DynarchCalendar-hover-bottomBar-today { border: 1px solid #000; background-color: #fff; padding: 1px 14px; } .DynarchCalendar-pressed-bottomBar-today { border: 1px solid #000; background-color: #777; color: #fff; padding: 1px 14px; } .DynarchCalendar-body { position: relative; overflow: hidden; padding-top: 5px; padding-bottom: 5px; } .DynarchCalendar-first-col { padding-left: 5px; } .DynarchCalendar-last-col { padding-right: 5px; } .DynarchCalendar-animBody-backYear { position: absolute; top: -100%; left: 0; } .DynarchCalendar-animBody-back { position: absolute; top: 5px; left: -100%; } .DynarchCalendar-animBody-fwd { position: absolute; top: 5px; left: 100%; } .DynarchCalendar-animBody-now { position: absolute; top: 5px; left: 0; } .DynarchCalendar-animBody-fwdYear { position: absolute; top: 100%; left: 0; } .DynarchCalendar-dayNames { padding-left: 5px; padding-right: 5px; } .DynarchCalendar-dayNames div { font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; } .DynarchCalendar-navBtn { position: absolute; top: 5px; z-index: 10; } .DynarchCalendar-navBtn div { background-repeat: no-repeat; background-position: 50% 50%; height: 15px; width: 16px; padding: 1px; } .DynarchCalendar-hover-navBtn div { border: 1px solid #000; padding: 0; background-color: #fff; } .DynarchCalendar-navDisabled { opacity: 0.3; filter: alpha(opacity=30); } .DynarchCalendar-pressed-navBtn div { border: 1px solid #000; padding: 0; background-color: #777; color: #fff; } .DynarchCalendar-prevMonth { left: 25px; } .DynarchCalendar-nextMonth { left: 100%; margin-left: -43px; } .DynarchCalendar-prevYear { left: 5px; } .DynarchCalendar-nextYear { left: 100%; margin-left: -23px; } .DynarchCalendar-prevMonth div { background-image: url("img/nav-left.gif"); } .DynarchCalendar-nextMonth div { background-image: url("img/nav-right.gif"); } .DynarchCalendar-prevYear div { background-image: url("img/nav-left-x2.gif"); } .DynarchCalendar-nextYear div { background-image: url("img/nav-right-x2.gif"); } .DynarchCalendar-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ddd; overflow: hidden; opacity: 0.85; filter: alpha(opacity=85); } .DynarchCalendar-menu table td div { text-align: center; font-weight: bold; padding: 3px 5px; } .DynarchCalendar-menu table td div.DynarchCalendar-menu-month { width: 4em; text-align: center; } .DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn { border: 1px solid #000; padding: 2px 4px; background-color: #fff; color: #000; } .DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn { border: 1px solid #000; padding: 2px 4px; background-color: #777; color: #fff !important; } .DynarchCalendar-menu-year { text-align: center; font: 16px "lucida grande",tahoma,verdana,sans-serif; font-weight: bold; } .DynarchCalendar-menu-sep { height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; border-top: 1px solid #888; background: #fff; margin-top: 4px; margin-bottom: 3px; } .DynarchCalendar-time td { font-weight: bold; font-size: 120%; } .DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; } .DynarchCalendar-time-down { background: url("img/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; } .DynarchCalendar-time-up { background: url("img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; } .DynarchCalendar-time-sep { padding: 0 2px; } .DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; } .DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; } .DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; } /* body */ .DynarchCalendar-hover-week { background-color: #ddd; } .DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber { width: 1.7em; padding: 3px 4px; text-align: center; } .DynarchCalendar-weekNumber { border-right: 1px solid #aaa; margin-right: 4px; width: 2em !important; padding-right: 8px !important; } .DynarchCalendar-day { text-align: right; color: #222; } .DynarchCalendar-day-othermonth { color: #888; } .DynarchCalendar-weekend { color: #c22; } .DynarchCalendar-day-today { color: #00f; font-weight: bold; } .DynarchCalendar-day-disabled { opacity: 0.5; text-shadow: 2px 1px 1px #fff; } .DynarchCalendar-hover-date { padding: 2px 3px; background-color: #eef; border: 1px solid #88c; margin: 0 !important; color: #000; } .DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; } .DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #c22; } .DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; } .DynarchCalendar-day-selected { padding: 2px 3px; margin: 1px; background-color: #aaa; color: #000 !important; } .DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; } /* focus */ .DynarchCalendar-focusLink { position: absolute; opacity: 0; filter: alpha(opacity=0); } .DynarchCalendar-focused { border-color: #000; } .DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar { background-color: #ccc; border-color: #336; } .DynarchCalendar-focused .DynarchCalendar-hover-week { background-color: #ccc; } .DynarchCalendar-tooltip { position: absolute; top: 100%; width: 100%; } .DynarchCalendar-tooltipCont { margin: 0 5px 0 5px; border: 1px solid #aaa; border-top: 0; padding: 3px 6px; background: #ddd; } .DynarchCalendar-focused .DynarchCalendar-tooltipCont { background: #ccc; border-color: #000; } @media print { .DynarchCalendar-day-selected { padding: 2px 3px; border: 1px solid #000; margin: 0 !important; } } /** * SyntaxHighlighter * http://alexgorbatchev.com/SyntaxHighlighter * * SyntaxHighlighter is donationware. If you are using it, please donate. * http://alexgorbatchev.com/SyntaxHighlighter/donate.html * * @version * 3.0.83 (July 02 2010) * * @copyright * Copyright (C) 2004-2010 Alex Gorbatchev. * * @license * Dual licensed under the MIT and GPL licenses. */ .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; min-height: auto !important; } .syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important; } .syntaxhighlighter.source { overflow: hidden !important; } .syntaxhighlighter .bold { font-weight: bold !important; } .syntaxhighlighter .italic { font-style: italic !important; } .syntaxhighlighter .line { white-space: pre !important; } .syntaxhighlighter table { width: 100% !important; } .syntaxhighlighter table caption { text-align: left !important; padding: .5em 0 0.5em 1em !important; } .syntaxhighlighter table td.code { width: 100% !important; } .syntaxhighlighter table td.code .container { position: relative !important; } .syntaxhighlighter table td.code .container textarea { box-sizing: border-box !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; background: white !important; padding-left: 1em !important; overflow: hidden !important; white-space: pre !important; } .syntaxhighlighter table td.gutter .line { text-align: right !important; padding: 0 0.5em 0 1em !important; } .syntaxhighlighter table td.code .line { padding: 0 1em !important; } .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 0em !important; } .syntaxhighlighter.show { display: block !important; } .syntaxhighlighter.collapsed table { display: none !important; } .syntaxhighlighter.collapsed .toolbar { padding: 0.1em 0.8em 0em 0.8em !important; font-size: 1em !important; position: static !important; width: auto !important; height: auto !important; } .syntaxhighlighter.collapsed .toolbar span { display: inline !important; margin-right: 1em !important; } .syntaxhighlighter.collapsed .toolbar span a { padding: 0 !important; display: none !important; } .syntaxhighlighter.collapsed .toolbar span a.expandSource { display: inline !important; } .syntaxhighlighter .toolbar { position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; height: 11px !important; font-size: 10px !important; z-index: 10 !important; } .syntaxhighlighter .toolbar span.title { display: inline !important; } .syntaxhighlighter .toolbar a { display: block !important; text-align: center !important; text-decoration: none !important; padding-top: 1px !important; } .syntaxhighlighter .toolbar a.expandSource { display: none !important; } .syntaxhighlighter.ie { font-size: .9em !important; padding: 1px 0 1px 0 !important; } .syntaxhighlighter.ie .toolbar { line-height: 8px !important; } .syntaxhighlighter.ie .toolbar a { padding-top: 0px !important; } .syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content { background: none !important; } .syntaxhighlighter.printing .line .number { color: #bbbbbb !important; } .syntaxhighlighter.printing .line .content { color: black !important; } .syntaxhighlighter.printing .toolbar { display: none !important; } .syntaxhighlighter.printing a { text-decoration: none !important; } .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { color: black !important; } .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { color: #008200 !important; } .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { color: blue !important; } .syntaxhighlighter.printing .keyword { color: #006699 !important; font-weight: bold !important; } .syntaxhighlighter.printing .preprocessor { color: gray !important; } .syntaxhighlighter.printing .variable { color: #aa7700 !important; } .syntaxhighlighter.printing .value { color: #009900 !important; } .syntaxhighlighter.printing .functions { color: #ff1493 !important; } .syntaxhighlighter.printing .constants { color: #0066cc !important; } .syntaxhighlighter.printing .script { font-weight: bold !important; } .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { color: gray !important; } .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { color: #ff1493 !important; } .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { color: red !important; } .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { color: black !important; } /** * SyntaxHighlighter * http://alexgorbatchev.com/SyntaxHighlighter * * SyntaxHighlighter is donationware. If you are using it, please donate. * http://alexgorbatchev.com/SyntaxHighlighter/donate.html * * @version * 3.0.83 (July 02 2010) * * @copyright * Copyright (C) 2004-2010 Alex Gorbatchev. * * @license * Dual licensed under the MIT and GPL licenses. */ .syntaxhighlighter { background-color: #1b2426 !important; } .syntaxhighlighter .line.alt1 { background-color: #1b2426 !important; } .syntaxhighlighter .line.alt2 { background-color: #1b2426 !important; } .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #323e41 !important; } .syntaxhighlighter .line.highlighted.number { color: #b9bdb6 !important; } .syntaxhighlighter table caption { color: #b9bdb6 !important; } .syntaxhighlighter .gutter { color: #afafaf !important; } .syntaxhighlighter .gutter .line { border-right: 3px solid #435a5f !important; } .syntaxhighlighter .gutter .line.highlighted { background-color: #435a5f !important; color: #1b2426 !important; } .syntaxhighlighter.printing .line .content { border: none !important; } .syntaxhighlighter.collapsed { overflow: visible !important; } .syntaxhighlighter.collapsed .toolbar { color: #5ba1cf !important; background: black !important; border: 1px solid #435a5f !important; } .syntaxhighlighter.collapsed .toolbar a { color: #5ba1cf !important; } .syntaxhighlighter.collapsed .toolbar a:hover { color: #5ce638 !important; } .syntaxhighlighter .toolbar { color: white !important; background: #435a5f !important; border: none !important; } .syntaxhighlighter .toolbar a { color: white !important; } .syntaxhighlighter .toolbar a:hover { color: #e0e8ff !important; } .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #b9bdb6 !important; } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #878a85 !important; } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: #5ce638 !important; } .syntaxhighlighter .keyword { color: #5ba1cf !important; } .syntaxhighlighter .preprocessor { color: #435a5f !important; } .syntaxhighlighter .variable { color: #ffaa3e !important; } .syntaxhighlighter .value { color: #009900 !important; } .syntaxhighlighter .functions { color: #ffaa3e !important; } .syntaxhighlighter .constants { color: #e0e8ff !important; } .syntaxhighlighter .script { font-weight: bold !important; color: #5ba1cf !important; background-color: none !important; } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: #e0e8ff !important; } .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: white !important; } .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: #ffaa3e !important; } /* ----------------------------------------------------------------------------- YUI STRUCTURE ADJUSTMENTS -----------------------------------------------------------------------------*/ body{ margin: 0px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; color: #272727; /*font-family: Verdana, Helvetica, Arial, sans-serif;*/ } body, select, input, button, textarea, button{ font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /*-webkit-font-smoothing: antialiased;*/ } th,td{ border: 0px; padding: 0px; } table{ border-collapse: separate; } .clear:after { content: ""; display: table; clear: both; } /* ----------------------------------------------------------------------------- CUSTOMIZE YUI GRID -----------------------------------------------------------------------------*/ body { text-align: left; } #doc3{ margin-left: 0px; padding-right: 0px; margin-right: 0px; } /* 240 left column */ .yui-helpspot { margin: auto; text-align: left; width: 57.69em; *width: 56.25em; } .yui-helpspot #yui-main { float: right; /* IE: preserve layout at narrow widths */ margin-left: -25em; } .yui-helpspot .yui-b { float: left; width: 18.4615em; *width: 18.00em; } .yui-helpspot #yui-main .yui-b { margin-left: 19.4615em; *margin-left: 19.125em; } .yui-g-row{ font-size: 93%; padding: 5px 0px; } .yui-g-row-odd{ background-color: #F8F8F8; } /* ----------------------------------------------------------------------------- WORK AROUND HIGHCHARTS/YUI BUG -----------------------------------------------------------------------------*/ .highcharts-tooltip text{ line-height: 120%; } /* ----------------------------------------------------------------------------- PAGE LAYOUT -----------------------------------------------------------------------------*/ html{ background-color: #fff; background-image: url(../../css/shared/bg-nav.png); background-repeat: repeat-y; } #hd{ height: 79px; } #bd{ padding-top: 13px; padding-right: 20px; } #org-name-wrap{ float: left; width: 239px; height: 79px; } #org-name-wrap table{ width: 239px; height: 79px; } #org-name-text{ padding-left: 30px; font-size: 123.1%; color: #fff; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; } #page-body{ padding-left: 4px; min-height: 400px; } #page-body-buttons{ margin-bottom: 15px; } a, input{ outline: none; } /* ----------------------------------------------------------------------------- BLANK BACKGROUND -----------------------------------------------------------------------------*/ html.blank body, html.blank{ background-image: none !important; } /* ----------------------------------------------------------------------------- LOGIN -----------------------------------------------------------------------------*/ html.loginscreen body{ background-image: none !important; padding-bottom: 100px; } html.loginscreen{ background: transparent url(../../css/shared/login/radial-gradient-compressed.png) no-repeat top center; } html.loginscreen #auth-box{ position: relative; margin: 120px auto 0 auto; width: 620px; min-height: 300px; background-color: #eceff2; padding-bottom: 90px; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; } html.loginscreen #auth-box .title{ height: 70px; /*background: #dfe4e9 -webkit-gradient(linear, 0% 15%, 0% 65%, from(#F5F7F8), to(#DBE1E7));*/ background: #dfe4e9; /* old browsers */ background: -moz-linear-gradient(top, #F5F7F8 0%, #DBE1E7 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F7F8), color-stop(100%,#DBE1E7)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F7F8', endColorstr='#DBE1E7',GradientType=0 ); /* ie */ border-bottom: 1px solid #fff; line-height: 70px; text-align: center; font-size: 30px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1e4a8b; text-shadow:1px 1px 2px #FFFFFF; } html.loginscreen #auth-box .title-line{ height: 1px; background-color: #dfe4e9; } html.loginscreen #auth-box .auth-body{ padding: 20px 40px 30px 40px; } html.loginscreen #auth-box .auth-body .input-wrap{ position: relative; margin-top: 20px; } html.loginscreen #auth-box .auth-body input[type=text],html.loginscreen #auth-box .auth-body input[type=password]{ border: 1px solid #d4d7d9; padding: 15px 50px; width: 440px; background: #fff; /* old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* ie */ font-size: 18px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #dadada; } html.loginscreen #auth-box .auth-body input.active{ color: #a2a2a2; } html.loginscreen #auth-box .auth-body .auth-button{ float: right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 15px; color: #4c8112; border: 1px solid #5c991d; padding: 6px 30px; text-align: center; cursor: pointer; background: #7db935; /* old browsers */ background: -moz-linear-gradient(top, #99c956 0%, #7db935 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99c956), color-stop(100%,#7db935)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c956', endColorstr='#7db935',GradientType=0 ); /* ie */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } html.loginscreen #auth-box .auth-body .auth-button-password{ float: left; } html.loginscreen #auth-box .auth-body .input-wrap .username-icon{ position: absolute; width: 23px; height: 20px; top: 15px; left: 15px; background-image: url(../../css/shared/general/icons.png); background-position: -393px -1450px; background-repeat: no-repeat; } html.loginscreen #auth-box .auth-body .input-wrap .password-icon{ position: absolute; width: 23px; height: 22px; top: 16px; left: 15px; background-image: url(../../css/shared/general/icons.png); background-position: -393px -1500px; background-repeat: no-repeat; } html.loginscreen #auth-box .auth-body .input-wrap .auth-error{ border-color: #bf331a; } html.loginscreen #auth-box .auth-body .input-wrap .error-icon{ position: absolute; width: 23px; height: 23px; top: 15px; right: 15px; background-image: url(../../css/shared/general/icons.png); background-position: -393px -1650px; background-repeat: no-repeat; } html.loginscreen #auth-box .auth-body .sublink{ position: absolute; display: block; height: 19px; line-height: 19px; padding-left: 30px; text-decoration: none; color: #a2a2a2; font-size: 93%; } html.loginscreen #auth-box .auth-body .iphone{ bottom: 40px; left: 40px; height: 22px; line-height: 25px; background-image: url(../../css/shared/general/icons.png); background-position: -392px -1551px; background-repeat: no-repeat; } html.loginscreen #auth-box .auth-body .helpdesk{ bottom: 40px; left: 40px; height: 22px; line-height: 21px; background-image: url(../../img/getsupport.png); background-position: left middle; background-repeat: no-repeat; } html.loginscreen #auth-box .auth-body .mobile{ bottom: 40px; left: 120px; height: 22px; line-height: 25px; background-image: url(../../css/shared/general/icons.png); background-position: -400px -1551px; background-repeat: no-repeat; } html.loginscreen #auth-box .auth-body .logo{ position: absolute; height: 32px; width: 89px; padding: 0px; bottom: 35px; right: 40px; } html.loginscreen .auth-blogpost{ display: block; position: relative; margin: 20px auto 0 auto; width: 630px; height: 37px; text-align: center; font-size: 20px; text-decoration: none; color: rgba(55, 59, 68, 1); } html.loginscreen .auth-blogpost a{ color: #fff; text-decoration: none; } html.loginscreen .auth-blogpost a:hover{ text-decoration: underline; } html.loginscreen .auth-datalabel{ font-size: 18px; } html.loginscreen .auth-v3-wrap{ border: 1px solid #d4d7d9; padding: 35px 50px; background-color: #fff; font-size: 18px; color: #555555; text-align: right; background-image: url(../../img/v4.png); background-position: left center; background-repeat: no-repeat; } html.loginscreen .auth-info-wrap{ position: relative; border: 1px solid #d4d7d9; padding: 20px 40px; background-color: #fff; margin-top: 20px; } html.loginscreen .auth-info-wrap input[type=text]{ width: 355px !important; color: #a2a2a2 !important; } html.loginscreen .auth-info-wrap-important{ border-color: #bf331a; } html.loginscreen .auth-info-error{ color: #bf331a; } html.loginscreen .auth-info-wrap h2{ border-bottom: 1px solid #D0D0D0; color: #444; font-size: 18px; margin: 0px 0px 17px 0px; padding: 5px 0px 6px 0px; } html.loginscreen .auth-info-list li{ font-size: 15px; padding-bottom: 5px; } .auth-info-right{ position: absolute; top: 25px; right: 40px; color:red; font-size:14px; font-weight:bold; } .auth-info-yes{ color: green; } /* ----------------------------------------------------------------------------- FOOTER -----------------------------------------------------------------------------*/ #footer{ position: relative; border-top: 1px solid #bdbdbd; padding-top: 5px; margin-top: 25px; } #footer-menu{ margin: 0; padding: 0; } #footer-menu li{ float: right; margin: 0; padding: 0; display: block; list-style-type: none; cursor: pointer; } #footer-menu a{ float: right; text-align: center; font-size: 93%; letter-spacing: 1px; padding-left: 15px; padding-top: 2px; text-decoration: none; min-width: 50px; outline: none; color: #4573ad; cursor: pointer; } #footer-license{ position:absolute; bottom:4px; left:110px; color:#bbbcbd; } #footer .latest-blog{ color: #888; } #footer .latest-helpspot-post{ background-color: rgba(252, 243, 147, 0.4); padding-left: 0; float: none; } /* uses browsers native visited state to remove highlight */ #footer .latest-helpspot-post:visited{ background-color: #fff; } /* ----------------------------------------------------------------------------- TINYMCE ADJUSTMENTS -----------------------------------------------------------------------------*/ .defaultSkin .mceIframeContainer{ border-top: 0px !important; } .defaultSkin .mceIframeContainer iframe{ background-color: #F0F0EE !important; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .defaultSkin .mceIcon{ /*background-image: url(../../css/shared/general/tinymce-icons.png) !important;*/ } .defaultSkin a.mceButtonEnabled:hover{ background-color: #d0d0ce !important; border-color: transparent !important; } /* ----------------------------------------------------------------------------- REQUEST PAGE SPECIAL -----------------------------------------------------------------------------*/ #request-wrapper{ float: left; width: 100%; } #request-column{ margin-right: 267px; } #request-details{ float: left; width: 267px; /*Width of right column in pixels*/ margin-left: -267px; /*Set left margin to -(RightColumnWidth) */ } #request-details-inner{ margin-left: 17px; } .request-details-inner-pad{ position: relative; padding-top: 30px; } #request-footer{ clear: left; } .request-urgent .box_title, .request-urgent .box_footer{ color: #fbf9f9 !important; text-shadow: none !important; background-image: url(../../css/shared/general/urgent-bg.png) !important; background-repeat: repeat-x !important; background-color:#7a1917 !important; } .request-urgent{ border-color: #aa2f2b !important; } .batch-info .box_title, .batch-info .box_footer{ color: #fbf9f9 !important; text-shadow: none !important; background-image: none !important; background-color:#6f519b !important; } .batch-info{ border-color: #6f519b !important; } .batch-info .box_body{ font-size: 93%; } .request-details-select{ width: 216px; } .request-assignedto-name{ color: #4873B2; font-size: 107%; margin: 4px 0px; font-weight: bold; } .user-icon-wrap, .user-icon-wrap-24{ background-color: #fff; border: 1px solid #d6d6d6; padding: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 48px; height: 48px; -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px; -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px; box-shadow:rgba(0,0,0,.15) 0px 1px 3px; } .user-icon-wrap-24{ width: 24px; height: 24px; } #attachment_box { margin: 20px 0; } #attachment_box div { padding: 10px; background-color: #f2f2f2; border: 1px solid #bdbdbd; border-radius: 5px; margin-bottom: 10px; } .request-sub-note-box{ margin: 10px 0px; float: left; position: relative; z-index: 99; } .request-option-wrap{ position: relative; border: 1px solid #549443; padding: 10px; padding-top: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .request-option-wrap-arrow{ position: absolute; top: -8px; left: 10px; width: 18px; height: 8px; background-image: url(../../css/shared/general/icons.png); background-position: 0px -1850px; background-repeat: no-repeat; } .request-option-wrap-public{ border: 1px solid #549443; } .request-option-wrap-public .request-option-wrap-arrow{ background-position: 0px -1850px; } .request-option-wrap-public .noteoptiontab{ color: #549443; } .request-option-wrap-private{ border: 1px solid #C4A0AF; } .request-option-wrap-private .request-option-wrap-arrow{ background-position: -18px -1850px; } .request-option-wrap-private .noteoptiontab{ color: #b35454; } .request-option-wrap-external{ border: 1px solid #C69054; } .request-option-wrap-external .request-option-wrap-arrow{ background-position: -36px -1850px; } .request-option-wrap-external .noteoptiontab{ color: #C69054; } .noteoptiontable{ border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; } .noteoptiontabexp{ color: #555; font-size: 85%; font-weight: bold; } .noteoptionrow{ border-bottom: 1px solid #e0e0e0; } .email_customer_msg_active{ color: #eb6f31; } .request-next-back{ position:absolute; top:0px; right: 0px; } .request-next-back ul{ list-style: none; margin: 0; display: block; } .request-next-back ul li { float: left; text-align: center; padding: 0; list-style: none; } .request-next-back ul li a { display: block; } .request-sub-note-box-options{ margin: 10px 0px; float: right; } .request-sub-note-box-options ul{ list-style: none; margin: 0; display: block; } .request-sub-note-box-options ul li { float: left; text-align: center; padding: 0; list-style: none; } .request-sub-note-box-options ul li a { display: block; } .request-attachment{ background-image: url(../../css/shared/general/icons.png); background-position: 0px -1800px; background-repeat: no-repeat; } .request-star{ background-image: url(../../css/shared/general/icons.png); background-position: -404px -1750px; background-repeat: no-repeat; } .request-star-on{ background-position: -404px -1803px; } .request-draft{ background-image: url(../../css/shared/general/icons.png); background-position: 0px -1900px; background-repeat: no-repeat; } .link-icon{ background-image: url(../../css/shared/general/icons.png); background-position: 0px -2150px; background-repeat: no-repeat; } .request-addnotification{ background-image: url(../../css/shared/general/icons.png); background-position: 0px -1950px; background-repeat: no-repeat; } .notification_list{ display: block; float: left; width: 100%; } .notification_item{ float: left; display: block; background-color: #ebf3fb; border: 1px solid #8cb3e3; padding: 4px; padding-bottom: 2px; padding-right: 5px; margin-right: 5px; margin-bottom: 5px; font-size: 85%; color: #555; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .notification_item_editable:hover{ background-color: #f2e1e1; border-color: #f2bebe; } .notification_item_editable:hover img{ background-position: -400px -1848px; } .notification_item img{ margin:0 3px 0px 1px !important; padding:0; border:none; width:16px; height:16px; } .notification_item_email{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -1697px; background-repeat: no-repeat; width: 16px; height: 16px; } .notification_item_inactive{ background-color: #f2e1e1; border-color: #f2bebe; text-decoration: line-through; } .notification_item_inactive img{ display: none; } #make-urgent{ position: relative; height: 20px; line-height: 20px; padding-left: 28px; color: #BDBDBD; cursor: pointer; } #make-urgent div{ position: absolute; top: 0px; left: 0px; width: 24px; height: 24px; background-image: url(../../css/shared/general/icons.png); background-position: -367px -1600px; background-repeat: no-repeat; } .make-urgent-checked{ color: #fff !important; } .make-urgent-checked div{ background-position: -391px -1600px !important; } .checkbox-large { width: 16px; height: 16px; background: url(../../img/uncheck.png) no-repeat; display: inline-block; vertical-align: text-top; cursor: pointer; } .checkbox-large.checked { background: url(../../img/check.png) no-repeat; } /* ----------------------------------------------------------------------------- REQUEST STATIC META DATA -----------------------------------------------------------------------------*/ .request-static-wrap{ padding: 17px; } .request-static-header{ border-bottom: 5px solid #bdbdbd; margin-bottom: 20px; } .request-static-header div.first{ font-size: 174%; } .request-static-header-closed{ color: #646363 !important; border-color: #646363 !important; } .request-static-meta{ width: 100%; } .request-static-meta td{ padding-bottom: 20px; } .request-static-meta label{ margin-bottom: 3px; } .request-static-meta span{ font-weight: bold; } .unknown_reqid{ width: 100%; height: 200px; line-height: 200px; text-align: center; color: #A4A4A4; font-size: 138.5% !important; } /* ----------------------------------------------------------------------------- FORMS -----------------------------------------------------------------------------*/ .datalabel{ display: block; color: #555555; font-size: 85%; font-weight: bold; letter-spacing: 0.1em; margin-bottom:2px; } .req-label{ color: #6184bc; font-size: 77%; } input[type=text], input[type=password]{ /*height: 26px;*/ } input[type=text], input[type=password], input[type=email], textarea{ font-size: 93%; padding-left: 10px; padding-right: 10px; /*assume 14px text height for total of 26 */ padding-top: 5px; padding-bottom: 5px; border: 1px solid #BBBBBB; -webkit-box-shadow: 0 1px 1em #fff; -moz-box-shadow: 0 1px 1em #fff; box-shadow: 0 1px 1em #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff url(../../css/shared/general/input-bg.png) 0 0 repeat-x; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus{ border-color: #898989; } input.noshadow{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } textarea{ padding-top: 3px; } select{ font-size: 93%; } /* select enhancements for webkit browsers */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { select{ -webkit-appearance: none; border: 1px solid #c4c4c4; padding: 0.25em 35px 0.25em 0.75em; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAvCAYAAADw46qXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExQjc1RUIyQzdBQjQ0REE5QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNjk2MDNENjM5RTUxMUUwOUNENTg0OTdDQzM1NDI1MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNjk2MDNENTM5RTUxMUUwOUNENTg0OTdDQzM1NDI1MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3N0YxMTc0MDcyMDY4MTFCNzVFQjJDN0FCNDREQTlDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTFCNzVFQjJDN0FCNDREQTlDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZUWmnQAAAQZJREFUeNpiOXbs2DQGBoZMBjoBFpBlpqam9LKPgYmBzoAFmfP9+/dh7sP////Tx0KYRfSwcIQE6WgcjsbhoI7DERKko3E4coL06evPDL3LjzP8Q1PHxMjIUBxpySAtyktdH0qJ8DDYGCgx3P8mxMAAtAQG9GXZgXKcRIUQE7qFhLCbiSzD769v4XrYWRgZrJTZidILwkzEWgTDnOwsDCbyLAz//v0FW2iiwAa0lIE0C0nxIQjb6kozsP58wyDAycRgKMtGkoPJSqVMTIwMTjoCDOxcLMAEAzKIDhlfQ06IrKw0WniPFt6jQToCg3RgWt6jcTgah6NBOuCpdPq1a9foNpoIEGAAqI5i8AGPVS0AAAAASUVORK5CYII=") no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dedede)); -webkit-border-radius: 0.5em; -webkit-box-shadow: rgba(0,0,0,.15) 1px 1px 3px; color: #424242; } } */ .req{ color: #7e2d2d; } .field-wrap{ margin-bottom: 7px; } .field-wrap-cf{ margin-bottom: 12px; } .cf-ajax{ width: 164px; } .cf-checkbox{ float: left; } .cf-textarea{ width: 193px; } .cf-select{ width: 216px; } .cf-text{ width: 193px; } .cf-regex{ width: 164px; } .cf-numeric{} .cf-decimal{} /* ----------------------------------------------------------------------------- INVISIBLE FORM ELEMENTS -----------------------------------------------------------------------------*/ input.invisible{ border: none; background: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; width: 90%; color: #cfd0d2; border: 1px solid #fff; } input.invisible-big{ font-size: 197%; } input.invisible-sm{ font-size: 100%; } .invisible-data{ color: #7a7a7c !important; } input.invisible:hover{ border: 1px solid #ccc; } input.invisible:focus{ background-color: #eeeff2; } select.invisible{ margin-left: 10px; } .invisible-contactvia{ padding: 5px 10px; } /* ----------------------------------------------------------------------------- TOP NAV -----------------------------------------------------------------------------*/ #top-nav{ height: 78px; margin: 0; padding: 0; } #top-nav li{ float: left; margin: 0; padding: 0; display: block; list-style-type: none; cursor: pointer; } #top-nav a{ float: left; height: 79px; text-align: center; font-size: 85%; letter-spacing: 1px; padding: 0 15px 0px 15px; text-decoration: none; min-width: 50px; outline: none; color: #FFF; /*text-shadow: rgba(189,189,189,0.8) 0px -1px 0px;*/ cursor: pointer; text-align: top; /* avoid shifting when nav becomes active */ border-left: 1px solid transparent; border-right: 1px solid transparent; } /* prevent 2 borders on first nav item */ #top-nav li:first-child a{ border-left: none !important; } #top-nav a:hover{ color: #D3DCFF; } .top-nav-icon{ background-repeat: no-repeat; margin-top:6px; padding-top: 4px; height: 72px; min-width: 48px; } .top-nav-icon-workspace{ background-image:url(../../css/shared/top-nav/icons-big.png); background-position: 50% 35px; } .top-nav-icon-workspace-empty{ background-image:url(../../css/shared/top-nav/icons-big.png); background-position: 50% -1365px; } .top-nav-icon-kb{ background-image:url(../../css/shared/top-nav/icons-big.png); background-position: 50% -74px; } .top-nav-icon-reports{ background-image:url(../../css/shared/top-nav/icons-big.png); background-position: 50% -174px; } .top-nav-icon-forums{ background-image:url(../../css/shared/top-nav/icons-big.png); background-position: 65% -277px; } .top-nav-icon-admin{ background-image:url(../../css/shared/top-nav/icons-big.png); background-position: 50% -378px; } .top-nav-icon-portal{ background-image:url(../../css/shared/top-nav/icons-big.png); background-position: 50% -476px; } .top-nav-icon-getstarted{ background-image:url(../../css/shared/top-nav/icons-big.png); background-position: 50% -576px; } #top-nav a:hover .top-nav-icon-workspace{ background-position: 50% -768px; } #top-nav a:hover .top-nav-icon-workspace-empty{ background-position: 50% -1465px; } #top-nav a:hover .top-nav-icon-kb{ background-position: 50% -674px; } #top-nav a:hover .top-nav-icon-forums{ background-position: 65% -877px; } #top-nav a:hover .top-nav-icon-reports{ background-position: 50% -974px; } #top-nav a:hover .top-nav-icon-admin{ background-position: 50% -1078px; } #top-nav a:hover .top-nav-icon-portal{ background-position: 50% -1176px; } #top-nav a:hover .top-nav-icon-getstarted{ background-position: 50% -1276px; } #top-nav-line{ background-image: url(../../css/shared/top-nav/line.png); background-position: top center; background-repeat: no-repeat; min-width: 4px !important; width: 4px; height: 72px; cursor: default; } #name-menu{ display:block; position:absolute; top: 24px; right: 30px; background-color: transparent; padding: 5px 5px 5px 6px; text-decoration: none; color: #fff; font-size: 100%; border: 1px solid transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #name-menu:hover, .name-menu-active{ border: 1px solid #325787; } #name-menu-arrow{ height: 9px; width: 9px; position: relative; display: inline-block; margin: 0px 0px 0px 4px; top: 1px; background-image: url(../../css/shared/general/icons.png); background-position: -400px -1300px; background-repeat: no-repeat; } /* ----------------------------------------------------------------------------- FORM BUTTONS -----------------------------------------------------------------------------*/ .formbuttondiv{ border-top: 2px solid #dab631; background: #FEE587; margin-top: 10px; padding: 12px; } /* ----------------------------------------------------------------------------- BUTTONS -----------------------------------------------------------------------------*/ a.btn, button.btn{ display:inline-block; float:left; margin:0 7px 0 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; outline: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 93%; letter-spacing:1px; text-decoration:none; white-space: nowrap; cursor:pointer !important; padding:5px 10px 6px 10px; /* Links */ -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px; -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px; box-shadow:rgba(0,0,0,.15) 0px 1px 3px; } button.btn{ width:auto; overflow:visible; padding:4px 10px 5px 10px; } button.btn[type]{ /*padding:4px 10px 5px 10px;*/ /* Firefox */ /*line-height:17px;*/ /* Safari */ } *:first-child+html button.btn[type]{ /*padding:4px 10px 3px 7px;*/ /* IE7 */ /*padding:4px 10px 5px 10px;*/ } button.btn img, a.btn img{ margin:0 5px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } /* base button style */ a.btn:last-child, button.btn:last-child, a.noright, button.noright{ margin-right: 0px !important; } /* put buttons in right spot inside of colorbox */ .buttons-popup{ position: absolute; bottom: 0; right: 0; display: block; z-index: 9999; } a.btn-sidebar, button.btn-sidebar{ float: none; margin-bottom: 5px; margin-right: 0px; } a.nofloat, button.nofloat{ float: none; } a.right, button.right{ float: right; } a.inline, button.inline{ display: inline; } a.wd-70, button.wd-70{ width: 70px; } a.centerbtn, button.centerbtn{ float: none; min-width: 250px; margin-left: 95px; } /* ----------------------------------------------------------------------------- BUTTONS - GRAY STYLE -----------------------------------------------------------------------------*/ a.btn, button.btn{ background: #F3F3F3; /* old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dedede)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede',GradientType=0 ); /* ie */ border:1px solid #bababa; color:#214f89; text-shadow:#fff 1px 1px 1px; } button.btn:hover, a.btn:hover{ border:1px solid #909090; color:#214f89; } button.btn:active, a.btn:active, button.btn.btn-selected, a.btn.btn-selected{ background: none; filter: none; background-color: #dfdfdf; color: #909090; } .yes_no_group button.btn.btn-selected, a.btn.btn-selected{ background-image: url(../../img/selected_button.png); background-repeat: no-repeat; } .yes_no_group button.thin-last.btn-selected, a.thin-last.btn-selected{ background-position: 93% 50% !important; } .yes_no_group button.thin-first.btn-selected, a.thin-first.btn-selected{ background-position: 7% 50% !important; } /* ----------------------------------------------------------------------------- BUTTONS - TIP MENU BUTTON -----------------------------------------------------------------------------*/ a.tipbtn, button.tipbtn{ float: none; /*adjust for in milonic*/ font-size: 107%; /*adjust for in milonic*/ } .milonictable, .mmenucontainer a { direction: ltr !important; } /* ----------------------------------------------------------------------------- BUTTON - Theme -----------------------------------------------------------------------------*/ a.theme, button.theme{ vertical-align: middle; display:inline-block; text-align: center; color:#fbf9f9; } /* ----------------------------------------------------------------------------- BUTTON - LINK STYLE -----------------------------------------------------------------------------*/ a.btn-link, button.btn-link, a.btn-link:active, button.btn-link:active{ background: none !important; filter: none !important; background-color: none !important; border: none !important; text-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } a.btn-link:last-child, button.btn-link:last-child{ padding-right: 0px; } /* ----------------------------------------------------------------------------- BUTTON - SPECIAL REQUEST NOTE BUTTONS -----------------------------------------------------------------------------*/ button.btn-request-public{ color: #fff !important; text-shadow:0 -1px 1px rgba(0,0,0,0.5) !important; background: #549443 !important; /* old browsers */ background: -moz-linear-gradient(top, #70A078 0%, #549443 100%) !important; /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70A078), color-stop(100%,#549443)) !important; /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70A078', endColorstr='#549443',GradientType=0 ) !important; /* ie */ } button.btn-request-public:active{ background: none !important; filter: none !important; background-color: #549443 !important; } button.btn-request-private{ color: #fff !important; text-shadow:0 -1px 1px rgba(0,0,0,0.5) !important; background: #7E0000 !important; /* old browsers */ background: -moz-linear-gradient(top, #bc5656 0%, #7E0000 100%) !important; /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc5656), color-stop(100%,#7E0000)) !important; /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc5656', endColorstr='#7E0000',GradientType=0 ) !important; /* ie */ border-top-color: #bc5656 !important; border-bottom-color: #7E0000 !important; } button.btn-request-private:active{ background: none !important; filter: none !important; background-color: #7E0000 !important; } button.btn-request-external{ color: #b3824c !important; text-shadow: 0 1px 0 rgba(255,255,255,0.50) !important; background: #f3de9f !important; /* old browsers */ background: -moz-linear-gradient(top, #FFF2C3 0%, #f3de9f 100%) !important; /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF2C3), color-stop(100%,#f3de9f)) !important; /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF2C3', endColorstr='#f3de9f',GradientType=0 ) !important; /* ie */ } button.btn-request-external:active{ background: none !important; filter: none !important; background-color: #f3de9f !important; } #sub_update.btn-request-public,#sub_updatenclose.btn-request-public,#sub_create_close.btn-request-public{ border-color: #388324; } #sub_update.btn-request-private,#sub_updatenclose.btn-request-private,#sub_create_close.btn-request-private{ border-color: #580000; } #sub_update.btn-request-external,#sub_updatenclose.btn-request-external,#sub_create_close.btn-request-external{ border-color: #a27645; } /* ----------------------------------------------------------------------------- BUTTON - Alternate Action -----------------------------------------------------------------------------*/ a.altbtn, button.altbtn{ float: right; color: #fbf9f9; background: #7e3b3b; /* old browsers */ background: -moz-linear-gradient(top, #e38f91 0%, #813b3d 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e38f91), color-stop(100%,#813b3d)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e38f91', endColorstr='#813b3d',GradientType=0 ); /* ie */ border-color: #954b4b; margin-right: 0px; text-shadow:#555555 1px 1px 1px; } a.altbtn:hover, button.altbtn:hover{ color: #fbf9f9; border:1px solid #733131; } a.altbtn:active, button.altbtn:active{ background: none; filter: none; background-color: #813b3d; } div.alttext{ float: right; color: #cc7f7f; margin-top: 7px; } a.altbtn-rmargin, button.altbtn-rmargin{ margin-right: 10px; } /* ----------------------------------------------------------------------------- BUTTON - Sizes -----------------------------------------------------------------------------*/ a.thin, button.thin{ padding: 4px 10px 4px 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 93%; margin: 0px; } button.thin img, a.thin img{ margin:0 5px -2px 0 !important; width: 12px; height: 12px; } a.thin-inactive, button.thin-inactive{ color: #ccc !important; } a.thin-first, button.thin-first{ -webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } a.thin-last, button.thin-last{ -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } a.thin-takeit, button.thin-takeit{ padding-top: 2px; padding-bottom: 2px; } .thin-disabled button, .thin-disabled a{ opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; } .thin-btngroup-middle{ border-left-width: 0px !important; border-right-width: 0px !important; } .thin-no-left-border{ border-left: none !important; } .thin-min-width{ min-width: 72px; } .thin-min-width-sm{ min-width: 42px; } .thin-center{ text-align: center; } /*show me button*/ .thin-showmehow{ background-image: none !important; background-color: #C37449 !important; color: #fff !important; text-shadow: none !important; } /* ----------------------------------------------------------------------------- BUTTON - Icons -----------------------------------------------------------------------------*/ .button-add{ background-image: url(../../css/shared/general/icons.png); background-position: -400px 0; background-repeat: no-repeat; } .button-order{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -1998px; background-repeat: no-repeat; } .button-filter{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -1100px; background-repeat: no-repeat; } .button-reminder{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -100px; background-repeat: no-repeat; } .button-csv{ background-image: url(../../css/shared/general/icons-reports.png); background-position: 0 0; background-repeat: no-repeat; } .button-viewrequests{ background-image: url(../../css/shared/general/icons-reports.png); background-position: 0 -16px; background-repeat: no-repeat; } .button-subscription{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -150px; background-repeat: no-repeat; } .button-responses{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -100px; background-repeat: no-repeat; } .button-emailstaff{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -150px; background-repeat: no-repeat; } .button-gs-hide{ background-image: url(../../css/shared/getstarted/hide.png); background-position: 0px 0px; background-repeat: no-repeat; } .button-gs-ask{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -1250px; background-repeat: no-repeat; } .thin-button-reassign{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -50px; background-repeat: no-repeat; } .thin-button-trash{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -250px; background-repeat: no-repeat; } .thin-button-spam{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -200px; background-repeat: no-repeat; } .thin-button-inbox{ background-image: url(../../css/shared/general/icons.png); background-position: 0 0; background-repeat: no-repeat; } .thin-button-close{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -850px; background-repeat: no-repeat; } .thin-button-merge{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -900px; background-repeat: no-repeat; } .thin-button-batch{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -950px; background-repeat: no-repeat; } .thin-button-status{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -1000px; background-repeat: no-repeat; } .thin-button-showme{ background-image: url(../../css/shared/general/icons.png); background-position: -404px -1200px; background-repeat: no-repeat; } .thin-button-cart{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -1300px; background-repeat: no-repeat; } .button-response{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -2150px; background-repeat: no-repeat; } .button-next{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -2200px; background-repeat: no-repeat; } a.btn img.button-next{ margin-right: 0px !important; margin-left: 5px !important; } .button-prev{ background-image: url(../../css/shared/general/icons.png); background-position: 0px -2200px; background-repeat: no-repeat; } /* ----------------------------------------------------------------------------- CLOSE BUTTON -----------------------------------------------------------------------------*/ .button-close{ background-image: url(../../css/shared/general/close.png); background-position: center center; background-repeat: no-repeat; border: 1px solid #6D6D6D; width: 16px; height: 16px; cursor: pointer; } /* ----------------------------------------------------------------------------- Button Bar -----------------------------------------------------------------------------*/ .buttonbar{ height: 40px; overflow: none; /* clears floats */ } .buttonbar-right{ float: right; } /* ----------------------------------------------------------------------------- POPUP BUTTON ADJUSTMENTS -----------------------------------------------------------------------------*/ .popup-btn{ margin-top: 6px !important; margin-bottom: 6px } /* ----------------------------------------------------------------------------- KB UI POPUP -----------------------------------------------------------------------------*/ .kbui-nav{ background-color: #eeeeee; } .kbui-books{ padding: 15px 0px 0px 17px; border-bottom: 1px solid #c4c4c4; height: 40px; line-height: 40px; } .kbui-page{ padding: 0px 17px; position: relative; } .kbui-page h1{ position: relative; margin: 0px; margin-bottom: 15px; padding: 0px; padding-top: 15px; height: 40px; border-bottom: 1px solid #c4c4c4; } .kbui-heading { position: fixed; width: 65%; background: #fff; } .kbui-body { word-wrap: break-word; margin-top: 75px; } .kbui-body pre { white-space: pre-wrap; overflow: auto; width: 99%; margin: 14px 0 14px 0; padding: 12px 10px 12px 10px; } #kbui-toc{ padding: 15px 20px; } .kbui_select{ min-width: 165px; max-width: 200px; } .kbui-actions{ position: absolute; top: 10px; right: 10px } #kbui_insert_link{ float: left; margin-right: 10px; margin-top: 3px; } /* ----------------------------------------------------------------------------- TOOLTIPS -----------------------------------------------------------------------------*/ .tooltip-arrow{ } .tooltip-menu{ margin: 0px; background-color: #363636; } .tooltip-menu li{ margin: 0; padding: 0; display: block; list-style-type: none; } .tooltip-menu li a{ display:block; padding: 8px 13px 8px 13px; text-decoration: none; outline: none; } .tooltip-menu li a:hover .tooltip-menu-maintext{ color: #CC527A; } .tooltip-menu li a:hover .tooltip-menu-subtext{ color: #A8A7A7; } .tooltip-menu-divider{ border-top: 1px solid #474747; } .tooltip-menu-maintext{ color: #A8A7A7; font-size: 93%; } .tooltip-menu-subtext{ color: #474747; font-size: 85%; } .tooltip-menu-img-base{ background-position: 5px 50%; background-repeat: no-repeat; padding-left: 30px !important; } .tooltip-menu-img-link{ background-image:url(../../css/shared/tooltip-menu/link.png); } .tooltip-menu-img-twitter{ background-image:url(../../css/shared/tooltip-menu/twitter.png); } .tooltip-menu-img-facebook{ background-image:url(../../css/shared/tooltip-menu/facebook.png); } .tooltip-menu-img-email{ background-image:url(../../css/shared/tooltip-menu/email.png); } .tooltip-menu-img-logout{ background-image:url(../../css/shared/tooltip-menu/logout.png); } .tooltip-menu-img-prefs{ background-image:url(../../css/shared/tooltip-menu/prefs.png); } .tooltip-menu-img-help{ background-image:url(../../css/shared/tooltip-menu/help.png); } .tooltip-menu-img-reminder{ background-image:url(../../css/shared/tooltip-menu/reminder.png); } .tooltip-menu-img-subscribe{ background-image:url(../../css/shared/tooltip-menu/subscribe.png); } .tooltip-menu-img-reqview{ background-image:url(../../css/shared/tooltip-menu/view.png); } .tooltip-menu-img-spam{ background-image:url(../../css/shared/tooltip-menu/spam.png); } .tooltip-menu-img-trash{ background-image:url(../../css/shared/tooltip-menu/trash.png); } .tooltip-menu-img-unread{ background-image:url(../../css/shared/tooltip-menu/unread.png); } /* sub menu within */ .tooltip-menu .quick_form_box{ display: block; padding: 8px 13px; margin-top: 2px; font-size: 93%; background-color: transparent; } /* ----------------------------------------------------------------------------- NAVIGATION -----------------------------------------------------------------------------*/ #navigation{ margin-right: 20px; margin-left: 25px; } #navigation h2{ color: #333333; font-size: 169%; text-shadow: 0 1px 0 #FFFFFF; margin: 10px 0px 4px 0px; } #navigation h2:first-child{ margin-top: 0px; } .sidebar{ margin: 0; padding: 0; } .sidebar li{ position: relative; border-bottom: 1px solid #C4C4C4; margin: 0; padding: 0 5px; display: block; list-style-type: none; cursor: pointer; } .sidebar li a{ display: block; overflow: auto; /* clears floats */ outline: none; text-decoration: none; padding-bottom: 4px; padding-top: 4px; } .sidebar li a span.text{ float: left; color: #333333; font-size: 93%; text-shadow: 0 1px 0 #FFFFFF; overflow: hidden; text-overflow: ellipsis; margin-top: 3px; padding-left: 22px; max-width: 140px; cursor: pointer; min-height: 16px; max-height: 50px; max-height: 43px; word-wrap: break-word; word-break: break-all; } .sidebar li a.filter span.text, .sidebar li a.filterstream span.text, .sidebar li.admin-link a span.text, .sidebar li a.custompg span.text, .sidebar li a.kbui span.text, .sidebar li a.reports span.text { margin-left: 16px; } /*first level filters not inset*/ .sidebar li.folder- a span.text{ margin-left: 0px !important; max-width: 140px !important; } .sidebar-reports a span.text{ max-width: 140px !important; } .sidebar li.folder-li a span.text{ margin-left: 0px !important; } .sidebar li a:hover span.text{ color: #6E6E6E; } /* mod for kbui */ .sidebar li a span.text-kb{ max-width: 160px; } .sidebar li a span.count{ float: right; } /* special messages */ .sidebar li div.message{ color: #aaaaaa; font-size: 93%; text-align: center; padding-bottom: 4px; padding-top: 4px; min-height: 16px; } .sidebar li a.inbox span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 0; background-repeat: no-repeat; font-weight: bold; } .sidebar li a.myq span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -50px; background-repeat: no-repeat; font-weight: bold; } .sidebar li a.reminders span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -100px; background-repeat: no-repeat; } .sidebar li a.subscriptions span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -150px; background-repeat: no-repeat; } .sidebar li a.spam span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -200px; background-repeat: no-repeat; } .sidebar li a.trash span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -250px; background-repeat: no-repeat; } .sidebar li a.folder span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -300px; background-repeat: no-repeat; color: #093060; font-weight: bold; } .sidebar li a.folder:hover span.text{ color: #304d71; } .sidebar li a.folder span.text-kb{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -1700px; } .sidebar li a.kbui span.text-kb{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -1750px; background-repeat: no-repeat; } .sidebar li a.book-pub span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -1700px; background-repeat: no-repeat; } .sidebar li a.book-priv span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -2100px; background-repeat: no-repeat; } .sidebar li a.forum-pub span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -2050px; background-repeat: no-repeat; } .sidebar li a.forum-priv span.text{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -2050px; background-repeat: no-repeat; } .sidebar li a.filter span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -450px; background-repeat: no-repeat; } .sidebar li a.filterstream span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -850px; background-repeat: no-repeat; } .sidebar li a.link span.text{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -1150px; background-repeat: no-repeat; } .sidebar li a.dashboard span.text{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -1400px; background-repeat: no-repeat; } .sidebar li a.graph span.text{ background-image: url(../../css/shared/general/icons-reports.png); background-position: 0px -32px; background-repeat: no-repeat; } .sidebar li a.matrix span.text{ background-image: url(../../css/shared/general/grid.svg); background-position: 0px 0px; background-repeat: no-repeat; background-size: 16px 16px; } .sidebar li a.productivity span.text{ background-image: url(../../css/shared/general/productivity.svg); background-position: 0px 0px; background-repeat: no-repeat; background-size: 16px 16px; } .sidebar li a.reportlist span.text{ background-image: url(../../css/shared/general/icons-reports.png); background-position: 0px -48px; background-repeat: no-repeat; } .sidebar li a span.arrow{ float: right; cursor: pointer; display: block; width:12px; height: 12px; margin-top: 5px; margin-right: 1px; background-image: url(../../css/shared/general/icons.png); background-position: 0 -350px; background-repeat: no-repeat; } .sidebar li a span.arrow-open{ background-position: 0 -400px; } /* adjust the color in the sidebar for active item */ .sidebar li.active{ background-color: #D6D6D6; } .sidebar .filter-top{ font-weight: bold; } .inline-loader{ background-image: url(../../css/shared/general/inline-loader.gif) !important; background-position: 0 0 !important; } /*admin icons*/ .sidebar li a.admin-overview span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 0; background-repeat: no-repeat; } .sidebar li a.admin-staff span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -50px; background-repeat: no-repeat; } .sidebar li a.admin-mailboxes span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -100px; background-repeat: no-repeat; } .sidebar li a.admin-settings span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -150px; background-repeat: no-repeat; } .sidebar li a.admin-categories span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -200px; background-repeat: no-repeat; } .sidebar li a.admin-status span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -250px; background-repeat: no-repeat; } .sidebar li a.admin-customfield span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -300px; background-repeat: no-repeat; } .sidebar li a.admin-integrations span.text{ background-image: url(../../css/shared/general/world.svg); background-size: 14px 14px; background-repeat: no-repeat; } .sidebar li a.admin-customertools span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -350px; background-repeat: no-repeat; filter: grayscale(100%); } .sidebar li a.admin-permgroup span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -350px; background-repeat: no-repeat; } .sidebar li a.admin-themes span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -400px; background-repeat: no-repeat; } .sidebar li a.admin-widgets span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -450px; background-repeat: no-repeat; } .sidebar li a.admin-secondaryportal span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -500px; background-repeat: no-repeat; } .sidebar li a.admin-emailtemplates span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -550px; background-repeat: no-repeat; } .sidebar li a.admin-portaltemplates span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -600px; background-repeat: no-repeat; } .sidebar li a.admin-autorules span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -650px; background-repeat: no-repeat; } .sidebar li a.admin-mailrules span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -700px; background-repeat: no-repeat; } .sidebar li a.admin-emailstaff span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -750px; background-repeat: no-repeat; } .sidebar li a.admin-errorlog span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -800px; background-repeat: no-repeat; } .sidebar li a.admin-filtermgmt span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -450px; background-repeat: no-repeat; } .sidebar li a.admin-responsemgmt span.text{ background: transparent url(../../img/response.png) no-repeat; } .sidebar li a.admin-archive span.text{ background: transparent url(../../img/archive.png) no-repeat; } .sidebar li a.admin-sysinfo span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -850px; background-repeat: no-repeat; } .sidebar li a.admin-triggers span.text{ background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -900px; background-repeat: no-repeat; } .sidebar li a.custompg span.text{ background-image: url(../../css/shared/general/icons.png); background-position: 2px -1750px; background-repeat: no-repeat; } .sidebar li a.settings span.text{ background-image: url(../../css/shared/general/icons.png); background-position: -400px -1947px; background-repeat: no-repeat; } .sidebar-custompg{ margin-top: 35px; } /* search box */ #search-box{ width: 195px; height: 28px; margin-top: 22px; margin-bottom: 0px; background-position: 0 0; overflow: auto; } .search-box-top{ margin-top: 0px !important; margin-bottom: 7px !important; } #search-box #sidebar-q { float: left; padding: 0; margin: 6px 0 0px 14px; border: 0; width: 140px; height: 17px; line-height: 17px; background: none; font-size: 100%; color: #8d8c8c; /* offset global input style */ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: none; -moz-border-radius: none; -webkit-border-radius: none; } #search-box #sidebar-go { float: right; margin: 2px 1px 0 0; outline: none; } #sidebar-adv-search{ display: block; float:right; text-decoration: none; color: #2e5f9c; margin-top: 4px; margin-bottom: 14px; font-size: 77%; text-align: right; overflow: auto; height: 16px; line-height: 16px; vertical-align: middle; } #sidebar-adv-search-img{ float: right; width: 16px; height: 16px; line-height: 16px; margin-left: 2px; background-image: url(../../css/shared/general/icons.png); background-position: 0 -548px; background-repeat: no-repeat; } #sidebar-search-history { display:block; float: left; color: #333333; text-shadow: 0 1px 0 #FFFFFF; font-size: 77%; margin-top: 4px; margin-bottom: 14px; height: 16px; line-height: 16px; vertical-align: middle; } #sidebar-search-history input { position: relative; top: -2px; } .sidebar-2{ margin-top: 20px; } .sidebar-2 li{ border: none; } .sidebar-2 li span.text{ letter-spacing: 2px; } /* small search box */ .search-box-small{ width: 139px; height: 21px; margin-bottom: 0px; background-image: url(../../css/shared/general/search-box-small.png); background-position: 0 0; overflow: hidden; float:right; } .search-box-small .search-box-small-q { float: left; padding: 0; margin: 4px 0 0px 9px; border: 0; width: 100px; height: 14px; line-height: 14px; background: none; font-size: 85%; /*font-size: 77%;*/ color: #797979; /* offset global input style */ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: none; -moz-border-radius: none; -webkit-border-radius: none; } .search-box-small .search-box-small-go { float: right; margin: 0px; outline: none; } /* ----------------------------------------------------------------------------- COUNT BOX -----------------------------------------------------------------------------*/ span.count, a.count{ border: 1px solid #C4C4C4; background-color: #FFFFFF; font-size: 85%; padding: 2px 5px 2px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #4269B2; } span.count-big{ font-size: 131% !important; } span.count-label{ background-color: #70a078; border: none; color: #fff; text-shadow: none; } /* ----------------------------------------------------------------------------- INFO NAV OPTION -----------------------------------------------------------------------------*/ span.info{ position: absolute; right: 5px; top: 6px; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-image: url(../../css/shared/general/icons-admin.png); background-position: 0 -949px; background-repeat: no-repeat; } /* ----------------------------------------------------------------------------- RECORD SET -----------------------------------------------------------------------------*/ .tablebody{ border: 1px solid #bdbdbd; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 30px; /* -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; */ } .tableheaders{ background-color: #EDF3FD; } .tableheaders td, .tableheaders th{ color: #535353; font-weight: bold; padding-top: 6px !important; padding-bottom: 6px !important; } .tableheaders td a, .tableheaders th a{ color: #535353; font-weight: bold; } .tabletopcell{ height: 24px; padding-top: 8px; padding-bottom: 8px; padding-left: 9px; background-image: url(../../css/shared/tables/gray-top-bottom-bg.png); background-repeat: repeat-x; border-bottom: 1px solid #bdbdbd; border-top-right-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; } .tabletop-inner{ width: 100%; padding:0px; margin:0px; } .tabletop-inner td{ padding: 0px !important; } .tablesummary{ padding: 8px; background-color: #ffffcc; } .tablefooter{ padding-top: 8px; padding-bottom: 8px; padding-left: 0px !important; background-image: url(../../css/shared/tables/gray-top-bottom-bg.png); background-repeat: repeat-x; border-top: 1px solid #bdbdbd !important; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; } .tablefooterlink{ margin-left: 9px !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; padding: 2px 10px !important; } .table-title{ color: #4873b2; font-size: 108%; font-weight: bold; text-shadow: 0 1px 0 #FFFFFF; } .tablebody td, .tablebody th{ padding-left: 9px; padding-right: 9px; } .tablebody tr[id^="tr-"] td, .tablebody tr[id^="tr-"] th{ font-size: 93%; } .tcell{ padding-top: 6px !important; padding-bottom: 6px !important; } .tcell a{ color: #3a6a9a; font-weight: bold; } .tcell-center{ text-align: center; } .table-checkbox{ width: 14px; } .table-group td{ padding-top: 9px; padding-bottom: 9px; } .table-group{ background-color: #bdbdbd; } .table-group-value{ color: #fff; } .table-group-label{ color: #e8e6e7; } .hideflow-table{ table-layout: fixed; width: 100%; margin: 0px; } .hideflow-table td{ padding: 0px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; font-size: 100% !important; /*counter general font size of record table*/ } .hideflow-tags{ width: 140px; } .table-no-results{ height: 100px; text-align: center; font-size: 138.5% !important; color: #A4A4A4 } .noresult-share{ margin-left: 10px; margin-bottom: -12px; background: url(../../img/tweet.png) no-repeat 0 0; } .noresult-share:hover{ background: url(../../img/tweet.png) no-repeat 0 -32px; } .rs-error{ color: red; } .tablerowon{ background-color: #F8F8F8; } .tablerowoff{ background-color: #FFF; } .tablerowon-blue{ background-color: #ebf3fc; } .tablerowon:hover, .tablerowoff:hover{ background-color: #FEFFE1; } .tablerow-spam{ background-color: #FDDFD7 !important; } .tablerow-trash{ background-color: #FDDFD7 !important; } .checkedfilterrow{ background-color: #FFFFCF; } .table-icons{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -600px; background-repeat: no-repeat; width: 16px; height: 16px; } .table-icons-replied{ background-position: 0 -600px; } .table-icons-unread{ background-position: 0 -650px; } .table-icons-read{ background-position: 0 -800px; } .table-icons-ov-1{ background-position: 0 -700px; } .table-icons-ov-2{ background-position: 0 -750px; } .table-icons-ov-3{ background-position: -400px -250px; } .table-icons-ov-4{ background-position: -400px -300px; } .table-icons-ov-5{ background-position: -400px -350px; } .table-icons-ov-6{ background-position: -400px -400px; } .table-icons-ov-7{ background-position: -400px -450px; } .table-icons-ov-8{ background-position: -400px -500px; } .table-icons-ov-9{ background-position: -400px -550px; } .table-icons-ov-10{ background-position: -400px -600px; } .table-icons-ov-11{ background-position: -400px -650px; } .table-icons-ov-12{ background-position: -400px -700px; } .table-icons-ov-13{ background-position: -400px -750px; } .table-icons-ov-14{ background-image: url(../../css/shared/general/helpspotmobile.png); background-repeat: no-repeat; background-position: 0 0; width: 16px; height: 16px; } .table-top-select{ position: absolute; right: 17px; top: 5px; margin: 0; padding: 0; } .table-top-menu{ position: absolute; right: 0px; top: 10px; height: 20px; margin: 0; padding: 0; } .table-top-menu ul{ margin: 0px; } .table-top-menu li{ float: left; margin: 0; margin-right: 10px; padding: 0; display: block; list-style-type: none; cursor: pointer; } .table-top-menu li a{ float: left; height: 20px; line-height: 20px; width: 20px; cursor: pointer; background-image: url(../../css/shared/general/icons.png); background-repeat: no-repeat; } .table-top-menu li select{ float: left; margin-top: -2px; } .table-top-menu .hr{ border-right: 1px solid #c7c8c9; width: 1px; height: 20px; } #table-top-menu-grid{ background-position: 0 -900px;} .table-top-menu li.active a#table-top-menu-grid,#table-top-menu-grid:hover{ background-position: -20px -900px;} #table-top-menu-stream{ background-position: 0 -950px;} .table-top-menu li.active a#table-top-menu-stream,#table-top-menu-stream:hover{ background-position: -20px -950px;} #table-top-menu-report{ background-position: 0 -1000px;} .table-top-menu li.active a#table-top-menu-report,#table-top-menu-report:hover{ background-position: -20px -1000px;} #table-top-menu-triage{ background-position: 0 -1050px;} .table-top-menu li.active a#table-top-menu-triage,#table-top-menu-triage:hover{ background-position: -20px -1050px;} #table-top-menu-options{ background-position: 0 -1100px;} .table-top-menu li.active a#table-top-menu-options,#table-top-menu-options:hover{ background-position: -20px -1100px;} #table-top-menu-print{ background-position: 0 -1200px;} .table-top-menu li.active a#table-top-menu-print,#table-top-menu-print:hover{ background-position: -20px -1200px;} #table-top-menu-export{ background-position: 0 -1250px;} .table-top-menu li.active a#table-top-menu-export,#table-top-menu-export:hover{ background-position: -20px -1250px;} /*RSS also has a class */ #table-top-menu-rss, .top-rss-feed{ background-position: 0 -1150px;} .table-top-menu li.active a#table-top-menu-rss,#table-top-menu-rss:hover, .top-rss-feed:hover{ background-position: -20px -1150px;} #triage-row td{ height: 200px; line-height: 200px; text-align: center; border-bottom: 3px solid #bdbdbd; } /* for shortcut pointer */ .tablerowpointer{ background-image: url(../../css/shared/general/scpointer.gif); background-repeat: no-repeat; background-position: center left; } .reqid-link{ display: block; cursor:pointer; text-decoration: underline; font-size: 107% !important; /*counter general font size of record table*/ font-weight: bold; text-shadow: 0 1px 0 #FFFFFF; color: #214F89 !important; } .urgentrow{ color: #aa2f2b; } .viewing-wrapper{ background-color: #fff; padding: 10px 10px 3px 10px; } .viewing-header{ padding: 0 !important; } td.viewing{ padding: 0 !important; } td.viewing-1{ background-color: #4B2276; cursor: pointer; } td.viewing-2{ background-color: #dc2d20 !important; cursor: pointer; } .color-label{ border-radius: 3px; padding: 3px 6px; color: #000; font-size: 10px; } .color-label.light-color { color: #fff; } /* ----------------------------------------------------------------------------- TABS -----------------------------------------------------------------------------*/ .tab_wrap{ position: relative; } .tab_wrap > div{ border: 1px solid #bdbdbd; background-color: #f2f2f2; -webkit-border-radius: 2px; -webkit-border-top-left-radius: 0; -moz-border-radius: 2px; -moz-border-radius-topleft: 0; border-radius: 2px; border-top-left-radius: 0; } .tab_wrap ul.tabs { list-style: none; margin: 0; display: block; } .tab_wrap ul.tabs li { float: left; text-align: center; padding: 0; list-style: none; } .tab_wrap ul.tabs li.right { float: right; } .tab_wrap ul.tabs li a { position: relative; display: block; padding: 6px 8px 6px 26px; font-size: 93%; text-decoration: none; margin-right: 5px; line-height: 19px; height: 17px; /* plus 6 + 6 + 1 */ border-left: 1px solid #bdbdbd; border-top: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; background: #F3F3F3; /* old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dedede)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede',GradientType=0 ); /* ie */ color:#214f89; text-shadow:#fff 1px 1px 1px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } /* tabs with no icons */ .tab_wrap ul.tabs li.noicon a { padding-left: 8px; } .tab_wrap ul.tabs li a:hover { color: #222; text-decoration: none; text-shadow: none; } .tab_wrap ul.tabs li a.active { color: #fff; text-shadow: rgba(0,0,0,0.5) 0px -1px 0px; text-decoration: none; } .tab_wrap ul.tabs li a div{ position: absolute; width: 12px; height: 12px; top: 9px; left: 8px; background-image: url(../../css/shared/general/icons.png); background-repeat: no-repeat; } .tab_wrap ul.tabs li a div.img-options{ background-position: 0px -2000px; } .tab_wrap ul.tabs li a.active div.img-options{ background-position: -12px -2000px; } .tab_wrap ul.tabs li a div.img-filter{ background-position: -24px -2000px; } .tab_wrap ul.tabs li a.active div.img-filter{ background-position: -36px -2000px; } .tab_wrap ul.tabs li a div.img-customersearch{ background-position: -48px -2000px; } .tab_wrap ul.tabs li a.active div.img-customersearch{ background-position: -60px -2000px; } .tab_wrap ul.tabs li a div.img-datasearch{ background-position: -72px -2000px; } .tab_wrap ul.tabs li a.active div.img-datasearch{ background-position: -84px -2000px; } .tab_wrap ul.tabs li a div.img-advsearch{ width:9px;background-position: 0px -2012px; } .tab_wrap ul.tabs li a.active div.img-advsearch{ width:9px;background-position: -9px -2012px; } .tab_wrap ul.tabs li a div.img-help{ background-position: -96px -2000px; } .tab_wrap ul.tabs li a.active div.img-help{ background-position: -108px -2000px; } .tab_wrap ul.tabs li a div.img-livelookup{ background-position: -120px -2000px; } .tab_wrap ul.tabs li a.active div.img-livelookup{ background-position: -132px -2000px; } .tab_wrap ul.tabs li a div.img-tags{ background-position: -144px -2000px; } .tab_wrap ul.tabs li a.active div.img-tags{ background-position: -156px -2000px; } .tab_wrap ul.tabs li a div.img-request{ width:9px;background-position: -18px -2012px; } .tab_wrap ul.tabs li a.active div.img-request{ width:9px;background-position: -27px -2012px; } .tab_wrap ul.tabs li a div.img-graph{ background-position: -192px -2000px; } .tab_wrap ul.tabs li a.active div.img-graph{ background-position: -204px -2000px; } .tab_wrap ul.tabs li a div.img-data{ background-position: -168px -2000px; } .tab_wrap ul.tabs li a.active div.img-data{ background-position: -180px -2000px; } .tab_wrap > div { padding: 17px; clear: both; } .tab_wrap > div.nopadding{ padding: 0px; } .tab_option_button{ position: absolute; display: block; top: 10px; right: 47px; height: 20px; width: 20px; cursor: pointer; background-position: 0 -1100px; background-image: url(../../css/shared/general/icons.png); background-repeat: no-repeat; } .tab_option_button:hover{ background-position: -20px -1100px; } /* hover menu point */ .tab_option_button span{ display: block; height: 20px; width: 20px; } .request_print_button{ right: 17px; background-position: 0 -1200px; } .request_print_button:hover{ background-position: -20px -1200px; } .request_calendar_button{ right: 77px; background-position: 0px -920px; } .request_calendar_button:hover{ background-position: -20px -920px; } .request_calendar_button_active{ right: 77px; background-position: -40px -920px; } .history_tab, .livelookup_tab{ background-color: #fff; } #customer_ajax_ll { overflow-x: auto; } #customer_ajax_history .tablebody, #customer_ajax_ll .tablebody{ margin-bottom: 0px !important; border: none; } #time-tracker-options{ position: absolute; display: block; top: 60px; right: 17px; height: 20px; width: 20px; cursor: pointer; background-position: 0 -1100px; background-image: url(../../css/shared/general/icons.png); background-repeat: no-repeat; } #time-tracker-total{ position: absolute; top: 0px; right: 17px; cursor: pointer; color: #70a078; text-decoration: underline; } /* ----------------------------------------------------------------------------- PERSON STATUS UPDATE -----------------------------------------------------------------------------*/ .person-status-table{ width: 100%; padding: 0px; margin-bottom: 17px; } .person-status-info{ background-color: #4B2276; color: #fff; vertical-align:middle; font-size:100%; padding-left:9px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .person-status-being-edited{ background-color: #831B13; } /* ----------------------------------------------------------------------------- STREAM VIEW -----------------------------------------------------------------------------*/ #streamView{} #streamViewBody{ padding: 8px; } #streamViewTop{ width: 100%; position: absolute; bottom:0px; left:0; height: 30px; line-height: 30px; } .streamview_loading{ background-color: #fff; padding: 20px; width: 220px; margin: auto; margin-top: 200px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .streamViewTop_desc{ color: #222; text-shadow: 0px 1px 1px #fff; } #streamViewTriage{ z-index: 6001; position: absolute; top: 30px; left: 30px; width: 275px; border: 1px solid #bdbdbd; background-color: #fff; padding-bottom: 8px; box-shadow: rgba(0,0,0,0.55) 1px 1px3px; -webkit-box-shadow: rgba(0,0,0,0.55) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.55) 1px 1px 3px; } #streamViewTriage-header{ cursor: move; height: 28px; line-height: 28px; background-image: url(../../css/shared/tables/gray-top-bottom-bg.png); background-repeat: repeat-x; border-bottom: 1px solid #bdbdbd; } #streamViewTriage-icon{ float: left; margin: 4px; width: 20px; height: 20px; background-image: url(../../css/shared/general/icons.png); background-repeat: no-repeat; background-position: -20px -1050px; } #streamViewTriage-commands{ padding-left: 8px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #bdbdbd; overflow: auto; /* clears floats */ } #streamViewTriage-assign{ padding-left: 8px; padding-top: 8px; padding-bottom: 8px; } .streamViewTriageHighlight{ background-color: #A9A76E; } #streamViewTriage-id{ text-decoration: underline; } #streamViewTriage-count{ float: right; margin-right: 8px; color: #4C535B; font-size: 93%; height: 28px; line-height: 28px; } .streamViewTriage-spam{ background-image:url(../../css/shared/tooltip-menu/spam.png); } .streamViewTriage-trash{ background-image:url(../../css/shared/tooltip-menu/trash.png); } .streamViewTriage-skip{ background-image:url(../../css/shared/tooltip-menu/skip.png); } /* ----------------------------------------------------------------------------- NOTE STREAM ITEMS -----------------------------------------------------------------------------*/ .note-stream-item{ position: relative; border-top: 1px solid #bdbdbd; background-color: #fff; } .note-stream-item-public{ background: #e3ece1; /* old browsers */ background: -moz-linear-gradient(top, #e3ece1 0%, #ffffff 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3ece1), color-stop(100%,#ffffff)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ece1', endColorstr='#ffffff',GradientType=0 ); /* ie */ } .note-stream-item-inner-wrap{ min-height: 58px; padding: 17px; } .note-stream-item:first-child{ border-top: none; } .note-stream-item-public .note-stream-item-inner-wrap{ border-right: 7px solid #549443; min-height: 90px; } .note-stream-item-private .note-stream-item-inner-wrap{ border-right: 7px solid #daced3; } .note-stream-item-external .note-stream-item-inner-wrap{ border-right: 7px solid #fff2c3; } .note-stream-item-odd{ /*background-color: #edf3fb;*/ /*#f7f9fb;*/ } .note-stream-item-icon{ position: absolute; top: 18px; left: 17px; } .note-stream-item-name{ position: absolute; top: 18px; left: 95px; font-size: 108%; color: #4873b2; } /* .note-stream-item-name-public{ color: #549443; } .note-stream-item-name-private{ color: #7e0000; } .note-stream-item-name-external{ color: #c9bf6d; } */ .note-stream-item-pin { position: absolute; top: 86px; left: 17px; font-size: 77%; color: #7e7e7e; white-space: nowrap; width: 48px; background-color: #fff; border: 1px solid #d6d6d6; padding: 4px; text-align: center; text-decoration: none; opacity: 0.5; } a.note-stream-item-pin:hover { text-decoration: none; background: #efefef; opacity: 1; } .note-stream-item-pin.pinned { border-color: #DD8863; color: #DD8863; opacity: 1; background: transparent; } a.note-stream-item-pin.pinned:hover { background: #efefef; } .note-stream-item-date{ position: absolute; top: 6px; right: 104px; font-size: 77%; color: #7e7e7e; white-space: nowrap; } .note-stream-item-date-forum{ position: absolute; top: 6px; right: 17px; font-size: 77%; color: #7e7e7e; white-space: nowrap; } .note-stream-timestamp .note-stream-item-right{ padding-right: 17px; } .note-stream-timestamp .cancel{ font-size: 85%; } .note-stream-item-text-meta{ margin-top: 10px; color: #7e7e7e; } .note-stream-item-text-meta strong, .note-stream-item-text-meta span{ font-size: 85%; } .note-stream-item-text-meta .highlight{ color: #65a762; } .note-stream-item-text-meta a:link { font-size:85%; color: #6b98d7; text-decoration: none;} .note-stream-item-text-meta a:visited { font-size:85%; color: #6b98d7; text-decoration: none;} .note-stream-item-text-meta a:hover { font-size:85%; color: #6b98d7; text-decoration: underline;} .note-stream-item-text-meta a:active { font-size:85%; color: #6b98d7; text-decoration: underline;} .note-stream-item-text{ margin-top: 28px; margin-left: 78px; font-size: 100%; word-break: break-word; } .note-stream-item-logtext{ padding-left: 20px; margin-bottom: 4px; color: #949499; background-image: url(../../css/shared/general/icons.png); background-position: -400px -1900px; background-repeat: no-repeat; } .note-stream-item-body-private{ /*color: #949499;*/ background-color: transparent !important; /*override email clients that put in white backgrounds*/ } .note-stream-item-body-private table{ word-break: break-all; /*break words if a large table with non-breaking data is inserted*/ } .note-stream-item-body-public table{ word-break: break-all; /*break words if a large table with non-breaking data is inserted*/ } .note-stream-item-body-public div{ background-color: transparent !important; /*override email clients that put in white backgrounds*/ } /* fix inline images which get resized to different than default */ .note-stream-item-inline-img{ width: auto !important; height: auto !important; cursor: pointer; max-width: 560px; } .note-stream-item-text-clickable:hover{ background-color: #ffffe6; cursor: pointer; } .note-stream-item-time{ padding: 3px; color: #fff; background-color: #6296b1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .note-stream-item-right{ position: absolute; top: 18px; right: 0px; } .note-stream-item-to{ color: #555; font-size: 85%; } .note-stream-item-flag{ width: 120px; padding: 5px; background-color: #5f7077; font-size: 85%; margin: 0px auto; margin-top: -17px; text-align: center; color: #fff; } .note-stream-load-more{ border-top: 1px solid #bdbdbd; background-color: #eeeeee; margin: 0px auto; overflow: none; background: url(../../img/fabric_bg.jpg) repeat 0 0; } .note-stream-load-more-nobg{ background: none !important; background-color: #fff; } .note-stream-load-more-top{ height: 10px; margin-bottom: 10px; background: url(../../img/sawedge.png) repeat 0 0; } .note-stream-load-more-bottom{ height: 10px; margin-top: 10px; background: url(../../img/sawedge_bottom.png) repeat 0 0; } .note-stream-load-more-text{ float: left; margin-right: 20px; margin-left: 17px; padding: 5px 10px 6px; font-size: 93%; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .note-stream-header-wrap{ margin-bottom: 10px; } .note-stream-header-item{ color: #949499; font-size: 85%; margin-bottom: 2px; } .note-stream-item-attachments{ margin-left: 78px; border-top: 1px solid #BDBDBD; margin-top: 17px; } .note-stream-item-attachment-detail{ position: relative; padding-left: 60px; padding-bottom: 20px; min-height: 48px; overflow: hidden; } .note-stream-item-attachment-detail:first-child{ margin-top: 17px; } .note-stream-item-attachment-detail:last-child{ padding-bottom: 0px; } .note-stream-item-attachment-detail strong{ display: block; margin-bottom: 3px; font-size: 108%; cursor: pointer; } .note-stream-item-attachment-icon{ position: absolute; top: 0px; left: 0px; width: 48px; height: 48px; cursor: pointer; } .note-stream-item-attachment-filesize{ float: left; margin-top: 3px; margin-right: 10px; font-size: 93%; color: #555; } .note-stream-item-menubtn{ position: absolute; top: 50px; left: 17px; width: 58px; height: 26px; line-height: 26px; text-align: center; background-color: #a7c8a1; color: #fff; overflow: hidden; cursor: pointer; } .note-stream-item-menubtn:hover{ background-color: #ababab; color: #fff; } .prototip .tooltip-menu li:first-child{ border-top: 0px !important; } /* ----------------------------------------------------------------------------- NOTE LABELS -----------------------------------------------------------------------------*/ .note-label{ width: 70px; padding: 3px 0px; font-size: 93%; text-align: center; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .label-public{ border-color: #e3ece1; color: #e3ece1; background-color: #549443; } .label-private{ border-color: #892121; color: #7e0000; background-color: #daced3; } .label-external{ border-color: #dfd479; color: #c69054; background-color: #fff2c3; } /* ----------------------------------------------------------------------------- SCROLLBAR -----------------------------------------------------------------------------*/ .scrollbar_container { position:relative; width:500px; } .scrollbar_track { position:absolute; top:0; right:0; height:100%; width:10px; background-color: #d2d2d2; cursor:move; } .scrollbar_handle { width:10px; background-color:#3D69B1; cursor:move; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; } .scrollbar_content { overflow:hidden; width:485px; /*height:250px; */ } /* ----------------------------------------------------------------------------- GETTING STARTED -----------------------------------------------------------------------------*/ .gs_row{ color: #94A666; margin-bottom: 5px; padding-left: 30px; background: url(../../css/shared/getstarted/checkbox.png) no-repeat 0px 4px; } .gs_row span.item{ font-size: 174%; font-weight: bold; } .gs_row span.item a{ color: #94A666; text-decoration: none; } .gs_row span.desc{ padding-top: 4px; font-size: 93%; float: right; color: #A0A0A0 !important; } .gs_row.done{ background: url(../../css/shared/getstarted/checkbox-checked.png) no-repeat 0px 4px; } .gs_row.done span a{ /*text-decoration: line-through;*/ color: #A0A0A0 !important; } .gs_row.done span.item{ text-decoration: line-through; font-weight: normal; } .gs_info{ background-color: #ccc; margin-bottom: 10px; } .gs_sep{ height: 5px; margin-bottom: 11px; border-bottom: 1px solid #bdbdbd; } /* ----------------------------------------------------------------------------- CONTENT BOX -----------------------------------------------------------------------------*/ .box{ position: relative; border: 1px solid #bdbdbd; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 15px; margin-top: 15px; /* -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; */ } .box div.box_title{ position: relative; height: 40px; line-height: 40px; color: #4873b2; font-size: 108%; font-weight: bold; text-shadow: 0 1px 0 #FFFFFF; padding-left: 17px; background-image: url(../../css/shared/tables/gray-top-bottom-bg.png); background-repeat: repeat-x; border-bottom: 1px solid #bdbdbd; border-top-right-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; } .box div.box_title span.box_title_big{ font-size: 174%; } .box div.box_top{ background-color: #f2f2f2; border-bottom: 1px solid #bdbdbd; padding: 17px; } /* also used in tabs */ div.box_top_note{ font-size: 93%; color: #2b2b2b; padding: 9px; background-color: #FBFBFB; border: 1px solid #bdbdbd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .box div.box_top_note b{ color: #CC527A; } .box div.box_top_html{ margin-top: 17px; } .box div.box_body{ padding: 17px; } .box div.box_body_tight_top{ padding-top: 0px; } .box div.box_body_solid{ background-color: #f2f2f2; } .box div.box_footer{ position: relative; padding: 7px 17px; background-image: url(../../css/shared/tables/gray-top-bottom-bg.png); background-repeat: repeat-x; border-top: 1px solid #bdbdbd; } .box-min-padding{ padding: 0px !important; padding-top: 3px !important; padding-bottom: 3px !important; } .box-no-padding{ padding: 0px !important; } .box-code{ padding: 0px !important; padding-top: 3px !important; padding-bottom: 3px !important; background-color: #eee; } .box-top-noborder div.box_top{ border-bottom: none !important; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .box-top-noborder div.box_title{ /*border-bottom: none;*/ } .box-hide{ display: none !important; } .box-noborder{ border: none; } .box-no-top-margin{ margin-top: 0px; } .box-no-bottom-margin{ margin-bottom: 0px; } .box-scrolling{ height: 300px; overflow: scroll; } /* remove space when used at top of screen */ #yui-main > .yui-b > form > .box, #yui-main > .yui-b > .box{ margin-top: 0px; } /* exception for filter page */ #yui-main > .yui-b > form.filterform > .box{ margin-top: 17px; } /* ----------------------------------------------------------------------------- PERMISSION SELECTION UI -----------------------------------------------------------------------------*/ .perm-select-wrap{ margin-bottom: 8px; } .perm-select-radio{ float: left; margin-right: 5px; } #ps-group-pick{ margin-left: 20px; } #ps-person-pick{ width: 340px; margin-left: 20px; padding-top: 8px; } #ps-person-pick .select-multiple{ width: 340px; } /* ----------------------------------------------------------------------------- CONTENT BOX TOP MENU -----------------------------------------------------------------------------*/ .box-top-menu{ display:block; position:absolute; top: 0px; right: 0px; background-color: transparent; margin: 0px; z-index: 99; } .box-top-menu > li.box-top-menu-li{ float: left; margin: 0; padding: 0; display: block; list-style-type: none; border-left: 1px solid #bdbdbd; height: 40px; line-height: 40px; padding: 0px 17px 0px 17px; } .box-top-menu li:first-child{ border-left: none; } .box-top-menu-li-border{ border-left: 1px solid #bdbdbd !important; } .box-top-menu li a{ display: block; text-decoration: none; color: #555; font-size:85%; } .box-top-menu li a:hover{ color: #a0a0a0; } .box-top-menu-arrow{ height: 9px; width: 9px; position: relative; display: inline-block; margin: 0px 0px 0px 4px; top: 2px; background-image: url(../../css/shared/general/icons.png); background-position: 0px -400px; background-repeat: no-repeat; } .search-responses-wrap{ margin-top: 10px; } /* ----------------------------------------------------------------------------- MILONIC MENU ADJUSTMENTS -----------------------------------------------------------------------------*/ .milonictable{ margin-bottom: 0px; } /* ----------------------------------------------------------------------------- FORM TABLE -----------------------------------------------------------------------------*/ .ft{ margin-bottom: 0px; } .ft-actions{ background-color: #f2f2f2; border-bottom: 1px solid #ccc; padding: 10px; width: 100%; } .ft .tdl{ width: 170px; padding-top: 5px; padding-right: 15px; text-align: right; vertical-align: top; } .tdl-short{ width: 100px !important; } .ft .tdlcheckbox{ padding-top: 2px; } .ft .tdl label{ } /* small additional info in lable */ .ft .tdl label span{ font-size: 85%; font-weight: normal; } .ft .tdr span{ /*when used with text and not forms */ font-weight: bold; } .ft .tdr label{ display: inline; /* not a block when on right side */ } .ft .tdr input[type=text], .ft .tdr input[type=email] { width: 360px; } .ft .tdr .input-80{ width: 80px; } .ft .tdr textarea{ width: 360px; } .ft .tdr select{ width: 380px; /*extra 20px so it matches inputs which have 20px of padding*/ } .ft .tdr select.short{ width: 180px; } .ft .tdr select.tiny{ width: 100px; } .ft .tdr .tddesc{ font-size: 85%; color: #B3B3B3; width: 340px; margin-top: 10px; padding: 5px 5px 5px 5px; } .error.tddesc { background: #fff; color: #aa2f2b; margin-top: 10px; } .ft .tdr .tdcheckdesc{ margin-top: 5px; padding: 0px; } .ft tr.trr:hover .tddesc{ color: #222; background-color: #FEFFE1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .ft .tdspace{ height: 15px; } .ft .linespace{ height: 7px; } .ft .line{ border-top: 1px solid #E0E0E0; height: 8px; } /* ----------------------------------------------------------------------------- FIELDSETS -----------------------------------------------------------------------------*/ fieldset{} .section-wrap{ margin-bottom: 15px; } .sectionhead{ color: #555555; font-weight: bold; letter-spacing: 0.1em; padding-bottom:4px; margin: 15px 0px; background: url(../../img/dot.gif) repeat-x scroll center bottom transparent; /* width: 349px; background: url(../../img/dot.gif) repeat-x scroll center bottom transparent; border-left: 11px solid #fff; font-size: 116%; font-weight: bold; color: #555; padding: 5px 10px; margin: 25px 0px; margin-left: 185px; */ } /* ----------------------------------------------------------------------------- SELECT MULTIPLE -----------------------------------------------------------------------------*/ .select-multiple{ position:relative; height: 150px; width: 380px; overflow: auto; border: 2px solid #BBBBBB; font-size: 93%; background-color: #fff; } .select-multiple-row{ position: relative; display: block; text-decoration: none; padding: 7px; padding-left: 35px; height: 14px; line-height: 14px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #a7a7a7; } .select-multiple-row > div.icon{ position: absolute; top: 5px; left: 5px; width: 21px; height: 18px; background-image: url(../../css/shared/general/icons.png); background-position: 0px -1650px; background-repeat: no-repeat; } .select-multiple-row-alt{ border-color: #ebf3fc; background-color: #ebf3fc; } .select-multiple-row:hover{ border-bottom: 1px solid #B3B3B3; } .select-multiple-selected{ color: #72ac61; font-weight: bold; } .select-multiple-selected > div.icon{ background-position: 0px -1600px; } .select-multiple-subscribe{ float: right; color: #555555; font-size: 85%; font-weight: bold; letter-spacing: 0.1em; margin-top: 3px; } /*************************************************** CHECKBOX MENU ***************************************************/ .checkbox-menu{ width: 28px; } .checkbox-menu-arrow{ float: right; margin-top: 4px; width: 9px; height: 8px; background-image: url(../../css/shared/general/icons.png); background-position: 0 -399px; background-repeat: no-repeat; cursor: pointer; } /*************************************************** CALENDAR INPUT BOX ***************************************************/ .calendar_input{ /*try to match a normal input field as much as possible */ font-size: 93%; padding-right: 10px; /*assume 14px text height for total of 26 */ padding-top: 5px; padding-bottom: 5px; border: 1px solid #BBBBBB; -webkit-box-shadow: 0 1px 1em #fff; -moz-box-shadow: 0 1px 1em #fff; box-shadow: 0 1px 1em #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff url(../../css/shared/general/input-bg.png) 0 0 repeat-x; position: relative; text-align: bottom; cursor: pointer; padding-left: 30px; } .calendar_btn{ position: absolute; top: 1px; left: 1px; height: 22px; width: 24px; background-color: transparent; background-image: url(../../css/shared/general/icons.png); background-position: -392px -1350px; background-repeat: no-repeat; } /* changes to jscal2 */ .DynarchCalendar-topCont{ z-index: 99999999999 !important; } .DynarchCalendar-hover-title div { background-image: url("../../js/jscal2/css/img/drop-down.gif"); } .DynarchCalendar-pressed-title div { background-image: url("../../js/jscal2/css/img/drop-up.gif"); } .DynarchCalendar-prevMonth div { background-image: url("../../js/jscal2/css/img/nav-left.gif"); } .DynarchCalendar-nextMonth div { background-image: url("../../js/jscal2/css/img/nav-right.gif"); } .DynarchCalendar-prevYear div { background-image: url("../../js/jscal2/css/img/nav-left-x2.gif"); } .DynarchCalendar-nextYear div { background-image: url("../../js/jscal2/css/img/nav-right-x2.gif"); } .DynarchCalendar-time-down { background: url("../../js/jscal2/css/img/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; } .DynarchCalendar-time-up { background: url("../../js/jscal2/css/img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; } /*************************************************** SORTABLE ***************************************************/ .sortablelist { margin-top: 5px; margin: 0px; padding: 0px; padding-right: 39px; /*padding adjustment from .sortable*/ list-style-type: none; } .sortable{ background-color: #d6d6d6; background-image: url(../../img/drag.gif); background-position: 10px 50%; background-repeat: no-repeat; border: 1px solid #989898; font-weight: bold; color: #333333; text-shadow: 0 1px 0 #FFFFFF; width: 100%; margin-top: 5px; margin-bottom: 5px; padding: 8px; padding-left: 30px; cursor: move; list-style-type: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .sortable_filter{ border-bottom: 1px solid #BBBBBB; font-weight: bold; font-size: 85%; vertical-align: middle; width: 380px; margin-top: 5px; margin-bottom: 5px; padding: 2px; } .sortable_drag{ color: #009933; padding: 3px; } #listItemID span{ color: #555; } .filter_width_text{ position: absolute; right: 3px; top: 1px; width: 40px; text-align: right; font-weight: normal; color: #4C4C4C; font-size: 10px; } /*************************************************** CATEGORY LIST ***************************************************/ #categoryListBox{ margin-top: 8px; } .categoryListItem{ border-bottom: 1px solid #BBBBBB; font-weight: bold; font-size: 85%; vertical-align: middle; width: 380px; margin-top: 5px; margin-bottom: 5px; padding: 5px 2px 5px 2px; color: #555; } .categoryListItem input{ margin-right: 6px; } /* ----------------------------------------------------------------------------- MESSAGE BOX -----------------------------------------------------------------------------*/ #hs_msg, .hs_msg{ height: 26px; line-height: 26px; font-size: 100%; background-color: #eb6f31; text-align: center; padding: 10px 17px; color: #fff; z-index: 9999; margin-bottom: 20px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; } .hs_msg a { color: #fff; } #hs_msg { position: fixed; top: 0px; left: 25px !important; } .hs_msg_inset{ -moz-box-shadow: inset 0 0 5px #000000 !important; -webkit-box-shadow: inset 0 0 5px #000000 !important; box-shadow: inset 0 0 5px #000000 !important; } /* ----------------------------------------------------------------------------- SETTINGS PAGE -----------------------------------------------------------------------------*/ .settings-box{ display: none; } #cHD_TIMEZONE_OVERRIDE_TABLE{ border: 1px solid #D6D6D6; margin-top: 10px; width: 380px; } #cHD_TIMEZONE_OVERRIDE_TABLE th{ background-color: #D6D6D6; color: #fff; padding: 3px !important; font-size: 85%; text-align: left; } #cHD_TIMEZONE_OVERRIDE_TABLE td{ padding: 3px !important; font-size: 85%; } /* ----------------------------------------------------------------------------- TAGS -----------------------------------------------------------------------------*/ .rt{ height: 19px; line-height: 18px; font-size: 11px; max-width: 280px; cursor: pointer; overflow: none; margin-right: 8px; margin-bottom: 5px; } .rt-btn{ display: block; float: left; padding-left: 18px; height: 19px; /*max-width: 150px;*/ overflow: hidden; background-image: url(../../css/shared/general/icons.png); background-position: 0 -1570px; background-repeat: no-repeat; color: #909090; } .rt-x{ display: block; float: right; width: 20px; height: 19px; margin-right: -2px; background-image: url(../../css/shared/general/icons.png); background-position: -276px -1570px; background-repeat: no-repeat; } .rt.active .rt-btn{ background-position: 0 -1550px; color: #555; font-weight: bold; } .rt.active .rt-x{ background-position: -276px -1550px; } #rt-notags{ color: #B3B3B3; font-size: 93%; } #reportingTags{ max-height: 185px; overflow: auto; } #reporting-tag-list{ margin: 0px; padding: 0px; } #reporting-tag-list li{ margin: 0; padding: 0; display: block; list-style-type: none; } /* special adjustments for search */ #tags_to_search .rt{ cursor: auto; } /* ----------------------------------------------------------------------------- CLEARFIX -----------------------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* ----------------------------------------------------------------------------- DRILL DOWN CF UI -----------------------------------------------------------------------------*/ .drilltree{ margin: 0px; margin-left: 5px; padding-left: 5px; list-style-type:none; background: transparent url(../../img/dot-vert.png) repeat-y top left; } .drilltree li{ list-style-type:none; } .no-drop-line{ background-image: none; } /*************************************************** ADDRESS BOOK ***************************************************/ #ab_contact_header{ background-color: #ccc; text-align: center; font-weight: bold; font-size: 14px; padding-top: 4px; padding-bottom: 4px; } #ab_contact_list{ height: 440px; border: 1px solid #ccc; overflow: auto; position: relative; } .ab-list-header{ border-bottom: 2px solid #999999; font-size: 16px; font-weight: bold; margin: 0; padding: 5px 5px 5px 10px; } .ab-list-contact{ font-size: 11px; color: #7F7F7F; border-bottom: 1px solid #CCCCCC; overflow: hidden; padding: 5px; padding-left: 20px; } .ab-list-options{ float: right; } .ab-list-person{ font-size: 14px; font-weight: bold; color: #004080; } .ab-list-title{ font-weight: bold; } .ab-list-delete{ color: red !important; } .ab-list-letter-link{ display: block; width: 15px; margin-bottom: 4px; text-align: center; cursor: pointer; font-size: 11px; } .ab-list-letter-link-inactive{ color: #ccc !important; text-decoration: none !important; cursor: default; } .ab-list-cclink-inactive{ color: #000 !important; text-decoration: none !important; font-weight: bold; cursor: default; outline: none !important; } /* ----------------------------------------------------------------------------- BATCH ROWS -----------------------------------------------------------------------------*/ .batching_row{ height: 24px; line-height: 24px; border-top: 1px solid #ccc; padding: 5px; } .batching{ background-color: #fdf8a5; border-top: 2px solid #000; } .batching_complete{ background-color: #f3ffc3; } .batching_complete_linkbox{ background-color: #f3ffc3; border: 3px solid #ccc; padding: 6px; margin-top: 5px; } .batching_complete_error{ background-color: #fdf89f; } .batching_processed{ font-weight: bold; font-size: 1.3em; border: 3px solid #ccc; padding: 5px; } /* ----------------------------------------------------------------------------- BREADCRUMBS -----------------------------------------------------------------------------*/ .breadcrumbs{ border-bottom: 3px double #ccc; margin-bottom: 17px; padding-bottom: 3px; color: #555; } .breadcrumbs a:link { color: #6b98d7; text-decoration: none;} .breadcrumbs a:visited { color: #6b98d7; text-decoration: none;} .breadcrumbs a:hover { color: #6b98d7; text-decoration: none;} .breadcrumbs a:active { color: #6b98d7; text-decoration: none;} /* ----------------------------------------------------------------------------- KB -----------------------------------------------------------------------------*/ .kbtoc{ margin: 0px; list-style-type:none; } .kbtoc ul{ margin: 0px; } .kbtoc li{ list-style-type:none; margin-top: 10px; } .kbtoc > li:first-child{ margin-top: 0px; } .kbtoc li li{ margin-left: 25px; } .kb-chapter{ font-size: 146.5%; margin: 0px; color: #555; } .kb-pagedata{ color: #555; font-size: 93%; } .kb-pagedata-spacer{ margin-top: 10px; } .kb-helpful{ color: #429f53; } .kb-nothelpful{ color: #c01525; } .kb-highlighted{ color: #f9931d; } .kbhighlight{ color: #f9931d !important; } .kbhidden{ color: #c88588 !important; } .kb-related-link{ display: block; padding-left: 23px; background-image: url(../../css/shared/general/icons.png); background-position: -400px -1946px; background-repeat: no-repeat; color: #6B98D7; } .kb-table{ width: 100%; margin: 0px; } .kb-book-desc{ margin-top:17px; margin-bottom:17px; } .kb-body{ padding: 17px; background-color: #fff; } .kb-sidebar{ padding: 17px; } .kb-chapter-menu{ float: right; } .kb-chapter-row:hover .edit{ display: block; } .kb-page{ font-size: 108%; } .kbtoc a.kb-page:link { color: #6b98d7; text-decoration: none;} .kbtoc a.kb-page:visited { color: #6b98d7; text-decoration: none;} .kbtoc a.kb-page:hover { color: #6b98d7; text-decoration: underline;} .kbtoc a.kb-page:active { color: #6b98d7; text-decoration: underline;} .kb-sidebar-ul{ margin: 0px; list-style-type:none; } .kb-sidebar-ul li{ list-style-type:none; margin-top: 10px; } /* ----------------------------------------------------------------------------- CHARTS -----------------------------------------------------------------------------*/ .chart-meta-info{ font-size: 55px; color: #797872; } .chart-meta-sub{ color: #937657; } #report_wrap{ position: relative; } #report_desc{ position: absolute; top: 8px; right: 0; color: #929292; font-size: 93%; } #report_loading{ min-height: 600px; } #report_table{ background-color: #fff; margin-bottom: 0px; width: 100%; } .report-col-width{ width: 100px; } .report-col-width span{ color: #ccc; } .time_or{ color: #555; padding: 0px 8px; } #graph_tab{ position: relative; padding-top: 0px; } .graph_options{ background: #fff; border: 1px solid #afafaf; padding: 6px 8px; min-height: 41px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .graph_options_table{ margin: 0px; } #graph_wrap_bar .tablebody{ margin-bottom: 15px; } #graph_wrap_bar .loading{ padding-top: 100px; color: #555; font-size: 45px; text-align: center; text-shadow: #fff 1px 1px 0; } #graph_wrap_bar.reportlist .loading{ height: 100px; line-height: 100px; padding-top: 0px; } .report-stats-table{ color: #555; } .report-stats-table td{ padding-top: 4px; border-bottom: 1px solid #ccc; } #report_datatable{ background-color: #F2F2F2; border: 1px solid #BDBDBD; padding: 17px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* ----------------------------------------------------------------------------- TAG CLOUD -----------------------------------------------------------------------------*/ .tagcloud a{ display: inline-block; padding: 4px 6px; color: #555; text-decoration: none; height: 26px; line-height: 26px; } .tagcloud a:hover{ background-color: #C4C4C4; color: #fff; text-decoration: none; } .tagcloud span{ color: #dcdcdc; font-size: 85%; } /* ----------------------------------------------------------------------------- MISC -----------------------------------------------------------------------------*/ .hand { cursor: pointer; } .red{ /*color: red;*/ color: #aa2f2b; } .initsubject{ color: #7F7F7F; } .validation-advice { margin: 5px 0; padding: 5px; background-color: #C26D6B; color : #FFF; font-weight: bold; } .cancel { color: #aa2f2b; cursor: pointer; font-weight: bold; padding: 1px; } .cancel_hover,.cancel:hover { color: #fff; background-color: #aa2f2b; } .beta{ position: absolute; top: 0px; left: 0px; width: 70px; height: 70px; background-image: url(../../img/beta.png); background-repeat: no-repeat; } .action_link{ display: block; float: left; border-bottom: 1px dotted #6b98d7; text-decoration: none; color: #6b98d7; margin-top: 3px; margin-right: 10px; } .mod_action_link{ border-bottom: 1px dotted #6b98d7; text-decoration: none; color: #6b98d7; } a.redlink:link { color: #aa2f2b; text-decoration: underline;} a.redlink:visited { color: #aa2f2b; text-decoration: underline;} a.redlink:hover { color: #aa2f2b; text-decoration: underline;} a.redlink:active { color: #aa2f2b; text-decoration: underline;} a.actionlink:link { font-size:85%; color: #0000cc; text-decoration: none;} a.actionlink:visited { font-size:85%; color: #0000cc; text-decoration: none;} a.actionlink:hover { font-size:85%; color: #0000cc; text-decoration: underline;} a.actionlink:active { font-size:85%; color: #0000cc; text-decoration: underline;} .secondary_formbutton{ color: #4c4c4c !important; } .wscolslnk{ color: blue; text-decoration: underline; cursor: pointer; } .search-meta{ font-size: 93%; color: #555; } .inline_loading{ background-color: #fff; padding: 20px; width: 220px; margin: auto; margin-top: 5px; margin-bottom: 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .nice-line{ height: 2px; margin-top: 10px; margin-bottom: 10px; background-image: url(../../css/shared/general/niceline.png); background-repeat: repeat-x; } .big-number{ font-size: 161.6%; } .big-number-link{ color: #4A63E0; } .filter-viewable{ margin-top:-20px; color: #555555; } .hderrorbox{ border: 1px solid #7D2726; background-color: #DFCACA; color: #721211; font-size: 108%; line-height: 116%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; */ } .hderrorbox-img{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -1450px; background-repeat: no-repeat; } .hdfeedbackbox{ border: 1px solid #498526; background-color: #DCE8D8; color: #498526; font-size: 108%; line-height: 116%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; */ } .hdfeedbackbox-img{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -1350px; background-repeat: no-repeat; } .hdsystembox{ border: 1px solid #E48C21; background-color: #E4D5C3; color: #B36D1B; font-size: 108%; line-height: 116%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; */ } .hdsystembox-report{ border: 1px solid #9a9a9d; background-color: #c5c0be; color: #e6e9ed; font-size: 108%; line-height: 116%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hdsystembox-img{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -1400px; background-repeat: no-repeat; } .hdtrashbox{ border: 1px solid #E48C21; background-color: #E4D5C3; color: #B36D1B; font-size: 108%; line-height: 116%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hdtrashbox-img{ background-image: url(../../css/shared/general/icons.png); background-position: 0 -1500px; background-repeat: no-repeat; } .hdtrashbox td, .hdsystembox td, .hdsystembox-report td, .hdfeedbackbox td, .hderrorbox td{ padding: 10px 10px 10px 15px; } /* for elements we want to round at our standard radius */ .rnd{ -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; } .hdformerror{ border: 2px solid #aa716f !important; } .hderrorlabel { display: block; color: #7e3b3b; font-size: 85%; vertical-align: top; margin-top: 2px; } .savemsg{ white-space: nowrap; color: green; font-size: 85%; margin-top: 5px; margin-left: 10px; float: left; } .tmp_customized{ color: green; font-size: 85%; } .lined{ font-family: monospace !important; font-size: 10pt !important; line-height: 11pt !important; padding: 5px !important; } .portal-theme-img{ margin-top: 15px; border: 1px solid #ccc; -webkit-box-shadow:rgba(0,0,0,.95) 0px 1px 3px; -moz-box-shadow:rgba(0,0,0,.95) 0px 1px 3px; box-shadow:rgba(0,0,0,.95) 0px 1px 3px; } .ll_popup{ height: 16px; width: 16px; background-image: url(../../css/shared/general/icons.png); background-position: 0 -500px; background-repeat: no-repeat; } .bigzero{ font-family: monaco,"Courier New", Courier, monospace; font-size: 80px; } /* ----------------------------------------------------------------------------- ALERT BOXES -----------------------------------------------------------------------------*/ .alert-title{ width: 100%; position: absolute; bottom:0px; left:0; height: 23px; line-height: 23px; text-align: center; color: #aa2f2b; } .alert-body{} .alert-confirm-body{ margin-top: 10px; padding: 0 10px 10px 21px; background-image: url(../../css/shared/general/errorlist-item.png); background-position: left top; background-repeat: no-repeat; } .alert-error-list{ margin: 0px; padding: 0px; list-style-type:none; } .alert-error-list li{ list-style-type:none; padding-left: 21px; margin-top: 10px; background-image: url(../../css/shared/general/errorlist-item.png); background-position: left middle; background-repeat: no-repeat; } .alert-error-list li:first-child{ margin-top: 0px; } .alert-button-group{ position:absolute; bottom:0; right:0; } .alert-button-group a.btn:focus,button.btn:focus{ -webkit-box-shadow: 0 1px 1em #0184d4; -moz-box-shadow: 0 1px 1em #0184d4; box-shadow: 0 1px 1em #0184d4; } /* ----------------------------------------------------------------------------- AUTO COMPLETE BOX -----------------------------------------------------------------------------*/ div.autocomplete { margin:0px; padding:0px; width: 152px !important; margin-top: 7px !important; background:#fff; border:1px solid #ccc; position:absolute; z-index: 7777; } div.autocomplete ul { margin:0px; padding:0px; list-style-type:none; } div.autocomplete ul li.selected { background-color:#ffb; } div.autocomplete ul li { margin:0; padding:5px; display:block; list-style-type:none; cursor:pointer; font-size: 85%; color: #424242; border-bottom: 1px solid #ccc; } div.autocomplete ul li span.informal{ display: block; font-size: 85%; color: #B2B2B2; } div.autocomplete ul li div.prefix{ font-weight: bold; } /* changes for small search boxes */ div.autocomplete-small{ margin-top: 4px !important; } /* ----------------------------------------------------------------------------- MARKDOWN FORMAT INFO -----------------------------------------------------------------------------*/ .markdown_format_box{ background-color: #ccc; border:1px; } .markdown_format_box th{ background-color: #333; color: #fff; font-size: 1.3em; font-weight: normal; padding: 10px; } .markdown_format_box td{ padding: 4px; border-bottom: 1px solid #333; } .markdown_format_box ul, .markdown_format_box ol{ padding-left: 12px; } .markdown_format_box h1, .markdown_format_box h2, .markdown_format_box h3{ color: #000; margin-top: 0px; } .markdown_format_box blockquote{ margin-left: 20px; } /*************************************************** CONDITION UI ***************************************************/ .conditionrow{ position: relative; border: 1px solid #ccc; margin-bottom: 5px; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .conditionrow input[type=text]{ width: 180px; } .conditioninner{ padding: 10px 10px; padding-right: 48px; } .conditioninner .calendar_input{ width: 180px; display: inline-block; } .conditionremove{ position: absolute; right: 10px; top: 9px; } .conditionadd{ position: absolute; right: 10px; } .condition-menu{ position: relative; margin-top: 5px; height: 30px; line-height: 30px; padding-left: 135px; } .condition-loading{ font-size: 93%; color: #CC527A; } /* ----------------------------------------------------------------------------- CODE HIGHLIGHTING -----------------------------------------------------------------------------*/ .code-wrap{ position: relative; background-color: #ADADAD; padding: 1em 2em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .code-wrap-note{ text-align: right; font-size: 77%; } /* ----------------------------------------------------------------------------- COLORBOX -----------------------------------------------------------------------------*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* helpspot css */ #cboxOverlay{background: url(../../css/shared/general/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../../css/shared/colorbox/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(../../css/shared/colorbox/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../../css/shared/colorbox/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../../css/shared/colorbox/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(../../css/shared/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../../css/shared/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../../css/shared/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../../css/shared/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:30px;padding-bottom:10px;border-bottom: 1px solid #C4C4C4;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; font-weight: bold;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../css/shared/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../css/shared/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../../css/shared/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../../css/shared/general/big-loader.gif) no-repeat center center;} /* #cboxClose{position:absolute; bottom:0; right:0; background:url(../../css/shared/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} */ #cboxClose{position:absolute; bottom:0; left:0; display:block; color:#444;} /* The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /* ----------------------------------------------------------------------------- ADJUSTMENTS FOR LOW RES SCREENS -----------------------------------------------------------------------------*/ body.r1024 .ft .tdr input[type=text], body.r1024 .ft .tdr textarea, body.r1024 .ft .tdr select, body.r1024 .select-multiple{ width: 180px; } body.r1024 .btn img{ display: none; } /* ----------------------------------------------------------------------------- PROTOTIP -----------------------------------------------------------------------------*/ .tiptext{ font-size:11px; padding:5px 0px; font-style: italic; } /* Override loader wrapper */ .prototipLoader{ border: none; } /* button row */ .pthelpspot_buttonrow{ background-color: #363636; color: #fff; width: 100%; padding-top: 8px; padding-bottom: 0px; padding-left: 6px; } .prototip{ font-size: 93% !important; font-family: Verdana, Helvetica, Arial, sans-serif !important; } /* DARK GREY */ .prototip .hstinytip .content{ color: #fff; background-color: #363636; font-size: 85%; padding: 3px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .prototip .hstinytip .content a{ color: #fff; } .prototip .hstinytipfat .content{ padding: 6px 26px 6px 10px; font-size: 100% !important; } .prototip .hstinytipfat .content input{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .prototip .hstinytipfat .toolbar .close{ background-image: url(../../css/shared/general/tip-close.png) !important; top: 25px; right: 3px; } .search_tips li { margin-bottom: 4px; } #show_in_portal { margin: 0; float: right; } /*Toolbar*/ body .ephox-polish-editor-container, .ephox-polish-source-container { border-color: #9e9e9e; } body .ephox-polish-editor-container .ephox-chameleon-toolstrip { border-bottom: 1px solid #9e9e9e; } /* ----------------------------------------------------------------------------- jscolor -----------------------------------------------------------------------------*/ .jscolor.jscolor-small{ width: 50px; border: 1px solid #ddd; font-size: 9px; text-align: center; text-transform: uppercase; border-radius: 3px; padding: 1px 0px; background-color: #eee; cursor: pointer; } .jscolor.jscolor-right{ position: absolute; right: 0; top: 1px; } /** * Drop zone */ /*.dz-drag-hover {*/ /*opacity: .5;*/ /*}*/ .dz-message-container { display: none; } .dz-message-container h1 { font-size: 36px; text-shadow: 1px 1px #fff; } .dz-preview { position: absolute; bottom: 25px; left: 20px; background-color: #fff; border-radius: 4px; border-width: 10px; width: 200px; } .dz-preview div, .dz-preview .dz-size { display:none; } .dz-preview .dz-details, .dz-preview .dz-filename { display: block; overflow: hidden; } .dz-preview .dz-filename { padding: 18px; } .dz-preview div.dz-progress { display:block; } /** * Progress bar */ .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: relative; height: 16px; /*left: 50%;*/ /*bottom: 0;*/ /*margin-top: -8px;*/ width: 180px; margin-left: -40px; background: rgba(185, 185, 185, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dz-preview .dz-error-message { display: block; text-align: center; } #dropzone-cover { position: fixed; top: 0; left: 0; z-index: 9999999999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: visibility 175ms, opacity 175ms; display: table; text-shadow: 1px 1px 2px #000; color: #fff; background: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 42px; } #dropzone-cover #textnode { display: table-cell; text-align: center; vertical-align: middle; transition: font-size 175ms; } .zapier-header .box_footer{ padding: 20px !important; background-size: 150px; background-image: url(../../css/shared/general/zapier.png) !important; } .zapier_inner{ background-color: rgba(255,255,255,1); padding: 0 20px 50px 0; width: 50%; } .matrix_no_results{ text-align: center; margin-top: 100px; color: #7aba57; font-size: 35px; } .thermo-response { text-align: center; } .thermo-response-pill { color: white; font-size: 120%; border-radius: 40px; padding: 5px; background: #4bc800; width: 40px; height: 40px; margin: 0 auto; } .thermo-response-pill .survey-type { position: absolute; top: -8px; right: -5px; color: #dadada; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 1px; } .thermo-response-pill span { top: 10px; position: relative; } .thermo-response { position: relative; } .thermo-response-promoter .thermo-response-pill { background: #4bc800; } .thermo-response-neutral .thermo-response-pill { background: #ffe533; } .thermo-response-detractor .thermo-response-pill { background: #e35557; } .thermo-response-feedback { padding: 12px 0; } .thermo-response-link a { color: #2e5f9c; text-decoration: none; } /*# sourceMappingURL=helpspot.css.map */