@charset "utf-8";
/* Copyright 2009 MintTwist Ltd.*/

html {
	margin:0 0 1px 0;
	height:100%;
}

body {
	background:#ADADAD url(bg-body-blue.png) no-repeat top center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333333;
}

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

a:hover {
	text-decoration:underline;
}

.clear { clear:both;}

.accessibility {
	display:none;
}

h2.page-heading {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:22px;
	color:#999999;
}

#container {
	width:520px;
	height:280px;
	padding:50px 50px 25px 50px;
	margin:100px 0 0 100px;
	background:transparent url(bg-container.png) no-repeat center;
}

#container-inside {
	width:800px;
	margin:75px 0 0 75px;
	padding:50px;
	min-height:500px;
	border:1px solid #999999;
	-moz-border-radius:6px;
	overflow:auto;
	background:transparent url(translucent-bg.png) repeat;
}

.navs {
	display:block;
	font-size:11px;
	color:#CCCCCC;
	margin:160px 0 0 0;
}

.navs.login {
	margin:10px 0 0 0;
}

.navs.contact {
	margin:120px 0 0 0;
}

.navs a, .navs a:visited, .navs.login a, .navs.login a:visited {
	color:#666666;
	text-decoration:none;
	padding:2px;
}

.navs a:hover, .navs.login a:hover {
	background:#999999;
	color:#FFFFFF;
}

::-moz-selection { background:#000000; color: #CCCCCC; }
::selection { background:#000000; color: #CCCCCC; }

#footer {
	width:590px;
	margin:-20px 0 0 115px;
	padding:0 0 10px 0;
}

#footer p {
	font-size:9px;
	color:#666666;
	text-align:right;
	margin: 5px 0 0 0;
}



table {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	font-size:12px;
	color:#333333;
}

table.files {
	border:1px solid #CCCCCC;
}

table.files h3 { margin:0;}

table.files tr td { 
	padding:5px;
}

table.files tr.list { 
	border-top:1px solid #CCCCCC;
	background:#F9F9F9;
}

table.clients {
	border:1px solid #CCCCCC;
}

table.add-clients {
	border:none;
	width:540px;
	*width:560px;
}

table.add-clients td {
	padding:5px 0;
}

table.clients td {
	border-bottom:1px solid #CCCCCC;
}

table.login {
	border:none;
	width:300px;
}



td.clients-names {
	background:#EEEEEE;
	font-weight:bold;
}

td.heading {
	background:#DDDDDD;
	font-weight:bold;
	padding:3px;
}

td {
	padding:6px 3px;
	_border-color:#CCCCCC;
}

input, select {
	font-family:Verdana, Geneva, sans-serif;
	border:1px solid #999999;
	padding:4px;
	background:#FFFFFF;
	margin:5px 0 5px 0;
	border-radius:2px;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
}

input:focus {
	border:1px solid #073465;	
	box-shadow:0 0 5px #D9D9D9;
	-moz-box-shadow:0 0 5px #D9D9D9;
	-khtml-box-shadow:0 0 5px #D9D9D9;
	-webkit-box-shadow:0 0 5px #D9D9D9;
}

select {
	cursor:pointer;
}

input#btnSubmit, input#btnBack, input.button {
	border:1px solid #999999!important;
	font-size:11px!important;
	background:#DDDDDD!important;
	color:#666666!important;
	padding:4px 20px;
	cursor:pointer;
}

input:hover#btnSubmit, input:hover#btnBack, input:hover.button {
	border:1px solid #073465;	
	box-shadow:0 0 5px #D9D9D9;
	-moz-box-shadow:0 0 5px #D9D9D9;
	-khtml-box-shadow:0 0 5px #D9D9D9;
	-webkit-box-shadow:0 0 5px #D9D9D9;
	background:#D9D9D9!important;
}

a.password, a.password:visited {
	color:#666666;
	font-size:10px;
	text-decoration:underline;
}

a.password:hover {
	text-decoration:none;
}

label {
	cursor:pointer;
}

#header {
	width:100%;
	display:block;
	overflow:hidden;
	padding:0 0 10px 0;
}

#header .logo {
	float:left;
}

#header a.log-out {
	float:right;
}

a.delete-client {
	padding:2px 0 2px 23px;
	background:url(user_delete.png) no-repeat left center;
}

a.amend-client {
	padding:2px 0 2px 23px;
	background:url(user_edit.png) no-repeat left center;
}

a.manage-files {
	padding:2px 0 2px 23px;
	background:url(folder.png) no-repeat left center;
}

a.delete-file {
	padding:2px 0 2px 23px;
	background:url(folder_delete.png) no-repeat left center;
}

.clear {
	clear:both;
	display:block;
	margin:50px 0 0 0;
}

table.manage-files{
	float:left;
	border:1px solid #CCCCCC;
	margin:10px 30px 10px 0;
	font-size:11px;
}

table.manage-files h3{
	margin:0 0 0 5px;
}

table.manage-files td{
	border-bottom:1px solid #CCCCCC;
}

.right-column
{
}

table.files td {
	
	padding:25px 0 0 0;

}

table.files {
	
	margin:0 0 10px 0;

}

.main-column {
	width:100%;	
}

input#txtExtraEmail {width:300px;}

ul.cases {
	margin:10px 0 0 0;
	padding:10px;
	list-style:none;
	width:100%;
}

ul.cases li { 
	display:block;
	text-align:center;
	font-size:11px;
}

ul.cases li a {
	background:url('../_images/closed-folder.png') no-repeat;
	width:48px;
	height:48px;
	float:left;
	padding:50px 0 0 0; 
	margin:0 60px 0 -14px;
	text-align:center;
	outline:none;
}

ul.cases li a:hover {
	text-decoration:none;
	background:url('../_images/folder.png') no-repeat;
}

ul.user-cases {
	margin:0 0 0 0;
	padding:0 10px 10px 10px;
	list-style:none;
	width:100%;
}

ul.user-cases li { 
	display:block;
	text-align:center;
	font-size:11px;
}

ul.user-cases li a {
	background:url('../_images/closed-folder.png') no-repeat;
	width:48px;
	height:48px;
	float:left;
	padding:50px 0 0 0; 
	margin:0 60px 0 -14px;
	text-align:center;
	outline:none;
}

ul.user-cases li a:hover {
	text-decoration:none;
	background:url('../_images/folder.png') no-repeat;
}

#lblClientName {
	display:block;
	font-size:16px;
	margin:0 0 5px 0;
	padding:0;
}

#lblMessage {
	display:block;
	margin:10px 0 10px 0;
	padding:10px;
}

.positive {
	background:#E9FCEB;
	border:1px solid #BDF8BA;
	color:#777;
}

.negative {
	background:#FFECEC;
	border:1px solid #FCC;
	color:#777;	
}

.delete-case {
	float:right;
}

input.rename {
	border:none;
	background:none;
}

input:focus.rename {
	border:1px solid #999999;
	background:#FFFFFF;
}

a.back-button-admin {
	display:block;
	background:none repeat scroll 0 0 #DDDDDD !important;
	border:1px solid #999999 !important;
	color:#666666 !important;
	cursor:pointer;
	font-size:12px !important;
	padding:4px 20px;
	width:150px!important;
	text-align:center;
}

a.open-folder-admin {
	display:block;
	background:none repeat scroll 0 0 #FFF !important;
	border:1px solid #999999 !important;
	color:#666666 !important;
	cursor:pointer;
	font-size:12px !important;
	padding:4px 20px;
	width:150px!important;
	text-align:center;
}