body {
	margin:0;
	padding:0;
	background:url(images/bg.gif) top left repeat-x;
	font-size:10px;
	font-family:Verdana, Arial;
	line-height:16px;
}

html{min-height:101%;}

#centrewrap {
	margin:0 auto;
	width:893px;
}

h1, h2, h3, h4, h5, p, ul, li, form, input {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Verdana, Arial;
	font-size:10px;
}

a {
	text-decoration:none;
	outline:none;
}

img {
	border:none;
}


/* == Header == */

#header {
	width:893px;
	display:block;
	height:104px;
	background:url(images/extranet-logo.gif) bottom right no-repeat;
}

#logo {
	float:left;
	padding:25px 0 31px 0;
}

.topnav {
	color:#333;
	float:right;
	padding:10px 0 0 0;
}

.topnav a {
	color:#333;
	text-decoration:none;
}

.topnav a:hover { text-decoration:underline; }

.extranet-logo {
	float:right;
	position:relative;
	top:34px;
}


/* == Main == */

#main {
	padding:25px 0;
	clear:both;
}

.column-headers {
	float:right;
	width:639px;
	margin-bottom:5px;
	color:#fff;
	font-size:11px;
	background:#8e8f90;
	border-bottom:1px solid #777;
	padding:3px 0 1px 21px;
	font-weight:bold;
}

.filestbl th{
	padding:0;
	color:#fff;
	font-size:11px;
	background:#8e8f90;
	border-bottom:1px solid #777;
	padding:3px 0 1px 0;
	text-align:left;
}


#fileslist ul {
	float:right;
	width:660px;
}

#fileslist li {
	line-height:20px;
	cursor:pointer;
}

#fileslist ul li ul li ul li img {
	padding:0 5px 0 38px;
	float:left;
}

#fileslist ul li ul li ul li ul {
	width:624px;
	float:left;
}

#fileslist span {
	float:right;
	width:130px;
}

#fileslist .size {
	float:right;
	text-align:left;
	width:92px;
	padding-left:3px;
}

#fileslist .size img {
	float:right;
	width:17px;
	height:20px;
	padding:0;
}


#fileslist .file-off .size a {
	width:17px;
	height:20px;
	background:url(images/icon-download.gif) top right no-repeat;
	display:block;
	float:right;
}

#fileslist .file-off .size a:hover {
	background:url(images/icon-download.gif) bottom right no-repeat;
}

#fileslist .file-on .size a {
	width:17px;
	height:20px;
	background:url(images/icon-download-on.gif) top right no-repeat;
	display:block;
	float:right;
}

#fileslist .file-on .size a:hover {
	background:url(images/icon-download-on.gif) bottom right no-repeat;
}

#fileslist .tddownload {
	float:right;
	display:block;
	width:95px;
}

#fileslist ul li ul {
	width:642px;
	background:url(images/dotts.gif) bottom left repeat-x;
	margin:0;
	margin-bottom:5px;
}

.collapsed-folder {
	clear:both;
	background:url(images/collapsed-folder.gif) top left no-repeat;
}

.collapsed-folder-on {
	clear:both;
	background:url(images/collapsed-folder-on.gif) top left no-repeat #83a5c7;
	color:#fff;
}

.expanded-folder {
	clear:both;
	background:url(images/expanded-folder.gif) top left no-repeat;
}

.expanded-folder-on {
	clear:both;
	background:url(images/expanded-folder-on.gif) top left no-repeat #83a5c7;
	color:#fff;
}

.companyfolder {
	background:url(images/icon-company.gif) top right no-repeat;
	width:23px;
	height:20px;
	float:left;
	padding:0 0 0 13px;
	margin-right:7px;
}

.collapsed-top .companyfolder {
	background:url(images/icon-company.gif) top right no-repeat;
}

.expanded-top-on .companyfolder, .collapsed-top-on .companyfolder {
	background:url(images/icon-company-on.gif) top right no-repeat;
}

.subfolder {
	background:url(images/icon-folder.gif) top right no-repeat;
	width:23px;
	height:20px;
	float:left;
	padding:0 0 0 13px;
	margin-right:7px;
}

.collapsed-folder .subfolder {
	background:url(images/icon-folder.gif) top right no-repeat;
}

