/**
* This is the CSS rules for anything that is within the main editing area of the admin
**/


/* position:relative allows absolute positioning fun */
#main-content {
	position: relative;
	left: 0;
	top: 0;
}


/* basic rules */
#main-content h3 {
	margin: 30px 0 20px 0;
	padding: 8px 8px 8px 0;
	color: #000;
	border-bottom: 1px solid #e2e2e2;f
	border-radius: 3px 3px 0 0;
}

	#main-content h3.first-heading {
		margin-top: 15px;
	}

	#main-content .ui-tabs h3 {
		margin: 30px -17px 20px -17px;
		border-top: 1px solid #f6f6f6;
		padding-left: 17px;
	}

	#main-content .ui-tabs h3:first-child {
		margin-top: -12px;
		padding-top: 12px;
		background: #F6F6F6;
		border-top: none;
	}


p {
	margin: 3px 0px;
}

p small {
	font-size: 11px;
}

#main-content p {
	margin: 3px 0px;
}

#main-content ul {
	margin: 3px 0px;
	list-style-type: square;
}

#main-content li {
	margin: 3px 30px;
}

/* content bar */
div.content-bar {
	margin: 15px 5px 15px 0;
	padding: 0;
}


/* action bar */
div.action-bar {
	background: url('../images/bg_separator_foot.gif') transparent bottom left repeat-x;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */

	padding: 30px 30px 20px 0;
	text-align: right;
	margin: 5px -30px -15px -30px;
	zoom: 1;
}

div.action-bar-middle {
	background: url('../images/bg_separator_foot.gif') transparent bottom left repeat-x;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */

	border-bottom: 1px #ccc solid;
	padding: 30px 30px 20px 0;
	text-align: right;
	margin: 5px -30px 20px -30px;
}

div.action-bar-middle a,
div.action-bar a {
	padding-right: 12px;
}

/* When there isn't a middle bar, we need more space for visual appeal */
div.action-bar-middle-hidden + div#main-tabs {
	margin-top: 30px;
}


/**
* Floating box replacement for action bar when on wider screens
**/
.action-box,
div#notification-box-links {
	width: 200px;
	padding-bottom: 10px;
	border: 1px #ccc solid;
	background: #F4F4EB;
	background: -moz-linear-gradient(top, #fbfbf8 0%, #f0f0e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbf8), color-stop(100%,#f0f0e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fbfbf8 0%,#f0f0e4 100%); /* W3C */
	position: absolute;
	right: 30px;
	top: 65px;
	display: none;
}

	.action-box.fixed {
		position: fixed;
		right: 51px;
		top: 30px;
	}

	.action-box .submit-wrap {
		padding: 20px 10px;
		text-align: center;
	}

	.action-box a {
		display: block;
		font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
		padding: 10px 0;
		margin: 0 30px;
		color: #333;
		border-bottom: 1px dashed #ccc;
	}

	.action-box a:hover {

	}

	.action-box a.preview {
		color:white;
		font-size:14px;
		padding:8px 20px;
		border: 2px solid #979797;
		cursor:pointer;
		font-weight:bold;
		border-radius: 5px;
		background-color:#979797;
		box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		text-shadow: 0px -1px 1px #000;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		margin: 20px 20px;
		text-align: center;
	}

		.action-box a.preview:hover {
			color:white;
			padding:8px 20px;
			border: 2px solid #979797;
			cursor:pointer;
			font-weight:bold;
			border-radius: 5px;
			box-shadow: 0 1px 3px rgba(0,0,0,0.5);
			text-shadow: 0px -1px 1px #979797;
		}

		.action-box a.preview:active {
			color:white;
			padding:8px 20px;
			border: 2px solid #979797;
			cursor:pointer;
			font-weight:bold;
			border-radius: 5px;
			box-shadow: 0 1px 3px rgba(0,0,0,0.5);
			text-shadow: 0px -1px 1px #979797;
		}


div.message-bar-warning {
	background-color: #FBFA9B;
	border: 2px #D37651 solid;
	padding: 15px 20px 10px 20px;
	margin: 20px 0;
	font-size: 14px;
}

