/*--- html5 fixes for older browsers ---*/
header, nav, section, article, aside, hgroup, footer{
    display: block;  
}  

/*--- general ---*/
*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
	background-color:#FBFBFB;
}
h1{
	font-size:18px;
	line-height:32px;
}
h2{
	font-size:14px;
	line-height:14px;
}
h3{
	margin:20px 0 20px 0;
	font-size:14px;
	line-height:14px;
}
a{
	color:#3378AD;
}
p{
	margin:10px 0 0 0;
	line-height:16px;
}
img{
	border:none;
}
a.order_asc{
	padding-right:14px;
	background:url(../images/order_asc.png) top right no-repeat;
}
a.order_desc{
	padding-right:14px;
	background:url(../images/order_desc.png) top right no-repeat;
}
input[type=text],
input[type=password]{
	padding:3px 4px 3px 4px;
	line-height:12px;
	color:#666;
	border:1px solid #B5D2FF;
	-moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05);
}

/*--- buttons ---*/
a.bs,
a.bl{
	display:inline-block;
	line-height:12px;
	padding:4px 10px 4px 26px;
	text-decoration:none;
	border:1px solid #B5D2FF;
}
a.bl{
	margin-left:3px;
	font-size:13px;
	line-height:13px;
	padding:6px 14px 6px 36px;
}
a.bs:hover,
a.bl:hover{
	border-color:#79AAFF;
}
a.next{
	padding:4px 22px 4px 10px;
	background:url(../images/icons.aquatica/next_12.png) top right no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/next_12.png) top right no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/next_12.png) top right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}
a.upload_files{
	margin-left:0;
	background:url(../images/icons.aquatica/upload_16.png) 14px 4px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/upload_16.png) 14px 4px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/upload_16.png) 14px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}
a.add{
	background:url(../images/icons.aquatica/add_16.png) 14px 5px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/add_16.png) 14px 5px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/add_16.png) 14px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}

a.folder_permissions{
	background:url(../images/icons.aquatica/folder_permissions_16.png) 14px 5px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/folder_permissions_16.png) 14px 5px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/folder_permissions_16.png) 14px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}
a.download{
	margin-left:3px;
	background:url(../images/icons.aquatica/download_12.png) 10px 4px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/download_12.png) 10px 4px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/download_12.png) 10px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}
a.rename{
	background:url(../images/icons.aquatica/rename_12.png) 10px 4px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/rename_12.png) 10px 4px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/rename_12.png) 10px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}
a.move{
	background:url(../images/icons.aquatica/move_12.png) 10px 4px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/move_12.png) 10px 4px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/move_12.png) 10px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}
a.copy{
	background:url(../images/icons.aquatica/copy_12.png) 10px 4px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/copy_12.png) 10px 4px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/copy_12.png) 10px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}
a.delete{
	background:url(../images/icons.aquatica/delete_12.png) 10px 4px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/delete_12.png) 10px 4px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/delete_12.png) 10px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}
a.edit{
	background:url(../images/icons.aquatica/edit_12.png) 10px 4px no-repeat #ECF2F7;
	background:url(../images/icons.aquatica/edit_12.png) 10px 4px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:url(../images/icons.aquatica/edit_12.png) 10px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
}

/*--- header ---*/
header{
	position:relative;
	width:940px;
	height:125px;
	margin:0 auto;
	padding:0 20px 0 20px;
	text-align:left;
}
header #logo{
	margin-top:30px;
}
#logged_in_as{
	position:absolute;
	top:-35px;
	right:20px;
	padding:8px 12px 8px 20px;
	line-height:16px;
	color:#444;
	background-color:#ECF2F7;
	background:-moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
	border:1px solid #B5D2FF;
	border-top:none;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.03);
}
#logged_in_as #user{
	margin-right:8px;
}
#logged_in_as a{
	margin:0 8px 0 8px;
	color:#3378AD;
}
#logged_in_as img{
	float:left;
	margin-right:3px;
}

/*--- tabs ---*/
#tabs{
	position:relative;
	width:980px;
	height:45px;
	margin:0 auto;
	z-index:1;
}
#tabs ul{
	position:absolute;
	top:0;
	left:0;
	margin:0 20px 0 20px;
	list-style:none;
}
#tabs ul li{
	float:left;
}
#tabs ul li a{
	display:block;
	margin:0 3px 0 0;
	padding:10px 24px 10px 24px;
	font-size:14px;
	line-height:24px;
	color:#333;
	text-decoration:none;
	background-color:#F4FAFF;
	background:-moz-linear-gradient(center top, #FFF 0%, #ECF2F7 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #ECF2F7));
	border:1px solid #B5D2FF;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
#tabs ul li a:hover{
	color:#3378AD;
	text-decoration:underline;
}
#tabs ul li a.selected{
	color:#3378AD;
	background:#FFF;
	border-bottom:1px solid #FFF;
}
#tabs ul li a img{
	float:left;
	margin-right:8px;
}

