/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/*html, body{
height:100%;
width:100%; 
margin:0;
padding:0;
}*/

#divContent
{
/*	height:600px;*/
/*	width:100%;*/
/*	margin:10px;*/
	height:100%;
}

#divTree
{
float:left;
width:15%;
height:100%;
/*border-top:solid 1px #9cbdff;*/
overflow: auto;
/*margin:5px;*/
}

#divFileList
{
float:right;
width:85%;
height:100%;
overflow:auto;
}

body {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

#divLogonTitle
{
	position:absolute;
}

a:link, a:visited
{
    color: rgb(0,0,0);
    text-decoration: none;
    border:0px none;
}

a:hover 
{
	color:red;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
/*    color: #000;*/
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page 
{
/*	padding:10px;*/
/*width:100%;
height:100%;
padding:0px;
margin:0px;*/
}

header, #header 
{
	background-repeat: no-repeat; 
	display:inline-table;
	width:100%;
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    text-align: center;
    line-height: normal;
    margin: 0 0 0 0;
    clear:both;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"],
input[type="number"],
input[type="date"] {
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
}

input[type="submit"] {
/*    font-size: 1.2em;
    padding: 5px;*/
}

/* TABLE
----------------------------------------------------------*/
#main table .root-permission
{
    height:40px;
    line-height:40px;
    background: rgb(243, 248, 254);
}
#main table .root-permission td
{
    font-weight: bold;
}

#main table .checkbox-column
{
    max-width: 80px;
    width: 120px;
}

#main table .permission-name
{
    max-width: 150px;
    width: 270px;
}
#main table.permission-table tr:hover
{
    background:rgb(200, 220, 230);
}
/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    text-align: right;
    /*margin: 10px 10px 0px 10px;*/
    float:right;
    /*height:40px;*/
/*    line-height:20px;*/
    z-index:0;
    margin-top:10px;
   line-height:36px;
}

#logindisplay span {
   display: block;
   float: left;
   margin-left: 5px;
   height:36px;
}

#logindisplay a:link {
    text-decoration: none;
}

#logindisplay a:visited {
    text-decoration: none;
}

#logindisplay a:hover 
{
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

#divUserName, #divPassword
{
	clear:both;
}

/*#divUserName
{
	margin-bottom:20px;
}*/

#divUserNameLabel, #divPasswordLabel
{
	display:inline-block;
	padding:0px;
	float:left;
	position:relative;
}

#divRememberPassword
{
	display:inline;
	position:relative;
}

#divRememberPassword span
{
	position:relative;
}

#divSubmit
{
	position:relative;
	display:inline;
}

#submitLogon
{
	cursor:pointer;
}

#destTree
{
	width:300px;
	overflow:auto;
	height:400px;
	border:1px solid rgb(220, 220, 220);
}

div.file_list_item
{
	text-align:center;
	float:left;
	width: 160px; 
	padding-top: 20px; 
	padding-right: 20px; 
	padding-bottom: 20px; 
	padding-left: 20px;
}

div.file_list_title
{
	text-align:center;
	padding-top:5px;
	width: 162px;
}

div.file_list_thumb, .file_list_select
{
	text-align:center; 
	background-color:#FFFFFF; 
	display:block; 
	background-repeat:no-repeat; 
	background-position:center center;
	overflow:hidden;
}

div.file_list_thumb
{
	border:solid 1px #DDDDDD; 
	padding:1px; 
}

div.file_list_select
{
	border:solid 3px #0A246A; 
	padding:0px; 
	margin:14px 0px 0px 0px;
}

div.file_list_folder_thumb
{
	text-align:center; 
	background-color:transparent; 
	display:block; 
	background-repeat:no-repeat; 
	background-position:center center;
	overflow:hidden;
	background-image:url('images/folder_item_bk.gif');
}

table.thumb_table
{
	height: 100%; 
	width: 100%;
}

table.thumb_table td
{
	vertical-align:middle;
}

.tableMain
{
	width:100%;
}

.tableMain td
{
	vertical-align:top;
}

.current
{
	font-weight:bold;
}

.do
{
	width:165px;
	height:21px;
	text-align:center;
	line-height:24px;
	padding-top:3px;
	margin-top:5px;
	background-image:url("images/sr_block_do.gif");
	margin-bottom:0px;
}

#tdTree
{
/*	width:300px;*/
}


#LabelResultCount
{
	padding-left:25px;
	padding-top:10px;
	display:inline-block;
}
#LabelFolderPath
{
	padding-left:10px;
	padding-top:10px;
	display:inline-block;
}

#leftside
{
    width: 25%;
    float: left;
}

#leftside table 
{
    width: 100%;
}
.divLeft
{
	float:left;
}


.divRight
{
	float:right;
}
.divRightTitle
{
	width:160px;
	float:left;
	font-weight:bold;	
	margin-left:-10px;
}
.divRightExplain 
{
	float:left;
}
.divRightExplainNoFloat 
{
	margin:0;
}
.divRightUnderline
{
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px dotted #b2b2b2;
	clear:both;
}
.divRightBottom
{
	height:25px	;
}
#LableSelectionSet
{
	display:inline-block;
	padding-right:5px;
}

.select
{
	cursor: pointer;
}

#main {
/*	border:1px solid #c4d5e0;*/
	color:#404040;
	line-height:200%;
}

