html {
   width:100%;
   height:101%;
}

body {
   display: none;
   font: 80% "Lucida Grande",Tahoma, Verdana, Arial, Helvetica, sans-serif;
   margin: auto;
	text-align: left;
   padding: 0px;
   width: 80%;
   background-color: #e5eef8;
   background-image: url(../images/bgLines.gif);
   background-repeat: repeat-x;
   line-height:normal;
   color: #222;
}
body.print {
   display: block;
   background-color: #FFFFFF;
   background-image: none;
}
body.iframe {
   display: inline;
   background-color: #FFFFFF;
   background-image: none;
	overflow: hidden;
	width: 100%;
   height: 97%;
}


/* Standard tags */

a {
   color: #0084d7;
   text-decoration: none;
}
a:hover {
   color: #336699;
}
a img  {
   border: none;
   margin-left:  5px;
   margin-right:  3px;
}
a.ui-icon  {
   display: inline-block;
   vertical-align: bottom;
}
a.disabled { color:gray; }

fieldset {
   border: none;
   margin: 0 0 10px;
   padding: 0px;
}

h1 {
   font-size: 1.5em;
   font-weight: bold;
   margin: 0px;
   padding: 10px 0px 20px;
}
h2 {
   font-size: 1.1em;
   font-weight: bold;
   color: #666666;
   margin: 5px 0px;
   padding: 3px 0px;
}
h3 {
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   text-decoration: none;
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   margin: 4px 0px;
   padding: 2px 0;
}

input, select {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #333333;
   text-decoration: none;
   background-color: #FFFFFF;
}
input[disabled], input[disabled]:hover, select[disabled], select[disabled]:hover {
   color: gray;
}


input+span a.ui-icon, span+span a.ui-icon, img+span a.ui-icon  {
   vertical-align: -20%;
}
input+span.ui-state-default img {
   vertical-align: -20%;
}


p {
   margin: 0 0 10px;
   padding: 0px;
}

li {
   margin: 0 15px 6px;
   padding: 0px;
}

select+span a.ui-icon  {
   vertical-align: -20%;
}

span.ui-state-default img {
   vertical-align: bottom;
	margin-left: 0;
   margin-right: 0;
}

table {
   text-align: left;
   margin: 0 0 10px;
}
table.compact  {
   margin: 0 0 0px;
}
table tr.compact td, div.compact {
   padding: 0px 20px 4px 5px;
   vertical-align: top;
}
table td, table th {
   padding: 5px 10px 5px 5px;
   vertical-align: top;
}
table.compact td, table.compact th {
   padding: 2px;
   vertical-align: top;
}
table tr.selected  {
   background-color: #CCCCCC;
}
table tr.red  {
   background-color: #ffffff;
}
table.multiselect {
   border-collapse: collapse;
   table-layout: fixed;
}
table.multiselect td {
   border: 1px solid #CCCCCC;
   margin: 0px;
   padding: 8px 10px 3px 5px;
   white-space: nowrap;
}
table.multiselect td div  {
   overflow: hidden;
   white-space: nowrap;
}
table.multiselect td.compact {
   padding-top:  0px;
   padding-bottom:  0px;
   vertical-align: middle;
}
table.multiselect td.compact img {
   margin-left:  0px;
   margin-right:  0px;
}
table.multiselect th {
   border: 1px solid #CCCCCC;
   background-color: #DDECFC;
   color: #000000;
   font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 24px;
   text-decoration: none;
   white-space: nowrap;
}
table tr th.tickno  {
   width: 70px;
}
table tr th.ts  {
   width: 110px;
}
table tr th.contact  {
   width: 150px;
}
table tr th.subject  {
   width: 150px;
}
table tr th.agent  {
   width: 80px;
}
table tr th.state  {
   width: 60px;
}
table tr th.worklen  {
   width: 55px;
}
table tr th.team  {
   width: 60px;
}
table tr th.action  {
   width: 110px;
}
table tr th.pic  {
   width: 25px;
}
table tr th.lang  {
   width: 20px;
}
table tr td.right  {
   text-align:right;
}
table.ehd_conf  {
   width: 100%;
}
table.ehd_conf tr td.img {
   width: 130px;
}
table.ehd_conf tr td.right {
   width: 130px;
   vertical-align: top;
   padding-top: 10px;
}
table.verycompact  {
   margin: 0 0 0px;
   table-layout: fixed;
}
table.verycompact tr th, table.verycompact tr td  {
	overflow: visible;
   white-space: nowrap;
   padding: 0px;
   margin: 0px;
   vertical-align: middle;
}
table.verycompact tr td.wsbox1_right {
	text-indent: 30px;
   vertical-align: bottom;
   text-align: right;
}
table.verycompact td.ts, table.verycompact th.ts {
   width: 110px;
   padding-right:5px;
}
table.white tr td  {
	background-color: #FFFFFF;
}
table.zebra tr:nth-child(odd)  {
   background: #FFFFFF;
}
table.zebra tr:nth-child(odd).slared  {
   background: #FFDCDC;
   color: red;
}
table.zebra tr:nth-child(odd).slawred  {
   background: #FFDCDC;
}
table.zebra tr:nth-child(even)  {
   background: #F5F5F5;
}
table.zebra tr:nth-child(even).slared  {
   background: #FFDCDC;
   color: red;
}
table.zebra tr:nth-child(even).slawred  {
   background: #FFDCDC;
}
table.zebra tr th  {
   background-color: #DDECFC;
}
table.zebra tr td  {
   background-color: inherit;
}




