/* Getting Muddy */

div#wrapper p.dashboard {float: left;}

#content table a.settings {font-size: 0.8em;}
#content table td.pages_indexed {font-style: italic; }
#content table th.pages_indexed,
#content table td.pages_indexed {text-align: left; width: 150px;}

body {
	background:#fdfdf5 url(../images/bg-tile.png) repeat fixed center center;
}

html, body, input  {
	font-family: "Minion Pro", "Baskerville", Georgia, "Times New Roman", Times, serif;
}
#wrapper {
}

#user_bar {
	background: #666;
	color: #FFF;
	overflow: hidden;
	zoom: 1;
	padding: 12px 0 ;
}
#user_bar a, #footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#user_bar span {margin-right:1em;}
#user_bar a:hover, #footer a:hover {
	text-decoration: underline;
}
#user_bar .dashboard a {margin-right:1em;}

#user_note a,#user_note span {margin-right:1em;}

#user_note a.login {margin-right:0;}

#user_bar form {float:right;}

#user_bar form .field, #user_bar form .buttons {
	float: left;
	margin-left:10px;
}
#user_bar form .field label {
	font-size: 14px;
	margin-right:5px;
	padding:2px;
}

#user_bar form .text input,
#user_bar form .password input {
	background:#6e6e6e;
	border: 1px solid #FFF;
	color:#FFF;
	padding:2px;
	width:120px;
}

#user_bar form .text input:focus,
#user_bar form .password input:focus {
	background:#3e3e3e;
}

#user_bar form .checkbox {
	padding-top:3px;
}

#user_bar form .checkbox label {
	float:left;
}

#user_bar form .checkbox input {
	margin-top:2px;
}


#user_bar form button {
	background:url(../images/login-button.png) no-repeat center center;
	border:none;
	width:77px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#user_bar #user_note {
	text-align: right;
}


#content_wrapper, .outside-content  {
	width: 940px;
	margin-left: 60px;
}
#branding {
	clear: both;
	color: #000;
	padding-top: 32px;
	overflow:hidden;
	zoom:1;
	padding-bottom: 20px;
}
#branding  .page-title a,
#branding  .page-title span {
	background: url(../images/muddy-title.png) no-repeat center top;
	height: 71px;
	width: 940px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#branding .strap-line {
	position: absolute;
	top: 0px;
	left: -9999px;
}
#content {
	clear: both;
	overflow: hidden;
	zoom: 1;
	padding-top: 28px;
	margin-top:-16px;
	float: left;
	padding-bottom: 1em;
	width: 100%;
	min-height: 400px;
}

#content.contact {
	width: 700px;
}

#content.home {
	float: none;
	width: 940px;
}

ol.toc li span {
	color: #227499;
}

#content a, #aside a {
	color: #227499;
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC;
}
#content a:hover, #aside a:hover {
	color: #227499;
	border-bottom: 1px solid #227499;
}
#content  #introduction h1 {
	font-size: 38px;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#content  h1 {
	font-size: 28px;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#content h2 {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 0.5em;
}

#content h3 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 0.5em;	
	margin-top :0em;
	clear: left;
}	

#content h4 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#content h5 {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#content h6 {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0.5em;
	font-weight: bold;
}
#content h2 a, #content h3 a, #content h4 a {
	color: #227499;
	text-decoration: none;
}
#content h2 a:hover, #content h3 a:hover, #content h4 a:hover {
	color: #227499;
	border-bottom: 1px solid #227499;
}

#content h1 span {
	padding-right: 0.5em;
}

#content p.extracted_content {
	font-size: 0.9em;
}

#content div.section h3 {
	margin-top: 1em;
}

#content div.title {
	margin-bottom: 0.8em;
}

#content div.title h1 {
	display: inline;
	padding-right: 0.7em;	
}

#content div.title a.uri {
	display: inline;
	font-size: 18px;
	color: #666666;
	font-style: italic;	
}

#content div.title a.edit {
	font-size: 16px;
	vertical-align: top;
	margin-left: 1em;
	border: none;
}

#content h1 .additional-url {
	font-size: 18px;
	color: #666666;
	font-style: italic;
}


#content p, #content ul {
	line-height: 1.3;
	font-size: 18px;
	margin-bottom: 0.8em;
}

#content p.breadcrumb-links {font-size:16px;}

#aside h1, #aside h2, #aside h3 {
	font-size: 24px;
	margin-bottom: 0.3em;
	line-height: 39px;
}
#aside ul li, #aside p {
	margin-bottom: 0.5em;
	font-size: 16px;
}
#content ul li, #content ol li ul li {
	line-height: 1.3;
	font-size: 18px;
	margin-bottom: 0.8em;
	background: url(../images/bullet.png) no-repeat 0px 0.2em;
	padding-left: 20px;
	list-style-type: none;
}

