body.main, body.admin {
  background:  rgb(248, 248, 248) url('') no-repeat top center fixed;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: rgb(138, 41, 120);
  behavior: url("/scripts/csshover3.htc");
}

.login_table table td{
	padding:5px;
}
.progress 
{
	position:absolute;
	top:25%;
	left:40%;
}
#BodyLoginView_MainContent_LoginView_CList_ctl01{
        position:absolute;
        top:-180px;
        right:20px;
        display:inline-block;
        border-top:solid 2px #999;
        border-left:solid 2px #999;
        border-right:solid 2px #ccc;
        border-bottom:solid 2px #ccc;
        background-color: #FFF;
        padding:20px;
}

.clear{
        clear:both;
        font-size:0px;
        line-height:0px;
}
.progress{
	width:200px;
	height:40px;
	text-align:center;
	padding: 80px 0;
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px ;
	border-radius:10px;
	display:block;
	z-index:999;
	background-color: #FFF;
  border: #666 solid 3px;

  -webkit-box-shadow:  0px 0px 200px 3px rgba(0, 0, 0, 1);
  -moz-box-shadow:  0px 0px 200px 3px rgba(0, 0, 0, 1);
  box-shadow:  0px 0px 200px 3px rgba(0, 0, 0, 1);
        
}
#page {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border: none;
  position:relative;
}
#help 
{
	position:absolute;
	top:0px;
	right:0px;
	height:32px;
	width:32px;
}
#help a
{
	display:block;
	width:100%;
	height:100%;
	background:url('images/icon_help.gif') no-repeat;
}
img {  border: none;vertical-align: middle; }

h1, h2{
    background-color: rgb(43, 0, 56);
    color: #FFF;
        margin: 0;
        padding: 5px !important;
        font-family:Arial Narrow,Trebuchet MS,Arial,Helvetica;
        font-size:24px;
        font-weight:normal;
      /*  letter-spacing:0.5em; */
}
h1 { font-size: 2.2em; padding: 0px 5px 0px 10px; }
h2 { font-size: 1.8em; padding: 8px 0 5px 10px; }
#info > h1{color:#333333; padding-top:10px;}

table {font-weight:normal; }
th {text-align:left;font-weight:normal;}

td { }

a:link {
        color:#000;
        text-decoration:none;
}

a:visited {
        color:#000033;
         text-decoration:none;
}

a:hover {
         color:#66ccff;
         text-decoration:underline;
}

a:active { }

#details a:link{color:#3399ff;}
#header {
}
#logout, #mydetails, #addCompany, #gohome, .mainsite {
  background-repeat: no-repeat;
  background-position: left;
  width: 80px;
  height: 25px;
  float: right;     
  margin-right: 10px;
  padding-left: 30px;
  padding-right: 20px;
  padding-top: 0;
  font-size: 10px;
  position:relative;
  top:-30px;
}
.mainsite 
{
	background-image: url(images/www.png);
}
.emailform 
{
	display:block;
	width:358px;
	height:71px;
	position:absolute;
	top:-30px;
	right:86px;
  background: url(images/clockwork.jpg) no-repeat;
}
.emailform a
{
	display:block;
	height:100%;
	width:100%;
}
#mydetails{
  background-image: url(images/user.png);
}
#gohome{
  background-image: url(images/home.png);
}
.admin #logout { margin-right: 0px !important; }
#logout 
{
    margin-right:70px;
        padding-right: 0px;
        width:60px;
  background-image: url(images/logoff.png);
}
#addCompany{
  background-image: url(images/company.png);
}
#gohome a:hover{color:black;text-decoration:none;}
#mydetails a:hover, .mainsite a:hover{
 color:#000;
 text-decoration:none;
}
#logout a:hover{
 color:#000;
 text-decoration:none;
}

