/* here comes all the css that is relevant for service configuration */
/* is loaded after main.css (and only when inside service part) */


/* Auto_complete  */

.auto_complete {
  position:absolute;
  width:700px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}


.auto_complete33 {
  width: 700px;
  background: #fff;
}

.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

.auto_complete ul li {
  margin:0;
  padding:3px;
}

.auto_complete ul li.selected { 
  background-color: #ffb; 
}

.auto_complete ul strong.highlight { 
  color: #400; 
  margin:0;
  padding:0;
}

/*Tabnavigation service */

.service_tabnav {
	color: #003366;	
	border-bottom: 1px dotted #cccccc;
	margin: 0px 20px 0 2px;	
	z-index: 1;
	padding: 10px 0 0 10px;
	background-color: #ffffff;
	width:92%;
}

.service_tabnav ul {
	margin: 0px 20px 0 2px;	
	padding: 10px 0 0 10px;
}

.service_tabnav li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	color: #003366;		
}

.service_tabnav a, a.active {
	color: #003366;
	background: #FBF8F7;
	font: bold 1em "Trebuchet MS", Arial, sans-serif;	
	border: 1px dotted #cccccc;	
	padding: 2px 5px 0 5px;
	margin: 0 0 10px 0;
	text-decoration: none;
}

.service_tabnav A.active {
   position:relative;
   PADDING: 2px 5px 0 5px; 
   BACKGROUND: #f1efe2; 
   margin: 0 0 10px 0; 
   COLOR: #660000; 
   BORDER-BOTTOM: #f1efe2 1px solid;
} 

.service_tabnav a:hover {
	color: #ff3300;
	background: #FBF8F7;
}

.service_tabnav a.active:hover {
	background: #F1EFE2;
	color: #660000; 	
}

#service_tabnav_content {
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size: 100%;
	text-align: justify;
	background: #F1EFE2;
	padding: 20px;
	margin: 0 15px 0 0;	
	border: 1px dotted #ccc;
	border-top: none;	
	min-width: 500px;
	width: 90%;
}
	

/* Tabnavigation configure */

.configure_tabnav {
	color: #ffffff;
	border-bottom: 1px dotted #ccc;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
}

.configure_tabnav ul {
	margin: 12px 0px 0px 0px;
	padding: 0px;
}

.configure_tabnav li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

.configure_tabnav a, a.active {
	color: #003366;
	background: #FBF8F7; 
	font: bold 1em "Trebuchet MS", Arial, sans-serif;	
	border: 1px dotted #cccccc;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none; }

.configure_tabnav a.active {
	background: #F1EFE2;		
	border-bottom: 1px solid #F1EFE2;
	color: #660000; }

.configure_tabnav a:hover {
	background: #FBF8F7;
	color: #FF33CC; 
	border-top: 1px dotted #cccccc;
	}

.configure_tabnav a.active:hover {
	background: #F1EFE2;
	color: #660000; 
	border-top: 1px dotted #cccccc;
	}
	
#configure_tabnav_content {
	padding: 10px 0 0 0;	
	z-index: 2;	
}

/* Tabnavigation statistics */

.statistics_tabnav {
	color: #ffffff;
	border-bottom: 1px dotted #ccc;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
}

.statistics_tabnav ul {
	margin: 12px 0px 0px 0px;
	padding: 0px;
}

.statistics_tabnav li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

.statistics_tabnav a, a.active {
	color: #003366;
	background: #FBF8F7; 
	font: bold 1em "Trebuchet MS", Arial, sans-serif;	
	border: 1px dotted #cccccc;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none; }

.statistics_tabnav a.active {
	background: #F1EFE2;		
	border-bottom: 1px solid #F1EFE2;
	color: #660000; }

.statistics_tabnav a:hover {
	background: #FBF8F7;
	color: #FF33CC; 
	border-top: 1px dotted #cccccc;
	}

.statistics_tabnav a.active:hover {
	background: #F1EFE2;
	color: #660000; 
	border-top: 1px dotted #cccccc;
	}
	
#statistics_tabnav_content {
	padding: 10px 0 0 0;	
	z-index: 2;	
}


/* Tabnavigation tags */

.tags_tabnav {
	color: #ffffff;
	border-bottom: 1px dotted #ccc;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
}

.tags_tabnav ul {
	margin: 12px 0px 0px 0px;
	padding: 0px;
}

.tags_tabnav li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

.tags_tabnav a, a.active {
	color: #003366;
	background: #FBF8F7; 
	font: bold 1em "Trebuchet MS", Arial, sans-serif;	
	border: 1px dotted #cccccc;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none; }

.tags_tabnav a.active {
	background: #F1EFE2;		
	border-bottom: 1px solid #F1EFE2;
	color: #660000; }

.tags_tabnav a:hover {
	background: #FBF8F7;
	color: #FF33CC; 
	border-top: 1px dotted #cccccc;
	}

.tags_tabnav a.active:hover {
	background: #F1EFE2;
	color: #660000; 
	border-top: 1px dotted #cccccc;
	}
	
#tags_tabnav_content {
	padding: 10px 0 0 0;	
	z-index: 2;	
}


/*Serviceform*/

#serviceform{
  line-height: 1.4em;  
  font-family: trebuchet MS, small Arial, Helvetica, Verdana, sans-serif;     			
}

#serviceform p{
  margin: 5px 0 5px 0;  
  
}

#serviceform .input {
  width: 200px; 
  font-size: 100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

#serviceform .input_short {
  width: 50px;  
  font-size: 100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

#serviceform .input_middle {
  width: 100px;   
  font-size: 100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

#serviceform .inputselect {
  width: 150px; 
  font-size: 100%; 
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

#serviceform .inputarea {
  width: 200px;
  height: 60px; 
  font-size: 100%; 
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

#serviceform .searchbutton {
  text-align: right;
  margin-top: 4px;
}

