#htmlresponse:empty:before,  #rawresponse:empty:before{
	content: "No content";
	color:grey;
}

body {
    font-family: arial;
    font-size: 14px;
    overflow-x: scroll;
    overflow-y: scroll;       
}

.preformatted {
    font-family: monospace;
    white-space: pre-wrap;
    border-style: none;
    background-color: white;
    border-top-width: 2px;
    border-color: white;
    border-style: solid;
}

table {
    border-collapse: collapse;
    border-color: black;
}

td {
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0px;
    font-family: arial;
    font-size: 0.95em;
    word-wrap:normal;
    white-space:pre-wrap;            
}

.title {
    background-color: gainsboro;
    font-family: sans-serif;
    font-size: 1em;

}

.ui-widget {
    font-family: arial;
    font-size: 0.95em;
}

.ui-widget-content a {
    color: blue;
}

.col20 {
    float: left;
    width: 20%;
}

.container {
    padding: 4px;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color: #eee;
}

ul {
    margin: 0;
    padding: 0 0 0 0.25em;
    text-indent: 0;
    list-style: none;
}

li {
    margin: 0;
    padding: 0 0 0.25em;
    text-indent: 0;
    font-size: 80%;
}

.container h4 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    color: grey;
}

.login-error {
    background-color: #dc89a6;
    font-family: sans-serif;
    font-size: 1em;
    border-bottom: 1px solid #e55e58;
}

#help-tabs .ui-state- {
	 background-color: white;
}

#help-tabs .ui-state-default {
	background-color: white;
	border-color: transparent;
	border-style: solid;
	margin-right: 40px;
	border-radius: 0;
	border-width: 0 0 2px 0;

}

#help-tabs .ui-state-default a {
	padding: 4px 0;
}	

#help-tabs .ui-state-active a, #help-tabs .ui-state-focus a{outline: none;}
#help-tabs .ui-state-active{
	border-color: black;
}

.tile {
	text-decoration: none;      
	display: inline-block;      
	padding: 5px;        
	margin: 5px;      
	color: #212121;
	background-color: #E4E4E4;
	
	border-style: solid;
	border-width: 1px;

	border-color: #E4E4E4;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 6px;
}

.tile-error {
	border-left-color: red;
}

.tile-warning {
	border-left-color: orange;
}

.tile-success {
	border-left-color: green;
}

.tile-title {
	text-transform: uppercase;    
	text-align: left;        
	font-size: 12px; 
	height: 18px;                
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;        
	font-weight: 200;        
	letter-spacing: 0.01em;
}

.tile-value {
	text-align: right;        
	font-size: 16px;        
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;        
	font-weight: 200;        
	letter-spacing: 0.01em;
}

#submit {
    height: 32px;
    width: 70px;
    background: #008cff;
    color: white;
    border-radius: 10%;
    border-color: transparent;
}

#rootPath {
    width: 60px;
    height: 24px;
}

#href {
    height: 24px;
    width:50%;
    margin-right: 10px;
}

#method {
    height: 32px;
}