/*---content & sections (some shared with dialog) ---*/
#content{
	position:relative;
	width:100%;
	margin:0 auto;
	border-top:1px solid #B5D2FF;
	border-bottom:1px solid #B5D2FF;
	background-color:#FFF;
	-moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.03);
}
#content section{
	position:relative;
	width:920px;
	margin:0 auto;
	padding:30px;
	text-align:left;
}
#content section h1 img{
	float:left;
	margin-right:10px;
}
#content section #options{
	float:right;
}
#content section #with_selected{
	height:0;
	margin:3px 0 0 0;
	padding:0 0 0 32px;
	background:url(../images/icons.aquatica/with_selected.png) top left no-repeat;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	overflow:hidden;
}
#content section #with_selected a{
	margin-right:3px;
}
#content section table,
#dialog table{
	width:100%;
	border-bottom:1px dotted #B5D2FF;
}
#content section tbody tr:not(.selected):hover{
	background-color:#FAFEFF;
}
#content section tr.selected{
	background-color:#F7FCFF;
}
#content section tr.access-blocked,
#content section tr.access-blocked a{
	color:#C00;
}
#content section th,
#content section td,
#dialog th,
#dialog td{
	padding:2px 5px 2px 30px;
	line-height:22px;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
#content section th,
#dialog th{
	padding-top:0;
	font-weight:bold;
	border-bottom:1px dotted #B5D2FF;
}
#content section th:first-child,
#content section td:first-child,
#content section th:first-child + th,
#content section td:first-child + td{
	padding-left:5px;
}
#content section th a{
	color:#333;
	text-decoration:none;
}
#content section th a:hover{
	text-decoration:underline;
}
#content section td,
#dialog td{
	border-top:1px dotted #DFECFF;
}
#content section td img{
	float:left;
	margin-top:3px;
}

#content section tbody tr:first-child td,
#dialog tbody tr:first-child td{
	border-top:none;
}

/*--- login ---*/
#login ul{
	margin-top:15px;
	list-style:none;
}
#login ul li{
	margin:3px 0 3px 0;
}
#login ul li label{
	display:block;
	float:left;
	clear:left;
	width:90px;
	line-height:20px;
	font-weight:bold;
}
#login ul li input{
	width:150px;
}
#login #error{
	width:400px;
	padding:0 10px 0 10px;
	height:0px;
	line-height:25px;
	font-weight:bold;
}
	
/*--- my files ---*/
#my_files #folder_trail{
	display:inline;
}
#my_files #upload_files{
	display:block;
	float:left;
	position:relative;
	overflow:hidden;
}
#my_files #upload_files input{
	position:absolute;
	top:-5px;
	left:-5px;
	width:132px;
	height:32px;
	font-size:100px;
	cursor:pointer;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	z-index:2;
}
#my_files #upload_files a{
	width:75px;
}
#my_files #upload_files a.hover{
	border-color:#79AAFF;
}
#content #my_files th:first-child + th + th,
#content #my_files td:first-child + td + td{
	padding-left:5px;
	width:100%;
	white-space:normal;
}

/*--- users ---*/
#content #users th:first-child + th + th,
#content #users td:first-child + td + td{
	padding-left:5px;
	width:100%;
	white-space:normal;
}

/*--- history ---*/
#content #history th:first-child + th,
#content #history td:first-child + td{
	width:100%;
	white-space:normal;
}
#history label{
	margin-right:2px;
	font-weight:bold;
	font-size:12px;
	line-height:25px;
}
#history input,
#history select{
	font-size:12px;
}
#history #filters{
	float:left;
	height:25px;
	margin:15px 0 15px 5px;
	line-height:25px;
}
#history #filters input,
#history #filters select{
	margin-right:20px;
}
#history #pages{
	float:right;
	height:25px;
	margin:15px 5px 15px 0;
	line-height:25px;
	text-align:right;
}
#history #pages a,
#history #pages span{
	display:inline-block;
	margin:2px 0 0 3px;
	height:18px;
	width:18px;
	font-size:24px;
	color:#333;
	line-height:14px;
	background-color:#ECF2F7;
	border:1px solid #B5D2FF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
}
#history #pages a:hover{
	color:#3378AD;
}
#history #pages span{
	color:#EEE;
	background-color:#FAFAFA;
	border:1px solid #EEE;
}
#history #pages label{
	margin:0 0 0 6px;
}
#history #pages select{
	margin:0 3px 0 0;
}

