/* Velocity CSS
   Updated: 	Sat 09.02.08 @ 1:59 p.m.
   Author:     	Matthew King
   Copyright:	Copyright (c) 2008 IntervisionMedia.co.uk, All Rights Reserved.
   ----------------------------------------------------*/


/* COLORS
   Body Background:       #FFFFFF

	Light Blue:				#E4F2FC
*/

/*
   TYPE
   ANCHOR
   HEADERS
   GRID
   PAGE HEADER
   CONTENT
   LAYOUT HELPERS
   PAGINATION
   CONTEXT NAVIGATION
   FORMS
   ERRORS
   PAGE FOOTER
   PAGE LIST
   NOTICE
   TAGS
   ACTIONS
   PROPERTY OVERVIEW
   PROPERTY SUMMARY
   PAGE OPTIONS
   ASSET
   CONTACT
   UTILITIES
*/

/* =TYPE
   ----------------------------------------------------*/


body {
	margin:0px;
	font-family:"lucida grande", helvetica, verdana, sans-serif;
	font-size:12px;
	background-color:#F1F2F5;
}

span.subtext {
	color:#666666;
}

/* =ANCHOR
   ----------------------------------------------------*/

a {
	color:#0099CC;
	padding:3px 0px 3px 0px;
}

a img {
	border:none;
	vertical-align:middle;
	margin-right:5px;
}

a.button {
	border:1px solid #CCCCCC;
	background-color:#F1F1F1;
	color:#333333;
	text-decoration:none;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	margin-left:5px;
	float:right;
}

a.new {
	padding-left:25px;
	background-image:url('/images/admin/icons/add_16.png');
	background-repeat:no-repeat;
	background-position:5px 5px;
	float:right;
}

a.delete {
	color:#990000;
}

div.buttons {
	text-align:left;
}

/* =HEADERS
   ----------------------------------------------------*/

h2 {
	font-size:17px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:14px;
	margin-top:5px;
}

h2 img, h3 img {
	vertical-align:middle;
}

textarea {
	font-size:14px;
	font-family:"lucida grande", helvetica, verdana, sans-serif;
}

/* =SUMMARY
   ----------------------------------------------------*/
.summary_title {
	float:left;
	width:150px;
	font-weight:bold;
}

.summary_info {
	margin-left:160px;
	margin-bottom:25px;
	line-height:18px;
}

/* =GRID
   ----------------------------------------------------*/

table.grid {
	width:100%;
}

table.grid th {
	text-align:left;
	background-image:url(../images/admin/sub_nav_background.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

table.grid td, th {
	padding:10px;
	border-bottom:1px solid #CCCCCC;

}

table.grid td.actions {
	text-align:left;
	padding:10px;
	border-bottom:1px solid #CCCCCC;
}

table.grid tr.alternate td {
	background-color:#E4F2FC;
}

/* =PAGE HEADER
   ----------------------------------------------------*/

#header {
	padding:0px 10px 0px 10px;
	background-color:#0361A3;
}

#header h1 {
	float:left;
	color:#FFFFFF;
	font-size:22px;
	font-weight:normal;
	padding:0px;
	margin-bottom:15px;
	margin-top:15px;
	line-height:25px;
}

#header #user {
	float:right;
	margin-top:15px;
	color:#FFFFFF;
	padding-left:20px;
	height:30px;
	vertical-align:middle;
}

#header #user a {
	color:#FFFFFF;
}

#header #user img {
	vertical-align:middle;
	margin-left:15px;
}

#header ul {
	margin:0px;
	padding:0px;
	height:30px;
}

#header ul li {
	list-style-type:none;
	float:left;
	margin-right:1px;
}

#header ul li a {
	display:block;
	margin-left:3px;
	color:#FFFFFF;
	line-height:30px;
	padding:0px 12px 0px 12px;
	text-decoration:none;
	background-color:#028AEC;
}

#header #dashboard_tab {
	margin-right:25px;
}

#header #settings_tab, #header #search_tab, #header #help_tab {
	float:right;
}

