/*
///////////////////////////////////////////////////////////////////////////
// SUPERCONTAINER CSS RULES
//	Do not edit this file!  If you want to add custom styles, put them in the custom.css file
///////////////////////////////////////////////////////////////////////////
*/

body {
	text-align:center;
	margin:0;
	padding:0;
	border:none;
}
html, body {
	overflow:auto;
	border:none;
	height:100%;
	width:100%;
}
table#wrapper {
	overflow:hidden;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:none;
}
body.cropping table#wrapper {
	width:auto;
	height:auto;
}
#upload_input input {
	width: 210px; /* fix for safari, without this a vertical scroll bar is visible */ 
}

body, td {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
}

a {

}

img {
	border:0;
}

table#info, table#upload_table {
	margin: .5em auto;
}
td.label {
	text-align:right;
	font-weight:normal;
	padding-right: .5em;
}
td.label label:after {
	content: ":";
}

/*
///////////////////////////////////////////////////////////////////////////
// WAIT DIALOG
///////////////////////////////////////////////////////////////////////////
*/

/*
///////////////////////////////////////////////////////////////////////////
// FILE ICONS
///////////////////////////////////////////////////////////////////////////
*/
span {
	background: transparent url('images/file.gif' ) no-repeat center center;
	display:block;
	width: 32px;
	height: 32px;
	margin:auto;
	border: 0;
}

span.file_avi {
	background-image: url('images/avi.gif');
}
span.file_doc, span.file_docx {
    background-image: url('images/doc.gif');
}
span.file_fmp12 {
    background-image: url('images/fmp12.gif');
}
span.file_fp7, span.file_fp5, span.file_fp3 {
	background-image: url('images/fp7.gif');
}
span.file_mov,  span.file_mp4, span.file_dv {
	background-image: url('images/mov.gif');
}
span.file_pdf {
	background-image: url('images/pdf.gif');
}
span.file_rtf {
	background-image: url('images/rtf.gif');
}
span.file_txt {
	background-image: url('images/text.gif');
}
span.file_xls, span.file_xlsx {
	background-image: url('images/xls.gif' );
}
span.file_dmg {
	background-image: url('images/dmg.gif' );
}
span.file_jar {
	background-image: url('images/jar.gif' );
}

/* Provided by Productive Computing */
span.file_aiff, span.file_aif {
	background-image: url('images/aiff.gif');
}
span.file_bmp {
	background-image: url('images/bmp.gif');
}
span.file_mp3 {
	background-image: url('images/mp3.gif');
}
span.file_mpg, span.file_mpeg {
	background-image: url('images/mpeg.gif');
}
span.file_gif {
	background-image: url('images/gif.gif');
}
span.file_jpg, span.file_jpeg {
	background-image: url('images/jpg.gif');
}
span.file_png {
	background-image: url('images/png.gif');
}
span.file_pps {
	background-image: url('images/pps.gif');
}
span.file_tif, span.file_tiff {
	background-image: url('images/tiff.gif');
}
span.file_wav {
	background-image: url('images/wav.gif');
}
span.file_wma {
	background-image: url('images/wma.gif');
}
span.file_wmv {
	background-image: url('images/wmv.gif');
}
span.file_zip {
	background-image: url('images/zip.gif');
}
span.file_xml {
    background-image: url('images/xml.gif');
}

/*
///////////////////////////////////////////////////////////////////////////
// PAGE_SPECIFIC STYLES
// Customize the body classes for each page as desired.
///////////////////////////////////////////////////////////////////////////
*/
body.Registration {
	margin: 1em;
}

body.Error {
	text-align: left;
	margin: 1em;
}
body.Error h1 {
	color: red;
}
body.Error a {
	text-decoration:underline;
	color:blue;
}

#regInfo {
	font-weight:bold;
}
form {
	margin: 0;
	padding:0;
}
/*
///////////////////////////////////////////////////////////////////////////
// DEFAULT STYLES
//	if no style if specified, the following rules apply
///////////////////////////////////////////////////////////////////////////
*/
/* hide the info table by default. This is overridden to display:table if the style includes "info" */
table#info {display:none;}
/* hide the upload form unless the resource is empty */
form#upload_form {display:none}
.empty form#upload_form {display:block;}
/* hide the title for images, show it for non-images */
.image div#title {display:none;}

