body{margin:0;padding:0}#header{width:100%;background-color:#fff;display:table;clear:right;height:80px;padding:0;margin:0;border-bottom:solid 1px #52739e;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;border-collapse:collapse}
#header.menuContainer{height:104px}#logoWell{padding-left:5px;margin-right:20px;margin-left:10px;padding-top:5px;margin-top:0;float:left;display:block}
#helpDeskName{float:left;margin-top:34px;font-size:24px;font-weight:bold;color:#030c38}
#buttonBox{display:table;clear:right;white-space:nowrap;position:absolute;padding-left:10px;float:left;top:79px;left:100px}
.navButton{display:table-cell;height:24px;float:left;cursor:pointer;text-align:center;margin-top:0;border-radius:4px 4px 0 0}
.navButton.buttonUp{background-color:inherit;color:#261c99}.navButton.buttonUp:hover{text-decoration:underline}
.navButton.buttonDown{background-color:#fff;border-top:solid 1px #52739e;border-left:solid 1px #52739e;border-right:solid 1px #52739e;border-bottom:solid 1px #fff;color:#333}
.buttonLabel{display:block;padding:6px 20px;line-height:12px;font-weight:bold;white-space:nowrap;font-size:12px}
.navButton.buttonDown .buttonLabel{font-weight:bold}#footer{margin-top:40px;height:35px;width:100%;vertical-align:middle}
#footer,#footer a{color:#bbb}#footer a:hover{text-decoration:underline}#footerLeft{padding-left:20px;padding-top:10px;float:left}
#footerRight{padding-right:15px;float:right;font-weight:bold;padding-top:5px;width:300px;display:inline}
#userLinks{position:absolute;right:5px;top:50px}#userLinks li{display:inline;font-size:12px;color:;height:30px;line-height:30px;vertical-align:middle}
#userLinks a{display:inline-block;padding-left:2.5em;margin-left:5px;font-size:12px;color:;height:30px;line-height:30px;vertical-align:middle}
#logoutLink{background:url(/helpdesk/connected.png) no-repeat;background-position:left}
#logoutLink:hover{background:url(/helpdesk/logout.png) no-repeat;background-position:left}
#switchToTechLink{background:url(/helpdesk/switch_accounts_client.png) no-repeat;background-position:left}
#switchToTechLink:hover{background:url(/helpdesk/switch_accounts_tech.png) no-repeat;background-position:left}
#userSettingsLink{background:url(/helpdesk/user_settings.png) no-repeat;background-position:left}
Style Sheet Templates These templates can be used to customize the look and feel of the Web Help Desk client interface. Instructions Embossed Gradient View Parameters View CSS Copy to Clipboard Flat Buttons View Parameters View CSS Copy to Clipboard View Parameters View Parameters More coming soon... body{margin:0;padding:0;background:white}
#header{width:100%;background-color:@param eg-headerColor;display:table;clear:right;height:75px;padding:0;margin:0;border-bottom:solid 1px #0d648c;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;border-collapse:collapse;background:#fff;background:-moz-linear-gradient(top,#fff 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#fff 0,#fff 100%);background:-o-linear-gradient(top,#fff 0,#fff 100%);background:-ms-linear-gradient(top,#fff 0,#fff 100%);background:linear-gradient(top,#fff 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0)}
#header.menuContainer{height:99px}#logoWell{padding:0;margin:10px 20px 0 20px;float:left;display:block}
#helpDeskName{position:absolute;left:260px;top:0;font-size:24px;font-weight:bold;color:#051e5c;text-shadow:#91dcff 0 1px 0}
#buttonBox{display:table;clear:right;white-space:nowrap;position:absolute;padding-left:10px;float:left;top:74px;left:100px}
.navButton{display:table-cell;height:24px;float:left;cursor:pointer;text-align:center;margin-top:0;border-radius:7px 7px 0 0}
.navButton.buttonUp{background-color:inherit;color:#091d69;text-shadow:#0d648c 0 -1px 0}
.navButton.buttonUp:hover{text-decoration:underline}.navButton.buttonDown{background-color:#fff;border-top:solid 1px #0d648c;border-left:solid 1px #0d648c;border-right:solid 1px #0d648c;border-bottom:solid 1px #fff;color:#333}
.buttonLabel{display:block;padding:6px 20px;line-height:12px;font-weight:bold;white-space:nowrap;font-size:12px}
.navButton.buttonDown .buttonLabel{font-weight:bold}#footer{margin-top:40px;height:35px;width:100%;vertical-align:middle}
#footer,#footer a{color:#bbb}#footer a:hover{text-decoration:underline}#footerLeft{padding-left:20px;padding-top:10px;float:left}
#footerRight{padding-right:15px;float:right;font-weight:bold;padding-top:5px;width:300px;display:inline}
.userNameAndLogout{display:block;position:absolute;right:52px;top:20px;height:30px;line-height:30px;font-size:12px;color:#051e5c;text-shadow:#91dcff 0 1px 0;background:url(/helpdesk/connected.png) no-repeat;background-position:right;padding-right:34px}
a.userNameAndLogout:hover{background:url(/helpdesk/logout.png) no-repeat;background-position:right}
a.userNameAndLogout{color:#051e5c;text-shadow:#91dcff 0 1px 0}#switchToTechLink{display:block;position:absolute;right:20px;top:20px;height:30px;line-height:30px;font-size:14px;background:url(/helpdesk/switch_accounts_client.png) no-repeat;background-position:right;width:24px}
#switchToTechLink:hover{background:url(/helpdesk/switch_accounts_tech.png) no-repeat;background-position:right}
#footer{border-top:solid 1px #fff;border-bottom:solid 1px #fff;background:#fff;background:-moz-linear-gradient(top,#fff 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#fff 0,#fff 100%);background:-o-linear-gradient(top,#fff 0,#fff 100%);background:-ms-linear-gradient(top,#fff 0,#fff 100%);background:linear-gradient(top,#fff 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0)}
#footer,#footer a{color:#bbb;text-shadow:#fff 0 0 0}