/* @override http://admin.curlew.dev/curlew/views/themes/curlew/css/screen.css */

/* Elements */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

body {
	color:#222;
	font-family: Lucida Grande,"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:68%;
	line-height:1.5;
}

h1,h2,h3,h4,h5 {
	background:#f7f6ed url(../gfx/elements/heading.gif) repeat-x;
	padding:5px;
}

table,th,tr,td {
	padding:0px;
	margin:0px;
	font-size: 10px;
}

table {
	display:inherit;
}

h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:14px;}

form {
	margin:0px;
	padding:0px;
}

button {
	margin: 0px 0px 0px 6px;
	padding: 0px;
}

input,select {
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
	margin:6px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	font-size:12px;
	outline:none;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
}

input[type=hidden] {
	margin:0px;
	padding:0px;
}

input:focus {
	/* background:#fbf9dc; */
}

textarea {
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
	margin:0px 6px 6px 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	font-size:12px;
	line-height:18px;
	width:96%;
	outline:none;
}

a:focus, a:hover {
	color:#rgb(0, 136, 204);
}

a {
	color:#333;
	text-decoration:none;
}

hr {
	margin:0px;
	padding:0x;
	border-top:#ebebeb 1px solid;
	border-bottom:0;
	border-left:0;
	border-right:0;
}

label {
	width:99%;
	padding:0 0.5% 0.5% 0.5%;
	height:18px;
	background:url(../gfx/elements/label.gif) repeat-x;
	font-weight:bold;
	text-shadow: 0px 2px 1px rgba(255,255,255,0.5);
	float:left;
	clear:both;
	color:#888;
	font-size:12px;
}

fieldset {
	margin-top:1px;
	background:#f5f5f5;
	-webkit-box-shadow: 1px 0px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

fieldset fieldset {
	padding-left:5px;
	margin:1px 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
}

fieldset img {
	float:right;
	margin:12px;
}

fieldset div {
	padding-left:12px;
}

legend {
	background:url('../gfx/elements/legend.gif') repeat-x top center;
	width:95.5%;
	float:left;
	clear:both;
	color:#555;
	font-weight:bold;
	font-size:14px;
	padding:0% 3% 1.5% 1.5%;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	line-height:32px;
}

fieldset fieldset legend {
	background:url('../gfx/elements/legend.gif') repeat-x top center;
	float:left;
	clear:both;
	color:#555;
	font-weight:bold;
	font-size:14px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	line-height:32px;
	float:none;
	clear:both;
	margin:0px;
	padding:0px 0px 0px 0px;
	min-height:42px;
}

fieldset fieldset label {
	padding:0px;
	margin:0px;
	float:left;
	clear:both;
	display:block;
}

fieldset .title {
	margin-top:25px;
	color:#555;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	font-size:16px;
	font-weight:bold;
}

pre	{
	background:#fff;
	font-family: Menlo;
	font-size:10px;
	text-align:left;
	border:1px solid #ccc;
	margin:10px;
	padding:5px;
}

/* Classes */

div.flags {
	font-size:11px;
	font-weight:bold;
	clear:both;
	float:left;
}

img.flag {
	float:left;
	margin:2px;
	clear:left;
}

fieldset.blue {
	background:rgb(224, 230, 235);;
}

.success, .notice, .error {
	font-size:14px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	margin:1% 0px 1% 0px;
	padding:1%;
	font-weight:bold;
	width:97%;
}

.success {
	background:#E6EFC2 url('../gfx/success.png') 97% 50% no-repeat;
	border:1px solid #C6D880;
	color:#264409;
}

.notice {
	background:#FFF6BF url('../gfx/notice.png') 97% 50% no-repeat;
	border:1px solid #FFD324;
	color:#514721;
}

.error {
	background:#FBE3E4 url('../gfx/error.png') 97% 50% no-repeat;
	border:1px solid #FBC2C4;
	color:#8a1f11;
}

li.bold {
	font-weight:bold;
}

li.italic {
	font-style:italic;
}

li.underline {
	text-decoration:underline;
}

li.url {
	background:url('../gfx/icons/email');
}

fieldset#editor .titlebg {
	background:url('../gfx/editor/title.png');
	width:96%;
	height: 48px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,1,1,.85);
	margin:0px 0px 0px 0px;
	
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 0px; 
	-moz-border-radius-bottomright: 0px; 
	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	color:#eee;
	padding: 7px;
}

