/**
 * 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.
 */
 
body{
	font-family:"Open Sans", sans-serif;;
	font-size:75%;
}

.properties_main{
	width:590px;
	margin:10px;
	padding:10px;
	background-color:#fff; 
	border-radius:5px;
	border:#ccc 1px solid; 
}

.main_area{
	color:#000; 
	background:#ededed;
	border-radius:3px;
	margin:0px;
	padding:10px;
}

span#title{
	font-weight:bold; 
	float:left;
	color:#000;
}

div#data_area{
	float:right; 
	position:relative; 
	background-color:#ededed; 
}

div#dynamic_area{
	float:right;
	background-color:#fff;
	width:410px; 
	height:520px;	
	overflow:scroll;
	border-top-left-radius:7px;
}

div#dynamic_area form#rename_form{
	display:inline; 
	margin:0px; 
	padding-left:10px;
}

div#dynamic_area p{
	width:373px; 	
	padding:10px 10px;
	margin:0px;
}

div#dynamic_area p#button_para{
	width:373px; 	
	padding:5px 0 0 0;
	margin:0px;
}

div#dynamic_area button_p{
	width:373px; 	
	padding:0px;
	margin:0px;
}

div#display_area{
	background-color:#fff;
}

div#display_area img{
	padding-left:10px;
}

div#dynamic_area p span{
	font-weight:bold;
}

div#dynamic_area a{
	color:#007;
}

.header{
	background-color:#4d585e;
	color:#fff;
}

div#dynamic_area form{
	padding-left:10px;
}

.form_image_side{
	vertical-align:middle; 
}

.form_image_bottom{
	padding-top:10px;
}

.template_file_area{
	margin:7px 0 0 7px; 
}

.filename{
	float:left;
	width:150px; 
	padding:7px;
	border-bottom:1px solid #ededed;
	border-right:1px solid #ededed;
	font-weight:bold;
	background-color:#0f0;
	clear:left;
}

.filesize{
	float:left;
	width:70px;
	padding:7px;
	border-bottom:1px solid #ededed;
	border-right:1px solid #ededed;
	font-weight:bold;
}

.fileinuse{
	float:left;
	width:80px; 
	background-color:#0f0; 
	padding:7px;
	border-bottom:1px solid #ededed;
	font-weight:bold;
}

.notfound{
	background-color:#fff;
}

.found{
	background-color:#ededed;
	border:1px #fff solid;
}

.notfoundtextcolor{
	color:#afafaf;
}

.foundtextcolor{
	color:#336600; 
}

div#security_list p{
	width:370px;
	margin:4px;
	padding:4px;
}

.share_files_img{
	padding-left:10px;
}

.share_top{
	background-color:#f8f7f2; 
	float:left; 
	position:relative;
}

.share_border{
	border-bottom:1px dotted #a8b2b5; 
	margin:0px;
	padding:0px; 
	width:100%;
}

.share_intro_p{
	border-bottom:1px dotted #a8b2b5;
}

/* end of dynamic area */

div#menu_tabs{
	width:149px; 
	float:right; 
	position:relative;
}

/*
86 99 9d 86999d
9b b1 bd 9bb1bd
4d 58 5e 4d585e
*/

.tab{
	float:right; 
	position:relative; 	
	background-color:#a4b6bf;
	border-bottom-left-radius:7px;
	border-top-left-radius:7px;
	cursor:hand;
	cursor:pointer;
	color:#fff;
}

.tab_selected{
	float:right; 
	position:relative; 	
	background-color:#fff;
	border-bottom-left-radius:7px;
	border-top-left-radius:7px;
	cursor:hand;
	cursor:pointer;
	color:#000;
}

.tab p,.tab_selected p{
	margin:10px; 
	font-weight:bold;
	width:130px;
}

.tab_spacer{
	float:right; 
	position:relative; 
	width:147px; 
	height:3px; 
	background-color:#ededed; 
	overflow:hidden; 
	border-right:1px #ededed solid;
}

div#publish label{
	display:inline-block;
	width:150px;
	margin-left: 10px;
	padding: 4px;
}

div#publish input {
	margin-left: 10px;
	padding: 4px;

}
p#result_message {
	color:#ff0000;
}