.collapsed-folder-on .subfolder, .collapsed-top-on .subfolder {
	background:url(images/icon-folder-on.gif) top right no-repeat;
}

.expanded-folder-on .subfolder, .collapsed-top-on .subfolder {
	background:url(images/icon-folder-on.gif) top right no-repeat;
}

.deleteicon-company {
	float:right;
	padding:0 0 0 15px;
	margin-right:5px;
	height:20px;
}

.deleteicon-company a
{
	background:url(images/icon-delete-grey.gif) top right no-repeat;
	float:left;
	display:block;
	width:16px;
	height:20px;
}

.deleteicon-company a:hover {
	background:url(images/icon-delete-grey.gif) bottom right no-repeat;
}

.deleteicon-empty {
	float:right;
	padding:0 0 0 15px;
	margin-right:5px;
	width:16px;
	height:20px;
}

.collapsed-top-on .deleteicon-company a, .expanded-top-on .deleteicon-company a, .collapsed-folder-on .deleteicon-folder a, .expanded-folder-on .deleteicon-folder a, .file-on  .deleteicon-folder a {
	background:url(images/icon-delete-on.gif) top right no-repeat;
}
.collapsed-top-on .deleteicon-company a:hover, .expanded-top-on .deleteicon-company a:hover, .collapsed-folder-on .deleteicon-folder a:hover, .expanded-folder-on .deleteicon-folder a:hover, .file-on  .deleteicon-folder a:hover { background:url(images/icon-delete-on.gif) bottom right no-repeat; }

.deleteicon-folder {
	float:right;
	padding:0 0 0 15px;
	margin-right:5px;
	width:16px;
	height:20px;
}

.deleteicon-folder a {
	float:left;
	background:url(images/icon-delete-white.gif) top right no-repeat;
	width:16px;
	height:20px;
}

.deleteicon-folder a:hover {
	background:url(images/icon-delete-white.gif) bottom right no-repeat;
}

.deleteicon-company img, .deleteicon-folder img {
	padding:0;
	width:15px;
	height:20px;
}

.expanded-top .deleteicon-folder, .file-off .deleteicon-folder{
	background:url(images/icon-delete-white.gif) top right no-repeat;
}

#fileslist ul li ul .subFolderUL {
	background:none;
	width:624px;
	margin-bottom:0;
}

.file-off {
	clear:both;
	background:#fff;
	margin-top:2px;
	height:20px;
}

.file-on {
	clear:both;
	background:#83a5c7;
	margin-top:2px;
	color:#fff;
	height:20px;
}

.collapsed-top {
	clear:both;
	background:url(images/collapsed-top.gif) #e6e6e6 no-repeat;
	border-bottom:5px solid #fff;
}

.expanded-top {
	clear:both;
	background:url(images/expanded-top.gif) #e6e6e6 no-repeat;
	border-bottom:5px solid #fff;
}

.collapsed-top-on {
	clear:both;
	background:url(images/collapsed-top-on.gif) #83a5c7 no-repeat;
	border-bottom:5px solid #fff;
	color:#fff;
}

.expanded-top-on {
	clear:both;
	background:url(images/expanded-top-on.gif) #83a5c7 no-repeat;
	border-bottom:5px solid #fff;
	color:#fff;
}


/* == Left side == */

#leftcontent {
	width:223px;
	float:right;
	padding-left:10px;
}

#leftcontent h3 {
	color:#fff;
	font-size:11px;
	background:#8e8f90;
	border-bottom:1px solid #777;
	padding:3px 0 1px 18px;
}

.inputbox {
	border:1px solid #9fa0a1;
	padding:3px;
	width:177px;
	margin-bottom:18px;
}

#leftcontent ul {
	padding-bottom:16px;
}

#leftcontent li {
	margin-bottom:3px;
}

#leftcontent li img {
	padding:0 10px 2px 0;
}

.previewimg {
	padding-bottom:18px;
	text-align:center;
}

.downloadbutton {
	height:26px;
	margin-top:10px;
}

#leftcontent li a {
	color:#000;
}

#leftcontent li a:hover {
	color:#555454;
	text-decoration:underline;
}

#leftcontent li label {
	display:block;
	width:55px;
	float:left;
	text-align:right;
	padding-right:10px;
	color:#737373;
	float:left;
}

.fileinfo {
	display:block;
	width:90px;
	float:left;
}

