/*
 * hyCMS
 * Copyright(C)2008 by Friedrich Gräter
 * Published under the terms of the Lesser GNU General Public License v2
 *
 * WidgetKit widget layouting
 *
 */
 
/*
 * Empty Views
 *
 */
div.wk_view {
	position: 			relative;
	background-color:	none;
}

div.wk_hoverView {
	position: 			relative;
	background-color:	none;
	opacity:			0.5;
}

div.wk_hoverView:hover {
	opacity:			1;
}

div.wk_orientedBox_horizontal {
	position:			relative;
}

div.wk_orientedBox_vertical {
	position:			relative;
}

span.wk_orientedBoxChild_horizontal {
	display:			block;
	margin:				auto;
	text-align:			center;
}

span.wk_orientedBoxChild_vertical {
	display:			inline-block;
	margin:				auto;
	top:				0px;
	padding:			0px;
	vertical-align:		top;
	text-align:			left;
}


/*
 * Buttons
 *
 */
/******************************************************* Text */
span.wk_button_text {
	display: inline-block;

	background-color:	transparent;
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				white;
	
	vertical-align:		middle;
	line-height:		8pt;

	cursor:				pointer;

	height:		29px;

}

span.wk_button_text:hover {
	text-decoration:	underline;
}

span.wk_buttonClicked_text {
	display: inline-block;

	background-color:	transparent;
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				white;
	
	vertical-align:		middle;
	line-height:		8pt;

	cursor:				pointer;

	height:		29px;

}

span.wk_buttonDisabled_text {
	display: inline-block;

	background-color:	transparent;
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				gray;
	
	vertical-align:		middle;
	line-height:		8pt;

	cursor:				pointer;

	height:		29px;

}
 
