/**
 * Bobolo CMS **************************************************************************************************
 *
 * $Date: 2011-09-23 17:05:30 +0200 (Fri, 23 Sep 2011) $
 * $Rev: 1574 $
 *

 * Bobolo 2012

 * Text: #666
 * Grå: #ccc
 * Länk: #4D77AB
 *************************************************/

/* FUGUE SPRITE */
@import 'fugue-sprite.css';

/* Reset
**************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

.fugue {
	padding-bottom: 1px !important;
}

html, body.admin, #bliss_master_content_div {
	height: 100%;
}

body {
	background: #ddd;
	font: normal 13px/1.5em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-align: left;
	padding: 0 6px 0 6px;
}			

body.in-admin {
	margin-top: 32px !important;
}

/* FONTS */
body.admin,
body.tinymce_filepicker,
#adminmenu-wrapper,
#admin_info p,
#dialog p,
form.admin textarea,
div#bliss_popup,
#plupload_container div.bliss_header h3,
#bliss_popup div.bliss_header h3,
#dialog-bliss-info h1,
div.overlay_count p {
	font: normal 13px/1.5em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
}

/* HEADINGS */
#dialog-bliss-info h1 {
	font-size: 2.0em;
	color: #000;
	font-weight: bold;
}

div.admin-page-title {
	display: block;
	height: 55px;
	position: fixed;
	width: 100%;
	top: 40px;
	z-index: 9;
	margin-left: -6px;
	background: #ddd;
	background: -moz-linear-gradient(#ddd 85%, #ddd, rgba(221,221,221,0));
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(85%, #ddd), to(rgba(221,221,221,0)));
}

div.admin-page-title h1 {
	padding: 0 6px !important;
}

div.admin-page-title h1 a {
	text-decoration: none;
	color: #1c3179;
}

div.admin-page-title h1 a:hover {
	color: #000;
}

div.admin-page-title h1 span.separator {
	padding: 4px 14px;
	background: url("../images/angle.png") no-repeat 5px center;
	text-indent: -9000px;
	display: inline-block;
}

#admin-container h1 {
	font-weight: normal;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	height: 50px;
	line-height: 50px;
	color: #1c3179;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

#admin-container h2 {
	font-size: 1.4em;
	padding: 10px 0 5px 0;
}

/* TEXT */
p {
	line-height: 170%;
	padding: 0px 0 10px 0;
}

.center {
	text-align: center;
}

span.code,
pre {
	font-family: "Courier New" !important;
	text-align: left;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* LISTS */
ul.admin {
	list-style: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

ul.admin li {
	margin: 0px;
	padding: 0px;
}

ul.install_status li {
	padding: 4px;
}

body.admin ol {
	margin-left: 20px;
}

/* LINKS */
a,
#adminmenu-wrapper a {
	color: #4D77AB;
	outline: none;
	text-decoration: none;
	width:auto;
}

.ui-dialog-content a {
	color: #4D77AB !important;
	text-decoration: none !important;
}

a:hover {
	color: #0D377B;
	text-decoration: underline;
}

#admin-wrapper {
	position: relative;
	min-height: 100%;
}

/* ADMIN MAIN */
#admin-container {
	position: relative;
	z-index: 100;

	padding-left: 0;
	padding-right: 0;

	padding-top: 70px;
	padding-bottom: 5px;
	text-align: left;
}

/* TinyMCE specific rules */
textarea.mceEditor {
	padding: 10px;
	margin: 0;
}

textarea.mceEditorSmall {
	height: 150px;
}

textarea.mceEditorMedium {
	height: 300px !important;
}

textarea.mceEditorFull {
	height: 500px !important;
}

#mce_editor_0_toolbar a {
	border: 0px none;
}

#tinymce,
body.mceContentBody {
	background-color: transparent !important;
	background-image: none;
}

table.mceEditor {
	background-color: transparent;
}

td.mceIframeContainer {
	border: 1px solid #ccc !important;
	border-radius: 3px;
	padding: 10px !important;
}

.cirkuitSkin iframe {
	border-radius: 3px;
}

.cirkuitSkin table.mceLayout {
	border: none !important;
}

.cirkuitSkin table.mceLayout tr.mceFirst td {
	border-top: none !important;
}

.cirkuitSkin table.mceLayout tr.mceLast td {
	background: none !important;
}

.cirkuitSkin td.mceToolbar {
	background: none !important;
	padding-bottom: 4px;
}

.cirkuitSkin table.mceToolbar {
	margin-left: 0 !important;
}

.cirkuitSkin table.mceToolbar td.mceToolbarStart {
	display: none;
}

.cirkuitSkin .mceButton {
	background: transparent !important;
	border-color: transparent !important;
}

.cirkuitSkin .mceListBox .mceText,
.cirkuitSkin .mceListBox .mceOpen,
.cirkuitSkin table.mceSplitButton td {
	background: transparent !important;
}

.cirkuitSkin .mceButton:hover {
	background: transparent !important;
	border-color: #999 !important;
}

.cirkuitSkin a.mceButtonActive,
.cirkuitSkin a.mceButtonSelected {
	background: #eee !important;
	box-shadow: inset 0 0 4px #aaa;
	border: 1px solid #999 !important;
}

/* SQL */
p.debug_PHP {
	background-color: #eee;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	border: 1px dashed #bbb;

	font-size: 0.8em;
	font-family: Courier;
	color: #000;
}


/* Special link graphics */
span.icon,
a.icon {
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-align: left;

	margin: 0;
	padding: 0 0 0 16px;

	height: 16px;
	line-height: 16px;

	text-decoration: none;
	overflow: hidden;
	
	margin-right: 4px;
}

a.icon:hover {
	text-decoration: underline;
}

a.iconLast {
	padding: 0 20px 0 0;
	background-position: 100% 0px;
}

a.noText {
	position: absolute;
	left: -1000px;
}





ul.image_list {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

ul.image_list a.selected {
	font-weight: bold;
}



/* Login */
body#login {
	background: #eee;
	border: 0;
}

#wrapper_login {
	position: relative;
	top: 50px;

	width: 410px;
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}

#wrapper_login p {
	color: #000;
}

#wrapper_login a {
	color: #4D77AB;
}

#wrapper_login h1 {
	line-height: 30px;
	margin: 0 0 10px 0;
	text-align: center;
}

#wrapper_login p.footer {
	padding: 10px 20px 0 20px;
}

#container_login {
	position: relative;
	
	background: #fff;
	color: #000;
	
	width: 370px;

	padding: 20px 20px 10px 20px;
	
	border: 1px solid #999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#container_login form {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	position: relative;
	width: 200px;
	text-align: left;
	padding-bottom: 40px;
}

#container_login div.box {
	clear: both;
	display: block;
	margin-top: 20px;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
}

#container_login div.box p {
	text-align: left;
	padding: 0;
}

#wrapper_login p.copyright {
	text-align: center;
	color: #777;
	line-height: 1.4em;
	font-size: 0.9em;
	padding: 10px 0px;
	text-shadow: 0 1px 0 #fff;
}

#wrapper_login p.copyright a {
	color: #777;
}