#addCompany a:hover{
 color:#000;
 text-decoration:none;
}
#content { /* background-color: #FFF; color:#001840 ; */ min-height:300px;clear:both;}
#welcome { text-align: left; margin-top: 15px; margin-bottom: 15px; padding-left: 280px; }
.controlbox { width: 550px; float: left; clear: both; max-width: 550px; margin-left:0px!important; }
.rightTabs { float:right; }
.controlInTabs { width: 309px; max-width: 309px; }
#files,.files, .users {
  /* background-image: url(images/background_filearea.gif); */
  background-repeat: repeat-y;
  background-position: right;
}
.listbox > .row1, .listbox > .row2 {
  background-color:transparent ;
  border: solid;
  border-color: #d4e7bf;
  border-width: 0px 0px 0px 0px;
  padding: 4px 0;
}
.listbox > ul{
  color:#000000;
  margin:0;
  padding: 0px 8px 0px 0px;
  cursor:pointer;
  cursor:hand;
}
.listbox > ul:hover{
  left: 20px;
}
#info {
  background-image: url(images/vcard.gif);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 1px;
  padding-bottom: 36px;
  color: #5c5c5c;
  font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-left: 5px;
}
ul{
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  cursor:pointer;
  cursor:hand;
  background-color: transparent ;
}
.filetitle {
  color: #333;
  font-weight: bold;
  background-image: url(images/background_filetitle.gif);
  background-repeat: no-repeat;
  background-position: right top;
  text-transform: uppercase;
  text-align: center;
/*  height: 42px; */
  margin-top: 0px;
}
.filetitle h2{ /* background-color:transparent;color:#001840; */ }
.filelist {
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 1px;
  padding-bottom: 36px;
}
.filelist2 {
  background-color: transparent;
  background-image: url(images/textfile.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 1px;
  padding-bottom: 2px;
  padding-left: 1px;
}
.filelist  li{
  color:#000000;
  margin:0;
  padding-left: 8px;
  cursor:pointer;
  cursor:hand;
}
.filelist ul{
  padding:0px;
  border-right:1px solid #63696d;
  left:1px;
  position:relative;
}
.filelist  li.primary{
        font-weight :bold;
}
.filelist  li:hover{
  color:#FFFFFF !important;
  background-color: rgb(103, 56, 117);
  background-repeat: repeat-x;
  font-weight:bold;
  padding-left:15px;
  position: relative;
  min-height:16px;
}
.filelist li:hover a{color:#FFF !important;}
.filelist a {
        display: block;
        padding-top: 5px;
    padding-bottom: 4px;
    text-decoration:none;
}
.filelist a:visited, #filelist a{
        color: #000000;
        text-decoration:none;
}
.filelist a:hover {color:#000 !important;}
.filelist table a:hover{color:#000 !important;}
.filelist table a{padding: 0 0 5px 5px;width:100%;}
.filelist li{
        list-style-type: none;
}

.filelist li{
        list-style-type: none;
}

.filelist li.selected{
  color: #FFFFFF !important;
  background-color:#95df53;
  background-image: url(images/highlightarrowbar.gif);
  background-repeat: repeat-y;
  font-weight:bold;
  position: relative;
  min-height:16px;
}
.lockedhighlite a{
 color: #FFFFFF !important;
}
.details {
  width: 410px;
  float: right;
  margin-left: 20px;
  padding-right:30px;
  position:fixed;
  top:285px;
  left:55%;
}
.last_login 
{
	padding-bottom:5px;
}
.company_buttons 
{
	padding-top:10px;
	padding-bottom:5px;
}
.commpany_details
{
	padding-bottom:15px;
}
.fileinfo {
  background-color: inherit;
  background-image: url(images/textfile.png);
  background-repeat: no-repeat;
  height: 75px;
  padding-left: 55px;
  font-size: 0.9em;
}
.fileinfo strong{
  font-size: 0.8em;
}
.fileinfo .label
{
        width:50px;
        display:inline-block;
}
.fileinfo p
{
        margin:0px;
}
#details{width:650px}
.comments {
   color: #5c5c5c;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-image: url(images/mail.png);
   background-repeat: no-repeat;
   min-height: 75px;
   padding-left: 55px;
       margin-top: 20px;
}
.popupFolder span{ padding-left:16px;}

#upload{ color: #999; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/upload.gif); background-repeat: no-repeat; height: 75px; padding-top: 18px; padding-left: 55px; }
#newfile{ color: #999; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/plusgreensml.gif); background-repeat: no-repeat; height: 30px; margin-top: 1px; padding-left: 45px; }
#newCompany{ color: #999; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/plusbluesml.gif); background-repeat: no-repeat; height: 30px; margin-top: 1px; padding-left: 45px; }


strong#error {color:#990000;text-decoration: underline}
.floatRight { float: right; }
.row1 , .userlist .row1 a.editUser{background-color: rgb(248, 248, 248);/*#ddeffd;*/}
.row2 , .userlist .row2 a.editUser{background-color:  #FFF;/*#eef5fa;*/}

.rowselected{background-color:#95df53;color:#FFFFFF;  }
.smalltext{font-size:8pt;}
.ruler{width: 100%; height: 3px; margin: 0; padding: 0;font-weight:bold;display:none;}
.controlbox .ruler{vertical-align:top;}
.controlbox .smalltext{color:#666;}
.cursorhand {
  cursor:pointer;
  cursor:hand;
}

.delete{
 color:red;
}
.grey{
 color:#999999;
}
td input {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

.loginnotice{
        border: solid 1px black;
        background-color: #FFF;
        padding: 10px;
        color: red;
        font-style: italic;
        font-size: 12px;
        width:40%;
        position:relative;
        bottom:-100px;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
        display:none;
        position: absolute;
        top:50%;
        left:50%;
        z-index:9999;
        width:500px;
        height:350px;
        margin:-240px 0 0 -250px;
        border:1px solid #293929;
        padding: 20px;
        background:#FFFFFF;
        text-align:left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}
#lightbox[id]{
        position:fixed;
}

#overlay{
        display:none;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:5000;
        background-color:#293929;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
}
#overlay[id]{
        position:fixed;
}

#lightbox.done #lbLoadMessage{
        display:none;
}
#lightbox.done #lbContent{
        display:block;
}
#lightbox.loading #lbContent{
        display:none;
}
#lightbox.loading #lbLoadMessage{
        display:block;
        width:64px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 150px;
        margin-bottom: auto;
}