#serviceform .btn {
  border: 1px solid #660000;
  background-color: #ffffff;
  color: #585858;
  margin-top: 10px;
  font: ms trebuchet;
  font-size: 90%;  
  float:left;
}

#serviceform .button-to {
  border: 1px solid #660000;
  background-color: #336666;
  color: white;
  font-size: 100%;
}

#serviceform .required{
color: #ff0000;
padding-left: 5px; 
}

/*Table content*/
table{
			font-family: trebuchet MS, small Arial, Helvetica, Verdana, sans-serif; 
			font-size: 90%;
			margin: 0;
			padding: 0;
			border-collapse: collapse;
			text-align: left;
			color: #003366;
			line-height: 19px;			
			width:98%;						
						
		}
		
caption {
			font-size: 100%;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: left;
			text-transform: uppercase;
		}
		
td {
			margin: 0;
			padding: 10px 10px 10px 10px;
			border: 1px dotted #cccccc;			
		}
		
.datetime{
			width: 120px;
			margin: 0;
			padding: 10px 10px 10px 10px;
			border: 1px dotted #cccccc;						
		}
		
	
th {
			font-weight: normal;
			text-transform: uppercase;
		}
		
thead tr th {
			background-color: #245185;
			padding: 10px 10px 10px 10px;
			color: #fff;
			font-weight: bold;
			border-right: 1px dotted #fff;
			text-transform: uppercase;
			text-align:left;			
		}
		
tbody tr th {
			padding: 10px 10px 10px 10px;
			border-bottom: 1px dotted #fafafa;
			
		}
		
tr.ListLine1 { 
			background-color: #FBFDF6;						
		}
		
tr.ListLine0 {
			background-color: #ffffff;						
		}
		
TR:hover {

}
TR:hover TD {
	
}
TR:hover TD A {
	
}
TR:hover TH A {
	
}
TD:hover {

	
}
TR:hover TH A:hover {
	
}
	
table a {
			color: #608117;			
			background-image: none;						
			padding: 2px;
			padding-right: 12px; 			
		}

table a:visited {
			color: #990000;
			text-decoration: underline;
			padding-right: 12px; 
			
		}
		
table a:visited:hover {
			background-image: none;
			text-decoration: underline;			
			padding: 2px;
			padding-right: 12px; 
			color: #ff3300; 
			
		}
		
		table a:hover {
			color: #ff3300;
			background-image: none;
			text-decoration: underline;			
			padding: 2px;
			padding-right: 12px; 
		}

/*table no. 1*/
#table1 {
font-family: trebuchet MS, small Arial, Helvetica, Verdana, sans-serif; 
			font-size: 100%;
			margin: 0;
			padding: 0;
			border-collapse: collapse;
			text-align: left;			
			line-height: 19px;			
			width:100%;
}

#table1 th {
			font-weight: normal;			
		}
		
#table1 thead tr th {
			background-color: #245185;
			padding: 10px 10px 10px 10px;
			color: #fff;
			font-weight: bold;
			border-right: 1px dotted #fff;
			text-transform: uppercase;
			text-align:left;			
		}

#table1 thead tr th.colr {
    		text-align:right;			
		}
		
