@charset "utf-8";
/* Document that defines the broad layout of all proteus pages */
html {
	font:16px arial, sans-serif !important;	
}
body {
	background-color:#E9EAED;
	margin: 0;
}
h1 {
	text-align:center;
	font-size:24px;
	margin:10px
}
.button {
	height:30px;
	min-width:100px;
	border-radius:30px;
	background: linear-gradient(rgb(240,240,240),rgb(200,200,200));
	border: solid 1px rgb(200,200,200);
	outline:none;
	padding: 5px 10px;
}
.button:hover{
	background: linear-gradient(rgb(220,220,220),rgb(180,180,180));
}
.button:active{
	background: linear-gradient(rgb(200,200,200),rgb(160,160,160));
}
.button:disabled {
	background:	linear-gradient(rgb(220,220,220),rgb(220,220,220));
}
#body {
	width:1000px;
	background-color:#fff;
	min-height:100px;
	position:absolute;
	top:30px;
	left:0;
	right:0;
	margin: 16px auto;
	padding: 0 0 5px 0;
}
#welcomeMessage {
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
.divider {
	border-color:rgba(225,225,225, 0.3);
	margin: -5px 0
}
.link {
	color:#00C;
	cursor:pointer;
	text-align:left;
	text-decoration:underline;
	font-size:16px;
	padding:4px;
	display:inline;
}
.textField {
	width: calc(100% - 14px);
	height:30px;
	background: linear-gradient(rgb(240,240,240),rgb(253,253,253));
	border: solid 2px rgb(200,200,200);
	border-radius:5px;
	font-size:18px;
	padding: 0 5px;
	outline:none;
}
.selectField {
	width:100%;
	height:30px;
	background: linear-gradient(rgb(240,240,240),rgb(253,253,253));
	border: solid 2px rgb(200,200,200);
	border-radius:5px;
	font-size:16px;
	padding: 0 5px;
	outline:none;
}
.selectField:disabled {
	background: linear-gradient(rgb(216,216,216),rgb(232,232,232));	
}
.searchField{
	width: 300px;
	height:20px;
	background-color:#eee;
	background: linear-gradient(rgb(240,240,240),rgb(253,253,253));
	border: solid 2px rgb(200,200,200);
	border-radius:5px;
	font-size:16px;
	padding: 0 5px;
	outline:none;
	position:relative;
}
.searchFieldInput {
	width: 275px;
	background: linear-gradient(rgb(240,240,240),rgb(253,253,253));
	border: none;
	border-radius: 5px;
	font-size: 14px;
	outline: none;
	height: 16px;
	padding: 2px 6px;
	position: absolute;
	left: 0;
}
.searchFieldEnter {
	border-left:1px solid #ddd;
	position:absolute;
	right:0;
	padding:0 2px;
	cursor:pointer;
}
.dialogueHeader {
	width:100%;
	text-align:center;
	height:35px;
	font-size:16px;
	line-height:35px;
	background-color:#5c76b4; /*Fallback colour incase browser doesn't support linear gradient*/
	background: linear-gradient(#6e89c4, #5c76b4);
	border-radius: 5px 5px 0 0;	
	color:#fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor:default;
}
.bottomButtonsDialogue {
	text-align: center;
	padding: 10px 0 10px 0;
	border-top: solid 1px #ccc;
	position: absolute;
	width: 100%;
	bottom: 0;
}
.fieldPadding {
	padding:10px 10px 0px 10px;	
}
.fieldPadding:last-child {
	padding:10px;	
}

/*Styling for breadcrumbs*/
#breadcrumbsBackground {
	width:100%;
	height:40px;
	background: linear-gradient(rgb(240,240,240),rgb(253,253,253),rgb(240,240,240));
	display:block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor:default;
}
#breadcrumbs {
	list-style:none;
	max-height:40px;
	min-height:40px;
	padding:0;
	margin:0px;
	overflow-x:hidden;
	overflow-y:auto;
}
#breadcrumbs li{
	float:left;	
	color: white;
	text-decoration: none; 
	padding: 10px 5px 10px 25px;
	background: #6e89c4;
	position: relative; 
	display: block;
}
#breadcrumbs li:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 15px solid #6e89c4;
	position: absolute;
	top: 50%;
	margin-top: -20px; 
	left: 100%;
	z-index: 2; 
}	
#breadcrumbs li:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 20px solid transparent;       
	border-bottom: 20px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 50%;
	margin-top: -20px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}
#breadcrumbs li:first-child {
	padding-left: 10px;
}
#breadcrumbs li:hover {
	background-color: #5c76b4;
}
#breadcrumbs li:hover:after {
	border-left-color:#5c76b4;
}
#breadcrumbs li:active {
	background-color: #4e68a9;
}
#breadcrumbs li:active:after {
	border-left-color:#4e68a9;
}

#stationExp {
	width: 950px;
	background-color: #fff;
	border-radius: 5px;
	margin: 10px auto;
	box-shadow: 0 0 6px 3px #888888;
}
#stationExpInner {
	padding:20px;	
}
#msgTextContainer {
	width:930px;
	padding:10px;
	height:440px;
	background-color:#999;
}
#msgText {
	height:436px;
	width:926px;
	padding:2px;	
}
/*Styling for station folder structure*/
.folder {
	margin-right:auto;
	margin-left:auto;
	margin-top:8px;
	margin-bottom:16px;
	list-style:none;
	padding:0;
	width:100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.Item {
	background-color:#ECEEF2;
	margin-bottom:5px;
	position:relative;
}
.hierarchyStationItem {
	background-color:#DCDEE2;
	margin-bottom:5px;
	position:relative;
}
#folderContainer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#smallFolderContainer {
	width:910px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
.bottomButtons {
	text-align:center;
	padding:0px 10px 10px 5px;
}
.sectionHeader {
	color:#999;
	border-bottom: solid 1px #ddd;
	text-align:left;
	padding-bottom:4px;	
}