div.message-bar-info {
	padding: 20px;
	background: #e7e7e7;
	border: 1px #ccc solid;
	margin: 10px 0 30px 0;
}

	div.message-bar-warning p,
	div.message-bar-info p,
	div.message-bar-warning ul,
	div.message-bar-info ul {
		margin: 0 0 15px 0 !important;
	}

	div.message-bar-warning li,
	div.message-bar-info li {
		margin: 0 0 2px 20px !important;
	}

div.action-bar *,
div.action-bar-middle * {
	vertical-align: middle;
}

#facebox .action-bar {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: none;
}


/* paginate bar */
div.paginate-bar {
	background: #f8f8f8;
	border-top: 1px solid #CCC;
	margin: 20px -30px -15px -30px;
	padding: 0;
}

	div.paginate-bar table {
		width: 100%;
		margin: 0;
		padding: 0;
	}

		div.paginate-bar table td {
			padding: 10px;
		}

		div.paginate-bar td.prev {
			text-align: left;
			width: 60px;
		}

		div.paginate-bar td.info {
			text-align: center;
		}

		div.paginate-bar td.next {
			text-align: right;
			width: 60px;
		}


/* Not sure what this is for */
td.main li {
	margin-left: 2em;
}



/* Edit actions box */
.edit-actions {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 200px;
	border: 1px #333 solid;
	font-size: 12px;
	z-index: 100;
}

.edit-actions h3 {
	margin: 0px;
	background-color: #DDD;
	padding: 2px 4px;
}

.edit-actions li {
	list-style-type: none;
	background-color: #e7eef2;
	margin: 0px;
}

.edit-actions a {
	text-decoration: none;
	display: block;
	padding: 2px 4px;
}

.edit-actions a:hover {
	background-color: #F3F3F3;
}


/* Inline help */
img.subheading-help-icon {
	float: right;
	margin-right: 2px;
	margin-top: 1px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	font-size: 1px;
	color: white;
}

#subheading-help {
	position: absolute;
	top: 0px;
	right: 35px;
	width: 300px;
	line-height: 1.3em;
	padding: 8px 8px 8px 15px;
	border: 1px solid #bcbcae;
	background: #E2ECF0;
	color: #01387A;
	text-shadow:0 1px 0 #fff;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #f2f2e8;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#f2f2e8, offX=2, offY=2, positive=true);
}

	#subheading-help p {
		margin: 6px 0px;
	}

	#subheading-help p.close {
		cursor: pointer;
		text-decoration: underline;
	}

/* Input fields */
.textbox,
form.login-form input[type=text],
form.login-form input[type=password],
table#content td.main input[type=text],
table#content td.main input[type=password],
table#content td.main input[type=email],
table#content td.main input[type=url],
table#content td.main input[type=number],
table#content td.main textarea,
table#content td.main select {
	border: 1px #ccc solid;
	padding: 4px;
	font-size: 14px;
	vertical-align: middle;
	border-radius: 2px;
	background: url(../images/bg_textbox.gif) #fff center left repeat-x;
	box-shadow: 1px 1px 1px #f2f2e8;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#f2f2e8, offX=1, offY=1, positive=true);
}

form.login-form input[type=text],
form.login-form input[type=password] {
	margin: 3px 0 10px 0;
	font-size: 16px;
}

table#content td.main input:focus,
table#content td.main textarea:focus,
table#content td.main select:focus {
	outline-width:0;
	border-color:#888;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

table.form-section > tbody > tr > th {
	padding: 4px 15px 4px 0px;
	min-width: 100px;
	max-width: 150px;
	vertical-align: middle;
	text-align: left;
}

table.form-section > tbody > tr > th > span.s {
	font-weight: normal;
	color: #666;
}

table.form-section > tbody > tr > td {
	vertical-align: top;
	padding: 4px 2px;
}

form.login-form input {
	font-size: 16px;
}

form.login-form input.textbox {
	width: 300px;
}



form.login-form p {
	font-size: 14px;
	color: #333;
	padding: 3px 0px;
}


/* Old Sidebar Seach Input and Button - want to keep, will use again elsewhere */

