/* Start of Fixes for IE bugs */

/* Start of Broken box-model (and ignoring min-width/min-height) fixes */

* html #content {
	width: 766px;
}

* html #header {
	height: 102px;
}

* html #file_browser #remote_folders .remote_folder a, * html #file_browser #sub_folders .sub_folder a, * html #file_browser #files .file a {
	height: 23px;
}

* html #file_browser #file_details {
	width: 179px;
}

* html #file_viewer #file_info {
	width: 298px;	
}

* html body#user__login form#login_form {
	width: 280px;
}

* html body#user__login form label {
	width: 40px;
}

* html body#user__login #forgot_login_details {
  height: 21px;
}

* html body#user__login #watch_sample_video {
	height: 23px;
}

* html body#user__login #login_wrapper {
	width: 698px;
}

* html #file_browser_live_stream_link, #file_browser #view_this_file a.view_link, #file_browser #view_this_file a.edit_link, #file_browser #view_this_file a.download_link  {
  height: 24px;
}


/* End of Broken box-model (and ignoring min-width/min-height) fixes */


/* Margin auto incorrectly interpreted as 0, text-align: center incorrectly
 	 centres these block elements. */

* html #outer_wrapper {
	text-align: center;
}

* html #outer_wrapper #wrapper {
	text-align: left;	
}

/* Start of transparent background image fixes */

* html body#user__login #watch_sample_video {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/watch_movie_icon.png", sizingMethod="crop");
}

* html #file_browser_live_stream_link {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/live_stream_icon.png", sizingMethod="crop");
}

* html #file_browser #remote_folders .remote_folder a {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/remote_folder_icon.png", sizingMethod="crop");
}

* html #file_browser #sub_folders .sub_folder a {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sub_folder_icon.png", sizingMethod="crop");
}

* html #file_browser #files .file a {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/quicktime_file_icon.png", sizingMethod="crop");
}

* html #file_browser #files .unknown_file a {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/unknown_file_icon.png", sizingMethod="crop");
}

* html #file_browser #view_this_file a.edit_link {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/transfer_icon_up.png", sizingMethod="crop");
}

* html #file_browser #view_this_file a.download_link {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/transfer_icon_down.png", sizingMethod="crop");
}

* html #file_browser #view_this_file a.view_link {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/watch_movie_icon.png", sizingMethod="crop");
}


/* End of transparent background image fixes */

/* Start of Misc float issues that couldn't be worked around nicely */

/* 3px border bug can affect images, despite what I've read */

* html body#user__login img#login_form_header, * html body#user__login img#login_form_bottom {
	margin-right: -3px;
}

/* End of Misc float issues that couldn't be worked around nicely */


/* Start of Other IE issues of unknown nature */

/* IE is calculating the width of elements before considering negative
   margins. While Mozillas behaviour is much more sensible, I don't
   expect there is a specification for this. */

* html #file_viewer #file_info {
	overflow: hidden;
}

/* IE is actually doing the right thing here, moz isn't */

* html body#user__login form#login_form {
	padding-bottom: 0;
}

/* Have not investigated the cause of these. */

* html body#user__login #login_wrapper {
	padding-right: 0;
}

/* End of Other IE issues of unknown nature */

/* End of Fixes for IE bugs */

/* Start of General Layout */

h1,h2,h3,h4,h5,h6,img,body,form,input {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body { 
	background-color: #999999;
	color: #666;
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
}

h1 {
	margin: 0 0 10px 0;
	font-size: 36px;
	color: #b2b1b1
}

h2 {
	font-size: 18px;	
}        

h1 em {
	color: #acc687;
}

h3 {
	font-size: 14px;
}

h1,h2,h3,h4,h5,h6 { text-decoration: none; font-weight: bold; text-decoration: none;}

#wrapper {
	width: 766px;
	margin: 63px auto;
/*	background-color: #fff;*/
}

#content {
	width: 734px;
	background-color: #fff;
	padding: 0 16px;
}


#top_wrapper_curve {
	position: absolute;
	top: 0;
	left: 0;
  width: 766px;
  height: 20px;
}

#bottom_wrapper_curve {
  width: 766px;
  height: 20px;
}

.clear_me {
	clear: both;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: underline;
}

/* End of General Layout */

/* Start of Header */

