/**
/**
 * Licensed to The Apereo Foundation under one or more contributor license
 * agreements. See the NOTICE file distributed with this work for
 * additional information regarding copyright ownership.

 * The Apereo Foundation licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except in
 * compliance with the License. You may obtain a copy of the License at:
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html{
	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;;

}

body{
	margin:0px;
	padding:0px;
    background: #b3b3b5;
    font-size:1em;
}

/*body, p, div, a, button, input, h1, h2, h3, h4, i, span, * {font-family: "Open Sans", sans-serif;}*/

.topbar,.edit_topbar{
	height:80px;
	background-image:url(../images/TopBar.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	/* width:910px; */
}

.bottombar,.edit_bottombar{
    height:30px;
    background-image:url(../images/TopBar.jpg);
    background-repeat:repeat-x;
    margin:0 auto;
    width:910px;
}

.title_holder{
	background-color:rgba(77,88,94,0.8);
	min-height: 100px;
  max-height:150px;
  overflow:hidden;
	padding:15px;
}
.title_welcome{
	float:left; 
	position:relative; 
	font-size:260%;
	color:white;
	width:450px;
	margin:10px 0 0 0;
  font-family: Arial, sans-serif;
	line-height:98%
}
h1.title_welcome {
	font-weight: normal;
}
.title{
	border-bottom:#f3eee2 1px dotted;
	color:#aa9d71;
}

.title p{
	font-size:200%;
	margin:5px 0px;
}

.mainbody{
	width:910px;
	height:525px;
	margin:0 auto;
	background-image:url(../images/10046dtp.jpg); 
}

.mainbody_left{
	float:right;	
	position:relative;
}

.mainbody_div{
	background-position:top left; 
	background-repeat:no-repeat; 
	/* background-image:url(../images/BackgroundLogin.gif); */
	float:left; 
	position:relative; 
	width:362px; 
	height:415px; 
	padding-top:380px;
}

.mainbody_holder{
	float:right; 
	position:relative; 
	width:350px;
	text-align:right;
	color:#fff;
}

.mainbody_div_2{
	float:right;
	position:relative; 
	width:250px;
}

.intro{
	font-weight:bold;
}

.top_left{
	float:left; 
	background-position:top left; 
	background-repeat:no-repeat;
}

.top_right{
	float:right; 
	background-position:top right;
}

.bottom_left{
	float:left; 
	background-position:bottom left;
	
}

.bottom_right{
	float:right; 
	background-position:bottom right;
}

.sign_in_TL{
	background-image:url(../images/RoundCornerTL.gif); 
	margin-bottom:10px;
}

.sign_in_TR{
	background-image:url(../images/RoundCornerTR.gif); 
}

.sign_in_BL{
	background-image:url(../images/RoundCornerBL.gif); 
}

.sign_in_BR{
	background-image:url(../images/RoundCornerBR.gif); 
}

.m_b_d_2_child{
	background-repeat:no-repeat; 
	width:100%; 
	height:100%;
}

.bottom_right p{
	padding:5px 0 0 10px; 
	color:#645f4f; 
	font-weight:bold;
}

.bottom_right div{
 	
	float:left; 
	padding-right:20px;
	
}

.bottom_right div form{
	float:right;
}

.bottom_right div form p{
	float:left; 
	margin:0px;
	font-weight:normal;
	color:#000; 
	padding:10px 1px 1px 10px;
}

.border{
	
	height:1px; 
	width:98%; 
	float:left; 
	position:relative; 
	border-bottom:#cccccc 1px solid; 
	line-height:1px; 
	margin:12px 10px 0 10px;
	overflow:hidden
	
}

.copyright{
	width:100%;
	text-align:left;
	color:#645f4f;
	margin:10px;
	width:50%;
	float:left;
	position:relative;
	font-size:85%;
}
.footerlogos{
	float:right;
	height: 50%;
	position:relative;
	margin-top:-10px;
	margin-right:12px;
}

.news{
	background-color:#f9f7f2; 
	float:left; 
	margin:10px 0 20px 0;
	width:250px;
}

.news_title{
	padding:10px 0 10px 10px;
	color:#f86718; 
	margin:0px;
	font-size:150%;	
}
h1.news_title {
	font-weight: normal;
}


.news_story{
	padding:0 0 10px 10px; 
	margin:0px; 
	font-size:85%;	
	color:#000000; 
}

.news_story a{
	font-weight:normal;
	color:#000;
}

.highlightbox .news_title{
	padding:10px 0 10px 10px;
	color:#fff; 
	margin:0px;
	font-size:150%;	
}

.highlightbox .news_story{
	padding:0 0 10px 10px; 
	margin:0px; 
	font-size:85%;	
	color:#fff; 
}

.highlightbox .news_story a{
	font-weight:normal;
	color:#fff;
}

.tutorials{
	background-color:#f9f7f2;
    background: RGBa(240,240,240, 0.5);
	float:left; 
	width:260px;
	height:395px;
}

.tutorials a{
    color: #f86718;
}

.tutorials_title{
	padding:10px 0 10px 10px;
	font-weight:bold; 
	color:#645f4f; 
	margin:0px;
}

.tutorials_story{
	padding:0 0 10px 10px; 
	margin:0px; 
	color:#000000; 
}

.tutorials_story a{
	font-weight:normal;
	color:#000;
}

.general{
	font-weight:normal;
	padding:0 10px 5px 10px;
	margin:0px;
	font-size:85%;
}

.general_t{
	font-weight:normal;
	background-color:#4d585e; 
	color:#d2e4e8;
	padding:5px 10px 5px 10px;
	margin:0px;
	margin-bottom:5px;
	font-size:85%;
}

/* 2nd page css code */

.pagecontainer{
	margin:0 auto; 
	width:910px;
	background-color:#ededed;
}

.bottompart{
	margin:0 auto; 
	width:910px;
}

.buttonbar{
	margin:0 auto; 
	padding-top:6px;
	/* padding-bottom:5px; */
	background-color:#ededed;
}

.userbar {
    float:right;
	padding-right:10px;
    margin:0;
    color:#a01a13;
}

.file_mgt_area{
	float:left; 
	width:572px; 
	position:relative; 
	margin:0 10px 0 10px;
	padding:10px;
	background-color:#fff; 
	border-radius:5px;
	border:#ccc 1px solid; 
}

.file_mgt_area_top{
	float:left;
	position:relative; 
}

.heading{
	/* color:#ffffff; */
	padding:0px; 
	margin-left:10px;
	margin-bottom:1px;
    text-align:left;
}

h1.heading {
	font-size: inherit;
    margin: 10px 0px 1px 10px;
}

.file_mgt_area_middle{
	float:left; 
	position:relative; 
	width:98%;
	border:1px #f3eee2 solid; 
	background-color:#fff; 
	margin:5px;
	padding:5px;
    /* height: 100%;
    overflow : hidden;
    */
}

.file_mgt_area_middle_button img, .file_mgt_area_middle_button button {
	margin:4px;
}

.file_mgt_area_buttons{
	height:25px;
    margin-left: 12px;
	margin-top:6px;
}

.file_mgt_area_middle_button_left{
	float:left; 
	position:relative; 
	padding-right:10px;
	border-right:#b6b3a8 1px solid; 
	margin-right:10px;
}

.file_mgt_area_middle_button_right{
	float:left;
	position:relative;
}

div#file_area div p{
	font-weight:bold; 
	font-size:85%; 
	margin:0px;
}

