* {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #4c4c4c;
}
body 
{
	background:#fff;
	padding: 0;
	margin: 0;
	border: 0;
}

body#login {
    background: #2A6192;
}
#header {
	margin: 30px 0px 10px 0px;
	width: 100%;
	clear: both;
    text-align: center;
    height: 88px;
}
#header h1 
{
	margin-left: 200px;
	font-size: 75px;
	white-space: nowrap;
}
#header img
{
    margin-left: 20px;
	float: left;
}

#login-box
{
	background: #f8f8f8;
	border: 1px solid #2A6192;
	display: block;
	width: 340px;
	margin: 20px auto;
	padding: 20px;
}
#login-box label
{
	padding: 5px 0 5px;
	margin: 3px;
	display: block;
	float: left;
	width: 100px;
	text-align: right;
}
#login-box input
{
	margin: 3px 5px 5px 110px;
	padding: 2px 5px 2px 5px;
	background: #FFFFFF;
	border: 1px solid #000;
	cursor: pointer;
}
#login-box input#password, #login-box input#username
{
	border: 1px solid #000000;
	padding: 5px;
	margin: 3px;
	clear: right;
	width: 200px;
	cursor: default;
}

#sub_tabs, #sub_sub_tabs
{
	margin-bottom: 3px;
}

#tabs, #table {
    background: #fff;
    padding: 0 2%;
}
#tabs ul li, #sub_tabs ul li, #sub_sub_tabs ul li {
    float: left;
    list-style-type: none;
    margin-right: 1px;
}
#tabs ul li a, #sub_tabs ul li a, #sub_sub_tabs ul li a {
    display: block;
    padding: 3px 10px 3px 10px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background: #666;
    margin-top: 2px;
}
#tabs ul li a:hover
{
    margin-top: 0px;
    border-top: 2px solid #000;
    background: #000;
}


#tabs {
    border-bottom: 1px solid #71bf45;
    background: #transparent;
    padding-top: 20px;
    min-width: 929px;
}
#tabs ul, #sub_tabs ul {
    width: 1024px;
}
/* Top Level Navigation Rest States
 */
#tabs ul li a,
#tabs ul.level1 li a
{
    background: #71bf45;
}

#tabs ul li.publish-li a {
    background: #fa0;
}

#tabs ul li.logout-li a {
    background: #666;
}
/* Selected & Hover States Top Level
 */
#users #tabs ul li.users-li a,
#settings #tabs ul li.settings-li a,
#recipient_emails #tabs ul li.recipient_emails-li a,
#clients #tabs ul li.clients-li a,
#trades #tabs ul li.trades-li a,
#lists #tabs ul li.lists-li a,
#room_types #tabs ul li.room_types-li a,
#postcodes #tabs ul li.postcodes-li a,
#equipment #tabs ul li.equipment-li a,
#services #tabs ul li.services-li a,
#inspection_types #tabs ul li.inspection_types-li a
{
    margin-top: 0;
    border-top: 2px solid #317f05;
    background: #317f05;
}

#tabs ul li:hover a,
#tabs ul li a:hover
{
    margin-top: 0;
    border-top: 2px solid #317f05;
    background: #317f05;
}

#publish #tabs ul li.publish-li a
{
    margin-top: 0;
    border-top: 2px solid #d80;
    background: #d80;
}

#tabs ul li.publish-li:hover a
{
    margin-top: 0;
    border-top: 2px solid #d80;
    background: #d80;
}

#tabs ul li.logout-li:hover a
{
    margin-top: 0;
    border-top: 2px solid #000;
    background: #000;
}

#tabs ul li a
{
    -moz-border-radius-topright: 4px 4px;
    border-top-right-radius: 4px 4px;
    -moz-border-radius-topleft: 4px 4px;
    border-top-left-radius: 4px 4px;
}
#tabs ul.submenu li a {
    -moz-border-radius-topright: 0px 0px;
    border-top-right-radius: 0px 0px;
    -moz-border-radius-topleft: 0px 0px;
    border-top-left-radius: 0px 0px;
}