#container_login form input#password,
#container_login form input#password_repeat,
#container_login form input#confirm_username,
#container_login form input#username_email,
#container_login form input#login_username,
#container_login form input#login_password {
	width: 180px !important;
	font-size: 1.6em;
}

#container_login div.admin_buttonbar {
	padding: 0;
	margin: 10px 0 0 0;
}

#container_login div.admin_buttonbar p input {
	float: right;
	margin: 0;
}

	#container_login label {
		width: auto;
	}

	#container_login input.input {
		font-size: 2.0em;
		font-weight: normal;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #444;
		width: 100%;
	}
	
	#backToPage {
		background-color: #555;
		background-color: rgba(30,30,30, 0.7);
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		text-decoration: none;
		color: #bbb;
		text-align: left;
		padding: 10px 0 10px 0;
		margin: 0;
		border-bottom: 1px solid #000;
	}

	#backToPage a {
		color: #ccc;
		text-decoration: none;
		padding-left: 10px;
	}

	#backToPage a:hover {
		color: #fff;
	}

div#uploadForm {
	/* background-color: #fff; */
}

div.breakAll {
	clear: both;
}




/* DATEPICKER */
.with_datepicker {
	width: 100px;
	padding-left: 24px !important;
	background: #fff url("../images/calendar-day.png") no-repeat 3px center;
	cursor: pointer;
	width: 80px !important;
}


/* PAGE BLOCK */
div.adminPageBlock {
	position: relative;
	height: 25px;
	padding: 10px 0 10px 0;
}

	div.adminPageBlock a.page_number,
	div.adminPageBlock a.page_next,
	div.adminPageBlock a.page_previous,
	div.adminPageBlock span.currentPageNumber {
		padding: 3px 5px 3px 5px;
		background: #fff;
		margin-right: 3px;
		border: 1px solid #999;
	}

	div.adminPageBlock a.page_number:hover,
	div.adminPageBlock a.page_next:hover,
	div.adminPageBlock a.page_previous:hover {
		border: 1px solid #000;
		background: #eee;
	}

	div.adminPageBlock span.currentPageNumber {
		background: #fff;
		border: 1px none;
	}
	
/* PAGE TOOLBAR */
div.adminPageToolbar {
	position: relative;
	padding: 0;
	float: right;
	z-index: 100;
}

	div.adminPageToolbar p {
		text-align: right;
	}
	
	div.adminPageToolbar p a {
		padding: 5px 0px 5px 10px;
	}
	

/* boxes */
div.greyBox {
	border: 1px solid #ccc;
	padding: 15px 8px 15px 8px;
	margin-top: 5px;
	text-align: left;
}














#adminHighlight {
	position: absolute;
	border: 2px solid #777;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	z-index: -1;
	padding: 10px;
}


/* TOOLS */
div.tools,
div.tools_title,
div.tools_text,
div.tools_inline {
	display: none;
}

div.tools_inline {
	position: absolute;
	top: 0;
	right: 0;
}

div.tools_inline span.row_toolbar {
	visibility: visible;
}

#bliss_popup {
	position: absolute !important;
	z-index: 1002 !important;
	display: none;
	width: 180px;
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.7);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.7);
}

#plupload_container div.bliss_header h3 {
	color: #000 !important;
	line-height: 38px;
	font-size: 1.0em;
	text-align: left;
	padding: 0 10px;
	margin: 2px;
	border-radius: 3px;
}

#bliss_popup div.bliss_body,
#plupload_container div.bliss_body {
	display: block;
	position: relative;
	padding: 0;
	width: auto;
	margin: 2px;
	text-align: left;
	border: none;
}

#plupload_container div.bliss_body {
	padding: 10px;
}

#bliss_popup div.bliss_body div.content_text {
	padding: 0 10px 0 10px;
}

#bliss_popup div.bliss_body div.content a {
	display: block;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0 10px;
	color: #000;
	border-radius: 3px;
	text-shadow: none;
	border: 1px solid #fff;
}

#bliss_popup div.bliss_body div.content a:hover {
	text-decoration: none;
	background-color: #fff url("ui-images/ui-noise-light.png");
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -o-linear-gradient(top, #fff, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(0.5, #eee), color-stop(0.55, #e5e5e5), color-stop(1, #ddd));
	border-top: 1px solid #e5e5e5 !important;
	border-left: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	border-radius: 3px;
}

#bliss_popup div.bliss_body div.content a:active {
	background-color: #ddd url("ui-images/ui-noise-light.png");
	background: -moz-linear-gradient(top, #ddd, #bbb);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ccc), color-stop(0.55, #ccc), color-stop(1, #bbb));
	border-top-color: #eff;
	border-bottom-color: #cdd;
	text-shadow: 0 1px 0 #eee !important;
}

div.visible {
	display: block;
}

div.admin_buttonbar,
div.admin_buttonbar_right {
	position: relative;
	display: block;
	height: 40px;
}

div.admin_buttonbar > a {
	float: left;
	margin-right: 2px;
}

div.admin_buttonbar_right a {
	float: right;
}

div.admin_buttonbar div.newListSelected {
	float: left;
}

.no_float {
	float: none !important;
}

a.tool_button {
	padding: 0;
	margin-left: 8px;

	color: #000 !important;

	text-decoration: none;

	height: 16px;
	line-height: 16px;

	display: inline;
	float: right;
}

a.tool_button:link,
a.tool_button:active,
a.tool_button:visited {
}


/* USERS */
span.password {
	font-weight: bold;
	padding: 10px;
	background: #eee;
	margin: 10px 50px 20px 50px !important;
	width: 150px;
	display: block;
	text-align: center;
	font-size: 1.3em;
}

/* TINY FILEPICKER */
#listOfFiles {
	position: relative;
}

iframe.fileupload {
	height: 70px;
}

div.file_selector_folders {
	background-color: white;
	padding: 1px 10px 10px 10px;
	margin: 0;
	float: left;
	width: 230px;
	position: fixed;
	top: 0px;
	left: 530px;
}

div.file_selector_folders form label,
div.file_selector_folders form input.selected_file,
div.file_selector_folders form input.file_path,
div.file_selector_folders form input.file_type {
	width: 228px;
}

div.file_selector_folders form input.admin_button {
	margin-top: 10px;
}

#preview {
	display: none;
}

#preview_image {
	width: 208px;
	height: 200px;
	overflow: auto;
}

#preview_image img {
	width: 200px;
}

body.tinymce_filepicker {
	padding: 0px;
	background: #fff;
}

body.tinymce_filepicker #listOfFiles {
	float: left;
	width: 520px;
	margin: 10px 0 0 10px;
}




/* ERRORS */
input.empty {
	background-color: #ff9;
}

label.error {
	color: #f00;
	margin-left: 10px;
}

input.error {
	background-color: #f99;
	border: #a00 1px solid;
}

input.error:focus {
	background-color: #fbb;
	border: #a00 1px solid;
}

input.error:hover {
	background-color: #fbb;
	border: #a00 1px solid;
}

div.bliss_error {
	border: 1px solid #aaa;
	background: #ddd;
}

span.row_toolbar {
	visibility: hidden;
}

span.left_padding {
	padding-left: 5px;
}

