@charset "utf-8";

html {
	height:100%;
	margin: 0;
}

body {
	background:url(../images/main_bg.png) repeat;
	background-attachment:fixed;
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	height:100%;
	padding:0;
	margin: 0;
	color:#2b2b2b;
}

img {
	border:0;
}

form{
	margin:0;
	padding:0;
}

a{
	color:#004284;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.green{
	color:#093;
}

.highlight{
	border: 1px solid #7ea874;
	border-radius:3px;
	background: #7bbc98;
	background: -moz-linear-gradient(top,  #a0e1bd 0%, #76b793 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0e1bd), color-stop(100%,#76b793));
	background: -webkit-linear-gradient(top,  #a0e1bd 0%,#76b793 100%);
	background: -o-linear-gradient(top,  #a0e1bd 0%,#76b793 100%);
	background: -ms-linear-gradient(top,  #a0e1bd 0%,#76b793 100%);
	background: linear-gradient(to bottom,  #a0e1bd 0%,#76b793 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0e1bd', endColorstr='#76b793',GradientType=0 );
	padding: 0 3px 0 3px;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


#initError{
	text-align:center;
	border: 2px dotted #900;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:50px;
	background:#FC0;
	position:absolute;
	left:80px;
	right:80px;
	top:50%;
	margin-top:-50px;
}

#initError>h1{
	color:#000000;
	border:0;
	margin:0;
}

/* login */
#loginsplash{
	height:100%;
	background:#000;
}

#loginwrapper{
	height:100%;
	background-image:url(../images/2.jpg);
	background-size:100%;
	visibility:hidden;
}

#version{
	position:absolute;
	bottom:10px;
	right:10px;
	color: #d0d0d0;
}

#loginbox{
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -141px;
  margin-left: -208px;
  width:416px;
  height:283px;
}

#loginbox_inner1{
	overflow:hidden;
}

#loginbox_inner2{
	position:relative;
	width:378px;
  	height:283px;
  	background:url(../images/loginbox_bg.png);
	margin-top:-285px;
	margin-left:22px;
}

#about{
	background:url(../images/about.png) no-repeat;
	width:25px;
	height:57px;
	position:absolute;
	top:300px;
	left:200px;
	cursor:help;
	visibility:hidden;
}

.loginshadow{
	width:1116px;
	height:34px;
	background:url(../images/login_shadow.png);
	position:absolute;
	top:0px;
	left:-350px;
	z-index:1000;
}

#loginlogo{
	width:350px;
	height:130px;
	background:url(../images/metizoft-logo-greenlogger-dms.png) no-repeat;
	position:absolute;
	top:-165px;
	left:30px;
}

#loginbox_upper{
	height:50px;
}

#loginerror{
	line-height:30px;
	padding: 20px 0 0 75px;
	color:#C00;
	background:url(../images/exclamation_16x16.png) no-repeat 52px 26px;
	visibility:hidden;
}

#loginbox_lower{
}

#loginbox_lower>a{
	line-height:38px;
	margin-left:55px;
	
}

.linput_wrapper{
	width:315px;
	height:60px;
	background:url(../images/logininput_bg.png) no-repeat;
	margin: 0 0 15px 29px;
}

.logininput{
	width:256px;
	height:45px;
	background:none;
	line-height:46px;
	font-size:20px;
	color:#333;
	border:none;
	margin: 7px 0 0 25px;
	padding: 0 0 0 10px;
}


#loginSubmit{
	width:122px;
	height:38px;
	padding:0;
	margin:0 60px 0 0;
	line-height:38px;
	border: 1px solid #a1a1a1;
	border-radius: 5px;
	float:right;
	cursor: pointer;
	color: #2b2b2b;
	font-weight:bold;
	font-size:1.25em;
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #c5c5c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#c5c5c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#c5c5c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#c5c5c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#c5c5c5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#c5c5c5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:    1px 1px 5px #ccc;
  	-webkit-box-shadow: 1px 1px 5px #ccc;
 	box-shadow:         1px 1px 5px #ccc;

}

#loginSubmit:hover{
	-moz-box-shadow:    3px 3px 5px #ccc;
  	-webkit-box-shadow: 3px 3px 5px #ccc;
 	box-shadow:         3px 3px 5px #ccc;
	border-color:#8d8d8d;
	color:#222;
}

