/*  Some CSS Reset */
*{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
}
body { font:13px/1.231 sans-serif; *font-size:small; }
small { font-size: 85%; } 
a, a:active, a:visited { color: #008FFF;}
ul, ol { margin-left: 1.8em; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
.hidden { display: none; visibility: hidden; }
.invisible { visibility: hidden; }
.clearFix {clear: both;}

/* ============================================================================ 
 START Primary Styles
============================================================================= */
html, body {
	height: 100%;
}

body {
	color: #F8F8F8;
	text-align: center;
	#background-color:#303030;
	background-image: url(../img/cloud.jpg);
	background-attachment:fixed;
	font-family: Tahoma, Geneva, sans-serif;
	min-width:480px;
	min-height:100%;
}

p {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.2em;
}

p.version {
	padding: 4px;
	color: #4080F0;
	#background-color:#606060;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 7pt;
	text-align: left;
}

p.update {
	padding: 4px;
	color: #FF0000;
	#background-color:#606060;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	text-align: right;
}

.theme.button, .theme.button:visited { 
	background-color: #45D5FF; 
}
.theme.button:hover	 { 
	background-color: #10A2FC; 
}

.connexion_info {
    position: fixed;
	bottom: 5px;
	left: 10px;
	color: #4060FF;
	padding-top: 2em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	z-index: -1;
}

div.label {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
}

.select  {
	color: #FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
}

.select select {
	color: #000000;
    width: 268px;
    padding: 2px;
    font-size: 16px;
    border: 1px solid #00BFFF;
    height: 28px;
	background: -moz-linear-gradient(top,  #A0C0F0 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A0C0F0), color-stop(100%,#FFFFFF));
	background: -webkit-linear-gradient(top,  #A0C0F0 0%,#FFFFFF 100%);
	background: -o-linear-gradient(top,  #A0C0F0 0%,#FFFFFF 100%);
	background: -ms-linear-gradient(top,  #A0C0F0 0%,#FFFFFF 100%);
	background: linear-gradient(top,  #A0C0F0 0%,#FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0C0F0', endColorstr='#FFFFFF',GradientType=0 );
}

.select option {
	color: #000000;
    font-size: 16px;
	background: #D0F0FF;
}

.selectShare {
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
}

.selectShare select {
	color: #000000;
    width: 120px;
    padding: 2px;
    font-size: 12px;
    border: 1px solid #00BFFF;
    height: 28px;
	background: -moz-linear-gradient(top,  #A0C0F0 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A0C0F0), color-stop(100%,#FFFFFF));
	background: -webkit-linear-gradient(top,  #A0C0F0 0%,#FFFFFF 100%);
	background: -o-linear-gradient(top,  #A0C0F0 0%,#FFFFFF 100%);
	background: -ms-linear-gradient(top,  #A0C0F0 0%,#FFFFFF 100%);
	background: linear-gradient(top,  #A0C0F0 0%,#FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0C0F0', endColorstr='#FFFFFF',GradientType=0 );
}

.selectShare option {
	color: #000000;
    font-size: 12px;
	background: #D0F0FF;
}

#group {
	width: 100px;
    border: 1px solid #000000;
	font-size: 12px;
    height: 22px;
}

#group option {
	color: #000000;
    font-size: 12px;
	background: #D0F0FF;
}

#quota {
	width: 120px;
    border: 1px solid #000000;
	font-size: 12px;
    height: 22px;
}

#quota option {
	color: #000000;
    font-size: 12px;
	background: #D0F0FF;
}

table {
	float: center;
	#border: 2px solid #00BFFF;
	padding: 0px;
	margin: 0px auto;
	border-collapse: collapse;
}

table.invis {
	float: center;
	border: 0px;
	padding: 0px;
	margin: 0px auto;
	border-collapse: collapse;
}

#login {
    float: center;
	display: inline-block;
	width: 450px;
	#margin-right: 20px;
	margin-top: 1em;
	margin-bottom: 2em;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#FFFFFF;
	border-radius: 15px;
}

table.login {
	float: center;
	border: 2px solid #FFFFFF;
	padding: 0px;
	margin: 0px auto;
	border-collapse: collapse;
	width: 400px;
	border-radius: 10px;
}

table.error {
	float: center;
	border: 2px solid #FF0000;
	padding: 0px;
	margin: 0px auto;
	border-collapse: collapse;
	width: 500px;
	margin-top: 3em;
	margin-bottom: 3em;
}

td.title {
	#border: 2px solid #00BFFF;
	padding: 4px;
	color: #4080F0;
	#background-color:#606060;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14pt;
	text-align: left;
}

td.header {
	border: 1px solid #00BFFF;
	padding: 2px;
	color: #FFFFFF;
	background-color:#20A0F0;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}

td.no_selection {
	#border: 1px solid #FFBF00;
	padding: 8px;
	color: #FFBF00;
	background-color:#808080;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14pt;
	text-align: center;
}

tr.grey {
	border-left: 1px solid #00BFFF;
	border-right: 1px solid #00BFFF;
	background-color:#C0F0FF;
}

tr.dark {
	border-left: 1px solid #00BFFF;
	border-right: 1px solid #00BFFF;
	background-color:#B0E0FF;
}

td.loginlabel {
	border: 0px;
	padding: 8px;
	width: 140px;
	color: #00BFFF;
	background-color:#FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	text-align: right;
	border: 0px;
}

td.logininput {
	border: 0px;
	padding: 8px;
	width: 140px;
	color: #00BFFF;
	background-color:#FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	text-align: left;
	border: 0px;
}

td.loginbtn {
	border: 0px;
	padding: 8px;
	width: 140px;
	color: #00BFFF;
	background-color:#FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	text-align: left;
	border: 0px;
}

td.label {
	border: 0px;
	color: #4080FF;
	padding: 4px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: right;
	border: 0px;
}

td.bg {
	#background-color:#606060;
}

td.data {
	border: 0px;
	padding: 4px;
	color: #2040FF;
	#background-color:#606060;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: right;
	border: 0px;
}

td.param {
	border: 0px;
	padding: 4px;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: right;
}

td.backupparam {
	border: 0px;
	padding: 4px;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
}

td.hbackupparam {
	border: 0px;
	padding: 4px;
	padding-left: 20px;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
	visibility: hidden;
}

th.error {
	border: 0px;
	padding: 4px;
	color: #FF0000;
	background-color:#FFCF00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	text-align: left;
	border: 0px;
}

td.error {
	border: 0px;
	padding: 4px;
	color: #000000;
	background-color:#FFF0F0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14pt;
	text-align: center;
	border: 0px;
}

#title {
	position: block;
	top: 0em;
	left: 0.7em;
	font-size: 3em;
	text-align: left;
	letter-spacing: 0.05em;
	text-shadow: 1px 1px 15px #E8E8E8;
	margin-left: 0.5em;
	margin-top: 0;
	margin-bottom: 0;
}

#dashheader {
    float: left;
	#position: fixed;
	width: 300px;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0;
	margin-bottom: 0;
}

#abo {
    float: left;
	width: 280px;
	margin-left: 10px;
	margin-top: 0;
	margin-bottom: 0.5em;
	background-color:#FFFFFF;
	border-radius: 5px;
	opacity: 0.9;
}


#aboData {
    float: left;
	width: 300px;
	margin-top: 0;
	margin-bottom: 1em;
	background-color:#FFFFFF;
	border-radius: 5px;
	opacity: 0.9;
}

#files {
    float: center;
	display: block;
	margin-left: 350px;
	margin-right: 20px;
	margin-top: 0;
	margin-bottom: 2em;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#FFFFFF;
	border-radius: 5px;
	opacity: 0.9;
}

#tfiles {
	#background-color:#606060;
	margin-left: 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #00BFFF;
}

#newfolderbutton {
	float: center;
	margin-bottom: 1em;
}

#btn {
    float: center;
	display: inline;
	margin-left: 30px;
	margin-bottom: 1em;
}