span.left_margin {
	margin-left: 5px;
}

span.row_toolbar > a {
	background-color:#eee;
	color:#999 !important;
	border:1px solid #ccc;
	padding:2px 5px 2px 30px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-position-x: 4px;
}
span.row_toolbar > a:hover {
	text-decoration:none;
	background-color:#4D77AB;
	border-color:#4D77AB;
	color:#fff !important;
}

table.oneTable tr td {
	vertical-align: top;
}

div.debugDiv {
	background-color: #ffffe0;
	border-color: #e6db55;
	border-width: 1px;
	border-style: solid;
	padding: 8px;
	text-align: left;
	color: #000 !important;

	margin-bottom: 5px;
}

p.message {
}

p.error {
	background-color: #ffe0e0;
	border-color: #e65555;
}

p.help {
	font-size: 0.8em;
}


div.items_buttons {
	position: fixed;
	top: 31px;
	right: 0;
	text-align: right;
	display: block;
	padding: 0 5px 0 0;
	z-index: 10;
}

div.items_buttons .ui-button {
	height: 31px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.items_buttons_lower {
	top: 129px;
}

/* MAIN COLUMN */
div#main_column {
	position: relative;
	width: 100%;
}

/* RIGHT COLUMN */
div#right_column {
	padding: 10px 0 10px 10px;
	float: right;
	width: 350px;
	border: 1px solid #bbb;
	border-style: none none none solid;
}

div#right_column div.ui-accordion div div.ui-accordion-content {
	padding-left: 20px !important;
}

div#right_column p label,
div#right_column p input,
div#right_column p select,
div#right_column p textarea {
	width: 295px;
}

div#right_column p input.radio,
div#right_column p input.checkbox {
	width: 15px;
}

div#right_column p input.button {
	width: auto;
}

#btn_add_language a.add_lang {
	display: block;
}

#my_image_picker {
	overflow: hidden;
}

div#right_column img.image {
	height: 140px;
	border: 1px solid #aaa;
	background: #fff;
	padding: 5px;
}

/* LANGUAGE */
#div_language {
}

div.language_picker {
	display: block;
	margin-bottom: 5px;
}

div.language_picker .ui-state-active {
	background: #ddd;
	border: 1px solid #999;
}

div.language_picker > a:hover {
	text-decoration: none;
}

div.language_picker > a,
div.language_picker > span {
	height: 20px;
	line-height: 20px;
	position: relative;
	display: block;
	padding: 5px 10px 5px 10px;
}

div.language_picker span.selected img {
	margin-left: 9px;
}

div.language_picker span.selected a:link {
	color: #000;
}

div.language_picker span a:link {
	color: #777;
	height: 20px;
	line-height: 20px;
}

div.language_picker span a:hover {
	text-decoration: none;
	color: #000;
}

div.language_picker span a.btn-delete-language {
	float: right;
}


/* THEMES */
span.theme {
	display: block;
	margin-bottom: 20px;
	padding: 10px 10px 50px 10px;
	position: relative;
	float: left;
	width: 120px;
	height: 120px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 5px solid #fff;
	background: #fff;
	text-align: center;
	margin-right: 10px;
	position: relative;
}

span.theme:hover {
	background: #eed;
	border-color: #eed;
}

span.theme > h3 {
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 120px;
}

ul.themes {
	list-style: none;
	list-style-position: outside;
	display: block;
	clear: both;
}

ul.themes li {
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	float: left;
	width: 200px;
	height: 250px;
	cursor: pointer;
	margin-right: 10px;
	border: 1px solid #fff;
}

ul.themes li.ui-state-active {
	background: #ddd;
	border: 1px solid #4D77AB;
}

ul.themes li div.image {
	display: block;
	position: relative;
	text-align: center;
	width: 194px;
	height: 130px;
	overflow: hidden;
	border: 1px solid #aaa;
	background: #fff;
	padding: 3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

ul.themes li div.image img {
	width: 192px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


ul.themes li div.description {
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
}

ul.themes li div.description > h3 {
	padding: 5px 0 0 0 !important;
	margin: 0;
	font-size: 1.5em;
	text-align: center;
}

ul.themes li div.description p {
	font-weight: normal;
	line-height: 120%;
}

ul.themes li div.description p.version {
	color: #999;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul.themes li div.description p.copyright {
	color: #999;
	text-align: center;
	font-size: 0.8em;
}

img.theme_image {
	width: 160px;
	border: 1px solid #aaa;
	background: #fff;
	padding: 3px;
}

img.theme_image_small {
	width: 100px;
}

img.theme_image_smallest {
	width: 50px;
	vertical-align: middle;
	margin-right: 10px;
}


span#pager {
	text-align: right;
	float: right;
	background: none !important;
	border: none !important;
}

span#pager span {
	cursor: pointer;
	margin-left: 10px;
	float: left;
}

span#pager span:active {
	color: #000;
}

span#pager span > span {
	width: 16px;
	height: 16px;
	display: block;
	margin-right: .3em;
	float: left;
}

span#pager span.next {
	margin-left: 1.6em;
}

span#pager span.next span,
span#pager span.last span {
	float: right;
	margin-left: .3em;
}

span.footer_text span.admin_pager {
	float: right;
}

span.admin_pager span.page_selected,
span.admin_pager a.page_prev,
span.admin_pager a.page_next,
span.admin_pager a.page_number {
	padding: 2px 7px;
	margin: 0 1px;
}

span.admin_pager span.page_selected {
}

