/*  ---------------------  GENERAL DECLARATIONS  ---------------------  */

body	{           
	font-family: Verdana, Helvetica, sans-serif;
	background:	#c9cbbd;
	color: #777777;
	font-size: 11px;
	padding: 0;
	margin:	0;
	}                   
                    
div, img	{       
	border:	0;
	margin:	0;
	padding: 0;
	display: block; 
	}                   
                    
p	{               
	margin:	0 0 1.5em;
	line-height: 1.5em;
	}

h1, h2, h3, h4, h5, h6 {
	text-align:	left;
	font-weight: normal;
	}

a	{
	text-decoration: none;
	color: #777777;
	
	}

a:hover	{
	text-decoration: underline;	
	}

input	{
	margin:0;
	padding:0;
}

	

/*  ---------------------  NAV  ---------------------  */ 

ul#nav	{
	width:340px;
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.2em;
	float:left;
}

ul#nav li	{
    text-align:center;
	float:left;
	border-right:2px solid #fff;
}

ul#nav li.noBorder	{
	border:none;
}	
 

ul#nav li a	{
	display:block;
	width:112px;
	height:23px;
	padding-top:6px;
	background: #ecf2d5;
	text-decoration:none;  
}

/*ul#nav li a:hover	{*/
	/*background: #e1e7cb;	*/
/*}*/

ul#nav li a#selected	{
	background: #87974c;
	color:#fff; 
}

/*  ---------------------  DIVS  ---------------------  */  

#container	{
	width:995px;
	float:left;
	margin: 15px 11px;
}

#header	{
	width:995px;
	padding-left:4px;
	margin-bottom:25px;
}

#main	{ 
	float:left;
	width:989px;
	background: transparent	url('/img/main_bg.gif') repeat-y;
	padding-bottom:30px;
}

#login {
	width:332px;
	background:#FFFFFF;
}

#login h1 {
	background:#87974c;
	display:block;
	height:20px;
	font-size: 11px;
	padding:7px 0 0 8px;
	color:#FFFFFF;
	border-bottom:2px solid #c9cbbd;
	margin:0;
}

#login p {
	background:#e9ecdf;
	padding:5px 0 5px 8px;
	margin-bottom:1px;
}

#login p label{
	display:block;
	width:90px;
	float:left;
}

#login input {
	width:212px;
	padding:0;
}

#login p.password {
	background:none;
}

#login p.password label {
	width:208px;
}

#login p.password a {
	color:#87974c;
}

#login input#submit_btn {
	width:99px;
}

#topBar	{
	float:left;
	width:989px;
	background:#C9CBBD none repeat scroll 0 0;
}

#topBar p	{
	text-align:right;
	margin:6px 0 0 0;
	width:400px;
	float:right;
	padding-right:8px; 	
} 

#clientHeader	{
	color:#777777;
	padding:5px 8px;
	margin:0; 
	float:left;
	width:973px; 
}

#clientBtns	{
	float:left;
	width:324px;
	padding-right:8px;
} 

#clientBtns	p {
	width:250px;
	margin:0;
	padding:0;
	float:left;
}


#clientHeader p span   {
	color:#fa542a;
}

#clientHeader p#addressBar	{
	width:625px;
	float:right;
	text-align:right;
	margin:0;
}

body#projectDetail #clientHeader p#addressBar	{
	width:350px;
}

p#backClients 	{
	width:270px;
	float:right;
	font-size:14px;
	margin:0;
	color:#87974c;
}

p#backClients a	{
	color:#87974c;
	font-size:11px;
	text-decoration:underline;
}

p#backClients a:hover	{
		text-decoration:none;
}

#clientHeader #clientBtns p#longCrumbs 	{
	width:270px;
} 

ul#btnMain   {
	display:block;
	float:right;
	margin:0;
	padding:0;
}
 
ul#btnMain li   {
	list-style:none;
	display:inline; 
	margin:0;
	padding:0;
}

.twobtns	{width:46px;}
.threebtns	{width:69px;} 

#leftCol	{
	width:340px;
	margin-right: 11px;
	float:left;
}

#leftColHeader	{
	width:324px;
	padding:5px 8px; 
	background:#87974c;
}

.spacer	{
	height:20px;
	margin:0;
} 

#leftColContent	{
	padding:0px 0px 45px 0px;
}

#leftColContent a	{
	color:#87974c;
	text-decoration:underline;
}

#leftColContent a:hover	{
	text-decoration:none;
}

#leftColContent	span	{
	color:#fb542a;
}

#rightCol	{
	width:638px;
	float:left;
	display:inline;
}

#footer	{
	text-align:right;
	margin-top:10px;
	float:left;
	width:989px;
}

#rightColButtons	{
	float:right;
	padding-top:20px;
}



/*  ---------------------  TABLES  ---------------------  */ 


table {
	border-collapse:collapse;
	clear:both;
}

table#wide	{
	width:989px;
}