div.widgets-avail .button {
	color: #fff;
	font-size:11px;
	padding: 2px 8px;
	text-transform: uppercase;
	border: 1px solid #444;
	cursor:pointer;
	border-radius: 5px;
	background:#272727 url(../images/bg_btn_black.png) repeat-x 0 0;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#f2f2e8, offX=2, offY=2, positive=true);
}

	div.widgets-avail .button:hover {
		border: 1px solid #444;
		cursor:pointer;
		border-radius: 5px;
		background-position:0 -5px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		filter: progid:DXImageTransform.Microsoft.dropShadow(color=#f2f2e8, offX=2, offY=2, positive=true);
	}

	div.widgets-avail .button:active {
		border: 1px solid #444;
		cursor:pointer;
		border-radius: 5px;
		background-position:0 -5px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		filter: progid:DXImageTransform.Microsoft.dropShadow(color=#f2f2e8, offX=2, offY=2, positive=true);
	}

	/* Sidebar Seach Input and Button */

		div.sidebar-box-content form.search input.textbox {
			background: url(../images/bg_textbox.gif) #fff center left repeat-x;
			margin:0;
			width:175px;
			margin:0;
			padding:6px 6px;
			height: 18px;
			border:1px solid #ccc;
			vertical-align: middle;
			border-right-width:0;
			border-top-left-radius:5px;
			border-bottom-left-radius:5px;
			font-size:14px;
		}

			div.sidebar-box-content form.search input.textbox:focus {
				outline-width:0;
				border-color:#b3b3b3;
			}


		div.sidebar-box-content form.search input.button {
			background:#bbb url(../images/bg_btn_grey.png) repeat-x 0 0;
			margin:0;
			padding:6px 12px;*padding:4px 3px;
			border:1px solid #ccc;
			height: 32px;
			outline-width:0;
			vertical-align: middle;
			border-top-right-radius:5px;
			border-bottom-right-radius:5px;
			font-size:12px;
			font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
			text-transform: uppercase;
			font-style:normal;
			color:#333;
			text-shadow:0 1px 0 #fff;
		}


		div.sidebar-box-content form.search input.button::
			-moz-focus-inner{padding:0;border:0;
		}

		div.sidebar-box-content form.search input.button:hover,
		div.sidebar-box-content form.search input.button:focus {
			background-position:0 -5px;
			cursor:pointer;
			color:#111;
		}

		#div.sidebar-box-content form.search input.button:active {
			background-image:none;
		}.chrome-windows

		div.sidebar-box-content form.search input.button {
			padding:5px 12px;
		}

		/* General Grey Button */
		input.button,
		#main-content input[type=submit],
		#login-content input[type=submit],
		a.grey-button,
		#notification-box-links a {
			color:#444;
			font-size:12px;
			padding:6px 15px;
			border: 1px solid #adadad;
			cursor:pointer;
			font-weight:bold;
			text-transform: uppercase;
			border-radius: 5px;

			background:#bcbcbc url(../images/bg_btn_grey.png) repeat-x 0 0;
			background: -moz-linear-gradient(top, #e2e2e2 0%, #bdbdbd 70%, #b8b8b8 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(70%,#bdbdbd), color-stop(100%,#b8b8b8)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #e2e2e2 0%,#bdbdbd 70%,#b8b8b8 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #e2e2e2 0%,#bdbdbd 70%,#b8b8b8 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #e2e2e2 0%,#bdbdbd 70%,#b8b8b8 100%); /* IE10+ */
			background: linear-gradient(to bottom, #e2e2e2 0%,#bdbdbd 70%,#b8b8b8 100%); /* W3C */

			box-shadow: 0 1px 3px rgba(0,0,0,0.5);
			text-shadow: 0px -1px 1px #fff;

			text-decoration: none;
		}

		input.button:hover,
		#main-content input[type=submit]:hover,
		#login-content input[type=submit]:hover,
		a.grey-button:hover {
				color:#000;
				font-size:12px;
				padding:6px 15px;
				border: 1px solid #adadad;
				cursor:pointer;
				font-weight:bold;
				text-transform: uppercase;
				border-radius: 5px;
				box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				text-shadow: 0px -1px 1px #fff;

				background:#bcbcbc url(../images/bg_btn_grey.png) repeat-x 0 -5px;
				background: -moz-linear-gradient(top, #d7d7d7 0%, #b4b4b4 70%, #afafaf 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(70%,#b4b4b4), color-stop(100%,#afafaf)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #d7d7d7 0%,#b4b4b4 70%,#afafaf 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #d7d7d7 0%,#b4b4b4 70%,#afafaf 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #d7d7d7 0%,#b4b4b4 70%,#afafaf 100%); /* IE10+ */
				background: linear-gradient(to bottom, #d7d7d7 0%,#b4b4b4 70%,#afafaf 100%); /* W3C */
			}

		input.button:active,
		#main-content input[type=submit]:active,
		#login-content input[type=submit]:active,
		a.grey-button:active {
				color:#444;
			}

		/* Green Saved Button */

		#main-content input[type=submit].save,
		#notification-box-links a {
			color:white;
			font-size:14px;
			padding:8px 20px;
			border: 2px solid #5baa1a;
			cursor:pointer;
			font-weight:bold;
			border-radius: 5px;
			background:#278509 url(../images/bg_btn_green.png) repeat-x 0 0;
			box-shadow: 0 1px 3px rgba(0,0,0,0.5);
			text-shadow: 0px -1px 1px #196406;
		}

		#notification-box-links a {
			display: inline-block;
		}

		#main-content input[type=submit].save:hover,
		#notification-box-links a:hover {
				color:white;
				font-size:14px;
				padding:8px 20px;
				border: 2px solid #5baa1a;
				cursor:pointer;
				font-weight:bold;
				border-radius: 5px;
				background-position:0 -5px;
				box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				text-shadow: 0px -1px 1px #196406;
			}

		#main-content input[type=submit].save:active,
		#notification-box-links a:active {
				color:white;
				font-size:14px;
				padding:8px 20px;
				border: 2px solid #5baa1a;
				cursor:pointer;
				font-weight:bold;
				border-radius: 5px;
				background-position:0 -5px;
				box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				text-shadow: 0px -1px 1px #196406;
			}



		/* Red Warning Button */

		#main-content input[type=submit].warn,
		.main.delete #main-content input[type=submit] {
			color:white;
			font-size:14px;
			padding:8px 20px;
			border: 2px solid #B61313;
			cursor:pointer;
			font-weight:bold;
			border-radius: 5px;
			background: #944 url(../images/bg_btn_red.png) repeat-x 0 0;
			text-shadow: 0px -1px 1px #B61313;
		}

		#main-content input[type=submit].warn:hover,
		.main.delete #main-content input[type=submit]:hover {
			color:white;
			font-size:14px;
			padding:8px 20px;
			border: 2px solid #B61313;
			cursor:pointer;
			font-weight:bold;
			border-radius: 5px;
			background-position:0 -5px;
			box-shadow: 0 0 3px #900;
		}

		#main-content input[type=submit].warn:active,
		.main.delete #main-content input[type=submit]:hover {
			color:white;
			font-size:14px;
			padding:8px 20px;
			border: 2px solid #B61313;
			cursor:pointer;
			font-weight:bold;
			border-radius: 5px;
			background-position:0 -5px;
			box-shadow: 0 0 3px #900;
		}