.file_mgt_area_bottom{
	width:100%;
	float:left; 
	position:relative;
	background:#4d585e;
	height:40px;	
	color:#ffffff;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	padding:0;
}

div.separator {
    /* height: 20px; */
    width: 100%;
    background: #4d585e;
}

.demo{
	margin:0px; 
	color:#000; 
	margin:0px; 
	padding:0px 10px 10px 10px; 
	font-size:85%;
}

.demo a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.help{
	float:left; 
	width:100%;  
	margin-left:10px;
	height:130px;
	min-height:130px;
	overflow:auto;
    text-align: left;
}

.highlightbox {
	background:#4d585e;
	margin-right:20px;
	height:130px;
	border-radius:3px;
    text-align: left;
    overflow: auto;
}

.new_template_area{
	width:270px;
	margin:0px;
	margin-right:10px;
	background-color:#86999d; 
	float:right; 
	position:relative; 
	color:#000000;
	padding:5px;
	border-radius:3px;
}

.new_template_mod{
	background-color:#4d585e; 
	margin-bottom:0px;
}

.new_template_area_middle{
	float:left; 
	position:relative; 
	background-color:#fff; 	
	padding:1px;
}

.new_template_area_middle_scroll{
	float:left; 
	position:relative; 
	width:100%; 
	/* overflow:scroll;
	overflow-x:hidden;
	height:372px; */
}

.template{
	float:left;
	position:relative;
	padding:0px;
	border-bottom:1px #758389 dotted; 
	margin:5px 0 10px 10px; 
	padding-bottom:10px;
}

.template_icon{
	float:left; 
	position:relative; 
	width:14px; 
	height:20px; 
	background-repeat:no-repeat; 
	background-position:top;
	margin:5px 5px 0 0;
}

.template_icon.nottingham,
.template_icon.multipersp,
.template_icon.mediainteractions {
	background-image:url(../images/Icon_Page_nottingham.gif);
}

.template_icon.rss {
	background-image:url(../images/Icon_Page_rss.gif); 
}

.template_icon.site {
	background-image:url(../images/Icon_Page_site.gif); 
}

.template_icon.decision {
	background-image:url(../images/Icon_Page_decision.gif); 
}

.template_desc{
	float:left; 
	position:relative; 
	font-size:85%; 
	width:80%;
	margin-top:5px
}

.template_name, .parent_template{
	margin:0px;
	font-weight:bold;
	/* width:200px; */
	font-size: 1.1em;
}