#header ul li.active a {
	color:#000000;
	background-color:#F3F4F4;
	/*
	background-image:url('/images/admin/theme/tab_background.jpg');
	background-position:top left;
	background-repeat:repeat-x;*/
}

/* =CONTENT
   ----------------------------------------------------*/

#content {
	padding:10px;

	/* guillotine bug rears its ugly head from IE6/7 this fixes it */
	min-height:1%;

	/*background-image:url('/images/admin/theme/content_background.jpg');
	background-position:top left;
	background-repeat:repeat-x;*/
}

#content #breadcrumb {
	float:left;
}

#content #breadcrumb a {
	color:#666666;
}

#content #date {
	float:right;
}

#content #date, #content #breadcrumb {
	font-size:12px;
	color:#666666;
	padding-top:5px;
}

#content #right {
	margin-left:210px; /* 210 */
	padding-left:10px;
	/* border-left:1px solid #F1F1F1; */
	background-color:#FFFFFF;
	padding:20px;
}

#content #right #right_wrapper {
	float:right;
	width:100%;
}

#content #left {
	float:left;
	width:200px;
}

#content #left, #content #right {
	margin-top:10px;
}

/* =LAYOUT HELPERS
   ----------------------------------------------------*/
.tile {
	float:left;
}

.tile_wide {
	float:left;
	width:250px;
	margin-bottom:20px;
}

.tile_wide h1, h2, h3, h4 {
	margin-top:0px;
}

/* =PAGINATION
   ----------------------------------------------------*/

div.pagination_info {
	margin-bottom:15px;
	padding:5px;
	float:left;
}

div.pagination {
	margin-top:15px;
	text-align:left;
}

div.pagination span.disabled, div.pagination span.current, div.pagination a {
	border:1px solid #CCCCCC;
	padding:3px 5px 3px 5px;
}

div.pagination span.disabled {
	color:#666666;
}

div.pagination span.current {

}

div.pagination a {

}

/* =CONTEXT NAVIGATION
   ----------------------------------------------------*/
#content #left h2 {
	font-size:12px;
}

#content #left form {
	margin-bottom:25px;
}

#content #left form label {
	font-size:10px;
	color:#666666;
	font-weight:normal;
	margin-bottom:5px;
}

#content #left input {
	width:175px;
}

#content #left input.button {
	width:auto;
}

#content #left p {
	color:#666666;
	padding:5px;
	margin-bottom:15px;
}

#content #left ul {
	margin:0px 0px 25px 0px;
	padding:0px;
}

#content #left ul li {
	list-style-type:none;
}

#content #left ul li a {
	color:#666666;
	text-decoration:none;
}

#content #left ul li a.warn {
	color:#990000;
}

#content #left ul li a, #content #left ul li strong {
	line-height:30px;
	padding:0px 5px 0px 5px;
	display:block;
}

#content #left ul li.active a, #content #left ul li.active a:hover {
	background-color:#028AEC;
	background-color:#E6E6E6;
	border:1px solid #E6E6E6;
	color:#FFFFFF;
	color:#666666;
	font-weight:bold;
}

#content #left ul li a:hover {
	color:#666666;
	background-color:#CCCCCC;
}

#content #left ul li a.warn:hover {
	color:#990000;
	background-color:#CCCCCC;
}

/* =FORMS
   ----------------------------------------------------*/

/* fieldset */
fieldset {
	width:550px;
	border:none;
	margin-bottom:5px;
}

fieldset.selected {
	background-color:#E4F2FC;
}

/* paragraphs */
fieldset p {
	margin-top:-10px;
	color:#666666;
}

/* fields */
input, select {
	font-size:16px;
}

/* checkboxes */
.checkbox {
	float:left;
	width:200px;
	height:20px;
	margin-bottom:5px;
}

.checkbox input {
	float:left;
	width:20px;
}

.checkbox label {
	line-height:20px;
	margin-top:0px;
}

/* labels */
label {
	display:block;
	margin-top:10px;
	margin-bottom:5px;
}

label[for='password'] a {
	font-weight:normal !important;
}

label.small {
	font-size:10px;
	color:#666666;
	font-weight:normal;
	margin-top:2px;
}