#tabs ul li ul li a
{
    border-top: 2px solid #71bf45 !important;
    background: #71bf45 !important;
}

.submenu {
    display: none;
    position: absolute;
    
}
#tabs ul.submenu {
    width: 170px; !important;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
    border-top: 2px solid transparent;
}
#tabs ul.submenu li {
    float: none !important;
    margin-right: 0px;
}

#tabs ul.submenu li a {
    margin-top: 0px;
}

#tabs ul li:hover ul.level0 {
    display: block;
    float: left;
}

#tabs ul li ul.level0 li:hover ul.level1  li a {
    border-top: 2px solid #71bf45 !important;
}
#tabs ul li ul.level0 li:hover ul.level1  li:hover a {
    background: #000 !important;
}

#tabs ul li ul.level0 li:hover a {
    background: #000 !important;
}

#tabs ul li ul.level0 li:hover ul.level1 li a {
    background: #71bf45 !important;
}

#tabs ul li ul.level0 li:hover ul.level1 {
    display: block;
    display: inline;
    margin: -26px 0px 0px 169px;
}

.controls {
	background: #333;
	border-bottom: 1px solid #000;
	padding: 5px 10px;
	font-weight: bold;
	clear: right;
	display: block;
    min-width: 1046px;
}

.top {
    -moz-border-radius-topright: 10px 10px;
    border-top-right-radius: 10px 10px;
    -moz-border-radius-topleft: 10px 10px;
    border-top-left-radius: 10px 10px;
}

.bottom {
    -moz-border-radius-bottomright: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    -moz-border-radius-bottomleft: 10px 10px;
    border-bottom-left-radius: 10px 10px;
}

.controls span, .controls span a
{
	color: #fff;
}
.controls span.left {
	margin-left: 30px;
}

.controls span.right {
	margin-right: 10px;
	float: right;
}

#table {
	padding: 0 20px;
    background: #fff;
    min-width: 1096px;
    -moz-border-radius-bottomright: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    -moz-border-radius-bottomleft: 10px 10px;
    border-bottom-left-radius: 10px 10px;

}

select {
	padding: 0px;	
}
option {
	padding: 0px 10px;
}
table 
{
    background: #FFFFFF;
}
table tr th, 
table tr td {
	padding: 10px;
	text-align: left;
	border-right: 1px solid #CCCCCC;
	color:  #000;
}
table tr th {
	background: #999;
}
table tr th a {
	margin-right: 24px;
}

table tr th.column-asc {
	background: #aaa url(/admin/images/001_26.png) right center no-repeat;
}
table tr th.column-desc {
	background: #aaa url(/admin/images/001_28.png) right center no-repeat;
}
table tr.alternate {
	background: #EEEEEE;
}

#table form {
	border: 1px solid #CCCCCC;
	width: 899px;
	padding: 10px;
	background: #FFF;
}

#table form label {
	float: left;
	display: block;
	width: 300px;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
}

#table form label.subcontent-label 
{
	width: 295px;
}
#table form p.contextual-help {
	padding: 0px 5px 0px 5px;
	width: 250px;
	color: #aaa;
}

#table form ol 
{
	width: 250px;
	list-style-position: inside;
	padding: 0px 5px;	
}

#table form input,
#table form textarea,
#table form select {
	float: left;
	width: 561px;
	border: 1px solid #EEEEEE;
	padding: 5px;
	margin: 10px 0px 0px 15px;
}

#table form select.short {
    width: 100px;
    margin-right: 15px;
}

#table form input.latlongfinder {
    width: 400px;
    margin-right: 15px;
    
}
#table form div.french,
#table form div.german {
	height: 24px;
	width: 24px !important;
	float: left !important;
}