/******************************************************* OK */
span.wk_button_ok {
	display: inline-block;

	background-image:	url('buttons/ok.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_ok:hover {
	display: inline-block;

	background-image:	url('buttons/ok-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_ok {
	display: inline-block;

	background-image:	url('buttons/ok-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_ok {
	display: inline-block;

	background-image:	url('buttons/ok-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Cancel */
span.wk_button_cancel {
	display: inline-block;

	background-image:	url('buttons/cancel.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_cancel:hover {
	display: inline-block;

	background-image:	url('buttons/cancel-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_cancel {
	display: inline-block;

	background-image:	url('buttons/cancel-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_cancel {
	display: inline-block;

	background-image:	url('buttons/cancel-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Left */
span.wk_button_left {
	display: inline-block;

	background-image:	url('buttons/left.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_left:hover {
	display: inline-block;

	background-image:	url('buttons/left-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_left {
	display: inline-block;

	background-image:	url('buttons/left-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_left {
	display: inline-block;

	background-image:	url('buttons/left-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Right */
span.wk_button_right {
	display: inline-block;

	background-image:	url('buttons/right.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_right:hover {
	display: inline-block;

	background-image:	url('buttons/right-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_right {
	display: inline-block;

	background-image:	url('buttons/right-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_right {
	display: inline-block;

	background-image:	url('buttons/right-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Up */
span.wk_button_up {
	display: inline-block;

	background-image:	url('buttons/up.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_up:hover {
	display: inline-block;

	background-image:	url('buttons/up-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_up {
	display: inline-block;

	background-image:	url('buttons/up-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_up {
	display: inline-block;

	background-image:	url('buttons/up-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Down */
span.wk_button_down {
	display: inline-block;

	background-image:	url('buttons/down.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_down:hover {
	display: inline-block;

	background-image:	url('buttons/down-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_down {
	display: inline-block;

	background-image:	url('buttons/down-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_down {
	display: inline-block;

	background-image:	url('buttons/down-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Plus */
span.wk_button_plus {
	display: inline-block;

	background-image:	url('buttons/plus.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_plus:hover {
	display: inline-block;

	background-image:	url('buttons/plus-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_plus {
	display: inline-block;

	background-image:	url('buttons/plus-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_plus {
	display: inline-block;

	background-image:	url('buttons/plus-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Minus */
span.wk_button_minus {
	display: inline-block;

	background-image:	url('buttons/minus.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_minus:hover {
	display: inline-block;

	background-image:	url('buttons/minus-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_minus {
	display: inline-block;

	background-image:	url('buttons/minus-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_minus {
	display: inline-block;

	background-image:	url('buttons/minus-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Save */
span.wk_button_save {
	display: inline-block;

	background-image:	url('buttons/save.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_save:hover {
	display: inline-block;

	background-image:	url('buttons/save-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_save {
	display: inline-block;

	background-image:	url('buttons/save-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_save {
	display: inline-block;

	background-image:	url('buttons/save-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Inspect */
span.wk_button_inspect {
	display: inline-block;

	background-image:	url('buttons/inspect.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_inspect:hover {
	display: inline-block;

	background-image:	url('buttons/inspect-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_inspect {
	display: inline-block;

	background-image:	url('buttons/inspect-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_inspect {
	display: inline-block;

	background-image:	url('buttons/inspect-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Settings */
span.wk_button_settings {
	display: inline-block;

	background-image:	url('buttons/settings.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_settings:hover {
	display: inline-block;

	background-image:	url('buttons/settings-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_settings {
	display: inline-block;

	background-image:	url('buttons/settings-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_settings {
	display: inline-block;

	background-image:	url('buttons/settings-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* Delete */
span.wk_button_delete {
	display: inline-block;

	background-image:	url('buttons/delete.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_delete:hover {
	display: inline-block;

	background-image:	url('buttons/delete-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_delete {
	display: inline-block;

	background-image:	url('buttons/delete-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_delete {
	display: inline-block;

	background-image:	url('buttons/delete-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* New */
span.wk_button_new {
	display: inline-block;

	background-image:	url('buttons/new.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_new:hover {
	display: inline-block;

	background-image:	url('buttons/new-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_new {
	display: inline-block;

	background-image:	url('buttons/new-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_new {
	display: inline-block;

	background-image:	url('buttons/new-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/******************************************************* More */
span.wk_button_more {
	display: inline-block;

	background-image:	url('buttons/more.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;
}

span.wk_button_more:hover {
	display: inline-block;

	background-image:	url('buttons/more-hovered.png');
	background-repeat:	no-repeat;
	height:		29px;
	width:		29px;
}

span.wk_buttonClicked_more {
	display: inline-block;

	background-image:	url('buttons/more-clicked.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

span.wk_buttonDisabled_more {
	display: inline-block;

	background-image:	url('buttons/more-disabled.png');
	background-repeat:	no-repeat;

	height:		29px;
	width:		29px;	
}

/*
 * Label
 *
 */
span.wk_label {
	display:		inline-block;
	margin:			auto;
	vertical-align:	middle;
}

/*
 * TextEntry
 *
 */
input.wk_textEntry {
	border:		2px solid #dcdcdc;
	background:	transparent;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:		white;
	
	margin:				4px;
	padding:			2px;
}

input.wk_textEntryDisabled {
	border:		2px solid #dcdcdc;
	background:	gray;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				black;
	
	margin:				4px;
	padding:			2px;
}

/*
 * Select DropDown
 *
 */
select.wk_selectBoxDropDown {
	border:		2px solid #dcdcdc;
	background:	transparent;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:		white;
	
	margin:				4px;
	padding:			2px;
}

select.wk_selectBoxDropDown optgroup {
	border:		none;
	background:	#5a5a5a;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	font-style:			normal;	
	color:				white;

	padding-left:	4px;
}

select.wk_selectBoxDropDown option {
	border:		none;
	background:	#1a1a1a;
	
	font-family:		sans-serif;
	font-weight:		normal;
	font-size:			8pt;
	color:		white;
	
	padding-left:	4px;
}

option optgroup {
	padding-left: 10px;
}

select.wk_selectBoxDropDownDisabled {
	border:		2px solid #dcdcdc;
	background:	gray;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	font-style:			normal;	
	color:				white;
	
	margin:				4px;
	padding:			2px;
}

select.wk_selectBoxDropDownDisabled optgroup {
	padding-left:	4px;
	font-style:		normal;
}

select.wk_selectBoxDropDownDisabled option {
	padding-left:	4px;
	font-style:		normal;	
}

/*
 * Select Box
 *
 */
select.wk_selectBox {
	border:				2px solid #dcdcdc;
	background:			transparent;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				white;
	
	margin:				4px;
	padding:			2px;
}

select.wk_selectBox optgroup {
	padding-left:		5px;
	font-style:			italic;
	border:				1px solid #dcdcdc;
}

select.wk_selectBox option {
	padding-left:		8px;
	font-weight:		bold;
	font-style:			normal;	
	text-decoration:	none;	
}

select.wk_selectBoxDisabled {
	border:				2px solid #dcdcdc;
	background:			gray;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				white;
	
	margin:				4px;
	padding:			2px;
}

select.wk_selectBoxDisabled optgroup {
	padding-left:		10px;
	font-style:			normal;
	border-top:			1px solid #dcdcdc;
}

select.wk_selectBoxDisabled option {
	padding-left:		4px;
	font-weight:		bold;
	font-style:			normal;	
	text-decoration:	none;	
}

/*
 * Tree Select Box
 *
 */
div.wk_treeSelectBox {
	border:				2px solid #dcdcdc;
	background:			transparent;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				white;
	
	margin:				4px;
	padding:			0px;
	
	white-space:		nowrap;
	
	overflow-x:			scroll;
	
	display:			inline-block;
	
	text-align:			left;
}

div.wk_treeSelectBox select {
	border:				none;
	background:			transparent;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				white;
	
	margin:				0px;
	padding:			2px;
	
	white-space:		nowrap;
	
	overflow-x:			scroll;
}

div.wk_treeSelectBox option {
	padding-left:		8px;
	font-style:			normal;	
	text-decoration:	none;	
}

div.wk_treeSelectBox option.wk_isNotLeaf {
	background-image:		url('treeview/arrow.png');
	background-position:	right;
	background-repeat:		no-repeat;
	padding-right:			20px;
}

div.wk_treeSelectBoxDisabled {
	border:				2px solid #dcdcdc;
	background:			gray;
	
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:			8pt;
	color:				white;
	
	margin:				4px;
	padding:			2px;
}

div.wk_treeSelectBoxDisabled option {
	padding-left:		4px;
	font-weight:		bold;
	font-style:			normal;	
	text-decoration:	none;	
}

/*
 * Popup Menu
 *
 */
div.wk_popupMenu {
	position:		absolute;

	border: 		1px solid #dcdcdc;
	background: 	black;
	
	font-family:	sans-serif;
	font-weight:	bold;
	font-size:		8pt;
	
	padding:		4px;
	
	color:			#dcdcdc;
}

div.wk_popupOption {
	color:					#dcdcdc;
	background-color:		black;
	margin-bottom:			4px;

	cursor:					pointer;
}

div.wk_popupOption:hover {
	color:					black;
	background-color:		#dcdcdc;
}

div.wk_popupGroupLabel {
	color:					black;
	background-color:		gray;
	margin-bottom:			4px;
}

div.wk_popupCaption {
	color:					black;
	background-color:		white;

	text-align:				center;

	padding-top:			2px;
	padding-left:			2px;
	padding-right:			2px;

	margin-top:				-3px;
	margin-left:			-3px;
	margin-right:			-3px;
	margin-bottom:			10px;
}

/*
 * Frame
 *
 */
div.wk_frame {
	position: 	absolute;
	margin:	  	auto;
	color:		white;
	
	z-index:	5000;
}
 
/* Corners */
div.wk_frame_TopLeft {
	background-image:	url('dialog/topLeft.png');
	background-repeat:	no-repeat;


	position: absolute;
	top:	  0px;
	left:	  0px;
	height:	  25px;
	width:	  25px;
}

div.wk_frame_TopRight {
	background-image:	url('dialog/topRight.png');
	background-repeat:	no-repeat;

	position: absolute;
	top:	  0px;
	right:	  0px;
	height:	  25px;
	width:	  25px;
}

div.wk_frame_BottomLeft {
	background-image:	url('dialog/bottomLeft.png');
	background-repeat:	no-repeat;

	position: absolute;
	bottom:	  0px;
	left:	  0px;
	height:	  25px;
	width:	  25px;
}

div.wk_frame_BottomRight {
	background-image:	url('dialog/bottomRight.png');
	background-repeat:	no-repeat;

	position: absolute;
	bottom:	  0px;
	right:	  0px;
	height:	  25px;
	width:	  25px;
}

div.wk_frame_Left {
	background-image:	url('dialog/left.png');
	background-repeat:	repeat-y;

	position: absolute;
	top:	  25px;
	left:	  0px;
	width:	  25px;
}

div.wk_frame_Right {
	background-image:	url('dialog/right.png');
	background-repeat:	repeat-y;

	position: absolute;
	top:	  25px;
	right:	  0px;
	width:	  25px;
}

div.wk_frame_Top {
	background-image:	url('dialog/top.png');
	background-repeat:	repeat-x;

	position: absolute;
	top:	  0px;
	left:	  25px;
	height:	  25px;
}

div.wk_frame_Bottom {
	background-image:	url('dialog/bottom.png');
	background-repeat:	repeat-x;

	position: absolute;
	bottom:	  0px;
	left:	  25px;
	height:	  25px;
}

div.wk_frame_Inner {
	background-image:	url('dialog/background.png');
	background-repeat:	repeat;

	position: absolute;
	top:	  25px;
	left:	  25px;
}

div.wk_frame_Buttons {
	background-image:	url('dialog/background.png');
	background-repeat:	repeat;

	position: 	absolute;
	text-align:	center;
	bottom:		25px;
	left:		25px;
	height:		36px;
}

/*
 * Document View
 *
 */
iframe.wk_documentView {
	display:	block;
	height:		800px;
	width:		600px;
}


/*
 * Upload interface
 *
 */
div.uploadBox {
	margin-top:	20px;
	margin-bottom: 20px;
	text-align: center;
}
 
input.uploadItem {
	display:		block;
	margin:			auto;
	margin-bottom:	5px;
}

input.uploadSubmit {
	display:	block;
	text-align:	right;
	margin:		auto;
	margin-top:	20px;
}

div.pathSelector {
	margin:			auto;
	margin-bottom:	5px;
}

div.pathSelector select {
	width:		200px;
}

div.pathCreator {
	margin:			auto;
	margin-bottom:	5px;
}

div.pathSelector input {
	width:		200px;
}


/*
 * IE6 fixes
 *
 */
div.wk_frame_TopLeft {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/topLeft.png', sizingMethod='scale');	
}

div.wk_frame_TopRight {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/topRight.png', sizingMethod='scale');	
}

div.wk_frame_Top {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/top.png', sizingMethod='scale');	
}

div.wk_frame_Left {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/left.png', sizingMethod='scale');	
}

div.wk_frame_Right {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/right.png', sizingMethod='scale');	
}

div.wk_frame_Bottom {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/bottom.png', sizingMethod='scale');	
}

div.wk_frame_BottomLeft {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/bottomLeft.png', sizingMethod='scale');	
}

div.wk_frame_BottomRight {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/bottomRight.png', sizingMethod='scale');	
}

div.wk_frame_Inner {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/background.png', sizingMethod='scale');	
}

div.wk_frame_Buttons {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='storage/resources/widgetKit/dialog/background.png', sizingMethod='scale');	
}