/*******************************
 **       File overview       **
 *******************************/

/* Main section */
div.filebrowser
{
	background-color : #627FA2;
	background-image : url(../images/filebrowse_background.png);
	background-repeat : repeat-x;
	border-color : #4B617D;
	border-style : solid;
	border-width : 3px;
	font-size : 9pt;
}

div.filebrowser a
{
	text-decoration : none;
}

div.filebrowser hr
{
	color: #A6B7CC;
	background-color: #A6B7CC;
	border-color : transparent;
	height: 1px;
	margin-left : 5px;
	margin-right : 5px;
}


/* Message sections */
div.filebrowser div.message {
	color : #ffffff;
	font-weight : normal;
	margin-top : 5px;
	margin-bottom : 15px;
	margin-left : 5px;
	margin-right : 5px;
}

div.filebrowser div.message a {
	color : #ffffff;
	font-weight : normal;
	text-decoration : underline;
}

/* Path section */
div.filebrowser div.path
{
	margin : 5px;
}

div.filebrowser div.path a
{
	color : #ffffff;
	white-space : nowrap;
}


/* Title section */
div.filebrowser div.title
{
	color : #A6B7CC;
	font-size : 15pt;
	letter-spacing : 1px;
	margin-top : 5px;
	margin-bottom : 15px;
	margin-left : 5px;
	margin-right : 5px;
}


/* Subdirectories section */
div.filebrowser div.subdirectories
{
	color : #A6B7CC;
	font-weight : bold;
	margin : 5px;
}

div.filebrowser div.subdirectories a
{
	color : #ffffff;
	display : block;
	margin-top : 4px;
}


/* Overview section */
div.filebrowser div.overview
{
	margin : 5px;
}


/* File item */
div.filebrowser div.overview div.item
{
	background-color : #6E89AA;
	background-image : url(../images/item_background.png);
	background-repeat : repeat-x;
	border-top-color : #ffffff;
	border-bottom-color : #A6B7CC;
	border-left-color : #A6B7CC;
	border-right-color : #A6B7CC;
	border-style : solid;
	border-width : 1px;
	color : #C5D1DF;
	float : left;
	margin-bottom : 10px;
	margin-right : 10px;
	padding-top : 10px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
}

div.filebrowser div.overview div.item div.thumbnail
{
	display : table-cell;
	text-align : center;
	vertical-align : middle;
}

div.filebrowser div.overview div.item div.thumbnail img
{
	border-color : #ffffff;
	border-style : solid;
	border-width : 1px;
}

div.filebrowser div.overview div.item div.link
{
	font-size : 7pt;
	font-weight : bold;
	letter-spacing : 1px;
	margin-top : 10px;
}

div.filebrowser div.overview div.item div.link a
{
	color : #ffffff;
	font-weight : bold;
}

div.filebrowser div.overview div.item div.filename
{
	font-size : 8pt;
	margin-top : 3px;
	white-space : nowrap;
}

div.filebrowser div.overview div.clearboth
{
	clear : both;
}



/*******************************
 **          Viewer           **
 *******************************/

/* Main window */
body.viewer
{
	background-color : #202020;
	margin : 0px;
}

body.viewer iframe
{
	border-width : 0px;
	width : 100%;
}


/* Title */
body.viewer div.title
{
	background-image : url(../images/title-background.png);
	background-position : bottom;
	background-repeat : repeat-x;
	color : #ffffff;
	font-family : sans-serif;
	font-size : 15pt;
	letter-spacing : 1px;
	padding-top : 5px;
	text-align : center;
	white-space : nowrap;
}

body.viewer div.title div.arrow
{
	float : left;
	width : 10%;
}

body.viewer div.title div.text
{
	float : left;
	width : 80%;
}

body.viewer div.title img
{
	border-width : 0px;
	vertical-align : top;
}


/* Description */
body.description
{
	background-color : #627fa2;
	color : #ffffff;
	font-family : sans-serif;
	font-size : 9pt;
	margin : 0px;
	padding-left : 10px;
	padding-top : 5px;
}


/* Display area */
body.display
{
	background-color : #627fa2;
	background-image : url(../images/display-background.png);
	background-position : bottom;
	background-repeat : repeat-x;
	font-family : sans-serif;
	height : 100%;
	margin : 0px;
	overflow : hidden;
	text-align : center;
}

body.display div.displayarea
{
	margin-top : 5px;
}

body.display div.displayarea .content
{
	border-color : #ffffff;
	border-style : solid;
	border-width : 1px;
	vertical-align : middle;
}

body.display div.tinylink
{
	color : #ffffff;
	font-size : 7pt;
	font-weight : bold;
	letter-spacing : 1px;
	margin-top : 5px;
}

body.display div.tinylink a
{
	color : #ffffff;
	text-decoration : none;
}

body.display div.biglink
{
	color : #ffffff;
	font-size : 14pt;
	font-weight : bold;
	letter-spacing : 2px;
	padding-top : 50px;
}

body.display div.biglink a
{
	color : #ffffff;
	text-decoration : none;
}

/* Group members */
body.group
{
	background-color : #202020;
	margin : 0px;
	text-align : center;
	white-space : nowrap;
}

body.group img
{
	border-color : #ffffff;
	border-style : solid;
	border-width : 1px;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : 8px;
	margin-right : 8px;
	vertical-align : middle;
}