@CHARSET "UTF-8";

/*** YUI SKIN ADJUSTEMENTS *************************************************************************************************/
body {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

table,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	vertical-align: top;
    border-style: none;
}

a.yuimenuitemlabel:link,
a.yuimenuitemlabel:visited {
	color: #000;
}

ol,
ul,
dl {
    margin: 0;
    padding: 0 0 0 15px;
}

.yui-editor-container iframe.editor-hidden,
iframe.editor-hidden,
textarea.editor-hidden,
div.editor-hidden {
	display: none;
}

a:link,
a:visited,
a:hover {
	text-decoration: none;
}


a:link img,
a:visited img,
a:hover img {
	border: none 0;
}

a.hoverbutton:hover {
	opacity: 0.8;
    filter: Alpha(opacity = 80);
}





/*** STRUCUTRE *************************************************************************************************************/
.left {
	float: left;
    display: block;
}

.right {
	float: right;
    display: block;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.clearfloat {
    clear: both;
}

.invisible,
.alwaysinvisible {
	display: none;
}

table .header,
table tr.header,
table tr.header td {
    height: 0;
    padding: 0;
    margin: 0;
}

.fullwidth,
div.fullwidth,
input.fullwidth {
	width: 100%;
}

textarea.fullwidth {
	width: 98.9%;
}

.fullheight,
div.fullheight,
input.fullheight,
textarea.fullheight {
	height: 100%;
}

table.fullwidth {
	table-layout: fixed;
}

.tinyspacer,
table.fullwidth .tinyspacer {
	height: 2px;
}

.smallspacer,
table.fullwidth .smallspacer {
	height: 6px;
}

.mediumspacer,
table.fullwidth .mediumspacer {
	height: 12px;
}

.largespacer,
table.fullwidth .largespacer {
	height: 24px;
}

.giantspacer,
table.fullwidth .giantspacer {
	height: 36px;
}

.tinytext {
	font-size: 8px;
}

.smalltext {
	font-size: 10px;
}

.largetext {
	font-size: 14px;
}

.gianttext {
	font-size: 24px;
}



/*** ERRORS ****************************************************************************************************************/
.error,
.smallerror {
	color: #000;
	background-color: #fee7d7;
	border: solid 1px #e6001a;
}

.error {
	padding: 10px 16px 10px 16px;
}

.smallerror {
	margin: 2px 0 2px 0;
	padding: 2px 6px 2px 6px;
}

.error b,
.smallerror b {
	color: #e6001a;
}



/*** SUCCESS ***************************************************************************************************************/
.success,
.smallsuccess {
	color: #000;
	background-color: #e7fed7;
	border: solid 1px #00e61a;
}

.success {
    padding: 10px 16px 10px 16px;
}

.smallsuccess {
    margin: 2px 0 2px 0;
    padding: 2px 6px 2px 6px;
}

.success b,
.smallsuccess b {
	color: #00e61a;
}



/*** INSITE EDITORS ********************************************************************************************************/
.editinsitecontainer.showmode .insiteeditable.showmode {
	cursor: pointer;
}

.editinsitecontainer.showmode .insiteeditable.editmode {
	display: none;
}

.editinsitecontainer.editmode .insiteeditable.showmode {
	display: none;
}

.editinsitecontainer.editmode .insiteeditable.editmode {
}

.insiteeditable.showmode .show {
	cursor: pointer;
	/*min-height: 10px;*/
}

.insiteeditable.showmode .edit {
	display: none;
}

.insiteeditable.editmode .show {
	display: none;
}

.insiteeditable.editmode .edit {
	/*min-height: 10px;*/
}



/*** TEMPLATE SCHEMA *******************************************************************************************************/
.templateschema {
	width: 100%;
	height: 100%;
    background-color: #fff;
}

.templateschema .staticcontainer {
    background-color: #ccc;
}

.templateschema .dynamiccontainer {
    background-color: #777;
}

.templatethumbnailcontainer {
    width: 120px;
}

.templatethumbnailradio {
    width: 20px;
}

.templatethumbnail {
	width: 100px;
	height: 80px;
	padding: 0;
}

.templatethumbnail.selectedtemplate {
	width: 100px;
	height: 80px;
	margin: 7px;
	padding: 2px;
	border: solid 1px #000000;
}



/*** LIST / TREE ***********************************************************************************************************/
.icon {
    background-repeat: no-repeat;
    background-position: center center;
}

.catgoryTreeDeep > .categoryTreeItem {
	padding: 0 0 0 0.7em;
}

.categoryTreeItem > .treeItemTitleBar,
.categoryTreeItem > table > tbody > tr > td.treeItemTitleBar {
	padding: 8px 4px 8px 4px;
    line-height: 1.0em;
    overflow: hidden
}

.categoryTreeItem.selected > .treeItemTitleBar,
.categoryTreeItem.selected > table > tbody > tr > td.treeItemTitleBar {
    font-weight: bold;
    color: #fff;
    background-color: #005794;
}

.categoryTreeItem > .treeItemIcon,
.categoryTreeItem > table > tbody > tr > td.treeItemIcon {
    width: 16px;
	padding: 8px 0 8px 0;
    line-height: 1.0em;
    overflow: hidden;
}

.treeItemContainerBottomBorder {
	border-bottom: solid 1px #777;
}

.row_uni {
	color: #777;
	background-color: #fff;
}

.row_odd {
	color: #777;
	background-color: #fff;
}

.row_even {
	color: #777;
	background-color: #ccc;
}

.selectable {
	cursor: pointer;
}

/*.expandable {*/
/*}*/

.expandableChildContainer {
	display: none;
}

.expandableOpen > .expandableChildContainer {
	display: block;
}

.expandable > a.toggleExpandButton,
.expandable > a.toggleExpandButton:link,
.expandable > a.toggleExpandButton:visited,
.expandable > a.toggleExpandButton:hover,
.expandable > table > tbody > tr > td > a.toggleExpandButton,
.expandable > table > tbody > tr > td > a.toggleExpandButton:link,
.expandable > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandable > table > tbody > tr > td > a.toggleExpandButton:hover,
.expandableOpen > a.toggleExpandButton,
.expandableOpen > a.toggleExpandButton:link,
.expandableOpen > a.toggleExpandButton:visited,
.expandableOpen > a.toggleExpandButton:hover,
.expandableOpen > table > tbody > tr > td > a.toggleExpandButton,
.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:link,
.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:hover,
.expandableOpening > a.toggleExpandButton,
.expandableOpening > a.toggleExpandButton:link,
.expandableOpening > a.toggleExpandButton:visited,
.expandableOpening > a.toggleExpandButton:hover,
.expandableOpening > table > tbody > tr > td > a.toggleExpandButton,
.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:link,
.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:hover {
    cursor: pointer;
}

.expandable > table > tbody > tr > td > a.toggleExpandButton,
.expandable > table > tbody > tr > td > a.toggleExpandButton:link,
.expandable > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandable > table > tbody > tr > td > a.toggleExpandButton:hover,
.expandableOpen > table > tbody > tr > td > a.toggleExpandButton,
.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:link,
.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:hover,
.expandableOpening > table > tbody > tr > td > a.toggleExpandButton,
.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:link,
.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:hover {
    display: block;
}


.expandable > a.toggleExpandButton,
.expandable > a.toggleExpandButton:link,
.expandable > a.toggleExpandButton:visited,
.expandable > a.toggleExpandButton:hover,
.expandable > table > tbody > tr > td > a.toggleExpandButton,
.expandable > table > tbody > tr > td > a.toggleExpandButton:link,
.expandable > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandable > table > tbody > tr > td > a.toggleExpandButton:hover {
	background-image: url("assets/icons/arrow_right.gif");
}

.expandable.expandableOpen > a.toggleExpandButton,
.expandable.expandableOpen > a.toggleExpandButton:link,
.expandable.expandableOpen > a.toggleExpandButton:visited,
.expandable.expandableOpen > a.toggleExpandButton:hover,
.expandable.expandableOpen > table > tbody > tr > td > a.toggleExpandButton,
.expandable.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:link,
.expandable.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandable.expandableOpen > table > tbody > tr > td > a.toggleExpandButton:hover {
	background-image: url("assets/icons/arrow_down.gif");
}

.expandable.expandableOpening > a.toggleExpandButton,
.expandable.expandableOpening > a.toggleExpandButton:link,
.expandable.expandableOpening > a.toggleExpandButton:visited,
.expandable.expandableOpening > a.toggleExpandButton:hover,
.expandable.expandableOpening > table > tbody > tr > td > a.toggleExpandButton,
.expandable.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:link,
.expandable.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:visited,
.expandable.expandableOpening > table > tbody > tr > td > a.toggleExpandButton:hover {
	background-image: url("assets/progressindicators/busy_16.gif");
}



/*** ICONS *****************************************************************************************************************/
.smallicon {
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.mediumicon {
    width: 32px;
    height: 32px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.largeicon {
    width: 48px;
    height: 48px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.smallbutton,
a.smallbutton:link,
a.smallbutton:visited,
a.smallbutton:hover,
.mediumbutton,
a.mediumbutton:link,
a.mediumbutton:visited,
a.mediumbutton:hover,
.largebutton,
a.largebutton:link,
a.largebutton:visited,
a.largebutton:hover {
    display: block;
    cursor: pointer;
    border: solid 1px #c5c5c5;
    border: solid 1px #ccc;
    background-color: #fff;
    background-repeat: no-repeat;
    overflow: hidden;
}

.smallbutton,
a.smallbutton:link,
a.smallbutton:visited,
a.smallbutton:hover {
    width: 21px;
    height: 21px;
}

.mediumbutton,
a.mediumbutton:link,
a.mediumbutton:visited,
a.mediumbutton:hover {
    width: 32px;
    height: 32px;
}

.largebutton,
a.largebutton:link,
a.largebutton:visited,
a.largebutton:hover {
    width: 48px;
    height: 48px;
}



/*** LIGHTBAR **************************************************************************************************************/
.lightbarcontainer {
	position: relative;
    height: 0;
}

.lightbar {
	position: absolute;
	z-index: 1;
}

.lightbar.right {
    right: 0;
}

/* Hide lightbar when mouse cursor is not over the element */
div.containerloading .lightbar,
div.containerloading .hasLightbar:hover .lightbar,
.hasLightbar > .lightbarcontainer > .lightbar {
	display: none;
}

/* Show lightbar when mouse cursor is over the element */
.hasLightbar:hover > .lightbarcontainer > .lightbar {
	display: block;
	background-color: #eee;
}

/* Hide lightbar when editing the element */
.hasLightbar:hover.editmode > .lightbarcontainer > .lightbar,
.hasLightbar:hover.editmode > .lightbarcontainer > .lightbar,
.hasLightbar.editmode > .transparentlightbarcontainer,
.hasLightbar.editmode > .transparentlightbarcontainer > .transparentlightbar {
	display: none;
}

/* Hide lightbar while dragging over */
.draggingOver .hasLightbar:hover > .lightbarcontainer > .lightbar,
.hasLightbar:hover.draggingOver .lightbar,
.hasLightbar:hover.draggingOver > .lightbarcontainer > .lightbar {
	display: none;
}

.draggingOver .lightbar {
/*.draggingOver.hasLightbar:hover > .lightbarcontainer > .lightbar,*/
/*.draggingOver .hasLightbar:hover > .lightbarcontainer > .lightbar {*/
	display: none;
}

.draggingOver .transparentlightbar {
/*.draggingOver.hasLightbar:hover > .lightbarcontainer > .lightbar,*/
/*.draggingOver .hasLightbar:hover > .lightbarcontainer > .lightbar {*/
    opacity: 0;
    .filter: Alpha(opacity = 0);
}

.transparentlightbar {
    opacity: 0;
    .filter: Alpha(opacity = 0);
}

/* Show lightbar when mouse cursor is over the element */
.hasLightbar:hover > .transparentlightbarcontainer {
    opacity: 1.0;
    .filter: Alpha(opacity = 100);
	background-color: #eee;
	width: 100%;
}

.hasLightbar:hover > .transparentlightbarcontainer > .transparentlightbar {
    opacity: 1.0;
    .filter: Alpha(opacity = 100);
}

.draggingOver .hasLightbar:hover > .transparentlightbar > .transparentlightbar,
.hasLightbar:hover.draggingOver .transparentlightbar,
.hasLightbar:hover.draggingOver > .transparentlightbar > .transparentlightbar {
    opacity: 0;
    .filter: Alpha(opacity = 0);
}




/*
.draggedClone > div.lightbarcontainer > div.lightbar {
	display: none;
}
*/

/* Hide lightbar while dragging the element */
.draggingproxy.hasLightbar:hover > .lightbarcontainer > .lightbar,
.cloneddraggingproxy.hasLightbar:hover > .lightbarcontainer > .lightbar {
	display: none;
}


.lightbar .smallbutton,
.lightbar a.smallbutton:link,
.lightbar a.smallbutton:visited,
.lightbar .mediumbutton,
.lightbar a.mediumbutton:link,
.lightbar a.mediumbutton:visited,
.lightbar .largebutton,
.lightbar a.largebutton:link,
.lightbar a.largebutton:visited {
    opacity: 0.50;
    .filter: Alpha(opacity = 50);
}

.lightbar a.smallbutton:hover,
.lightbar a.mediumbutton:hover,
.lightbar a.largebutton:hover {
    opacity: 0.90;
    .filter: Alpha(opacity = 90);
}

body.view_preview .lightbar,
body.view_preview .lightbarcontainer,
body.view_preview .transparentlightbar,
body.view_preview .transparentlightbarcontainer {
    display: none;
}



/*** BORDER ****************************************************************************************************************/
.noborder,
a.noborder:link,
a.noborder:visited,
a.noborder:hover {
    border: none;
}

.notopborder,
a.notopborder:link,
a.notopborder:visited,
a.notopborder:hover {
    border-top: none;
}

.nobottomborder,
a.nobottomborder:link,
a.nobottomborder:visited,
a.nobottomborder:hover {
    border-bottom: none;
}

.noleftborder,
a.noleftborder:link,
a.noleftborder:visited,
a.noleftborder:hover {
    border-left: none;
}

.norightborder,
a.norightborder:link,
a.norightborder:visited,
a.norightborder:hover {
    border-right: none;
}



/*** CONTENT FORMATTING ****************************************************************************************************/
.buttonpanel {
	margin: 9px 0 0 0;
}

.buttonpanel.small {
    font-size: 10px;
}

.scalingimagecontainer img {
    width: 100%;
    /*height: 100%;*/
}



/*** PROGRESS INDICATORS ***************************************************************************************************/
body.initializing div {
	display: none;
}

div.initprogress {
	display: none;
}

body.initializing div.initprogress {
	display: block;
	position: absolute;

	width: 500px;
	margin-left: -250px;
	left: 50%;

	height: 50px;
	padding-top: 150px;
	margin-top: -100px;
	top: 50%;

	text-align: center;

	background-image: url('assets/progressindicators/busy_48.gif');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	/* border: solid 1px #000; */
	color: #888;
}

.progress {
    width: 100%;
    height: 100%;
    background-image: url('assets/progressindicators/busy_48.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    /*opacity: 0.25;*/
    /*.filter: Alpha(opacity = 25);*/
    opacity: 0.50;
    .filter: Alpha(opacity = 50);
}

.progressdark {
    width: 100%;
    height: 100%;
    background-image: url('assets/progressindicators/busy_48.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #000;
    opacity: 0.25;
    .filter: Alpha(opacity = 25);
    /*opacity: 0.50;*/
    /*.filter: Alpha(opacity = 50);*/
}



/*** OPTIONAL VIEWS ********************************************************************************************************/
.hideinvisibleitems .invisibleitem {
    display: none;
}

.hideincompleteitems .incompleteitem {
    display: none;
}

.hidebuttonpanels .buttonpanel {
    display: none;
}



/*** UNSORTED **************************************************************************************************************/
.scrollonhover {
    overflow: hidden;
}

.innerdialog {
    padding: 4px 4px 8px 4px;
}

.button_refresh {
    background-image: url('assets/icons/refresh.png');
    background-position: center center;
    background-repeat: no-repeat;
}


/*** SELECTABLES ***********************************************************************************************************/
.selectablescontainer .selectable {
    border: solid 1px transparent;
}

.selectablescontainer .selectable.selected {
    border: solid 1px #000;
}


/*** CONTENT FORMATTING ****************************************************************************************************/
.slideshowitem {
    position: absolute;
}

.admin .slideshowitem {
    position: static;
}

body.view_preview .buttonpanel {
    display: none;
}

body.view_preview .invisibleitem {
    display: none;
}

body.view_preview .incompleteitem {
    display: none;
}

body.view_nopropertyboxes .propertyboxescontainer {
    display: none;
}

body.view_nocategorytree .categorytreebox {
    display: none;
}