#leftcontent li, #leftcontent #thumbnail li {
	clear:both;
}

.toolbox {
	padding:18px;
	padding-bottom:0;
	background:#e6e6e6;
	border-bottom:4px solid #fff;
}

/* == Login page == */

#loginarea {
	background:#f1f1f1;
	margin:0 25px 0 0;
	padding:18px;
	height:233px;
}

#loginarea a {
	color:#f5821f;
	width:450px;
}

.terms {
	float:left;
	padding-top:80px;
}


#closewindow {
	float:right;
}

#closewindow a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	position:relative;
	top:-17px;
}

#termsandcons {
	border:1px solid #fff;
	background:#878787;
	padding:17px;
	width:883px;
	margin:0 auto;
}

#termscontent {
	background:#fff;
	padding:25px;
	color:#333;
}

#termscontent h1 {
	font-size:20px;
	border-bottom:1px solid #333;
	padding-bottom:15px;
}

#termscontent h2 {
	font-size:16px;
	padding-top:15px;
	text-decoration:underline;
}

#termscontent h3 {
	font-size:14px;
	padding-top:15px;
}

#termscontent ul {
	padding:15px;
	padding-bottom:0;
}

#termscontent li {
	padding-bottom:10px;
	list-style:disc;
}

#logintxt{
	float:left;
	width:450px;
	height:228px;
}

#logintxt a:hover { text-decoration:underline; }

#logintxt h1 {
	color:#f5821f;
	font-size:22px;
	line-height:26px;
	margin:0 0 24px 0;
	padding:0;
	font-weight:normal;
}

#logintxt p {
	margin:0 18px 12px 0;
}

#loginbox {
	background:#e6e6e6;
	width:280px;
	border:1px solid #a5a6a7;
	color:#4e5052;
	float:right;
	padding:18px 26px;
	margin:0 0 10px 0;
}

#loginbox h2 {
	margin:0 0 17px 0;
	padding:0;
	font-weight:normal;
	font-size:18px;
}

#loginbox h4 {
	clear:both;
	margin:0;
	padding:13px 0 15px 0;
	font-weight:normal;
	font-size:11px;
}

#loginbox h4 a {
	color:#4e5052;
	text-decoration:none;
}

#loginbox h4 a:hover { text-decoration:underline; }

#loginbox label {
	font-size:11px;
	width:70px;
	height:24px;
	line-height:18px;
	float:left;
	margin:0 0 4px 0;
	padding:0;
}

#frmWrap {
	width:332px;
	float:right;
	margin:0 0 10px 0;
}

.inputbutton {
	background:url(images/button.gif) top right;
	border:none;
	height:22px;
	color:#4e5052;
	cursor:pointer;
}


/* == Buttons == */
.buttonwrap {
	margin:0 auto;
	text-align:center;
}

.continue-grey {
	background:url(images/button-continue.gif) bottom left no-repeat;
	border:none;
	height:29px;
	width:74px;
	cursor:pointer;
}
.continue-grey:hover {
	background:url(images/button-continue.gif) top left no-repeat;
}

.cancel-grey {
	background:url(images/button-cancel.gif) bottom left no-repeat;
	border:none;
	height:29px;
	width:74px;
	cursor:pointer;
	margin:10px 0;
}
.cancel-grey:hover {
	background:url(images/button-cancel.gif) top left no-repeat;
}

.download-button {
	background:url(images/button-download.gif) bottom left no-repeat;
	border:none;
	height:27px;
	width:118px;
	cursor:pointer;
	margin-top:10px;
}
.download-button:hover {
	background:url(images/button-download.gif) top left no-repeat;
}

.perm-white a {
	display:block;
	width:16px;
	height:26px;
	background:url(images/icon-permission.gif) top left no-repeat;
}

.perm-white a:hover {
	background:url(images/icon-permission.gif) bottom left no-repeat;
}

.perm-grey a {
	display:block;
	width:16px;
	height:26px;
	background:url(images/icon-permission-grey.gif) top left no-repeat;
}

.perm-grey a:hover {
	background:url(images/icon-permission-grey.gif) bottom left no-repeat;
}

.delete-white a {
	display:block;
	width:16px;
	height:26px;
	background:url(images/icon-delete-white-off.gif) top left no-repeat;
}