span.admin_pager a.page_prev,
span.admin_pager a.page_next,
span.admin_pager a.page_number {
	background: -moz-linear-gradient(top, #BDD7FF, #4D77AB 2%, #1D478B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDD7FF), color-stop(0.02, #4D77AB), to(#1D478B));
	border: 1px solid #0D376B;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

span.admin_pager a.page_prev:hover,
span.admin_pager a.page_next:hover,
span.admin_pager a.page_number:hover {
	background: #2D578B;
	background: -moz-linear-gradient(top, #9DB7DF, #2D578B 2%, #00276B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9DB7DF), color-stop(0.02, #2D578B), to(#00276B));
	border: 1px solid #00174B;
}

/* Tabell */
.ui-grid {
	width: 100%;
	padding: 0.2em;
	border-spacing: 0px;
	display: table;
	table-layout: auto;
	border-collapse: separate;
}

.ui-grid-header {
	display: table-header-group;
}

.ui-grid-header tr th {
	text-align: left;
}

.ui-grid-header tr th:first-child {
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.ui-grid-header tr th:last-child {
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.ui-grid-body {
	display: table-row-group;
	margin-top: 0.2em;
}

.ui-grid-body tr td {
	border-bottom: 1px solid #e0e0e0;
	background: #fff;
	padding: 5px 7px 3px 7px;
	vertical-align: top;
}

.ui-grid-body tr:last-child td {
	border-bottom: none;
}

.ui-grid-footer {
	display: table-footer-group;
	background: #fff;
	margin-top: 0.2em;
}

.ui-grid caption {
	font-size: 1.8em;
	text-align: left;
	text-indent: 10px;
	height: 45px;
	color: #fa0;
	display: table-caption;
}

.ui-grid thead tr th {
	padding: 7px 7px 5px 7px;
	font-weight: normal;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}

.ui-grid tfoot tr th {
	padding: 6px 7px 6px 7px;
	background: #e5e5e5;
	color: #000;
}

.ui-grid tbody tr.empty_set {
	background-color:#fff;
	padding: 15px;
	text-align: center;
	color: #777;
}

.ui-grid tbody tr.empty_set td {
	padding: 10px 0;
}

.ui-grid tbody tr.red,
.ui-grid tbody tr.red td {
	background-color:#fdd;
	border-bottom-color: #e0bbbb;
}

.ui-grid tbody tr.red:hover {
	background-color:#fbb;
}

.ui-grid tbody tr {
}

.ui-grid tbody tr.odd td {
	background-color:#fbfbfb;
}

.ui-grid tbody tr:hover td {
	background-color:#edfdff;
}

.ui-grid tbody tr.odd:hover td {
	background-color:#edfdff;
}

.ui-grid tbody tr.blue_tint td { background-color:#eff; }
.ui-grid tbody tr.blue_tint:hover td { background-color:#e0f1f1; }

.ui-grid tbody tr.grey_tint td { background-color:#f5f5f5; }
.ui-grid tbody tr.grey_tint:hover td { background-color:#f1f1f1; }

.ui-grid tbody tr.yellow_tint td { background-color:#ffe; }
.ui-grid tbody tr.yellow_tint:hover td { background-color:#fefedd; }

.ui-grid tbody tr.red_tint td { background-color:#fee; }
.ui-grid tbody tr.red_tint:hover td { background-color:#fdd; }

.ui-grid tbody tr.selected_row {
	background-color:#fec;
}

.ui-grid tbody tr.selected_row:hover td {
	background-color:#fea;
}

.ui-grid tbody tr.empty_set:hover td {
	background-color:#fff;
}

.ui-grid tbody tr.warning {
	background-color:#fec;
}

.ui-grid tbody tr.error {
	background-color:#fcc;
}

.ui-grid thead tr th.width_50px {
	width: 50px;
}

.ui-grid thead tr th.width_100px {
	width: 100px;
}

.ui-grid thead tr th.width_5  { width: 5%; }
.ui-grid thead tr th.width_10 { width: 10%; }
.ui-grid thead tr th.width_15 { width: 10%; }
.ui-grid thead tr th.width_20 { width: 20%; }
.ui-grid thead tr th.width_25 { width: 25%; }
.ui-grid thead tr th.width_30 { width: 30%; }
.ui-grid thead tr th.width_35 { width: 35%; }
.ui-grid thead tr th.width_40 { width: 40%; }
.ui-grid thead tr th.width_45 { width: 45%; }
.ui-grid thead tr th.width_50 { width: 50%; }
.ui-grid thead tr th.width_55 { width: 55%; }

table.admin_table_orderstatus {
	width: 700px;
}

/* Accordion */
h3.ui-accordion-header {
	padding: 7px 10px 7px 25px;
}

/* FORMS - Chimera stylee! */
form.admin {
	padding: 0;
}

form.admin * {
	outline: none;
}

form.admin fieldset {
	border: 1px solid #bbb;
	clear: both;
	padding: 2px 10px 7px 10px;
	margin: 0 0 10px 0;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

form.admin fieldset legend {
	padding: 0 5px 0 5px;
}

form.admin label {
	display: inline-block;
	clear: none;
	width: 150px;
}

form.admin textarea,
form.admin input,
form.admin select {
	margin: 0px;
	padding: 4px 6px;
	border: #ccc 1px solid;
	border-color: #BFBFBF #DFDFDF #DFDFDF #BFBFBF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	font-size: 1.1em;
}

form.admin textarea,
form.admin input,
form.admin select {
	width: 300px;
}

form.admin textarea {
	height: 250px;
}

form.admin textarea.smaller {
	height: 150px;
}

form.admin textarea.smallest {
	height: 80px;
}

form.admin textarea.largest {
	height: 400px;
}

form.admin textarea.tall {
	height: 600px;
}

form.admin textarea.wide {
	width: 600px;
}

form.admin textarea.widest {
	width: 800px;
}

form.admin select {
	padding: 0;
	margin: 0;
	height: 25px;
	width: 314px;
}

form.admin select optgroup {
	padding: 0;
	margin: 0;
}

form.admin select optgroup option {
	padding: 0;
	margin: 0;
}

form.admin textarea:hover,
form.admin input:hover,
form.admin select:hover {
	border: #888 1px solid;
	cursor: text;
	background-color: #fffff0;
}

form.admin textarea:focus,
form.admin input:focus,
form.admin select:focus {
	border: #555 1px solid;
	background-color: #f5f5d5;
}

form.admin textarea.disabled:hover,
form.admin input.disabled:hover,
form.admin select.disabled:hover {
	border: #ccc 1px solid;
}

form.admin input.error2,
form.admin input.error {
	background-color: #f99;
	border: #a00 1px solid;
}

form.admin input.error:focus {
	background-color: #fbb;
	border: #a00 1px solid;
}

form.admin input.error:hover {
	background-color: #fbb;
	border: #a00 1px solid;
}

form.admin label.error {
	color: #d00;
	margin-left: 10px;
	display: inline;
	background: #f5e9e9;
	padding: 3px 10px;
	border-radius: 3px;
}

form.admin label.checked {
	display: none !important;
}

form.admin input.checkbox,
form.admin input.radio {
	position: relative;
	width: 15px;
	height: 15px;
	cursor: pointer;
	clear: none;
	display: inline-block;
	padding: 0;
	margin: 0 8px 0 0;
}

form.admin label.label_radio_checkbox {
	position: relative;
	clear: none;
	display: inline-block;
	cursor: pointer;
	padding: 0;
	margin: 0;
	width: auto;
}

form.admin label.radio {
	clear: both;
	display: block;
	padding: 5px 0 5px 0;
}

span.checkbox_group {
	display: inline-block;
}

span.checkbox_group label.label_radio_checkbox {
	clear: both;
}

form.admin .short {
	width: 160px;
}

form.admin .shorter {
	width: 110px;
}

form.admin .shortest {
	width: 80px;
}

form.admin .micro {
	width: 50px !important;
}

form.admin table input.row_checkbox {
	width: 15px;
	border: 0;
}

span.required, 
form.admin span.required {
	color: #f00;
	padding-left: 5px;
}

form.admin .itemHeading {
	font-size: 2.0em;
	padding: 3px 5px 3px 5px;
	width: 700px;
}

form.admin select.itemHeading {
	height: auto;
}

form.admin input.itemWide {
	padding: 3px 5px 3px 5px;
	width: 700px !important;
}

form.admin input.date_picker {
	width: 100px;
	padding-left: 24px;
	cursor: pointer;
}

form.admin input.icon {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

form.admin .contains_inlines {
}

form.admin .contains_inlines p {
	display: inline;
}

form.admin p {
	padding: 2px 0;
	min-height: 25px;
}

form.admin p label {
	line-height: 21px;
	padding: 2px 0;
	vertical-align: top;
}

form.admin p input {
}

/* INFO */
div.bliss_admin_info {
	width: 400px;
	z-index: 2000;
	position: fixed;
	display: block;
}

div.bliss_admin_info div p {
	font-size: 140%;
	text-align: center;
	padding: 10px 0 12px 0;
	color: #544304;
	line-height: 130%;
}

div.bliss_admin_info div p span.ui-icon {
	margin-top: 5px;
	float: left;
	margin-right: .3em;
}


/* NOTIFICATIONS */
div.bliss_notifications {
	position: fixed !important;
	z-index: 9002 !important;
	display: none;
	background: #fff;
	border: 1px solid #aaa;
}

div.bliss_notifications div.bliss_header {
	height: 10px;
	display: block;
	position: relative;
	margin-top: 10px;
	margin: 0;
	padding: 0;
}

#info_div div.bliss_header {
	height: 30px;
}

div.bliss_notifications div.bliss_body {
	display: block;
	position: relative;
	padding: 0 10px 0 10px;
	margin: 0;
	text-align: left;
}

div.bliss_notifications div.bliss_footer {
	height: 10px;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

div.bliss_notifications div.bliss_body form.admin p label,
div.bliss_notifications div.bliss_body form.admin p textarea,
div.bliss_notifications div.bliss_body form.admin p input,
div.bliss_notifications div.bliss_body form.admin p select {
	width: 200px;
}

div.bliss_notifications div.bliss_body p {
	font-size: 1em;
	text-align: left;
	line-height: 1.35em;
	padding-bottom: 8px !important;
	text-shadow: none !important;
}

div.bliss_notifications div.bliss_body p a {
	text-decoration: underline;
}

div.admin-notification {
	margin: 10px 0;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

div.admin-notification div {
	padding: 10px 10px 10px 10px;
}

/* POPUP & BUTTONS */
#admininfo {
	top: 66px;
	left: 0px;
	display: block;
}

#installed_bliss_blocks {
	width: 450px;
	text-align: left;
	z-index: 100;
	display: none;
	position: fixed;
}

#div_quick_add {
	position: relative;
	width: 200px;
	top: 20px;
	margin-left: -20px;
}

#div_quick_add div.bliss_body {
	padding: 0;
}

#div_extra_modules {
	position: absolute;
	width: 400px;
	top: 20px;
	right: 5px;
}

#div_extra_modules div.bliss_body {
	padding: 0;
}

#div_ajax_progress {
	display: none;
	position: fixed;

	width: 100px;
	
	top: 80px;
	left: 50%;
	margin-left: -50px;
	
	padding: 0px 20px 15px 20px;
	
	z-index: 999;
	
	-moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.5);
}

#div_ajax_progress p {
	text-align: center;
	padding: 10px;
	margin: 0;
}


/* BLISS BLOCKS */
div.list_of_blocks {
	margin: 0;
	padding: 0;
	width: 200px;
}

div.left_column {
	float: left;
	overflow: hidden
	margin-left: -10px;
}

div.right_column {
	position: relative;
	float: left;
	overflow: hidden
}

div.list_of_blocks div {
	padding: 0;
}

div.list_of_blocks div a {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	display: block;
	width: auto;
	background-position: 10px 9px;
	color: #1C94C4;
	text-decoration: none;
}

div.list_of_blocks div a span.ss_sprite{margin-right: 8px;}

left_column,
right_column,
left_column a ,
right_column a {
	width: 184px;
}

div.list_of_blocks div a:hover {
	background: #1C94C4;
	color: #fff !important;
	text-decoration: none;
}

div.left_column div a,
div.right_column div a {
	width: auto;
}

/* OVERLAY COUNT */
div.overlay_count {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0;
	margin: 2px 3px 0 0;
}

/* IMAGES */
img {
	border: 0;
}

/* COMMENTS */
div.spam_comment {
	background: #eee;
}

/* SEASONAL */
div.seasonal_image {
}

div.seasonal_image img {
	/*
	width: 70px;
	height: 70px;
	*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* FAKE TABLE */
#table_custom_fields {
	display: block;
}

#table_custom_fields table thead tr th {
	width: 140px;
}

#table_custom_fields table tbody tr td {
	padding-right: 3px;
	padding-bottom: 3px;
}

#table_custom_fields table tbody tr td input {
	width: 120px !important;
}

table.small_table {
}

table.small_table tbody tr td {
	padding-right: 3px;
	padding-bottom: 3px;
}

input.shorter {
	width: 150px !important;
}

.with_image_picker {
	float: left;
	margin-right: 5px !important;
}

.with_file_picker {
	background-image: url("fugue-icons-11.png");
	background-position: 3px -1174px;
	background-repeat: no-repeat;
	cursor: pointer !important;
	padding-left: 20px !important;
}

.bliss-icon {
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 25px !important;
	background-repeat: no-repeat;
}

/* TABS */
#tabContainer {
	min-height: 470px;
}

/* PLUPLOAD */
div.plupload {
	cursor: pointer;
}

#plupload_container {
	display: block;
	position: fixed !important;

	width: 400px;
	
	top: -200px;
	left: 50%;
	
	margin-left: -200px;
	
	z-index: 999;
	
	border: 1px solid #999;
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.4);
}

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none !important; overflow:hidden;
	padding: 4px 0 2px 0;
	border: 1px solid #999;
}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto;
	z-index: 999;
	margin-top: 5px;
	border: 1px solid #999;
	border-top: 0;
}
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -11px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