#content ol li ul {
	margin-top: 1em;
}

#content ol li {
	line-height: 1.3;
	font-size: 18px;
	margin-bottom: 0.8em;
	margin-left: 3em;
	list-style: decimal;
}

#content .section {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 2em;
}
#content .row {
	clear: both;
	padding-bottom: 2em;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 2em;
}
#content #introduction {
	border-bottom: 3px groove #777;
	margin-bottom: 2em;
}
#content  #introduction  p {
	font-size: 20px;
}
#content .col-3-1 {
	float: left;
	width: 312px;
	width: 289px;
	margin-right: 36px;
}
#content .end-column {
	margin-right: 0px;
}
#content ul.contact-details-list,
#aside ul.contact-details-list {
	color: #227499;
}
#content ul.contact-details-list li,
#aside ul.contact-details-list li {
	padding-left: 25px;
	margin-bottom:0.2em;
}
#content ul.contact-details-list li.tel,
#aside ul.contact-details-list li.tel, #content .tel {
	background: url(../images/phone.png) no-repeat 0px 0.1em;
}

#content .tel {padding-left: 25px;}

#content a.tel {border: none; text-decoration: none;}

#content ul.contact-details-list li.email-icon,
#aside ul.contact-details-list li.email-icon {
	background: url(../images/email.png) no-repeat 0px 0.1em;
}
#content .video {
	float: right;
	height: 300px;
	width: 400px;
	text-align: center;
}
#content .image {
	float: right;
	height: 242px;
	width: 400px;
	text-align: center;
	background: url(../images/image-shadow.png) no-repeat center bottom;
	padding-bottom: 10px;
}
#content .image img {
	border: 1px solid #999;
}
#content .by-video, #content .by-image {
	float: left;
	width: 510px;
}

#content form input.register,
#content form input.re-index {
	background: url(../images/blue-button-150.png) left 50%;
	font-size: 16px;
	height: 28px;
	width: 150px;
	color: #FFFFFF;
	display: block;
	border: none;
	padding: 0 1em;
	cursor: pointer;
}


#content a.button-150 {
	background: url(../images/blue-button-150.png) left 50%;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
	width: 150px;
	color: #FFFFFF;
	display: block;
	border: none;
	padding: 0;
	cursor: pointer;
	margin: 0 auto;
}

#content .button-150-disabled {
	background: url(../images/blue-button-150-disabled.png) left 50%;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
	width: 150px;
	color: #FFFFFF;
	display: block;
	border: none;
	padding: 0;
	cursor: pointer;
	margin: 0 auto;
}





#content .button {
	background: transparent url(../images/sprite-button-blue.png) no-repeat right -94px; 
	color: #FFFFFF;
	display: block;
	float: left;
	border: none;
	height: 28px;
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
}
#content .button span {

	margin-top: 0px;
	padding: 0 0 0 15px; 
	height:28px; 
	background: transparent url(../images/sprite-button-blue.png) no-repeat left top; 
	color:#fff; 
	display: block;
	line-height: 28px;
	float: left;
}

#content .right a.button {float: right;}

#content a.button:hover {color:#FFF;border:none;text-decoration:none;}
#content a.button.red {
	background-image: url(../images/sprite-button-red.png);
}
#content a.button.red span {
	background-image: url(../images/sprite-button-red.png);
}
#content .button.grey {
	background-image: url(../images/grey-button.png);
}
#content .button.grey span {
	background-image: url(../images/grey-button-end.png);
}
#content .left {
	float: left;
	width: 70%;
}
#content .right {
	float: right;
	width: 30%;
	text-align: right;
}

#content .collection-actions {
	margin-left: 3em;
	font-size: 0.8em;
	margin-top: 1em;
}
#content .collection-view-findings {
	clear: both;
	display: block;
}
#content .collection-pages-indexed {
	font-style: italic;
}
#content .collection-dashboard-link {
	padding-top: 0.5em;
}
#content form button.update {
	background:url(../images/update-button.png) no-repeat center center;
	border:none;
	width:77px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#content form button.send-message {
	background:url(../images/send-message.png) no-repeat center center;
	border:none;
	width:142px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#content form button.login {
	background:url(../images/login.png) no-repeat center center;
	border:none;
	width:78px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#content form button.add-this-collection {
	background:url(../images/add-this-site.png) no-repeat center center;
	border:none;
	width:142px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#content  ul.collection-list li {
/*	border-top: 1px solid #999;
	border-bottom: 1px solid #999; */
	background: none;
	padding-left: 0px;
	display: block;
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-bottom: -1px;
	padding: 0;
}

#content  ul.collection-list li h3 {
	padding: 0; margin: 0.5em 0;
	
}
#content table {
	margin-bottom: 1em;
	font-size:18px;
	width: 100%;
}
#content table th {
	padding: 5px;
	background: #D6D5D0;
}
#content table tr {
	border-bottom: 1px solid #999;
	vertical-align: top;
}
#content table td {
	padding: 5px;
	border-bottom: 1px solid #999;
}
#content blockquote {
	font-style: italic;
	padding-left: 2em;
	padding-right: 2em;
	border-left: 2px solid #227499;
}
#aside {
	float: right;
	width: 210px;
	padding-bottom: 2em;
}
#content form {
	clear: both;
}


#content form#sort_form select {
	font-size: 0.7em;
	
}

#content form label {
	font-size:18px;
}

#content form .field, #content form .buttons {
	padding-bottom: 1em;
	clear: both;
}
#content form div.text input, #content form div.password input  {
	font-size: 18px;
	padding: 3px;
	border: 1px solid #666;
	width: 300px;
}
#content form textarea  {
	font-size: 18px;
	padding: 3px;
	border: 1px solid #666;
	width: 272px;
}
#content form input:focus {
	border: 1px solid #000;
}
#content form div.checkbox label,
#content form div.text label,
#content form div.password label {
	float: left;
	width: 200px;
	padding-right: 20px;	
}

#content form div.radios {
	overflow:hidden;
	zoom:1;
}

#content form div.radios .radio {
	float: left;
	width: auto;
	padding-right:10px;
}

#content form div.radios label {
	float: left;
	width: 200px;
	padding-right: 20px;
}

#content form div.radios .radio label {
	float: none;
	width: auto;
}

#content form input[size]  {
	width:auto !important;
}
#content form fieldset {
	margin-bottom: 1em;
}

#content form legend {
	font-size: 20px;
	line-height:30px;
	margin-bottom:0.5em;
}

#content form .indented {
	padding-left:300px;
}

#content form .indented2 {
	padding-left: 200px;
}

#content table .url {
	font-size: .8em; text-decoration: none; border: 0; color: #666; display: block;
}

#content form .note {
	color: #666;
	font-size:18px;
}

#content #signup_form .note {font-size:14px;}
#content .show-access-key {
	display: block;
	text-align: center;
	background: #FFF;
	padding: 8px;
	margin: 1em;
}
#content .show-access-key strong {
	display: block;
	color: #600;
	font-family: "Courier New", Courier, monospace;
}
#content form button.generate {
	background:url(../images/generate-new-key.png) no-repeat center center;
	border:none;
	width:210px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#content form button.add-this-filter {
	background:url(../images/add-this-filter.png) no-repeat center center;
	border:none;
	width:163px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#wrapper .error {
	background: #660000;
	color: #FFFFFF;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	border: 1px dotted #C00;
	font-size:18px;
}

#wrapper .notice {
	background: #FFCC00;
	color: #000;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	border: 1px dotted #C00;
	font-size:18px;
}

#wrapper form .error {
	background: #660000;
	color: #FFFFFF;
	margin-left: 300px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	border: 1px dotted #C00;
	font-size:18px;
}

#wrapper .errorExplanation {
	background: #660000;
	color: #FFFFFF;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	border: 1px dotted #C00;
	font-size:18px;
}

#wrapper .errorExplanation li {
	background-image: url(../images/bullet-error.png);
	font-size:18px;

}

#content form .inline-error a, #content form .error a { color:#FFF; }
#content  #login_form label {
	width: 100px;
	padding-top: 5px;
}
#content #login_form .indented {
	padding-left: 120px;
	clear: both;
	margin-bottom: 1em;
}

#footer {
	background: #666;
	color: #FFF;
	overflow: hidden;
	zoom: 1;
	font-size: 14px;
	padding: 20px 0;
	clear: both;
}
#footer ul#footer_navigation {
	width: 620px;
	float: left;
	overflow: hidden;
	zoom: 1;
	padding-top: 22px;
}
#footer ul#footer_navigation li {
	float: left;
	border-left: 1px solid #FFF;
	padding-right: 10px;
	display: block;
	padding-left: 10px;
}
#footer ul#footer_navigation li:first-child {
	border-left: none;
	padding-left: 0px;
}
#footer .licence {
	float: right;
	width: 200px;
	line-height: 68px; 
	text-align: right;
	position: relative;
	padding-right: 120px;
}
#footer .rattle-logo {
	background: url(../images/rattle-logo.png) no-repeat left top;
	height: 54px;
	width: 105px;
	display: block;
	text-align: left;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	right: 0px;
}

a.login:after {content: ' →';}

#content.developer-notes h2 {
}
#content code {
	background: #FFFFFF;
	padding: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#content pre code {
	background: #FFFFFF;
	padding: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	display: block;
}

form#sort_form span.confidence {margin-left: 1em;}
p.collection-token {
	color: #444;
	font-family: 'Courier New', monospace;
	font-size: 0.8em;
	padding: 16px;
	background: #FFF;
	border: 1px solid #CCCCCC;
	clear: both;
}