.delete-white a:hover {
	background:url(images/icon-delete-white-off.gif) bottom left no-repeat;
}

.delete-grey a {
	display:block;
	width:16px;
	height:26px;
	background:url(images/icon-delete-grey-on.gif) top left no-repeat;
}

.delete-grey a:hover {
	background:url(images/icon-delete-grey-on.gif) bottom left no-repeat;
}

.save-button {
	background:url(images/button-save.gif) bottom left no-repeat;
	border:none;
	height:29px;
	width:74px;
	cursor:pointer;
	margin:10px 0;
}
.save-button:hover {
	background:url(images/button-save.gif) top left no-repeat;
}

.save-button-white {
	background:url(images/button-save-white.gif) bottom left no-repeat;
	border:none;
	height:29px;
	width:74px;
	cursor:pointer;
}
.save-button-white:hover {
	background:url(images/button-save-white.gif) top left no-repeat;
}

.continue-button-white {
	background:url(images/button-continue-white.gif) bottom left no-repeat;
	border:none;
	height:29px;
	width:74px;
	cursor:pointer;
}
.continue-button-white:hover {
	background:url(images/button-continue-white.gif) top left no-repeat;
}

.cancel-button-white {
	background:url(images/button-cancel-white.gif) top left no-repeat;
	border:none;
	height:29px;
	width:74px;
	cursor:pointer;
}
.cancel-button-white:hover {
	background:url(images/button-cancel-white.gif) bottom left no-repeat;
}

.agree-button a {
	background:url(images/button-agree.gif) top left no-repeat;
	border:none;
	height:29px;
	width:75px;
	cursor:pointer;
	display:block;
	float:left;
	margin-right:30px;
}

.agree-button a:hover {
	background:url(images/button-agree.gif) bottom left no-repeat;
}

.disagree-button a {
	background:url(images/button-disagree.gif) top left no-repeat;
	border:none;
	height:29px;
	width:75px;
	cursor:pointer;
	display:block;
	float:left;
}

.disagree-button a:hover {
	background:url(images/button-disagree.gif) bottom left no-repeat;
}

.agreement {
	display:block;
	height:40px;
	text-align:center;
	padding:30px 0 0 340px;
}

/* == Remider == */

#reminder{border:2px solid #4e5052; width:340px; color:#4e5052; background:#fff; font-size:12px; margin:0 auto; padding:15px; padding-bottom:5px;}
#reminder h2{margin:0; margin-bottom:9px; padding:2px 0 6px 40px; font-size:16px; background:url(images/lrg-password-icon.gif) top left no-repeat;}
#reminder form{margin:0; padding:0;}
#reminder p{line-height:16px; margin-bottom:15px;}
#reminder form a{background:none; display:inline;}
#reminder label{font-size:13px; height:24px; margin:0 0 4px 0; float:left; padding:0;}
.formbkgroundReminder{background:#f1f1f1; margin:0; padding:10px; padding-bottom:0; margin-bottom:15px; height:118px;}

/* == Moodalbox == */

#newcompany{border:2px solid #4e5052; width:340px; color:#4e5052; background:#fff; font-size:10px; padding-bottom:15px;}
#newcompany p{text-align:left; float:right; width:145px; font-size:9px;}
#newcompany span{float:right; line-height:18px; width:148px;}
#newcompany a{display:block; background:url(images/th-bg.gif) top left repeat-x; color:#4e5052; text-align:right; height:23px;}
#newcompany a:hover{text-decoration:none;}
#newcompany a img{vertical-align:middle; padding-left:5px;}
#newcompany h1{margin:15px; padding:2px 0 0 40px; line-height:32px; font-size:16px; color:#4e5052; background:url(images/lrg-company-icon.gif) top left no-repeat; text-align:left;}
#newcompany form{margin:0 15px; padding:0; text-align:center;}
#newcompany form a{background:none; display:inline;}
#newcompany em{font-style:normal; float:left;}
.formbkground{background:#f1f1f1; padding:15px 60px; padding-bottom:7px; margin-bottom:15px;}
#newcompany label{font-size:11px; height:24px; margin:0 0 4px 0; float:left; padding:0;}
#newcompany ul{margin:0;}
#newcompany li{border-bottom:1px dotted #4e5052; margin:0; margin-bottom:5px; text-align:left; line-height:28px;}
#newcompany strong{text-align:right; width:100px; display:block; float:left; padding-right:5px;}
#companiesView span{font-size:12px; line-height:18px; width:120px; text-align:left;}
#progressbar {position:relative; top:-8px;}

#permissions{border:2px solid #4e5052; width:340px; color:#4e5052; background:#fff; font-size:12px; padding-bottom:15px;}
#permissions a{display:block; background:url(images/th-bg.gif) top left repeat-x; color:#4e5052; text-align:right; height:23px;}
#permissions a:hover{text-decoration:none;}
#permissions a img{vertical-align:middle; padding-left:5px;}
#permissions h1{margin:15px; margin-bottom:0; padding:2px 0 6px 40px; font-size:16px; color:#4e5052; background:url(images/lrg-key-icon.gif) top left no-repeat; line-height:26px;}
#permissions h4{margin:15px; margin-top:0; padding:2px 0 6px 40px; font-size:11px; color:#4e5052;}
#permissions p{text-align:left; font-size:11px;}
#permissions form{margin:0 15px; padding:0; text-align:center;}
#permissions label{font-size:13px; height:24px; margin:0 0 4px 0; float:left; padding:0;}

.inputbox1{margin:0 0 4px 5px; padding:0; background:#fff; border:1px solid #9a9b9c; width:114px; height:14px; padding:2px; font-size:11px; float:right;}
.frmbutton {
	width:64px;
	color:#fff;
	font-size:11px;
	border:none;
	padding:4px 0 6px 0;
	margin:0 0 18px 0;
	font-weight:bold;
	background:url(images/frmbutton.gif) top left no-repeat;
	cursor:pointer;
}

.frmfields {
	display:block;
	clear:both;
	height:20px;
	width:187px;
	padding-bottom:10px;
}

.frmfields span {
	width:60px;
	display:block;
	float:left;
}

.dropdownlist{margin:0 0 4px 0px; padding:0; background:#fff; border:1px solid #9a9b9c; width:120px; float:right; height:20px; font-size:11px;}
.dropdownlist1{margin:0 0 4px 0; padding:0; background:#fff; border:1px solid #9a9b9c; width:195px; height:20px;}
.dropdownlist2{margin:0 0 4px 16px; padding:0; background:#fff; border:1px solid #9a9b9c; width:195px; height:20px;}
.uploadbox{margin:0 0 4px 0; padding:0; background:#fff; border:1px solid #9a9b9c; font-size:9px; width:185px;}

 /* == Errors == */
 
 .strErr {
 	color:#ff0000;
 	position:relative;
 	float:left;
 	top:-38px;
}

.loginErr {
	clear:both;
	color:#ff0000;
	position:relative;
	top:-4px;
	width:300px;
}

.reminderErr {
	color:#ff0000;
	position:relative;
	float:left;
	left:15px;
	top:-68px;
}

.loginRequestn {
	clear:both;
	color:#ff0000;
	margin:0 auto;
	text-align:center;
}

/* == Manage Users == */

.filestbl{font-size:10px; color:#4e5052; border:0; float:left; margin-bottom:20px;}
.filestbl img{padding-right:8px;}
.filestbl strong{padding-right:8px;}
.filestbl td{padding:4px 0 2px 0px; cursor:pointer;}
.filestbl a{color:#4e5052;}
.filestbl a:hover{text-decoration:none;}

.rowodd{background:#f1f1f1;}
.roweven{background:#fff;}
#listofcompanies{border:1px solid #4e5052; height:200px; overflow:auto; color:#4e5052; font-size:10px; margin-top:15px; text-align:left; background:url('images/filesbg.gif') top left #fff;}
#listofcompanies td{font-weight:bold; font-size:10px; line-height:26px;}
#listofcompanies img{padding-right:8px; float:left;}
#listofcompanies p{text-align:left; font-size:10px; color:#4e5052;}
.companyFolder{padding-left:13px;}
.subFolder{padding-left:25px;}
#iframe{height:308px; margin:0 15px; width:310px; overflow:hidden;}
#floatingbutton{height:22px; width:75px; position:absolute; top:385px; left:173px; cursor:pointer;}
.loginRequest{clear:both; color:#ff0000; margin:0 auto; text-align:center;}