/********************/
/* Set background */
/********************/

body
{
	background-image:	url('images/paper017.jpg');
}

/* N.B. Bacground texture taken from: http://www.grsites.com/archive/textures/    */



/***************************************************************************************/
/* N.B. Progress bar CSS taken from: http://www.johnboy.com/php-upload-progress-bar/   */
/***************************************************************************************/

/*iframe*/
#upload_frame {
	border:0px;
	height:40px;
	width:400px;
	display:none;
}

#progress_container {
	width: 300px; 
	height: 30px; 
	border: 1px solid #CCCCCC; 
	background-color:#EBEBEB;
	display: block; 
	margin:5px 0px -15px 0px;
}

#progress_bar {
	position: relative; 
	height: 30px; 
	background-color: #F3631C; 
	width: 0%; 
	z-index:10; 
}

#progress_completed {
	font-size:16px; 
	z-index:40; 
	line-height:30px; 
	padding-left:4px; 
	color:#FFFFFF;
}




/**************************************/
/* Define table classes used to display tables */
/*************************************/

table.artifact_details, table.staff_table, table.add_legends
{
	display:				table;
	border-style:			solid;		/* In separated borders model, border makes entire box look as though it were coming out of the canvas. In the collapsing border model, same as 'groove' (none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset). */
	border-width:			4px;
	border-color:			#000000;
	border-collapse:		separate;	/* Sets whether table borders are collapsed into a single border or detached as in standard HTML (collapse | separate | inherit) */
	border-spacing:			10px;		/* Border spacing in separate border model */
	background-color:		transparent;	/* Colour between cells. */
	-moz-border-radius:		5px;		/* Rounded corners in Mozilla. */
	-webkit-border-radius:	5px;		/* Rounded corners in Safari. */
	empty-cells:			show;		/* (show | hide | inherit) */
	width:					100%;
	margin-bottom:			10px;
    margin-right:           50px;
    
    /* Add a drop shadow in all browsers - taken from:                                */
    /* http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/   */
    /* Parameters are: x-offset, y-offset, radius of shadow and colour of shadow.     */
    -moz-box-shadow:        8px 8px 8px #737373;
    -webkit-box-shadow:     8px 8px 8px #737373;
    box-shadow:             8px 8px 8px #737373;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#737373')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#737373');
}

table.slideshow
{
	display:				table;
	border-style:			none;
	empty-cells:			show;
	width:					100%;
}

table.staff_table
{
	margin-left:			auto;
	margin-right:			auto;
	width:					90%;
}

table.footer_links
{
	display:				table;
	border-style:			none;		/* In separated borders model, border makes entire box look as though it were coming out of the canvas. In the collapsing border model, same as 'groove' (none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset). */
	border-collapse:		separate;	/* Sets whether table borders are collapsed into a single border or detached as in standard HTML (collapse | separate | inherit) */
	border-spacing:			10px;		/* Border spacing in separate border model */
	background-color:		transparent;	/* Colour between cells. */
	empty-cells:			show;		/* (show | hide | inherit) */
	width:					100%;
	margin-bottom:			5px;
}


th.artifact_details_heading, th.browser_details_heading
{
	font-family:		arial, verdana, sans-serif;
	font-style:			normal;		/* Options are normal | italic | oblique | inherit. */
	font-variant:		small-caps;		/* Options are normal | small-caps | inherit. */
	font-size:			1em;
	font-weight:		bold;		/* Options are normal | bold | bolder | lighter | 100 - 900. */
	
	border-style:		none;
	border-width:		0;
	padding:			5px;
	border-color:		black;
	background-color:	transparent;
	
	width:				100px;
	text-align:			right;
	vertical-align:		top;
}


td.artifact_details, td.picture_cell, td.footer_links_left, td.footer_links_mid, td.footer_links_right, td.add_artifact, td.add_artifact_highlight, td.staffphotocell, td.staffinfocell, td.browser_details_cell
{
    font-size:              100%;
	font-family:			arial, verdana, sans-serif;
	font-style:				normal;
	border-width:			1px;
	padding:				5px;
	border-style:			solid;
	border-color:			black;
	background-color:		transparent;
	-moz-border-radius:		3px;		/* Rounded corners in Mozilla. */
	-webkit-border-radius:	3px;		/* Rounded corners in Safari. */
	text-align:				left;
	vertical-align:			top;
}

td.staffphotocell
{
	border-width:			0px;
	border-style:			none;
	padding:				0px;
	width:					200px;
}