#header {
	height: 93px;
	padding-bottom: 9px;                            
	background: url(/images/gradient_breaker.png) 0 93px no-repeat #fff;
	width: 766px;
	position: relative;
	top: 0;
	left: 0;
}

img#laptop {
	position: absolute;
	left: 0;
	top: -50px;
}

#header #layout_title {
	position: absolute;
	top: -52px;
	left: 149px;
	z-index: 2;
}

#header #layout_title h1 {
	margin-left: -1px;
	margin-bottom: 0;
	color: #fff;
	font-size: 56px;
}

#header #layout_title h2 {
	color: #999999;
	margin-top: -5px;
}

#header #layout_title h2 #from_clear_cut_pictures {
	font-size: 14px;	
}

#logout_container {
	position: absolute;	
	top: 0;
	right: 0;
	margin-top: 8px;
	margin-right: 8px;
}

#logout_container #logout_word {
	color: #969595;
	font-size: 18px;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}

#logout_container #logout_x {
}

#header #welcome_container {
	position: relative;
	top: 50px;
	left: 0px;
	text-align: right;
	font-size: 30px;
	padding-top: 5px;
	padding-bottom: -5px;
}

#header #welcome_container #welcome_word {
	color: #ccc;	
}

#header #welcome_container #welcome_user {
	color: #acacac;
	margin-right: 16px;
}

/* End of Header */

/* Start of File browser */

#file_browser a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

#file_browser .selected {
  background-color: #d9d9d9;  
}

#file_browser .selected a {
 font-weight: bold;
}


#file_browser a:hover {
	text-decoration: underline;
}            

#file_browser #remote_folders .remote_folder:hover, #file_browser #sub_folders .sub_folder:hover, #file_browser #files .file:hover, #file_browser #file_details #upload_file:hover, #file_browser #file_details #view_file:hover {
  background-color: #d9d9d9;  
}

#file_browser {
	background: url(/stripes/magick_draw.png?colors=cccccc,cccccc,cccccc,cccccc&widths=179,179,179,179&spacer=6) repeat-y;
	width: 734px;
	color: #fff;
}

#file_browser h3 {
	font-size: 18px;
	margin: 0px 10px 5px 10px;
	position: relative;
	top: -5px;
	left: 0;
	z-index: 2;
}

#file_browser #remote_folders, #file_browser #sub_folders, #file_browser #files, #file_browser #file_details {
	margin-left: 6px;
	float: left;	
	width: 179px;
}

#file_browser #file_details {
	padding: 0 10px;
	width: 159px;
	color: #666;
	font-weight: bold;
}

#file_browser #file_details h3 {
	color: #fff;
	margin-left: 0;
}

#file_browser #remote_folders {
	margin-left: 0;
}

#file_browser #remote_folders .remote_folder a, #file_browser #sub_folders .sub_folder a, #file_browser #files .file a, #file_browser #files .unknown_file a {
	display: block;
	min-height: 18px;
	padding-left: 33px;
	padding-top: 5px;
	padding-right: 10px;
	margin-left: 10px;
}

#file_browser #remote_folders .remote_folder a {
	background: url(/images/remote_folder_icon.png) 0 0 no-repeat;
}

#file_browser #sub_folders .sub_folder a {
	background: url(/images/sub_folder_icon.png) 0 0 no-repeat;
}

#file_browser #files .file a {
  background: url(/images/quicktime_file_icon.png) 0 0 no-repeat;  
}

#file_browser #files .unknown_file a {
  background: url(/images/unknown_file_icon.png) 0 0 no-repeat;  
}

#file_browser #file_details #file_title {
	font-size: 14px;
	margin-bottom: 10px;
}

#file_browser #file_details #file_uploaded, #file_browser #file_details #view_this_file {
	margin-bottom: 10px;
}

#file_browser #view_this_file a {
	display: block;
}

#file_browser #view_this_file a.edit_link {
  background: url(/images/transfer_icon_up.png) 0 0 no-repeat;  
  padding-top: 5px;
  min-height: 19px;
  padding-left: 30px;
  margin-bottom: 5px;
}

#file_browser #view_this_file a.download_link {
  background: url(/images/transfer_icon_down.png) 0 0 no-repeat;  
  padding-top: 5px;
  min-height: 19px;
  padding-left: 30px;
  margin-bottom: 5px;
}