.template_desc_p{
	margin:3px 0 13px 0;
}

.template_desc a{
	padding:10px 0 0 0;
	color:#000000;
	font-weight:bold;
}

.template_border{
	margin:5px auto; 
	width:290px; 
	background-color:#b6b3a8; 
	height:1px; 
	overflow:hidden
}

.template_name{
	font-weight:bold;
}

.new_template_area_middle_scroll p a{
	color:#000;
	font-weight:bold;
}

.rename{
	float:left;
	position:relative;
	padding:5px 0 0 20px; 
	margin:0px; 
	overflow:hidden;
	display:none;
	clear:left;
	width:100%;
}

.rename span{
	margin:5px 0 0 0; 
	padding:0px; 
	font-size:85%;
}

.rename form{
	margin:5px 0 0 0; 
	padding:0px;
}

.rename input{
	width:130px;
}

select.select_template {
	margin-bottom: 3px;
	padding: 3px 0px;
	min-width:130px;
}

.form_button_pad{
	margin:5px 0 0 0; 
	padding:0px
}

div#file_area{
	/* height:300px; */
	/* overflow:scroll; */
	float:left; 
	position:relative; 
	width:100%;
	background-color:#fff;
}

.info_header{
    font-weight: bold;
    padding:4px;
}
.projectInformationContainer {
	font-size: 1.0em;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 25px;
}
.projectInformationContainer p{
    padding: 4px;
}

.folder{
	float:left;
	position:relative;
	height:25px; 
	width:95%; 
	padding-left:5px; 
	z-index:0;	
}

.file{
	float:left; 
	position:relative; 
	height:25px; 
	width:95%; 
	padding-left:20px;
	z-index:1;
}

.folder_content{
	display:none;
	padding-left:15px;
}

div#folder_workspace, div#recyclebin{
	margin:0px;
}

.workspace{
	display:block;
}

.workspace_search_outer
{
	float:left;
	margin:5px 5px 5px 5px;
	padding-right:10px;

}

.workspace_search
{
    margin:3px 10px 3px 3px;
    width:100%;
}

.workspace_search input{
    padding: 2px;
    width: 110px;
}

div#workspace{
    margin-bottom: 10px;
}

.treeview {
    float: left;
    width: 30%;

}
.project_information {
    width:30%;
    float:left;
}
#project_information textarea {
	width: 96%;
}

.error {
    color: red;
    font-weight:bold;
    display: inline;
}

.info {
    color: blue;
    font-weight:bold;
    display: inline;
}

.ok  {
    color: green;
    font-weight:bold;
    display: inline;
}

#language-selector {
	border-radius:4px;
	padding:2px;
	margin:0;
}

#sort-selector {
    background-color:#fff;
    border-radius:4px;
    border:#fff 1px solid;
    padding:2px;
    margin:0;
}

.xerte-icon {
    margin-left: 2px;
    margin-right: 2px;
}

.xerte_input_box {
	width:140px;
	border-radius:3px;
	border-style:none;
	padding:3px;
}

div.ui-layout-west, div.ui-layout-east {
    background: #b3b3b5;
    padding: 8px 8px 8px 8px;
}

div.ui-layout-center {
    background: #b3b3b5;
    padding: 8px 0px 8px 0px;
}

#pagecontainer .header {
    background-image: none;
    background-color: #f0f0f2;
    padding: 10px 5px;
    height: 56px;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
    /* font-weight: bold; */
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#pagecontainer  .footer {
    border: 0;
    background: #4D585D;
    color: white;
    bottom: 15px;
    padding: 3px 10px;
    font-size: 0.85em;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    height: 47px;
    border-top: 1px solid #777;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#pagecontainer  .content {
    padding:	5px;
    position:	relative;
    overflow: 	auto;
    background: #fff;
}

.statistics
{
	padding: 10px;
}

.dashboard-wrapper
{
	display: none;
	position: absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background: #b3b3b5;
	z-index: 3;
	padding: 5px;
}

.dashboard{
	width:100%;
	height: 100%;
	/* overflow:auto; */
	border-radius : 4px;
	background:#eee;

}

.xerte_info_button {
	color:#f86718;
}
.featherlight iframe {
	height: 90vh;
	width: 90vw;
}

.settingsDropdown {
	display: inline-block;
}

.warning {
	color: red;
}

/*class for hidden screenreader only content*/
/* colour is black on white to surpress contrast errors from some accessibility checkers */
.sr-only {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	background-color: white;
	color: black;
}

.lockFileContent {
	background: white;
	min-height: 100vh;
	margin: 0;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.lockFileContent header, .lockFileContent main, .lockFileContent footer {
	width: 100%;
}

.lockFileContent header {
	min-height: 50px;
}

.lockFileContent main > div {
	padding: 1em;
}

.lockFileContent p:first-of-type {
	margin-top: 0;
}

.lockFileContent footer > div {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #ccc;
}

.lockFileContent footer {
	min-height: 50px;
}