html{
	margin:0;
	padding:0;
	border:0;
}
body{
	margin:0;
	padding:0;
	border:0;
	/*width:1000px;*/
	
}
.header {
	border:0;
}
/* for the logo */
#logo_table  {
	width:100%;
	margin:0;
	padding:0;
	border:0;
	background-color: #4e395f;
}
#logo_table img {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
#logo_l {
	padding:0;
	margin:0;
	border:0;
}
#logo_m {
	padding:0;
	margin:0;
	border:0;
}
#logo_r {
	padding:0;
	margin:0;
	border:0;
}

/**********************************************
 *  Main content : middle of the page
 *********************************************/
#mainContent {
	margin:10px;
	padding-top:5px;
	padding-top: expression(20+"px");
	/*width:98%;*/
}
/**********************************************
 *  Listing table : used for list actions
 *********************************************/
.listingTable {
    border:1px solid #555;
    border-collapse:collapse;
    width:95%;
}
.listingTable th {
    background-color:#333;
    color:white;
    font-size:11pt;
    text-align:left;
    padding-left:5px;
}
.listingTable th a, .listingTable th a:visited {
    background-color:#333;
    color:white;
    font-size:11pt;
}
.listingTable td {
    padding-left:5px;
    padding-right:5px;
}
.listingTable tr.rowAlt td {
    background-color:#eee;
}
.listingTable tr td {
    font-size:8pt;
}

.listingTable2 {
    border:1px solid #555;
    border-collapse:collapse;
}
.listingTable2 th {
    background-color:#333;
    color:white;
    font-size:10pt;
}
.listingTable2 th a {
    background-color:#333;
    color:white;
}
.listingTable2 td {
    padding-left:15px;
    padding-right:15px;
}
.listingTable2 tr.rowAlt td {
    background-color:#eee;
}
.total td {
    background-color:#ffb;
    font-weight:bold;
    font-size:10pt !important;
}
.subtotal td {
    background-color:#ffd;
    font-weight:bold;
    font-style:italic;
}
.listingTable3 {
    /*border:1px solid #555;*/
    border-collapse:collapse;
    width:95%;
}
.listingTable3 th {
    border:1px solid #333;
    background-color:#333;
    color:white;
    font-size:11pt;
    text-align:left;
    padding-left:5px;
}
.listingTable3 td {
    padding-left:5px;
    padding-right:5px;
}
.listingTable3 tr.rowAlt td {
    background-color:#dde;
}
.listingTable3 tr td {
    font-size:8pt;
}
.listingTable3 tr.borderbottom td {
    border-bottom:1px solid #555;
}
.listingTable3 tr td.borderLeftRight,
.listingTable3 tr td.borderTop
 {
    border-left:1px solid #555;
    border-right:1px solid #555;
}
.listingTable3 tr td.borderTop {
    border-bottom:1px solid #555;
}
.listingTable3 tr td.borderright {
    border-right:1px solid #555;
}
.listingTable3 tr.borderrowAlt td {
    border-bottom:1px solid #555;
    background-color:#dde;
}
.listingTable3 tr.borderrow td {
    border-bottom:1px solid #555;
}

.listingTable4 {
    border-left:1px solid #555;
    border-right:0;
    border-top:0;
    border-bottom:0;
    border-collapse:collapse;
    width:100%;
}

/**********************************************
 *  Tickets priority, from critical to les important
 *********************************************/
.priority0 {
    background-color:#f55;
}
.priority0Alt {
    background-color:#f00;
}
.priority1 {
    background-color:#fa4;
}
.priority1Alt {
    background-color:#f90;
}
 
/**********************************************
 *  DescriptionArea : used to replace the 
 *   previous read only textarea
 *********************************************/
.descriptionTable {
    width:90%;
}

.descriptionArea {
    width:99%;
    border:1px solid #888;
    padding-left:10px;
    padding-bottom:10px;

}

.descriptionAreaComment {
    width:99%;
    border:1px solid #888;
    padding-left:5px;
    padding-bottom:3px;

}
/**********************************************
 *  Attributes table : used for list attributes
 *********************************************/
.attributesTable {
    border:0px;
}
.attributesTable th {
    color:black;
    text-align: left;
}
.attributesTable td {
    padding-left:15px;
    padding-right:15px;
}

