/* 6.0 ribbon-gui styles */


/* General styles */

	body, td {
		font-family: verdana, arial;
		font-size: 13px;
	}

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

	div.transparent_body {
		background-color: transparent;
	}

	form.transparent_body {
		background-color: transparent;
	}

	div.hide_body {
		display: none;
	}


	#ribbon-logo-box {
		color: #15428b;
		background-repeat: no-repeat;
		text-align: right;
		padding-right: 6px;
		padding-top: 23px;
		line-height: 16px;
		font-size: 11px;
	}

	.ribbonlogo {
		background-image: url('../images/logo_wp.png');
		background-position: 2px 7px;
	}

	.ribbonlogofastweb_no {
		background-image: url('../../extend/Fastweb/resources/images/logo_fastweb.png');
		background-position: 41px 7px;
	}


	#login-logo-box {
		height: 65px;
		background-repeat: no-repeat;
	}

	.loginlogo {
		background-image: url('../images/logo_wp.png');
		background-position: center center;
	}

	.loginlogofastweb_no {
		background-image: url('../../extend/Fastweb/resources/images/logo_fastweb.png');
		background-position: center center;
	}

	.indentLeftToolbar {
		padding-left: 4px;
	}

	.ext-ie8 .indentLeftToolbar {
		padding-left: 7px;
	}

	.indentRightToolbar {
		padding-right: 4px;
	}

	/* Allows some buttons to have wider background images */
	.widebutton .x-btn-mc em .x-btn-text {
		width: 48px;
	}

	.widebutton64 .x-btn-mc em .x-btn-text {
		width: 64px;
	}

	.buttonMargin {
		margin-right: 4px;
	}

	/* Make buttons placed under certain panels show a different color when hovering/selected */

	.greenButtons .x-btn-tl,
	.greenButtons .x-btn-tr,
	.greenButtons .x-btn-tc,
	.greenButtons .x-btn-ml,
	.greenButtons .x-btn-mr,
	.greenButtons .x-btn-mc,
	.greenButtons .x-btn-bl,
	.greenButtons .x-btn-br,
	.greenButtons .x-btn-bc {
		background-image: url("../images/button_green.png");
	}

	.redButtons .x-btn-tl,
	.redButtons .x-btn-tr,
	.redButtons .x-btn-tc,
	.redButtons .x-btn-ml,
	.redButtons .x-btn-mr,
	.redButtons .x-btn-mc,
	.redButtons .x-btn-bl,
	.redButtons .x-btn-br,
	.redButtons .x-btn-bc {
		background-image: url("../images/button_red.png");
	}

	.positionRelative {
		position: relative;
	}

	/* Makes the header of the panel as high as a header containing a tool (ex: close or collapse button) */
	.highHeader .x-panel-header {
		height: 15px;
	}

	.hoverDivWide {
		width: 44px;
		height: 30px;
	}

	.removeButtonWide .hoverDivWide {
		background-image: url('../images/icons/icon16_close.png');
		background-position: center center;
		background-repeat: no-repeat;
	}


	/* Left align icons and tekst of buttons */
	.leftAlignedButton .x-btn-mc {
		text-align: left;
	}

	.leftAlignedButton .x-btn-mc em {
		padding-left: 3px;
	}





/* Hacks */

	/* Hack required to prevent the Ext.menu.Menu elements to be clipped in IE
	   Problem only occurs when using xhtml DOCTYPE.
	   WARNING: This hack makes it impossible to manually specify the width on Ext.menu.Menu elements
	 */
	.x-layer {
		width: auto !important;
	}

	/* Hack to counter excessive cellpadding on buttons inside the tabs */
	.x-panel-reset .x-panel-body table.x-btn {
		border-spacing: 0px;
	}



	/* Hacks countering the styles that pulls text-fields to high inside toolbars in IE and Chrome */
	.ext-ie8 .x-toolbar-cell .x-form-text {
		top: 0px;
	}

	.ext-webkit .x-small-editor .x-form-field-wrap .x-form-trigger {
		height: 19px;
	}

	/* Hack countering the extra padding from in the toolbars inside the cards inside tabs */
	.x-panel-reset .x-panel-body table.x-toolbar-ct {
		border-spacing: 0px;
	}

	/* Hack Adding a little extra top padding in IE */
	.ext-ie8 .x-panel-reset .x-panel-body table.x-toolbar-ct td.x-toolbar-left {
		padding-top: 2px;
	}

	/* Hack positioning the checkbox */
	.x-panel-reset .x-panel-body table.x-toolbar-ct .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio {
		margin-top: 2px;
		margin-left: 8px;
	}


	/* Making the color profiles title under colors under design the same height as the ribbonstrip to the right */
	#colorProfilesPanel .x-panel-header {
		padding-top: 6px;
		padding-bottom: 5px;
	}