#file_browser #view_this_file a.view_link {
  background: url(/images/watch_movie_icon.png) 0 0 no-repeat;  
  padding-top: 5px;
  min-height: 19px;
  padding-left: 30px;
  margin-bottom: 5px;
}

#file_browser #file_details #file_uploaded #uploaded_word {
	color: #fff;
}

#file_browser #download_help {
	color: #fff;
	margin-bottom: 10px;
}

#file_browser #file_browser_bottom_extender {
	clear: both;
	padding-top: 16px;
}

#file_browser_help_text {
	font-weight: bold;
}

#file_browser_help_text p {
  padding: 10px 0 0 0;
  margin: 0;
}                   

#file_browser_live_stream_link {
  padding-left: 34px;
  padding-top: 5px;
  background-image: url(/images/live_stream_icon.png);
  background-position: 0 0;
  background-repeat: no-repeat;  
  min-height: 19px;  
}

#file_browser_live_stream {
  padding-top: 15px;
}

/* End of File Browser */

/* Start of File Viewer */

#file_viewer {
	padding: 10px 0 0 0;	
} 

#file_viewer #quicktime_player_rounded_top {
	width: 420px;
	height: 12px;
}

#file_viewer #quicktime_player {
	width: 420px;
	background-color: #ccc;
	float: left;
	margin-right: 16px;
}

#file_viewer #quicktime_player_rounded_bottom {
	width: 420px;
	height: 12px;
}

#file_viewer #quicktime_player embed {
	margin-left: 10px;
}
	
#file_viewer #file_info_rounded_top {
	width: 298px;
	height: 12px;
	margin-left: -10px;
}

#file_viewer #file_info {
	float: left;
	width: 278px;	
	background-color: #ccc;
	padding: 0 10px;
}

#file_viewer #file_info_rounded_bottom {
	width: 298px;
	height: 12px;
	margin-left: -10px;
}

#file_viewer #file_info h2 {	
	margin-top: 10px;	
	color: #fff; 
}

#file_viewer #breadcrumb {
	font-size: 10px;
}

#file_viewer #cut_status {
	margin-top: 10px;	
	font-size: 10px;	
}

#file_viewer #breadcrumb .divider {
	color: #fff;
	font-weight: bold;
}

#file_viewer #breadcrumb a {
	color: #666;
	text-decoration: none;
	text-decoration: underline;
}

#file_viewer #breadcrumb a:hover {
	text-decoration: underline;
	font-weight: bold;
}

#file_viewer #file_info h3 {	
	color: #fff; 
}

#file_viewer #ratio {
	margin-top: 10px;
}

#file_viewer #ratio #ratio_aspect {
	font-weight: bold;
}

#file_viewer #duration {
	margin-top: 10px;	
}

#file_viewer #file_info #duration_word {	
	color: #fff; 
	font-weight: bold;
}


#file_viewer #file_info #uploaded_word {	
	font-weight: bold;
	color: #fff; 
}


#file_viewer h1 {
	display: inline;	
	float: right;
}


/* End of File Viewer */

/* Start of Login */

body#user__login #wrapper {
	position: relative;
}

body#user__login #login_wrapper {
	width: 673px;
	margin: 0 auto;
	padding-right: 25px;
}

body#user__login #large_laptop {
	position: absolute;
	top: 0;
	left: 25px;
	width: 357px;
	height: 333px;
}

body#user__login {
	background-color: #fff;
}

body#user__login h1,  body#user__login h2  {
	margin-bottom: 0;
	float: right;
	clear: right;
}

body#user__login h2 {
	font-size: 14px;
}

body#user__login h3 {
	font-size: 36px;
	float: right;
	clear: right;
	color: #cbcbcb;
	margin-top: 30px;
}

body#user__login form#login_form {
	clear: right;
	float: right;
	width: 230px;
	height: 90px;	
	background-color: #acc687;	
	padding: 13px 25px;
}

body#user__login form#login_form input {
	width: 180px;
	float: left;
	display: block;
	margin-bottom: 10px;
}

body#user__login form#login_form label {
	float: left;
	display: block;
	min-width: 40px;
	clear: left;
	color: #fff;
	font-size: 14px;
	margin-right: 5px;
	font-weight: bold;
}

body#user__login form#login_form input.button {
	margin-top: 10px;
	clear: both;
	width: auto;
	float: right;
}