form#delete_form { display:block; } /* visible by default, @see showdelete */
/*
///////////////////////////////////////////////////////////////////////////
// LISTVIEW STYLE
//	The listview style is intended for use in list layouts
//  It displays a small thumbnail or icon, with the filename to the right of it
// 	All editing controls and other info are hidden.
//	You should set width=64 and height=64 parameters in the URL when using this style, e.g. "/Asset/4321?style=listview&width=64&height=64"
///////////////////////////////////////////////////////////////////////////
*/
body.listview a#download {display:table-cell; text-align:center; vertical-align:middle;}
body.listview a#download img#preview {margin:auto;/* float:left; */}
body.listview a#download span#icon { margin:auto;/* float:left; padding: 16px 0 16px 16px;*/ }
body.listview div#title { text-align:left; height:64px; min-height:64px; display:table-cell; vertical-align:middle; padding-left: .5em; }
body.listview table#info { display:none; }
body.listview form#delete_form { display:none; }
body.listview form#upload_form { display:none; }

/*
///////////////////////////////////////////////////////////////////////////
// NOSCROLL
///////////////////////////////////////////////////////////////////////////
*/
body.noscroll {
	overflow:hidden;
}
/*
///////////////////////////////////////////////////////////////////////////
// IMAGE_ONLY STYLE
///////////////////////////////////////////////////////////////////////////
*/
body.image_only form,
	body.image_only #title,
	body.image_only #delete_form,
	body.image_only form {
	display: none;
}


/*
///////////////////////////////////////////////////////////////////////////
// NODELETE STYLE
//	This style hides the delete form
///////////////////////////////////////////////////////////////////////////
*/

body.nodelete form#delete_form {display:none;}
body.showdelete form#delete_form {display:block;}

/*
///////////////////////////////////////////////////////////////////////////
// UPLOAD STYLE
//	Always display the upload form, even for non-empty resources
///////////////////////////////////////////////////////////////////////////
*/
body.upload form#upload_form {display:block;}

/*
///////////////////////////////////////////////////////////////////////////
// READONLY STYLE
//	This style hides both the upload and delete forms
///////////////////////////////////////////////////////////////////////////
*/

body.readonly form#delete_form {display:none;}
body.readonly form#upload_form {display:none;}


/*
///////////////////////////////////////////////////////////////////////////
// NOPREVIEW
//	This style hides the preview and icon
///////////////////////////////////////////////////////////////////////////
*/
body.nopreview #preview, body.nopreview #icon {
	display:none;
}

/*
///////////////////////////////////////////////////////////////////////////
// NOTITLE
//	This hides the title for both images and non-image files.
///////////////////////////////////////////////////////////////////////////
*/
body.notitle div#title {display:none;}

/*
///////////////////////////////////////////////////////////////////////////
// TITLE
//	this shows the title for both images and non-images
///////////////////////////////////////////////////////////////////////////
*/
body.title div#title {display:block;}

/*
///////////////////////////////////////////////////////////////////////////
// INFO
//	This style shows the info table with filename, size, and date information
///////////////////////////////////////////////////////////////////////////
*/
body.info table#info {display:table;}
body.info div#title {display:none;} /* hide the title, it's redundant */

/*
///////////////////////////////////////////////////////////////////////////
// ALIGNMENT STYLES
///////////////////////////////////////////////////////////////////////////
*/
body.left {text-align:left;}
body.left #icon, body.left table {margin:inherit;}

body.right {text-align:right;}
body.right #icon, body.right table {margin-right:0;margin-left:auto;}

body.center table#wrapper td {vertical-align:middle;}

body.top table#wrapper td {vertical-align:top;}
body.bottom table#wrapper td {vertical-align:bottom;}

/*
///////////////////////////////////////////////////////////////////////////
// MISC ADDITIONAL STYLES
//	you can specify multiple styles in the URL by combining them with plus signs
//	e.g. "/assets/abc?style=listview+large+bold+italic
///////////////////////////////////////////////////////////////////////////
*/

body.small div {font-size:small;}
body.x-small div {font-size:x-small;}
body.xx-small div {font-size:xx-small;}

body.large div {font-size:large;}
body.x-large div {font-size:x-large;}
body.xx-large div {font-size:xx-large;}

body.bold {font-weight:bold;}
body.italic {font-style:italic;}
body.underline {text-decoration:underline;}
body.strikethrough {text-decoration:line-through;}
body.titlecase {text-transform:capitalize}
body.lowercase {text-transform:lowercase;}
body.uppercase {text-transform:uppercase;}
body.smallcaps {font-variant:small-caps;}

body.overline {text-decoration:overline;}
body.blink {text-decoration:blink;}
body.smallcaps {font-variant:small-caps;}

body.nolink div#wrapper a:hover {
	cursor:default;
}

/*
///////////////////////////////////////////////////////////////////////////
// HTML DRAG & DROP
///////////////////////////////////////////////////////////////////////////
*/
.dragging {
	background-color:#EEE;
}
.dragging #dragMessage {
	font-weight: bold;
}