#adminTools {
	position: absolute;
	top: 3em;
	left: 360px;
}

#adminleft {
    display: inline;
	float: left;
	text-align: left;
}

#adminright {
    display: inline;
	float: right;
	text-align: right;
	vertical-align: middle;
	margin-left: 20px;
}

#Adminbutton {
    font-size: 14px;
	height: 16px;
}

#adminLogout {
	position: absolute;
    font-size: 12px;
	margin-left: 3em;
	margin-top: 1em;
}

#accountsData {
    float: center;
	display: block;
	margin-left: 350px;
	margin-right: 20px;
	margin-top: 0;
	margin-bottom: 1em;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 1em;
	background-color:#FFFFFF;
	border-radius: 5px;
	opacity: 0.9;
}

#accountDetail {
    float: center;
	display: inline-block;
	margin-left: 350px;
	width: 450px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#FFFFFF;
	border-radius: 5px;
	opacity: 0.9;
}

td.action {
	border: 0px;
	padding: 8px;
	color: #FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold; 
	text-align: left;
	padding-left: 2em;
	border: 0px;
}

table.admin {
	float: center;
	border: 0px;
	padding: 0px;
	margin: 0px auto;
	border-collapse: collapse;
	width: 800px;
}

td.adminleft {
	border: 0px;
	padding: 4px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
}

