@charset "UTF-8";
/* CSS Document */




	html, body { width: 100%; height: 100%; margin: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; color: #4E4E4E;}
	.bg {min-width: 100%; min-height: 100%; background:#010129;}
	.logo {height: 90px; width: 240px; background: url(../images/IBX_New.png) no-repeat top center; position: absolute; left: 50%; margin-left: -120px; top:50%; margin-top:-130px; padding-top: 80px; text-align: center; background-size: 240px;}
	.logo2 {height: 60px; width: 240px; background: url(../images/ibx.png) no-repeat top center; }
	.logo3 {height: 60px; width: 240px; background: url(../images/IBX_New.png) no-repeat top center; }

* { margin:0px; padding:0px; line-height:16px; border:none; outline:none; font-family:Arial, Helvetica, sans-serif; font-size:98%; line-height: 1.5em  }
.hidden	{display:none;}

a { text-decoration:none; }
a:hover { text-decoration:underline; }


h1 {font-family:"Times New Roman", Times, serif; font-weight:100; line-height:1.2em; text-align:left; margin-bottom:30px; font-size:2.1em; }
h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:1em; margin:0; font-size:1.8em; color:#777; }
h3 {font-family:Arial, Helvetica, sans-serif; line-height:1em; text-align:left; margin-bottom:0px; margin-top:20px; color:#555; font-size:1.25em; }
h4 a {color:#000 !important;  }
h5 {font-family:Arial, Helvetica, sans-serif; line-height:1em; text-align:left; margin-bottom:0px; margin-selecttop:20px; color:#555; font-size:1.1em; }

.wrapper { margin:30px 0px 35px 45px; }
.content { text-align:left; padding-top:10px; width:100%; color:#666;   }
.content h1 {display:none; }

.col1 { font-size:16px; }
ul.nav { list-style:none; margin-top:5px; margin-bottom:20px; }
ul.nav li { border-bottom:1px solid #DDD; padding:4px 0; color:#777;}
ul.nav li a { color:#777; font-size:12px;}

ul.nav li a.sel { color:#c9252c !important;  }

.done { background:url(../images/done.png) no-repeat 0 2px; width:10px; height:12px; position:absolute; margin-top:-15px; margin-left:10px; *margin-top:0; *margin-left:0; }
.done h1 {display:none; }

.done2 { background:url(../images/done.png) no-repeat 0 2px; width:10px; height:12px; position:absolute; margin-top:0px; margin-left:10px; *margin-top:0; *margin-left:0; }
.done2 h1 {display:none; }
.done3 { background:url(../images/done.png) no-repeat center 2px; width:10px; height:12px; position:relative; margin-top:0px; margin-left:10px; *margin-top:0; *margin-left:0; }
.done3 h1 {display:none; }

p {margin-bottom:10px; font-size:1em; }


.icon { font-size:12px; height:auto; padding-left:20px; }

.clear { width:100%; height:0px; clear:both; }

.logout {
	background:#EEE;
/*	border-radius:2px; */
	width:80px; 
	color:#777; 
	height:20px; 
	position:absolute;
	left:45px;
	text-align:center;
	padding:4px 0 0 0;
	font-size:.9em;
	margin-top:0px;
	top:140px;
	line-height: 1.2em;
}


th.filename { .padding:0px 20px 6px 0; border-bottom:1px solid #DDD; width:420px; }
th.filesize { border-bottom:1px solid #DDD; padding:0px 10px 6px 0; width:50px; }
th.date_uploaded { border-bottom:1px solid #DDD; padding:0px 20px 6px 0; width:80px; }
td.date_uploaded { border-bottom:1px solid #DDD; padding:6px 20px 6px 0; width:80px; }

td.filename1 { width:400px; padding:6px 20px 6px 0; }
td.filesize1 { padding-top:6px; width:50px; }

.print { display:none; }


a.delete  { background:url(../images/delete_icon.png) no-repeat 0 0; width:17px; height:17px; display:block; }


td a { color:#777; }



.area1 { margin-left:125px; }

h2.header2 { white-space:nowrap; float:left;  margin-top:37px; }




table.ibi { /*border-left:1px solid #DDD !important; border-top:1px solid #DDD !important;*/ font-size:1.1em !important; }
.ibi td { /* border-right:1px solid #DDD !important;*/ border-bottom:1px solid #DDD !important; padding:4px 20px 4px 0 !important; vertical-align:top; }
.ibi tr:hover { background:#F8F8F8; }
.ibi th { /*border-right:1px solid #DDD !important;*/ border-bottom:1px solid #DDD !important; padding:4px 20px 4px 0 !important; font-weight:bold; cursor:pointer; vertical-align:bottom; }

.header { font-weight:normal; }

input { border:1px solid #DDD; }



.gb { display: inline-block; width: 3px; height: 22px; background: #98d555; margin-right: 3px;}
.g2b { display: inline-block; width: 3px; height: 22px; background:#DDDDDD; margin-right: 3px;}


input[type="submit"] {	
	border: none;
	cursor: pointer;
	outline: none;
	width: 30px;
	height: 22px;
	color:#FFF;
	-webkit-border-radius: 2px;  -moz-border-radius: 2px; 	border-radius: 2px; 
	background: url(../images/submit.png) no-repeat center center;
	text-indent: -40px;
}


.nav { margin-top:20px !important; margin-bottom:20px !important; width:100%; }
.nav h3 { float:left; margin-right:10px; margin-top:0 !important; }


.search_table td { padding-right:10px !important; }

.search_form * { font-size:1em; }

select { -webkit-appearance: none;  padding-left:5px; height:22px !important; border:1px solid #DDD !important; background:#FFF; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }




th[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 20;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}


.reset {cursor:pointer; }




input {border: none; width: 150px; padding: 5pxs 10px; font-size: 13px; color: #BBB;}
	
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { color: #BBB !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important; 
}

/*   ACCESS  ============================================================== */

.accessbox { width:300px; height:auto; position:absolute; z-index:12;  top:110px;  }

#access_nav { cursor:pointer; }
.access_head alt { color:#FFF !important; }
.access_block { background-color:transparent; width:100%; height:auto; padding-bottom:0px; }
.access_log { font-size:12px;; color:#BBB; }


.access_login { margin-left:0px; width:264px; padding-top:0px; padding-bottom:5px; color:#BBB; font-size:12px; }

.access_login .login_button { 
	text-align:center; width:240px; height:40px; border:none; margin-left:0px; margin-top:0px; color:#FFF; font-size:12px; padding-top:1px; padding-top:2px\9; cursor:pointer;
	font-family:Arial, Helvetica, sans-serif; background:#CCC;
}
.access_login .login_button:hover { background:#BBB;  }



/* search ========================================= */


form.search input[type=text] {
	position: absolute;
	right: 30px;
	font-size: 18px; 
	margin-top: -30px; 	
	border: 1px solid #DDD;
 	padding: 5px 30px 5px 10px;
	width: 50px;
/*  	-webkit-transition: width 0.3s ease-in-out;
  	transition: width 0.3s ease-in-out;
*/	text-align: right;
	background: url("../images/search1.png") right center no-repeat;
	outline: none;
}

input::placeholder {
  color: #BBB;
}

form.search input[type=text]:focus {
/*  width: 200px; */
	background: none;
	background: #F9F9F9;
	outline: none;
}





.forget { cursor:pointer; margin-top:25px; font-size: .8em; position: relative; left: 0px;width: 180px; text-align: left; }
.forget:hover {color: #DD0000;}

.forgot {display: none; width: 180px; text-align: left;}

.email_error { width: 240px; font-size: .9em; text-align: left; display: none;}
.email_error a {text-decoration: none; color: #}

.login_error { width: 240px; font-size: .9em; text-align: left; }



/* Mobile =========================================== */

@media only screen and (max-device-width : 375px) {
	.logo2 {height: 100px; width: 400px; margin-left: -200px; margin-top:-80px; font-size: 200%; background: url(../images/ibx-150.png) no-repeat top center; padding-top: 120px; }
}


/* Top Ten ============================================================== */

.hide { display: none;}
	.trend_up {width: 11px;height: 11px; float: left; background: url(../images/arrows.png) no-repeat 0 0; margin: 6px 10px 0 0; font-size: 0;}
	.trend_down {width: 11px;height: 11px; float: left; background: url(../images/arrows.png) no-repeat 0 -22px; margin: 6px 10px 0 0; font-size: 0;}
	.trend_flat {width: 11px;height: 11px; float: left; background: url(../images/arrows.png) no-repeat 0 -11px  margin: 6px 10px 0 0; font-size: 0;;}
	table.ibi tr {cursor: pointer;}


/*   MOBILE  ============================================================= */

@media(max-width:650px){
.accessbox { width:300px; left:25px; margin-left:0; top:150px;  }
.access_log td { padding-top:10px; border:none;  font-family:Arial, Helvetica, sans-serif !important; color:#777 !important; }
.access_log input { padding:2px 4px; font-size:14px; color:#666; width:150px; border-top:1px solid #CCC; border-left:1px solid #CCC; }
h2.header2 { white-space:nowrap; float:none;  margin-top:53px; }


.wrapper { margin:10px 0px 20px 25px; }


.area1 { margin-left:00px;}

.logout {
	left:auto;
	right:20px !important;
	margin:0;	
	margin-top:20px;
	top:0;
	}

.logo2 { width:150px; height:30px; float:left; margin-right:45px; padding-bottom:10px; background-image: url(../images/ibx-150.png);  }

	.trend_up {width: 11px;height: 11px; position: absolute; float: left; left:-154px;background: url(../images/arrows.png) no-repeat 0 0; margin: 6px 10px 0 0; font-size: 0;}
	.trend_down {width: 11px;height: 11px; position: absolute; float: left; left:-154px; background: url(../images/arrows.png) no-repeat 0 -22px; margin: 6px 10px 0 0; font-size: 0;}
	.trend_flat {width: 11px;height: 11px; position: absolute; float: left; left:-154px; background: url(../images/arrows.png) no-repeat 0 -11px  margin: 6px 10px 0 0; font-size: 0;;}
	
	
}