#table form input.french,
#table form div.french,
#table form textarea.french {
	float: right;
	width: 542px;
	padding-left: 24px;
	background: transparent url(/admin/images/french.png) 5px 5px no-repeat ;
}

#table form input.german,
#table form div.german,
#table form textarea.german {
	float: right;
	width: 542px;
	padding-left: 24px;
	background: transparent url(/admin/images/german.png) 5px 5px no-repeat ;
}
#table textarea {
	resize: vertical;	
}

.cke_skin_kama 
{
	float: right;
}

#table select#search-filter-scope {
    -webkit-appearance: none;
    height: 26px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0 32px 0 5px !important;
    background-image: url(../images/select.png);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center right +8px;
}

#table form input.optional_checkbox 
{
	width: 10px;
}

#table form input.optional_input
{
	width: 531px;
}

#table form select 
{
	width: 430px;
	padding: 0px;	
	margin-left: 15px;
}
#table form iframe 
{
	float: right;
	clear: left;
	margin-right: 0px !important;
}

#table form textarea {
	height: 200px;
	float: right;
}

#table form img {
	float: left;
	margin-left: 325px;
}

#table form img.upload-icon {
    margin-right: 578px;
}
#table form div.upload input 
{
	margin-top: 15px;
}
#table form div.upload img.upload-icon {
    margin: 0px 0px 0px 320px;
    float: left;
}

#table form div.upload input {
    width: auto;
    float: left;
}

#table form input.submit {
	width: 100px;
	background: #000;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
    -moz-border-radius: 10px 10px;
    border-radius: 10px 10px;
}

#table form input.price {
    padding-left: 16px;
    width: 407px;
}

#table form span.currency-symbol {
    position: absolute;
    margin: 16px 0 0 24px;
    color: #333;
}

#table form span.currency-symbol.disabled {
    color: #999;
}

#table p.success {
	padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
	background: #73ca47;
	font-weight: bold;
	
    -moz-border-radius: 10px;
    border-radius: 10px ;
}

#table p.error {
	padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
	background: #FF0000;
	font-weight: bold;

    -moz-border-radius: 10px;
    border-radius: 10px ;
}

#table p.redirect a  {
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
	
}

#table a.add-button 
{
	padding: 5px 10px 3px 10px;
	margin: 9px 10px 10px 0px;
	background: #333333;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	float: left;
    -moz-border-radius: 10px 10px;
    border-radius: 10px 10px;

}

#table a.delete-button 
{
	padding: 3px 7px 3px 7px;
	margin: 10px 0px 0px;
	background: #333333;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	float: left;
    -moz-border-radius: 10px 10px;
    border-radius: 10px 10px;
}

#table fieldset.widget {
    display: block;
    clear: both;
    border: 1px solid #eee;
    -moz-border-radius: 10px 10px;
    border-radius: 10px 10px;
    margin: 10px 0;
    padding-bottom: 10px;
}

#table fieldset.widget label.legend {
    color: #aaa;
    font-size: 1.2em;
}

#table fieldset.widget input, #table fieldset.widget textarea {
    width: 550px;
}

#table fieldset.widget textarea {
    margin-right: 10px;
}

#table fieldset.widget input.short {
    width: 407px;
}

#table fieldset a.add-button {
    margin: 12px 0 0 12px;
}


#table fieldset.widget label.legend {
    background: #efefef;
    width: 868px;
    border-radius: 10px 10px 0 0;
    margin-top: 0;
    padding: 1em;
    color: #333;
    
}

span.error-message {
    margin-left: 325px;
    color: #f00;
    line-height: 32px;
}

p.response 
{
	background: #FFF;
	padding: 50px;
	text-align: center;
}

p.crumbtrail
{
	font-weight: bold;
	margin: 20px 0px 5px 0px;
}
#footer {
    padding: 0 20px 20px 20px;
}

#footer, #footer a
{
	margin-top: 10px;
	font-size: 9px;	
}
.clear {
	clear: both;
}
.hidden 
{
	display: none !important;
}

