@CHARSET "UTF-8";

.btn {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #FAFAFA;
	background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
	background-repeat: no-repeat;
	border-color: #CCCCCC #CCCCCC #BBBBBB;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 0px; /* 0px*/
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 18px; /* control 4 button height 18px*/
	padding: 4px 10px;
	text-align: center;
}

.btn-upload {
	background-color: #006DCC;
	background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-upload:hover, .btn-upload:active, .btn-upload.active, .btn-upload.disabled, .btn-upload[disabled] {
	background-color: #0088CC;
	background-image: -moz-linear-gradient(center top ,#0044CC, #0088CC);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-upload, .btn-upload:hover, .btn-warning, .btn-select ,.btn-select:hover , .btn-warning:hover, .btn-danger, .btn-danger:hover,.btn-close, .btn-close:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover {
	color: #FFFFFF;
}

.btn-select {
	background-color: #5BB75B;
	background-image: -moz-linear-gradient(center top , #62C462, #51A351);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	min-width: 100px !important;
	min-height: 18px !important;
	padding-bottom:6px;
	padding-bottom:4px \9; /* for ie9*/
	}		

.btn-select:hover {
	background-color: #62C462;
	background-image: -moz-linear-gradient(center top , #51A351, #62C462);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}		

.btn-warning {
	background-color: #FAA732;
	background-image: -moz-linear-gradient(center top , #FBB450, #F89406);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}		

.btn-warning:hover {
	background-color: #FBB450;
	background-image: -moz-linear-gradient(center top , #F89406, #FBB450);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}			

.btn-danger {
	background-color: #DA4F49;
	background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-danger:hover {
	background-color: #EE5F5B;
	background-image: -moz-linear-gradient(center top , #BD362F, #EE5F5B);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}	

.btn-close {
	background-color: #5f5f5f;
	background-image: -moz-linear-gradient(center top , #7f7f7f, #5f5f5f);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-close:hover {
	background-color: #5f5f5f;
	background-image: -moz-linear-gradient(center top , #5f5f5f, #7f7f7f);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}	
	
	
[class^="icon-"] {
	background-image: url("../images/uploadfile-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	vertical-align: text-top;
	width: 14px;
	cursor: pointer;
}		

[class^="icon-"]:last-child {
}

.icon-plus {
	background-position: -408px -96px;
}

.icon-upload {
	background-position: -144px -23px;
}	

.icon-cancel {
	background-position: -216px -95px;
}

.icon-trash {
	background-position: -456px 1px;
}

.icon-close {
	background-position: -313px 1px;
}

.icon-white {
	background-image: url("../images/uploadfile-halflings-white.png");
}				

span {color:black;}

.fileinput-button {
	float: left;
	margin-right: 4px;
	overflow: hidden;
	position: relative;
}

select, input[type="file"] {
	height: 28px;
	/*line-height: 28px;*/
	width:auto; /*..*/
}

div.uploadList {
	margin: 10px 0;
	border: none !important;
	background-color: #F6F6F6;
	padding: 5px 10px;
}	

.MultiFile-label {
	margin-top: 9px;
}

.MultiFile-label a {
	margin-left:10px;
}
			
.uploadList h4 {
	margin-bottom :20px;
}

#uploadResultDetail a {
	margin-left:10px;
	margin-top: 12px;
}

#uploadResultDetail {
	margin-left:5px;
}

#notes ul li {
	list-style-type: square ;
	margin-left: 16px;
	margin-bottom: 1px;
}

#notes ol li, #notes ul li{
	font-size:12px;
}		

div#files {
	margin-top:15px;
	margin-bottom:30px;
}

table.files {
	width: 100% !important;

}
table.files th {
	background-color: #F6F6F6;
	padding: 6px 8px 8px;
	text-align: left;
	font: 100% "Segoe UI",Arial,Tahoma,sans-serif;
}	
table.files td {
	border-bottom: 1px solid #E4E4E4;
	padding: 7px 8px 8px;
}	

table.files tbody tr:hover {background:#e7f7fe; } 	/*CFC*/


.section {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0.75em 0.5em 0.1em 0.5em;
	font-size: 18px;
	border-top: 0.1em solid #079ae0;  /*47AD09 99ccff*/
	border-bottom: 0.1em solid #079ae0;
	color: #056796;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	margin-bottom:30px;
}	

.section h4 {
	color: #056796;
	font-size: 12px;
	margin-left: 0.5em;									
	text-align: right;
	margin-bottom:9px;
}
.section h3 {
	color: #056796;
	font-size: 18px;
	margin-bottom: 10px;
	padding-top: 8px;
	text-decoration: none;
	margin-bottom:0;
}

.syslogo{
	float: left;
	margin-right: 10px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;

}
.stu {
	color: #666;
	margin-top: 8px;
	margin-left: 20px;
}