#loader{
  top:25px;
  z-index:5;
  width:64px;
  margin-left: auto;
  margin-right: auto;
  color:#0066CC;
  text-decoration:none;
  font-weight:bold;
  font-size:0.8em;
}



/*  BUTTON STYLING   */
/* REQUIRED BUTTON STYLES: */
a, .btnLinkSml {
        /*position: relative;*/
        border: 0;
        padding: 0;
        cursor: pointer;
        overflow: visible; /* removes extra side padding in IE */
}

a::-moz-focus-inner, .btnLinkSml::-moz-focus-inner  {
        padding: 0;
        border: none;  /* overrides extra padding in Firefox */
}

a span, .btnLinkSml span {
        position: relative;
        display: block;
        white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
        /* Safari and Google Chrome only - fix margins */
        button span {
                margin-top: -1px;
        }
}



/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
a.submitBtn, a.btnLinkSml {
        padding: 0 15px 0 0;
        margin-right:5px;
        font-size: 14px;
        text-align: center;
        background: transparent url(images/button.png) no-repeat right -48px;
        height:24px;
        display: inline-block;
        text-decoration:none;
}

a.submitBtn span, a.btnLinkSml {
        padding: 3px 0 7px 15px;
        margin: 0 0px 0 0;
        height: 14px;
        background: transparent url(images/button.png) no-repeat left top;
        color:#333;
}

a.submitBtn:hover, a.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
        background-position: right -72px;

}

a.submitBtn:hover span, a.submitBtnHover span {
        background-position: 0 -24px;
        padding: 4px 0px 6px 15px;
        color:#000;
}


/* OPTIONAL BUTTON STYLES for SMALL BUTTONS: */
a.submitBtnSml, a.btnLinkSml {
        padding: 0 10px 0 0;
        margin: 0 5px 0 0;
        font-size: 10px;
        text-align: center;
        background: transparent url(images/button_small.png) no-repeat right -32px;
        height:16px;
}

a.submitBtnSml span, a.btnLinkSml span {
        padding: 1px 0 3px 10px;
        margin: 0 0px 0 0;
        height: 12px;
        background: transparent url(images/button_small.png) no-repeat left top;
        color:#333;
        min-width: 40px;
                width:expression(this.clientWidth < 42? "40px": "auto" );
}

a.submitBtnSml:hover, a.submitBtnSmlHover, a.btnLinkSml:hover { /* the redundant class is used to apply the hover state with a script */
        background-position: right -48px;
        height:16px;
        margin: 0 5px 0 0;
        text-decoration: none;
}

a.submitBtnSml:hover span, a.submitBtnSmlHover span, a.btnLinkSml:hover span {
        background-position: 0 -16px;
        padding: 1px 0px 3px 10px;
        height: 12px;
        color:#000;
}
a span img, a.btnLinkSml span img {
       position: absolute;
       top: 3px;
       left: -2px;
}
a.btnLinkSml{
        display:inline-block;
}
.file_download.btnLinkSml, .file_delete.btnLinkSml{
         background: transparent url(images/sml_icon_bck.gif) no-repeat top center;
         width:20px;
}
.file_download.btnLinkSml img, .file_delete.btnLinkSml img{
        left: 5px;
    position: relative;
}
.file_box{
        position:relative;
        background: #FFFFFF url(images/filebackground.jpg) repeat-x bottom left !important;
      /*  border-top: solid 1px #e0e0e0; */
}
ul ul ul .file_box{
        position:relative;
        background: #FFFFFF url(images/filebackground_y.jpg) repeat-x bottom left !important;
      /*  border-top: solid 1px #e0e0e0; */
}