/* headers */
form h1, form h2, form h3, form h4, form h5 {
	display:block;
	margin:15px 0px 5px 0px;
}

/* spans */
fieldset span {
	float:left;
	margin-right:5px;
}

fieldset span input, fieldset span div.fieldWithErrors input, fieldset span select, fieldset span div.fieldWithErrors select,
 	fieldset div.instance span input, fieldset div.instance span select {
	width:220px;
}

/* divs */
fieldset div input, fieldset div select, fieldset div textarea {
	width:450px;
}

fieldset div input.number, fieldset span input.number {
	width:125px;
}

fieldset div select {
	width:auto;
}

/* toggles */
fieldset a.toggle {
	display:block;
	width:450px;
	padding:7px 0px 7px 2px;
	margin-top:5px;
}

/* special fields */
.title {
	width:50px;
}

.page_title {
	font-size:20px;
}

.meta_keywords, .meta_description {
	height:75px;
}

.comment_comment {
	height:125px;
}

.name {
	width:195px;
}

.number, fieldset div.instance span input.number {
	width:275px;
}

select.type, fieldset div.instance span select.type {
	width:auto;
}

.add_another {
	font-size:10px;
}

fieldset div.instance span input.website, fieldset div.instance span input.email {
	width:400px;
}

fieldset div.instance .address_content {
	float:left;
	width:420px;
}

fieldset div.instance div input {
	width:400px;
}

fieldset div.instance span input, fieldset div.instance span select {
	width:192px;
}

fieldset div.instance .address_options {
	float:left;
	width:115px;
	padding-left:10px;
	height:275px;
	border-left:1px solid #F1F1F1;
}


/* =ERRORS
  	----------------------------------------------------*/

.error_report {
	margin-bottom:15px;
	color:#990000;
}

.error_report ul {
	padding:0px;
	margin:10px 0px 0px 20px;
}

.error_report ul li {
	color:#990000;
}

.error_report h3 {
	color:#990000;
	width:600px;
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.error_report p {
	color:#990000;
	padding:0px;
}

.error_list {
	color:#990000;
	margin:0px;
	padding:0px;
	clear:left;
}

.error_list li {
	list-style-type:none;
	line-height:20px;
	font-weight:bold;
}

/* =PAGE FOOTER
   ----------------------------------------------------*/

#footer {
	margin-top:50px;
	border-top:1px solid #F3F3F3;
	padding-top:10px;
	text-align:center;
	color:#666666;
	font-size:10px;
	padding-bottom:25px;
}

#footer p {
	margin:0px;
	padding:0px 0px 5px 0px;
}

#footer a {
	color:#666666;
}

/* =NOTICE
   ----------------------------------------------------*/

.notice {
	background-color:#E2F9E3;
	border:1px solid #99CC99;
	color:#459345;
	padding:10px;
}

.notice img, .failure img {
	vertical-align:middle;
}

.failure {
	background-color:#CE9994;
	border:1px solid #7B423F;
	color:#459345;
	padding:10px;
}

/* =HEADING
   ----------------------------------------------------*/

.heading {
	border-bottom:1px solid #ddd;
	padding:0px 5px 15px 0px;
	margin-bottom:15px;
}

.heading img {
	display: block;
}

.heading div.subtext {
	margin-left:7px;
}

.heading .actions {
	float:right;
	margin-top:28px;
}

.heading .actions a, .heading .actions strong {
}

#forgot-password {
	text-align: center;
}

#forgot-password a {
	color: #999;
}

#ssl-logo {
	text-align: center;
	margin-top: 30px;
}

button {
	background-color: #0099CC;
	color: #fff;
	padding: 7px 20px;
	border-radius: 5px;
	font-size: 13px;
	cursor: pointer;
	border: none;
}

/* =TAGS
   ----------------------------------------------------*/
.tags {
	width:450px;
}

.tag {
	float:left;
	margin:5px 5px 0px 0px;
	background-color:#E4F2FC;
	color:#000000;
	padding:5px 10px 5px 10px;
	text-decoration:none;
}