fieldset#editor input.title {
	background: none;
	border: 0px;
	-webkit-box-shadow: 0 0 0;
	width: 100%;
	font-size:24px;
	color: #fff;
	margin:5px 0 0 0;
/*	font-weight:bold;*/
}

fieldset#editor input.title:focus {
	color:#fff;
}

fieldset#editor .bodybg {
	background:url('../gfx/editor/body.png') -85px 5px;
	-moz-box-shadow: 0 1px 3px rgba(1,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(1,0,0,0.5);
	border-left:1px solid #ccc388;
	border-right:1px solid #ccc388;
	width:96%;
	margin: 0px 0px 0px 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	height: 100%;
}

fieldset#editor textarea.body {
	background: none;
	min-height:750px;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
	border: 0;
	color:#594c4b;
	line-height:25px;
	font-size:16px;
	padding-left: 0px;
	padding-top: 7px;
	width:98%;
}

fieldset#editor #editor_actions {
	background:url('../gfx/editor/actions.png') 10px 0px;
/*	font-weight:bold;*/
	width:96%;
	font-size:12px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,1,1,.85);
	margin:0px 6px 0px 0px;
	height:32px;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;
	color:#eee;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

fieldset#editor textarea.body:focus {
	/* background-color: lightyellow; */
}

.awesome, .awesome:visited {
	background: #333 url('../gfx/elements/button-overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover								{ background-color: #111; color: #fff; }
	.awesome:active								{ top: 1px; }
	.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
	
	.grey.awesome, .green.awesome:visited		{ background-color: #555; }
	.grey.awesome:hover							{ background-color: #666; }
	
	.darkgrey.awesome, .green.awesome:visited	{ background-color: #000; }
	.darkgrey.awesome:hover						{ background-color: #111; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #769908; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
	.magenta.awesome:hover						{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
	.orange.awesome:hover						{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
	.yellow.awesome:hover						{ background-color: #fc9200; }

/* Unique */

fieldset#editor {
	background:#fff;
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.5);
	border:0px;
}

ul#editor {
	background:url(../gfx/editor/background.png);
	width:97%;
	padding:0.5%;
	float:left;
	list-style: none;
	color:#999;
	margin:1% 0 0 1%;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

ul#editor li {
	font-size:11px;
}

ul#editor li:hover {
	background:#eee;
	color:#555;
}

/* Positioning and size */

.vanilla {
	clear:none;
	float:none;
}

.clear {
	clear:both;
}

.alignCenter {
	margin-left:50%;
}

.alignLeft {
	float:left;
}

.alignRight {
	float:right;
}

.full {
	display:block;
	width:100%;
}

.full-quarter {
	width:75%;
}

.half {
	width:49%;
}

.quarter {
	width:25%;
}

.center {
	text-align:center;
}
/* Colors */

.appleBlue {
	background:#cbd4dd;
}

.row {
	margin-bottom:2px;
	clear:both;
	float:left;
	padding-bottom:12px;
	display: inline-block;
}

.row a:hover {
    background:url(../gfx/iconShadow.png) no-repeat bottom center;
    color:#000;
}


fieldset.row a {
	float:left;
	margin:0px 15px 0px 15px;
	width:92px;
	display:block;
	text-align:center;
	font-weight:bold;
}

fieldset.row img {
	margin:0px auto;
	clear:both;
	padding:12px 24px 0px 12px;
}

fieldset.row a.phone {
	float:left;
	margin:0px 15px 0px 15px;
	width:92px;
	display:block;
	text-align:center;
	font-weight:bold;
}

fieldset.row a.phone img {
	clear:both;
	float:left;
	margin:0px 0px 0px 8px;
	text-align:center;
}


/* Sortables */

#sortable1, #sortable2, #sortable3, #sortable4 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; width: 143px;}
#sortable1 li, #sortable2 li, #sortable3 li, #sortable4 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }