/**
 * System style
 * Author: Bri Ward
 * Date: October 2013
 */

/* Tabs */

.logged-in #content-inner div.tabs {
	margin-bottom:20px;
}
.logged-in #content-inner div.tabs > ul {
	padding:0 35px;
}
.tabs.primary {
	*zoom: 1;
}
.tabs.primary:before,
.tabs.primary:after {
	display: table;
	line-height: 0;
	content: "";
}
.tabs.primary:after {
	clear: both;
}
.tabs.primary > li {
	float: left;
}
.tabs.primary > li > a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px;
	background:none;
	display:block;
}
.tabs.primary {
	border-bottom: 1px solid #ddd;
	margin-left:0;
	padding-left:0;
}
.tabs.primary > li {
	margin-bottom: -1px;
}
.tabs.primary > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.tabs.primary > li > a:hover,
.tabs.primary > li > a:focus {
	border-color: #eeeeee #eeeeee #dddddd;
}
.tabs.primary > .active > a,
.tabs.primary > .active > a:hover,
.tabs.primary > .active > a:focus {
	color: #555555;
	cursor: default;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

@media only screen and (max-width: 767px) {
	/* Admin tabs */
	div.tabs {
		width: 100%;
		padding: 0 10px;
	}
	ul.tabs {
		width: 100%;
		margin: 0 0 15px 0;
		padding: 0;
	}
	ul.tabs li a {
		display: block;
		padding: 5px;
		margin: 0;
	}
}

/* Messages */

div.messages {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	margin-bottom:20px;
    margin-left:40px;
    margin-right:40px;
}
div.messages.status {
	background-image:none;
	padding:10px;
}


.thank-you-your-enquiry .div-error,
.thank-you-contacting-me .div-error {  /* Error removed due to email being blacklisted on mandrill and stop client seeing this */
	display: none;
}

/* Miscellaneous */

body #skip-link a {
	position: absolute !important; /*necessary because the system css has !important also*/
	top: 0;
	left: 0;
}
.breadcrumb {

}

@media only screen and (max-width: 767px) {
	#styleguide-header .item-list {
		width: 100%;
	}
}