/* General ID:s */

#wrapper {
   margin-top: 14px;
   background-color: #e5eef8;
   background-image: url(../images/pageBg.gif);
   background-repeat: repeat-x;
   padding: 3px;
}

#pageBg {
   background-color: #FFFFFF;
   width: 100%;
   height: 100%;
}

#header {
   background-image: url(../images/headerBg.gif);
   background-repeat: repeat-x;
   height: 90px;
   width: 100%;
   margin-right: auto;
   margin-left: auto;
}

#logo {
   float: left;
   margin-top: 24px;
   margin-left: 34px;
}

#logo span {
   float: right;
   margin-top: 14px;
   margin-left: 54px;
   font-size: 24px;
}

#idready.active:hover, #idpause.active:hover  {
   cursor: pointer;
}

#agentpane {
   background-color: #FFFFFF;
   background-image: url(../images/agentpaneBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   border: 1px solid #cccccc;
   width: 100%;
   font-size: 14px;
   color: #000000;
   text-decoration: none;
   margin: 0px;
   padding-top: 6px;
}



/* dialogs */
#mask {
	display: none;
	background: #000000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

#login-box {
 	position: fixed;
	top: 20%; left: 30%;
	width: 520px;
}
#login-box form td {
	width: 200px;
}
#login-box form td span#idstrength {
	padding-left: 10px;
}
#login-box input.button
{
	margin-left: 10px;
}

#userinfo {
   float: right;
   margin-top: 20px;
   margin-right: 10px;
   color: #000000;
}
#userinfo p {
   text-align: right;
   margin: 2px 0 2px 10px;
   padding: 4px 0 4px 4px;
}
#userinfo p a img {
   margin-left: 0px;
}
#userinfo p.dark {
   background-color: #DBDBDB;
   font-weight: bold;
   padding: 5px;
}
#userinfo a, #userinfo span, #userinfo img {
   vertical-align: middle;
}

#team-box  {
	float: right;
	position: fixed;
	top: 10%; right: 30%;
}
#team-box select  {
   width: 150px;
}

#quickmenu0 img {
   top: 14px;
   right: 0;
   z-index: 99999;
   cursor: pointer;
   margin: 0;
   position: fixed;
}
#quickmenu1  {
    background: none repeat scroll 0 0 #F1E7D1;
    border: 2px solid #346799;
    position: fixed;
    right: 14px;
    top: 14px;
    width: 150px;
    padding: 5px;
}
#quickmenu1 #idclosemenu {
   display: inline-block;
   position: relative;
   float: right;
   height:25px;
   width: 32px;
   margin-right: 3px;
}
#quickmenu1 input {
   color: grey;
   width: 140px;
}

#menu {
   height: 34px;
   margin: 10px;
   background-image: url(../images/menuBg.gif);
   background-repeat: repeat-x;
}
#menu a:hover{
   color: #FFFFFF;
   background-image: url(../images/menuHover.gif);
   background-repeat: repeat-x;
}
#menu ul {
   list-style-type: none;
   padding: 0px;
   margin-left: 20px;
   z-index: 999;
}

#menu li {
   display: block;
   float: left;
   line-height: 34px;
   background-image: url(../images/menuSep.gif);
   background-repeat: no-repeat;
   background-position: right;
}

#menu li a {
   padding-right: 30px;
   padding-left: 10px;
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   line-height: 34px;
   display: block;
   color: #000000;
}
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

#nav li.hover a { background-color: #8CAAC8; }
#nav ul li a { background-color: #8CAAC8; }
#nav ul a.hover { background-color: #8CAAC8; }
#nav ul a { border-bottom: 1px solid white; border-right: none; }

#idreload  {
   float: right;
   margin: 6px;
}
#idreload img  {
	padding-top: 3px;
}

#idconfxfer  {
   float: right;
   margin: 6px;
}
#idconfxfer img  {
	padding-top: 3px;
}