/*--- statistics ---*/
#statistics p{
	margin-top:15px;
	line-height:24px;
}
#statistics img{
	float:left;
	margin-right:10px;
}

/*--- iframes ---*/
#iframes iframe{
	display:none;
}

/*--- upload monitor ---*/
#um_container{
	position:fixed;
	bottom:-10px;
	left:50%;
	width:800px;
	height:10px;
	margin-left:-400px;
	z-index:2;
}
#um{
	position:absolute;
	top:0;
	left:0;
}
#um #um_button{
	height:11px;
	line-height:11px;
}
#um #um_main{
	position:relative;
	width:800px;
	height:2000px;
	color:#FFF;
	background:url(../images/um_bg.png) top left repeat-x;
	border:1px solid #666;
	border-bottom:none;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	-moz-border-radius-topleft:25px;
	-moz-border-radius-topright:25px;
	-webkit-border-top-left-radius:25px;
	-webkit-border-top-right-radius:25px;
	-moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
}
#um_main .pb{
	position:relative;
	float:left;
	width:340px;
	padding:15px 0 0 40px;
}
#um_main #pb0{
	position:relative;
	height:82px;
	padding:18px 40px 0 40px;
}
#um_main h1{
	margin:0 0 8px 0;
	font-size:20px;
	color:#F2C507;
	line-height:20px;
}
#um_main h2{
	margin:0 0 6px 0;
	font-size:13px;
	line-height:13px;
	color:#F2C507;
}
#um_main #pb0 h2{
	margin:0 0 8px 0;
	font-size:16px;
	line-height:16px;
}
#um_main p{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:14px;
	text-align:center;
}
/*--- progress bar ---*/
#um_main .progress_bar{
	position:relative;
	height:20px;
	font-size:11px;
	color:#333;
	font-weight:bold;
	line-height:20px;
	background-color:#FFF;
	border:1px solid #666;
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	-moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}
#um_main #pb0 .progress_bar{
	height:26px;
	font-size:13px;
	line-height:26px;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
}
#um_main .progress{
	width:18px;
	height:18px;
	background-color:#F2C507;
	background:-moz-linear-gradient(top, #FFF 0%, #F2C507 50%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.5, #F2C507));
	border:1px solid #F2C507;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#um_main #pb0 .progress{
	width:24px;
	height:24px;
	border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
}
#um_main .size{
	position:absolute;
	left:11px;
	top:0;
}
#um_main #pb0 .size{
	left:16px;
}
#um_main .percentage{
	position:absolute;
	left:50%;
	top:0;
	width:50px;
	margin-left:-25px;
	font-size:13px;
	text-align:center;
}
#um_main #pb0 .percentage{
	font-size:15px;
}
#um_main .time{
	position:absolute;
	right:11px;
	top:0;
	text-align:right;
}
#um_main #pb0 .time{
	right:16px;
}

/*--- dialogs ---*/
#dialog{
	text-align:left;
}
#dialog fieldset{
	margin:0;
	padding:0;
	border:0;
}
#dialog p{
	margin:0 0 10px 0;
	padding:0;
}
#dialog h1{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:22px;
	color:#3378AD;
}
#dialog #error{
	padding:0 10px 0 10px;
	height:0px;
	line-height:25px;
	font-weight:bold;
}
#dialog th,
#dialog td{
	text-align:center;
}
#dialog th:first-child,
#dialog td:first-child{
	padding-left:5px;
	width:100%;
	text-align:left;
	white-space:normal;
}
#dialog ul{
	margin:0;
	padding:0;
	list-style:none;
}
#dialog ul li{
	margin:0;
	padding:2px 0 2px 0;
	line-height:22px;
}
#dialog ul li label{
	float:left;
	clear:both;
	display:block;
	width:80px;
	font-weight:bold;
	line-height:22px;
}
#dialog #edit-your-profile ul li label{
	width:115px;
}
#dialog #add-folder ul li input{
	width:235px;
}
#dialog #rename-file ul li label,
#dialog #rename-folder ul li label{
	width:45px;
}
#dialog #rename-file ul li input{
	width:240px;
}
#dialog #rename-folder ul li input{
	width:270px;
}
#dialog #add-edit-user ul li label{
	width:125px;
}
#dialog #add-edit-user ul li input{
	max-width:190px;
}
#dialog #add-edit-user ul li select{
	max-width:200px;
}