body {

	background-color:#002B55;
	
	color: black;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin-left:0;

	margin-right:0;

	margin-top:1;

	margin-bottom:0;

}



table.enclosing {

	background-color:#FFFFFF;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	width: 770px;

}





td {

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-align: left;

}



a img {

	vertical-align: bottom;

	border : none;

}



td.white {

	background-color: #FFFFFF;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;	

}



td.admin_white {

	background-color: #FFFFFF;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	border: #d1dceb 1px solid;

	padding: 1px;	

}



td.admin_gray {

	background-color: #f5fffa;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	border: #d1dceb 1px solid;

	padding: 1px;

}



td.notes {

	background-color: #fffbf2;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	border: #ffe6b8 1px solid;

}



th.tDetailsHead {

	background-color: #F7F7F7;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: normal;

	text-align: center;

}



td.tDetailsBody {

	background-color: #FFFFFF;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	border: #F7F7F7 1px solid;

	text-align: center;

}



.small {

	font-size: 13px;

}



.smaller {

	font-size: 13px;

}



a {

	color : Blue;

	text-decoration : underline;

}



a:hover {

	color : Red;

	text-decoration : none;

}



a.smaller {

	font-size: 13px;

	color : Blue;

	text-decoration : underline;

}



a.smaller:hover {

	font-size: 13px;

	color : Red;

	text-decoration : none;

}



table.white {

	background-color: #ffffff ;

	color : #23559C;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	border-collapse: collapse;

}



table.white th {

	background-color: #ffffff;

	color : #23559C;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	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: 13px;

}



table.white td {

	height: 25px;

	padding-left: 5px;

}



.noborder {

border: none;

}



h3 {

	color : #74804e;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	margin: 0px;

}



.important {

	color: Red;

}



.medium {

	color: #FF9900;

}



input {

	font-size: 14px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color:#000000;

}



input.button {

	font-size: 14px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color:#000000;

	background-color:#FFFFFF;

}



select {

	font-size: 14px;

	height: 20px;

}



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