a.pbxbutton  {
   float: clear;
}
a.pbxbutton div {
   margin-right: 2px !important;
}
a.pbxbutton span {
   padding: 3px 0px !important;
   margin: 2px !important;
}


#footer {
   background-image: url(../images/footerBg.gif);
   background-repeat: repeat-x;
   margin-right: auto;
   margin-left: auto;
   color: #777777;
   margin-bottom: 2px;
   text-align: center;
   height: 98px;
   line-height: 98px;
}



/* Classes */

.contentpane {
   margin: 0 2%;
}

.box {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin-top: 30px;
   border: 1px solid #CCCCCC;
   margin-bottom: 15px;
   padding: 10px 20px;
}

.greyBox {
   background-image: url(../images/statusBoxBg.gif);
   background-repeat: repeat-x;
   border: 1px solid #CCCCCC;
   background-position: bottom;
   width: auto;
   padding: 10px;
   background-color: #eeeeee;
}
.greyBox td  {
   padding: 0px 5px 2px 2px;
   vertical-align: top;
}
.greyBox p  {
   margin: 0;
}

.compact {
   padding: 0px;
   margin: 0px;
}

.fullwidth {
   width: 100%;
}
.halfwidth {
   width: 50%;
}

.red {
   color: red;
}
.grey {
   color: grey;
}

.error {
   font-size: 12px;
   font-weight: bold;
   color: #990000;
   text-decoration: none;
   background-color: #FFCC99;
   display: block;
   margin: 20px 2px;
   padding: 8px;
   border: 1px solid #FF0000;
   background-image: url(../images/errMsg.gif);
   background-repeat: no-repeat;
   background-position: 2px;
   text-indent: 25px;
}

.warning {
   font-size: 12px;
   font-weight: bold;
   color: #FF9933;
   text-decoration: none;
   background-color: #FFFFCC;
   margin: 20px 2px;
   padding: 8px;
   border: 1px solid #FFCC33;
   background-image: url(../images/msg_icon.gif);
   background-repeat: no-repeat;
   background-position: 2px;
   text-indent: 25px;
}

.message {
   font-size: 12px;
   font-weight: bold;
   color: green;
   text-decoration: none;
   background-color: #BEE8C8;
   margin: 20px 2px;
   padding: 8px;
   border: 1px solid green;
   background-image: url(../images/ok_icon.gif);
   background-repeat: no-repeat;
   background-position: 2px;
   text-indent: 25px;
}


.statusBox, .boxfull  {
   background-image: url(../images/statusBoxBg.gif);
   background-repeat: repeat-x;
   border: 1px solid #CCCCCC;
   background-position: bottom;
   width: 50%;
   padding: 10px;
   background-color: #eeeeee;
}
.statusBox tr td, .boxfull tr td {
   padding-right: 30px;
}
.statusBox table, .boxfull table  {
   margin: 0;
}
.statusBox td, .boxfull td  {
   margin: 0;
   padding: 0;
}

.boxfull  {
   width: 80%;
}

.dialog  {
	display:none;
	background: #CCCCCC;
	padding: 10px;
	border: 5px solid #ddd;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
}
.dialog img.btn_close {
	float: right;
	margin: -28px -28px 0 0;
}
.dialog form td input {
        border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
	padding:6px 6px 4px;
}
.dialog form input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
.dialog form input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.asmListItemRemove  {
   background-image: url(../images/delx.gif);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 50%;
}

.helptt  {
	vertical-align: text-bottom;
}
.helptt:hover  {
   cursor: pointer;
   cursor: hand;
}

.helpme {
      color: gray;
}
.helpme b {
      color: green;
}
.helpme i {
      color: black;
}

.ui-tooltip {
      max-width: 900px;
}

.scrollbox {
   height: 100%;
	overflow: auto;
}
.scrolltips {
   height: 300px;
	overflow: auto;
}
.noscroll {
	overflow: hidden;
}

.tickrow.red {
   font-weight: bold;
}
.multiselect .tickrow:hover, .multiselect .logrow:hover, .multiselect .contactrow:hover, .multiselect .textrow:hover  {
   cursor: pointer;
}

.tickrow td {
   margin: 0px;
   padding: 5px 10px 5px 5px;
   white-space: nowrap;
}

.dhtmlwindow input.button  {
   position: absolute;
   bottom: 20px;
   left: 20px;
}
.dhtmlwindow input.buttlow  {
   position: absolute;
   bottom: 20px;
   right: 20px;
}
.dhtmlbox {
   background-color: white;
   border: 1px solid #CCCCCC;
   padding: 10px;
   overflow: auto;
   white-space: normal;
}

.ui-button  {
   margin-right: 15px;
}