#loginSubmit:active{
	-moz-box-shadow: none;
  	-webkit-box-shadow:none;
 	box-shadow:none;
	background: -moz-linear-gradient(top,  #c5c5c5 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5c5c5#f3f3f3), color-stop(100%,#c5c5c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c5c5c5 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c5c5c5 0%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c5c5c5 0%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c5c5c5 0%,#f3f3f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
	padding: 1px 0 0 1px;
}

#loginloader{
	display:none;
	position:absolute;
	top:211px;
	left:248px;
}

/* online view*/
#online-view-wrapper{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	/*background:#000;*/
	opacity:.3;
	z-index:1000;
	display:none;
}

#online-view{
	position:absolute;
	left:30px;
	top:30px;
	bottom:30px;
	right:30px;
	border-radius:15px;
	background:#FFF;
	z-index:1001;
	display:none;
	box-shadow: 10px 10px 5px #888888;
}

#ov-top{
	height:53px;
	background:#e9e9e9;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	position:relative;
}

#close-ov{
	background:url(../images/close_popup.png) no-repeat;
	width:30px;
	height:30px;
	text-decoration:none;
	display:block;
	position:absolute;
	top:13px;
	right:12px;
}

#help-ov{
	background:url(../images/help.png) no-repeat;
	width:30px;
	height:30px;
	text-decoration:none;
	display:block;
	position:absolute;
	top:13px;
	right:42px;
}

#ov-title{
	color:#0066cc;
	font-size:21px;
	/*margin: 0 0 0 14px;*/
	margin: 0 0 0 85px;
	line-height:53px;
}

#ov-title2{
	color:#0066cc;
	font-size:14px;
	/*margin: 0 0 0 14px;*/
	margin: 0 0 0 85px;
	line-height:53px;
		display:block;
	position:absolute;
	top:5px;
	right:100px;
}

#ov-instruction{
	color:#0066cc;
	font-size:14px;
  text-align:center;
  position:absolute;
	top:211px;
	left:248px;
	z-index:1001;
	/*margin: 0 0 0 14px;*/
	/*margin: 0 0 0 85px;*/
	/*line-height:53px;*/
}

#ov-helper-css{
	color:#0066cc;
	font-size:14px;
	font-weight:bold;
  text-align:left;
  /* background:#ffffff; */
	margin: 40px 0 0 14px;
/*	margin-top:65px; */
	width:450px;
  height:400px;
	overflow:auto;
	position:relative;
	z-index:1003;
	clear:both;
}

#ov-helper-div1{

  float:left;
  width:400px;

}

#ov-helper-div2{

  float:left;
  width:50px;

}

#ov-helper-div3{

clear:both;

}

#close-ov-helper{
	background:url(../images/close_popup.png) no-repeat;
	width:30px;
	height:30px;
	text-decoration:none;
	display:block;
	position:absolute;
	top:13px;
	right:12px;
}

#ov-icon{
	width:75px;
	height:68px;
	position:absolute;
	background-image:url(../images/filetype_sprites_big.png);
	background-repeat:no-repeat;
	top:-45px;
	left:5px;
	z-index:1004;
}

#ov-content{
	position:absolute;
	left:0px;
	right:0px;
	bottom:30px;
	top:53px;
	z-index:1001;
}

#ov-footer{
	height:40px;
	bottom:0px;
	left:0px;
	right:0px;
	background:#e9e9e9;
	position:absolute;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

#ov-loader{
	position:absolute;
	top:50%;
	left:50%;
	/*display:none;*/
}


#ov-iframe{
	width:100%;
	height:100%;
	position:relative;
	display:none;
}

#ov-pdfwrapper{
	width:100%;
	height:100%;
	position:relative;
	display:none;
	z-index:1003;
}

#ov-pdfobject{
	width:100%;
	height:100%;
	position:relative;
	/*opacity:0.1;*/
}

#ov-imagewrapper{
	width:100%;
	height:100%;
	position:relative;
	display:none;
	text-align:center;
}

#ov-imagewrapper>img{
	max-width:100%;
	max-height:100%;
}

/* popup */
#popup{
	position:absolute;
	top:0px;
	left:50%;
	width:480px;
	margin-left:-250px;
	height:455px;
	background-color:#FFF;
	z-index:96;/* under top */
	border-radius: 0px 0px 8px 8px;
	margin-top:-500px;
	padding: 70px 10px 10px 10px;
}

#popup>h2{
	margin: 0 0 16px 5px;
}

/* popup */
#editpopup{
	position:absolute;
	top:0px;
	left:50%;
	width:480px;
	margin-left:-250px;
	height:455px;
	background-color:#FFF;
	z-index:96;/* under top */
	border-radius: 0px 0px 8px 8px;
	margin-top:-500px;
	padding: 70px 10px 10px 10px;
}