#main h3
{
	font-size:12px;
	font-weight:400;
	margin-top:10px;
	padding-left:11.5em;
}

#main table
{
	border-collapse:collapse;
	border-spacing:0;
	width:97%;
	border:solid 1px #a2cbff;
	table-layout:fixed;
}

#main table caption
{
	text-align:left;
	height:21px;
	color:#fc6210;
	font-weight:700;
}

#main table th
{
	height:29px;
	text-align:center;
	border-top:solid 1px #a2cbff;
	border-bottom:solid 1px #aec7e5;
	background-image:url("images/bg_thead_grade.png");
	background-repeat:repeat-x;
	background-color:Transparent;
	padding:0px;
}

#main table td
{
	text-align:center;
	padding:5px;
	border-bottom:1px solid #a2cbff;
}

#main fieldset
{
	margin: 10px;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

.h2-title
{
	height:30px;
	line-height:30px;
	color:#014d7f;
	font-size:14px;
	background-color:rgb(243, 248, 254);
	margin:0px;
}

.h2-title .entity
{
	padding-left:10px;
	display:block;
	background-color:Transparent;
}

.event_list 
{
    overflow-y:scroll;
    height: 300px;
    list-style: none;
    margin-left: 0;
}
.event_list label
{
    width:100%;
}
.data_list
{
	margin:15px 0px 20px 25px;
}

#create_new a:link, #create_new a:visited
{
	color:#fc6210;
}

.entity-h3
{
	width:8.5em;
	text-align:right;
	color:#fc6210;
	font-weight:700;
}

.entity-h3 a
{
	margin-left:20px;
}
.AddDeltentity-h3
{
	width:100%;
	text-align:left;
	color:#fc6210;
	font-weight:700;
}

.AddDeltentity-h3 a
{
	margin-left:25px;
}

.back_to_list
{
	margin-left:15px;
}

.back_to_list a
{
	padding-right:10px;
}

#selectGroupsAndUsers
{
	display:none;
}

#Step_Table a
{
	margin-left:10px;
}

.single_line
{
	display:inline-block;
}

#FlowInstanceName
{
	width:20em;
}

img
{
	border:0px none;
}

#divFileViewMain
{
	margin-left:auto;
	margin-right:auto;
/*	width:800px;*/
}

#divFileViewMain table
{
	text-align:center;
}

#divTitle
{
	font-size:24px;
	padding:10px;
}

.prev, .next
{
	cursor:pointer;
	width:55px;
}

.prevIcon, .nextIcon
{
	width:55px;
	height:95px;
	display:block;
}

.prevIcon
{
	background-image: url("images/prev.gif"); 
}

.nextIcon
{
	background-image: url("images/next.gif"); 
}

a.normal_page, a.current_page
{
	margin-left: 0.7em;
}

a.current_page
{
	color: rgb(128, 0, 0);
}

#divSelectionSetOP
{
	height:36px;
	line-height:36px;
}

#formFuzzySearch
{
	display:inline;
}

#tableKeywords, #tableSearchTreeNodes
{
	text-align: left; 
	border-collapse: collapse;
	margin:20px;
}

.tableKeywords1
{
    width: 500px; 
    display: none; 
    margin: 0; 
    padding: 0;
}

p.keywordGroupName
{
	font-weight: bold;
    line-height:12px;
	margin-top:15px;
	margin-bottom:5px;
}
p.keyword
{
	line-height:24px;
    margin:0px;
}

td.keywordGroupName
{
	font-weight: bold;
    line-height:12px;
    width:70px;
    color:#666666;
    height:40px;
}
p.keywords
{
	font-size:12px;
	color:#666666;
}

.keyword_splitter
{
	margin-left:10px;
	margin-right:10px;
}
.splitterLine
{
	background-image:url('images/bdot.gif');
	height: 1px;
	overflow:hidden;
	border:0px none;
}
.keywords a
{
	text-decoration:none;
	color:#666666;
	padding:2px;
	height:20px;
	line-height:20px;
}
.keywords a:visited
{
	color:#666666;
}
.keywords a:hover
{
	color:red;
}

.DropDownArrow
{
	width:0px;
	height:0px;
	line-height:0px;
	padding-top:0px;
	font-size:0px;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
	border-width:3px 3px 0px 3px;
	border-style:solid dashed dashed dashed;
	display:inline-block;
	position:relative;
	left:4px;
	top:-1px;
}

.DropDownArrowWrapper
{
	line-height:27px;
	display:inline-block;
	width:40px;
}

.MoreList
{
	border:1px solid #bebebe;
	position:absolute;
	background-color:#ffffff;
	text-align:left;
	left: auto; 
	right: 20px; 
	display:none;
}

.MoreList ol
{
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
	padding:10px;
	margin:0px;
}

.MoreList li
{
	line-height:27px;
}

#divFileListPager
{
	margin-bottom:10px;
}

#divFileListPager table
{
	margin:0px auto 0px auto;
}

#FileListHeader .divRight
{
	/*height:36px;*/
	line-height:36px;
	z-index:0;
}

/*#divPager table
{
	margin:0px auto 0px auto;
}*/

#divProperties
{
	text-align:left;
}

#divPromptForClickKeywords
{
	margin-left:20px;
	margin-top:20px;
}

.keywordSelected
{
	background-color:Yellow;
}

.linkKeyword
{
	background-image: url("images/detail_dot.png"); 
	background-position:right -102px;
	padding-right:23px;
	margin-right:20px;
	background-color:rgb(49, 100, 175);
	color:#fff;
	height:18px;
	line-height:19px;
	padding-left:3px;
	display:inline-block;
	padding-top:1px;
	background-repeat:no-repeat;
}

a.linkKeyword:visited
{
	color:#fff;
}

#divDesc
{
	max-width:600px;
}

#linkMore
{
	line-height:36px;
}

.keywordGroupName a, .keywordGroupName a:visited
{
	color:#666666;
}

.keywordGroupName a:hover 
{
	color:red;
}

#TableProperty
{
	margin-left:20px;
}

.NameCell
{
	color:#707070;
	text-align:right;
/*	width:50px;*/
	border-bottom-style:dotted;
	border-bottom-width:1px;
	height:27px;
	padding-right:5px;	
}
.ValueCell
{
	color:#707070;
	text-align:left;
/*	width:100px;*/
	border-bottom-style:dotted;
	border-bottom-width:1px;
	height:27px;
	padding-left:5px;
}
.SeperatorCell
{
	width:15px;
}

#container {
    width: 100%;
    height: 100%;
    background-color: black;
    border: 1px solid black;
    color: white;   /* text color for messages */
}