/* !BROWSERS */
/*
body.opera div.items_buttons,
body.firefox div.items_buttons {
	top: 76px;
	right: 2px;
}

body.opera div.items_buttons a,
body.firefox div.items_buttons a {
	padding: 9px 25px 10px 25px;
}

body.opera .ui-selectmenu,
body.firefox .ui-selectmenu {
	padding: 3px 0 2px 0;
}
*/

/* jQuery UI
***************************************** */
div.b-ui-section-receiveable {
	padding: 10px 0;
}

div.b-ui-section-receiveable > div {
	max-height: 300px;
	overflow: hidden;
}

div.b-section > div.ui-state-highlight {
	padding: 15px 5px;
	background: #ffe45c !important;
	border: 2px dashed #eec21f;
	margin: 10px 0;
}

div.b-block-move {
	max-width: 300px !important;
	max-height: 300px !important;
	padding: 10px;
	background: #fff !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

div.b-block {
	position: relative;
}

div.b-block-options {
	height: 30px;
	width: auto;
	top: 0;
	right: 0;
	position: absolute;
	display: none;
	padding: 0;
}

div.b-block-options > div {
	background-color: #fff;
	display: block;
	height: 16px;
	width: 16px;
	float: left;
	padding: 2px;
}

div.b-block-options > div > span.fugue {
	padding: 0 0 0 16px;
}

div.b-block-option-handle {
	background: #ff0;
	top: 0;
	right: 0;
	position: absolute;
	display: none;
}

/* COLORS */
.red {
	color: #d00;
}

.green {
	color: #0a0;
}

div.bliss-admin-menu .grey,
.grey {
	color: #888;
}

.grey_dark {
	color: #555;
}

.grey_light {
	color: #aaa;
}

.yellow {
	color: #a90;
}

.bg_blue {
	background-color: #def;
	border-bottom: 1px solid #cde;
}

.bg_green {
	background-color: #cfc;
	border-bottom: 1px solid #ada;
}

.bg_grey {
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}

.bg_red {
	background-color: #fcc;
	border-bottom: 1px solid #c99;
}

.bg_yellow {
	background-color: #ffc;
	border-bottom: 1px solid #cc9;
}

/* POLLS */
div.bar-group {
	padding: 10px 0 10px 0;
}

#votes div.bar-box {
	border: 1px solid #ddd;
	padding: 1px;
	position: relative;
	width: 100%;
}