/* Tab window styles */

	div.tab_card {
		padding-bottom: 5px;
	}

	div.tab_card_body {
		background-color: #dfe8f6;
		padding: 6px 6px 6px 4px;
	}

	.tab_card_body div.tab_card_frame_body {
		background-color: #dfe8f6;
		padding: 2px 6px 4px 6px;
	}

	x-panel .transparent_body {
		background-color: transparent;
	}

	table.tab_table  {
		width: 100%;
	}

	table.tab_table td.pad {
		padding: 3px 4px 2px 0px;
		font-size: 11px;
	}

	.tab_sidebar_body {
		background-color: #dfe8f6;
		padding: 6px 5px 0px 8px;
	}

	.tab_sidebar_body .x-btn {
		margin-bottom: 4px;
	}


	.button_getimage {
		background-image: url('../images/icons/icon16_file_manager.png');
	}

	.transparentMask {
		background: none;
	}


/* Non-button icons */

	.icon_error {
		background-image: url('../images/icons/icon16_error.png');
	}

	.icon_info {
		background-image: url('../images/icons/icon16_info.png');
	}


/* Ribbon styles */

	#toolbar_container {
		border-bottom: 0px solid #ffffff;
	}

	/* setting the height of the toolbars centers the buttons vertically */
	#toolbar_container .x-toolbar-ct {
		height: 72px;
	}

	.tool_box {
		background-color: transparent;
		background-image: url('../images/toolbar_bg.png');
		background-repeat: repeat-x;
		background-position: bottom left;
	}

	/* Removing toolbar backgrounds in ribbon */
	#toolbar_container .x-toolbar {
		background-image: none;
		background-color: transparent;
		border: 0px solid #ffffff;
	}

	.ribbon_header .x-toolbar {
		padding-top: 3px;
		background-image: none;
		background-color: transparent;
		border: 0px solid #ffffff;
	}

	.toolbar_buttongroup {
		padding: 4px 8px 4px 5px;
		background-image: url('../images/toolbar_split.png');
		background-repeat: no-repeat;
		background-position: right center;
	}

	.tab_content {
		background-image: url('../images/icons/icon16_page_page.png');
	}

	.tab_content_pageEdit {
		background-image: url('../images/icons/icon18_page_page_draft.png');
	}

	.tab_designer {
		background-image: url('../images/icons/icon16_design.png');
	}

	.tab_fileManager {
		background-image: url('../images/icons/icon16_file_manager.png');
	}

	.tab_ecommerce {
		background-image: url('../images/icons/icon16_ecommerce.png');
	}

	.tab_users {
		background-image: url('../images/icons/icon16_users.png');
	}

	.tab_email {
		background-image: url('../images/icons/icon16_email.png');
	}

	.tab_system {
		background-image: url('../images/icons/icon16_system.png');
	}

	.tab_market {
		background-image: url('../images/icons/icon16_market.png');
	}

	.tab_help {
		background-image: url('../images/icons/icon16_help.png');
	}


	/* Increase padding on all button elements with icons */
	.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
		padding-left: 21px;
	}


	.button_save {
		background-image: url('../images/icons/icon18_save.png');
	}

	.button_saveLarge {
		background-image: url('../images/icons/icon32_save.png');
	}

	.button_publish {
		background-image: url('../images/icons/icon18_publish.png');
	}

	.button_publishLarge {
		background-image: url('../images/icons/icon32_publish.png');
	}

	.button_trash {
		background-image: url('../images/icons/icon18_trash.png');
	}

	.button_delete {
		background-image: url('../images/icons/icon18_remove.gif');
	}

	.button_trashLarge {
		background-image: url('../images/icons/icon32_trash.png');
	}

	.button_deleteLarge {
		background-image: url('../images/icons/icon32_remove.png');
	}

	.button_openWeb {
		background-image: url('../images/icons/icon18_search.gif');
	}

	.button_upload {
		background-image: url('../images/icons/icon32_upload.png');
	}

	.button_upload_medium {
		background-image: url('../images/icons/icon24_upload.png');
	}

	.button_search {
		background-image: url('../images/icons/icon32_search.png');
	}

	.button_sideMenu {
		background-image: url('../images/icons/icon32_menu.png');
	}

	.button_textBox {
		background-image: url('../images/icons/icon32_textbox.png');
	}

	.button_breadcrumb {
		background-image: url('../images/icons/icon32_breadcrumb.png');
	}

	.button_sharetool {
		background-image: url('../images/icons/icon32_sharetool.png');
	}

	.button_facebooklike {
		background-image: url('../images/icons/icon32_facebook_like.png');
	}

	.button_facebookcomment {
		background-image: url('../images/icons/icon32_facebook_comment.png');
	}

	.button_content_pageNew {
		background-image: url('../images/icons/icon32_page_new.png');
	}

	.button_content_pageEdit {
		background-image: url('../images/icons/icon32_page_page_draft.png');
	}

	.button_content_pageVersions {
		background-image: url('../images/icons/icon18_page_versions.png');
	}

	.button_content_articleNew {
		background-image: url('../images/icons/icon32_article_new.png');
	}

	.button_content_articleLink {
		background-image: url('../images/icons/icon18_article_copy.gif');
	}

	.button_content_articleMoveAll {
		background-image: url('../images/icons/icon18_article_move.gif');
	}

	.button_content_articleEdit {
		background-image: url('../images/icons/icon32_article_edit.png');
	}

	.button_content_articleCopy {
		background-image: url('../images/icons/icon18_article_copy.gif');
	}

	.button_content_articleMove {
		background-image: url('../images/icons/icon18_article_move.gif');
	}

	.button_content_productNew {
		background-image: url('../images/icons/icon32_product_new.png');
	}

	.button_content_productLink {
		background-image: url('../images/icons/icon18_product_copy.gif');
	}

	.button_content_productMore {
		background-image: url('../images/icons/icon18_product_edit.gif');
	}

	.button_content_productMoveAll {
		background-image: url('../images/icons/icon18_product_move.gif');
	}

	.button_content_productGridEdit {
		background-image: url('../images/icons/icon18_product_grid_edit.png');
	}

	.button_content_productEdit {
		background-image: url('../images/icons/icon32_product_edit.png');
	}

	.button_content_productCopy {
		background-image: url('../images/icons/icon18_product_copy.gif');
	}

	.button_content_productMove {
		background-image: url('../images/icons/icon18_product_move.gif');
	}

	.button_content_importExport {
		background-image: url('../images/icons/icon18_import_export.gif');
	}

	.button_content_suppliers {
		background-image: url('../images/icons/icon18_suppliers.gif');
	}

	.button_content_preview {
		background-image: url('../images/icons/icon32_preview.png');
	}

	.button_content_close {
		background-image: url('../images/icons/icon16_close.png');
	}

	.button_content_closePreview {
		background-image: url('../images/icons/icon32_back.png');
	}

	.button_content_emptyTrash {
		background-image: url('../images/icons/icon32_trash.png');
	}

	.button_content_newShippingMethod {
		background-image: url('../images/icons/icon32_shipping.png');
	}

	.button_designer_publish {
		background-image: url('../images/icons/icon32_publish.png');
	}

	.button_designer_undo {
		background-image: url('../images/icons/icon32_undo.png');
	}

	.button_designer_redo {
		background-image: url('../images/icons/icon32_redo.png');
	}

	.button_designer_reset {
		background-image: url('../images/icons/icon32_refresh.png');
	}

	.button_designer_open {
		background-image: url('../images/icons/icon16_design.png');
	}

	.button_designer_new {
		background-image: url('../images/icons/icon16_design_new.png');
	}

	.button_designer_delete {
		background-image: url('../images/icons/icon18_remove.gif');
	}

	.button_designer_wizard {
		background-image: url('../images/icons/icon32_wizard.png');
	}

	.button_designer_logo {
		background-image: url('../images/icons/icon32_logo.png');
	}

	.button_designer_layout {
		background-image: url('../images/icons/icon32_layout.png');
	}

	.button_designer_header {
		background-image: url('../images/icons/icon32_header.png');
	}

	.button_designer_colors {
		background-image: url('../images/icons/icon32_colors.png');
	}

	.button_fileManager_refresh {
		background-image: url('../images/icons/icon32_refresh.png');
	}

	.button_fileManager_settings {
		background-image: url('../images/icons/icon32_settings.png');
	}

	.button_ecommerce_vouchers {
		background-image: url('../images/icons/icon32_vouchers.png');
	}

	.button_ecommerce_discounts {
		background-image: url('../images/icons/icon32_discounts.png');
	}

	.button_ecommerce_orders {
		background-image: url('../images/icons/icon32_orders.png');
	}

	.button_system_desktop {
		background-image: url('../images/icons/icon32_desktop.png');
	}

	.button_system_domain {
		background-image: url('../images/icons/icon32_domain.png');
	}

	.button_system_upgrade {
		background-image: url('../images/icons/icon32_upgrade.png');
	}

	.button_system_user_account {
		background-image: url('../images/icons/icon32_user_account.png');
	}

	.button_market_market {
		background-image: url('../images/icons/icon32_market.png');
	}

	.button_market_fastweb_new {
		background-image: url('../images/icons/icon32_fastweb_new.png');
	}

	.button_market_register_domain {
		background-image: url('../images/icons/icon32_uniweb.png');
	}

	.button_help_getStartedDesign {
		background-image: url('../images/icons/icon32_video_design.png');
	}

	.button_help_getStartedContent {
		background-image: url('../images/icons/icon32_video_content.png');
	}

	.button_help_getStartedPublish {
		background-image: url('../images/icons/icon32_video_publish.png');
	}

	.button_help_manualSmall {
		background-image: url('../images/icons/icon18_manual.png');
	}

	.button_help_manualLarge {
		background-image: url('../images/icons/icon32_manual.png');
	}

	.button_help_support {
		background-image: url('../images/icons/icon32_support.png');
	}

	.button_help_facebook_support {
		background-image: url('../images/icons/icon32_support_facebook.png');
	}

	.button_help_error_report {
		background-image: url('../images/icons/icon32_error.png');
	}

	.button_shutdown {
		background-image: url('../images/icons/icon18_shutdown.gif');
	}




	.button_page_edit_menu {
		background-image: url('../images/icons/icon32_menu.png');
	}

	.button_page_edit_content {
		background-image: url('../images/icons/icon32_content.png');
	}

	.button_page_edit_seo {
		background-image: url('../images/icons/icon32_seo.png');
	}

	.button_page_edit_layout {
		background-image: url('../images/icons/icon32_layout.png');
	}

	.button_page_edit_access {
		background-image: url('../images/icons/icon32_access.png');
	}


	.menubutton_layout_normaltop {
		background-image: url('../images/icons/icon32_layout_normaltop.png');
	}

	.menubutton_layout_menuup {
		background-image: url('../images/icons/icon32_layout_menuup.png');
	}

	.menubutton_layout_headeronly {
		background-image: url('../images/icons/icon32_layout_headeronly.png');
	}

	.menubutton_layout_topmenuonly {
		background-image: url('../images/icons/icon32_layout_topmenuonly.png');
	}

	.menubutton_layout_topdisabled {
		background-image: url('../images/icons/icon32_layout_topdisabled.png');
	}

	.menubutton_layout_allcolumns {
		background-image: url('../images/icons/icon32_layout_allcolumns.png');
	}

	.menubutton_layout_leftcolumn {
		background-image: url('../images/icons/icon32_layout_leftcolumn.png');
	}

	.menubutton_layout_rightcolumn {
		background-image: url('../images/icons/icon32_layout_rightcolumn.png');
	}

	.menubutton_layout_maincolumn {
		background-image: url('../images/icons/icon32_layout_maincolumn.png');
	}

	.menubutton_layout_sheetMargin_none {
		background-image: url('../images/icons/icon32_layout_smargin_none.png');
	}

	.menubutton_layout_sheetMargin_s {
		background-image: url('../images/icons/icon32_layout_smargin_s.png');
	}

	.menubutton_layout_sheetMargin_m {
		background-image: url('../images/icons/icon32_layout_smargin_m.png');
	}

	.menubutton_layout_sheetMargin_l {
		background-image: url('../images/icons/icon32_layout_smargin_l.png');
	}

	.menubutton_layout_headerMargin_none {
		background-image: url('../images/icons/icon32_layout_hmargin_none.png');
	}

	.menubutton_layout_headerMargin_min {
		background-image: url('../images/icons/icon32_layout_hmargin_1.png');
	}

	.menubutton_layout_headerMargin_full {
		background-image: url('../images/icons/icon32_layout_hmargin_full.png');
	}

	.menubutton_layout_rounding_none {
		background-image: url('../images/icons/icon32_layout_rounding_none.png');
	}

	.menubutton_layout_rounding_xs {
		background-image: url('../images/icons/icon32_layout_rounding_xs.png');
	}

	.menubutton_layout_rounding_s {
		background-image: url('../images/icons/icon32_layout_rounding_s.png');
	}

	.menubutton_layout_rounding_m {
		background-image: url('../images/icons/icon32_layout_rounding_m.png');
	}

	.menubutton_layout_rounding_l {
		background-image: url('../images/icons/icon32_layout_rounding_l.png');
	}

	.menubutton_layout_rounding_xl {
		background-image: url('../images/icons/icon32_layout_rounding_xl.png');
	}

	.grid_column_published {
		background-image: url('../images/icons/icon16_accept.png');
		background-position: center center;
		background-repeat: no-repeat;
	}



	.ribbon_header {
		background-image: url('../images/tabbar_bg.png');
	}



	#tab_bar {
		padding-top: 5px;
		font-family: Calibri, Trebuchet MS, Verdana, sans-serif;
		font-size: 12px;
	}

	#tab_bar ul, #tab_bar li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#tab_bar ul {
		border-bottom: 1px solid #B6BABF;
		padding-left: 10px;
		height: 23px;
	}

	#tab_bar li {
		background-repeat: no-repeat;
		margin-right: 5px;
		float: left;
		position: relative;
		top: 1px;
	}

	#tab_bar a {
		color: #15428b;
		text-decoration: none;
		background-position: top right;
		background-repeat: no-repeat;
		outline: 0;
		padding: 4px 15px 4px 15px;
		display: block;
		font-weight: bold;
	}

	#tab_bar li.tab-hover,
	#tab_bar li:hover {
		background-image: url('../images/tab_left_inactive.png');
	}

	#tab_bar li.tab-hover a,
	#tab_bar li:hover a {
		background-image: url('../images/tab_right_inactive.png');
	}

	#tab_bar li.tab-active {
		background-image: url('../images/tab_left.png');
		z-index: 998;
	}

	#tab_bar .tab-active a,
	#tab_bar li.tab-active:hover a {
		border-bottom: 1px solid white;
		background-image: url('../images/tab_right.png');
		z-index: 999;
	}


	/* Restyling the appearance of the CKEditor wysiwyg areas and toolbar */

	#xToolbar {
		height: 84px;
		width: 800px;
	}

	#xToolbarStatus {
		height: 30px;
	}

	#xToolbar span.cke_skin_office2003 {
		background-color: transparent;
		border-color: transparent;
	}

	#xToolbar span.cke_label {
		background-image: none;
	}

	#xToolbar span.cke_toolbar_start {
		display: none;
	}

	#xToolbar span.cke_toolbar_end {
		display: none;
	}

	#xToolbar span.cke_separator {
		margin-top: 4px;
		margin-bottom: 4px;
		border-left-color: #e7e7e7;
	}

	#xToolbar .cke_button a {
		padding: 1px 3px 1px 3px;
		margin: 0px 0px 0px 0px;
		border: 1px solid transparent;
	}

	#xToolbar .cke_button a:hover {
		border-color: #316ac5;
	}

	#xToolbar span.cke_toolgroup {
		height: 23px;
	}

	#xToolbar span.cke_toolbar {
		height: 23px;
		background-color: transparent;
		background-image: none;
	}


	/* A few extra pixels to align separators */

	#xToolbar a.cke_button_bgcolor {
		margin-left: 1px;
		margin-right: 2px;
	}

	#xToolbar a.cke_button_textcolor {
		margin-left: 1px;
		margin-right: 2px;
	}

	#xToolbar a.cke_button_strike {
		margin-right: 2px;
	}

	#xToolbarStatus span.cke_skin_office2003,
	#xToolbarStatus a {
		background-color: transparent;
		border-color: transparent;
	}

	#xToolbarStatus a:hover {
		border-color: #316ac5;
	}