#function_list
{
	width:156px;
	margin: 10px 10px 0px 0px;
	float:left;
}

#title_bar
{
	height:30px;
}

#title_bar_left
{
	width:8px;
	background: url(images/menubar_left.png) no-repeat;
	float:left;
	height:30px;
}

#title_bar_mid
{
	width:139px;
	background: url(images/menubar_middle.png) repeat-x;
	float:left;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#ffffff;
}

#title_bar_right
{
	width:9px;
	background: url(images/menubar_right.png) no-repeat;
	float:left;
	height:30px;
}

#function_list_body
{
	border-left:1px solid #D7D9DC;
	border-right:1px solid #D7D9DC;
	border-top:0px solid #D7D9DC;
	border-bottom:1px solid #D7D9DC;
}

#function_list_body dl,dd,dt
{
	margin:0px;
}

#function_list_body dt
{
	font-size:14px;
	height:28px;
	line-height:28px;
	padding:0px 12px 0px 12px;
	margin-bottom:-1px;
	border-color:#D7D9DC;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	position:relative;
	background-color:#F4F4F5;
	margin-top:0px;
	letter-spacing:3px;
}

#function_list_body dd
{
	padding:4px 0px 5px 0px;
}

#function_list_body dd .function_item
{
	padding:2px 0px 2px 12px;
	height:25px;
	line-height:150%;
	letter-spacing:3px;
}

#function_list_body a:link, #function_list_body a:visited
{
	color:#333333;
	text-decoration:none;
}

#function_list_body a:hover
{
	color:#EB7125;
}

#tdFunctionList
{
	width:156px;
}

#CreateNew
{
	margin-top:5px;
	margin-bottom:5px;
}

#main #Subgroup_Table td
{
	text-align:left;
}

#linkLogin
{
	position:absolute;
}

.LogonBkImgBox
{
	position:absolute;
/*	background-repeat:no-repeat;*/
}

#divLogo
{
	background-repeat:no-repeat;
	position:absolute;
}

#divBK
{
	position:absolute;
	width:100%;
	height:100%;
	z-index:-100;
}

#FileListHeader table
{
	width:100%;
}

#divMain
{
/*	padding:10px;*/
}

a.keyword_more:link, a.keyword_more:visited, a.keyword_fold:link, a.keyword_fold:visited
{
    color: rgb(0,10,170);
}

div.empty_folder
{
	display:block;
	width:150px;
	height:150px;
}

#divEnterAsGuest
{
	position:relative;
}

.panelTable
{
	width:100%;
	height:100%;
}

#tdPreviewImage
{
	width:200px;
}

#divFileViewMain .PropSectionTable
{
	text-align:left;
}

.PropLineTitleTd
{
	font-weight:bold;
}

.SectionTitle
{
	font-weight:bold;
	margin-bottom:10px;
}

.Seperator
{
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px dotted #b2b2b2;
}

.HiddenSeperator
{
	margin-top:10px;
	margin-bottom:10px;
	border-top:0px none;
}

.PreviewInfo
{
	margin-top:20px;
}

#linkEditNode, #linkEditSubNodes, #linkCopyNode, #linkMoveNode
{
	margin-right:20px;
}

#DestNodePath
{
	width:400px;
}

#tdPager table
{
	margin:0px auto 0px auto;
}

#main table.text_input
{
	width:auto;
	border:0px none;
}

#main table.text_input td
{
	text-align:left;
	border:0px none;
	vertical-align:middle;
}

#main table .permission-desc 
{
    text-align: left;
}
.icon 
{
    margin-right:5px;
    vertical-align:middle;
    margin-top:-4px;
}
.permission-option
{
    margin: 0 30px 0 0;
}
.permission-option input
{
    vertical-align:middle;
}

#divBrowseForLocation
{
	display:none;
}

#divInputPresetkeywords
{
	display:none;
}

#CurrentSearchTreeName
{
	margin-bottom: 10px;
}

.statusWindow
{
    position:fixed;
    bottom:0px;
    right:30px;
    z-index:99;
    display:none;
	_position:absolute;
}
.progressWrapper {
	width: 467px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.progressName {
	font-size: 9pt;
	font-weight: 700;
	color: #555;
	width: 270px;
	height: 18px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	float:left;
}
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 20px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 150px;
	font-size: 11pt;
	font-family: Arial;
	text-align: right;
	white-space: nowrap;
	float:right;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

div.fieldset {
	border:  1px solid #afe14c;
	margin: 0 0;
	padding: 0 10px;
	height:300px;
	background:white;
	overflow-y:auto;
}

div.flash {
	width: 488px;
	margin: 0 0;
    _float:none;
	border-color: #D9E4FF;
	-moz-border-radius-topleft : 0px;
	-webkit-border-top-left-radius : 0px;
    -moz-border-radius-topright : 0px;
    -webkit-border-top-right-radius : 0px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

.swfupload {
	vertical-align:middle;
	background-image:url('images/button.png');
	z-index:0;
}
#divLayout 
{
     display:none;
}
#divBatEdit
  {
    display:none;
 }
#divFolderProperties
{
  display:none;
}
#divSelectedItemProperties
{
 display:none;
}
#divNewFolder
{
	display:none;
}
#divDeleteP2
{
	display:none;
}
#divCopy
{
	display:none;
}

#divRename
{
	display:none;
}
#divNoFuzzySearch {
	display:none;
}
.tool-box 
{
    margin:10px;
}
.tool-box div
{
    margin:5px 0;
}
.ClearFix {display:inline-block}
* html .ClearFix{height:1%}
.ClearFix{display:block}
.ClearFix:after{content:".";clear:both;display:block;height:0;visibility:hidden}
#sourceAttrs,#targetAttrs{
border:1px solid #ccc;
list-style-type:none;
-webkit-margin-before:0;
-webkit-margin-after:0;
-webkit-padding-start:0;
padding:0;
min-height:80px
}
#sourceAttrs li,#targetAttrs li
{
list-style:none;
height:33px;
line-height:33px;
padding:0 18px;
margin:0;
text-align:left;
cursor:default;
}
ol#targetAttrs,ol#targetAttrs li
{
	list-style-type:none;
}
.selected
{
	color:#000;
	background:#9BCDFF
}
.onMouseOver
{
	background:#DCEEFF
}
#sourceAttrs.mouseOver,
#targetAttrs.mouseOver
{
	border:1px solid #9BCDFF
}
#widthInputs p{
	padding:0;margin:0;height:33px;line-height:33px
	height:33px\9;line-height:33px\9;
}
#widthInputs input{width:50px;padding:3px;vertical-align:middle;}
#widthInputs select{vertical-align:middle;}
	#widthInputs textarea
	{
		width:280px;
		height:18px;
		resize: none;
		min-height:initial;
		vertical-align:middle;
		padding:3px;
	}
#widthInputs
{
padding-top: 8px;
padding-top: 18px\9;
vertical-align:middle;
}
/* Firefox 1 - 2 */
body:empty #widthInputs
{
padding-top: 19px;
}
/* Firefox */
@-moz-document url-prefix()
{
#widthInputs { padding-top: 19px; }
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #widthInputs { padding-top: 20px;}
}
x:-o-prefocus, #widthInputs {
    padding-top: 20px;
    }
doesnotexist:-o-prefocus, #widthInputs {
   padding-top:20px;
}
 @media all and (-ms-high-contrast:none)
{
	 *::-ms-backdrop, #widthInputs {padding-top:22px; } /* IE11 */
}
#widthInputs {*padding-top:7px; } /* IE7 */
.keywords a.syskey{}
.keywords a.syskey.isSelected {
	background:#39f;
	color:#fff;
}.listItemSelected
{
    background:#c8c8c8;
    color:#000;
}
.listItemOnMouseOver
{
    background:#1e90ff;
    color:#fff;
}
/*-------------------------------------
zTree Style
-------------------------------------*/
.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url(images/line_conn.gif) 0 0 repeat-y;}

.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:26px; color:#333; background-color: transparent;
	text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover {text-decoration:underline}
.ztree li a.curSelectedNode span{padding-top:0px;  line-height:16px; opacity:1;}
.ztree li a.curSelectedNode span.button{padding-top:0px;     height:16px;opacity:1;}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
	opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
	font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span {line-height:16px; margin-right:2px}
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
	border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-image:url("images/zTreeStandard.png"); *background-image:url("images/zTreeStandard.gif")}
.ztree li span.button.switch {width:18px; height:18px}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-92px 0}
.ztree li span.button.roots_close{background-position:-74px 0}
.ztree li span.button.center_open{background-position:-92px -18px}
.ztree li span.button.center_close{background-position:-74px -18px}
.ztree li span.button.bottom_open{background-position:-92px -36px}
.ztree li span.button.bottom_close{background-position:-74px -36px}
.ztree li span.button.noline_open{background-position:-92px -72px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{ background:none;}
.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close,.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_loading{margin-right:2px; background:url(images/ajaxLoader.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

.ztree li span.button.chk {width:14px; height:14px; margin:0 3px 0 0; cursor: auto; }
.ztree li span.button.chk.radio_false_full {background-position:-28px 1px}

.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -13px}

.ztree li span.button.chk.radio_false_part {background-position:-28px -27px}

.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -41px}

.ztree li span.button.chk.radio_false_disable {background-position:-28px -55px}

.ztree li span.button.chk.radio_true_full {background-position:-42px 1px}

.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -13px}

.ztree li span.button.chk.radio_true_part {background-position:-42px -27px}

.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -41px}

.ztree li span.button.chk.radio_true_disable {background-position:-42px -55px}



ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}

span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-position:-110px -80px; background-image:url("images/zTreeStandard.png"); *background-image:url("images/zTreeStandard.gif")}

ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}