.file_box .popup_comment
{
        display:inline-block;
        margin-right: 5px;
}

.file_box .comment
{
        position:absolute;
        background:#FFF;
        border:1px solid #000;
        display:inline-block;
        padding:20px;
        padding-top:5px;
        z-index:99;
        left:50px;
        top:50px;
}
.treeview ul { padding-left:none !important}
.treeview ul li ul li {
    padding-left: 8px;
}

.file strong{
  font-size:11px;
/*  display:inline-block;
  margin-left:-30px;
  padding-left:30px; */
}
.update_date{float:right;}

.usertitle {
  color: #333;
  font-weight: bold;
  background-image: url(images/background_filetitle.gif);
  background-repeat: no-repeat;
  background-position: right top;
  text-transform: uppercase;
  text-align: center;
/*  height: 42px; */
  margin-top: 0px;
}
.userlist {
 /* background-image: url(images/background_filefeet.gif); */
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 1px;
  padding-bottom: 36px;
  padding-left: 1px;
}
.userlist  li{
  color:#000000;
  margin:0;
  padding: 0;
  cursor:pointer;
  cursor:hand;
}
.userlist ul{
        padding:0px;
        background-color: #FFF;
}
.userlist  li.primary{
        font-weight:bold;
}
.userlist a{
    color:#000;
}
.userlist  li:hover{
  color:#FFFFFF;
   background-color:transparent;
  background-repeat: repeat-y;
  font-weight:bold;
  position: relative;
  left: 0px;
  /*width: 297px !important;*/
  min-height:16px;
  position:relative;
}

.deluser {display:none;  width:23px;  height:25px;padding:0px !important; margin:0px;}
.deluser a{ padding:0px !important; margin:0px;background: transparent url(images/deleteuser.png) no-repeat left center; width:23px;height:25px;}
.deluser a:hover{width:23px;height:25px;background-color: transparent;padding:0px !important;margin:0px !important;}
.userlist  li:hover .deluser{
  display:block;
  position:absolute;
  right:0px;
  top:0px;
  padding:0px;
  margin:0px;
 }