td.adminright {
	border: 0px;
	padding: 4px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: right;
}

table.accounts {
	float: center;
	#border: 2px solid #00BFFF;
	padding: 5px;
	border-collapse: collapse;
	width: 900px;
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}

td.admtitle {
	#border: 2px solid #00BFFF;
	padding: 4px;
	color: #4080F0;
	background-color:#FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14pt;
	text-align: left;
}

td.admheader {
	border: 1px solid #00BFFF;
	padding: 2px;
	color: #FFFFFF;
	background-color:#20A0F0;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}

td.admfooter {
	border: 1px solid #00BFFF;
	padding: 2px;
	color: #FFFFFF;
	background-color:#20A0F0;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-align: right;
}

td.sdata {
	padding: 2px;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	border: 1px solid #00BFFF;
	padding: 2px;
	text-align: left;
}

td.ndata {
	padding: 2px;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	border: 1px solid #00BFFF;
	padding: 2px;
	text-align: right;
}

table.account {
	float: center;
	#border: 2px solid #00BFFF;
	padding: 0px;
	margin: 1em;
	border-collapse: collapse;
	width: 420px;
}

td.admLabel {
	padding: 2px;
	color: #2040FF;
	background-color:#FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	#border: 1px solid #00BFFF;
	padding: 2px;
	text-align: right;
}

td.admValue {
	padding: 2px;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	#border: 1px solid #FFFFFF;
	padding: 2px;
	text-align: left;
}

a.linkAccount, a.linkAccount:active, a.linkAccount:visited  {
	color: #000000;
    text-decoration: none;
	padding-left: 2px;
}

a.linkAccount:hover {
	color: #000000;
    text-decoration: underline;
	cursor: pointer;
	padding-left: 2px;
}

a.file, a.file:active, a.file:visited  {
	color: #2040FF;
    text-decoration: none;
	padding-left: 20px;
	background: url(../img/file.png) no-repeat left;
}

a.file:hover {
	color: #2040FF;
    text-decoration: underline;
	cursor: pointer;
	padding-left: 20px;
	background: url(../img/file.png) no-repeat left;
}

a.folder, a.folder:active, a.folder:visited  {
	color: #2040FF;
    text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/folder.png) no-repeat left;
}

a.folder:hover {
	color: #2040FF;
    text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/folder.png) no-repeat left;
}

a.folder_up, a.folder_up:active, a.folder_up:visited  {
	color: #FFFFFF;
    text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/folder_up.png) no-repeat left;
}

a.folder_up:hover {
	color: #FFFFFF;
    text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/folder_up.png) no-repeat left;
}

td.filesize {
	color: #2040FF;
	text-align: right;
	border: 0px;
	padding: 2px;
}

td.filedatetime {
	color: #2040FF;
	text-align: right;
	border: 0px;
	padding: 2px;
}

td.fileuploaded {
	color: #2040FF;
	text-align: right;
	border: 0px;
	padding: 2px;
}

td.fileactions {
	color: #2040FF;
	text-align: left;
	border: 0px;
	padding: 2px;
}

.textinput
{
	border: 1px solid #B0B0B0;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	background: -moz-linear-gradient(top,  #D0F0FF 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0F0FF), color-stop(100%,#FFFFFF));
	background: -webkit-linear-gradient(top,  #D0F0FF 0%,#FFFFFF 100%);
	background: -o-linear-gradient(top,  #D0F0FF 0%,#FFFFFF 100%);
	background: -ms-linear-gradient(top,  #D0F0FF 0%,#FFFFFF 100%);
	background: linear-gradient(top,  #D0F0FF 0%,#FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D0F0FF', endColorstr='#FFFFFF',GradientType=0 );
}

#closeButton {
	float: right;
}

a.action {
	font-size:1em;
	text-align: center;
}

#logout {
	color: #FF0000;
	font-size:1em;
	text-align: center;
	text-shadow: 1px 1px 5px #FF0000;
}

#root-container {
	width: 600px;
	min-height:100%;
	margin: 0 auto;
	padding-top: 1em;
	position: relative;
	overflow: hidden;
	background: #303030 url(../img/bottom.gif) no-repeat center bottom;

}

#header {
	text-align: center;
}

#sharing {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 170px; 
	margin: 2em auto;
}

#sharing ul {
	list-style-type: none;
}