.invalid 
{
	border-color: #990000 !important;	
}

.delete-checkbox
{
	margin: 16px 0px 0px 327px !important;
	width: auto !important;
    clear: both;
}
/* Popups */

.popup {
background: #FFF;
width: auto;
text-align: left;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
padding: 20px 20px 14px 20px;
position: relative;
z-index: 9000;
}

.close-popup {
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
float: none !important;
width: auto !important;
line-height: 20px;
width: 20px;
height: 20px;
position: absolute; top: 0; right: 0;
}

.close-popup a {
width: 20px;
height: 20px;
display: block; position: relative;
overflow: hidden;
}

.close-popup a span {
width: 20px;
height: 20px;
display: block; position: absolute; top: 0; left: 0; cursor: pointer;
background: url(../images/close_popup.gif) 0 0 no-repeat;
}

.popup div#popup-content {
overflow: hidden;	
}

h2 {
    border-top: 1px dashed #ccc;
    margin-top: 20px;
    padding: 20px 0;
}

ul {
    list-style-type: none;
}

ul li a {
    text-decoration: none;
    color: #ccc;
}

ul li a:hover {
    text-decoration: underline;
    color: #999;
}

div.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
}
form.injected-form {
    position: fixed;
    width: 100% !important;
    left: 0px;
    border: 0 !important;
    background: transparent !important;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -125px;
    
}

form.injected-form fieldset {
    background: #fff;
    width: 400px;
    height: 250px;
    margin: auto;
    border: 1px solid #000;
    
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

form.injected-form fieldset input {
    width: auto !important;
    display: block;
}

span.dialog-error-message {
    margin-left: 15px;
    color: #f00;
    line-height: 32px;
}

.right {
    float: right !important;
}

/* FILTER BOX */
#table form.filter-box {
    width: auto !important;
    padding: 2px !important;
    margin: 9px 0px 3px 0px;
    border: 0 !important;
}

.filter-box input {
    padding: 5px 10px;
    width: 100px !important;
    margin: 0 5px 0 0 !important;
}

#table form.filter-box select {
    padding: 5px 30px 5px 10px !important;
    width: auto !important;
    margin: 0 5px 0 0 !important;
    
}

.filter-box input.submit {
    width: auto !important;
    -moz-border-radius: 10px 10px;
    border-radius: 10px 10px;
    padding: 5px 10px !important;
    margin: 0 !important;

}
/* SWITCH */

a.switch {
    float: left;
    display: block;
    height: 18px;
    width: 36px;
    border: 1px solid #ccc;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    cursor: pointer;
    margin: 10px 0 0 15px;
}

a.switch span {
    display: block;
    height: 16px;
    width: 16px;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fff
}
a.switch.on {
    background: #7ac142;
    padding-left: 18px;
    width: 18px;
}

/* List Table */

table.list-table {
    border-collapse: collapse;
    float: right;
    width: 562px;
    margin: 10px 10px 0 15px;
}

table.list-table th {
    background: #eee;
}

table.list-table thead {
    border: 1px solid #ccc;
}

table.list-table tbody {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.list-table tbody td {
    border-right: 1px solid #ccc;
}

table.list-table tfoot {
    padding: 10px 0 !important;
    display: block;
}

table.list-table td {
    position: relative;
    padding: 0 8px;
    border: 0;
}

table.list-table td textarea {
    width: 100% !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    height: 1em;
    resize: none !important;
    overflow: hidden;
    outline: 0;
    background: transparent;
    
}
table.list-table tbody tr td:last-child {
    padding-right: 26px;
}

table.list-table tbody tr:hover td:last-child a {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    display: block;
    cursor: pointer;
    background: url(../images/close_popup.gif) no-repeat center right;
}

table.list-table tbody tr:hover {
    border: 1px solid #999;
}

table.list-table tfoot td {
    padding: 0;
}