.pager img:hover  {
   cursor: pointer;
}
.pager input  {
   width: 50px;
}

.margin10 {
   margin-bottom: 10px;
}

.dial {
   color: green;
   text-decoration: none;
}

.mail {
   text-decoration: none;
}
.mail img {
   vertical-align: text-bottom;
}

.data {
   font-weight: bold;
   color: #003366;
}
.dataright {
   font-weight: bold;
   color: #003366;
   text-align: right;
}

.w20  {
   overflow: hidden;
   width: 20px;
}
.w100  {
   overflow: hidden;
   width: 100px;
}
.w100 select {
   width: 100px;
}
.w150  {
   overflow: hidden;
   width: 150px;
}
.oneline  {
   overflow: hidden;
}
.inline div {
   display: inline-block;
}

.indent  {
   margin-left: 15px;
}
.indent30  {
   margin-left: 30px;
}
.indent50  {
   margin-left:  50px;
}
.indent200  {
   margin-left: 200px;
}

.tbl {
   border-spacing: 1px;
   background-color: #CCCCCC;
}
.tbl th {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   background-color: #ddecfc;
   line-height: 24px;
}
.tbl td {
   white-space: nowrap;
	background-color: #FFFFFF;
}
.tbl td.idNEW {
   color: #00FF00;
}
.tbl td.idOPEN {
   color: green;
}
.tbl td.idCUST {
   color: blue;
}
.tbl td.idSLEEP, .tbl td.idSLEEP_X {
   color: #FFA500;
}
.tbl td.idEXTERNAL {
   color: blue;
}
.tbl td.compact {
   padding-top:  0px;
   padding-bottom:  0px;
   vertical-align: middle;
}
.tbl td.compact img {
   margin-left:  0px;
   margin-right:  0px;
}
.tbl td.note p {
   margin-bottom:  0px;
}

.fixed  {
   table-layout: fixed;
}

.header1  {
   padding-top: 8px;
   font-weight: bold;
}

.graphBox {
   background-image: url(../images/statusBoxBg.gif);
   background-repeat: repeat-x;
   border: 1px solid #CCCCCC;
   background-position: bottom;
   padding: 10px;
   background-color: #eeeeee;
}
.graphBox td, .graphBox th  {
   margin: 0;
   padding: 0;
}

.pinkBox {
   background-color: #ffeae2;
   border: 1px solid #CCCCCC;
   width: 92%;
   margin-top: 2px;
   padding: 10px;
}
.pinkBox p  {
   margin: 0;
}


.boxtop {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin-top: 15px;
   border: 1px solid #CCCCCC;
   margin-bottom: 30px;
   padding: 10px;
}

.listen:hover {
   cursor: pointer;
   cursor: hand;
}

.username {
   font-weight: bold;
   color: #666666;
   text-transform: uppercase;
}

.button {
   font-size: 12px;
   font-weight: bold;
   color: #CCCCCC;
   background-color: #336699;
   background-image: url(../images/buttonBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin: 10px 0 10px 40px;
}
.button:hover {
   color: #FFFFFF;
   background-color: #888888;
   background-image: url(../images/buttonBgHover.gif);
}
.button:first-of-type, .buttlow:first-of-type {
   margin-left: 0;
}
.button[disabled], .button[disabled]:hover {
   color: #CCCCCC;
   background-image: url(../images/buttdisabledBg.gif);
   background-color: grey;
}

.buttonshow {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #336699;
   background-image: url(../images/buttonBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 25px;
   margin: 10px 0px 10px 10px;
}
.buttoncompact {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #336699;
   background-image: url(../images/buttonBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin: 0px 0px 0px 0px;
}

.buttoncompact:hover {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #336699;
   background-image: url(../images/buttonBgHover.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin: 0px 0px 0px 0px;
}

.buttlow {
   font-size: 12px;
   font-weight: bold;
   color: #CCCCCC;
   background-image: url(../images/buttlowBg.gif);
   background-color: #6688AA;
   margin: 10px 0 10px 40px;
}

.buttlow:hover {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   background-image: url(../images/buttlowBgHover.gif);
   background-color: #336699;
}

.buttdisabled {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #CCCCCC;
   background-color: #336699;
   background-image: url(../images/buttonBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 25px;
   margin: 10px 20px 10px 0;
}

.hidden {
   display: none;
}

.stat #fragment-2 label {
   float: left; width: 10em;
}
.stat #fragment-2 p {
   margin: 0;
}

.fakelink  {
	color: #0084D7;
}
.fakelink:hover  {
   cursor: pointer;
}

.quickaction {
   display: block;
   position: relative;
   float: right;
   height:22px;
   width: 22px;
   margin: 0 0 3px 3px;
   padding: 0px;
	border-radius: 5px;
}


#idconfagent option  { background-repeat:no-repeat; }
#idconfagent option  { background-position:left center; }
#idconfagent option  { padding-left: 25px; }
#idconfagent option.stagreen  { background-image:url(../images/stagreen.gif); }
#idconfagent option.stawhite  { background-image:url(../images/stawhite.gif); }
#idconfagent option.stayellow  { background-image:url(../images/stayellow.gif); }
#idconfagent option.staorange  { background-image:url(../images/staorange.gif); }
#idconfagent option.stared  { background-image:url(../images/stared.gif); }


#idtext tr th.choose  {
   width: 30px;
}
/* Special formatting for specific page */

#idindex table.box {
   height: 250px;
   padding: 10px 0px;
   margin-top: 0px;
}
#idindex table.box.right td {
   vertical-align: top;
   text-align: center;
}
#idindex table.box.right td img {
   height: 50px;
   width: 50px;
}
#idindex .cpimg {
   margin-left: 0px;
}