fieldset.selected .tag {
	background-color:#FFFFFF;
}

/* =CONTACT
   ----------------------------------------------------*/

#contact_image {
	float:left;
	width:65px;
}

#contact_header {
	float:left;
	height:50px;
	margin-bottom:10px;
}

#contact_header h2 {
	margin-bottom:5px;
}

.contact_data_title {
	float:left;
	width:150px;
}

.contact_data {
	float:left;
	margin-bottom:25px;
	line-height:18px;
}

.contact {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

.contact .contact_preview {
	float:left;
	width:75px;
}

.contact .contact_summary {
	float:left;
	width:250px;
}

.contact .contact_summary h4 {
	margin-bottom:5px;
	margin-top:0px;
}

/* =COMMENTS
   ----------------------------------------------------*/
.comment {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =WEBSITES
   ----------------------------------------------------*/
.website {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =TEMPLATES
   ----------------------------------------------------*/
.template {
	padding:0px 5px 10px 5px;
	margin-bottom:25px;
	width:250px;
	float:left;
}

.template h3 {
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}

.template a.icon {
	float:left;
	width:55px;
}

.template div {
	float:left;
	margin-left:5px;
}

/* =DEFINED_TAGS
   ----------------------------------------------------*/
.defined_tag {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =CATEGORIES
   ----------------------------------------------------*/
.category {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =SETTINGS
   ----------------------------------------------------*/
.setting {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =PAGES
   ----------------------------------------------------*/

ul.pages, ul.pages ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

/* page */
ul.pages li div.page {
	padding:5px;
	line-height:30px;
	border-bottom:1px solid #EFEFEF;
}

ul.pages li div.page img {
	line-height:30px;
	vertical-align:middle;
}

/* nested pages */
ul.pages li div.page {
	padding-left:0px;
}

ul.pages li li div.page {
	padding-left:50px;
}

ul.pages li li li div.page {
	padding-left:100px;
}

ul.pages li li li li div.page {
	padding-left:150px;
}

ul.pages img.icon {
	margin-right:5px;
}

ul.pages img.indent {
	margin-left:14px;
}

ul.pages .status {
	float:right;
	color:#666666;
	width:200px;
}

ul.pages .type {
	float:right;
	color:#666666;
	width:200px;
}

ul.pages .actions {
	float:right;
	width:150px;
	color:#666666;
}

/* =NOTES
   ----------------------------------------------------*/
.note {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =NETWORKS
   ----------------------------------------------------*/
.network {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =NETWORK PROPERTY TYPE
   ----------------------------------------------------*/
.network_property_type {
	padding:5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =NETWORK LOCATION
   ----------------------------------------------------*/
.network_location {
	padding:5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =PAGE
   ----------------------------------------------------*/
.page_result {
	padding:5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =REDIRECT
   ----------------------------------------------------*/
.redirect {
	padding:5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =REQUIREMENT
   ----------------------------------------------------*/
.requirement {
	padding:5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =IMPORT
   ----------------------------------------------------*/
.import {
	padding:5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

/* =PROPERTIES
   ----------------------------------------------------*/

.property {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

.property .property_preview {
	float:left;
	width:125px;
}

.property .property_preview img {
	width:115px;
	height:80px;
	border:1px solid #CCCCCC;
}

.property .property_summary {
	margin-left:135px;
}

.property .property_summary h4 {
	margin-bottom:5px;
	margin-top:0px;
}

.property .property_attributes {
}

.property .property_attributes strong {

}

.property .property_attributes span {
	margin-right:25px;
}

#show_property {
	margin-top:10px;
}

#show_property .summary {
	margin-right:340px;
}

#show_property .summary .summary_wrapper {
	float:left;
}

#show_property #photos {
	float:right;
	width:300px;
	padding:5px;
}

#show_property #photos #view {
	border:1px solid #CCCCCC;
	height:185px;
}

#show_property #photos #controls {
	padding:5px;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
}

#show_property #photos #controls #previous {
	float:left;
}

#show_property #photos #controls #next {
	float:right;
}

#show_property #photos #controls #description {
	text-align:center;
}

#show_property #photos #reel {
	padding:5px;
	border:1px solid #CCCCCC;
}

#show_property #photos #reel img {
	border:2px solid #FFFFFF;
}

#show_property #photos #reel img.selected {
	border:2px solid #333333;
}

#show_property .summary .note {
	border-bottom:none;
	padding:0px;
}

/* =ASSETS
   ----------------------------------------------------*/

#asset_image {
	float:left;
	width:65px;
}

#asset_header {
	float:left;
	height:50px;
	margin-bottom:25px;
}