td.staffinfocell
{
	border-style:			none;
}

td.add_artifact_highlight
{
	color:					red;
	font-weight:			bold;
}

td.picture_cell
{
	border-style:			none;
	width:					410px;
}

td.slideshow_link_left, td.slideshow_link_right, td.slideshow_link_center
{
	font-family:			arial verdana, sans-serif;
	font-style:				normal;
	font-size:				0.75em;
	text-align:				left;
	vertical-align:			middle;
	width:					60px;
}

td.slideshow_link_right
{
	text-align:				right;
}

td.slideshow_link_center
{
	text-align:				center;
	width:					80px;
}

td.slideshow_picture
{
	text-align:				center;
	vertical-align:			middle;
}

td.footer_links_left
{
	text-align:				left;
	border-style:			none;
}

td.footer_links_mid
{
	text-align:				center;
	border-style:			none;
}

td.footer_links_right
{
	text-align:				right;
	border-style:			none;
}



/*********************/
/* Define heading styles */
/*********************/

h1, h2, h3
{		
	font-family:		arial, verdana, sans-serif;
	font-size:			2em;
	font-weight:		bold;
	text-align:			center;
	margin:				0.67em 0;
	color:				#2e308f;
}


h2, h3
{
    font-size:          1.5em;
    margin:             .75em 0;
    color:              black;
    text-align:         left;
}

h3
{
    font-size:          1.17em;
    margin:             .83em 0;
}

.olm_title
{
    font-family:        'Diplomata', cursive;
    font-size:          2em;
    font-weight:        normal;
    text-align:         center;
}



/*************************************************/
/* Define classes used to display page headers and footers */
/*************************************************/

.breadcrumb, .intranet_footer, .login_status, .intranet_header
{
	border:				none;
	padding:			4px;
	
	margin:				5px 0px 5px 0px;
	
	font-style:			normal;
	font-family:		arial, verdana, sans-serif;
	font-variant:		normal;
	font-weight:		bolder;
	font-size:			x-small;
	text-transform:		none;
	text-align:			left;
	text-decoration:	none;

	color:				#2e308f;
	background-color:	#84adc4;
}

.intranet_footer
{
	text-align:			right;
}

.login_status
{
	padding:			0px;
	margin:				0px 0px 0px 0px;
	font-weight:		normal;
	font-size:			small;
	color:				black;
	background-color:	transparent;
}

.intranet_header
{
	padding:			0px;
	margin:				0px 0px 0px 0px;
	font-weight:		bold;
	font-size:			2em;
	background-color:	transparent;
}

.general
{
	font-family:			arial, verdana, sans-serif;
	font-style:				normal;
	padding:				5px;
	background-color:		transparent;
	text-align:				left;
	vertical-align:			top;
}


.big
{
	font-size:		1.5em;
}

.smaller
{
	font-size:		0.75em;
}

.small
{
	font-size:		0.5em;
}

.bold
{
	font-weight:	bold;
}

.italic
{
	font-style:		italic;
}

.definition
{
	color:			#2e308f;
	margin:			20px 100px 50px 100px;
}

.align_right
{
	text-align:		right;
}

table#browser_details_table
{
    display:				table;
	border-style:			solid;		/* In separated borders model, border makes entire box look as though it were coming out of the canvas. In the collapsing border model, same as 'groove' (none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset). */
	border-width:			4px;
	border-color:			#000000;
	border-collapse:		separate;	/* Sets whether table borders are collapsed into a single border or detached as in standard HTML (collapse | separate | inherit) */
	border-spacing:			2px;		/* Border spacing in separate border model */
	background-color:		transparent;	/* Colour between cells. */
	-moz-border-radius:		5px;		/* Rounded corners in Mozilla. */
	-webkit-border-radius:	5px;		/* Rounded corners in Safari. */
	empty-cells:			show;		/* (show | hide | inherit) */
	margin-bottom:			10px;
    margin-right:           50px;
    margin-left:            50px;
    margin-top:             10px;
    
    /* Add a drop shadow in all browsers - taken from:                                */
    /* http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/   */
    /* Parameters are: x-offset, y-offset, radius of shadow and colour of shadow.     */
    -moz-box-shadow:        8px 8px 8px #737373;
    -webkit-box-shadow:     8px 8px 8px #737373;
    box-shadow:             8px 8px 8px #737373;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#737373')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#737373');

}