body {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../images/cs_body_bg.jpg) repeat-x fixed;
	margin:0;
	padding:0;
	background-color: #383838;
}

td, th {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	vertical-align:top;
}

form {
	display:inline;
}

#cs_header {
	height:136px;	
	clear:both;
}

#cs_logo {
	float: left;
	display: block;
	cursor: hand;
	left: 108px;
	width: 292px;
	height: 67px;
	background-image: url(../images/cs_logo.jpg);
	top: 0px;
	float: left;
	position: absolute;
	background-repeat: no-repeat;
}

#cs_logo h1 {
	visibility: hidden;
}

#cs_login {
	left:494px;
	top:31px;		
	position:absolute;
	float:left;
	clear:right;
}

#cs_logout {
	height:21px;
	text-align:right;
	width:300px;
	display:block;
	margin:0;
	padding:0;
	left:469px;
	top:45px;		
	position: absolute;
	float:left;	
	clear:right;
	vertical-align: middle;
}

#cs_sitemailstatus {
	display:block;
	float:right;
	height:16px;
	padding-top:5px;	
	padding-right:7px;
}

#cs_inbox {
	width:18px;
	height:13px;
	border:0;
	vertical-align:text-bottom;
}

#cs_but_logout {
	display:block;
	width:46px;
	height:13px;
	padding-top:4px;
	padding-bottom:4px;	
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	background-color: #990000;
	color: White;
	text-decoration: none;
	float:right;
}

#cs_profile{
	padding-top:4px;
	float:right;
	text-decoration: none;
	color: White;
}

#cs_profile:hover{
	text-decoration: underline;
}

#cs_cap_email {
	width:100px;
	height:11px;
	background: url(../images/cs_login_email.gif);
	background-repeat: no-repeat;	
}

#cs_cap_pass {
	width:100px;
	height:11px;
	background: url(../images/cs_login_pass.gif);
	background-repeat: no-repeat;
}

#cs_cap_email span {
   display: none;
}

#cs_cap_pass span {
   display: none;
}

#cs_login_email, #cs_login_pass {
	width:139px;
	height:17px;
	border: 1px solid White;
	color: White;
	background: #3D3D3D;
	padding-left:3px;
	font-size: 10px;
	float:left;
}

#cs_login_pass {
	width:97px;
}

#cs_line {
	border:0;
	left:127px;
	top:66px;	
	position:absolute;
	height:1px;
	background-image: url(../images/cs_line.gif);
	background-repeat: repeat-x;
}

#cs_intro {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
	float:left;
	left: 127px;
	top: 73px;
	width: 370px;
	color: White;
	position: absolute;
	float: left;
	font-size: 9px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#cs_body {	
	float:left;
	width:770px:/*897px;*/
	clear:both;
	position:relative;	
}

#cs_naviga {
	width:127px;	
	float:left;
}

#cs_naviga ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#cs_naviga li {
	margin: 0;
	}

#cs_naviga li a {
	display: block;
	padding:7px;
	background: url(../images/cs_menu_bg_gray.gif) bottom left;
	text-align: center;
	cursor: pointer;
	color: White;
	text-decoration: none;
	/*width: 100%;*/
	background-color: #4B4B4B;
	text-transform: capitalize;
}

#cs_naviga li a:hover {
	color: Black;
	background: none;
	background-color: White;	
	font-weight: bold;	
}

#cs_stats {
	padding:7px;
	text-align: right;
	color: #8E8E8E;
	line-height: 200%;
	font-size: 9px;
}

/*
#cs_usermenu {
	position:absolute;
	left:770px;
	float:left;
	width:127px;
}
*/

#cs_usermenu {
	float:left;
	width:132px;
}

#cs_usermenu ul {
	list-style: none;
	margin:0;
	padding:0;
	border: none;
}
		
#cs_usermenu li {
	margin: 0;
	padding:0;
	}

#cs_usermenu li a {
	margin:0px;
	display: block;
	padding:7px;
	background: url(../images/cs_menu_bg_black.gif) bottom left;
	cursor: pointer;
	color: White;
	text-decoration: none;
	text-align: center;
	width: 100%;
	background-color: Black;
}

#cs_usermenu li a:hover {
	color: Black;
	background: none;
	background-color: White;
	font-weight: bold;
}

#cs_content {
	width:643px;
	min-height:350px;
	/* hacks for IE 	
	_width:603px;	
	_height:350px;	*/
	background-color: White;
	line-height: 150%;	
	float:left;
	color: Black;
}

#cs_content a {
	/*color:#006699;*/
	
	text-decoration:none;
	color: #B70000;
}

#cs_content a:hover {
	text-decoration:underline;
}

#cs_content h3 {
	font-size:20px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height:125%;
}

#text {
	margin:20px;
}

#cs_copyright {
	float:left;
	margin-left:20px;
	margin-top:10px;
	color: Gray;
}

#cs_copyright a{
	color: Gray;
	text-decoration: none;
	font-family: Tahoma;
	font-size:11px;
}

#cs_copyright a:hover{
	color: Black;
	text-decoration: underline;
}


#cs_naviga_bottom {
	float: right;
	margin-right: 20px;
}