#editpopup>h2{
	margin: 0 0 16px 5px;
}

/* popup 2 */
#popup2{
	position:absolute;
	top:0px;
	left:50%;
	width:480px;
	margin-left:-250px;
	height:200px;
	background-color:#FFF;
	z-index:96;/* under top */
	border-radius: 0px 0px 8px 8px;
	margin-top:-445px;
	padding: 70px 10px 10px 10px;
}

#popup2>h2{
	margin: 0 0 16px 5px;
}

#upload-sfi-label{
	height:35px;
	line-height:35px;
	position:absolute;
	left:70px;
	right:0px;
	top:0px;
	font-size:11px;
	text-overflow: ellipsis;
}

/* popup 3 */
#popup3{
	position:absolute;
	top:0px;
	left:50%;
	width:480px;
	margin-left:-250px;
	height:200px;
	background-color:#FFF;
	z-index:96;/* under top */
	border-radius: 0px 0px 8px 8px;
	margin-top:-445px;
	padding: 70px 10px 10px 10px;
}

#popup2>h2{
	margin: 0 0 16px 5px;
}

/* layout */
#wrapper{
	height:100%;
	position:relative;
}

#top{
	height:59px;
	width:100%;
	border-bottom: 1px solid #afafaf;
	background:url(../images/top_bg.png) repeat-x;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}

#left_top{
	height:110px;
	width:348px;
	position:absolute;
	top:0px;
	background: url(../images/left_top.png) left top no-repeat;
}

#customer-logo{
	float:left;
	width:321px;
	height:95px;
	margin: 7px 0 0 0;
	text-align:center;
}

#nav-wrapper{
  /* height:59px; */
  margin-top:12px;
  left:750px;
  font-size:12px;
  position:absolute;
}


#user-settings{
	/* width:483px; */
	margin-top:19px;
  width:300px;
  text-align:right;
	/* height:59px; */
	/* float:left; */
	/* margin-right:80px; */
	/* line-height:59px; */
	font-size:12px;
	color:#000000;
	right:115px;
	/* background:url(../images/User.png) no-repeat left center; */
	/* padding: 0 0 0 37px; */
	position:absolute;
	}
	
#user-settings-image{
  vertical-align:middle;
}

#user-settings.w1280{
	margin-left:730px;
}

.admin-button{
	display:block;
	cursor:pointer;
	width:80px;
	height:30px;
	line-height:28px;
	border:1px solid #a1a1a1;
	border-radius:4px;
	background: #67bf5d;
	background: -moz-linear-gradient(top,  #67bf5d 0%, #42793c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67bf5d), color-stop(100%,#42793c));
	background: -webkit-linear-gradient(top,  #67bf5d 0%,#42793c 100%);
	background: -o-linear-gradient(top,  #67bf5d 0%,#42793c 100%);
	background: -ms-linear-gradient(top,  #67bf5d 0%,#42793c 100%);
	background: linear-gradient(to bottom,  #67bf5d 0%,#42793c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67bf5d', endColorstr='#42793c',GradientType=0 );
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#000;
}


#search-wrapper{
	width:532px;
	height:59px;
	position:absolute;
	line-height:59px;
	font-size:14px;
	color:#000000;
	left:335px;
	top:0px;
}

#search-wrapper input[type="text"]{
	height:42px;
	width:374px;
	border:none;
	background:url(../images/search_bg.png) no-repeat;
	line-height:42px;
	font-size:14px;
	padding: 0 0 0 10px;
	margin:9px 0 0 20px;
	float:left;
}

#search-wrapper input.search_prefill{
	color:#CCC;
}

#search-wrapper #search-submit{
	width:38px;
	height:38px;
	position:absolute;
	right:42px;
	top:11px;
	cursor:pointer;
}

#search-wrapper.w1280{
	width:385px;
}


#search-wrapper.w1280 input[type="text"]{
	width:260px;
	background:url(../images/search_bg_w1280.png) no-repeat;
}

#search-wrapper.w1280 #search-submit{
	right:115px;
}

#mz-logo{
	position:absolute;
	right:15px;
	top:9px;
	width:85px;
	height:40px;
	background:url(../images/mz_logo.png);
}

#left{
	width:321px;
	height:100%;
	background:#FFF;
	border-right: 1px solid #d5d5d5;
	float:left;
	position:relative;
}

#right{
	margin-left:322px;
	height:100%;
	background-image:url(../images/main_placeholder.png);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