/* Browser */


	.browser_header {
		background-image: url('../images/browser_bg.png');
		background-position: top right;
		background-repeat: x-repeat;
		border-bottom: 1px solid #82b2e3;
	}

	.browser_header .header_title {
		font-size: 18px;
		color: #6384b2;
		padding-left: 8px;
		padding-top: 8px;
	}

	.browser_header .header_icon {
		float: left;
		margin-top: 4px;
		margin-left: 8px;
	}

	.browser_header .header_texts {
		float: right;
		font-size: 10px;
		padding-top: 2px;
		padding-right: 5px;
		text-align: right;
		color: #999999;
	}



/* Login window */

	div.login_frame_body {
		background-color: #ffffff;
		background-image: url('../images/login_bg.png');
		background-position: bottom left;
		background-repeat: repeat-x;
	}

	div.login_icon_body {
		background-color: transparent;
		background-image: url('../images/icons/icon48_login.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}



/* Color picker component */


	.colorSelector {
		width: 20px;
		height: 22px;
		background-image: url('../images/icons/icon_filter_colorpicker.png');
		background-repeat: no-repeat;
		float: left;
		/* cursor: pointer; */
		margin-left: 2px;
	}


/* Others */

	.imagePreview {
		border: 1px solid #696969;
		background-color: #ffffff;
		width: 90px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
	}