/* @group Eric Myer reset v2.0 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* html5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } body { line-height: 1; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* @end */ body { margin: 0; padding: 0; background-color: #f3f3f5; font: normal 16px/1.2em "segoe ui","helvetica neue", arial, helvetica, sans-serif; min-width: 980px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } #main { background-color: #f4f4f5; position: relative; clear: both; } /* @group link styles */ a { text-decoration: none; outline: none; } a:link { color: #128dbe; } a:visited { color: #128dbe; } a:hover { color: #0e5f77; } a:active { color: #0e5f77; } /* @end */ /* @group structure */ #maincore { position: relative; padding: 20px 0; clear: both; width: 100%; } #maincoreleft { padding: 0; float: left; left: 0; width: 230px; height: 100%; margin: 0 0 0 30px; } #maincorecontent { margin: 0px 30px 0 290px; height: 100%; } #bottomfooter { padding: 20px 30px; border-top: 1px solid #cfd4d6; margin: 60px 0 0 0; border-bottom: none; font-size: 12px; color: #92969b; clear: both; } /* @end */ /* @group header */ /* @group logo & banner */ #topbanner { background-color: #fff; border-bottom: 1px solid #cfd4d6; margin: 0; } .bodymain #topbanner { border-bottom: none; } .innerwrapper { margin: 0 auto; width: 98%; max-width: 1280px; } .innerwrapper:before,.innerwrapper:after { content: " "; display: table; } .innerwrapper:after { clear: both; } .innerwrapper { *zoom: 1; } /* -- clearfix -- */ #topbanner:before,#topbanner:after { content: " "; display: table; } #topbanner:after { clear: both; } #topbanner { *zoom: 1; } /* for ie 6/7 */ #logo { margin: 20px 0 10px 30px; } .chatbodymain #logo { margin: 22px 0 0px 20px; } /* @end */ /* @group main navigation */ #toptoolbar { padding: 6px 0px; border-top: 1px solid #04b2de; border-bottom: 1px solid #fff; background-color: #04b2de; } /* clearfix */ #toptoolbar:before,#toptoolbar:after { content: " "; display: table; } #toptoolbar:after { clear: both; } #toptoolbar { *zoom: 1; } /* for ie 6/7 */ #toptoolbarlinklist { padding: 0 30px; } #toptoolbarlinklist li { list-style-type: none; display: inline-block; float: left; margin: 0 3px 0 0; } #toptoolbarlinklist li.current { background-color: #0e4e6a; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #fff; font-weight: 500; } #toptoolbarlinklist li.current a { color: #fff; } #toptoolbarlinklist li.current a:hover { color: #fff; } #toptoolbarlinklist li:hover { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #toptoolbarlinklist a { background: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; /*overrides inline styles */ padding: 6px 10px 0px; display: inline-block; border: 0; margin: 0; color: #fff; } #toptoolbarlinklist li a:hover { color: #0e4e6a; } #toptoolbarrightarea { float: right; padding: 3px 30px 0 0; } #toptoolbarrightarea .swiftselect { margin: 0; } /* @end */ /* @end */ /* @group typography */ /* base type styles using modular scale ---------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 15px; color: #4c5156; } p { font-family: inherit; font-weight: normal; font-size: 15px; line-height: 1.6; margin-bottom: 12px; } p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; } aside p { font-size: 13px; line-height: 1.35; font-style: italic; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; color: #4c5156; text-rendering: optimizelegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 28px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #2c3137; line-height: 0; } h1, .newstitle a { font-size: 30px; line-height: 1.2; } h2 { font-size: 21px; } h3 { font-size: 17px; } h4 { font-size: 15px; } h5 { font-size: 15px; } h6 { font-size: 14px; } hr { border: solid #d8dbdf; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-weight: normal; background: #ffffda; font-family: Consolas,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New'; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* lists ---------------------- */ ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; } ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; } ol { margin-left: 20px; } ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: 600; } dd { margin-left: 10px; } /* code etc ---------------------- */ pre { font-size:10pt; font-family:Consolas, 'Courier New', Courier, monospace; background:white; margin: 12px 0; padding:10px; overflow:auto; line-height:1.24; min-height:30px; max-height:500px; overflow: auto; border:1px solid #e1e1e1; border-left-width: 10px; box-sizing: border-box; width: 640px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; } /* blockquotes ---------------------- */ blockquote, blockquote p { line-height: 1.5; color: #6c7176; word-break: break-word; } blockquote { margin: 0 0 17px 0; padding: 0 20px; border-left: 5px solid #d8dbdf; } blockquote cite { display: block; font-size: 13px; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #3c3e43; border-bottom: 1px solid #d8dbdf; cursor: help; } abbr { text-transform: none; } /* @end */ /* @group news */ .boxcontainer { } .boxcontainerlabel { text-transform: uppercase; font-weight: 500; color: #4c5156; font-size: 14px; padding: 30px 0 6px 0; border-bottom: 1px solid #cfd4d6; margin-bottom: 24px; text-transform: inherit; font-size: 21px; padding-bottom: 12px; font-weight: 300; } .newstitle { margin-left: 20px; padding: 0px; margin-top: 0px; font-size: 28px; line-height: 1.1em; } .newstitlelink { text-decoration: none; font-weight: 300; } .newsreadmorelink { text-decoration: none; font-size: 15px; font-weight: 500; } .newsinfo { font-size: 12px; padding: 0px 0 12px 0; color: #7c7f85; } .newscontents { font-family: inherit; font-size: 15px; line-height: 1.6; margin-bottom: 17px; } .newscontents ol { list-style: decimal; margin: 16px 36px; } .newscontents p, .newscontents ul { } .newscontents ul { list-style: disc; margin-left: 40px; } .newscontents ul { margin-bottom: 5px; } .newscontents img { max-width: 100%; height: auto; padding: 3px; background-color: #fff; border: 1px solid #d8dbdf; margin: 0 !important; } .newscontents td, .newscontents th { padding: 5px 10px; border: 1px solid #cfd4d6; } .newscontents th { background-color: #ededed; font-weight: 500; } .newscontents table { border-collapse: collapse; margin-bottom: 17px; background-color: #fff; } .newsavatar { float: right; border: 1px solid #d8dbdf; padding: 3px; background-color: #fff; margin: 0 0 0 20px; line-height: 0; } .newsfooter { text-align: center; } /* previous & next links ---------------------- */ .newsfooter a { font-size: 14px; padding: 8px 20px; background-color: #e6e6e9; border-radius: 100px; cursor: pointer; } /* @end */ /* @group troubleshooter */ .troubleshootercategory { font-weight: normal; margin-bottom: 12px; } .troubleshootercategorytitle { padding: 0 0 3px 25px; background: url("%themepath%images/icon_smallarrow.png") no-repeat 0 0; font-size: 18px; } .troubleshootercategorydesc { font-weight: normal; font-size: 13px; padding: 0 0 0 25px; } .trstepcontents { line-height: 1.6; } .trstepcontents ol { list-style: decimal; margin: 16px 36px; } .trstepcontents ul { margin-left: 24px; list-style-type: disc; } .trsteptitle { font-size: 21px; padding-bottom: 8px; } .trsteptitlemain { font-size: 30px; margin: 0 0 9px 0; line-height: 1.2; font-weight: 200; } .trattachments { width: 100%; margin-bottom: 10px; padding-bottom: 6px; } .trattachmentitem { padding: 4px 0 5px 18px; margin: 0 10px 0 0; cursor: pointer; background-repeat: no-repeat; background-position: 0px 3px; color: #228aa9; display: block; } .trstepcontents td, .trstepcontents th { padding: 5px 10px; border: 1px solid #cfd4d6; } .trstepcontents th { background-color: #ededed; font-weight: 500; } .trstepcontents table { border-collapse: collapse; margin-bottom: 17px; background-color: white; } .trstepcontents img { max-width: 100%; height: auto; padding: 3px; background-color: #fff; border: 1px solid #d8dbdf; margin: 0 !important; } .troubleshooterstepradio { background-color: #eaeaec; border-bottom: 2px solid #f3f3f5; padding: 8px !important; } /* @end */ /* @group knowledgebase */ .kbcategorytitlecontainer { margin: 0 12px 24px 0; } .kbcategorytitle { font-weight: 600; font-size: 16px; border-bottom: 1px solid #cfd4d6; padding: 0 0 6px 0; margin: 0 0 6px 0; } .kbarticletext { font-size: 14px; line-height: 1.5; } .kbcontents { line-height: 1.6; } .kbcontents ol { list-style: decimal; margin: 16px 36px; } .kbcontents ul { margin-left: 24px; list-style-type: disc; } .kbcontents td, .kbcontents th { padding: 5px 10px; border: 1px solid #cfd4d6; } .kbcontents th { background-color: #ededed; font-weight: 500; } .kbcontents table { border-collapse: collapse; margin-bottom: 17px; background-color: #fff; } .kbcontents img { max-width: 100%; height: auto; padding: 3px; background-color: #fff; border: 1px solid #d8dbdf; margin: 0 !important; } .kbcategorytitle a:link, .kbcategorytitle a:visited { color: #4c5156; } .kbcategorytitle a:hover { color: #3c3e43; } .kbcategorycount { font-weight: normal; font-size: 13px; color: #9fa3a8; float: right; letter-spacing: 1px; } .kbarticlelist .kbarticlelistitem,.kbarticlecategorylistitem { background: url("%themepath%images/icon_kbarticlesmall.png") no-repeat 0 0; padding: 0 0 0 20px; margin-top: 9px; font-size: 14px; font-weight: normal; } /* --- kb entry page -- */ .kbtitle { font-size: 30px; margin: 0 0 9px 0; line-height: 1.2; font-weight: 200; } .kbinfo { font-size: 13px; color: #92969b; margin-bottom: 20px; } .kbavatar { float: right; padding: 2px; background-color: #fff; margin: 0; border: 1px solid #eee; line-height: 0; } .kbratingstars { cursor: pointer; color: #92969b; font-size: 13px; margin-bottom: 6px; float: left; } .kbratinghelpful, .kbratingnothelpful { font-size: 13px; font-weight: 500; color: #228aa9; float: left; margin-left: 20px; cursor: pointer; } #kbratingcontainer { margin: 10px 0; } .kbratinghelpful img, .kbratingnothelpful img { position: relative; top: 2px; } .kbhr { display: none; } /*-- kb list page --*/ .kbarticle a { font-weight: normal; font-size: 18px; margin: 0 0 6px 0; display: inline-block; } .kbarticlecontainer { margin: 20px 0; } .kbarticlefeatured { background-color: #fff9e7; border: 1px solid #eedeae; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px 10px 6px 10px } .boxcontainercontent table { } .containercontenttable { table-layout : fixed; width : 100%; } .boxcontainercontent .newstitlecontainer { vertical-align: top !important; } .kbattachments { width: 100%; margin-bottom: 10px; padding-bottom: 6px; } .kbattachmentitem { padding: 4px 0 5px 18px; margin: 0 10px 0 0; cursor: pointer; background-repeat: no-repeat; background-position: 0px 3px; color: #228aa9; display:block; } /* @end */ /* @group comments */ .commentslabel { font-weight: 500; color: #4c5156; font-size: 14px; padding: 20px 0 6px 0; border-bottom: 1px solid #cfd4d6; margin-bottom: 20px; } .commentchild { background: url("%themepath%images/downarrow.gif") no-repeat 0px 22px; padding-left: 18px; } .clearfix { clear: both; } .commentcontentsholder { margin-bottom: 20px; padding: 12px 0 15px 0; } .commentdatelabel { color: #999; font-size: 12px; margin: 0 0 12px 0; } .commentnamelabel { color: #3c3e43; padding-top: 0px; font-weight: 500; } #commentscontainer { margin: -20px 0 0 0; padding: 0; } .commentavatar { float: left; width: 80px; padding-bottom: 10px !important; } #commentscontainer div { padding: 20px 0 0 0; border-bottom: 1px solid #ddd; } #commentscontainer div div { padding: 0px 0; outline: none; border: none; } .commentdataholder { padding: 0 0 0 80px !important; } #commentscontainer div:last-child, #commentscontainer div:nth-last-child(2) { border-bottom: none; } .commentdataholderstaff { background: #fbfbfb; } /* @end */ /* @group forms */ /* @group main search box */ #searchform { padding: 12px 0 5px 0; } .searchboxcontainer { border: 4px solid #e8e9eb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0; background-color: #fff; position: relative; } .searchbuttoncontainer { float: right; background-color: #fff; position: absolute; top: 16px; right: 8px; } .searchbutton { font-size: 14px; font-weight: 500; color: #fff !important; padding: 9px 20px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #80b506; -moz-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); -webkit-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); text-shadow: 0 -1px 0 #7fb405; cursor: pointer; background-color: #82b900; background: -moz-linear-gradient(top, #8ac400 0%, #7db100 100%) #82b900; background: -webkit-gradient(linear, left top, left bottom, from(#8ac400), to(#7db100)) #82b900; } .searchquery { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; margin: 0; padding: 12px 12px; border: 1px solid #cfd4d6; color: #ccc; background-color: #fff; font-size: 20px; font-family: "segoe ui","helvetica neue", arial, helvetica, sans-serif; } .searchqueryactive { color: #666!important; } /* @end */ /* @group horizontal line */ table.hlineheader { width: 100%; margin: 0; padding: 0; white-space: nowrap; text-decoration: none; font-weight: none; } .kbrightstrip { margin: 0 12px 0 0; } .hlineheader th { padding: 0 8px 0 0; vertical-align: middle; font-size: 16px; color: #3c3e43; font-weight: 500; } .hlineheader td { font-size: 50%; margin: 0; padding: 0; } td.hlinelower { border-top: 1px solid #ececec; width: 100%; } .hlinegray { color: #626262!important; } /* @end */ /* add focus highlight */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; border-radius: 3px; font-family: "segoe ui","helvetica neue", arial, helvetica, geneva, sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* ie6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } select { height: 30px; /* in ie7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* for ie7, add top margin to align select with labels */ line-height: 30px; font-size: 15px; font-family: "segoe ui","helvetica neue", arial, helvetica, geneva, sans-serif; color: #3c3e43; display:-webkit-box; display:-moz-box; display:box; -webkit-border-radius: 3px; } @media(-webkit-min-device-pixel-ratio:0) { select { border: 1px solid #ccc; } } textarea[name="comments"] { width: 100%; } .useremailitem, .ticketattachmentitem { padding: 4px; } .useremailitemdelete, .ticketattachmentitemdelete { margin: 0 4px 0 0px; width: 18px; display: inline-block; background: url("%themepath%images/icon_trash.gif") no-repeat 0px 1px; height: 18px; cursor: pointer; } .ticketattachmentitem { margin: 0; padding: 0; } input[type=file] { box-shadow: none; padding: 10px; border: 1px solid #d8dbdf; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } form table td { padding: 0px 0px 0px 6px; vertical-align: middle !important; } form table td select { margin: 3px 0; vertical-align: middle !important; } form .zebraodd { background-color: #eaeaec; border-bottom: 2px solid #f3f3f5; padding: 8px !important; } form .zebraodd, form .zebraeven { text-align: left; font-size: 14px; font-weight: 500; margin: 0; padding: 0; } .captchaholder { padding: 4px 0; } .smalltext { font-size: 13px; color: #92969b; } .swifttext, .swifttextlarge,.swifttextarea, .swifttextwide, .swifttextareawide { width: 300px; color: #3c3e43; border: 1px solid #cfd4d6; padding: 6px 4px; margin: 2px 0; vertical-align: middle; box-shadow: inset 0px 1px 1px #eee; font: normal 16px/1.2em "segoe ui","helvetica neue", arial, helvetica, sans-serif; } .swifttext { width: inherit; } .swifttextarea { vertical-align: top; } .swifttextwide, .swifttextareawide { width: 100%; } .swifttexterror { color: #b94a48; background-color: #f2dede; border: 1px solid #e0acac; box-shadow: inset 0px 1px 1px #e7c6c6; } #ticketmessage { margin-left: 0px; width: 100%; } #recordkayakoscreencast { margin-left: 130px; } .commentchild { background: url("%themepath%images/downarrow.gif") no-repeat 0px 12px !important; padding-left: 18px !important; width: 40px; } .commentchild img { width: 45px; } .subcontent { padding: 0px 0 20px 0px !important; } .captchaholder { padding: 0 0 0 0px; } .captchaholder img { float: left; margin-right: 6px; } input[name=captcha] { width: 207px; margin: 0; } /* @end */ /* @group kb related questions */ select[name="salutation"] { min-width: 70px !important; max-width: 100px !important; } .swiftselect { } .irsui { background-color: #fffbf2; border: 1px solid #ffe6b8; color: #3c3e43; -moz-border-radius: 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 20px 20px 10px 20px; margin: 10px 0 0; } .irscontainer { display: none; } .irstitle { font-size: 18px; color: #3c3e43; margin-bottom: 6px; font-weight: 500; } .irsdesc { magin-bottom: 6px; font-size: ; } .irshr { border: none; color: #ffeecf; background-color: #ffeecf; height: 1px; margin: 20px 0; padding: 0; } .addplus { display: inline; background: url(%themepath%images/icon_add.gif) no-repeat 0 0; padding: 0 0 0 20px; } /* @end */ /* @group widget boxes */ #corewidgetbox { margin-top: 2em; margin-bottom: 1.5em; padding-left: 3px; } .widgetrow { width: 100%; position: relative; margin: 0 -20px 0 0; } .widgetrowitem:focus { outline: none; background-color: #eee; } .widgetrowitem:hover { } .defaultwidget { background-image: url(%themepath%images/space.gif); } .widgetrow > span { display: inline-block; vertical-align: middle; } .widgetrow a { background-repeat: no-repeat; background-position: 50% 12px; font-size: 13px; padding: 55px 14px 10px 14px; box-sizing: border-box; font-weight: normal; text-align: center; width: 135px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; cursor: pointer; clear: none; display: inline-block; border: 1px solid #c9cfd7; background-color: #fff; border-radius: 4px; line-height: 14px; margin: 0 6px 6px 0; font-size: 0.83em; font-family: "segoe ui","helvetica neue", arial, helvetica, sans-serif; } .widgetrow a:hover { background-color: #e9ecef; } /* @end */ /* @group left sidebar */ .inactive .tabbulk { border-bottom: 1px solid #cfd4d6; background-color: #f8f8f8 !important; padding-bottom: 5px; } .tabbulk { background-color: #fff; border: 1px solid #cfd4d6; border-bottom: 1px solid #fff; display: inline-block; padding: 8px 0px 6px 0; margin: 0 3px 0 0; height: 100%; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position: relative; top: 1px; font-size: 14px; } .tabbulk:hover { color: #3c3e43!important; } .tabrow { margin: 0; padding: 0; border-bottom: 1px solid #cfd4d6; } .tabtext { padding: 0 20px; background-repeat: no-repeat; background-position: 5px 0; max-width: 70px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .atab { display: inline-block; clear: none; margin: 0; padding: 0; height: 100%; text-decoration: none; cursor: pointer; max-width: 115px; } .tableftgap { display: none; } .atab.inactive,.atab.inactive { margin: 0; padding: 0; color: #506c74; } .atabbasic { cursor: inherit!important; } #logintext { float: left; margin: 10px 0 0 20px; font-size: 12px; max-width: 108px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 86px\0/; } #leftloginboxremembermetext { font-size: 14px; color: #92969b; margin-left: 3px; } #loginsubscribebuttons { font-size: 11px; text-align: right; display: block; padding: 4px 11px 12px 20px; margin: 10px 0 0 12px; } #loginsubscribebuttons .rebutton { padding: 4px 10px!important; white-space: nowrap; display: inline-block; *display: inline; *zoom: 1; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal; max-width: 88px; } #leftloginsubscribebox,.leftnavboxbox { margin: 10px 0 10px 0px; } #leftlivechatbox { text-align: center; margin-left: 17%; padding: 6px 0 10px 0; } #leftloginbox,#leftsubscribebox { border: 1px solid #cfd4d6; border-width: 0 1px 1px; padding: 0px; background-color: #fff; border-radius: 0 0 5px 5px; margin: 0 0 24px 0; } #leftsubscribebox { display: none; } #leftloginbox .inputframe,#leftsubscribebox .inputframe { vertical-align: middle; } #leftloginbox .maitem,#leftsubscribebox .maitem { padding: 8px 0 8px 40px; border-bottom: 1px solid #eee; font-size: 14px; color: #128dbe; background-color: #fff; } #leftloginbox .maitem:last-child { border-bottom: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #leftloginbox .maitem:hover,#leftsubscribebox .maitem:hover { cursor: pointer; background-color: #f4f5f7; } #leftloginbox .maprofile { background: #fff url(%themepath%images/icon_myprofile.png) no-repeat 14px 50%; } #leftloginbox .maorganization { background: #fff url(%themepath%images/icon_userorganization.png) no-repeat 14px 50%; } #leftloginbox .machangepassword { background: #fff url(%themepath%images/icon_lock.png) no-repeat 15px 50%; } #leftloginbox .mapreferences { background: #fff url(%themepath%images/icon_preferences.png) no-repeat 14px 50%; } #leftloginbox .mabilling { background: #fff url(%themepath%images/icon_creditcards.png) no-repeat 14px 50%; } #leftloginbox .malogout { border-bottom: none!important; background: #fff url(%themepath%images/icon_logout.png) no-repeat 14px 50%; } input.loginstyled, input.loginstyledlabel, input.emailstyled, input.emailstyledlabel { width: 177px; margin: 0px 0px; border: 1px solid #cfd4d6; padding: 6px 4px; font: normal 14px/18px "segoe ui","helvetica neue", arial, helvetica, sans-serif; color: #3c3e43; } #leftloginbox .inputframe.zebraeven, #leftloginbox .inputframe.zebraodd, #leftsubscribebox .inputframe.zebraeven, #leftsubscribebox .inputframe.zebraodd { background: none !important; padding: 20px 20px 0 20px !important; margin: 0px 0; text-align: left; font-weight: normal; border: none; } #leftsubscribebox .inputframe.zebraeven { background: none !important; padding: 20px; margin: 0px; } #leftloginbox input.loginstyledlabel, #leftsubscribebox input.emailstyledlabel { color: #ccc; font: normal 14px/18px "segoe ui","helvetica neue", arial, helvetica, sans-serif; padding: 6px 4px; } #leftloginbox #leftloginboxrememberme { margin-bottom: 10px; } #leftloginboxremembermetext { vertical-align: middle; } .leftnavboxtitle { padding: 0px 0 8px; } .leftnavboxtitleleftgap { display: none; } .leftnavboxtitletext { text-transform: uppercase; font-weight: 500; color: #4c5156; font-size: 14px; } .leftnavboxcontent { border: 1px solid #cfd4d6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; word-wrap: break-word; background-color: #fff; margin: 0 0 24px 0; } .leftnavboxcontent a { display: block; text-decoration: none; border-bottom: 1px solid #eee; padding: 8px 14px; line-height: 140%; background-color: transparent; font-size: 14px; color: ; } .leftnavboxcontent a:last-child { border-bottom: none; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .leftnavboxcontent a:first-child { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .leftnavboxcontent a:hover { background-color: #f4f5f7; } .leftnavboxcontent .graytext { color: #92969b; font-size: 12px; float: right; } .vdivider { border: solid #d8dbdf; border-width: 1px 0 0; clear: both; margin: 10px 0 6px; height: 0; } /* @end */ /* @group buttons */ .rebutton,.rebuttonblue,.rebuttonred,.rebuttonwide2 { font-size: 14px; color: #8ac500; padding: 6px 20px; background-color: #fff; background: -moz-linear-gradient(top, #fafafa 0%, #e7ebf0) #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)) #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #cdd2d4; -moz-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; -webkit-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; text-shadow: 0px 1px 0px #fff; cursor: pointer; } .rebuttonwide2.rebuttonwide2final { border: 1px solid #80b506; -moz-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); -webkit-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); text-shadow: 0 -1px 0 #7fb405; background-color: #82b900; background: -moz-linear-gradient(top, #8ac400 0%, #7db100 100%) #82b900; background: -webkit-gradient(linear, left top, left bottom, from(#8ac400), to(#7db100)) #82b900; color: white; } .rebuttonred { color: #b94a48; border: 1px solid #e0acac; } .searchbutton { font-size: 12px; } .searchbutton span { display: none; } .subcontent .rebuttonwide2 { margin: 10px 0 0 0px; } .infotextcontainer { font-style: italic; } .sprite-button1 { background-position: 0 0; } .rebuttonred:hover { background-position: 0 0px; position: relative; } .rebutton:active { background-position: 0 0px; position: relative; top: 1px; box-shadow: none; } .sprite-buttonwide { background-position: 0 0; } .sprite-buttonwidehover { background-position: 0 -95px; } .sprite-buttonwide2 { background-position: 0 0; } .sprite-buttonwide2hover { background-position: 0 -86px; } .headerbutton,.headerbuttongreen,.headerbuttonorange,.headerbuttonred,.headerbuttonblue,.headerbuttonyellow { font-weight: normal; margin: -14px 0 0 6px; float: left; font-size: 14px; color: #5d9928; padding: 6px 20px 6px; background-color: #fff; background: -moz-linear-gradient( top, #fafafa 0%, #e7ebf0); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #cdd2d4; -moz-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; -webkit-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; text-shadow: 0px 1px 0px #fff; cursor: pointer; } .headerbuttongreen { color: #fff; font-weight: normal; color: #fff !important; border: 1px solid #80b506; -moz-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); -webkit-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 0px rgba(255,255,255,.2); text-shadow: 0 -1px 0 #7fb405; background-color: #82b900; background: -moz-linear-gradient(top, #8ac400 0%, #7db100 100%) #82b900; background: -webkit-gradient(linear, left top, left bottom, from(#8ac400), to(#7db100)) #82b900; } .headerbutton:active,.headerbuttongreen:active,.headerbuttonorange:active { -moz-transform: translatey(1px); } /* @end */ /* @group date box */ .datecontainerparent { width: 54px; margin-top:5px; } .monthholder { display: block; text-align: center; padding: 0; margin: 0; color: #717d82; width: 54px; background-color: #c9cfd7; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; text-transform: uppercase; } .monthsub { padding: 3px 0 2px 0; font-size: 11px; line-height: 11px; } .dateholder { display: block; text-align: center; padding: 0px 0 5px 0; color: #717d82; width: 52px; background-color: #fff; font-size: 36px; border: 1px solid #c9cfd7; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-weight: 300; } .datecontainer { padding-top: 3px; font-size: 28px; line-height: 28px; } .datesub { padding-top: 6px; padding-bottom: 6px; } /* @end */ /* @group images */ img.alignright { float: right; margin: 10px 0 10px 20px !important; } img.alignleft { float: left; margin: 10px 20px 10px 0 !important; } /* @end */ /* @group misc */ .flickr-thumb { float: left; margin-right: 6px; } .fg-clear { clear: both; } /* @end */ /* @group alerts */ label.error { border: none; background-color: transparent; color: #b94a48; } .error { border: 1px solid #e0acac; background-color: #f2dede; color: #b94a48; margin-top: 5px; padding: 4px; } .dialogerrorcontent { padding: 8px 35px 8px 14px; margin: 20px 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #b94a48; background-color: #f2dede; border: 1px solid #e0acac; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .dialoginfocontent { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .dialoginfocontent { font-size: 14px; margin-top: 20px; } .alert-success, .dialoginfocontent { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #e0acac; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } /* @end */ /* @group chat stuff */ #main.chatview { background-color: #fff; position: relative; clear: both; } .chatbodymain #maincore { padding: 0 !important; } .topbannerchat { float: left; } #topbanneravatarcontainer { float: right; width: 80px; height: 80px; } #topbanneravatarcontainer img { width: 80px; height: 80px; } .chatbodymain { } .chatlink:visited { color: #277dc9; text-decoration: none; outline: none; } .chatlink:hover { color: red!important; text-decoration: none; outline: none; } .chatlink:link { color: #277dc9; text-decoration: none; outline: none; } #chattoptoolbar { background-color: #f7f8f7; border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; color: #3c3e43; padding: 6px 20px; } /* clearfix */ #chattoptoolbar:before,#chattoptoolbar:after { content: " "; display: table; } #chattoptoolbar:after { clear: both; } #chattoptoolbar { *zoom: 1; } /* for ie 6/7 */ #chattoptoolbar a { color: #3c3e43; text-decoration: none; } #chattoptoolbarrightarea { float: right; display: inline-block; height: 100%; font-size: 14px; } #chattoptoolbarrightarea .swiftselect { } #chattoptoolbarrightareainset { display: inline-block; margin: 0 .2em 0 0; padding-top : 2px; float: left; } /* @group chat link list */ #chattoptoolbarlinklist { margin: 0; padding: 0; } #chattoptoolbarlinklist li { list-style-type: none; display: inline-block; float: left; padding: 0; } #chattoptoolbarlinklist a { display: inline-block; font-size: 14px; text-align: left; padding: 2px 10px 2px 26px; margin: 0 6px 0 0; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-position: .5em .3em; background-repeat: no-repeat; border-radius: 3px; border: 1px solid #cdd2d4; -moz-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; -webkit-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; box-shadow: 0px 1px 1px #eee, inset 0px 1px 1px #fff; text-shadow: 0px 1px 0px #fff; cursor: pointer; } #sendemailcontainer { display: none; } #chattoptoolbarlinklist a:hover { } a#chattoptoolbarcloselink { color: #b94a48; border: 1px solid #e0acac; padding: 2px 10px 2px 10px; } a#chattoptoolbarcloselink:hover { background-color: #f2dede; border: 1px solid #e0acac; box-shadow: none; } a#chattoptoolbarprintlink { background-image: url(%themepath%images/icon_widget_print.gif); } a#chattoptoolbaremaillink { background-image: url(%themepath%images/icon_widget_email.gif); } a#chattoptoolbarsoundonlink { background-image: url(%themepath%images/icon_widget_soundon.gif); } a#chattoptoolbarsoundofflink { background-image: url(%themepath%images/icon_widget_soundoff.gif); } li#chattoptoolbarprint { display: none; } li#chattoptoolbaremail { display: none; } li#chattoptoolbarsoundon { display: none; } li#chattoptoolbarsoundoff { display: none; } /* @end */ .errorrowhidden { padding: 6px; display: none; border: 1px solid #e7bcbc; -moz-border-radius: 4px; background-color: #ffeef0; color: #3c3e43; font-size: 11px; } #main.chatview { position: fixed; margin: 0; top: 0em; bottom: 0em; left: 0em; right: 0em; min-width: 450px; } .chatview #bottomfooter { height: 22px; vertical-align: middle; background-color: #e9ecef; border-top: 1px solid #cfd4d6; color: #61718c; position: absolute; bottom: 0; width: 100%; padding: 4px 0px 0px 0px; text-align: center; } .chatview #chatpostcontainer { position: absolute; bottom: 22px; width: 100%; height: 77px; } #chatcontentcontainer { z-index: 10000; overflow: auto; position: fixed; top: 122px; bottom: 125px; left: 0px; right: 0px; padding: 20px 20px 0px 20px; } #chatstatuswrapper { z-index: 10001; position: fixed; bottom: 100px; left: 20px; right: 30px; } .chatstatusbar { font-size: 12px; font-weight: 500; padding: 3px 6px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #e9ecef; color: #92969b; } .chatstatusbarhidden { } #chatcore { background-color: #f8f8f8; height: 100%; width: 100%; } #chatcore .tabrow { padding-left: 20px; background-color: #f8f8f8; } #chatcore .fieldtitle { font-weight: 500; } #chatbox { background-color: #fff; top: 130px; padding: 20px; bottom: 27px; left: 0; right: 0; } .msgwrapper { display: block; padding: 2px 0; } .timestamp { font-size: 12px; color: #92969b; float: right; } .clientname, .staffname { font-size: 13px; } .staffname { color: #5b9ec0; } .clientname { color: #92969b; } .clientmessage, .staffmessage { display: block; font-size: 14px; } #chatcontrolregion { position: fixed; left: 20px; right: 30px; height: 45px; bottom: 3em; z-index: 10002; } #chatpostmsgwrap { position: absolute; height: 100%; top: 0; bottom: 0; right: 100px; left: 0; } #chatpostmsg { height: 100%; width: 98%; color: #3c3e43; border: 1px solid #cfd4d6; padding: 4px; vertical-align: middle; box-shadow: inset 0px 1px 1px #eee; font: normal 14px/1.2em "segoe ui","helvetica neue", arial, helvetica, sans-serif; } .blockoverlay { background-color: rgba(0, 0, 0, .75) !important; background-image: none !important; } .blockui.blockmsg { background-color: #fff; color: #3c3e43 !important; font: normal 16px/1.2em "helvetica neue", arial, helvetica, sans-serif !important; border-radius: 4px !important; border: 1px solid #92969b !important; } #chattoptoolbarrightclockticker { color: #92969b; } #chatpostbutton { position: absolute; height: 55px; top: 0; bottom: 0; right: 0; margin: 0; width: 95px; font-weight: 500; font-size: 14px; color: #8ac500; padding: 6px 20px; background: -moz-linear-gradient( top, #fafafa 0%, #e7ebf0); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border: 1px solid #cdd2d4; -moz-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; -webkit-box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; box-shadow: 0px 1px 1px #f8f8f8, inset 0px 1px 1px #fff; text-shadow: 0px 1px 0px #fff; cursor: pointer; } .chatsystemmessage { padding: 6px 35px 6px 10px; margin-bottom: 6px; margin-top: 6px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #d9edf7; border: 1px solid #bce8f1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #3a87ad; font-size: 14px; } .chaturlmessage { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 20px; background: #fff url(%themepath%images/icon_pushurl.png) no-repeat left; margin-top: 8px; margin-bottom: 8px; padding-top: 6px; padding-bottom: 6px; font-size: 12px; color: #3c3e43; } .chatimagemessage { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 20px; background: #fff url(%themepath%images/icon_pushimage.png) no-repeat left; margin-top: 8px; margin-bottom: 8px; padding-top: 6px; padding-bottom: 6px; font-size: 12px; color: #3c3e43; } .chatcodemessage { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 6px; margin-top: 8px; margin-bottom: 8px; padding-top: 6px; padding-bottom: 3px; font-size: 12px; color: #3c3e43; } .chatcodemessage ol { margin-bottom: 8px!important; list-style: decimal; } .chatonsitemessage { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 20px; background: #fff url(%themepath%images/icon_onsite.gif) no-repeat 0 8px; margin-top: 8px; margin-bottom: 8px; padding-top: 6px; padding-bottom: 6px; font-size: 11px; color: #3c3e43; } .chatonsitemessagetitle { margin-bottom: 8px; padding-top: 2px; font-size: 12px; font-weight: 600; color: #3c3e43; } .chatonsitemessagewin { padding-left: 34px; background: #fff url("%themepath%images/icon_windows.gif") no-repeat left; margin-top: 8px; margin-bottom: 8px; padding-top: 6px; padding-bottom: 6px; font-size: 11px; color: #3c3e43; height: 32px; } .chatonsitemessageostext { padding-top: 8px; } #imagezoomcontainer {width:100%; overflow:hidden;} #imagezoomcontainer a {position:relative; float:left; margin:5px;} #imagezoomcontainer a span { display:block; background-image:URL('
Fatal error: Uncaught Error: Using $this when not in object context in /home/steasco/public_html/fusion/__swift/cache/cb9111708b5098be1fc04367ee1e654e.php:2521 Stack trace: #0 {main} thrown in /home/steasco/public_html/fusion/__swift/cache/cb9111708b5098be1fc04367ee1e654e.php on line 2521