body#user__login form#login_form a#ftp {
	clear: none;
	color: #fff;
	position: relative;
	top: 13px;
	display: block;
	width: 140px;
}


body#user__login #login_form_header {
	clear: both;
	float: right;
}

body#user__login #login_form_bottom {
	clear: both;
	float: right;
}

body#user__login #forgot_login_details {
	padding-top: 4px;
	margin-top: 10px;
	float: right;
	padding-left: 31px;
	clear: both;
	background: url(/images/orange_question_mark.png) 0 0 no-repeat #fff;	
	min-height: 21px;
	font-weight: bold;
	display: block;
}

body#user__login #watch_sample_video {
	display: block;
	margin-top: 10px;
	float: right;
	clear: both;
	background: url(/images/watch_movie_icon.png) 0 0 no-repeat;  
  padding-top: 3px;
  min-height: 21px;
  padding-left: 30px;
	font-size: 16px;
} 
 


/* End of Login */

/* Start of Manage Live Stream */

#manage_live_stream {
		position:absolute;
		width:300px;
		height:125px;
		background: #fff;
		border: 3px solid #222;
		z-index:10000;
		visibility: hidden;
}

#manage_live_stream #close_button {
	bottom: 10px;
	right: 10px;
	position: absolute;
}

#manage_live_stream #manage_live_stream_container {
	position: relative;
	padding: 10px;
}

#manage_live_stream h3 {
	font-size: 14px;
	margin-bottom: 10px;
}

#manage_live_stream table#live_stream_details {
	margin-bottom: 10px;	
}

#manage_live_stream table#live_stream_details td.label {
	font-weight: bold;
}
/* End of Manage Live Stream */

/* Slack stuff */






/* ***************** SCRATCH ******************* */
/* FIXME: Remove */

/* Start of Glass */

.ea_glass_container {
	background-color: #000000;
	position: fixed;
	padding: 20px; /* The JS requires this to be one number */
	border: 3px solid #fff;
	z-index: 9999;
	visibility: hidden;
}

.ea_glass_dialog {
	width: 386px;	
	z-index:9999;	
}

.ea_glass_dialog .ea_glass_dialog_message {
	color: #eee;
	text-align: center;
	padding-bottom: 20px;
	z-index:10000;	
}

.ea_glass_dialog_button {
	background-color: #000;
	height: 2px;	
	color: #fff;
	border: 2px solid #fff;
	position: fixed;
	z-index:10000;	
	visibility: hidden;
}

.ea_glass_dialog_button .ea_glass_dialog_button_text {
	text-align: center;
	position: relative;
	left: 0;
	font-size: 14px;
	padding: 0 10px;
	z-index: 10001;
}

.ea_glass_page_dimmer {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000000;
	z-index:9998;	
}

/* End of Glass */


/* Forgotten Login Details Start */

#forgot_my_login_details p {
  margin: 10px 0 0 0;  
  padding: 0;
}

#forgot_my_login_details table {
  margin: 10px 0 0 0;
}

#forgot_my_login_details .row {
  display: block;
}

#forgot_my_login_details input.button {
  display: block;
  margin: 10px 0 0 0;
}

#forgot_login_details_messages {
  padding-top: 10px;
}

#forgot_login_details_messages .success {
  color: #0f0;
}

#forgot_login_details_messages .failure {
  color: #f00;
}

/* Forgotten Login Details End */







#set_sample_video input { margin-left: 10px; }


body.nowt div#other_inputs { display: none; }

#oxygen_made_this {
	display:none;
	margin-left: 600px;
	padding-top: 40px;
}
#getquicktime {
	margin-left: 600px;
	padding-top: 40px;
	display: block;
}

* html #oxygen_made_this {
	/* ??? */
	margin-right: -20px;
}

body#user__login #oxygen_made_this {
	margin-left: 0;
	padding-top: 0;
	float: right;
	clear: both;
	margin-top: 80px;
	margin-right: 0 !important;
}

* html #quicktime_player_placeholder {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/watch_movie_icon.png", sizingMethod="crop");
  height: 24px;
	background-image: none;  
}

#quicktime_player_placeholder {
  display: block;
  background: url(/images/watch_movie_icon.png) 0 0 no-repeat;  
  padding-top: 5px;
  min-height: 19px;
  padding-left: 30px;
  margin-left: 10px;
  margin-bottom: 5px;
  color: #fff;
  margin-left: 10;
}