div.collection-intro {
	margin-bottom: 0.5em;
}

div.collection-intro h3, div.collection-intro p {
	display: inline;
}

#content div.collection-intro p {
	font-size: 0.9em;
	margin-left: 1em;
}

p span.order_nav {
	margin-left: 1em;
}

.order_nav span {
	font-weight: bold;
}

#content table th a {
	padding-right:22px;
	display:block;
	border-bottom:none;
	float:left;
}

#content table th a:hover {
	text-decoration:none;
	border-bottom:none;
}

#content table th.indifferent a{
	background:url(../images/table-sort.png) no-repeat right -44px;
}

#content table th.descending a, #content table th.ascending a:hover, #content table th.indifferent a:hover {
	background:url(../images/table-sort.png) no-repeat right 0;
}

#content table th.ascending a, #content table th.descending a:hover {
	background:url(../images/table-sort.png) no-repeat right -22px;
}


#content ol#pricing_options {
	margin-left: -16px;
	overflow:hidden;
	zoom:1;
	padding-bottom:16px;
}
#content  ol#pricing_options li.price {
	float: left;
	width: 284px;
	padding: 8px;
	margin: 0 0 0 16px;
	list-style: none;
	border: 1px solid #666;
	text-align: center;
	background: #FFFFFF;
}

#content  ol#pricing_options li.price ul {
	margin-top: 0;
}

#content  ol#pricing_options li.price ul li {
	padding: 0.5em 0px;
	list-style: none;
	border-bottom: 1px dotted #666;
	margin:0;
	background: none;
	font-size: 16px;
}

#content  ol#pricing_options li.price ul li.cost {
	font-size:20px;
	font-style:italic;
}


#content ol#pricing_options h2 {
background:#333333;
color:#FFF;
margin:-8px -8px 16px;
padding:8px 0;
}


#content ol#pricing_options li.price .for {
	background:#333333;
	color:#CCCCCC;
	margin:-24px -8px 8px;
	padding:0 0 16px;
}

#content ol#pricing_options li.price li.requests,
#content ol#pricing_options li.price li.cost,
#content ol#pricing_options li.price li.data-sources {
height:42px;
}

#content abbr[title='required'] {color:red;}

#content .two-lines {
	line-height:42px;
}

#content ol#pricing_options li.price span.note {
	font-size:12px;
	display:block;
	clear:both;
	color:#666;
	border:none;
	padding:0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:normal;
}

#content ol#pricing_options li.price p {margin: 10px 0;}

#content ol#pricing_options li .price-action {height:38px;padding:0;margin:0;}
#aside.dropped {
	padding-top: 64px;
}



#content ol.toc li    {
	line-height: 1.5;
	margin-bottom: 0.25em;
	margin-top: 0.25em;
	margin-left: 0px;
	list-style: none;
	font-size: 16px;
}
#content .guide {
	float: right;
	width: 700px;
}
#content ol.toc     li li  {
	margin-left: 1em;
}
#content .toc {
	float: left;
	width: 220px;
}

#content form#sort_form {float:left;font-size:18px;clear:none;}
#content  .findings-number-of-pages {
	font-style:italic;
	margin-right:0.5em;
}

#content .findings-next {margin-left:0.5em;}

/* Sliding Door Buttons */
button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	background-image: url(../images/sprite-button-blue.png);
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

.field button {margin-left: 1em;}

button { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:1em; 
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center; 
	background: transparent url(../images/sprite-button-blue.png) no-repeat right -94px; 
}
	
button span {
	padding: 4px 0 0 15px; 
	height:24px; 
	background: transparent url(../images/sprite-button-blue.png) no-repeat left top; 
	color:#fff; 
}
	
button:hover,
#content .button:hover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -142px; 
	color: red;
}
	
button:hover span,
#content .button:hover span {
	background-position: 0 -47px;
}

button.red span {background-image: url(../images/sprite-button-red.png); }
button.grey span {background-image: url(../images/sprite-button-grey.png); }
button.red {background-image: url(../images/sprite-button-red.png); }
button.grey {background-image: url(../images/sprite-button-grey.png); }

a.forgot {margin-left: 1em;}

p.key_value {clear: left;}
p.key_value .key {float: left; width: 300px; }
p.key_value .value {margin-right: 1em;}

textarea.source_content {padding: .5em;}

#content form.new_collection div label {width: 200px;}

label em {margin-left: 1em;}

#content a.cancel {margin-left: 1em; color: red;}

#content p.format {color: #666; font-size:16px; margin-left: 220px; margin-top: .5em;}
#content kbd {font-size: .9em;}

#content form div.fieldWithErrors input {border: 1px solid #B00;}
#content form div.fieldWithErrors label {color: #B00;}