/* ============================= */
/* === COMMON ================== */
/* ============================= */
body {
	color: #333;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif;
	font-size: 85%;
	line-height: 1.6;
}
a:link,
a:visited {
	color: #333;
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
}
hr {
	border: none;
	border-bottom: 1px dotted #ccc;
}
.pb-container hr { clear: both; }
input:not(.mce-textbox),button,select {
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif;
	font-size: 100%;
}
input:not(.mce-textbox), textarea { max-width: 100%; }
table {
	border-spacing: 0;
	border-collapse: collapse;
}
.noteRed { color: #EB4200; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
iframe { border: none; }



/* ============================= */
/* === BUTTON & INPUT FORM ===== */
/* ============================= */
label { margin: 5px 3px; }
table#listTable label { margin: 2px; }
/* ERROR COMMENT */
.input_must {
	color: #EB4200;
	font-weight: bold;
}
.form_caution {
	color: #EB4200;
	font-size: 80%;
}

/* ===== BASE ===== */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
input#name_filter,
input#seq,
input#table-filter-window-button,
.pb-container .container table td input,
.pb-container .container table td textarea,
.ui-widget-content #pb-cc-dashboard-selector-dialog input {
	margin: 5px 0 !important;
	padding: 2px;
	border: 1px solid #CCC !important;
	border-radius: 2px !important;
	-webkit-borderradius: 2px !important;
	-moz-border-radius: 2px !important;
	background: #fff url(../images/bg_textarea.png) repeat-x left top;
	font-weight: normal !important;
}
.ui-state-default[type="radio"],
.ui-state-default[type="checkbox"],
input#name_filter[type="radio"],
 input#name_filter[type="checkbox"],
.pb-container .container table td input[type="radio"],
.pb-container .container table td input[type="checkbox"] { border: none !important; }
.pb-container .container table td input,
.pb-container .container table td textarea {
	margin: 0 !important;
}
.ui-widget-content #pb-cc-dashboard-selector-dialog input { margin: 2px !important; }

