/* REDEFINE TAGS
------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

html,
body {
	height:100%;
	overflow: hidden;
	}

body {
	color: #000;
	background: #eee;
	}
a {
	outline: none;
	color: #000;
	text-decoration: none; 
	}
a img { border: none; }

label {
	position: absolute;
	width: 80px;
	margin: 10px 0 0 0;
	padding: 4px 0 0 0;
	text-align:right;
	font-size: 11px;
	}

input {
	height: 16px;
	width: 180px;
	padding: 3px 0 0 2px;
	font-family: "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
	border-top-color: #7c7c7c;
	background: #fff url(images/input-bg.gif) repeat-x top left;
	color: #000;
	}

/* UTILITY
------------------------------------------------*/
.clear { 
	clear: both;
	display: block;
	height: 0px;
	font-size: 0px;
	}
.heading {
	padding: 5px 5px 5px 10px;
	letter-spacing: 2px;
	font-weight: 400;
	color: #666;
	background: #ddd;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

/* LAYOUT
------------------------------------------------*/
#container {
	text-align: left;				/* combat the alignment on the body */
	margin: 0 auto 0 auto;			/* for IE5mac */
	width: 760px;
	}
#logo { 
	display: block;
	color: #fff;
	background-color: #666;
	}
#logo h1 {
	padding: 10px;
	font-size: 14px;
	font-family: Helvetica, Verdana;
	letter-spacing: 5px;
	}

#left_col,
#centre_col,
#right_col {
	float: left;
	height: 30px;
	}
#left_col {
	width: 178px;
	margin: 10px 10px 0 0;
	}
#centre_col {
	width: 378px;
	margin: 10px 10px 0 0;
	}
#right_col {
	width: 184px;
	margin: 10px 0 0 0;
	}

/* LOGIN
------------------------------------------------*/
#login_horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}
#login {
	position: absolute;
	top: -100px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	padding: 0 0 10px 0;
	color: #333;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
#login input {
	margin: 10px 0 0 85px;
	}

#login .heading {
	border-right: none;
	border-left: none;
	}

#login .submitButton {
	display: block;
	width: 180px;
	height: 20px;
	margin: 10px 0 0 85px;
	padding: 0;
	background: none;
	border: none;
	}
	
.error_box {
	visibility: hidden;
	margin: 10px 8px 0px 9px;
	padding: 6px 0 1px 0;
	font-size: 11px;
	color: #fff;
	background: #ff0000;
	}

/* INSTRUCTIONS
------------------------------------------------*/
.instructions {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border: 1px solid #ccc;
	color: #666;
	background: #fff;
	}
.instructions h1 { border: none; }
.instructions h2 { margin: 5px 5px 5px 10px; }
.instructions p { margin: 10px; }
.instructions ol {
	margin: 5px;
	padding: 0 0 0 5px;
	}
.instructions li {
	color: #666;
	background: inherit;
	}
.instructions .qt_detect {
	display: block;
	text-align: center;
	}
.instructions #qt_version {	
	font-size: 10px;
	text-align: center;
	}
.instructions a { text-decoration: underline; }
/* JOB NAV
------------------------------------------------*/
#job_nav {
	visibility: hidden;
	width: 166px;
	padding: 10px 0 0 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #000;
	background: #fff;
	overflow: auto;
	}

#job_nav .job {
	margin: 0 0 5px 0;
	padding: 2px 0 2px 20px;
	color: #000;
	background: #fff url(icons/box.png) 0px 0px no-repeat;
	}

#job_nav .open_job {
	margin: 0 0 5px 0;
	padding: 3px 0 3px 20px;
	font-weight: 800;
	color: #000;
	background: #fff url(icons/briefcase.png) 0px 2px no-repeat;
	}
	
/* JOB ADD
------------------------------------------------*/
#job_add {
	height: 20px;
	margin: 10px 0 0 0;
	padding: 10px 10px 2px 10px;
	border: 1px solid #ccc;
	color: #000;
	background: #fff;
	}
	
#job_add a {
	padding: 2px 0 3px 20px;
	color: #666;
	background: #fff url(icons/add.png) no-repeat;
	}
#job_add a:hover { text-decoration: underline; }


/* CREATE JOB
------------------------------------------------*/
#create_job {
	padding: 0 0 10px 0;
	color: #333;
	background-color: #fff;
	}
#create_job input,
#create_job .submitButton { margin: 10px 0 0 95px; }
#create_job label { margin: 10px 0 0 10px; }