#mainloader{
	width:64px;
	height:64px;
	position:absolute;
	top:50%;
	left:50%;
	display:none;
}

#mainloader>img{
	margin: -32px 0 0 -32px;
}

#doclistloader{
	width:32px;
	height:32px;
	position:absolute;
	top:50%;
	left:50%;
	display:none;
}

/* main header */
#main-header{
	font-size:36px;
	padding:0;
	margin: 63px 0 0 27px;
	text-shadow: 1px 1px #FFF;
	height:47px;
	line-height:47px;
}

#search-header{
	font-size:14px;
	display:none;
}

#doclist.w1280 #main-header{
	margin: 67px 0 0 27px;
	font-size:24px;
}

/* paginator */
#paginator_wrapper{
	min-height:30px;
	width:510px;
	padding: 5px 10px 7px 5px;
	margin:10px 0 0 9px;
	float:left;
	border: 1px solid #D5D5D5;
	background:#F5F5F5;
	border-radius: 5px;
}

#doclist.w1280 #paginator_wrapper{
	width:360px;
}

#paginator_wrapper>a{
	display:block;
	float:left;
	width:24px;
	height:24px;
	margin:3px 0 0 4px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	border: 1px solid #a1a1a1;
	border-radius: 3px;
	cursor: pointer;
	color: #2b2b2b;
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #c5c5c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#c5c5c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#c5c5c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#c5c5c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#c5c5c5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#c5c5c5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:    1px 1px 5px #ccc;
  	-webkit-box-shadow: 1px 1px 5px #ccc;
 	box-shadow:         1px 1px 5px #ccc;
}

#paginator_wrapper>a.selected{
	color:#333;
	font-weight:bold;
	background:#c5c5c5;
	-moz-box-shadow:    none;
  	-webkit-box-shadow: none;
 	box-shadow:         none;
}

/* doclist */
#doclistloader>img{
	margin: -16px 0 0 -16px;
}

#doclist{
	width:545px;
	height:100%;
	border-right:1px solid #d5d5d5;
	float:left;
	background:url(../images/main_bg.png) repeat;
	display:none;
	position:relative;
	overflow:auto;
}

#doclist.w1280{
	width:395px;
}

#doclist_ul{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	width:545px;
}

#doclist.w1280 #doclist_ul{
	width:395px;
}

#doclist_ul>li{
	height:49px;
	padding:11px 19px 0 19px;
	position:relative;
}

#doclist_ul>li.category{
	height:26px;
	padding:0 19px 0 19px;
	margin:16px 0 16px 0;
	background:#f3f3f3;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	font-size:12px;
	font-weight:bold;
	line-height:26px;
}

#doclist_ul>li #zero-result{
	border: 1px dashed #CCCCCC;
	border-radius:6px;
	text-align:center;
	line-height:49px;
}

#doclist_ul>li #zero-result2{
	border: 1px dashed #CCCCCC;
	border-radius:6px;
	text-align:center;
	line-height:29px;
}

#doclist_ul>li>div.document_div{
	height:38px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position:relative;
	border:1px solid;
	border-color:transparent;
}

#doclist_ul>li.selected{
	/*background-image:url(../images/filelist_selected.png);
	background-repeat:no-repeat;
	background-position: 600px 11px;*/
}

#doclist.w1280 #doclist_ul>li.selected{
	/*background-position: 450px 11px;*/
}

#doclist_ul>li.selected>div.document_div{
	background:#d3d3d3;
	border-color:#d2d2d2;
	border-radius:3px;
}

#doclist_ul>li>div.document_div:hover{
	background:#dadada;
	border-color:#d2d2d2;
	border-radius:3px;
}

#doclist_ul>li>div>a.document_anchor{
	height:38px;
	margin:0 54px 0 29px;
	display:block;
	text-decoration:none;
	color:#2b2b2b;
}

#doclist_ul>li>div>a.document_anchor>span.document_title{
	white-space: nowrap;
    width:100%;            /* IE6 needs any width */
    overflow: hidden;              /* "overflow" value must be different from "visible"*/ 
    -o-text-overflow: ellipsis;    /* Opera */
    text-overflow:    ellipsis;    /* IE, Safari (WebKit) */
}

#doclist_ul>li>div>a>span{
	height:19px;
	line-height:19px;
	display:block;
}

#doclist_ul>li>div>a>span.document_name{
	color:#0066cc;
}

#doclist_ul>li>div>a.document_download{
	height:38px;
	width:35px;
	float:right;
	margin:0;
	background:url(../images/download_icon.png) 6px 8px no-repeat;
	cursor:pointer;
	display:block;
	
}

