﻿html
{
	background-color: #dbdbdb;
}

body
{
	font-family:Calibri;
}

#centering-container
{
	text-align: center;
}

#layout
{
	width: 1000px;
	position: relative;
	margin: 0px auto;
	text-align: left;
}

#header
{
	width: 1000px;
	height: 125px;
	background-image: url(../../Resources/img/header-background.png);
}

#left-column
{
	width: 181px;
	height: 300px;
	float: left;
	margin-top: 6px;
	margin-right: 5px;
}

#content
{
	width: 626px;
	float: left;
	margin-right: 7px;
}

#right-column
{
	width: 181px;
	float: left;
	margin-top: 6px;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

/****************Content Tabs********************/

#content-tabs
{
	height: 33px;
	position: relative;
	margin-top: -32px;
	margin-left: -1px;
	text-align: center;
	z-index: 50;
}

.padding
{
	height: 33px;
	width: 10px;
	float: left;
	background-color: transparent;
}

.content-tab
{
	height: 33px;
	position: relative;
	float: left;
	margin-right: -8px;
}

.content-tab a
{
	height: 33px;
	width: 115px;
	background-image: url(../../Resources/img/unselected-tab2.png);
	background-position: left;
	float: left;
	display: block;
	line-height: 33px;
	text-decoration: none;
	text-align: center;
	font-size: 11pt;
}

.content-tab span
{
	height: 33px;
	position: relative;
	display: block;
	float: left;
	background-color: Transparent;
}

#view1-tab
{
	z-index: 40;
}

#view1-tab a
{
	background-image: url(../../Resources/img/selected-tab.png);
}

#view2-tab
{
	z-index: 30;
}

#view3-tab
{
	z-index: 20;
}

#view4-tab
{
	z-index: 10;
}

#view5-tab
{
	z-index: 5;
}


.hidden
{
	display:none;
}

/****************topic content********************/

#topic-content
{
	width: 626px;
	position: relative;
	margin-top: -4px;
}

#topic-content-top
{
	width: 626px;
	height: 29px;
	background-image: url(../../Resources/img/content-top.png);
}

#topic-content-middle
{
	width: 626px;
	background-image: url(../../Resources/img/content-middle.png);
}


#topic-content-bottom
{
	width: 626px;
	height: 29px;
	background-image: url(../../Resources/img/content-bottom.png);
}

/***************topic view**************************/

#view1
{
	display:block;
	margin-left:13px;
	width: 597px;
	overflow:hidden;
}


/**************edit view***********************/

#edit-view
{
	
}

/**************metadata view********************/

#metadata-view
{
	
}

#metadata table
{
	margin-left: 20px;
	position:relative;
	top:15px;
	margin-bottom:60px;
}

#metadata-form form
{
	width: 400px;
	margin-left: 20px;
	margin-top: 10px;
	z-index: 1000;
}

#metadata-form input
{
	height: 20px;
}

#metadata-form td
{
	padding-top: 3px;
	width: 200px;
	font-size: 10pt;
}

/**************panel form********************/

.panel-form
{
	padding-bottom:20px;
}

.panel-form form
{
	width: 400px;
	margin-left: 20px;
	margin-top: 10px;
	z-index: 1000;
}

.panel-form input
{
	height: 20px;
}

.panel-form td
{
	padding-top: 3px;
	width: 200px;
	font-size: 10pt;
}

/**************link view**************************/

#links-view
{
}

#links-form form
{
	width: 400px;
	margin-left: 20px;
	margin-top: 10px;
	z-index: 1000;
}

#links-form input
{
	height: 20px;
}

#links-form td
{
	padding-top: 3px;
	width: 200px;
	font-size: 10pt;
}

#links
{
	margin-bottom: 60px;
}

#links table
{
	margin-left: 20px;
	position:relative;
	top:15px;
}

.display-table td
{
	border: 2px solid #fff;
	font-size: 10pt;
	
}

.colour-cell
{
	background-color: #dbdfe5;
}


.display-table th
{
	font-size: 10pt;
	font-weight:bold;
	padding-right:5px;
	padding-left:5px;
	color:#1e4fad;
	text-align:center;
}

/***************Panels***************************/

.panel
{
	width: 181px;
	position: relative;
	float: left;
	margin-bottom: 8px;
}

.panel-head
{
	width: 181px;
	height: 47px;
	position: relative;
	float: left;
	background-image: url(../../Resources/img/panel-head.jpg);
}

.panel-title
{
	width: 160px;
	position: relative;
	top: 14px;
	margin-left: 8px;
	font-size: 11pt;
	font-weight: bold;
	color: #333;
}

.panel-title img
{
	position: relative;
	top: 4px;
	margin-right: 2px;
}

.panel-title-label
{
	color: #333;
	font-size: 16pt;
	font-weight: bold;
	position: relative;
	left: 15px;
}

.panel-title-label span
{
	color: #1e4fad;
}

.panel-body
{
	width: 181px;
	position: relative;
	float: left;
	background-image: url(../../Resources/img/panel-body.jpg);
}

.panel-body .label
{
	font-size: 11pt;
	font-weight: bold;
	color: #333;
	position: relative;
	left: 25px;
	width: 150px;
	overflow: hidden;
	margin-bottom: 3px;
	margin-top: 5px;
	float: left;
}

.panel-body a
{
	width: 140px;
	display: block;
	font-size: 11pt;
	color: #1e4fad;
	position: relative;
	float: left;
	left: 35px;
	text-decoration: none;
	
	overflow: hidden;
}

.panel-body a:hover
{
	text-decoration: underline;
}

.panel-footer
{
	width: 181px;
	height: 25px;
	position: relative;
	float: left;
	background-image: url(../../Resources/img/panel-footer.jpg);
}

/*****************Content Options*********************/


.options 
{
	position:relative;
	margin-top:5px;

}

.options a
{
	position:relative;
	left:15px;
}

.options a img
{
	padding-right:10px;
}

.options a span
{
	position:relative;
	top:-3px;
}

/*****************Content Attachments*********************/

.attachments 
{
	position:relative;
	margin-top:5px;

}

.attachments a
{
	position:relative;
	left:15px;
}

.attachments a img
{
	padding-right:10px;
}

.attachments a span
{
	position:relative;
	top:-3px;
}



/*********************Metadata***************************/

#metadata .label
{
	color: #1e4fad;
	font-size: 10pt;
	margin-top: 3px;
}


/*****************Images***********************/

#add-images
{
	
}

/**************Add Topic**********************/

#add-topic
{
	display:none;
}

/*************Gallery**********************************/

#gallery
{
	width:650px;
}

.gallery-image
{
	position:relative;
	margin-right:19px;
	display:block;
	float:left;
	margin-top:10px;
}

/*******************scope*******************/

.scope form
{
	position:relative;
	left:10px;
	margin-top:5px;
	font-size:9pt;
}

/******************language flags***************/

#language-flags
{
	position:relative;
	float:right;
	right:50px;
	top:5px;
}

#language-flags a
{
	margin-right:3px;
}

/*****************errors*********************/

#errors
{

}

#errors-head
{
	background-image: url(../../Resources/img/err-box-top.png);
	width:596px;
	height:10px;
}

#errors-content
{
	background-image: url(../../Resources/img/err-box-mid.png);
	width:596px;
}

#errors-foot
{
	background-image: url(../../Resources/img/err-box-bottom.png);
	width:596px;
	height:10px;
}

#errors span
{
	color:#3B22C3;
	font-weight:bold;
	position:relative;
	left:15px;
}

#errors ul
{
	position:relative;
	left:40px;
	top:3px;
	padding-bottom:5px;
}

#errors li
{
	list-style-type:disc;
}

/***********timers**********************/

#timers
{
	margin-left:20px;
	font-size:11pt;
}

.timer
{
	color:#1e4fad;
	margin-left:5px;
}

/************user login**************/

#user
{
	position:absolute;
	left:187px;
	top:70px;
	color:#fff;
}

#user-login
{
	position:absolute;
	left:602px;
	top:35px;
}

#user-login input
{
	width:120px;
	height:19px;
	font-family:Calibri;
	color:#a9a9a9;
	margin-bottom:2px;
	
}



