/*** General styles ***/

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

strong {
	color: #006;
}

#files a:link, #folders a:link, #users a:link {
	color: #006;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.action {
	padding: 15px;
}

.action a, .title a {
	text-decoration: none;
	color: #006;
}

.action a:hover, .title a:hover {
	text-decoration: underline;
}

#page-title {
	font-size: 160%;
	font-weight: normal;
}

.page_tip {
	float: right;
	width: 200px;
	padding: 10px;
	margin: 10px;
	margin-right: 20px;
	background: #dad9e9;
}

.page_tip strong {
	color: #006;
}

.links ul {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	padding-left: 40px;
}

li {
	list-style-type: square;
}

.links li {
	font-size: 90%;
}

.fckeditor {
	/* IE only hack */
	_margin-left: 18px;
}

tr.normal:hover td, .tableRowHover {
	background-color: #FEFFC0;
}

.hidden a {
	color: #999;
}

tr.hidden:hover td, .tableRowHiddenHover  {
	background-color: #006;
}

h1 {
	font-size: 160%;
	font-weight: normal;
	color: #006;
}

.last_changed {
	font-size: 80%;
	padding-top: 5px;
}

/*** login ***/

#login td {
	padding: 5px;
}

/**** Manage folders ****/

#folders {
	margin-bottom: 20px;
}

#folders h1 {
	padding: 0;
	margin: 0;
	padding-bottom: 2px;
	font-size: 150%;
	font-weight: normal;
	color: #006;
}

#folders td {
	border-bottom: 1px dashed #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
}

#folders .title {
	padding-right: 60px;
}

#folders .desc {
	font-size: 90%;
}

#folders .icon {
	padding: 10px;
	padding-top: 0;
	text-align: center;
}


#folders ul {
	padding: 0;
	margin: 0;
	margin-top: 2px;
	padding-left: 30px;
}

#folders .edit_folder {
	margin-left: 10px;
}

/**** Manage files ****/

#files {
	margin-top: 5px;
}

#files td {
	border-bottom: 1px dashed #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
}

#files .icon {
	padding: 10px;
	text-align: center;
}

#files .title {
	padding-right: 60px;
}

#files .filename {
	font-size: 110%;
}

/*** Users ***/

#users {
	margin-top: 20px;
}

#users td {
	border-bottom: 1px dashed #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

#users .title {
	padding-right: 60px;
}

#users ul {
	padding: 0;
	margin: 0;
	padding-left: 40px;
}


/*** Comments ***/

#comments {
	padding-top: 20px;
}

.comment-title {
	margin-left: 15px;
	padding-bottom: 5px;
}

.comment-desc {
	margin-left: 15px;
}

.comment-posted {
	margin-left: 15px;
	font-size: 80%;
	padding-top: 3px;
}

/** Misc **/


#files_folders h3 {
	display: inline;
	margin: 0;
	padding: 0;
}

#add_file_div, #add_image_div, #add_note_div {
	display: none;
}

#add_file h3 {
	padding: 10px;
	padding-top: 0;
	margin-top: 0;
}

#add_file td {
	vertical-align: top;
	padding-bottom: 7px;
}

#add_file input, textarea {
	margin-top: 5px;
}

.add_form_container {
	border: 1px solid #ccc;
	width: 430px;
	padding: 20px;
	padding-bottom: 0px;
}

.add_comment_container {
	border: 1px solid #ccc;
	width: 320px;
	padding: 20px;
	padding-bottom: 0px;
}

#busy_file {
	display: none;
}

#busy_pic {
	display: none;
}

/* *** button styles *********************************************** */

/* small buttons */

a.button, a.button:link, a.button:visited, a.button:hover, input.button, input.buttonsmall, input.button_disabled {
	background-color: #edeae4;
	border-top: 1px solid #edeae4;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #edeae4;
	padding: 3px;
	color: #000;
	text-decoration: none;
	margin: 0;
}

/* *** message box styles ************************************* */

div#message_success, div#message_failure {
	padding: 5px;
	width: 400px;
	margin: 1em 0 2em 0;
	padding-left: 80px;
	min-height: 50px;
}

/* pass height to IE - it treats it somewhat like min-height */
* html #message_success, * html #message_failure {
	height: 50px;
}

div#message_success {
	background: #ffc url(http://www.hughesmedia.co.uk/admin_template/images/ok.png) no-repeat 15px center;
	border: 1px solid #ff6;
}

div#message_failure {
	background: #fcc url(http://www.hughesmedia.co.uk/admin_template/images/error.png) no-repeat 15px center;
	border: 1px solid #f99;
}

div#message_failure ul {
	margin-left: 0;
	padding-left: 1.2em;
	margin-top: 0.7em;
	list-style-type: square;
}