#table1 tbody tr th {
			border-bottom: 1px dotted #cccccc;
			padding: 0px;
		}

#table1 tbody tr td.colr {
    		text-align:right;			
		}
		
#table1 tr.ListLine1 { 
			background-color: #FBFDF6;
		}

#table1 tr.ListLine0 {
			background-color: #ffffff;
		}	


/* table no. 2 */

.table2{
			font-family: trebuchet MS, small Arial, Helvetica, Verdana, sans-serif; 
			font-size: 12px;
			margin: 0 5px 0 0;
			padding: 0;			
			text-align: right;
			color: #333;
			align: center;
			valign: middle;			
			width: 260px;						
						
		}
		

.table2 td {
			margin: 0 0 0 0;			
			padding: 0 5px 0 0;
			border: none;			
			
		}
		
.table2 tr td {			
			margin: 0 0 0 0;			
			padding: 0 5px 0 0;
			border: none;
		}
		

.table2 .image { 
  position:relative; 
  top:-5px; 
  }		
		
/*image in table*/


#img { 
border-style: none;

}

/*table in show log entry*/

#ShowLogEntry table{
			font-family: trebuchet MS, small Arial, Helvetica, Verdana, sans-serif; 
			font-size: 90%;
			margin-bottom: 20px;
			padding: 0;
			border-collapse: collapse;
			text-align: left;
			color: #003366;
			line-height: 19px;			
			width:98%;
			border: 1px dotted #cccccc;
			background: #FBF8F7;									
						
		}
		
#ShowLogEntry caption {
			font-size: 100%;
			font-weight: bold;
			margin-bottom: 5px;
			text-align: left;
			text-transform: uppercase;
		}
		
#ShowLogEntry td {
			margin: 0;
			padding: 10px 10px 10px 10px;
			border: none;			
		}
		
#ShowLogEntry  .datetime{
			width: 120px;
			margin: 0;
			padding: 10px 10px 10px 10px;
			border: 1px dotted #cccccc;						
		}
		
		
#ShowLogEntry th {
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 1px solid #cccccc;
		}
		
#ShowLogEntry tr th {
			background-color: #bbceca;
			padding: 10px 10px 10px 10px;
			color: #fff;
			font-weight: bold;
			border-right: 1px dotted #fff;
			text-transform: uppercase;
			text-align:left;			
			border-bottom: 1px dotted #fafafa;
			border-top: 1px dotted #fff;			
		}
		
#ShowLogEntry tr td {
			padding: 10px 10px 10px 10px;
			color: #003366;
			font-weight: normal;
			border-right: 1px dotted #bbceca;
			text-align:left;			
		}
		
	
#ShowLogEntry table a {
			color: #608117;			
			background-image: none;						
			padding: 2px;
			padding-right: 12px; 			
		}

#ShowLogEntry table a:visited {
			color: #990000;
			text-decoration: underline;
			padding-right: 12px; 
			
		}
		
#ShowLogEntry table a:visited:hover {
			background-image: none;
			text-decoration: underline;			
			padding: 2px;
			padding-right: 12px; 
			color: #ff3300; 
			
		}
		
#ShowLogEntry table a:hover {
			color: #ff3300;
			background-image: none;
			text-decoration: underline;			
			padding: 2px;
			padding-right: 12px; 
		} 

/*Page navigation*/

#pagenav {
	color: #003366;	
	border: none;
	margin: 0;	
	z-index: 1;
	padding: 0;	
	width:98%;
	text-align: right;
		
}

#pagenav li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	color: #003366;
	margin: 0 0 0 0;	
}

#pagenav li img{
	position: relative;
	top: +4px;	
}				

/*rapidi-connector*/

#connector_info{
font-family: trebuchet MS, small Arial, Helvetica, Verdana, sans-serif; 
			font-size: 100%;
			margin: 0;
			padding: 5px 5px;
			border-collapse: collapse;
			border: 1px dotted #cccccc;
			background: #FBF8F7;
			text-align: left;
			color: #003366;
			line-height: 19px;			
			width:98%;
}

#nas_connector_info{
font-family: trebuchet MS, small Arial, Helvetica, Verdana, sans-serif; 
			font-size: 100%;
			margin: 0;
			padding: 5px 5px;
			border-collapse: collapse;
			border: 1px dotted #cccccc;
			background: #FBF8F7;
			text-align: left;
			color: #003366;
			line-height: 19px;			
			width:98%;
}

/*actions navigation*/	

#actions {  
	min-width: 100px;
	max-width: 200px;
	padding:0; 
	margin:0;
	}