.userlist a {display: inline-block;padding: 4px 0 4px 8px;width:265px;}
.userlist a:visited, #filelist a{
        color: #000000;
        text-decoration:none;
}
.userlist a:hover { text-decoration:none; /* background-color:#336600 */;   color: #000 !important; }
.userlist .name { float:left; width:auto !important; }
.userlist .tickbox { float:right; height:24px; width:24px; margin:0 2px; padding:0px; }
.userlist .allow_download { background:url('images/file_download.png') no-repeat; }
.userlist .deny_download { background:url('images/file_download_no.png') no-repeat; }
.userlist .allow_upload { background:url('images/file_upload.png') no-repeat; }
.userlist .deny_upload { background:url('images/file_upload_no.png') no-repeat; }
.userlist .allow_file_delete { background:url('images/file_delete.png') no-repeat; }
.userlist .deny_file_delete { background:url('images/file_delete_no.png') no-repeat; }
.userlist .allow_folder_add { background:url('images/folder_create.png') no-repeat; }
.userlist .deny_folder_add { background:url('images/folder_create_no.png') no-repeat; }
.userlist .allow_folder_delete { background:url('images/folder_delete.png') no-repeat; }
.userlist .deny_folder_delete { background:url('images/folder_delete_no.png') no-repeat; }
.userlist .delete_user { background:url('images/delete_hover.png') no-repeat; margin-right:5px; float:left; }
.userlist .delete_project { background:url('images/delete_hover.png') no-repeat; margin-right:5px; float:left; }
.userlist table a:hover{color:#000 !important;}
.userlist table a{padding: 0 0 5px 5px;width:100%;}
.is_admin { display:inline-block; height:24px; width:24px; float:right; background:url('images/star_icon.png') no-repeat;}
.is_superadmin { display:inline-block; height:24px; width:24px; float:right; background:url('images/star_icon_super.png') no-repeat;}
.userlist li{
        list-style-type: none;
}
.userlist li{
        position:relative;
}

.treeview ul ul li.last 
{
    padding-bottom:20px;
    background: transparent url(/App_Themes/Abacus/images/pageend_y.jpg) no-repeat bottom left !important;
}
.treeview li.last 
{
    padding-bottom:20px;
    background: transparent url(/App_Themes/Abacus/images/pageend.jpg) no-repeat bottom left !important;
}
ul.filetree ul li.collapsable
{
  /*  background: transparent url(/App_Themes/Abacus/images/ruler.png) no-repeat bottom center !important; */
} 
.treeview .file{
        display:inline-block;
        width:95%;
    /*    border-bottom:1px dotted #CCC; */
        padding:5px;
}
.treeview .folder
{
        padding-left:25px !important;
        position:relative;
}
.folder_button
{
        display:block;
        width:16px;
        height:16px;
        float:left;
}
.folder_name
{
        float:left;
        margin-right:15px;
}

/*----- EDIT BUTTON IN FOLDER -----*/
.folder{
        position:relative;
      /*  z-index:15; */
}
.edit_folder{
        float:right;
        position:relative;
        z-index:1;
}

.edit_folder img{
  /*  position:relative;
        z-index: 1;*/
}
.edit_folder_box{
        position:absolute;
        display:none;
        top:0;
        right:15px;
        z-index:999 !important;
        border:1px dotted #999;
        background:#FFF;
        width:150px;
        padding:5px;
}

.edit_folder_box a.disabled:hover
{
        background-position:right -32px !important;
}
.edit_folder_box a.disabled:hover span
{
        background-position:0 0 !important;
}
.edit_folder_box a.disabled span
{
        color:#999 !important;
}

.edit_folder_box .btnLinkSml, .edit_folder_box .btnLinkSml span {
        background-image:none !important;
        text-align:left;
}
/* --- Sortable Folder ---*/
.sortable
{
        margin:10px;
        padding:3px;
        border:1px solid #000;
        background:#FFF;
        list-style:none;
        list-style-image:none;
}

.sortable li
{
        border:1px dotted #ccc;
        padding:5px;
        padding-left:25px;
        margin:1px;
        background: url(images/folder-closed.gif) 5px 5px no-repeat;
}


.ErrorMessage
{
	border:1px solid #F00;
	background:#FCC;
	color:#F00;
	padding:20px;
	margin:10px;
	display:inline-block;
	width:90%;
	font-weight:bold;
}

.ErrorMessage ul
{
	margin-left:20px;
}

.ErrorMessage li
{
	font-weight:normal;
}


.email_form_abacus p
{
	margin:5px 0;
}
.email_form_abacus ul
{
	margin-left:20px;
	padding-top:0px;
}

/*
New Style to clean up the clent Tab box area
*/
.ajax__tab_body{
    padding:0px !important;
}
 .ajax__tab_xp .ajax__tab_body {
    border-style: 0px !important;
 }   
.filetitle h2 {border:none !important;}
.ajax__tab_header{}
.ajax__tab_inner{ overflow:hidden;color:#000}
.ajax__tab_xp .ajax__tab_header {height:25px;}
.ajax__tab_active .ajax__tab_tab{background-image:url('images/tab_blue.gif') !important;font-size:13px; height:17px !important;}
.ajax__tab_active .ajax__tab_outer{background:transparent url('images/tab_blue_right.gif')  no-repeat top right !important;height:25px  !important;}
.ajax__tab_active .ajax__tab_inner{background: transparent url('images/tab_blue_left.gif') no-repeat top left !important;height:25px  !important;}
.ajax__tab_xp .ajax__tab_header{background: transparent url('images/tab_white.gif') repeat-x left bottom !important; }
.ajax__tab_xp .ajax__tab_body {border:0px;}
.ajax__tab_panel .smalltext
{ color: #000; padding:0 5px 5px 5px;
    }
    .ajax__tab_body {border:0px !important;}

.company{
    position:relative;
}
#header a { color: #666;       
  display: inline-block;
    min-height: 30px; 
}
.folderlist{
    color: #000;
    padding: 0 10px 20px 10px;
    background-color: #FFF;
    }
.folderlist h1{margin: 0 -10px;}
.filetree span.folder {z-index:auto!important;}

#nyroModalTitle{display:none;}
#nyroModalIframe, #nyroModalContent{background-color:#FFF;}

#info1 a{color: #3399ff;}
#info1 th{padding-right:10px;}

.treeview {position:relative;}
.expandable {position:relative;}

/* Hiding this as it over lapse the First list item target area .. can't see what it is ment to do*/
.hitarea .collapsable-hitarea .lastCollapsable-hitarea {width:1px;}