.open {color : #FF0000;}

.waitingreply {color : #FF9933;}

.replied {color : #0000FF;}

.resolved {color : #003366;}

.allbutresolved {color : #000000;}



.success {color : #003366;}

.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: 13px;

}



a.article:hover {

	color : Red;

	text-decoration : none;

}



.article_list {

	font-size: 13px;	

}



fieldset {

	margin-bottom: 6px; 

	border: 1px SOLID #267DDC;

	padding: 4px;

	background-color:white;

	position:relative;

	display:block;

	padding: 0px 10px 10px 10px;

	margin:20px 0px 20px 0px;

}



legend {

	background-image: url(img/bluebtn.png);

	background-repeat: no-repeat;

	color: #172901;

	border: 1px solid #267DDC;

	height: 10px;

	font-size: 13px;

	font-weight:bold;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-position: left top;

	display:block;

	width: auto;

	padding:4px 5px;

	margin:0px 0px 10px 0px;

	position:relative;

	top: -12px;

	width:130px;	

}



/*newly introduced styles (version 2.0)*/



.header {

	width: 100%;

	background-color: #74a62b;

	color : #ffffff;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-align: center;

	background-image: url(img/header.png);

	background-repeat: repeat-x;

	height: 57px;

	padding: 0px;

	margin: 0px;

}



.header td {

text-align: center;

vertical-align: middle;

color:#FFFFFF;

}

.header a, .header a:link, .header a:active, .header a:visited {

	color : #ffffff;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	text-align: center;

}

.header a:hover {}



.headersm {

	width: 100%;

	background-color: #669933;

	color : #ffffff;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-align: left;

	background-image: url(img/headerbgsm.jpg);

	background-repeat: repeat-x;

	height: 25px;

	padding: 0px;

	margin: 0px;

	font-weight:bold;

	padding-left: 20px;

}



hr {

	border: none;

	border-bottom: 1px dotted #adbac3;

	width: 100%;

	padding-top: 10px;

	margin-bottom: 10px;

	height: 1px;

}



.greenbutton {

	background-image: url(img/greenbtn.jpg);

	background-repeat: no-repeat;

	text-align: center;

	color: #FFFFFF;

	border: 1px solid #527234;

	font-size: 13px;

	font-weight:bold;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-position: left top;

	height: 19px;

	padding-left: 6px;

	padding-right: 6px;

	margin-left: 2px;

	margin-right: 2px

}



.greenbuttonover {

	background-image: url(img/greenbtnover.gif);

	background-repeat: no-repeat;

	text-align: center;

	color: #FFFFFF;

	border: 1px solid #527234;

	font-size: 13px;

	font-weight:bold;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-position: left top;

	height: 19px;

	padding-left: 6px;

	padding-right: 6px;

	margin-left: 2px;

	margin-right: 2px

}



.orangebutton {

	background-image: url(img/orangebtn.jpg);

	background-repeat: no-repeat;

	text-align: center;

	color: #660000;

	border: 1px solid #bf6628;

	height: 20px;

	font-size: 13px;

	font-weight:bold;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-position: left top;

	padding-left: 6px;

	padding-right: 6px;

	margin-left: 2px;

	margin-right: 2px;

	text-decoration: none;

	margin-top: 0px;	

}



.orangebuttonover {

	background-image: url(img/orangebtnover.gif);

	background-repeat: no-repeat;

	text-align: center;

	color: #660000;

	border: 1px solid #bf6628;

	height: 20px;

	font-size: 13px;

	font-weight:bold;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-position: left top;

	padding-left: 6px;

	padding-right: 6px;

	margin-left: 2px;

	margin-right: 2px;

	text-decoration: none;

	margin-top: 0px;		

}



.bluebutton {

	background-image: url(img/bluebtn.png);

	background-repeat: no-repeat;

	text-align: center;

	color: #660000;

	border: 1px solid #5b79a3;

	height: 20px;

	font-size: 13px;

	font-weight:bold;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-position: left top;

	padding-left: 6px;

	padding-right: 6px;

	margin-left: 2px;

	text-decoration: none;

	margin-right: 2px;

	padding-top: 2px;

}





/*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: #f5fffa;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	border: #748aaf 1px dotted;

	padding: 6px;

}

.ticketalt {

	background-color: #ffffff;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	padding: 6px;

}



.tickettd {

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;	

}



.subheaderrow {

	background-color: #ffffff;

	color : #23559C;

	border: #23559C solid 1px;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	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 : #74804e;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	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: 13px;

	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: #f5fffa;

}



.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: 13px;

	white-space:nowrap;

}



/* newly introduced styles (version 2.4) */	



.orangebuttonsec {

	background-image: url(img/orangebtnsec.jpg);

	background-repeat: no-repeat;

	text-align: center;

	color: #660000;

	border: 1px solid #bf6628;

	height: 20px;

	font-size: 13px;

	font-weight:normal;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-position: left top;

	padding-left: 6px;

	padding-right: 6px;

	margin-left: 2px;

	margin-right: 2px;

	text-decoration: none;

	margin-top: 0px;	

}



.orangebuttonsecover {

	background-image: url(img/orangebtnover.gif);

	background-repeat: no-repeat;

	text-align: center;

	color: #660000;

	border: 1px solid #bf6628;

	height: 20px;

	font-size: 10px;

	font-weight:normal;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-position: left top;

	padding-left: 6px;

	padding-right: 6px;

	margin-left: 2px;

	margin-right: 2px;

	text-decoration: none;

	margin-top: 0px;		

}



td.admin_yellow {

	background-color: #ffffe0;

	color : #4a5571;

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 13px;

	border: #d1dceb 1px solid;

	padding: 1px;	

}



/* New styles in HESK version 2.5 */



.kb_published {

	color: #009900;

}



.kb_private {

	color: #4a5571;

}



.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 {

	width:400px;

	height:21px;

	font-size:14px;

	text-indent:2px; 

	vertical-align: bottom;

}



.sbsmall {

	width:50px; 

	height:22px; 

	margin-top:2px;

}



.sfsmall {

	width:200px; 

	height:16px; 

	font-size:12px; 

	margin-top:2px;

}