/* @override http://metrosigns.dvdesign.org/clients/metrosigns.css */

body
{
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}
table, tr, td, div, p, input, textarea, select, option
{
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
}
.digit, .small, .medium, .large, .jumbo
{
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0;
}
a, a:visited {
  color: #5887c1;
  text-decoration: none;
}
a:hover {
  color: #094fa3;
  text-decoration: underline;
}
a:active {
  color: #094fa3;
  text-decoration: none;
}
form {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	margin: 0;
	padding-bottom: .4em;
}
h1 {
	font-size: 16px;
	color: #f47920;
	text-transform: uppercase;
}
h2 {
	font-size: 16px;
	font-weight: normal;
}
h3 {
	font-size: 13px;
	font-weight: bold;
}

/* page layout */
#header {
	height: 82px;
	background: #f47920 url(interface-images/header-bg.gif) repeat-x left top;
}
#header-inner {
	width: 970px;
	height: 82px;
	margin: 0 auto;
	background: url(interface-images/header-logo.gif) no-repeat left top;
}
#main {
	width: 960px;
	margin: 0 auto;
}
#main-inner {
	background-color: #fff;
	padding: 20px 0;
}
#nav {
	height: 38px;
	background: #094fa3 url(interface-images/menu-bg.gif) repeat-x left top;
}
#nav-inner {
	width: 960px;
	margin: 0 auto;
	padding: 5px 0;
	position: relative;
}

/* header */
#header-logo {
	display: none;
}

/* nav */
#nav-inner td {
	padding-right: 30px;
	padding-top: 3px;
}
#nav-inner a {
	color: #f2f6fa;
	text-transform: uppercase;
	text-shadow: #3070bb -1px -1px 0;
}
#nav-inner a:hover {
	color: #fff;
	text-decoration: none;
}
#nav-inner .logout {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
}
#nav-inner .logout a {
	padding-top: 8px;
	display: block;
}

/* forms */
.row {
	padding: 4px 0;
}
label {
	width: 140px;
	float: left;
	padding-top: 6px;
}
.view label {
	padding-top: 0;
}
.clear {
	float: none;
	clear: both;
}
.note {
	color: #666;
	font-size: 10px;
}
.row .note {
	padding-left: 140px;
	padding-top: 5px;
}
.headrow {
	color: #f47920;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 15px;
}

/* login */
.login {
	width: 300px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.login.forgot {
	width: 325px;
}
.login .row {
	color: #094fa3;
}
.login-title {
	background-color: #cedced;
	padding: 10px 15px 8px;
	color: #094fa3;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
}
.login-body {
	padding: 10px 0 10px 15px;
	background-color: #e6edf6;
}
.login label {
	width: 80px;
	padding-top: 6px;
	font-size: 12px;
}
.login.forgot label {
	width: 100px;
}
.login .medium {
	border: 1px solid #cedced;
	width: 185px;
	padding: 5px;
	font-size: 12px;
}
.resend a {
	font-size: 10px;
}
.resend {
	padding-left: 80px;
}
.row.btns {
	padding-left: 140px;
	padding-top: 10px;
}
.forgot .note {
	padding-bottom: 10px;
}

.heading {
	padding-bottom: 20px;
}
.heading h1 {
	float: left;
	padding-top: 7px;
	padding-bottom: 0;
}
.heading .link-panel {
	width: 360px;
	float: right;
}
.main-links {
	width: 360px;
	height: 30px;
}
.main-links a span {
	visibility: hidden;
}
.main-links a {
	width: 120px;
	height: 30px;
	display: block;
	float: left;
	background: url(interface-images/add-panel.png) no-repeat 0 0;
}
.main-links a:hover {
	background-position: 0 -30px;
}
.main-links a#link-add-client {
	background: url(interface-images/add-panel.png) no-repeat -120px 0;
}
.main-links a#link-add-client:hover {
	background: url(interface-images/add-panel.png) no-repeat -120px -30px;
}
.main-links a#link-add-login {
	background: url(interface-images/add-panel.png) no-repeat -240px 0;
}
.main-links a#link-add-login:hover {
	background: url(interface-images/add-panel.png) no-repeat -240px -30px;
}