/* Main list */
table.main-list {
	font-size: 12px;
	background-color: white;
	border: 1px #B8B7B7 solid;
	width: 100%;
}

table.main-list th {
	border-bottom: 1px #B8B7B7 solid;
	text-align: left;
	padding: 4px 6px;
}

table.main-list th .sort {
	float: right;
}

table.main-list tbody tr {
	background-color: #f1f6f8;
}

table.main-list tbody tr:hover {
	background-color: #E7EEF2;
}

table.main-list td {
	padding: 4px 6px;
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.main-list td.actions a {
	margin-right: 10px;
}

table.main-list .col-icon {
	width: 20px;
}

table.main-list a.hide {
	color: black;
	text-decoration: none;
}

table.main-list td.selection {
	width: 10px;
}

#main-content p + table.main-list {
	margin-top: 15px;
}

#main-content table.main-list + p {
	margin-top: 15px;
}

.pretty-list {
	margin: 20px 0;
	border-collapse: collapse;
	border: 1px #ddd solid;
}

.pretty-list th {
	padding: 6px 12px;
	text-align: left;
	border-bottom: 1px #ddd solid;
	background: #f2f2f2;
	background: linear-gradient(to bottom, #f8f8f8, #eee);
	color: #444;
}

.pretty-list td {
	padding: 6px 12px;
	text-align: left;
	border-bottom: 1px #ddd dashed;
}

#main-content div.selected-tools,
#main-content div.categroy-tools {
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(239,241,249,1) 100%);
	margin: 20px 0 10px 0;
	padding: 12px 14px 12px 10px;
	border: 1px solid #CCC;
	border-radius: 4px;
	display: inline-block;
	position: relative;
}