#sharing ul li {
	float: left;
	padding-left: 20px;
}

#sharing .first {
	padding-left: 0px;
}


#welcome {
	float: center;
	clear: both;
	font-size:1.2em;
	text-align: left;
	letter-spacing: 0.05em;
	text-shadow: 1px 1px 15px #D8D8D8;
	margin-top: 2em;
	margin-left: 350px;
}

#loginwelcome {
	font-size:1.2em;
	text-align: center;
	letter-spacing: 0.05em;
	text-shadow: 1px 1px 15px #D8D8D8;
	margin-top: 6em;
	margin-bottom: 2em;
}

#filepicker-input{
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0; 
    position:absolute; 
    top:0px; left:0px; 
    z-index:-100;
}

#direct-upload-text:hover{
	cursor:pointer;
	color: #eee;
}


#more-info-link{
	cursor:pointer;
}

#more-info{
	display:none;
	color:#0000D0;
    float: center;
	width: 250px;
	padding: 0px 20px 15px 20px;
	margin: 20px auto 10px auto;
	background-color: #F2F2F2;
	border-radius: 10px;
	opacity: 0.6;
}

#more-info ul li{
	padding-top: 10px;
}

#dropbox {
    display: block;
    margin: 3em auto 10px auto;
}

#preview{
	display:block;
    float: center;
	color:#bbb;
	/*background-color:#FFBF00;*/
	margin: 10px auto;
	margin-top:30px;
	margin-left:330px;
	margin-right:20px;
	margin-bottom:100px;
	border-radius: 20px;" 
}

#dropped-files {
	list-style: none;
}

#preview li {
	display: block;
	min-height: 62px;
	background-color: #FFFFFF;
	padding: 15px 15px 15px 15px;
	margin-top: 10px;
	border-radius: 5px;
	opacity: 0.9;
}
#preview li .filename {
	color: #0000FF;
}

#preview li .pauseButton {
	float: right;
}

#preview li .progressbar {
    float: left;
	margin-top: 1em;
	height: 5px;
	width: 300px;
}

#preview li .progresslabel {
	color: #0000FF;
	width: 200px;
	font-size: 0.9em;
	margin-top: 1em;
}

#preview li .log-link {
	display:none;
	width: 100px;
	font-size: 0.9em;
	margin-top: 1em;
	cursor: pointer;
}

#preview li:hover .log-link {
	color: #00BFFF;
	display: block;
}

#preview li:hover .log-link:hover {
	color: #0000FF;
}

#preview li .log {
	max-height: 300px;
	color: #0000FF;
	overflow:auto;
	padding: 10px;
	margin-top: 1em;
	background-color: #F0F0F0;
	border-radius: 5px;
	border: 10px solid #F0F0F0;
}

#preview .downloadLink {
	padding-left: 2em;
	color:  #00BFFF; /*#33FF05;*/
	text-decoration: none;
}

#preview .downloadLink:hover {
	text-decoration: underline;
}

#uploadbutton {
	display:none;
	margin: 0 auto;
	margin-top: 2em; 
	margin-bottom: 20px;
}

#ajax-loader {
	display:none;
	margin-bottom: 5px;
	vertical-align: middle;
}

noscript {
	color: #DDDDDD;
	text-align: center;
}

#footer {
	font-size: 85%;
	text-align: center;
	background-color:#FFFFFF;
	padding: 0.4em;
}

#footer ul li{
	display: inline;
	list-style: none;
	padding-right: 0.7em;
}

#footer .footer-links{
	color: #00BFFF; 
	text-decoration:none;
}

#footer .footer-links:hover{
	text-decoration:underline;
}

#more-info .footer-links{
	color: #00BFFF; 
	text-decoration:none;
	text-decoration:underline;
}


#drop-box-overlay {
	margin: 1px;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	position: fixed;
	background-color: #888888;
	display: none;
	
	z-index: 50;
	opacity: 0.9;
}

#drop-box-overlay h1 {
	padding: 2em;
	top: 35%;
	left: 25%;
	#position: absolute;
	
	border: 2px solid #679BFF;
	background-color: #C9F7FF;
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	
	color: #808080;
	font-size: 150%;
	text-shadow: 1px 1px 1px #FFFFFF;
}

#browser-warning {
	display: none;
	position: fixed;
	padding: 1em;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #666;
	font-weight:bold;
	background-color: #FFDAD9;
	border: 2px solid #FF0700;
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	margin-bottom: 1em;
	z-index: 50;
	opacity: 0.9;
}

#browser-warning a {
	color: #222;
}