#idehd_show img  {
   margin-left: 0px;
}

#idehd_help table td.left  {
   width: 160px;
   vertical-align: top;
}
#idehd_help div.box  {
	margin-top: 10px;
}
#idehd_help div.page img  {
	display: block;
	width: 40px;
}

#idehd_main table {
	width: 100%;
}
#idehd_main div.box {
   margin-top: 10px;
}
#idehd_main div.box table {
   margin-bottom: 0px;
}
#idehd_main div.box table td {
   padding-bottom: 0px;
}
#idehd_main table.panel td {
   vertical-align: top;
   text-align: center;
}
#idehd_main table.panel td > div {
   position: relative;
}
#idehd_main div.warn {
   position: absolute;
   bottom: 15px;
   left:0;
   right:0;
   margin-left:auto;
   margin-right:auto;
}
#idehd_main td.box2  {
   padding-left: 0;
}
#idehd_main td.box3  {
   padding-right: 0;
}

#idoverview div  {
   margin-left: 5px;
}
#idoverview div table  {
   width: 100%;
}
#idoverview table.greyBox span.ui-icon  {
	display: inline-block;
	padding: 0;
}
#idoverview table .tickrow td  {
   margin: 0px;
   padding: 5px 10px 5px 5px;
}
#idoverview table.status tr td:first-child  {
   padding-left: 0px;
}
#idoverview table.status tr td:first-child div  {
   margin-left: 0px;
}
#idoverview table.status tr td:last-child  {
   padding-right: 0px;
}
#idoverview table.status tr td:last-child div  {
   margin-right: 0px;
}
#idoverview td.indent20  {
   padding-left: 20px;
}

#idcrm_sitepopup table.status  {
   width: 100%;
}
#idcrm_sitepopup table.status > tbody > tr > td.instr {
   width: 50%;
}
#idcrm_sitepopup a.indent  {
	margin-left: 5px;
}
#idcrm_sitepopup table .tickrow td  {
   margin: 0px;
   padding: 5px 10px 5px 5px;
}
#idcrm_sitepopup td.indent20  {
   padding-left: 20px;
}

#idusers table tr td img {
   height: 14px;
   padding: 1px;
   margin: 0px;
}

#idguide .testBox {
   width: 80%;
}
#idguide .button {
   width: 12em;
}

#idteam select {
   width: 12em;
}

#idehd_reg table td img {
   height: 20px;
}

#idcallstat #fragment-2 table tr td legend  {
   padding-left: 0;
   font-weight: bold;
}

#idcalls #fragment-2 table tr td legend  {
   padding-left: 0;
   font-weight: bold;
}

#iduserstat table.userdet {
   border-spacing: 0px;
   padding: 5px 10px 0px 0px;
}
#iduserstat table.userdet td {
   border: 1px solid #CCCCCC;
   border-spacing: 0px;
   padding: 0px;
}

#idutstat table.userdet {
   border-spacing: 0px;
   padding: 5px 10px 0px 0px;
}
#idutstat table.userdet td {
   border: 1px solid #CCCCCC;
   border-spacing: 0px;
   padding: 0px;
}