#doclist_ul>li>div>a.document_download_missing{
	height:38px;
	width:35px;
	float:right;
	margin:0;
	background:url(../images/download_icon_grey.png) 6px 8px no-repeat;
	cursor:default;
	display:block;
	
}

#doclist_ul>li>div>a.document_download:hover{
	background:url(../images/download_icon_hover.png) 6px 8px no-repeat;
}

#doclist_ul>li>div>div.document_icon{
	height:24px;
	width:29px;
	float:left;
	margin:0;
	background-image:url(../images/filetype_sprites.png);
	background-repeat:no-repeat;
	background-position: center 0;
}

/* fileinfo */
#fileinfo{
	margin-left:546px;
	height:100%;
	background:#f5f5f5;
	background-image:url(../images/preview_placeholder.png);
	background-repeat:no-repeat;
	background-position: center;
	border-left:1px solid #ffffff;
	height:100%;
	display:none;
	overflow:auto;
}

#fileinfo.w1280{
	margin-left:396px;
}

#fileinfo.noplaceholder{
	background:#f5f5f5;
}

#fileinfo-inner{
	height:100%;
	padding: 0 0 0 30px;
}

#fileinfo-top{
	/* height:68px; */
	height:90px;
	padding:78px 0 0 0;
	width:480px;
	position:relative;
}

#fileinfo-icon{
	width:75px;
	height:68px;
	float:left;
	background-image:url(../images/filetype_sprites_big.png);
	background-repeat:no-repeat;
}

#fileinfo-name{
	height:30px;
	width:405px;
	padding:17px 0 0 0;
 /* line-height:30px; */
	font-size:12px;
	color:#0066cc;
	float:left;
	cursor:default;
}

#fileinfo-share{
	position:absolute;
	height:30px;
	width:60px;
	top:78px;
	right:0px;
}

#fileinfo-share>a{
	margin-left:6px;
}

#fileinfo-info{
	width:400px;
	height:19px;
	line-height:19px;
	float:right;
	padding: 0 0 0 0;
}

#fileinfo-expdate{
	width:400px;
	height:19px;
	line-height:19px;
	float:right;
	padding: 0 0 0 0;
}

#fileinfo-revisions{
	width:400px;
	height:19px;
	line-height:19px;
	float:right;
	padding: 0 0 0 0;
}

#fileinfo-desc{
	min-height:55px;
	width:460px;
	padding: 10px;
	border: 1px solid #999;
	border-radius:6px;
	margin:20px 0 0 0;
}

#fileinfo-revcont{
	width:460px;
	padding: 7px;
	background:#EEE;
	margin:10px 0 0 0;
	display:none;
	line-height:25px;
}

#fileinfo-desc.nodesc{
	width:480px;
	min-height:40px;
	border: 1px dashed #CCCCCC;
	border-radius:6px;
	text-align:center;
	line-height:40px;
	margin:20px 0 0 0;
	padding:0;
	color:#999;
}

#fileinfo-buttons{
	height:40px;
	width:480px;
	margin:15px 0 0 0;
}

.fileinfo-button{
	display:block;
	cursor:pointer;
	width:84px;
	height:24px;
	line-height:22px;
	border:1px solid #a1a1a1;
	border-radius:4px;
	background: #5cb85c;
	/* background: -moz-linear-gradient(top,  #ffba59 0%, #d38e2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffba59), color-stop(100%,#d38e2d));
	background: -webkit-linear-gradient(top,  #ffba59 0%,#d38e2d 100%);
	background: -o-linear-gradient(top,  #ffba59 0%,#d38e2d 100%);
	background: -ms-linear-gradient(top,  #ffba59 0%,#d38e2d 100%);
	background: linear-gradient(to bottom,  #ffba59 0%,#d38e2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba59', endColorstr='#d38e2d',GradientType=0 ); */
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-left:12px;
	text-align:center;
	text-decoration:none;
	color:#000;
}

.fileinfo-button-switch{
	display:block;
	cursor:pointer;
	width:94px;
	height:24px;
	line-height:22px;
	border:1px solid #a1a1a1;
	border-radius:4px;
	background: #5cb85c;
	/* background: -moz-linear-gradient(top,  #ffba59 0%, #d38e2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffba59), color-stop(100%,#d38e2d));
	background: -webkit-linear-gradient(top,  #ffba59 0%,#d38e2d 100%);
	background: -o-linear-gradient(top,  #ffba59 0%,#d38e2d 100%);
	background: -ms-linear-gradient(top,  #ffba59 0%,#d38e2d 100%);
	background: linear-gradient(to bottom,  #ffba59 0%,#d38e2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba59', endColorstr='#d38e2d',GradientType=0 ); */
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-left:12px;
	text-align:center;
	text-decoration:none;
	color:#000;
}