table#narrow	{
	width:638px;
}

tbody	{
	background:#e9ecdf;
}
table thead	{
	background: #87974c;
	color:#fff;
} 

thead a	{
	color:#dfeba8;
	text-decoration:none;
  /*  padding-right:10px;
    background: url('img/col_sort.gif') right 6px no-repeat;     */
} 
 
th	{
	color:#dfeba8;
	font-weight:normal;
	text-align:center;
	padding:8px;
	border-right: 1px dotted #dfeba8; 
}


span#name {
   float:left;
   border:none;
}

span#add, span#delete	{ 
	display:block;
	float:right;
}

span#add a, span#delete a	{
	color:#fff;
	padding:0 0 1px 20px;
	margin:0 0 0 10px;
	background: url('/img/btn_plus.gif') left top no-repeat;
}

a.addFolder, a.delFolder {
	color:#fff;
	padding:0 0 1px 20px;
	margin:0 20px 0 10px;
}

a.delFolder {margin-right:40px;}

	a.addFolder	{background: url('/img/btn_plus.gif') left top no-repeat;}
	a.addFolder:hover{background: url('/img/btn_plus_hover.gif') left top no-repeat;}

	a.delFolder	{background: url('/img/btn_minus.gif') left top no-repeat;}
	a.delFolder:hover {background: url('/img/btn_minus_hover.gif') left top no-repeat;}
	

a.moveFolder {
	color:#fff;
	padding:0 0 1px 20px;
	margin:0 40px 0 10px;
	background: url('/img/btn_move.gif') left top no-repeat;
}

a.moveFolder:hover	{background: url('/img/btn_move_gray.gif') left top no-repeat;}


/*-- ths superadmin + clientLanding --*/ 

th#nameAdd	{
	width:324px;
	border:none;
	border-right:11px solid #c9cbbd;
}

th#storage	{
	width:98px;
	padding-right:0;
}

th#activity {
	width:90px; 		
}

th#projects	{
	width:88px; 
}

th#admin	{
	width:136px;
}

th#manage	{
	border:none;
   	width:150px;  
}



/*-- ths projectDetail --*/

th#chkbx	{
	width:12px;
	margin:0;
}

th#folderNav	{
	width:32px;
}

th#name	{
	width:268px;
}

th#date	{
	width:128px;
}

th#size	{
	width:115px;
	border:none;   
}

.delDialog {
    width: 350px;
    padding: 10px;
    color: #000000;
}

/*-- ths projectLanding --*/

body#projectLanding th#admin	{
	width:241px;
}


td	{
	padding:4px 8px;
	border-bottom:1px solid #fff;
	text-align:center;
}

td.firstCol	{
	border-right:11px solid #c9cbbd;
}

td input	{
	margin:0;
	width:12px;
}

span.btns	{
display:block;
float:right;
}

span.clientName	{
	float:left;
	text-align:left;
	padding-top:3px;
	width:245px;
}

tr.odd	{
	background:#e0e3d6;
}

tr.selected, tr.selected a	{
	background: #fb542a;
	color:#fff;
}



table#narrow td img	{
	display:inline;
}

td.fileName	{
	text-align:left;
}

tr#tfoot	{
	background:#87974c;
}
tr#tfoot td   {
	padding:8px 0;
}

tr#tfoot span#add	{
	float:left;
}

/*  ---------------------  BUTTONS  ---------------------  */  


a.infoBtn, a.clientsBtn, a.projectsBtn, a.uploadBtn	{
	float:left;
	height:20px;
	width:20px;
	padding:0;
	margin-left:3px;
	text-indent:-9999px;
	overflow: hidden; 	
}

a.infoBtn	{
	background: transparent url('/img/btn_info.gif') no-repeat;
}   

a.infoBtn:hover	{
	background: transparent url('/img/btn_info_hover.gif') no-repeat;
}   

a.clientsBtn	{
	background: transparent url('/img/btn_clients.gif') no-repeat;
}

a.clientsBtn:hover	{
	background: transparent url('/img/btn_clients_hover.gif') no-repeat;
}

a.projectsBtn	{
	background: transparent url('/img/btn_hammer_off.gif') no-repeat;
}           

a.projectsBtn:hover	{
	background: transparent url('/img/btn_hammer_over.gif') no-repeat;
}           

a.uploadBtn	{
	background: transparent url('/img/btn_upload.gif') no-repeat;
}           

a.uploadBtn:hover	{
	background: transparent url('/img/btn_upload_hover.gif') no-repeat;
}           


a#bigUpload, a#bigDownload {
	display:block;
	height:42px;
	text-indent:-9999px;
	margin-right:20px; 
	float:left;
	overflow: hidden;
}

a#bigUpload	{
	width:101px;
	background: url('/img/big_upload.gif') top left no-repeat;
} 	

a#bigUpload:hover	{
	background:url('/img/big_upload.gif') bottom left no-repeat;
}