div.bar-bar {
	background: #498CCF;
	height: 20px;
	display: block;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

div.bar-content {
	position: absolute;
	line-height: 20px;
	top: 0;
	display: block;
	text-align: center;
	width: 100%;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000;
	padding: 0 5px;
}

/* Timeouts
**************************************************/
#bliss_session_timeout {
	width: 400px;
}

/* Toolbar
**************************************************/
div.b-toolbar {
}

div.b-toolbar > div.row {
	padding-bottom: 2px;
}

a.b-toolbar-button {
	border: 1px solid #ccc;
	border-radius: 3px;
	display: inline-block;
	height: 16px;
	min-width: 20px;
	line-height: 16px;
	padding: 4px 4px;
	margin: 0 2px 0 0;
	text-align: center;
	background: #fff;
}

a.b-toolbar-button > span {
	padding: 0 !important;
	font-weight: normal;
}

a.b-toolbar-button:hover {
	background-color: #eee;
	text-decoration: none;
}

a.b-toolbar-button:active {
	background-color: #ccc;
	position: relative;
	top: 1px;
}








/* Bliss 1.5.x
**************************************************/
#bliss-admin-menu-wrapper {
	font: normal 13px/1.5em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
	background: #444;
	background: -moz-linear-gradient(top,#444,#111);
	background: -webkit-gradient(linear,left top,left bottom,from(#444),to(#111));
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#000),color-stop(3%,#666),color-stop(3%,#333),color-stop(50%,#333),color-stop(51%,#222),color-stop(97%,#000),to(#000));

	/*
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	*/

	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 32px;
	width: 100%;
	z-index: 100;
	text-shadow: none;
}

#bliss-admin-menu-wrapper h1,
#bliss-admin-menu-wrapper h1 * {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
	color: #000;
	text-shadow: none;
}

#bliss_popup *,
#bliss-admin-menu-wrapper * {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
	text-transform: inherit;
	text-decoration: none;
}

#bliss-admin-menu-wrapper li > a {
	text-decoration: none;
	line-height: 32px;
	font-weight: normal;
	padding: 0;
}

div.bliss-admin-menu-left,
div.bliss-admin-menu-right {
	display: block;
	height: 32px;
}

div.bliss-admin-menu-left {
	float: left;
}

div.bliss-admin-menu-right {
	float: right;
	display: block;
	width: 200px;
}

div.bliss-admin-menu-right div.bliss-admin-menu {
	padding-left: 63px;
}

div.bliss-admin-menu div.ui-tabs {
	background: transparent;
	padding: 0;
}