div.selected-tools-tail,
div.category-tools-tail {
	background: url(../images/select_bar.png) no-repeat;
	position: absolute;
	left: 30px;
	top: -11px;
	width: 18px;
	height: 11px;
}


#main-content .info {
	margin: 15px 0;
	padding: 5px 0;
	font-size: 13px;
	color: #555;
}

	#main-content h3 + .info {
		margin-top: -10px;
	}

	#main-content .info.highlight-confirm {
		background: #DAF8D3;
		padding: 15px 20px;
	}

	#main-content .info.highlight-warning {
		background: #F8E9D3;
		padding: 15px 20px;
	}

	#main-content .info.highlight-neutral {
		background: #f4f4f4;
		padding: 15px 20px;
	}

	#main-content .info label {
		font-weight: bold;
		color: #222;
	}

	#main-content .info label::after {
		content: ' | ';
	}

	#notification-box-content div.info {
		margin: 15px 0;
		padding: 5px 0;
		font-size: 13px;
		color: #555;
	}


table.moderation .mod {
	text-align: center;
	width: 100px;
}


/* Checkbox list */
table.checkbox-list {
    font-size: 12px;
	background-color: white;
	border: 1px #B8B7B7 solid;
	width: 100%;
	margin: 5px 0 15px 0;
}

	table.form-section table.checkbox-list {
		margin: 5px 0;
	}

table.checkbox-list td {
	padding: 4px 6px;
}

table.checkbox-list tr {
	background-color: #f1f6f8;
	cursor: pointer;
}

table.checkbox-list tr:hover {
	background-color: #E7EEF2;
	cursor: pointer;
}

table.checkbox-list td.check {
	width: 10px;
}

#main-content table.checkbox-list td.onthefly-catadd * {
	vertical-align: middle;
	color: #444444;
}

	#main-content table.checkbox-list td.onthefly-catadd input[type=text] {
		-moz-border-radius: 0px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border: 1px solid #ADADAD;

	}

	#main-content table.checkbox-list td.onthefly-catadd input[type=button] {
		-moz-border-radius: 0px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		padding: 4px 8px;
		border: 1px solid #ADADAD;
		border-left-style: none;
		background: url("../images/bg_btn_grey.png") repeat-x scroll 0 0 #BCBCBC;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
		text-shadow: 0 -1px 1px #FFFFFF;
		text-transform: uppercase;
	}



/* Expandos */
h3.expando-link-closed {
	padding-left: 20px;
	background: url(../images/icons-16x16/go-down.png) no-repeat left center;
	height: 22px;
	vertical-align: middle;
}

h3.expando-link-open {
	padding-left: 20px;
	background: url(../images/icons-16x16/go-up.png) no-repeat left center;
	height: 22px;
	vertical-align: middle;
}

div.expando {
	padding-left: 20px;
}

/* Preview box styles */

#preview-overlay {
	padding: 35px 0 55px 0;
	text-align: center;
}

#preview-overlay h2 {
	margin: 10px 0 30px 0;
}

#preview-overlay input.save[type="button"] {
    background: #278509;
	background: rgb(131,198,39); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzYzYyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjkwMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -ms-linear-gradient(top,  rgba(131,198,39,1) 0%,rgba(54,144,14,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(131,198,39,1) 0%,rgba(54,144,14,1) 100%); /* W3C */
	border: 2px solid #5baa1a;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 15px;
	text-shadow: 0 -1px 1px #196406;
}
#preview-overlay input.work[type="button"] {
	background-color: #979797;
	border: 2px solid #979797;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px #2c2c2c;
}