#asset_header h2 {
	margin-bottom:5px;
}

.asset_data_title {
	float:left;
	width:150px;
}

.asset_data {
	float:left;
	margin-bottom:25px;
	line-height:18px;
}


.asset {
	padding:0px 5px 10px 5px;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

.asset .asset_preview {
	float:left;
	width:85px;
}

.asset .asset_preview img {
	width:68px;
	height:58px;
	margin-top:5px;
	border:1px solid #CCCCCC;
}

.asset .asset_summary {
	float:left;
	width:250px;
}

.asset .asset_summary h4 {
	margin-bottom:5px;
	margin-top:0px;
	padding-top:0px;
}

/* =UTILITIES
   ----------------------------------------------------*/

.spinner {
	text-align:left;
	padding:5px;
}

.warn {
	color:#990000;
}

.warn_invert {
	background-color:#990000;
	color:#FFFFFF;
	padding:5px;
}

.notice_invert {
	background-color:#99CC99;
	color:#FFFFFF;
	padding:5px;
}

.clear {
	clear:both;
	height:0px;
}

.left {
	float:left;
	width:300px;
	margin-right:75px;
}

.right {
	float:right;
	width:300px;
}

.center {
	text-align: center;
}

.center img {
	margin-left: auto;
	margin-right: auto;
}

/* =LOGIN
   ----------------------------------------------------*/
#content #login {
	margin-left:auto;
	margin-right:auto;
	margin-top: 200px;
	width:400px;
	padding:30px 20px 20px 20px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	border-radius: 4px;
	margin-bottom:15px;
	text-align:left;
}

.login-main #content #login {
	margin-top: 0;
}

#content #login h1 {
	margin-top:5px;
}

#login .heading span.subtext {
	line-height:25px;
}

#content #login fieldset {
	width:auto;
	padding: 0;
}

#content #login fieldset div {
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
}

#content #login fieldset div:first-child {
	margin-top: 0;
}

#content #login fieldset div input {
	width: 370px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

#content #login fieldset .checkbox {
	margin-top:10px;
	width:350px;
}

#content #login fieldset .checkbox input {
	width:auto;
}

#content #login fieldset button {
	float: right;
	font-size: 14px;
}

#content #login fieldset label {
	font-weight: normal;
}

#content #login #user_details {
	width:100%;
}

#content #login #user_details img {
	height:48px;
	width:48px;
}

#login #user_details span {
	font-size:18px;
	float:none;
	vertical-align:top;
	line-height:48px;
}

#login .logout {
	float:left;
	margin-top: 10px;
	margin-left: 2px;
}

#logo {
	margin-bottom: 15px;
	margin-left: 5px;
}

body.login {
	background-color:#F1F2F5;
	/*background-image:url('/images/admin/login-background-spain.png');*/
	padding:0px;
	margin:0px;
}

body.login #content {
	background-image:none;
	width:440px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

body.login fieldset.selected {
	background-color:#FFFFFF;
	width:auto;
}

body.login h2 {
	margin-bottom:0px;
	padding-bottom:0px;
}

body.login p {
	padding-top:0px;
}

body.login span.error {
	font-weight:bold;
	color: #dd0000;
	display: block;
	font-size: 14px;
}

.editor {
	font-family:courier;
}

/* assets */

.list_item {
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

.list_item .preview {
	float:left;
	width:150px;
	height:150px;
}

.list_item .preview img {
	width:150px;
	height:150px;
}

.list_item .summary {
	float:left;
	width:175px;
	margin-left:10px;
}