body {
   background-color: #fff;
   color: black;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-left:0;
   margin-right:0;
   margin-top:0;
   margin-bottom:0;
}

table.enclosing {
   background-color:#FFFFFF;
   color : #555;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 900px;
   padding: 10px;
   margin-top:20px;
}


td {
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: left;
}

a img {
   vertical-align: bottom;
   border : none;
}

td.white {
   background-color: #FFFFFF;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;  
}

td.admin_white {
   background-color: #FFFFFF;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   border: #d1dceb 1px solid;
   padding: 1px;  
}

td.admin_gray {
   background-color: #edf4ff;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   border: #d1dceb 1px solid;
   padding: 1px;
}

td.notes {
   background-color: #fffbf2;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: #ffe6b8 1px solid;
}

th.tDetailsHead {
   background-color: #F7F7F7;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: center;
}

td.tDetailsBody {
   background-color: #FFFFFF;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: #F7F7F7 1px solid;
   text-align: center;
}

.small {
   font-size: 11px;
}

.smaller {
   font-size: 10px;
   font-family : Arial, Helvetica, sans-serif;
}

a {
   color : #555555;
   text-decoration : underline;
}

a:hover {
   color : Black;
   text-decoration : none;
}

a.smaller {
   font-size: 10px;
   color : #555555;
   font-weight: bold;
   text-decoration : underline;
}

a.smaller:hover {
   font-size: 10px;
   color : Black;
   font-weight: bold;
   text-decoration : none;
}

table.white {
   background-color: #ffffff ;
   color : #23559C;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border-collapse: collapse;
}

table.white th {
   background-color: #ffffff;
   color : #23559C;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   border: #b2babd 1px solid;
   border-collapse: collapse;
   background-image: url(img/tableheader.jpg);
   background-repeat: no-repeat;
   background-position: left top;
}