#main table.hasBorderTabel{width: auto; table-layout:auto;}
#main table.hasBorderTabel th,#main table.hasBorderTabel td{border:solid 1px #a2cbff;padding-right:8px;padding-left:8px; vertical-align:middle}
#main .shortInput{width:80px;}
#main table.noBorder{width: auto; table-layout:auto; border:0}
#main table.noBorder th,#main table.noBorder td{border:none;vertical-align:middle}
#main table.noBorder .smallTD td{height:16px;line-height:16px;padding:0;color:#aaa}
.boxTab{margin:0 0 0 36px;padding:18px 0 0 0;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-padding-start:0;}
.boxTab li
{
    list-style:none;
	margin-right:18px;
	color:#888;
	float:left;
	width:100px;
	height:30px;
	line-height:30px;
	background:#f3f8fe;
	border:1px solid #a2cbff;
	border-bottom:none;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	text-align:center;
	cursor:pointer;
}
.boxTab li.currentTab
{
    background:#a2cbff;
	text-shadow:1px 1px 1px #fff;
	cursor:default;	
}
.boxTab li a{color:#666}
.boxTab li.currentTab a{color:#014d7f; font-weight:bold}
#main table.relyBoxTab	
{
    width:100%;
    table-layout:auto;
    border:none;
    margin:0 0 18px 0;
}
#main table.relyBoxTab th
{
    border:1px solid #a2cbff;
    color:#333
}
#main table.relyBoxTab td
{
    border:1px solid #a2cbff;
}
a.blueLink,a.blueLink:visited{color:#06f}
a.blueLink:hover{color:#f60;}
#selectionList{background:#fff;border:1px solid #dcdcdc;border-top:none;position:absolute;padding:1px;margin:0;}
#selectionList a{ display:block; background:#fff;padding:8px;}
#selectionList a:hover{background:#0069a1;color:#fff}
.batEditTable tr{border-bottom:1px solid #eee;border-top:1px solid #eee;}
.batEditTable td{padding:8px;}
.batEditTable{border-collapse:collapse;border-spacing:0;width:100%}
.batEditTable tr.noteTr {border-top:none;}
.batEditTable tr.noteTr td {padding:0 8px 8px 8px}
.tDnD_whileDrag{ background:#eff6ff}
#editPageUL{padding:0;margin:0; list-style:none;margin-top:8px;}
#editPageUL li{float:left;padding:6px 0;text-align:left;}
#editPageUL .onLeft{clear:both;text-align:right;padding:12px 8px 0 8px}
#editPageUL input{padding:3px}
.onMouseOverListTableTR {background:#eff6ff}
dl#user_center{cursor:pointer;display:inline;}
#user_center dt{color:#fff;display:inline;}
#user_center dd{display:none; position:absolute;color:#000;background:#F1F9DE;padding:6px 8px 5px 8px;width:68px;z-index:2;}
#user_center dd a{display:block;padding:0;margin:0;height:26px;line-height:26px;text-align:center;}

.uploadify-button
{
	background-image:none;
	background-color: transparent;
	border: none;
	padding: 0;
	color:#000AAA;
}
.uploadify1:hover .uploadify-button
{
    background-color: transparent;
    color:#FF0000;
}
.hidden{display:none}
input.datetimeInput{width:120px;}
.sorting{ background:url(images/sorting.png) right 50% no-repeat;padding-right:16px;}
.sorting.sortingasc{ background-image:url(images/sortingasc.png)}
.sorting.asc{ background-image:url(images/sorting_asc.png)}
.sorting.desc{ background-image:url(images/sorting_desc.png)}
.excel_export{ background:url(images/excel_export.png) 0 50% no-repeat;padding-left:20px;}

#divMessage
{
	display:none;
}

#spanDebug
{
	cursor:pointer;
}
#langSelector
{
/*	padding-bottom:8px;*/
	display:inline-block;
	margin-right:10px;
}
#langSelector label
{
	background:url(images/language_setting.gif) no-repeat;padding-left:20px;
}
#groupName
{
	width:232px
}
.addColumnButton
{
	width:200px;
}

#divLogonPanel
{
	float: left;
	_position:absolute;
	background-repeat:no-repeat;
	background-position:center center;
}
#main table.alignLeft
{
    width:auto;
}
#main table.alignLeft td
{
    border:none;
    text-align:left;
    vertical-align:middle;
}
.bannerUploadButton
{
	width: 94px;
	height:22px;
	line-height:22px;
	background-image:url(images/chromeBtn.png);
	border: none;
	padding:0;
	color:#000;
	text-align:center;
	outline:none;
	margin:8px;
	margin-bottom:0;
}
.uploadify1:hover .bannerUploadButton,.bannerUploadButton:hover
{
    background-image:url(images/chromeBtn-over.png);
    color:#000;
}
.uploadify1:active .bannerUploadButton,.bannerUploadButton:active
{
    background-image:url(images/chromeBtn-onclick.png);
}
.addClass,.subClass{ background:url(images/add.png) 50% 50% no-repeat;padding:5px;}
.subClass{ background-image:url(images/sub.png);}
.arrowStatus
{
    background:url(images/arrowUp.png) right 50% no-repeat;padding-right:18px; cursor:pointer;
}
.arrowStatus.arrowDown
{
    background-image:url(images/arrowDown.png)
}
.nodeSelector{ background:url(images/node_select.png) 50% 50% no-repeat;padding:5px; position:absolute;margin:-4px 0 0 -20px;margin:-6px 0 0 -18px\9}
@media screen and (min-width:0\0) 
{
    .nodeSelector{ margin:-6px 0 0 -20px}
}
.nodeSelector, x:-moz-any-link {margin:-6px 0 0 -20px}
.nodeSelector, x:-moz-any-link, x:default {margin:-6px 0 0 -20px}
.mouseIcon{background:url(images/mouse_select.png) 50% 50% no-repeat;padding:5px; position:absolute;margin:-4px 0 0 -16px;margin:-5px 0 0 -16px\9;}
@media screen and (min-width:0\0) 
{
    .mouseIcon{ margin:-5px 0 0 -17px}
}
.mouseIcon, x:-moz-any-link {margin:-4px 0 0 -16px}
.mouseIcon, x:-moz-any-link, x:default {margin:-4px 0 0 -16px}
@-moz-document url-prefix(){.mouseIcon{ margin:-6px 0 0 -17px}}












.linkIcon{background:url(images/link_add.png) 50% 50% no-repeat;padding:5px; position:absolute;margin:-4px 0 0 -19px;margin:-5px 0 0 -19px\9;}
@media screen and (min-width:0\0) 
{
    .linkIcon{ margin:-5px 0 0 -20px}
}
.linkIcon, x:-moz-any-link {margin:-4px 0 0 -19px}
.linkIcon, x:-moz-any-link, x:default {margin:-4px 0 0 -19px}
@-moz-document url-prefix(){.linkIcon{ margin:-6px 0 0 -20px}}

.splitter {
	height-x: 400px;
	height-x: 50%;
	height: calc(100% - 180px);
	height: -moz-calc(100% - 180px);
    height: -webkit-calc(100% - 180px);
}

.ui-state-default { background-color: #aca }
.ui-state-hover { background-color: #bdb }
.ui-state-highlight { background-color: #add }
.ui-state-error { background-color: #eaa }

.splitter-pane {
    overflow: auto;
}
#divMain .splitter-bar-vertical {
    width: 6px;
    height-x: 100%;
    background-image: url(images/splitter/vgrabber.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.splitter-bar-vertical-docked {
    width: 10px;
    background-image: url(images/splitter/vdockbar-trans.gif);
    background-repeat: no-repeat;
    background-position: center;
}
.splitter-bar.ui-state-highlight {
    opacity: 0.7;
}
.splitter-iframe-hide {
    visibility: hidden;
}

.ListContent
{
	width:100%;
	overflow:auto;
}

.ui-widget
{
font-family:Arial, "宋体";
font-size:12px;
}

div.container
{
	padding:10px;
}

div#rightside
{
	
}

div.hasBorder
{
	border:1px solid #c4d5e0;
	margin:10px;
}

#divHeaderLogo
{
	display:inline-block;
	width:326px;
	height:56px;
}

.fullSize
{
	display:block;
	width:100%;
	height:500px;
}

#inputAttrs
{
	display:none;
	margin:0px;
}

#newUploadWindow
{
	display: none; 
	position: absolute; 
	padding: 0; 
	margin: 0;
    z-index: 3; 
    width: 807px; 
    height: 557px; 
    background: #F5F5F5; 
    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    left:0px;
    top:0px;
}

#addAttrsWindow
{
	display: none; 
	position: absolute; 
	margin: 0; 
	z-index: 3; 
	background: #F5F5F5; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	left:0px;
	top:0px;
}#divFileDetail
{
	display:none;
}

#btnClose
{
	position:absolute;
	right:5px;
	top:5px;
	font-size:24px;
	cursor:pointer;
	color:#fff;
}


.black_bk.layui-layer
{
	background-color:#000;
}

#divPreviewContainer
{
	margin:0 auto;
	overflow:hidden;
}

#divPreviewContainer.divLeft
{
	display:inline-block;
}

.divTitleForPreview
{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#000;
	padding:5px 5px 25px 5px;
}

.divLayerRight
{
	width:350px;
	float:right;
	z-index:1;
}
.divLayerRightText
{
	font-size:14px;
	color:#333;
	overflow:auto;
	background:#FFF;
}
.divLayerRight ul
{
	list-style-type:none;
	margin:20px 0 0 0;
	padding-left:40px;
}
.divRightLine
{
	margin:0px 0 0px 20px;
	border-bottom:1px dotted #b2b2b2;
	clear:both;
	font-size:0px;	
	height:12px;
}
.divLayerLeft
{
	float:left;
}
#divLayerLeftImage
{
	
}
#pagePrev
{
	background:url("images/prev.gif") no-repeat;
	background-position-y:center;
	z-index:3;
	display:inline;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.pageNumberPrev{cursor :pointer;}
#imgPreview
{
	z-index:1;
}
#pageNext
{
	background:url("images/next.gif") no-repeat;
	background-position-x:right;
	background-position-y:center;
	z-index:3;
	display:inline;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.pageNumberNext
{
	cursor :pointer;
	padding-left:11px
}
/*翻页页码*/
#pageNumber
{
	z-index:5;
	font-size:16px;
	text-align:center;
	padding:0;
	background:#383838;
}
.pageNumberUl
{
	color:#fff;
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:12px;	
	z-index:5;
}
#pageNumber ul li
{
	z-index:5;
	display:inline;
}

#pageNumber a:link,#pageNumber a:link a:visited
{
	color:#fff;
}
#pageNumber a:hover
{
	color:red;
}
 
.pageNumberClick
{
	cursor :pointer;
	margin-left:0.7em;
	padding-left:5px;
}
#pageNumberSpecified
{
	width:30px;
	height:15px;
	background-color:#383838;
	color:#fff;
}
#pageNumberSpecifiedGo
{
	margin-bottom:-5px;	
}
#divPalette
{
	background-color:#383838;
	z-index:5;
}
#divPalette a:link,#divPalette a:visited
{
	color:#fff;		
}
#divPalette a:hover,#divPalette a:active
{
	background-color:#42bf0d;		
}

#divPalette ul
{
	top:2px;
	float:right;
	margin:0 30px 0 0;
}
#divPalette ul li
{	
	color:#fff;
	list-style-type:none;
	display:inline;
}
#divPalette ul li span
{	
	margin:0 5px 0 5px;
}
#divFolderPath
{
	margin:5px 0 0 0;
	float:left;
	color:#fff;	
}
#selectionList4AddInDetail,#selectionList4ViewInDetail
{
	background-color:#383838;
		color:#fff;
}
#divPaletteMouse{
	z-index:-1;
}
#linkAddToSelectionSetInDetail
{
	padding-right:3px	;
}
#documentViewerWrapper
{
	z-index:4;	
}
#videoPlayer
{
	z-index:4;
}
.sectionTitleInDetails
{
	font-weight:bold;
	margin:10px 0 0 10px;
}

.file_list_title_row
{
    overflow: hidden; display: block; white-space: nowrap; width: 162px;height: 20px;
}

#mask
{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    _postion: abosulte;
    display: none; 
    z-index: 100;
}

.upload_mask_div
{
    margin-top: 10%; 
    margin-left: 35%; 
    width: 400px; 
    height: 200px; 
    background: white;
    border: 1px solid #eee;
}

.upload_mask_div h3
{
    line-height: 40px; 
    height: 42px; 
    background: url('images/dlg_hd_m.png') repeat-x scroll 0 0 #EEEEEE;
}

.upload_mask_span_prompt
{
    padding-left: 15px; 
    float: left; 
    font-weight:bold;
}

.upload_mask_span_close
{
    float: right; 
    background: url('images/close2.png') no-repeat 0 0;
    margin: 15px 15px 0 0; 
    cursor: pointer;
}

.upload_mask_div #message
{
    text-align: center; 
    margin-top: 50px; 
    color: #666; 
    height: 50px;
}

.upload_mask_div #maskBtnOk
{
    margin-top: 0px; 
    text-align: center;
}

#maskBtnOk #btnCancel
{
    cursor: pointer; 
    color: White; 
    background: url(images/dlg_hd_m.png) repeat-x;
    background-position: 0 -54px; 
    height: 37px; 
    width: 125px;
}

#maskBtnOk #btnCancel
{
    cursor: pointer; 
    color: black; 
    background: url(images/dlg_hd_m.png) repeat-x;
    background-position: 0px 0px; 
    height: 37px; 
    width: 125px;
}

#openNewUploadWindow
{
    padding-left:28px;
    background: url("images/btn_sprit.png");
    width: 108px; 
    height:28px;
    line-height:25px;
    color: #ffffff;
    border:none;
}

#uploadScripts
{
    display:none;
}

.divInputAttrThumb
{
    float: left; 
    width: 150px; 
    height: 175px; 
    padding: 1px; 
    background: #fff; 
    border: 1px solid #E1E1E1; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    text-align:center;
}

.ulInputAttrThumb
{
    padding:0;
    list-style-type: none; 
    -webkit-margin-before: 0; 
    -webkit-margin-after: 0; 
    -webkit-margin-start: 0; 
    -webkit-margin-end: 0; 
    -webkit-padding-start: 0; 
}

button._copy
{
    width:66px;
    height:22px;
    text-align:center;
    padding:0;
}

li.fileAttrItem
{
    padding:8px;
    background: #fff; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    margin: 0;
}

button._paste
{
    width:66px;
    height:22px;
    text-align:center;
    padding:0;
}

.inputAttrsThumbTable
{
    margin: 0; 
    width: 150px;
    height: 120px;
}

.inputAttrsThumbTd
{
    vertical-align:middle;
    padding:0;
}

.inputAttrsThumbTd img
{
    max-width: 118px;
    max-height: 120px;
}

.inputAttrsThumbName
{
    margin-top:1px;
    display: block; 
    background: #F5F5F5; 
    width: 144px; 
    height: 24px; 
    line-height: 24px; 
    text-align: center; 
    padding: 0 3px; 
    overflow: hidden; 
    -webkit-border-bottom-right-radius: 3px; 
    -moz-border-radius-bottomright: 3px; 
    border-bottom-right-radius: 3px; 
    -webkit-border-bottom-left-radius: 3px; 
    -moz-border-radius-bottomleft: 3px; 
    border-bottom-left-radius: 3px;
}

div.inputAttrRow
{
    float:left;
    width:650px;
    padding-left:8px;
    line-height:30px;
}

div.filefilterC
{
    font-size: small;
    display: inline-block;
    width: 95%;
    background-color: #fff;
    margin-left: 10px;
    margin-top: 5px;
}

ul.filefilter
{
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

ul.filefilter .select
{
    background-color: #eee;
}

ul.filefilter li.pli
{
    float: left;
    display: block;
    position: relative;
    height: 30px;
    white-space: nowrap;
    margin-right: 1px;
}

ul.filefilter li span.lispan
{
    padding: 7px 12px 0px 12px;
    height: 23px;
    cursor: pointer;
    display: inline-block;
    margin-right: 1px;
    color: #444;
}

ul.filefilter li.pli div
{
    position: absolute;
    top: 29px;
    left: 0px;
    width: auto;
    z-index: 10;
    border: solid 1px #ccc;
    background-color: #fff;
    display: none;
}

ul.filefilter li.pli div ul
{
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    padding-bottom: 12px;
}

ul.filefilter li.pli div ul li span
{
    padding: 7px 25px 0px 12px;
}

.xform-table-head
{
    line-height: 38px;
    border-left: #e7e7e7 0px solid;
    border-right: #e7e7e7 0px solid;
    border-top: #e7e7e7 0px solid;
    border-bottom: #e7e7e7 1px solid;
    background-color: #f6f6f6;
}

.xform-table-item
{
    line-height: 38px;
    border-left: #e7e7e7 0px solid;
    border-right: #e7e7e7 0px solid;
    border-top: #e7e7e7 0px solid;
    border-bottom: #e7e7e7 1px solid;
}

.comm_check
{
    margin: 0px 0px 0px 36px;
    float: left;
    vertical-align: middle;
    margin-top: 0px !important;
    margin-top: 0px;
    border: 1px solid;
}

.commonkeyword
{
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
}
                        
.commonkeyword-select
{
    color: #ffffff;
    background-color: #39f;
}

#spanUserName
{
    font-weight:bold;
}

.divProgress
{
    display:none;
    margin-top:1em;
}