#idcrm_ticket  {
   position: relative;
}
#idcrm_ticket table tr td#idtdmiddle   {
   width: 200px;
   overflow: hidden;
}
#idcrm_ticket table tr td#idtdright   {
   width: 35%;
   overflow: hidden;
}
#idcrm_ticket table#idtabledescr > tbody > tr > td   {
   width: 50%;
}
#idcrm_ticket table#idrightbottom tr td  {
	vertical-align: text-top;
}
#idcrm_ticket table#idrightbottom tr td.w20 {
   width: 20px;
}
#idcrm_ticket table.fullwidth tr td textarea   {
   width: 100%;
}
#idcrm_ticket #idform table.fullwidth  {
   margin: 0;
}
#idcrm_ticket table tr th#idlogtype {
   width: 30px;
}
#idcrm_ticket div.greyBox  {
   width: auto;
}
#idcrm_ticket #idtdright button.save  {
   margin-top: 0;
}
#idcrm_ticket #iddesc textarea  {
   margin-bottom: 5px;
}
#idcrm_ticket .heading  {
	color: #0084D7;
}
#idcrm_ticket .heading:hover  {
   cursor: pointer;
}
#idcrm_ticket #idtype select  {
   width: 100px;
}
#idcrm_ticket #idtabledescr .compact {
   padding: 5px 0px 0px;
   margin: 0px;
}
#idcrm_ticket #idtabledescr tr td a, #idcrm_ticket #idtabledescr tr td input  {
   margin-right: 20px;
}
#idcrm_ticket #idtabledescr tr td input#idaddlog  {
   margin-right: 5px;
}
#idcrm_ticket #idsiteimg  {
   position: absolute;
   top: 5px;
   right: 5px;
   width: 70px;
}
#idcrm_ticket #idsitediv  {
   text-align:center; 
   background-color: #A9F5F2; 
   font-weight: bold; 
   top: -5px; 
   right: -20px; 
   width: 130px; 
   border-radius: 5px;   
   position: absolute;
}
#idcrm_ticket #idsitediv img  {
   margin:5px;
}
#idcrm_ticket #idsitediv #idsitedivimg  {
   width:120px; 
}
#idcrm_ticket #idsitediv div span  {
   vertical-align: 50%;
}

div#idcrm_ticket_cust   {
   margin-bottom: 20px;
}
#idcrm_ticket_cust table tr td#idtdmiddle   {
   width: 200px;
   overflow: hidden;
}
#idcrm_ticket_cust table tr td#idtdright   {
   width: 35%;
   overflow: hidden;
}
#idcrm_ticket_cust table#idtabledescr tr td   {
   width: 50%;
}
#idcrm_ticket_cust table.fullwidth tr td textarea   {
   width: 100%;
}
#idcrm_ticket_cust #idform table.fullwidth  {
   margin: 0;
}
#idcrm_ticket_cust table tr th#idlogtype {
   width: 20px;
}
#idcrm_ticket_cust div.greyBox  {
   width: auto;
}
#idcrm_ticket_cust div#idcustmsg  {
   width: auto;
}
#idcrm_ticket_cust #idcustatt  {
	margin-left: 10px;
	padding-top: 5px;
}
#idcrm_ticket_cust #idtdright button.save  {
   margin-top: 0;
}
#idcrm_ticket_cust #iddesc textarea  {
   margin-bottom: 5px;
}
#idcrm_ticket_cust .heading  {
	color: #0084D7;
}
#idcrm_ticket_cust .heading:hover  {
   cursor: pointer;
}
#idcrm_ticket_cust #idcust1  {
   width: 70%;
}
#idcrm_ticket_cust #idcust1 textarea {
   width: 95%;
}
#idcrm_ticket_cust #idcust2  {
	width: 250px;
}

#idindex_cust #idcust1  {
   width: 35%;
}
#idindex_cust #idcust2  {
   width: 35%;
}

#idcrm_externalpopup table tr td  {
   padding-left: 0;
}

#idpro_inbox.contentpane {
   margin-left: 7px;
   margin-right: 7px;
}
#idpro_inbox table tr td#idleft  {
   width: 40%;
}
#idpro_inbox iframe {
   border: none;
   width: 100%;
}
#idpro_inbox .tickrow:hover, #idpro_inbox .logrow:hover  {
   cursor: pointer;
}

/* pro_inbox stuff (in iframe) */
.wsbox1 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 85px;
   margin-top: 10px;
   border: 1px solid #CCCCCC;
   margin-bottom: 10px;
   padding: 10px 40px 10px 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
}
.wsbox1 h2  {
	text-indent: 10px;
   margin-top: -23px;
   width: 200px;
   background-color: #FFFFFF;
}
.wsbox2 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin: 5px 0 20px;
   border: 1px solid #CCCCCC;
   padding: 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
   width: 95%;
   height: 140px;
}
.wsbox2 h2  {
	text-indent: 10px;
   margin-top: -23px;
   width: 200px;
   background-color: #FFFFFF;
}
.wsbox2.low {
   height: 80px;
}
.wsboxright {
   margin-top: 10px;
   margin-bottom: 10px;
   border: 1px solid #CCCCCC;
   padding: 10px 10px 0 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
   width: 97%;
   height: 99%;
}
.wsboxrightPADDA {
   margin-top: 10px;
   margin-bottom: 10px;
   border: 1px solid #CCCCCC;
   padding: 10px 10px 0 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
   width: 91%;
   height: 93%;
}
.wsboxright > h2, .wsboxrightPADDA > h2  {
	text-indent: 10px;
   margin-top: -23px;
   width: 300px;
   background-color: #FFFFFF;
   white-space: nowrap;
   overflow: visible;
}
.wsboxright > h2 a, .wsboxrightPADDA > h2 a {
   overflow: visible;
}