table.white th a {
   color : #23559C;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

table.white td {
   height: 25px;
   padding-left: 5px;
}

.noborder {
border: none;
}

h3 {
   color : #B72B54;
   font-family : Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   margin: 0px;
}

.important {
   color: Red;
}

.medium {
   color: #FF9900;
}

input[type="text"], input[type="password"], select, textarea, .multi_value_field, input.combobox-button {
   background: none repeat scroll 0 0 #FBFBFB;
   border: 1px solid #C3C3C3;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   padding: 5px;
   margin: 5px;
}

input.button {
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color:#000000;
   background-color:#FFFFFF;
}

header a img {border: none; text-decoration: none !important;} 

.open {color : #FF0000;}
.waitingreply {color : #FF9933;}
.replied {color : #0000FF;}
.resolved {color : #008000;}
.allbutresolved {color : #000000;}

.success {color : #008000;}
.error {color : #FF0000;}
.notice {color : #FF9900}

#ok {
   border: 1px solid #679800;
}

#error {
   border: 1px solid #ba3225;
}

.rate {
   color: #666666;
   text-align: right;
   font-style: italic; 
}

a.article {
   color : Black;
   text-decoration: none;
   font-size: 11px;
}

a.article:hover {
   color : #B72B54;
   text-decoration : none;
}

.article_list {
   font-size: 11px;  
}

fieldset {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   margin-bottom: 6px; 
   border: 1px solid #C3C3C3;
   padding: 4px;
   background-color:white;
   position:relative;
   display:block;
   padding: 0px 10px 10px 10px;
   margin:20px 0px 20px 0px;
}

legend {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   color: #999;
   border: 1px solid #C3C3C3;
   height: 15px;
   font-size: 12px;
   font-weight:bold;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-position: left top;
   display:block;
   width: auto;
   padding:5px 0px 5px 10px;
   position:relative;
   width:130px;
}

/*newly introduced styles (version 2.0)*/

.header{
   width: 100%;
   background-color: #ffffff;
   color : #ffffff;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align: center;
   background-image: url(img/headerbg.png);
   background-repeat: repeat-x;
   height: 64px;
   padding: 0px;
   margin: 0px;
}

.header td {
text-align: center;
vertical-align: middle;
color:#FFFFFF;
}
.header a, .header a:link, .header a:active {
   color : #555;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align: center;
}
.header a:hover {}

.headerlogo{
   width: 50%;
   background-color: #ffffff;
   color : #000;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: left;
   height: 80px;
   padding: 0px;
   margin: 0px;
   font-weight:bold;
   padding-left: 10px;
   padding-right: 10px;
}

.headersm{
   width: 50%;
   background-color: #ffffff;
   color : #666;
   font-family : Arial, Helvetica, sans-serif;
   font-size: 20px;
   text-align: right;
   height: 80px;
   padding: 0px;
   margin: 0px;
   font-weight:bold;
   padding-left: 20px;
   padding-right: 10px;
}

hr {
   border: none;
   border-bottom: 1px dotted #adbac3;
   width: 100%;
   padding-top: 10px;
   margin-bottom: 10px;
   height: 1px;
}

.gobutton {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8e8e8), color-stop(1, #cccccc) );
   background:-moz-linear-gradient( center top, #e8e8e8 5%, #cccccc 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#cccccc');
   background-color:#e8e8e8;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
   border:1px solid #dcdcdc;
   display:inline-block;
   color:#777777;
   font-family:arial;
   font-size:14px;
   font-weight:bold;
   padding:0px 11px;
   text-decoration:none;
   text-shadow:1px 1px 0px #ffffff;
   margin:5px;
}

.gobuttonover {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #e8e8e8) );
   background:-moz-linear-gradient( center top, #cccccc 5%, #e8e8e8 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e8e8e8');
   background-color:#cccccc;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
   border:1px solid #dcdcdc;
   display:inline-block;
   color:#777777;
   font-family:arial;
   font-size:14px;
   font-weight:bold;
   padding:0px 11px;
   text-decoration:none;
   text-shadow:1px 1px 0px #ffffff;
   margin:5px;
}

/*styles for roundcorners tables*/

.roundcornersleft {
   width: 7px;
   background-image: url(img/roundcornerslm.jpg);
   background-repeat: repeat-y;
   background-position: left;
}
.roundcornersright {
   width: 7px;
   background-image: url(img/roundcornersrm.jpg);
   background-repeat: repeat-y;
   background-position: right;
}
.roundcornerstop {
   height: 7px;
   background-image: url(img/roundcornerst.jpg);
   background-repeat: repeat-x;
   background-position: top;
}
.roundcornersbottom {
   height: 7px;
   background-image: url(img/roundcornersb.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
}
.ticketrow {
   background-color: #edf4ff;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: #748aaf 1px dotted;
   padding: 6px;
}
.ticketalt {
   background-color: #ffffff;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 6px;
}

.tickettd {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;  
}

.subheaderrow {
   background-color: #ffffff;
   color : #23559C;
   border: #23559C solid 1px;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   border-collapse: collapse;
   background-image: url(img/tableheader.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   height: 25px;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 5px;
   }
   
.homepageh3, .section {
   color: #74804e;
   font-weight: bold;
}

/*newly introduced styles (version 2.2)*/ 

.large {
   font-size:14px;
}

.largebold {
   font-size:14px;
   font-weight:bold;
}

.assignedyou {
   color: red;
}

.assignedother {
   color: green;
}

div.error {
   border: 1px solid #cd0a0a; 
   background: #fef1ec; 
   color: #cd0a0a;
   padding: 10px;
}

div.success {
   border: 1px solid #18760f; 
   background: #e9ffdb; 
   color: #363636;
   padding: 10px;
}

div.notice {
   border: 1px solid #fcefa1; 
   background: #fbf9ee; 
   color: #363636;
   padding: 10px;
   vertical-align: middle;
}

.admin_green {
   background-color: #e3ffd0;
   font-weight: bold;
}

.admin_red {
   background-color: #fef1ec;
   font-weight: bold;
}

.borderBottom {
   border-bottom: silver 1px dashed;
}

.borderTop {
   border-top: silver 1px dashed;
}

.alignTop {
   vertical-align: top;
}

.alignMiddle {
   vertical-align: middle;
}

.alignBottom {
   vertical-align: bottom;
}

hr.dashed  {
   border: none 0; 
   border-top: 1px dashed silver;
   height: 1px;
}

/* newly introduced styles (version 2.3) */

h1 {
   color : #B72B54;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   margin: 0px;
}

.critical {
   color: #9400d3;
   font-weight: bold;
} 

td.admin_critical {
   background-color: #fff0ff;
   color : #000000;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   border: 1px solid #ff66ff;
   border-top: 2px dashed #ff66ff;
   padding: 1px;
}

.isError {
   color: black;
   background-color: #fff9f7;
   border: 1px solid red;
}

.isNotice {
   color: black;
   border: 1px solid orange; 
   background: #fbf9ee;
}
   
.optionWhiteON{
   padding:2px;
   border:1px dotted silver;
   background-color: #b0e0e6; 
}

.optionWhiteOFF {
   padding:2px;
   border:1px dotted silver;
   background-color: white;
}

.optionBlueON {
   padding:2px;
   border:1px dotted gray;
   background-color: #b0e0e6; 
}

.optionBlueOFF {
   padding:2px;
   border:1px dotted gray;
   background-color: #edf4ff;
}

.optionWhiteNbON{
   border: none; 
   background-color: #b0e0e6;
   vertical-align: text-bottom;
}

.optionWhiteNbOFF {
   border: none;
   background-color: white;
   vertical-align: text-bottom;
}

.kbCatListON {
   background-color: #fcefa1;
}

.kbCatListOFF {
   background-color: white;   
}

div.progress-container {
   border: 1px solid #ccc;
   width: 100px;
   margin: 2px 5px 2px 0;
   padding: 1px;
   float: left;
   background: white;
}

div.progress-container > div {
   background-color: #ACE97C;
   height: 12px
}

.black {color: black;}
.inprogress {color : #006400;}
.onhold {color : #000000;}

div.online {
   border: 1px solid #e5e8ff; 
   background: #ffffff; 
   color: #000000;
   padding: 0px;
   vertical-align: middle;
}

span.online {
   font-size: 10px;
   white-space:nowrap;
}

/* newly introduced styles (version 2.4) */  

td.admin_yellow {
   background-color: #ffffe0;
   color : #969696;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   border: #d1dceb 1px solid;
   padding: 1px;  
}

/* New styles in HESK version 2.5 */

.kb_published {
   color: #009900;
}

.kb_private {
   color: #969696;
}

.kb_draft {
   color: #cc9933;
}

.searchbutton {
   cursor:pointer;
   width:70px;
   height:27px;
   text-indent:-999px;
   text-transform: capitalize;
   color: transparent;
   background: url(img/ico-search.png) no-repeat #4d90fe center;
   border: 1px solid #3079ED;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;   
}

.searchbutton:hover {
   background: url(img/ico-search.png) no-repeat center #357AE8;
   border: 1px solid #2F5BB7;
}

.searchfield {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #C3C3C3;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 5px;
    padding: 5px;
    width:400px;
    height:21px;
}

.sbsmall {
   width:50px; 
   height:22px; 
   margin-top:2px;
}

.sfsmall {
   width:200px; 
   height:16px; 
   font-size:12px; 
   margin-top:2px;
}

/*footer styles (GOTECH)*/

.copyright {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: #f2f2f2;
   padding-top: 5px;
   padding-bottom: 5px;
   height: 100%;
   width: 875px;
   margin:0 auto;
}

.copybox {
   text-align:center;
   font-family : Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #B2B2B2;
   line-height:17px;
}

.copylink {
   color: #B2B2B2;
   font-family : Arial, Helvetica, sans-serif;
}


A.copylink {
   color : #B2B2B2;
   font-weight: bold;
   text-decoration : none;
}

A.copylink:HOVER {
   color : #B72B54;
   font-weight: bold;
   text-decoration : none;
}

.footermenu {
   display: block;
   line-height: 54px;
   margin: 0;
   padding: 0;
}

.footermenudot {
   margin: 0px 10px;
}