/* =Elements
--------------------------------
*/

img {
	border : 0;
	margin : 0;
	padding :0;
}

ul,
ul li{
	list-style : none;
	margin : 0;
	padding : 0;
}


/* =Structure
--------------------------------



div#wrap {
  	position: absolute;
	top: 73px;
	left: -300px;
	width: 1170px;
}

div#leftColumn,
div#rightColumn,
div#centreColumn{
  position: relative;
	width:230px;
	margin : 0;
	padding : 20px;
	float: left;
}
*/

/* =Nav
--------------------------------

div#nav ul,
div#nav li{
	margin:0;
	padding : 0;
	list-style : none;
	display : inline;
}

div#nav{
	margin : 1px 0 0 20px;
	padding : 0;
}
*/
/* =list formats
--------------------------------
*/

ul{
	margin : 15px 0 15px 0;
}


/* =classes
--------------------------------


.nav a:active,
.nav a:link,
.nav a:visited{
	text-decoration:none;
	color : #000;
}

.nav a:hover{
	text-decoration:underline;
	color : #DB0662;
}

a:active,
a:link,
a:visited{
	text-decoration:none;
	color : #3366CC;
}

a:hover{
	text-decoration:underline;
	color : #fff;
	background-color:#4e2e2d;
}
*/
/* =hrBrowser
--------------------------------


div#hrResponse {
	 position: relative;
     height: 500px;
	 width: 280px;
	 background-color: #eee;
	 margin-top: 5px;
	 float: left;
	 border-right: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
	 padding-left: 20px;
}

#hrResponse #left, #hrResponse #right {
  width: 140px;
	height: auto;
	background-color: #ccc;
	padding: 3px;
	border-bottom: 1px solid #999;
}

#hrResponse #left {
	float: left;
	width: 148px;
	margin-left: -20px;
}

#hrResponse #left a {
  float: left;
}

#hrResponse #right {
 float: right;
}

#hrResponse #right a {
 float: right;
}

#hrResponse #browsepath {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background-color: #fff;
		height: auto;
		width: 298px;
		margin-left: -20px;
		margin-bottom: 20px;
		padding: 1px;
		float: left;
		font: 10px arial, verdana, tahoma, sans-serif;
		font-weight: bold;
		clear: both;
}
*/
#hrResponse #browsepath img {
		vertical-align: middle;
}
	
  #hrResponse ul {
	 clear: both;	
  }

	#hrResponse ul li {
		list-style: none;
		margin-bottom: 8px;
	}

	#hrResponse a {
		text-decoration: none;
		height: auto;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-left: 20px;
	}

	#hrResponse ul li a.file {
		background: url(browser-images/page.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.code {
		background: url(browser-images/page_white_code.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.img {
		background: url(browser-images/image.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.php {
		background: url(browser-images/page_white_php.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.sec {
		background: url(browser-images/secure.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.flash {
		background: url(browser-images/page_white_actionscript.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.word {
		background: url(browser-images/page_word.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.ppt {
		background: url(browser-images/page_ppt.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.excel {
		background: url(browser-images/page_excel.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.pdf {
		background: url(browser-images/page_white_acrobat.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.comp {
		background: url(browser-images/page_white_zip.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.js {
		background: url(browser-images/js.gif) no-repeat 0 0;
	}
	
	#hrResponse ul li a.dir {
		background: url(browser-images/folder.gif) no-repeat 0 0;
		font-weight: bold;
		padding-top: 2px;
	}

	#hrResponse ul li a:hover {
	color: #fff;
	background-color: #FF9900;
	}
	
	
	
	#hrResponse #dirpath {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	#hrResponse #filepath {
		margin-top: 0;
		padding-top: 0;
	}