.wsbox3 {
   padding: 0 10px 0 10px;
   background-color: #FFFFFF;
   width: 95%;
   height: 80px;
}
.wsbox3 table {
   margin: 0;
}
.wsbox3 select {
   width: 80px;
}
.wsbox3 td.top {
   vertical-align: top;
}
.wsbox4 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   border: 1px solid #CCCCCC;
   margin-bottom: 10px;
   padding: 10px 10px 0 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
   height: 110px;
   text-align: right;
}
.wsbox4 h2  {
	text-indent: 10px;
   margin-top: -23px;
   width: 120px;
   background-color: #FFFFFF;
}
.wsbox41 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   background-color: #FFFFFF;
   border: 1px solid #CCCCCC;
   border-radius: 6px;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 150px;
}
.wsbox41 h2  {
   background-color: #FFFFFF;
	text-indent: 15px;
   margin: -13px 0 0 10px;
   width: 130px;
}
.wsbox41 div.scrollbox  {
	margin: 5px;
}
.wsbox41 .logrow:hover, .wsbox43 .tickrow:hover, #idTextPanel .textrow  {
   cursor: pointer;
}
.wsbox42 {
   margin: 0;
   padding: 10px 0px 10px 0px;
   width: 100%;
   overflow: hidden;
}
.wsbox421 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   background-color: #FFFFFF;
   border:1px solid #CCCCCC;
   border-radius: 6px;
   overflow: auto;
   white-space: normal;
   margin: 0;
   padding: 10px 0px 10px 10px;
}
.wsbox42 h2  {
   margin-top: 0;
}
.wsbox43 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   background-color: #FFFFFF;
   border: 1px solid #CCCCCC;
   border-radius: 6px;
   margin: 0px 0px 0px 10px;
   padding: 10px;
   width: 92%;
   height: 150px;
}
.wsbox43 h2  {
   background-color: #FFFFFF;
	text-indent: 10px;
   margin-top: -23px;
   width: 130px;
}
.wsbox44 {
   margin: 0;
   padding: 10px 0px 0px 10px;
}
.wsbox44 textarea  {
   width: 99%;
}
.wsbox44 h2  {
   margin-top: -13px;
}

.wsbox5 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin-top: 5px;
   border: 1px solid #CCCCCC;
   padding: 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
   width: 95%;
   height: 150px;
}
.wsbox5 h2  {
	text-indent: 10px;
   margin-top: -23px;
   width: 130px;
   background-color: #FFFFFF;
}
.wsbox6 {
   margin: 0;
   padding: 10px 0px 10px 10px;
}
.wsbox61 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   background-color: #FFFFFF;
   border-radius: 6px;
   border:1px solid #CCCCCC;
   overflow: auto;
   white-space: normal;
   margin: 0;
   padding: 10px 0px 10px 10px;
}
.wsbox6 textarea  {
   width: 99%;
}
.wsbox6 > h2.up  {
   margin-top: -13px;
}
.wsbox7 {
   margin: 0;
   padding: 10px 0px 10px 10px;
   height: 40px;
}
.wsbox71 {
   height: 30px;
   background-color: #FFFFFF;
   border-radius: 6px;
   border:1px solid #CCCCCC;
   overflow: auto;
   white-space: normal;
   margin: 0;
   padding: 10px 0px 10px 10px;
}
#idH2  {
   color: #666666;
   font-size: 1.1em;
   font-weight: bold;
   margin: 5px 0;
   padding: 3px 0;
}