div.bliss-admin-menu li.ui-state-active > a {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

div.bliss-admin-menu li.ui-tabs-selected > a {
	text-shadow: 1px 1px 0 #fff;
}

div.bliss-admin-menu li.ui-tabs-selected:hover > a {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

#bliss-admin-top-container {
	display: block;
	height: 31px;
	padding: 0 4px;
	overflow: hidden;
	position: relative;
}

div.bliss-admin-menu img.profile-image {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: 2px;
}

div.bliss-admin-menu span.count, 
span.count {
	margin-left: 5px;
	border-radius: 2px;
	color: #000;
	padding: 1px 5px;
	font-size: 0.8em;
	font-weight: bold;
	text-shadow: none;

	background: #fff;
	background: rgba(255,255,255, 0.7);
	
	float: none;
}

span.ui-button-text span.count {
	background: #fff;
	box-shadow: inset 0 1px 0 rgba(0,0,0, 0.2);
	top: -2px;
	position: relative;
}

#bliss-admin-menu-wrapper span.count-dark, 
span.count-dark {
	background: #777;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}

div.bliss-admin-menu > div.ui-tabs > ul {
	height: 32px;
	background: transparent;
	margin: 0;
}

div.bliss-admin-menu > div.ui-tabs > ul > li {
	height: 100%;
	line-height: 22px;
	text-align: center;
	width: auto;
	padding: 0 10px;
}

div.bliss-admin-menu > div.ui-tabs > ul > li a {
	padding: 9px 0;
	text-align: center;
}

#bliss-admin-menu-wrapper > div > ul > li:first-child {
	margin-left: 6px;
}

div.bliss-admin-menu > div.ui-tabs > ul > li:hover > a {
	visibility: visible;
}

div.bliss-admin-menu > div.ui-tabs > ul > li > a > span {
	color: silver;
}

div.bliss-admin-menu > div.ui-tabs > ul > li > a > span.count {
	background: #fff;
	color: #000;
	text-shadow: none;
}

#tabContainer > ul > li.ui-tabs-selected > a span.count,
div.bliss-admin-menu > div.ui-tabs > ul > li.ui-tabs-selected a span.count,
div.bliss-admin-menu > div.ui-tabs > ul > li:hover a span.count {
	background: #666;
	color: #fff;
	box-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

div.bliss-admin-menu > div.ui-tabs > ul > li > span.count {
	background: #fff;
}

div.bliss-admin-menu > div.ui-tabs > ul > li:hover > span.count,
div.bliss-admin-menu > div.ui-tabs > ul > li.ui-tabs-selected > span.count {
	background: #4D77AB;
	color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}

div.bliss-admin-menu > div.ui-tabs > ul > li.ui-tabs-selected > a,
div.bliss-admin-menu > div.ui-tabs > ul > li.ui-tabs-selected > a > span {
	color: #000;
}

div.bliss-admin-menu > div.ui-tabs > ul > li.ui-tabs-selected {
	background: #fff;
}

div.bliss-admin-menu > div.ui-tabs > ul > li.ui-tabs-selected > a {
	visibility: visible;
}

div.bliss-admin-menu > div.ui-tabs > ul > li:hover {
	background: #999;
	background: -moz-linear-gradient(#999, #777);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#777));
	border-left: 1px solid rgba(0,0,0,0.7);
	border-right: 1px solid rgba(0,0,0,0.7);
}

div.bliss-admin-menu > div.ui-tabs > ul > li:hover > a,
div.bliss-admin-menu > div.ui-tabs > ul > li:hover > a > span {
	color: #fff;
}

div.bliss-admin-menu > div.ui-tabs > ul > li.action-button {
	margin: 0;
	border: none;
}

div.bliss-admin-menu > div.ui-tabs > ul > li.action-button:hover {
	background: none;
	border: none;
}

div.bliss-admin-menu > div.ui-tabs > ul > li.action-button > a {
	padding: 0;
	width: 100px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 31px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #777;
}

div.bliss-admin-menu > div.ui-tabs > ul > li.action-button > a:hover {
	border-bottom: 1px solid #777;
	color: #fff;
}

div.bliss-admin-menu > div.ui-tabs > ul > li.action-button > a.ui-state-active {
	box-shadow:
		inset 0 0 1px rgba(0,0,0,.4),
		inset 0 -1px 1px rgba(255,255,255, 0.2);
}

div.bliss-admin-menu > div.ui-tabs > ul > li.action-button > a:hover > span {
	color: #fff;
}

div.bliss-admin-menu div.submenu {
	background: #fff;
	display: none;
	width: 200px;
	position: absolute;
	top: 30px;
	
	text-align: left;
	z-index: 20;

	line-height: 26px;

	border-radius: 2px;
	box-shadow: 0 3px 2px rgba(0,0,0,0.4);

	padding: 4px 0;
	margin-left: -10px;
}

div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu-right {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius-topright: 0;	
	border-top-right-radius: 0;

	right: 0;
}

div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu-wide {
	width: 400px;
}

div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu > span,
div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu > div.sublist > span,
div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu > div > span {
	display: block;
	height: 28px;
	line-height: 24px;
}

div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu > span > a,
div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu > div.sublist > span > a,
div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu > div > span > a {
	color: #444;
	border: 1px solid transparent;
	border-left-width: 2px;
	border-right-width: 2px;
	padding: 2px 15px 2px 10px;
	width: 171px;
	cursor: pointer;
	text-align: left;
}

div.submenu > span > a > span.ss_sprite,
div.sublist > span > a > span.ss_sprite {
	margin-right: 5px;
}

div.submenu > span > a:hover,
div.sublist > span > a:hover,
div.column-left > span > a:hover,
div.column-right > span > a:hover {
	background-color: #eee;
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -o-linear-gradient(top, #fff, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(0.5, #eee), color-stop(0.55, #e5e5e5), color-stop(1, #ddd));
	border-top: 1px solid #e5e5e5 !important;
	border-left: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0 1px;
}

div.submenu > span > a:active,
div.sublist > span > a:active,
div.column-left > span > a:active,
div.column-right > span > a:active {
	background-color: #ddd url("ui-images/ui-noise-light.png");
	background: -moz-linear-gradient(top, #ddd, #bbb);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ccc), color-stop(0.55, #ccc), color-stop(1, #bbb));
	border-top-color: #eff;
	border-bottom-color: #cdd;
	text-shadow: 0 1px 0 #eee !important;
}

div.sublist {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #777;
	padding: 1px 0 !important;
	margin: 1px 0 !important;
	display: block;
}

div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu > div.sublist > span {
	height: 30px;
}

div.submenu > div.column-left,
div.submenu > div.column-right {
	width: 200px;
}

div.submenu div.column-right {
	position: absolute;
	top: 4px;
	right: 0;
}

div.bliss-admin-menu > div.bliss-admin-menu-item-right {
	float: right;
}

div.bliss-admin-menu-item-search {
	position: absolute;
	top: 3px;
	right: 10px;
}

/* GLOBAL SEARCH */
form.global-search {
	position: relative;
}

div.filter input.search_for,
form.global-search input.search_for {
	background-color: transparent;
	height: 24px;
	line-height: 20px;
	border: 1px solid #ddd;
	border-radius: 2.5em;
	padding: 0 8px;
	width: 12px;
	outline: none;
	font-size: 0.9em;
	color: #445;
	position: relative;
}

form.global-search input.search_for {
	border: 1px solid #555;
}

div.filter input.search_for:focus,
form.global-search input.search_for:focus {
	background: #fff;
	color: #000;
	box-shadow: none;
}

form.global-search input.search_for:focus {
	padding: 0 8px;
}

form.global-search input.search_for {
	z-index: 10;
}

form.global-search span.fugue {
	display: block;
	position: absolute;
	top: 4px;
	left: 6px;
	z-index: 2;
}

#site_search_progress {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 99;
	display: none;
}

#site_search_progress > img {
	display: block;
	width: 16px;
	height: 16px;
}






/* Crumbtrail
**************************************************/
div.bliss-crumbtrail {
	display: block;
	padding: 0 6px 0 6px;
	position: fixed;
	
	background-color: #fff;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #888;
	
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	
	width: 100%;
	height: 30px;
	
	top: 40px;
	left: 0;
	z-index: 10;
	
	margin-top: -8px;
	margin-left: -6px;
}

div.bliss-crumbtrail p {
	color: #bbb !important;
}

div.bliss-crumbtrail ul {
	list-style: none;
	margin: 0;
	display: inline-block;
	clear: both;
	height: 30px;
}

div.bliss-crumbtrail ul > li {
	float: left;
	height: 30px;
	padding: 0 15px 0 0;
	color: #555;
	margin-right: 8px;
	text-shadow: 0 1px 0px #fff;
	background: url("../images/angle.png") no-repeat right center;
}

div.bliss-crumbtrail ul > li.first_and_last {
	padding: 0;
	margin: 0;
	background: transparent;
}

div.bliss-crumbtrail ul > li.home {
	padding-left: 10px;
}

div.bliss-crumbtrail ul > li.home > a {
	padding-right: 5px;
}

div.bliss-crumbtrail ul > li.last-child {
	background: none;
	margin-right: 0;
	padding-right: 10px;
}

div.bliss-crumbtrail ul > li.last-child > span {
	line-height: 30px;
}

div.bliss-crumbtrail ul > li > a,
div.bliss-crumbtrail ul > li > a:link,
div.bliss-crumbtrail ul > li > a:active,
div.bliss-crumbtrail ul > li > a:visited {
	color: #000 !important;
	text-decoration: none !important;
	display: block;
	line-height: 30px;
}

div.bliss-crumbtrail ul > li > a:hover {
	text-decoration: underline;
}












/* FILTER */
div.filter {
	position: fixed;
	text-align: right;
	width: 580px;
	top: 32px;
	right: 0;
	height: 32px;
	z-index: 10;
}

div.filter label.inline_label {
	display: inline;
	color: #999;
	margin-top: 7px;
	margin-left: 25px;
	position: absolute;
	width: auto;
}

div.filter div.search_field {
	width: 150px;
	float: right;
	padding: 0;
	margin: 0 0 0 5px;
	position: relative;
	display: block;
	height: 32px;
}

div.filter input.search_for {
	width: 112px;
	height: 13px;
	color: #999;
	display: inline;

	border-radius: 2.5em;
	padding: 5px 24px 5px 12px;
	outline: none;
	
	position: absolute;
	left: 0;
	top: 3px;
}

div.filter input.search_for:focus {
	color: #000;
	background: #fff;
}

div.filter #filter_button_search {
	background: transparent none;
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	border: none;
	top: 2px;
	right: 3px;
	box-shadow: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

div.filter a.filter-item,
div.filter a.filter-item-selected {
	padding: 0 8px;
	height: 23px;
	line-height: 23px;
	display: inline-block;
	
	margin-top: 3px;
	
	border-radius: 16px;
	border: 1px solid #ddd;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	color: #666;
	text-shadow: 0 1px 1px #fff;
	font-weight: normal;
}

div.filter a.filter-item:hover,
div.filter a.filter-item-selected:hover {
	text-decoration: none;
	color: #fff;
	text-shadow: none;
}

div.filter a.filter-item:hover {
	background: #bbb;
	border-color: #999;
}

div.filter a.filter-item span.count {
	color: #444;
	background: rgba(0,0,0, 0.1);
	font-size: 0.8em;
	text-shadow: none;
	border-radius: 10px;
	font-weight: normal;
	position: relative;
}

div.filter a.filter-item-selected {
	background: #4D77AB;
	background: -moz-linear-gradient(top, #7Da7dB, #4D77AB);
	background: -webkit-gradient(linear, left top, left bottom, from(#7Da7dB), to(#4D77AB));
	border: 1px solid #4D77AB;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

div.filter a.filter-item-selected span.count {
	color: #4D77AB;
	background: #fff;
	text-shadow: none;
}

div.filter a.filter-item-selected a:link,
div.filter a.filter-item-selected a:active,
div.filter a.filter-item-selected a:visited {
	color: #fff;
}

div.filter a.filter-item-selected a:hover {
	color: #4D77AB;
}

#dialog-bliss-info,
#dialog-plupload-file-upload {
	display: none;
}

div.badges {
	float:left;
}

.badge {
	background: url("../images/badges/badges-all.png") no-repeat top left;
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	text-indent: -9000px;
}

.badge-html5 {
	background-position: 0 0;
}

.badge-jquery {
	background-position: -50px 0;
}

.badge-jquery-ui {
	background-position: -100px 0;
}

.badge-tinymce {
	background-position: -150px 0;
}

span.n_thousands,
span.n_millions {
	padding-right: 2px;
}

a.unsaved-form-data {
	background-color: #aaa;
	background: -moz-linear-gradient(top, #aaa, #777);
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), color-stop(0.5, #999), color-stop(0.55, #888), color-stop(1, #777));
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	outline: none;

	-webkit-box-shadow:
		inset 0 1px 1px rgba(255,255,255,0.5),
		inset 0 -1px 1px rgba(255,255,255, 0.1),
		0 0 5px #fff;
	-moz-box-shadow:
		inset 0 1px 1px rgba(255,255,255,0.5),
		inset 0 -1px 1px rgba(255,255,255, 0.1),
		0 0 5px #fff;
	box-shadow:
		inset 0 1px 1px rgba(255,255,255,0.5),
		inset 0 -1px 1px rgba(255,255,255, 0.1),
		0 0 10px #fff;
}

a.unsaved-form-data:active {
	-webkit-box-shadow:
		inset 0 2px 2px rgba(0,0,0,.5),
		inset 0 -1px 1px rgba(255,255,255, 0.2);
	-moz-box-shadow:
		inset 0 2px 2px rgba(0,0,0,.5),
		inset 0 -1px 1px rgba(255,255,255, 0.2);
	box-shadow:
		inset 0 2px 2px rgba(0,0,0,.5),
		inset 0 -1px 1px rgba(255,255,255, 0.2);
}

a.unsaved-form-data:hover {
	background-color: #bbb;
	background: -moz-linear-gradient(top, #bbb, #777);
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), color-stop(0.5, #aaa), color-stop(0.55, #999), color-stop(1, #888));
}

a.unsaved-form-data:hover span.ui-button-text {
	color: #000;
	text-shadow: none;
}

a.unsaved-form-data span.ui-button-text {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

a.unsaved-form-data:hover {
}

@-webkit-keyframes resize {
	0% {
		-moz-transform: rotate(13deg);
		-ms-transform: rotate(13deg);
		-webkit-transform: rotate(13deg);
		transform: rotate(13deg);
	}
	100% {
		-moz-transform: rotate(-13deg);
		-ms-transform: rotate(-13deg);
		-webkit-transform: rotate(-13deg);
		transform: rotate(-13deg);
	}
}
	
#bliss-mail-notification {
	-webkit-animation-name: resize;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	position: relative;
	display: inline-block;
}

#bliss-mail-notification a.fugue {
	width: 16px;
	padding: 0 16px 0 0;
}

/* Tooltips
**************************************************/
.tooltipsy {
    padding: 5px 10px;
    max-width: 200px;
    color: #303030;
	background: -moz-linear-gradient(#ddd, to(#fafaba));
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffdf), to(#fafaba));
    border: 1px solid #deca7e;
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

/* Dashboard
**************************************************/
div.dashboard {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}

div.dashboard-content {
	width: 400px;
	display: block;
	float: left;
	padding: 0 10px;
	margin-right: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ddd;
}


/* Ehum?
**************************************************/
.icon-only {
	margin-right: -4px;
}

.bliss-empty-block {
	border: 2px dashed #999;
	border: 2px dashed rgba(0,0,0, 0.5);
}

#bliss-admin-menu-tab {
	display: block;
	position: absolute;
	top: 73px;
	right: 10px;
	width: 40px;
	height: 30px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

#ui-datepicker-div {
	display: none
}






/* CSS-sprite
**************************************************/
span.css-sprite-arrow-down {
	border: 3px solid silver;
	
	position: relative;
	top: -3px;

	border-left: transparent;
	border-right: transparent;
	border-bottom: transparent;
	
	border-style: solid dashed dashed;
	
	border-color: transparent;
	border-top-color: silver;

	display: -moz-inline-box;
	display: inline-block;

	height: 0;
	width: 0;

	border-width: 3px 3px 0;

	left: 5px;
}











/* Print
**************************************************/
@media print {
	* {
		text-shadow: none !important;
	}
	
	body {
		padding: 0 !important;
		margin: 0 !important;
		background: none transparent !important;
		font: normal 7pt Arial, Helvetica, sans-serif !important;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: Arial, Helvetica, sans-serif !important;
		font-weight: bold !important;
	}
	
	h1 {
		font-size: 20pt;
	}
	
	.fugue {
		padding: 0 !important;
	}
	
	div.admin_buttonbar,
	.pager_box,
	.no-print
	{ display:none !important; }
}















/* Internet Explorer (MSIE)
**************************************************/
body.msie div.bliss-admin-menu > div.ui-tabs > ul > li:hover {
	border: 1px solid #000;
	border-bottom: none;
	margin-top: -1px;
}

body.msie div.bliss-admin-menu > div.ui-tabs > ul > li > div.submenu {
	border: 1px solid #000;
	border-top: none;
	margin-left: -11px;
}

body.msie div.submenu {
	position: absolute;
	z-index: 99;
}

body.msie body#login {
	text-align: center !important;
}

body.msie select.bulk_dropdown {
	padding: 3px !important;
}

body.msie .ui-selectmenu {
	padding: 3px 0 2px 0;
}

body.msie .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
	margin-top: -8px;
}

body.msie a.unsaved-form-data {
	background-color: #bbb;
}

body.msie div.bliss-admin-menu > div.ui-tabs > ul > li.action-button:hover {
	border-left: none;
	border-right: none;
}

body.msie .ui-button {
	border: 1px solid #000;
	background-color: #eee;
}

body.msie div.filter input.search_for,
body.msie form.global-search input.search_for {
	height: 22px;
	border: 1px solid silver;
}