.fileinfo-button-edit{
	display:block;
	cursor:pointer;
	width:84px;
	height:24px;
	line-height:22px;
	border:1px solid #a1a1a1;
	border-radius:4px;
	background: #f0ad4e;
	/* background: -moz-linear-gradient(top,  #c0ca20 0%, #929917 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0ca20), color-stop(100%,#929917));
	background: -webkit-linear-gradient(top,  #c0ca20 0%,#929917 100%);
	background: -o-linear-gradient(top,  #c0ca20 0%,#929917 100%);
	background: -ms-linear-gradient(top,  #c0ca20 0%,#929917 100%);
	background: linear-gradient(to bottom,  #c0ca20 0%,#929917 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ca20', endColorstr='#929917',GradientType=0 ); */
	font-size:11px;
	float:right;
	font-weight:bold;
	margin-left:12px;
	text-align:center;
	text-decoration:none;
	color:#000;
}

.fileinfo-button-admin1{
	display:block;
	cursor:pointer;
	width:84px;
	height:24px;
	line-height:22px;
	border:1px solid #a1a1a1;
	border-radius:4px;
	background: #f0ad4e;
	/* background: -moz-linear-gradient(top,  #c0ca20 0%, #929917 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0ca20), color-stop(100%,#929917));
	background: -webkit-linear-gradient(top,  #c0ca20 0%,#929917 100%);
	background: -o-linear-gradient(top,  #c0ca20 0%,#929917 100%);
	background: -ms-linear-gradient(top,  #c0ca20 0%,#929917 100%);
	background: linear-gradient(to bottom,  #c0ca20 0%,#929917 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ca20', endColorstr='#929917',GradientType=0 ); */
	font-size:11px;
	float:right;
	font-weight:bold;
	margin-left:12px;
	text-align:center;
	text-decoration:none;
	color:#000;
}

.fileinfo-button-admin2{
	display:block;
	cursor:pointer;
	width:84px;
	height:24px;
	line-height:22px;
	border:1px solid #a1a1a1;
	border-radius:4px;
	background: #d9534f;
	/* background: -moz-linear-gradient(top,  #ee627f 0%, #c63848 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee627f), color-stop(100%,#c63848));
	background: -webkit-linear-gradient(top,  #ee627f 0%,#c63848 100%);
	background: -o-linear-gradient(top,  #ee627f 0%,#c63848 100%);
	background: -ms-linear-gradient(top,  #ee627f 0%,#c63848 100%);
	background: linear-gradient(to bottom,  #ee627f 0%,#c63848 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee627f', endColorstr='#c63848',GradientType=0 ); */
	font-size:11px;
	float:right;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#000;
}

#fileinfo-preview{
	width:480px;
	height:490px;
	/*border: 1px solid #9d9d9d;*/
	background-repeat:no-repeat;
}

#fileinfo-prev-placeholder{
	width:480px;
	height:300px;
	border: 1px dashed #CCCCCC;
	text-align:center;
	line-height:380px;
	font-size:16px;
	color:#999;
	border-radius:10px;
}

#fileinfo-docnotavail{
	width:480px;
	padding: 30px 0 30px 0;
	border: 1px dashed #CCCCCC;
	text-align:center;
	line-height:150%;
	font-size:14px;
	color:#666;
	border-radius:6px;
	margin: 20px 0 0 0;
}

#fileinfo-prev-dontfit{
	width:480px;
	min-height:40px;
	border: 1px dashed #CCCCCC;
	border-radius:6px;
	text-align:center;
	line-height:40px;
	padding:0;
	color:#999;
}

/* statusbar */
#statusbar{
	height:27px;
	background:#f5f5f5;
	margin-top:-28px;
	border-top:1px solid #d5d5d5;
	position:relative;
}

#statusbar-left{
	width:321px;
	background:#ffffff;
	height:28px;
	margin-top:-1px;
	border-right: 1px solid #d5d5d5;
}

#statusbar>#cinfo{
	list-style:none;
	margin:0;
	padding:0;
	right:0px;
	top:0px;
	position:absolute;
}

#statusbar>#cinfo>li{
	float:left;
	line-height:27px;
	margin-right:15px;
	font-size:11px;
}

