/*MASS RESET*/
html,body{height: 100%;}
body{font: 10px Arial; color: #ffffff; text-align:center; height: 100%; background: #333333 url(../images/bg_body.gif) repeat-x 0 0 ;}
*{padding: 0; margin: 0; outline: none;}
* {outline: none;}
a{text-decoration: underline; color: #fff;}
a:hover{color: #fff;}
li{list-style-type: none;}
hr {border: 0; width: 100%;}
p{margin: 4px 0px 10px 0px;}
img{border: 0; display: block;}
form label {cursor: pointer;}
input{text-align: left; font-size: 13px; font-weight: bold; color: #ccc; line-height: 15px; background-color: Transparent !important; border: 0; padding: 2px;}
select{font-size: 13px; line-height: 15px; color: #ccc; border: 1px solid #cccccc; padding: 2px;}
textarea{font: 13px Arial; line-height: 15px; border: 1px solid #ccc; padding: 2px; color: #ccc;}

/*CLASSES*/
.clearer{clear: both; height: 0; line-height: 0; font-size: 0;}
.fixer{display: none;}

/*LAYOUT*/
#wrap{background: url(../images/bg_wrap.gif) no-repeat 50% 0 ; height: 100%; }
#container{width: 770px; text-align:left; margin:0 auto;}

/*create Dir LAYOUT*/
#createDir {}
#createDir .wrapInputText{width: 253px; height: 30px; padding: 2px 5px; display: block;}
#createDir .validationMessage{display: block; padding: 2px 0 2px 9px; font-size: 11px; line-height: 11px; }
#createDir .wrapInputText .buttonCreate{width:80px; height:23px; background:url(../images/btn_create.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#createDir .wrapInputText .buttonCreate:hover{background-position: 100% 0 ;}
#createDir .spacer{height:12px; margin: 4px 0;}


/*HEADER*/
#header{}

/*LOGIN*/
#login{width: 300px; height: 395px; text-align:left; margin:0 auto; background: url(../images/bg_home.gif) repeat-x;}
#loginContent {width: 250px; margin:0 auto; padding-top: 90px;}
#wrapbuttonLogin {float: right; margin: 16px 1px 0 0;}
#wrapbuttonLogin  .buttonSubmit{width:80px; height:23px; background:url(../images/btn_login.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#wrapbuttonLogin  .buttonSubmit:hover{background-position: 100% 0 ;}
.label_username{width:60px; height:23px; background: url(../images/label_username.gif) 100% 50% no-repeat; cursor:pointer; border:none; text-indent: -1000px; display: block; float: left; margin: 0 20px 16px 0;}
.label_password{width:60px; height:23px; background: url(../images/label_password.gif) 100% 50% no-repeat; cursor:pointer; border:none; text-indent: -1000px; display: block; float: left; margin: 0 20px 0 0;}
.wrapInputText{background: url(../images/bg_InputText.gif)  no-repeat; width: 160px; height: 23px; padding: 2px 5px; display: block; float: left;}
.wrapInputText .inputText{width: 154px;}
.validationMessage{display: block; float: left; padding: 2px 0 2px 88px; font-size: 11px; line-height: 11px; }

/*Identities*/
#identites {height: 75px; }
#identites #leftIdentity{float: left;}
#identites #rightIdentity{float: right; padding-right: 33px;}

/*Navigation*/
#functions {height: 45px; float: right; margin-right: 43px; margin-top: 1px;}

#functions ul{margin: 0; list-style-type: none; }
#functions li{display: inline;}
#functions span {display: none;}
#functions a{display: block; float: left; height: 45px; line-height: 45px; text-align: center; background-repeat: no-repeat;}
#functions a:hover, #functions .selected a {background-position: 100% 0;}

#functions .funct_item01{width: 104px; background: url(../images/funct_item01.gif);}
#functions .funct_item02{width: 104px; background: url(../images/funct_item02.gif);}
#functions .funct_item03{width: 104px; background: url(../images/funct_item03.gif);}
#functions .funct_item04{width: 104px; background: url(../images/funct_item04.gif);}


/*Delimiter*/
.delimiter{width:643px; height: 1px; overflow: hidden; background: url(../images/bg_delimiter.gif) no-repeat; position: relative;  float: right;}
.delimiterBlank{background: none;}

/*CONTENT*/
#content{margin: 30px 0;}

/*Breadcrumb*/
#breadcrumb{margin: 0 0 20px 0; font-size: 11px;}
#breadcrumb .label{font-weight: bold; color: #808080; margin-right: 4px;}
#breadcrumb .current{font-weight: bold;}

/*Files and Folders*/
.folderRoot{font-weight: bold; font-size: 12px; display: block; margin: 10px 0;}
.folderRoot a{text-decoration: none; background: url(../images/icon_folder.gif) no-repeat 0 0; padding-left: 20px;}
.folderRoot a:hover{text-decoration: underline;}

#folderHolder{background: #1e1e1e; border: 1px solid #363636; width: 390px; float: left;}
#folderHolder dl dt{float: left; width: 260px; background: url(../images/bg_fileItem.gif) no-repeat 0 0; display: block; margin: 15px; padding: 0 0 0 10px; margin: 0 0 10px 0; line-height: 18px; height: 18px;} 
#folderHolder dl dt a{text-decoration: none; display: block;}
#folderHolder dl dt a:hover{text-decoration: underline;}
#folderHolder dl dt a.subfolder{background: url(../images/icon_folder.gif) no-repeat 0 2px; padding-left: 20px;}
#folderHolder dl dd{float: left; width: 100px; background: url(../images/bg_fileItem.gif) no-repeat 100% 0; display: block; padding:  0; margin: 0 0 10px 0; line-height: 18px; height: 18px; } 
#folderHolder dl {font-size: 11px; margin: 10px;}
#folderHolder dl .fileSize{display: block; float: left; width: 50px;}
#folderHolder dl em{color: red;font-style:normal;}

#uploadBrowse{display: none;}
/*#uploadFile{width: 315px; float: right; margin-right: 43px; display: none;}
#uploadFile .title{font: bold 12px Arial; color: #808080; margin-bottom: 10px; display: block;}*/
#uploadBrowse .validationMessage{display: block; padding: 2px 0 2px 9px; font-size: 11px; line-height: 11px; }

.btn_createDir {width: 312px; height: 37px; background: url(../images/btn_createDir.gif) no-repeat 0 0; display: block;}
.btn_createDir span{display: none;}
.btn_createDir:hover{background-position: 100% 0 ;}

#createDir{padding-left:10px;}
#createDir .wrapInputText{padding-left:10px;}

.btn_selectFile {width: 312px; height: 37px; background: url(../images/btn_selectFile.gif) no-repeat 0 0; display: block;}
.btn_selectFile span{display: none;}
.btn_selectFile:hover{background-position: 100% 0 ;}

.btn_uploadFile {width: 312px; height: 37px; background: url(../images/btn_uploadFile.gif) no-repeat 0 0; display: block; cursor:pointer; border:none; text-indent: -1000px;}
.btn_uploadFile span{display: none;}
.btn_uploadFile:hover{background-position: 100% 0 ;}

.buttonDelete{width:50px; height:18px; background:url(../images/btn_delete.gif) no-repeat 0 0; cursor:pointer; display: block; float: left; text-indent: -1000px;}
.buttonDelete:hover{background-position: 100% 0 ;}
.buttonDelete span{display: none;}


/*Create upload*/
#wrapCreateUpload{display:none;}
#wrapCreate{display:none;}
#wrapUpload{display:none;}

#wrapCreateUpload {width: 315px; height: 310px; float: right; padding-right: 43px; background: url(../images/bg_CreateUpload.gif) no-repeat 0 22px;}
#wrapCreateUpload .title{font: bold 12px Arial; color: #808080; margin-bottom: 10px; display: block;}
#wrapCreateUpload form{width: 269px; margin: 0 auto;}
#wrapCreateUpload .wrapInputText-medium{background: url(../images/bg_InputText-medium.gif)  no-repeat; width: 170px; height: 23px; padding: 2px 5px; display: block; float: left;}
#wrapCreateUpload .wrapInputText-medium .inputText{width: 164px; }

#wrapCreateUpload .wrapInputText-longest{background: url(../images/bg_InputText-longest.gif)  no-repeat; width: 260px; height: 23px; padding: 2px 5px; display: block; float: left;}
#wrapCreateUpload .wrapInputText-longest .inputText{width: 254px; }

#wrapCreateUpload .message{display: block; margin: 2px 0 2px 0px; font-size: 11px; line-height: 11px; display: block; }
#wrapCreateUpload .messageError{color: #ca0000;}

#wrapCreateUpload #wrapButton {float: right; margin: 0 0 0 0;}
#wrapCreateUpload #wrapButton .buttonCreate{width:80px; height:23px; background:url(../images/btn_create.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#wrapCreateUpload #wrapButton .buttonCreate:hover{background-position: 100% 0 ;}

#wrapCreateUpload #wrapButton2 {float: left; margin: 6px 0 0 0; overflow: hidden;}
#wrapCreateUpload #wrapButton2 .buttonBrowse{width:80px; height:23px; background:url(../images/btn_browse.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px; margin-right: 4px; }
#wrapCreateUpload #wrapButton2 .buttonBrowse:hover{background-position: 100% 0 ; }

#wrapCreateUpload #wrapButton2 .buttonUpload{width:80px; height:23px; background:url(../images/btn_upload.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#wrapCreateUpload #wrapButton2 .buttonUpload:hover{background-position: 100% 0 ;}

#wrapCreateUpload .spacer{height:12px; padding: 16px 0 9px 0;}

#wrapCreateUpload .fileUpload {-moz-opacity: 0; filter: alpha(opacity: 0); -khtml-opacity: 0; opacity: 0; width:110px !important; height:23px;  position: absolute; z-index: 1; cursor: pointer;}
#wrapCreateUpload .wrapInputFile{position: relative; left: -30px; cursor: pointer;}