/* ===== BUTTON ===== */
.ui-button { padding: 2px 10px !important; vertical-align: initial; }
.ui-button,
input.ui-button,
.ui-widget-content button.ui-button,
input#table-filter-window-button,
select {
	border-color: #b3b3b3 !important;
	border-radius: 4px !important;
	-webkit-borderradius: 4px !important;
	-moz-border-radius: 4px !important;
	background: #fff !important;
	color: #1a1a1a !important;
	background: linear-gradient(#fff, #e7e7e7) !important;
	background: -moz-linear-gradient(#fff, #e7e7e7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e7e7e7') !important;
	cursor: pointer;
}
input.ui-button:hover,
input#table-filter-window-button:hover,
.ui-widget-content button.ui-button:hover,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
	border: 1px solid #98A3AA !important;
	background: #dde5e9 !important;
	background: linear-gradient(#fff, #c2cfd7) !important;
	background: -moz-linear-gradient(#fff, #c2cfd7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7') !important;
	color: #1a1a1a !important;
}
.ui-dialog-buttonset .ui-button { padding:6px 20px !important; }
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited{ text-decoration: none !important; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #98A3AA !important;
	background: #dde5e9 !important;
	color: #1a1a1a !important;
	background: linear-gradient(#fff, #c2cfd7) !important;
	background: -moz-linear-gradient(#fff, #c2cfd7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7') !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:active,
.ui-state-active a:visited {
	color: #fff !important;
	text-decoration:none !important;
}
/* --- DIALOGUE TITLE BUTTON --- */
.ui-dialog-titlebar .ui-state-default,
.ui-dialog-titlebar .ui-widget-content .ui-state-default,
.ui-dialog-titlebar .ui-widget-header .ui-state-default { margin: -10px 0 0 0 !important; }
.ui-icon,
.ui-widget-content .ui-icon {
/*	background-image: none !important; */
}
.ui-state-default .ui-icon,
.ui-dialog-titlebar-close .ui-icon { background-image: url(../images/ui-icons_ffffff_256x240.png) !important; }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
	opacity: 0.8 !important;
	-moz-opacity: 0.8 !important;
	filter: Alpha(Opacity=80) !important;
}
.ui-icon-triangle-1-n { background-position: -64px -128px !important; }
.ui-icon-triangle-1-s { background-position: -32px -128px !important; }
.ui-icon-arrowreturn-1-w { background-position: -160px -80px !important; }
.ui-icon-arrow-4-diag { background-position: -144px -80px !important; }
.ui-dialog button.ui-button-icon-only {
	border: 1px solid #1a1a1a !important;
	background: #EB4200 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EB4200', endColorstr='#EB4200') !important;
	border-radius: 2px !important;
	-webkit-border-radius:2px !important;
	-moz-border-radius:2px !important;
}
.ui-widget-content .ui-dialog-titlebar button.ui-button:hover,
.ui-dialog-titlebar .ui-state-hover,
.ui-widget-content .ui-dialog-titlebar .ui-state-hover,
.ui-dialog-titlebar .ui-state-focus,
.ui-widget-content .ui-dialog-titlebar .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border:1px solid #1a1a1a !important;
	background:#EB4200 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EB4200', endColorstr='#EB4200') !important;
}
/* --- DIALOGUE BOTTOM BUTTON --- */
.ui-dialog .ui-dialog-buttonpane {
	text-align: center !important;
	background: none !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none !important; }
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em 1em .5em 0 !important;
	min-width: 5em !important;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal !important;
	margin: -1px !important;
}
/* --- EDIT TOOL BUTTON --- */
#tool-window-contents table ui-button,
#tool-window-contents table input.ui-button,
#tool-window-contents table .ui-widget-content button.ui-button,
#tool-window-contents table select { border-color: #777 !important; }
/* --- EDIT TOOL ICON --- */
#tool-window-icons {
	margin: 0px 5px 0 5px;
	padding: 0 !important;
}
#tool-window-icons ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#tool-window-icons ul li {
	float: left;
	margin: 0 4px 0 0;
}
#tool-window-icons ul li.imgonly { margin: 0; }
#tool-window-icons img {
	margin: 0;
	padding: 4px;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: linear-gradient(#333, #000);
	background: -moz-linear-gradient(#333, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#000000');
	vertical-align: bottom;
}
#tool-window-icons img:hover { background: #555; }
#tool-window-icons font {
	color: #EB4200;
	padding-left: 2px;
}
#tool-window-contents .editorDevice {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
#tool-window-contents .editorDevice.pc { background-image:url(../images/ic_editdv_pc.png); }
#tool-window-contents .editorDevice.sm { background-image:url(../images/ic_editdv_sm.png); }
#tool-window-contents .editorDevice.mob { background-image:url(../images/ic_editdv_mb.png); }
/* --- MEDIA SELECT BUTTON --- */
img.media_pc,
img.media_sm,
img.media_mob,
img.pbVisibleCodeSelect,
#pbVisibleCodeSelect img,
img.mediaSelectorImg {
	margin: 0 !important;
	padding: 4px !important;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: linear-gradient(#333, #000);
	background: -moz-linear-gradient(#333, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#000000');
	vertical-align: middle;
}
#listTable-search-form img.media_pc,
#listTable-search-form img.media_sm,
#listTable-search-form img.media_mob,
#listTable-search-form img.pbVisibleCodeSelect,
#pbHeadEditorForm #pbVisibleCodeSelect img { cursor: pointer; }
img.media_pc:hover,
img.media_sm:hover,
img.media_mob:hover,
label#pbVisibleCodeSelect img:hover { background: #444; }
#listTable-search-form label { margin: 0; }
#listTable-search-form .searchItem02 label { margin: 5px; }
/* --- REVERSAL BUTTON --- */
img.reversal,
img.dateWindow {
	margin: 0 !important;
	padding: 4px !important;
	border: 1px solid #fff !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: linear-gradient(#333, #000) !important;
	background: -moz-linear-gradient(#333, #000) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#000000') !important;
	vertical-align: middle !important;
	cursor: pointer;
}
/* --- DONE BUTTON --- */
.doneButtonArea {
	margni: 10px 0 0;
	text-align: center;
}
/* --- PLUGIN MANAGE TOP BUTTON --- */
#pluginList p {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 3px 0;
	font-size: 95%;
}
#pluginList p a,
#pb-user-list-search-form p a,
.pb-buttons p a
{
	display: block;
	padding: 2px 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f0f0f0');
	text-decoration: none;
}
#pb-user-list-search-form p a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#pb-user-list-search-form p br { display: none; }
#pluginList p a img,
#pb-user-list-search-form p a img {
	vertical-align: middle;
	margin-right: 2px;
	border: none;
}
#pluginList p a:hover,
#pb-user-list-search-form p a:hover {
	border: 1px solid #aaa;
	background: #f0f0f0;
}
/* --- GRID GOTO BUTTON --- */
.pb-container table button,
.pb-container #sortableItemList .item .btnDel {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 2px;
	padding: 0;
	width: 26px;
	height: 26px;
	border: 1px solid #fff;
	border-radius:3 px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #f2f2f2;
	text-indent: -9999px;
	cursor: pointer;
	vertical-align: top;
}
.pb-container #sortableItemList .item .btnDel {
	border: none;
	background: #f2f2f2 url(../img/icon/trash.gif) no-repeat center center;
}
.pb-container table button span.btn {
	display: block;
	height: 22px;
	background-position: center center;
	background-repeat: no-repeat;
}
.pb-container table button.goto-remove span.btn {
	border-color:#ccc;
	background-image:url(../images/ic_grid_trash.png);
}
.pb-container table button.goto-read span.btn { background-image: url(../images/ic_grid_read.png); }
.pb-container table button.goto-save span.btn { background-image: url(../images/ic_grid_save.png); }
.pb-container table button.goto-update span.btn { background-image: url(../images/ic_edit.png); }
.pb-container table button.goto-deploy span.btn { background-image: url(../images/ic_grid_deploy.png); }
.pb-container table button.goto-info span.btn { background-image: url(../images/ic_contxt_pageinfo.png); }
.pb-container table button.goto-select span.btn { background-image: url(../images/ic_grid_plugin.png); }
.pb-container table  button:hover,
.pb-container #sortableItemList .item .btnDel:hover { background-color: #ddd; }
/* --- GRID INLINE BUTTON --- */
.pb-container form table#table a img,
.pb-container form table#pb-style-list a img,
.pb-container form table#listTable a img {
	margin-top: -2px;
	padding: 3px;
	border: 1px solid #fff;
	background: #f2f2f2;
	vertical-align: top;
}
/* --- HEAD ITEM DISP BUTTON --- */
#listTable input.dispContentBtn {
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: url(../img/icon/gem_options.png) no-repeat center center;
	text-indent: -9999px;
	cursor: pointer;
}
#listTable input.dispContentBtn:hover { background-color: #ddd; }
/* --- TEXT BUTTON --- */
.pb-container .textbutton,
.pb-container .container .panel #table-filter {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 2px 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	filter: progid:DXImageTropaansform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f0f0f0');
	text-decoration: none;
	color: #333 !important;
	cursor: pointer;
}
.pb-container .textbutton img {
	vertical-align: middle !important;
	margin-right: 2px !important;
	border: none;
}
.pb-container .textbutton:hover,
.pb-container .container .panel #table-filter:hover {
	border: 1px solid #aaa;
	background: #f0f0f0;
	text-decoration: none !important;
}
/* --- GRID OTHER BUTTON --- */
.pb-container td img {
	margin: 2px;
	padding: 2px;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	vertical-align: middle;
}
.pb-container td .textbutton img {
	margin: 0;
	padding: 0;
}
table#groupListTable td a img,
table#pb-style-list td img,
table#pb-user-list td img {
	margin: 0 2px !important;
	padding: 3px !important;
	border: 1px solid #fff !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	background: #f2f2f2 !important;
	vertical-align: middle !important;
	cursor: pointer
}
table#groupListTable td a:hover { background: none; }
.pb-container td img:hover,
table#groupListTable td a img:hover,
table#pb-style-list td img:hover,
table#pb-user-list td img:hover { background-color: #ddd !important; }
.pb-container td .textbutton img:hover { background-color: #f0f0f0 !important; }
#sortableItemList .item input.ui-button { margin-left: 3px !important; }
/* --- HEAD ITEM USECHECK --- */
.sortableLi {
	overflow: hidden;
	height: auto !important;
	margin: 0 0 10px !important;
	padding: 5px !important;
	border: 2px solid #888 !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	color: #fff;
}
.extendedHeader{ background-color: #000 !important; }
.sortableLi img {
	padding: 3px;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #f2f2f2;
	vertical-align: middle;
}
.sortableLi .sortablePin img {
	margin-top: -2px;
	padding: 2px;
	border: 1px solid #eee;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background: #fff;
	vertical-align: bottom;
}
.sortableLi img:hover { background: #ddd; }
.sortableLi .sortablePin img:hover { background: #eee; }
.normalHeader { background-color: #666 !important; }
.normalHeader:hover { background: #777 !important; }
.notAvailableHeader { background-color: #ccc !important; }
.sortableName {
	padding-top: 5px;
	line-height: 1.2;
}

/* ----- DASHBOARD BUTTON ----- */
.pb-cc-dashboard-title .ui-icon {
	position: absolute;
	top: 8px;
	right: 10px;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #fff no-repeat center 2px;
}
#information .pb-cc-dashboard-title .ui-icon { border-color: #FF931E; }
.pb-cc-dashboard-title .ui-icon-closethick { background-image: url(../img/ccicon/ic_close.png); }
.pb-cc-dashboard-title .ui-icon-arrowrefresh-1-n {
	right: 34px;
	background-image: url(../img/ccicon/ic_reload.png);
}
.pb-cc-dashboard-title-sub {
	position: absolute;
	top: 8px;
	right: 58px;
}
.pb-cc-dashboard-title .ui-icon:hover {
	border-color: #BDCCD4;
	background-color: #DEE5E9;
}
#information .pb-cc-dashboard-title .ui-icon:hover {
	border-color: #FF931E;
	background-color: #FCECD9;
}
.pb-cc-button {
	margin: 5px !important;
	font-weight: normal !important;
	text-decoration: none !important;
	font-family: inherit !important;
	font-size: 95% !important;
	text-align: left !important;
}
.pb-cc-button span { padding: 8px !important; }
.pb-cc-button-blue {
	border: 1px solid #ccc !important;
	background: linear-gradient(#fff, #EAEFF1) !important;
	background: -moz-linear-gradient(#fff, #EAEFF1) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EAEFF1)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#EAEFF1') !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
	text-shadow: none !important;
}
.pb-cc-button-blue:hover {
	border: 1px solid #98A3AA !important;
	background: #dde5e9 !important;
	background: linear-gradient(#fff, #c2cfd7) !important;
	background: -moz-linear-gradient(#fff, #c2cfd7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7') !important;
	color: #1a1a1a !important;
}
a.pb-cc-button span img { display: none; }
.cc-page-edit .pb-cc-button span,
.cc-share-edit .pb-cc-button span,
.cc-template-edit .pb-cc-button span,
.cc-virtual-page-list .pb-cc-button span,
.cc-plugin-management .pb-cc-button span { background: url(../img/ccicon/ic_ccedit.png) no-repeat right top; }
.cc-user-management .pb-cc-button span,
.cc-group-management .pb-cc-button span,
.cc-approval-route .pb-cc-button span { background: url(../img/ccicon/ic_ccset.png) no-repeat right top; }
.pb-cc-button span.cc-corner { background: url(../img/ccicon/ic_cccorner.png) no-repeat right top; }
.pb-cc-button span.cc-apli { background: url(../img/ccicon/ic_ccapli.png) no-repeat right top; }
/* STYLE LIST BUTTON */
/* ----- SEARCH BLOCK BUTTON ----- */
div.pbBlockSearch input.ui-button-text-only[type="image"] {

}
div.pbBlockSearch input.ui-button-text-only[type="image"]:hover {

}

/* ===== INPUT TEXT ===== */
.formText { font-size: 100% !important; }
/* --- GRID SEQUENCE --- */
td input,
td textarea,
input#seq,
input#sort_no {
	margin: 0 2px !important;
}
input#seq,
input#sort_no {
	width: 3.5em;
	text-align: right
}
#pb-se-body #pb-se-form input#seq { width: 4em; }
textarea#route { width: 90%; }
/* --- PLUGIN CREATE --- */
#pluginForm .form-control,
#pluginDir .form-control {
	width: 75%;
	margin: 0 0 10px 10px !important;
	padding: 2px !important;
	vertical-align: top;
}
/* --- EDIT TOOL TIMER --- */
input#publish_date,
input#closing_date {
	width: 80%;
	margin: 0 0 2px 5px !important;
	padding: 2px !important;
}
/* --- HEAD ITEM LIST --- */
#listTable-search-form input#name { width: 200px; }
/* --- CATEGORY GROUP LIST --- */
#pb-cate-list-search-form input#group_name { width: 180px; }
/* --- USER SETTING --- */
#pb-user-list-search-form input#login_name,
#groupListTable-search-form input#group_name,
#userListTable-search-form input#login_name,
#userListTable-search-form input#route_name { margin: 5px !important; }
#pb-route-search-form input#route_name,
#pb-user-list-search-form input#login_name { width: 16em; }
#groupListTable-search-form input#group_name { width: 12em; }
/* --- ERROR SETTING --- */
.ui-tabs-panel td input#dataType1ErrorMessage,
.ui-tabs-panel td input#dataType2ErrorMessage,
.ui-tabs-panel td input#dataType3ErrorMessage { width: 98%; }
/* --- APPLICATION MANAGE --- */
.panel table#table td input#path { min-width: 8em; }
.panel table#table td input#name,
.panel table#table td textarea#explain { width: 90%; }
/* --- PAGE INFO SETTING --- */
.pb-container td #pb-pp-virtual-wrap-os input#pb-pp-virtual-os-page-url { width: 70%; }
/* --- TEXT LENGTH --- */
.pb-container td input[size="64"] { width: 90%; }
/* --- ENVIRONMENTAL SETTING --- */
.pb-container #pb-se-style-content input#area_color_0,
.pb-container #pb-se-style-content input#area_color_1,
.pb-container #pb-se-style-content input#area_color_2,
.pb-container #pb-se-style-content input#area_color_3,
.pb-container #pb-se-style-content input#area_color_4,
.pb-container #pb-se-style-content input#area_color_5 { min-width: 8em; }
/* --- USER ORIGINAL SETTING --- */
.pb-container .container table.horizon td#pb-ev-areacolor-content table td.left { text-align: right !important; }

/* ===== INPUT SELECT ===== */
select,
select.ui-widget {
	border-color: #bbb !important;
	background: #fff url(../images/bg_select.png) repeat-y right top !important;
}
select#category_group { vertical-align: middle; }

/* ===== INPUT TEXTAREA ===== */
textarea.ui-state-default,
textarea.ui-widget-content .ui-state-default,
textarea.ui-widget-header .ui-state-default,
textarea#name_filter,
textarea#route {
	background: #fff url(../images/bg_textarea.png) repeat-x left top;
}
textarea#route,
textarea#extend_category_item { vertical-align: middle; }
/* --- PLUGIN CREATE --- */
textarea#note {
	max-width: 80%;
	vertical-align: top;
	height: 80px;
}
textarea#description {
	max-width: 80%;
	vertical-align: top;
	height: 80px;
}
/* --- USER SETTING --- */
table#pb-user-list td input[type="text"] {
	margin: 0;
	font-size: 95%;
}
table#pb-user-list td input#login_name,
table#pb-user-list td input#real_name { max-width: 8em; }
table#pb-user-list td input#mailaddress { max-width: 18em; }

/* ===== INPUT UPFILE ===== */
input#upfile,
input[type="file"] {
	margin: 0 0 10px 10px !important;
	padding: 5px !important;
	font-size: 90% !important;
	vertical-align: top;
}
/* --- HEAD ITEM EDIT --- */
input.filePathText {
	width: 80%;
	margin-right: 5px !important;
}

/* ===== INPUT CHECKBOX ===== */
/* --- PLUGIN CREATE --- */
label .ui-state-default,
label .ui-widget-content .ui-state-default,
label .ui-widget-header .ui-state-default { margin-right: 5px !important; }
/* --- HEAD ITEM LIST --- */
.incApprovedRev input { margin-left: 5px !important; }

/* ===== TAB ===== */
.ui-tabs .ui-tabs-nav { padding: 5px 10px 0; }
.ui-tabs .ui-tabs-nav li a { padding: 7px 10px 5px; }
.ui-tabs .ui-tabs-nav .ui-state-default,
.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-default,
.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-default {
	margin: 5px 1px 0 !important;
	border: 1px solid #fff !important;
	border-bottom: none !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-bottom-left-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	-moz-border-bottom-right-radius: 0 !important;
	background: linear-gradient(#fff, #c2cfd7) !important;
	background: -moz-linear-gradient(#fff, #c2cfd7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2cfd7)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#c2cfd7') !important;
}
.ui-tabs .ui-tabs-nav .ui-state-active,
.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-active,
.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-active {
	border-color: #EB4200 !important;
	background: linear-gradient(#EF642E, #EB4200) !important;
	background: -moz-linear-gradient(#EF642E, #EB4200) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#EF642E), to(#EB4200)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EF642E', endColorstr='#EB4200') !important;
	color: #fff !important;
}
.ui-tabs .ui-tabs-nav .ui-state-hover:hover { background: #f0f0f0 !important; }
.ui-tabs .ui-tabs-nav .ui-state-hover a { color: #1a1a1a; }
.ui-tabs .ui-tabs-nav .ui-tabs-active:hover {
	background: linear-gradient(#EF642E, #EB4200) !important;
	background: -moz-linear-gradient(#EF642E, #EB4200) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#EF642E), to(#EB4200)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EF642E', endColorstr='#EB4200') !important;
	color: #fff !important;
}

/* ===== CONTROLCENTER INFORMATION ===== */
.pb-cc-info-edit-dialog {
	padding: 10px;
	outline: 1px solid #B3B3B3 !important;
	border: 2px solid #F2F2F2;
}
.pb-cc-info-edit-dialog p { margin: 0; }
#information .pb-cc-dashboard-contents { padding: 10px; }


/* ===== CODE ===== */
.CodeMirror {
	width: 99% !important;
/*	height: auto !important; */
	margin-bottom: 5px;
	border: 1px solid #ccc;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	font-size: 100% !important;
}
.CodeMirror pre {
	font-size: 120% !important;
	line-height: 1.2 !important;
}
.CodeMirror-gutters {
	background-color: #f0f0f0 !important;
	border-right: 1px solid #fff !important;
}
.cm-s-xq-light span.cm-comment {
	color: #888 !important;
	font-style: normal !important;
}
.cm-s-paraiso-light.CodeMirror { background: #fff !important; }
.cm-s-paraiso-light span.cm-comment { color: #999 !important; }
.cm-s-paraiso-light .CodeMirror-activeline .CodeMirror-activeline-background { background-color: #EAEFF1 !important; }
.cm-s-paraiso-light .CodeMirror-activeline .CodeMirror-matchingbracket { color: #333 !important; }
.cm-s-paraiso-light span.cm-error {
	background: #fbc700 !important;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
}



/* ============================= */
/* === PAGE TREE CONTEXT MENU == */
/* ============================= */
.context-menu-list {
	border: 1px solid #fff !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif !important;
	font-size: 85% !important;
}
.context-menu-list .context-menu-list { font-size: 100% !important; }
.context-menu-item {
	min-height: 18px;
	background-repeat: no-repeat;
	background-position: 4px 2px;
	text-align: left !important;
}
.context-menu-item.hover {
	background-color: #CED9DD !important;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.publis-menu-label {
	margin: 3px 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #262D38 !important;
	color: #fff !important;
}
.context-menu-submenu:after {
	color: #86B3B6 !important;
	font-weight: bold;
}
.context-menu-submenu.hover:after { color: #fff !important; }
.context-menu-list label { margin: 0; }
/* ----- ICON ----- */
.context-menu-item.icon-add { background-image: url(../images/ic_contxt_add.png) !important; }
.context-menu-item.icon-blankPage { background-image: url(../images/ic_contxt_pageadd.png) !important; }
.context-menu-item.icon-templatePage { background-image: url(../images/ic_contxt_template.png) !important; }
.context-menu-item.icon-virtualPage { background-image: url(../images/ic_contxt_virtual.png) !important; }
.context-menu-item.icon-directoryPage { background-image: url(../images/ic_tree_file_folder.png) !important; }

.context-menu-item.icon-pagePreview { background-image: url(../images/ic_contxt_preview.png) !important; }
.context-menu-item.icon-pagePreviewUrl { background-image: url(../images/ic_contxt_previewurl.png) !important; }
.context-menu-item.icon-futurePagePreview { background-image: url(../images/ic_contxt_releasetimer.png) !important; }
.context-menu-item.icon-pcPagePreview { background-image: url(../images/ic_contxt_pc.png) !important; }
.context-menu-item.icon-mbPagePreview { background-image: url(../images/ic_contxt_mobile.png) !important; }
.context-menu-item.icon-smPagePreview { background-image: url(../images/ic_contxt_smart.png) !important; }
.context-menu-item.icon-tbPagePreview { background-image: url(../images/ic_contxt_tablet.png) !important; }

.context-menu-item.icon-pageCopy { background-image: url(../images/ic_contxt_copy.png) !important; }
.context-menu-item.icon-copyThisPage { background-image: url(../images/ic_contxt_copypage.png) !important; }
.context-menu-item.icon-copyPageTree { background-image: url(../images/ic_contxt_copytree.png) !important; }
.context-menu-item.icon-copyPageMulti { background-image: url(../images/ic_contxt_copytree.png) !important; }

.context-menu-item.icon-paste { background-image: url(../images/ic_contxt_paste.png) !important; }
.context-menu-item.icon-pastePageChild { background-image: url(../images/ic_contxt_pagechild.png) !important; }
.context-menu-item.icon-pastePageAbove { background-image: url(../images/ic_contxt_pageabove.png) !important; }
.context-menu-item.icon-pastePageBelow { background-image: url(../images/ic_contxt_pagebelow.png) !important; }
.context-menu-item.icon-pastePageOverwrite { background-image: url(../images/ic_contxt_pagewrite.png) !important; }

.context-menu-item.icon-uploadPage { background-image: url(../img/icon/up.gif) !important; }
.context-menu-item.icon-convertPage { background-image: url(../img/icon/right.gif) !important; }

.context-menu-item.icon-pageCut { background-image: url(../images/ic_contxt_cut.png) !important; }

.context-menu-item.icon-pageDelete,
.context-menu-item.icon-pluginDelete,
.context-menu-item.icon-pluginDirectoryDelete { background-image: url(../images/ic_contxt_delete.png) !important; }

.context-menu-item.icon-trashEmpty { background-image: url(../img/icon/trash.gif) !important; }

.context-menu-item.icon-releasePage { background-image: url(../images/ic_contxt_release.png) !important; }
.context-menu-item.icon-backPageEdit { background-image: url(../images/ic_contxt_edit.png) !important; }
.context-menu-item.icon-releasePageNow { background-image: url(../images/ic_contxt_release.png) !important; }
.context-menu-item.icon-releasePageTimer { background-image: url(../images/ic_contxt_releasetimer.png) !important; }
.context-menu-item.icon-releasePageAccept { background-image: url(../images/ic_contxt_releaseaccept.png) !important; }
.context-menu-item.icon-releasePageFinish { background-image: url(../images/ic_contxt_releasefinish.png) !important; }
.context-menu-item.icon-releasePageHistory { background-image: url(../images/ic_contxt_releasehistory.png) !important; }

.context-menu-item.icon-savePage { background-image: url(../images/ic_contxt_saving.png) !important; }
.context-menu-item.icon-savingPage { background-image: url(../images/ic_contxt_saving.png) !important; }
.context-menu-item.icon-savingPageHistory { background-image: url(../images/ic_contxt_savinghistory.png) !important; }

.context-menu-item.icon-pageStyle { background-image: url(../images/ic_contxt_style.png) !important; }

.context-menu-item.icon-pageHead { background-image: url(../images/ic_contxt_head.png) !important; }

.context-menu-item.icon-pageDesign { background-image: url(../images/ic_contxt_design.png) !important; }

.context-menu-item.icon-popupBlock { background-image: url(../images/ic_contxt_popup.png) !important; }

.context-menu-item.icon-pageMedia { background-image: url(../images/ic_contxt_media.png) !important; }

.context-menu-item.icon-homeSetting { background-image: url(../images/ic_contxt_home.png) !important; }

.context-menu-item.icon-pageAuthority { background-image: url(../images/ic_contxt_authority.png) !important; }

.context-menu-item.icon-pageRename,
.context-menu-item.icon-pluginDirectoryRename { background-image: url(../images/ic_contxt_edit.png) !important; }

.context-menu-item.icon-pageInfo { background-image: url(../images/ic_contxt_pageinfo.png) !important; }

.context-menu-item.icon-pluginDownload { background-image: url(../img/icon/download.gif) !important; }

.context-menu-item.icon-pluginCreate { background-image: url(../img/ccicon/file_make.png) !important; }

.context-menu-item.icon-pluginDirectoryRegistration { background-image: url(../img/ccicon/file_add.png) !important; }

.context-menu-item.icon-pluginDirectoryCreate { background-image: url(../img/ccicon/folder_add.png) !important; }

.context-menu-item.icon-pluginRegistrationBulk { background-image: url(../img/ccicon/file_all_add.png) !important; }

.context-menu-item.icon-pluginProperty { background-image: url(../images/ic_contxt_pageinfo.png) !important; }

.context-menu-item.icon-templateConfig { background-image: url(../images/ic_contxt_tmpl_config.png) !important; }
.context-menu-item.icon-templateInput { background-image: url(../images/ic_contxt_tmpl_input.png) !important; }
.context-menu-item.icon-collapsePageTree { background-image: url(../images/ic_close.png) !important; }

/* ============================= */
/* === DASHBOARD =============== */
/* ============================= */
#pb-cc-dashboard {
	overflow: hidden;
	clear: both;
	min-width: 960px;
}
.pb-cc-dashboard-container {
	width: 47% !important;
	margin: 10px 1% !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
}
.ui-layout-center h1 {
	margin: 10px 0 0;
	border: none !important;
	font-size: 200%;
	font-weight: normal;
	line-height: 1.2;
}
/* ----- PANEL EDIT ----- */
#pb-cc-dashboard-selector {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	cursor: pointer;
	margin: 0 1%;
	padding: 4px 3px 3px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 1.3;
}
#pb-cc-dashboard-selector:hover {
	border-color: #bbb;
	background: #f2f2f2;
}
#pb-cc-dashboard-selector span { padding: 0 5px; }
#pb-cc-dashboard-selector .ui-icon-plusthick {
	background: url(../img/ccicon/ic_panel.png) no-repeat left bottom !important;
	padding: 0;
}
/* ----- TITLE ----- */
#pb-cc-dashboard .pb-cc-dashboard-title {
	position: relative;
	overflow: hidden;
	padding: 10px 6px 8px 43px;
	border-bottom: none !important;
	background: #f0f0f0 url(../img/ccicon/ic_title_list.png) no-repeat 8px center;
	font-size: 120%;
	font-weight: normal;
	line-height: 1.2;
	color: #1a1a1a;
}
#pb-cc-dashboard #information { border: 1px solid #ff931e; }
#pb-cc-dashboard #information .pb-cc-dashboard-title {
	background-color: #FFDEBB;
	background-image: url(../img/ccicon/ic_title_info.png);
}
#pb-cc-dashboard #contents-controll .pb-cc-dashboard-title { background-image: url(../img/ccicon/ic_title_contents.png); }
#pb-cc-dashboard #user-controll .pb-cc-dashboard-title { background-image: url(../img/ccicon/ic_title_user.png); }
/* ----- BOX ----- */
.pb-cc-dashboard-contents-wrapper {
	border-top: 2px solid #f0f0f0;
	background: url(../img/ccicon/bg_contentwrap.png) repeat-x top left;
}
.pb-cc-dashboard-contents {
	background: url(../img/ccicon/bg_contents.png) no-repeat 44px top;
	padding: 15px 10px 10px !important;
}
#information .pb-cc-dashboard-contents-wrapper {
	overflow-y: scroll;
	overflow-x: hidden;
	border-top: 2px solid #FFDEBB;
	background-image: url(../img/ccicon/bg_contentwrap_info.png);
}
#information .pb-cc-dashboard-contents { background-image: url(../img/ccicon/bg_contents_info.png); }
#pb-cc-info-edit {
	display: block;
	margin: 5px 0;
	padding: 3px;
	background: #f9f9f9;
	color: #262D38 !important;
}
#pb-cc-info-edit:hover { background: #f2f2f2; }



/* ============================= */
/* === DIALOGUE ================ */
/* ============================= */
.pb-container { font-size: 95%; }
#tool-window-contents { font-size: 105%; }
.container { margin-top: 10px; }
.ui-widget {
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif;
	font-size:100% !important;
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button { font-family:inherit !important; }

/* ===== RESIZABLE HANDLE ===== */
.ui-resizable-s {
	height: 12px;
	opacity: 0.3 !important;
	-moz-opacity: 0.3 !important;
	filter: Alpha(Opacity=30) !important;
}
.ui-resizable-se {
	right: 1px !important;
	bottom: 1px !important;
}
.ui-dialog .ui-resizable-se {
	width: 22px !important;
	height: 22px !important;
	right: -3px !important;
	bottom: -3px !important;
	background: #ddd url(../images/ui_bg_resize_se.png) left top repeat !important;
	border: 1px solid #FFF !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	opacity: 0.5 !important;
	-moz-opacity: 0.5 !important;
	filter: Alpha(Opacity=50) !important;
}

/* ===== WINDOW ===== */
.ui-dialog {
	padding: 0 !important;
	border: 2px solid #1A1A1A !important;
	box-shadow: 0 0 10px #666 !important;
	-moz-box-shadow: 0 0 10px #666 !important;
	-webkit-box-shadow: 0 0 10px #666 !important;
	-o-box-shadow: 0 0 10px #666 !important;
	-ms-box-shadow: 0 0 10px #666 !important;
}
.ui-widget-content {
	background: #f9f9f9 !important;
	color: #333 !important;
}
.ui-widget-content a { color: #333; }
/* --- HEAD ITEM LIST --- */
#listTable-search-form {
	clear: both;
	padding: 0 0 3px;
	border-bottom: 1px dotted #ccc;
}
#listTable-search-form .searchKeywordAndMedia,
#listTable-search-form .searchUseState {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#submenu {
	overflow: hidden;
	margin-bottom: 10px !important;
}
/* --- HEAD ITEM EDIT --- */
.sortablePadding { padding: 0 30px !important; }
#sortableItemList .item { font-size: 100% !important; }
#sortableItemList .itemLabel { width: 90% !important; }
.newAndSearch {
	margin: 5px 0 !important;
	botder-bottom: 1px dotted #ccc;
}
#iframeArea {
	border-color: #999 !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
}
.headSelectDiv { border-bottom: none !important; }
iframe#headSelect {
	background: #262D38;
	border-bottom: 1px solid #999;
	border-top-left-radius: 3 !important;
	-webkit-border-top-left-radius: 3 !important;
	-moz-border-top-left-radius: 3 !important;
	border-top-right-radius: 3 !important;
	-webkit-border-top-right-radius: 3 !important;
	-moz-border-top-left-radius: 3 !important;
}
/* STYLE LIST */
.pb-container .editbtn { text-align: right; }
.pb-container form#pb-style-list-search-form div {
	float: left;
	white-space: nowrap;
}
.ui-dialog html { color: red !important; }
/* OTHERS */
.pb-container #table-search-form .controlbutton { float: right; }

/* ===== TITLE BAR ===== */
.ui-dialog .ui-dialog-titlebar {
	min-height: 18px;
	padding: 5px 10px !important;
}
.ui-widget-header {
	border: none!important;
	border-top: 1px solid #444 !important;
	border-bottom: 3px solid #EB4200 !important;
	background: #1A1A1A !important;
	color: #FFF !important;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-bottom-left-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	-moz-border-bottom-left-radius: 0 !important;
	font-weight: normal;
	line-height: 1.2 !important;
}



/* ============================= */
/* === GRID ==================== */
/* ============================= */
.pb-container .container table,
.pb-container form#theForm table.table,
.pb-container table#listTable,
.pb-container .ui-tabs table,
.pb-container #pb-cc-dashboard table.pb-cc-top,
.pb-container table.snapshot {
	width: 100% !important;
	margin: 5px 0;
	border-spacing: 0 !important;
	border: 1px solid #ccc !important;
	border-right: none !important;
	background: #fff !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}
.pb-container form#theForm table.table { border-top: none; }
.pb-container .container table th, .pb-container .container table td,
.pb-container form#theForm table.table th, .pb-container form#theForm table.table td,
.pb-container table#listTable th, .pb-container table#listTable td,
.pb-container .ui-tabs table th, .pb-container .ui-tabs table td,
.pb-container #pb-cc-dashboard table th, .pb-container #pb-cc-dashboard table td,
.pb-container table.snapshot th, .pb-container table.snapshot td {
	padding: 3px 5px !important;
	border: 0 !important;
	border-top: 1px solid #e6e6e6 !important;
	border-right: 1px solid #ccc !important;
	line-height: 1.4 !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	font-size: 100%;
	text-align: center;
}
.pb-container .container table th,
.pb-container form#theForm table.table th,
.pb-container table#listTable th,
.pb-container .ui-tabs table th,
.pb-container #pb-cc-dashboard table th,
.pb-container table.snapshot th {
	padding: 5px !important;
	border-color: #777 !important;
	background: #262D38 !important;
	color: #fff !important;
	font-weight: normal !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	white-space: nowrap;
}
.pb-container table.horizon,
.pb-container .ui-tabs table {
	border-right: none !important;
}
.pb-container table.horizon th,
.pb-container form#theForm table.table th,
.pb-container .ui-tabs table th { border-top: 1px solid #777 !important; }
.pb-container table.horizon td,
.pb-container form#theForm table.table td,
.pb-container .ui-tabs table td {
	border-color: #ccc !important;
	text-align: left !important;
}
.pb-container .container table a:link, .pb-container .container table a:visited,
.pb-container form#theForm table.table a:link, .pb-container form#theForm table.table a:visited,
.pb-container table#listTable td a:link, .pb-container table#listTable td a:visited,
.pb-container .ui-tabs table td a:link, .pb-container .ui-tabs table td a:visited,
.pb-container #pb-cc-dashboard table td a:link, #pb-cc-dashboard table td a:visited,
.pb-container table.snapshot td a:link, .pb-container table.snapshot td a:visited {
	text-decoration: none;
	color: #00688B;
}
.pb-container .container table a:hover,
.pb-container form#theForm table.table a:hover,
.pb-container table#listTable td a:hover,
.pb-container .ui-tabs table td a:hover,
#pb-cc-dashboard table td a:hover,
.pb-container table.snapshot td a:hover { text-decoration: underline; }
.pb-container table.snapshot td.ui-state-hover { background: #dee5e9 !important; }
table#pb-user-list tr:hover { background: #eee !important; }
/* --- PLUGIN --- */
#pluginList table#table { font-size: 90%; }
#pluginList table#table th { white-space:nowrap; }
/* --- EDIT TOOL --- */
#tool-window-contents table {
	border-spacing: 0;
	margin: 0 0 0 5px;
}
/* --- PAGE SETTING --- */
.ui-tabs-panel table { width: 100%; }
.ui-tabs-panel table th,
.ui-tabs-panel table td {
	padding: 2px 10px;
}
.ui-tabs-panel table th {
	width: 20%;
	text-align: right;
	font-weight: normal;
	white-space: nowrap;
}
/* --- EDIT TOOL TIMER --- */
form#timer table th {
	white-space: nowrap;
	font-weight: normal;
}
/* --- DASHBOARD --- */
.pb-container #pb-cc-dashboard table.pb-cc-top th,
.pb-container #pb-cc-dashboard table.pb-cc-top td { font-size: 95%; }
table.pb-cc-top tr td:last-child,
table.pb-cc-top th:last-child,
table.pb-cc-top tr:last-child td { box-shadow: none !important; }
table.pb-cc-top tr:nth-child(2n) { background: #fff !important; }
table.pb-cc-top tr:nth-child(2n+1) { background: #f9f9f9 !important; }
table.pb-cc-top tr.pb-cc-link:hover { background: #E6ECEF !important; }
/* --- GROUP SETTING --- */
#groupListTable-search-form p,
#groupListTable-search-form div,
#userListTable-search-form p,
#userListTable-search-form div,
#pb-user-list-search-form p,
#pb-user-list-search-form div {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#groupListTable-search-form p,
#userListTable-search-form p,
#pb-user-list-search-form p {
	margin-right: 10px;
	font-weight: bold;
}
#pb-user-list-search-form p a { font-weight: normal; }
#pb-route th[data-name="route_name"] { min-width: 120px; }
/* --- STYLE LIST --- */
.pb-container .container table#pb-style-list th,
.pb-container .container table#pb-style-list td { font-size: 95%; }
.pb-container .container table#pb-style-list td[data-name="name"],
.pb-container .container table#pb-style-list td[data-name="selectors"] { text-align: left; }
.pb-container .container table#pb-style-list td[data-name="selectors"] { white-space: nowrap; }

/* ===== SORT ===== */
.pb-container table th.sort-field {
	padding-right: 15px !important;
}
.pb-container table th.sort-field span {
	display: inline-block;
	position: relative;
	top: 2px;
	right: 0px;
	width: 10px;
	height: 12px;
	background: url(../images/ic_sort_up.png) no-repeat right top;
	color: #FBC700;
	font-weight: bold;
	text-indent: -99999px;
}
.pb-container table th.sort-field span.down { background-image: url(../images/ic_sort_down.png); }
.pb-container table th.sort-field:hover {
	opacity: 0.8;
}


/* ============================= */
/* === HEADER ================== */
/* ============================= */
body.ui-layout-container { background: url(../images/bg_header.png) repeat-x left top; }
.ui-layout-north {
	border: none !important;
	background: url(../images/bg_north.png) no-repeat center top;
	width: 960px !important;
	height: 60px !important;
	margin: 0 auto !important;
	padding: 32px 0 0;
	line-height: 1.2;
}
.ui-layout-north #pbVersion {
	position: relative;
	top: 10px;
	text-align: right !important;
	font-size: 80%;
	color: #666
}
.ui-layout-north #pbMenuRight {
	position: relative !important;
	top: 15px !important;
	z-index: 0 !important;
	text-align: right !important;
	font-size: 90% !important;
}
#pbMenuUserName {
	padding: 2px 0 0 18px;
	background: url(../images/ic_hd_loginuser.png) no-repeat left center;
}
#pbMenuRight #pbMenuUserEnv,
#pbMenuRight #pbMenuHelp,
#pbMenuRight #pbMenuLogout{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	min-height: 13px;
	margin: 0 0 0 5px;
	padding: 3px 0 0 18px;
	background: no-repeat left center;
}
#pbMenuRight #pbMenuUserEnv{ background-image: url(../img/gear.gif); }
#pbMenuRight #pbMenuHelp{ background-image: url(../images/ic_help.png); }
#pbMenuRight #pbMenuLogout{ background-image: url(../images/ic_logout.png); }
.ui-layout-north #pbMenuRight a:hover { color: #EB4200; }

/* ===== MEGA MENU ===== */
ul.megamenu {
	width: auto;
	padding: 0;
	border: none;
	border-left: 1px solid #808080;
	background: none;
	list-style: none;
}
ul.megamenu li.mm-item {
	margin: 0;
	padding: 0;
	background: linear-gradient(#fff, #dadada);
	background: -moz-linear-gradient(#fff, #dadada);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dadada));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dadada') !important;
}
ul.megamenu a.mm-item-link:link,
ul.megamenu a.mm-item-link:visited {
	width: 136px;
	margin: 0;
	padding: 32px 0 13px;
	font-weight: normal;
	font-size: 85%;
	border: 1px solid #808080;
	border-top: none;
	border-left-color: #fff;
	background: url(../images/ic_megalist.png) no-repeat center bottom;
	text-align: center;
}
ul.megamenu li.mm-item .home,
ul.megamenu li.mm-item .edit,
ul.megamenu li.mm-item .corner,
ul.megamenu li.mm-item .application,
ul.megamenu li.mm-item .setting {
	display: block;
	background: no-repeat center 5px;
}
ul.megamenu li.mm-item .home { background-image: url(../images/ic_mega_home.png); }
ul.megamenu li.mm-item .edit { background-image: url(../images/ic_mega_edit.png); }
ul.megamenu li.mm-item .corner { background-image: url(../images/ic_mega_corner.png); }
ul.megamenu li.mm-item .application { background-image: url(../images/ic_mega_apli.png); }
ul.megamenu li.mm-item .setting { background-image: url(../images/ic_mega_set.png); }
/* --- EXPAND --- */
ul.megamenu a.mm-item-link-hover:link,
ul.megamenu a.mm-item-link-hover:visited {
	padding-bottom: 24px;
	border-color: transparent;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	background: transparent url(../images/bg_megahover.png) no-repeat center bottom;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: Alpha(Opacity=75);
}
ul.megamenu div.mm-item-content {
	opacity: 0.90;
	-moz-opacity: 0.90;
	margin-top: -10px;
	padding-top: 10px;
	border: none;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	background: #1a1a1a;
	text-align: left;
	color: #fff;
}
.mm-content-base {
	background: none;
	opacity: 0.90;
	-moz-opacity: 0.90;
}
.mm-js-shadow { background: none; }
.megamenu-table { border: none; }
.megamenu-table th { font-weight: normal; }
.megamenu-table th,
.megamenu-table td { min-width:5em; }
ul.megamenu-lists {
	list-style: none;
	margin: 0 10px;
}
ul.megamenu .megamenu-lists li {
	font-size: 95%;
	margin: 2px 0;
}
ul.megamenu div.mm-item-content a:link,
ul.megamenu div.mm-item-content a:visited {
	display: block;
	padding: 4px 5px 2px 14px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: url(../images/ic_megadrplist.png) no-repeat 4px 8px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
ul.megamenu div.mm-item-content a:hover {
	background-color: #F25100;
	background-image: url(../images/ic_megadrpliston.png);
}
.megamenu-table .megamenu-head { border-bottom: 4px solid #606060; }


/* ============================= */
/* === PANE RESIZER ============ */
/* ============================= */
.ui-layout-pane { border: 1px solid #fff; }
.ui-layout-resizer {
	background: #DDE3E6;
	border: none;
}
.ui-layout-resizer-west {
	width: 10px !important;
	cursor: col-resize !important;
}
.ui-layout-resizer-north {
	top: auto !important;
	height: 10px !important;
	border: 1px solid #fff;
	border-width: 0;
}
.ui-layout-toggler {
	border: none;
	background: #BDC3C6 url(../images/bg_pane_resizerW.png) no-repeat center center;
}
.ui-layout-toggler-west {
	width: 10px !important;
	height: 60px !important;
}
.ui-layout-toggler-north {
	width: 100% !important;
	height: 10px !important;
	background: #DDE3E6 url(../images/bg_pane_resizerN.png) no-repeat right center;
	left: auto !important;
	right: 0 !important;
}
.ui-layout-toggler-west-hover { background-color: #1a1a1a !important; }
.ui-layout-toggler-north-hover { background: #DDE3E6 url(../images/bg_pane_resizerN_hover.png) no-repeat right center !important; }
.ui-layout-west, .ui-layout-center { padding-top: 5px; }



/* ============================= */
/* ====== PAGER ================ */
/* ============================= */
ul.pagination { text-align: center; }
ul.pagination li {
	display: inline-block !important;
	*display: inline;
	*zoom: 1;
	margin: 3px;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}
ul.pagination li a {
	display: block;
	min-width: 1.6em !important;
	border: 1px solid #666;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(#fff, #F2F2F2) !important;
	background: -moz-linear-gradient(#fff, #F2F2F2) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F2F2F2)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#F2F2F2') !important;
	text-align: center;
	line-height: 1.5em;
	color: #333 !important;
}
ul.pagination li.active a,
ul.pagination li.active a:hover {
	background: #1a1a1a !important;
	background: linear-gradient(#444A53, #1a1a1a) !important;
	background: -moz-linear-gradient(#444A53, #1a1a1a) !important
	background: -webkit-gradient(linear, left top, left bottom, from(#444A53), to(#1a1a1a)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#444A53', endColorstr='#1a1a1a') !important;
	color: #fff !important;
}
ul.pagination li a:hover { background: #bbb !important; }
ul.pagination li:last-child a,
ul.pagination li:first-child a {
	min-width: 1.2em !important;
	margin: 0 5px;
	border-color: #aaa;
	background: #aaa !important;
	color: #fff !important;
}
ul.pagination li:last-child a:hover,
ul.pagination li:first-child a:hover { background: #ccc !important; }
ul.pagination li:last-child.active a,
ul.pagination li:first-child.active a {
	border-color: #eee !important;
	background: #eee !important;
	cursor: default !important;
}
ul.pagination li:last-child.active a:hover,
ul.pagination li:first-child.active a:hover { background: #eee !important; }



/* ============================= */
/* === TREE ==================== */
/* ============================= */
ul.dynatree-container {
	overflow: visible ! important;
	margin-bottom: 15px !important;
	font-family: inherit !important;
	line-height: 1.5;
}
#page_tree_ctrl,
.pb_tree_ctrl {
	height: 26px;
	margin: 0;
	padding: 7px 3px;
	border: none;
	background: #E6E6E6;
}
#name_change_wrp {
	float: right;
	margin: 0 3px 0 0;
	cursor: pointer;
}
#name_change_wrp img {
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#name_change_wrp img:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: Alpha(Opacity=80);
	border-color: #aaa;
}
.pb_tree_ctrl div.name_filter_wrp { margin-right: 40px; }
#page_tree_ctrl div.name_filter_wrp {
	posititon: absolute;
	top: 0;
	left: 0;
	margin-right: 70px;
} /* PAGE */
input#name_filter {
	width: 100%;
	max-width: 97%;
	margin:0 !important;
	padding:2px !important;
}
#plugin_tree span.dynatree-icon { background-position: -64px -112px; }
#plugin_tree .dynatree-ico-cf span.dynatree-icon { background-position: 0px -16px; }
#plugin_tree .dynatree-ico-ef span.dynatree-icon { background-position: -64px -16px; }
ul.dynatree-container .dynatree-active a {
	background-color: #262d38 !important;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 1px 10px 0 !important;
	font-weight: normal;
}
ul.dynatree-container a:hover {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #DEE5E9 !important;
	background-color: #e1e9ec !important;
	color: #333 !important;
}
ul.dynatree-container .dynatree-node .tree_use_share {
	margin: 0 3px;
	padding: 0 3px 0 14px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #ececec url(../images/ic_tree_share.png) no-repeat 2px center;
	color: #EB4200;
	font-weight: bold;
	font-size: 90%;
}
ul.dynatree-container .dynatree-node .dynatree-title { margin: 0 3px 0 0; }
ul.dynatree-container .dynatree-node .dynatree-title img {
	margin: 0 3px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #e6e6e6;
}
ul.dynatree-container .dynatree-node span,
ul.dynatree-container .dynatree-node a img {
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: Alpha(Opacity=90);
}
ul.dynatree-container span.dynatree-selected a { color: #EB4200 !important; }
ul.dynatree-container span.dynatree-checkbox { cursor: pointer; }
ul.dynatree-container input {
	padding: 0 !important;
	font-size: 90% !important;
	line-heighth: 1.2 !important;
}

iframe#pb-jquery-ui-dialog {
	width: 94% !important;
}

/* --- TABLE --- */
.ui-dialog table#pb-ngword-convert-list {
	width: 100% !important;
	margin: 5px 0;
	border-spacing: 0 !important;
	border: 1px solid #ccc !important;
	border-right: none !important;
	background: #fff !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}
.ui-dialog table#pb-ngword-convert-list th, .ui-dialog table#pb-ngword-convert-list td {
	padding: 3px 5px !important;
	border: 0 !important;
	border-top: 1px solid #e6e6e6 !important;
	border-right: 1px solid #ccc !important;
	line-height: 1.4 !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	font-size: 100%;
	text-align: center;
}
.ui-dialog table#pb-ngword-convert-list th {
	padding: 5px !important;
	border-color: #777 !important;
	background: #262D38 !important;
	color: #fff !important;
	font-weight: normal !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	white-space: nowrap;
}
.ui-dialog table#pb-ngword-convert-list td a:link, .ui-dialog table#pb-ngword-convert-list a:visited {
	text-decoration: none;
	color: #00688B;
}
.ui-dialog table#pb-ngword-convert-list a:hover { text-decoration: underline; }
/* --- FORM --- */
.ui-dialog table#pb-ngword-convert-list input[type="checkbox"] { margin-right: 3px; }