/* vessel select & filter select & tree */
.completion-select{
	margin:5px;
	height:28px;
	background:#eee url(../images/arrow_down.png) 284px center no-repeat;
	padding:0 0 0 12px;
	line-height:28px;
	font-size:14px;
	border: 1px solid #ababab;
	border-radius:4px;
	position:relative;
	cursor:pointer;
}

#vessel-select-wrapper{
	position:absolute;
	top:110px;
	min-height:40px;
	width:321px;
	left:0;
	z-index:102;
}

#vessel-select-wrapper form{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
}

#filter_select{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
}

#filter-select-wrapper{
	position:absolute;
	top:145px;
	min-height:40px;
	width:321px;
	left:0;
	z-index:101;
}

/* vessel select dropdown */
#vessel-select-options{
	margin:-5px 9px 5px 9px;
	background:#FFF;
}

#vessel-select-options>ul{
	margin:0;
	padding:0;
	list-style:none;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
}

#vessel-select-options>ul>li{
	height:25px;
	line-height:25px;
	border-bottom: 1px solid #ababab;
	padding: 0 0 0 10px;
}

#vessel-select-options>ul>li:hover{
	background:#CCC;
	cursor:pointer;
}

/* filter select dropdown */
#filter-select-options{
	margin:-5px 9px 5px 9px;
	background:#FFF;
}


#filter-select-options>ul{
	margin:0;
	padding:0;
	list-style:none;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
}

#filter-select-options>ul>li{
	height:25px;
	line-height:25px;
	border-bottom: 1px solid #ababab;
	padding: 0 0 0 10px;
}

#filter-select-options>ul>li:hover{
	background:#CCC;
	cursor:pointer;
}

#filter-select-options>ul>li.topLI{
	height:30px;
	line-height:30px;
	border-bottom: 1px solid #ababab;
	padding: 0 0 0 10px;
}

#filter-select-options>ul>li.topLI:hover{
	
}


/* tree */
#tree{
	width:321px;
	overflow:hidden;
	position:absolute;
	top:185px;
	bottom:0px;
	z-index:100;
	background: #f5f5f5;
	border-bottom:1px solid #d5d5d5;
}

#tree-overlay{
	width:321px;
	position:absolute;
	top:0px;
	bottom:0px;
	z-index:1000;
	display:none;
}

#tree-overlay-white{
	width:321px;
	position:absolute;
	top:0px;
	bottom:0px;
	background:#FFF;
	opacity:.8;
}

#tree-overlay>a{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-69px;
}

/* scrollbar */
#vBar-wrapper {
	top: 110px;
	right: 0px;
	bottom:0px;
	width: 13px;
	position: absolute;
	background-color: #d5d5d5;
	z-index:100;
}

#vBar {
	top: 3px;
	left: 3px;
	bottom:3px;
	width: 8px;
	position: absolute;
	background:#efefef;
	border-radius: 8px;
}

#vKnob {
	left: 0px;
	width: 8px;
	height: 50px;
	background-color:#868686;
	border-radius: 8px;
	position:absolute;
}

/* SFI list */
#sfi-list{
	margin:0;
	padding:0;
	width:321px;
	list-style:none;
	border-top:1px solid #d5d5d5;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}

#sfi-list a{
	text-decoration:none;
	color:#2b2b2b;
}

/* plus minus */
div.pm{
	width:14px;
	height:14px;
	background-image:url(../images/plusminus.png);
	background-repeat:no-repeat;
	position:absolute;
}

#sfi-list>li{
	background: #f5f5f5;
	border-bottom:1px solid #d5d5d5;
	line-height:41px;
	font-size:12px;
	padding:0;
	cursor:pointer;
	position:relative;
}

#sfi-list>li>a{
	padding: 0 0 0 33px;
	font-weight:bold;
	display:block;
	line-height:41px;
	border-top:1px solid #fff;
	position:relative;
}

#sfi-list>li>a>div.pm{
	top:14px;
	left:10px;
}

#sfi-list>li.expanded{
	background:#e4e4e4;
}

#sfi-list>li.expanded>a{
	border-top:1px solid #ededed;
	color:#000;
}

#sfi-list>li.expanded>a>div.pm{
	background-position: 0 -14px;
}

/* second level */
#sfi-list>li>div.exp{
	border-top:1px solid #d5d5d5;
	display:none;
	margin-bottom:0px;
	background: #f5f5f5;
}