.open {
    background-color: red;
    text-align: center;
}
.inprogress {
    background-color: orange;
    text-align: center;
}
.closed {
    background-color: lightgreen;
    text-align: center; 
}
/**********************************************
 *  Reports
 *********************************************/
.rarTicket {
    border:1px solid black;
    border-collapse:collapse;
    width:500px;
}
.rarTicket th {
    text-align:left;
    font:11pt;
    font-weight:bold;
    width:110px;
}

.rarTicket th,.rarTicket td {
    border:1px solid black;
    padding:2px;
}
/**********************************************
 *  This is for the footer
 *********************************************/
.footer{
	height:35px;
	border-top:1px solid #000;
	padding-top:5px;
	margin-top:10px;
}
/* Style for the Netk5 copyright text */
.copyright{
	font-size: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	color: #000;
	font-weight: bold;
}

/* comment */
.descriptionComment {
    width:100%;
}

.descriptionComment th {
    width:110px;
    text-align:left;
}

.descriptionContact {
    
}

.descriptionContact .tdCon {
    margin:0;
    padding-left:15px;
	padding-right:10px;
	vertical-align:top;
}

.descriptionContact .tdCon ul {
    margin:0;
    padding:0;
}

/**********************************************
 *  This is for the menu in general
 *********************************************/
.menu {
/*background-color:#eee;*/
border-bottom:1px solid black;
border-top:1px solid black;

font-family:arial, verdana, sans-serif; 
font-size:12px; 
font-weight:bold;
padding-left:5px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {
position:relative; 
padding:0; 
margin:0; 
list-style:none; 
z-index:100;
background-color:#fff; 
}
#nav li {
font-weight:bold;
font-size:12px;
font-family:arial, verdana, sans-serif;
}
#nav {
height:28px; 
width:auto; 
padding:0;
}

#nav table {border-collapse:collapse;}
#nav li {float:left; line-height:27px;}
#nav li li {float:none; }
/* a hack for IE5.x and IE6 */
#nav li a li {float:left; }
#nav li ul {border-top:1px solid black;}

#nav li a {
display:block; 
float:left; 
color:#777;
padding:0 7px 0 7px; 
height:28px; 
line-height:27px; 
text-decoration:none; 
white-space:nowrap; 
font-weight:bold;
font-size:12px;
font-family:arial, verdana, sans-serif;
}
#nav li li {padding:0 7px 0 7px;}
#nav li li a {height:21px; line-height:20px; float:none; padding:0;}

#nav li:hover {position:relative; z-index:100;}
#nav li a:hover {position:relative; z-index:100; background:#ccc; color:#000;}
#nav li ul li a:hover {position:relative; z-index:100; background:#fff; color:#000;}
/*#nav a:hover {position:relative; z-index:100; background:#ccc; color:#000;}*/
#nav li:hover > a { background:#ccc; color:#000;}

#nav :hover  ul {left:0; top:28px; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#fff; color:#000;}

#nav li a:hover ul li a:hover {background:#fff;} /*background:#fff;*/

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav li.nohover {
float:right;
line-height:28px;
}

#nav li.nohover:hover {
    background-color: transparent;
}


/***************************************/
/*sub menu */
/***************************************/
#subnav a{
color: #FFFF99;
text-decoration: none;
}
#subnav a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#subnav{
padding: 10px 2px 0;
font-size: 12px;
font-weight: bold;
margin: 1em 0 0;
list-style:none;
}
#subnav li{
float: left;
margin-right: 1px;
}
.bi{
position: relative;
z-index: 0;
}
.bi:hover{
z-index: 99;
}
.bi:hover span{
visibility: visible;
top: 0;
left: 0;
cursor: pointer;
}
.bi span{
position: absolute;
left: -999em;
visibility: hidden;
}
#subnav li a,.bi:hover span{
line-height: 20px;
text-decoration: none;
background: #EEEEEE;
color: #666666;
display: block;
width: 160px;
text-align: center;
}
#subnav li a:hover,.bi:hover span{
color: #FFFFFF;
background: #CCC;
}
.bi:hover span{
padding-top: 2px;
}
#subnavbar{
background: #CCC;
height: 3px;
overflow: hidden;
clear: both;
}