/* @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