/* CONTENT
------------------------------------------------*/
#content {
	/*visibility: hidden;*/
	padding: 10px 5px 10px;
	text-align: justify;
	border: 1px solid #ccc;
	color: #000;
	background: #fff;
	overflow: auto;
	}
#content h1 {
	margin: 0 0 -10px 0;
	padding: 0 6px 3px 20px;
	text-align: left;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	font-weight: 800;
	background: #fff url(icons/briefcase.png) 0 0 no-repeat;
	}
#content p { 
	padding: 0 0 0 20px;
	color: #000;
	}
#content p span { background: #fff; }
#content .client {
	color: #000;
	background: #fff url(icons/folder_client.png) no-repeat;
	}
#content .dir {
	color: #000;
	background: #fff url(icons/folder.png) no-repeat;
	}
#content .sub_dir {
	margin: -6px 0 5px 8px;
	padding: 10px 5px 5px 5px;
	border: 1px dotted #ccc;
	background: none;
	}
#content .sub_dir .asset {
	margin: 0 0 0 5px;
	padding: 2px 0 3px 0;
	}

#content a {
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
	outline: none;
	color: #333;
	background: #fff;
	}
#content a:hover { text-decoration: underline; }
#content a.open,
#content a.open:hover {
	font-weight: 800;
	text-decoration: none;
	color: #000;
	background: #fff;
	}

#content #load_txt {
	color: #ff0000;
	background-color: #fff;
	}

/* FILE ICONS
------------------------------------------------*/
#content .png,
#content .jpg,
#content .gif { background: #fff url(icons/image.png) no-repeat; }

#content .ai { background: #fff url(icons/page_white_vector.png) no-repeat; }

#content .pps,
#content .ppt { background: #fff url(icons/page_white_office.png) no-repeat; }
#content .xls { background: #fff url(icons/page_excel.png) no-repeat; }
#content .doc { background: #fff url(icons/page_word.png) no-repeat; }

#content .zip,
#content .tar,
#content .gz,
#content .sit,
#content .hqx { background: #fff url(icons/page_white_zip.png) no-repeat; }

#content .mp3,
#content .aiff,
#content .aif { background: #fff url(icons/audio.png) no-repeat; }

#content .mp2,
#content .mp4,
#content .mpg,
#content .mpeg,
#content .mov { background: #fff url(icons/smallQLogo.png) no-repeat; }

#content .swf { background: #fff url(icons/page_white_flash.png) no-repeat; }

#content .pdf { background: #fff url(icons/page_white_acrobat.png) no-repeat; }

#content .html { background: #fff url(icons/page_white_link.png) no-repeat; }

#content .xml { background: #fff url(icons/page_white_code.png) no-repeat; }

#content .txt,
#content .unknown { background: #fff url(icons/page_white_put.png) no-repeat; }

/* THICKBOX
------------------------------------------------*/
#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #000;
	z-index: 102;
	color: #fff;
	display: none;
	/*border: 1px solid #999;*/
}

#TB_window img {
	display: block;
	margin: 15px 0 0 15px;
}

#TB_caption {
	height: 25px;
	padding: 5px 0 10px 15px;
}

#TB_closeWindow a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 20px 5px 5px;
	text-align: right;
	color: #ccc;
	background: #000 url(icons/cancel.png) right 5px no-repeat;
	}
#TB_closeWindow a:hover { color: #fff; }

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}

#TB_movie {
	cursor: pointer;
	width: 320px; 
	height: 255px;
	padding: 20px 15px;
	}

#TB_movie p {
	/*margin: 10px 0 0 0;*/
	font-size: 10px;
	text-align: center;
	}

#TB_sound {
	width: 320px;
	height: 16px;
	padding: 15px;
	}

#mini_loader {
	position: absolute;
	left: 110px;
	top: 78px;
	border: none;
	}

/* TOOLTIP
------------------------------------------------*/
#job_info,
#tool_tip {
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #333;
	background: #fff;
	}
#job_info p,
#tool_tip p { margin: 0 0 5px 0; }

#job_info em,
#tool_tip em {
	display: block;
	margin: 5px 0 0 0;
	font-size: 10px;
	font-style: normal;
	color: #999;
	background: inherit;
	}

/* INLINE EDITING */
.edit_inline:hover {
	cursor: crosshair;
	}
#job_info .edit_inline {
	margin: -5px 0 5px 0;
	}
#job_info form input {
	display: block;
	height: 16px;
	width: 160px;
	margin: 2px 0 5px 0;
	}