#sfi-list>li>div.exp>ul{
	margin:0;
	padding:0;
	list-style:none;
	margin: 0 0 0 36px;
	/*border-left:1px solid #FFF;*/
}

#sfi-list>li>div.exp>ul>li{
	background: #f5f5f5;
	border-bottom:1px solid #d5d5d5;
	line-height:29px;
	font-size:10px;
	padding: 0;
	position:relative;
}

#sfi-list>li>div.exp>ul>li:last-child{
	border-bottom:none;
}

#sfi-list>li>div.exp>ul>li>a{
	padding: 0 0 0 29px;
	display:block;
	line-height:29px;
	border-left:1px solid #d5d5d5;
	border-top:1px solid #fff;
}

#sfi-list>li>div.exp>ul>li>a>div.pm{
	top:8px;
	left:7px;
}

#sfi-list>li>div.exp>ul>li.expanded{
	background:#e4e4e4;
}

#sfi-list>li>div.exp>ul>li.expanded>a{
	border-top:1px solid #ededed;
	color:#000;
}

#sfi-list>li>div.exp>ul>li.expanded>a>div.pm{
	background-position: 0 -14px;
}

/* no content */
#sfi-list>li>div.exp>ul>li>a.nocontent{
	color:#CCC;
	cursor:pointer;
}

#sfi-list>li>div.exp>ul>li>a.nocontent>div.pm{
	background-position: 0 -28px;
}

/* third level */
#sfi-list>li>div.exp>ul>li>div.exp{
	border-top:1px solid #d5d5d5;
	display:none;
	background: #f5f5f5;
}

#sfi-list>li>div.exp>ul>li>div.exp>ul{
	margin: 0 0 0 36px;
	padding:0;
	list-style:none;
}

#sfi-list>li>div.exp>ul>li>div.exp>ul>li{
	background: #f5f5f5;
	border-bottom:1px solid #d5d5d5;
	line-height:29px;
	font-size:10px;
	padding:0;
	position:relative;
}

#sfi-list>li>div.exp>ul>li>div.exp>ul>li>a{
	padding: 0 0 0 11px;
	display:block;
	line-height:29px;
	border-left:1px solid #d5d5d5;
	border-top:1px solid #fff;
}

#sfi-list>li>div.exp>ul>li>div.exp>ul>li>a.selected{
	border-top:1px solid #ededed;
	background: #e4e4e4;
	color:#000;
}

/* no content */
#sfi-list>li>div.exp>ul>li>div.exp>ul>li>a.nocontent{
	color:#CCC;
	cursor:pointer;
}

#sfi-list>li>div.exp>ul>li>div.exp>ul>li:last-child{
	border-bottom:none;
}

#ov-reportwrapper {

  display: none;
  z-index: 1003;
}

#ov-report1 {
  
  background: #ffffff;
  padding: 5px 0 0 85px;
  display: none;
  z-index: 1003;
  overflow: auto;
}

#ov-report2 {
  
  background: #ffffff;
  padding: 5px 0 0 85px;
  display: none;
  z-index: 1003;
  overflow: auto;
}

#ov-report3 {
  
  background: #ffffff;
  padding: 5px 0 0 85px;
  display: none;
  z-index: 1003;
  overflow: auto;
}

#ov-report4 {
  
  background: #ffffff;
  padding: 5px 0 0 85px;
  display: none;
  z-index: 1003;
  overflow: auto;
}


#docpopup {
      display: none;
      position:absolute;
      width:375px;
      height:100px;
      background:#fff;
      left:50%;
      top:30%;
      border-radius:5px;
      padding:60px 0;
      margin-left:-175px; /* width/2 + padding-left */
      margin-top:-50px; /* height/2 + padding-top */
      text-align:center;
      box-shadow:0 0 10px 0 #000;
      z-index: 10000;
    }
    
    
.docpopup-button-green{
	display:block;
	cursor:pointer;
	line-height:22px;
	border:1px solid #a1a1a1;
	border-radius:4px;
	background: #5cb85c;
	font-size:11px;
	font-weight:bold;
	margin:5px;
	margin-left: 100px;
	margin-right: 100px;
	text-align:center;
	text-decoration:none;
	color:#000;
}

.docpopup-button-red{
	display:block;
	cursor:pointer;
	line-height:22px;
	border:1px solid #a1a1a1;
	border-radius:4px;
	background: #d9534f;
	font-size:11px;
	font-weight:bold;
	margin:5px;
	margin-left: 100px;
	margin-right: 100px;
	text-align:center;
	text-decoration:none;
	color:#000;
}