.project-title {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
.project-title-line {
  padding-bottom: 12px;
}
.project-name {
	background: url(interface-images/icons/site.gif) no-repeat 42px center;
}
.panel-list .panel-list .project-name {
	background-position: 62px center;
}
.admin-list td.project-name {
	padding-left: 64px;
}
.admin-list .panel-list .panel-list td.project-name {
	padding-left: 84px;
}
.project-num {
  font-weight: bold;
  padding-bottom: 12px;
}

.doccontent td {
	padding: 0 0 5px;
}
.doccontent td td {
	padding: 0;
}
a.doclink {
  color: #333;
  font-weight: bold;
  text-decoration: none;
	font-size: 12px;
}
a.doclink:visited {
  color: #666;
}
a.doclink:hover {
  color: #000;
  text-decoration: underline;
}
.docdesc {
  color: #888;
	padding-left: 5px;
}
.caption {
  color: #666;
}

.heading {
  font-size: 12px;
  font-weight: bold;
}
.sub-heading {
  font-weight: bold;
}
.box-heading {
	border-bottom: 1px solid #fff;
	background-color: #cedced;
	padding: 8px 10px;
	color: #094fa3;
}
.admin-heading {
	width: 60%;
	float: left;
	text-transform: uppercase;
}
.client-name {
	color: #094fa3;
	font-size: 14px;
	font-weight: bold;
}
.client-email {
	padding-left: 10px;
	color: #777;
}
.admin-edit {
	width: 40%;
	float: left;
	text-align: right;
	padding-top: 3px;
	color: #5887c1;
}
.admin-edit a {
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	color: #5887c1;
	border-left: 1px solid #5887c1;
}
.admin-edit a:hover {
	color: #094fa3;
}
.admin-edit a.first {
	border-left: none;
}
.empty {
	padding: 8px 10px;
	color: #666;
}
.user-list {
	padding-bottom: 10px;
}
.user-list td {
	padding: 0;
	border-bottom: 1px solid #fff;
}
.user-list a {
	display: block;
	padding: 8px 10px;
	background-color: #f2f6fa;
}
.user-list a:hover {
	background-color: #cedced;
	text-decoration: none;
}
.user-list .empty {
	background-color: #f2f6fa;
	border-bottom: 1px solid #fff;
}
.panel-heading {
	border-bottom: 1px solid #fff;
	position: relative;
}
.panel-heading a {
	display: block;
	background: #e6edf6;
	color: #094fa3;
	font-size: 12px;
	padding: 8px 0 8px 42px;
}
.panel-heading a:hover {
	text-decoration: none;
}
.panel-heading.level1 a {
	font-weight: bold;
}
.panel-heading.level2 a {
	background: #f2f6fa;
	padding-left: 64px;
}
.panel-heading.closed a {
	background: #e6edf6 url(interface-images/icons/folder-closed.gif) no-repeat 7px center;
}
.panel-heading.closed a:hover {
	background: #cedced url(interface-images/icons/folder-closed.gif) no-repeat 7px center;
}
.panel-heading.open a {
	background: #e6edf6 url(interface-images/icons/folder-open.gif) no-repeat 7px center;
}
.panel-heading.open a:hover {
	background: #cedced url(interface-images/icons/folder-open.gif) no-repeat 7px center;
}
.panel-heading.closed.level2 a, .panel-heading.open.level2 a {
	background-color: #f2f6fa;
	background-position: 27px center;
}
.panel-heading.closed.level2 a:hover, .panel-heading.open.level2 a:hover {
	background-color: #cedced;
}
.panel-list td {
	padding: 5px;
}
.panel-list thead td {
	background-color: #f3f3f8;
	color: #666;
}
.admin-list td {
	padding: 9px 5px;
}
.panel-headrow {
	position: absolute;
	right: 0;
	top: 0;
}
.panel-headrow div {
	float: left;
	padding: 8px 5px 0;
}
td.date, td.code, .panel-headrow .date, .panel-headrow .code {
	width: 70px;
}
td.status, td.contact-name, .panel-headrow .status, .panel-headrow .contact-name {
	width: 200px;
}
.site td {
	background-color: #f2f6fa;
	border-bottom: 1px solid #fff;
}
.hover {
	cursor: pointer;
}
.site.hover td {
	background-color: #cedced;
}

td.nopad {
	padding: 0;
}

.help {
  font-size: 10px;
}
.tiny {
  font-size: 9px;
}

.edit-box {
	padding-bottom: 20px;
}
.edit-box-heading {
	background-color: #cedced;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
}
.edit-box-title {
	color: #094fa3;
	font-size: 14px;
	font-weight: bold;
	width: 80%;
	float: left;
}
.edit-link {
	margin-left: 85%;
	text-align: right;
}
.edit-link a {
	color: #5887c1;
	padding-top: 2px;
	display: block;
}
.edit-link a:hover {
	color: #094fa3;
}
.edit-return {
	padding-bottom: 10px;
}
.edit-return a {
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 10px;
	background-color: #fff6ed;
	border: 1px solid #ffdab3;
	color: #fea84d;
}
.edit-return a:hover {
	color: #fe8302;
	background-color: #ffdab3;
	text-decoration: none;
}
.edit-box-content {
	padding: 8px 10px;
}
.edit-box label {
	font-weight: bold;
}
.add-user a {
	background: url(interface-images/icons/add-admin.png) no-repeat 0 center;
	display: block;
	padding-top: 13px;
	padding-bottom: 12px;
	color: #666;
	padding-left: 43px;
	font-size: 14px;
}
.add-user a:hover {
	color: #000;
	text-decoration: none;
}
.deleted {
	background-color: #f0f0f0;
	color: #999;
}
.folder-row.deleted input {
	color: #777;
}
.deleted a {
	visibility: hidden;
}

/* file/folder popup */
#popup-header {
	height: 38px;
	background: #094fa3 url(interface-images/menu-bg.gif) repeat-x left top;
	display: block;
	padding: 0 20px;
	text-align: right;
}
#popup-header a {
	color: #fff;
	padding-top: 8px;
	display: block;
}
#popup-main-inner {
	padding: 10px 20px 20px;
}
.new-folder {
	padding-bottom: 15px;
}
.folder-nav {
	padding-bottom: 10px;
}
.folder-nav .col {
	float: left;
	padding-right: 30px;
}
a.folder-home {
	background: url(interface-images/icons/up.png) no-repeat 0 center;
	color: #666;
	padding: 5px 0 5px 20px;
}
a.folder-back {
	background: url(interface-images/icons/back.png) no-repeat 0 center;
	padding: 5px 0 5px 20px;
	color: #666;
}
a.folder-home:hover, a.folder-back:hover {
	text-decoration: none;
	color: #000;
}
td.folder-icon {
	width: 25px;
}

.feedback-box {
	padding-bottom: 10px;
}
.divider {
	padding-bottom: 10px;
	border-top: 1px solid #cedced;
	margin-top: 10px;
}