#idpro_init.contentpane {
   margin-left: 7px;
   margin-right: 7px;
}
#idpro_init .wsbox11 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 85px;
   margin-top: 10px;
   border: 1px solid #CCCCCC;
   margin-bottom: 10px;
   padding: 10px 40px 10px 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
}
#idpro_init .wsbox11 h2  {
	text-indent: 10px;
   margin-top: -23px;
   width: 300px;
   background-color: #FFFFFF;
}
#idpro_init td.wsbox11_right {
	text-indent: 30px;
   vertical-align: bottom;
   text-align: right;
}
#idpro_init .wsbox12 {
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   margin: 5px 0 20px;
   border: 1px solid #CCCCCC;
   padding: 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
   width: 95%;
   height: 140px;
}
#idpro_init .wsbox12 h2  {
	text-indent: 10px;
   margin-top: -23px;
   width: 200px;
   background-color: #FFFFFF;
}
#idpro_init .wsbox12.low {
   height: 80px;
}
#idpro_init .wsbox12 table tr th.site {
   width: 50px;
}
#idpro_init .wsbox13 {
   white-space: normal;
   background-image: url(../images/whiteBoxBg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   border: 1px solid #CCCCCC;
   border-radius: 6px;
   margin-top: 118px;
   padding: 10px;
   background-color: #FFFFFF;
   width: 95%;
}
#idpro_init .wsbox13 h2  {
	text-indent: 10px;
   margin-top: -23px;
   width: 230px;
   background-color: #FFFFFF;
}
#idpro_init .wsbox13 div  {
   overflow: auto;
}
#idpro_init table tr.tickrow td {
   padding: 0px;
   overflow: hidden;
}
#idpro_init #idtablesorter:hover  {
   cursor: pointer;
}
#idpro_init #idleft {
   width: 065%;
}

#idcontactdiv {
   margin-top: 5px;
}

#idcrm_contactedit textarea {
   width: 90%;
}

#idnps table tr.good td {
   background-color: #DBFBC6;
}
#idnps table tr.bad td {
   background-color: #E2EFF5;
}
#idnps table tr.err td {
   background-color: #FBC6C6;
}
#idnps table tr.oldbad td {
   background-color: #FBC6C6;
}
#idnps table tr.olderr td {
   background-color: #E2EFF5;
}
#idnps table tr.autoedit td {
   background-color: #FBFAC6;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
   .tabs-nav {
       display: none;
   }
}

/* Skin */
#idtabs {
   display: block;
}

.tabs-nav {
   background-image:url(../images/menuBg.gif);
   background-repeat:repeat-x;
   list-style: none;
   padding: 0 4px 0 0;
   margin: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
   display: block;
   clear: both;
   content: " ";
}
.tabs-nav li {
   float: left;
   margin: 0 10px 0 0;
   min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
   background-image:url(../images/menuBg.gif);
   background-repeat:repeat-x;
   display: block;
   padding: 0 10px;
}
.tabs-nav a {
    position: relative;
    z-index: 2;
    padding-left: 0;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
}
.tabs-nav .tabs-selected a {
   background-image:url(../images/menuHover.gif);
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
   background-image:url(../images/menuHover.gif);
   color: #FFFFFF;
   outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 6px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}




/* EHD special styles */

.ehd_stora {
   background: #99ccf1;
   text-align: center;
   width: 100px;
}

.ehd_lilla {
   background: #bbddf5;
   text-align: center;
   width: 100px;
}

.ehd_prova {
   background: #ddeef9;
   text-align: center;
   width: 100px;
}

.ehd_text {
   background: #fafafa;
   text-align: left;
   width: 130px;
}
.ehd_info {
   background: #fafafa;
   text-align: left;
}

.ehd_th {
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   background: #e3e3e3;
   /* Added CT120324 to avoid center in msie9 */
   text-align: left;
}

.BBcode {
   line-height: 22px;
   height: 8px;
   color: blue;
   border: 2px solid blue;
   padding: 4px;
}


.todo.left:after {
    border-color: transparent #FFFFFF;
    border-width: 9px 21px 9px 0;
    bottom: auto;
    left: -21px;
    top: 16px;
}
.todo:after {
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 13px 13px 0;
    bottom: -13px;
    content: "";
    display: block;
    left: 47px;
    position: absolute;
    width: 0;
}
.todo.left:before {
    border-color: transparent #5A8F00;
    border-width: 15px 30px 15px 0;
    bottom: auto;
    left: -30px;
    top: 10px;
}
.todo:before {
    border-color: #5A8F00 transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    width: 0;
}
.todo.left {
    margin-left: 30px;
}
.todo {
   background-repeat: no-repeat;
   background-position: 10px center;
   border: 5px solid #5A8F00;
   background-size: 25px;
   border-radius: 10px 10px 10px 10px;
   color: #333333;
   margin: 1em 0 1em;
   padding: 12px 50px 12px 50px;
   position: relative;
}
.todo.todo {
   background-image: url(../images/ehd_todo.gif);
}
.todo.warn {
   background-image: url(../images/ehd_warn.png);
}
.todo.msg {
   background-image: url(../images/msg_icon.gif);
}
.todo a.del  {
   float: right;
   margin-top: 0px;
   margin-right: -40px;
}

.future_cstat {
   color: #F68F43;
}
.soon_cstat {
   color: blue;
}
.later_cstat {
   color: #F68F43;
}

.busy_cstat {
   color: red;
}