#cs_naviga_bottom a{
	color: Gray;
	text-decoration: none;
}

#cs_naviga_bottom a:hover{
	color: Black;
	text-decoration: underline;
}

#cs_content_footer {
	clear:both;
	height:55px;
}

#cs_footer {
	width:200px;
	clear:both;
	position:relative;
	bottom: 14px;
	display:none;
}

#cs_button {
	color: White;
	background-color: Black;
	border: 1px solid;
	border-color: Silver Gray Gray Silver;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:5px;
	padding-right:5px;
}

#line {
	height:1px;
	border-top:1px solid Silver;
}

/**************************** system status ****************************/

#error {
	background-image: url(../images/excla.gif);
	background-repeat: no-repeat;	
	background-position: 5px 0px;
	color: #BF0000;
	font-weight: bold;
	border: 1px dashed Red;
	padding:10px;
	padding-left:40px;
	background-color: #FFE8E8;
	margin-bottom:10px;
}

#error a {
	color:blue;
	text-decoration:underline;
}

#note {
	background-image: url(../images/excla_yel.gif);
	background-repeat: no-repeat;	
	background-position: 5px 0px;
	color: Black;
	font-weight: bold;
	border: 1px dashed Black;
	padding:10px;
	padding-left:40px;
	background-color: Yellow;
	margin-bottom:10px;
}

#success {
	background-image: url(../images/check.gif);
	background-repeat: no-repeat;	
	background-position: 5px 0px;	
	color: Green;
	font-weight: bold;
	border: 1px dashed Green;
	padding:10px;
	padding-left:40px;	
	background-color: #DAFAAB;
	margin-bottom:10px;
}

#icon {
	float:left;
	margin-right:10px;
}

#clear {
	clear:both;
}

.job {
	display:none;
}

.detail {
	color: Gray;
	font-weight:normal;
}

.cell {
	vertical-align: top;
}

#whitelink a {
	color:white;
	text-decoration:none;
}

#whitelink a:hover {
	color:white;
	text-decoration: underline;
}

#cs_feedback {
	width: 602px;
	height: 325px;
	color:white;
	background-color:rgb(127, 18, 0);
	background-image:url(../images/bart_bg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.cs_avatar {
	border:2px solid #e4e4e4;
	width:60px;
	height:60px;
}

#noslotsyet {
	padding:10px;
	background-color:#B70000;
	font-weight:bold;
	color:white;
}

#noslotsyet a{
	color:white;
	text-decoration:underline;
}


/*to split software list in two columns*/

#col1 {
	float:left;
	width:290px;
}

#col2 {
	float:right;
	width:290px;
	clear:right;
}

/* control panel styles #F7F7F7;*/

.cp_setting{
	border: 1px solid white;
	display:block;
	padding:5px;
}

.cp_setting:hover{
	border:1px dotted #FFFF00;
	display:block;
	background-color: #FFFFC0;
	text-decoration:none !important;
	color:Black;
}

.cp_desc {
	color: Gray;
}

/* Listings */

#listing_table {
	clear:both;
	width:100%;
	border-bottom:1px dotted silver;
	border-collapse: collapse;
	margin-top:20px;
}

#listing_table th{
	text-align: left;
	font-weight: normal;
	text-transform: capitalize;
	border-bottom: 1px solid Gray;
	color: Gray;
}	
	
#listing_table td {
	border-top: 1px dotted silver;
	padding:3px 3px 5px 0px;
	vertical-align:top;
}
	
#listing_table tr:hover {
	background-color:#FFFFC0;
}

/* Tags */

#tagcloud a{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	padding-left:5px;
	padding-right:5px;
	text-decoration: none;
}

.tag1  {font-size: 9px;}
.tag2  {font-size: 10px;}
.tag3  {font-size: 11px;}
.tag4  {font-size: 12px;}
.tag5  {font-size: 13px;}
.tag6  {font-size: 14px;}
.tag7  {font-size: 15px;}
.tag8  {font-size: 16px;}
.tag9  {font-size: 17px;}
.tag10 {font-size: 18px;}
.tag11 {font-size: 19px;}

#tagcloud a:hover{	
	background-color:#B70000;
	color:white;
	text-decoration: none;
}

.fakelink {
	color:#B70000;
	text-decoration:underline;
}

.fakelink:hover {
	cursor:pointer;
}

/* styles for the tree component 
we don't need this cause the tree is only one level

#tree {
	background-image: url(../images/nodesetbg.gif);
}
*/

#tree li {
	list-style-type: none;
}

#tree ul {
	padding:0;
	margin:0;		
}

#tree .toggleinfo{
	display:block;
	font-weight:bold;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;		
	padding-left:20px;	
	padding-top:5px;
	padding-bottom:2px;	
	cursor:pointer;	
}

#tree .info li {
	height:22px;
	margin-left:0;
	background-image: url(../images/node2.gif);
	background-repeat: no-repeat;	
	padding-left:35px;
}

#tree li span {
	background-color:white;
	display:block;
}

input {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid Gray;
	border-left: 1px solid Gray;
	background-color: #F9F9F9;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid Gray;
	border-left: 1px solid Gray;
	background-color: #F9F9F9;
	padding:5px;
	color:#606060;
}