a#bigDownload	{
	width:121px;
	background: url('/img/big_download.gif') top left no-repeat;
} 	

a#bigDownload:hover	{
	background:url('/img/big_download.gif') bottom left no-repeat;
}

a#prev, a#next	{
	display:block;
	height:14px;
	width:14px;
	text-indent:-9999px;
	float:left;
	overflow: hidden;
	padding:0;
}

a#prev 	{
		background: url('/img/prev_arrow.gif') top left no-repeat;
}

a#prev:hover 	{
		background: url('/img/prev_arrow.gif') bottom left no-repeat;
}

a#next 	{
		background: url('/img/next_arrow.gif') top left no-repeat;
		margin-left:3px;
}

a#next:hover 	{
		background: url('/img/next_arrow.gif') bottom left no-repeat;
}

span#prevGray, span#nextGray	{
	display:block;
	height:14px;
	width:14px;
	text-indent:-9999px;
	float:left;
	padding:0;
}

span#prevGray	{
	background:url('/img/prev_arrow_dead.gif') no-repeat;
}

span#nextGray	{
	background:url('/img/next_arrow_dead.gif') no-repeat;
	margin-left:3px; 
}




/*  ---------------------  PROJECT VIEWS WITH NO NAV  ---------------------  */ 

body.skinned #header	{
	margin-bottom:0;
}
body.skinned #topBar p	{
	margin-bottom:1em;
}

body.skinned #headerBar {
	padding:0;
	width:989px;
	float:left;
}

body.skinned #welcome	{
	width:324px;
	padding:6px 8px;
	float:left;  
}

body.skinned #welcome p	{
	margin:0;
}

body.skinned #clientInfo	{
	width:622px;
	float:left;
	padding:6px 8px; 
}


body.skinned #clientInfo h3	{
	font-size:13px;
	margin:0;
	font-weight:normal;
	float:left;
	display:inline;
} 

body.skinned #clientInfo p	{
	float:right;
	margin:0;
}


/*  ---------------------  MODAL WINDOWS  ---------------------  */  

.modalWindow	{
	background:#fff;
	border:3px solid #ced1bf;
}

.req	{
	color:#fc7452;
}

.modalWindow h1	{
	font-size:1.8em;
	font-weight:normal;
	color:#444444;
	float:left;
	margin:0 0 20px 0 ;
}

.modalWindow label, .modalWindow h1 span	{
	color:#87974c;
}

/* --  createNew --*/

.createNew	{
	width:609px;
	padding:25px;
	margin:50px;
}

.createNew	h1	{
	margin-right:10px;
}

select#groupMenu	{
    margin:3px 0 0 0;
	float:left;
}

.createNew div 	{
	width:280px;
	float:left;
	display:inline;   
}

.createNew input	{
	width:278px;
	margin-bottom:10px;
	margin-top:4px;
}


.createNew div div, .createNew .narrowInput	{
	width:120px;
}

.createNew .floatRight 	{
	float:right;
} 

.createNew div div	{
	float:left;
	display:inline;
}

.rightMargin	{
	margin-right:45px;
}

.createNew .modalColumn, .modalWindow .customize .modalColumn	{
	float:left;
	width:280px; 
}

.createNew .modalColumnRight	{
	float:right;
	width:280px; 

}          

p.cancel	{
	width:120px;
	display:inline;
}

.createNew .saveBtn	{
	width:115px;
	float:right;
	display:inline;
	margin-top:15px;
}

p.cancel a	{
	float:right;
	margin: 20px 25px 0 0;
	color:#87974c;
	text-decoration:underline;  	
}  

p.cancel a:hover	{
	text-decoration:none; 	
}

.errorDialog {
    width:450px;
	padding:20px;
	margin:50px;
}

#errorDialog h1 {
    margin: 0px 0px 5px;
}

/* --  customize --*/ 


.modalWindow .customize	{
	width: 600px;
	background:#ededed;
	margin:25px 0 20px;
	padding:5px 0 5px 5px;
	float:left;
}              

input.colorpicker	{
	width:100px;
	float:left;
}

.colorPicIcon	{
	display:inline;
	float:left;
 	margin:3px;  

}
.modalWindow .customize .modalColumn	{
	width:275px;
}


/* --  moveBox + folderBox --*/ 


.moveBox, .folderBox	{
	padding:25px;
	margin:50px;	
} 

.moveBox	{
	width:240px;
}

.folderBox	{
	width:190px;
}

.moveBox #selectMoveCopy	{
	width:225px;
	margin-bottom:25px;
}

input.doneBtn {
	width:80px; 
  	height:42px;
	float:right;
	margin-right:15px;
	border:none;

}

.moveBox p.cancel a, .folderBox p.cancel a {
	margin-top:12px;
}

.moveBox form, .folderBox form	{
	margin:0;
	padding:0;
} 

.folderBox	 input.folderName	{
	width:170px;
	margin:0 0 20px 0; 
}