@import url("../../../incms_scripts/ext.ux.colorpicker/css/color-picker.ux.css");

.x-unselectable, .x-unselectable * 
{
	cursor: inherit;
}
.x-tree-node-el
{
	cursor: pointer;	
}

a
{
	text-decoration: none;
	color: #0000bf;
}
a:hover
{
	text-decoration: underline;
	color: #0000ff;
}

/* single click in grids */
.x-grid3-row span.singleclick
{
	color: #0000BF;
	cursor: pointer;
	text-decoration: none;
	padding: 0;
	display: inline;
}
.x-grid3-row span.singleclick:hover
{
	color: #0000ff;
	cursor: pointer;
	text-decoration: underline;
	padding: 0;
	display: inline;
}


.ext-gecko .x-window-body .x-form-item {
	overflow: hidden;
}

/* ie8 bugfix */
.ext-ie8 .x-date-menu > ul{
        display: inline;
}

.ext-ie8 .x-date-menu > ul li{
        display: inline;
}

.x-tab-panel .x-form-label-left.panelloading .ext-el-mask, .x-tab-panel .x-form-label-top.panelloading .ext-el-mask
{
	background-color: #fff;
	-moz-opacity: 1;
    opacity:1;
    filter: alpha(opacity=100);
}

.x-form-item .x-toolbar-layout-ct
{
    border: none;
}

.lightbg { background-color:#eff3fa; }

/* portlets */
.x-portletpanel .x-panel-dd-spacer {
    margin-bottom:10px;
}

.x-portlet {
    margin-bottom:10px;
}

/* Clean up the look of the portlets */
.x-portlet .x-panel-tl
{
    border-width: 1px 1px 0 1px;
    border-color: #d6dae0;
}

.x-portlet .x-panel-body
{
    border-width: 0 1px 0 0;
}
.x-portlet .x-panel-body .x-panel .x-panel-body
{
    border-width: 0;
}

.x-portlet .x-panel-ml, .x-portlet .x-panel-mr, .x-portlet .x-panel-mc, .x-portlet .x-panel-bl, .x-portlet .x-panel-br
{
    padding: 0;
}
.x-portlet .x-panel-bc
{
    padding: 0;
    height: 0;
}

/* top pop down msg box */
#msg-div
{
	position:absolute;
    top:10px;
    width:250px;
    z-index:20000;
}
.msgbox
{
	background: #fff;
	border: 3px solid #2f5084;
	border-top: none;
	font-size:14px;
	padding: 10px;
}
.msgbox h3
{
	background-repeat: no-repeat;
	background-position: top left;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0 0 0 24px;
    zoom:1;
}
.msgbox p
{
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size:14px;
	padding: 0 0 0 24px;
}

/* portal top status bar */
.panel-top-status-bar .x-panel-body
{
    background: #f1f1d6;
    padding: 10px;
}

/* grid filter */
.x-grid3-hd-row td.ux-filtered-column {   
    font-style: italic;  
    font-weight: bold;
}

.x-menu-list-item-indent .x-menu-item-icon.ux-gridfilter-text-icon {
	background-image: url(../../resources/icons/find.png) !important;
	top:9px;
}

/* Temporary Patch for Bug ??? */
.x-menu-list-item-indent .x-menu-item-icon,
.ext-ux-timeMenu .x-menu-item-icon{
	position: relative;
    top: 3px;
    left: 3px;
	margin-right: 10px;
}
li.x-menu-list-item-indent {
	padding-left:0px;
}
li.x-menu-list-item div {
	display: block;
}
.ux-rangemenu-gt {
	background-image: url(../../resources/icons/greater_than.png) !important;
}

.ux-rangemenu-lt {
	background-image: url(../../resources/icons/less_than.png) !important;
}

.ux-rangemenu-eq {
	background-image: url(../../resources/icons/equals.png) !important;
}

/* filter time menu fix*/
.ext-ux-timeMenu .x-menu-item-icon{
	float:left;
}

/* grid grouped columns */
td.ux-grid-hd-group-cell {
    border-bottom: 1px solid #d6dae0;
}

/* form misc field */
.x-form-item label {
	font-weight: bold;
}

.ux-form-statictextfield {
	background: transparent;
	border: none;
	padding: 2px 0px !important;
	color: #333;
}

.x-html-editor-tb .x-edit-sourceedit .x-btn-text {
    background-position:-5000px 0;
}

/* form combo (for empty items) */
.x-combo-list-item {
	min-height: 14px;
}

/* form lovcombo */
.ux-lovcombo-icon {
	width:16px;
	height:16px;
	float:left;
	background-position: -1px -1px ! important;
	background-repeat:no-repeat ! important;
}
.ux-lovcombo-icon-checked {
	background: transparent url(../images/gfx/check.full.gif);
}
.ux-lovcombo-icon-unchecked {
	background: transparent url(../images/gfx/check.none.gif);
}

/* form FileUploadField */
.x-form-file-wrap {
    position: relative;
    height: 28px;
    overflow: hidden;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 28px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/* form checkbox boxLabels */
.x-form-check-wrap label
{
	font-weight: normal;
}

.x-tool:hover
{
	cursor:pointer;
}

/* tree checkboxes */
/* --------------- */

/* fix scrolling issue with treeobj in a contentpanel 
 * and loss of icons when a node is expanded
*/
.ext-ie .x-tree {
	position:static !important;
}

.x-tree-node-checkboxes img
{
	border: 0 none;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 16px;
    background-repeat: no-repeat;
	background-position: 50% 50%;
}

.x-tree-node-checkbox-0 { background-image:url(../images/gfx/check.none.gif); }
.x-tree-node-checkbox-disabled { background-image:url(../images/gfx/check.disa.gif); }
.x-tree-node-checkbox-half { background-image:url(../images/gfx/check.half.gif); }
.x-tree-node-checkbox-ghost{ background-image:url(../images/gfx/check.ghost.gif); }
.x-tree-node-checkbox-ghosthalf{ background-image:url(../images/gfx/check.ghosthalf.gif); }
.x-tree-node-checkbox-1 { background-image:url(../images/gfx/check.full.gif); }


/* grid views */

/* else grid group headers, inside grids with float:left images, float inappropriately */
.x-grid-group
{
    clear: both;
}

/* else dragzone doesn't work because view.mainBody is 0px high */
.x-grid3-body {
	display: inline-block;	
}

.z-detail-panel .x-panel-bwrap {
	
}

.z-detail-panel .x-panel-body {
	
	background: #d4eaf7;/* url(../images/gfx/gridview-bg-detailbar.jpg) no-repeat 0 0*/
}


.z-detail-panel table.z-details {
	margin-left:5px;
	margin-top:10px;
}
.z-detail-panel table.z-details td.z-preview {
	width:100px !important;
	height:120px;
	vertical-align:middle;
	text-align:center;
	background-repeat:no-repeat;
	background-position: 0 -354px;
}
.z-detail-panel table.z-details td.z-preview img {
	border:1px solid #cecece;
	
}

.z-detail-panel table.z-details td.z-info {
	width:400px !important;
	vertical-align:top;
	padding-left:30px;
}

.z-detail-panel table.z-details table.z-infos {
	width:500px !important;
	text-align:left;
}

.z-detail-panel table.z-details table.z-infos td {
	padding:2px;
}
.z-detail-panel table.z-details table.z-infos td.z-name {
	width:400px !important;
	font-size:13px !important;
}
.z-detail-panel table.z-details table.z-infos td.z-attribute {
	width:100px !important;
	vertical-align:top;
	text-align:right;
	color:#737373;
}




.z-resource-grid .x-panel-body {	
	border:none !important;
}
.z-resource-grid .x-panel-body .x-panel-body {	
	border-left-width:1px !important;	
}

/*.x-grid3-cell-inner span {
	display:block;	
	padding-left:20px;
	padding-top:0;
	padding-top:1px;
	padding-bottom:2px;
	background-repeat: no-repeat;	
}*/
.z-resource-grid .x-grid3-row {
	border:none;
}

.z-resource-grid .z-action-over {
	background-color:transparent !important;
}

.z-resource-grid .x-panel-header {
	background:url(../images/gfx/gridview-bg-panel-header.gif) repeat-x 0 0;
}

.x-grid3-col-size,
.x-grid3-col-version  {
	text-align:right;
}

.z-resource-default {
	float:left;
	clear:none !important;
	width:auto !important;  
	
	margin:1px;
	/*background:none !important;*/
	overflow:hidden;
	border:none;	
}
.z-resource-default .z-icon-area,
.z-resource-default .z-icon-area table {
	text-align:center;
}
.z-resource-default .z-icon-area table {
	margin-top: 2px;
}
.z-resource-default .z-icon-area table td {
	padding:0 !important;
	vertical-align:bottom;
	text-align:center !important;		
}
.z-resource-default .z-icon-area .z-image-wrap {
	border:1px solid #e0e0e0;
	border-right-color: #c1c1c1;
	border-bottom-color: #c1c1c1;
	background-color:#FFF;	
}
.z-resource-default .z-icon-area img {
	border:1px solid #cecece;
	margin:2px;
}
.z-resource-default .z-text-area {
	margin-top:4px;
	height:14px;
	white-space:nowrap;
	margin-left:3px;
	margin-right:3px;
}
.z-resource-default * {
	
}
.z-resource-default .z-text-area .z-text {
	overflow:hidden;	
}
.ext-ie .z-resource-default .z-text-area {
	height:19px;
}


.z-extralargeThumbnails {
	width:270px;
	height:278px;
	margin-bottom:30px;
}
/*
.x-grid3-row-over .z-extralargeThumbnails {
	background: url(../images/gfx/gridview-bg-extralarge-thumbnail.gif) no-repeat 0 0;	
}
.x-grid3-row-selected .z-extralargeThumbnails {
	background: url(../images/gfx/gridview-bg-extralarge-thumbnail-selected.gif) no-repeat 0 0;	
}*/
.z-extralargeThumbnails .z-icon-area {
	height:260px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:transparent;
}
.z-extralargeThumbnails .z-icon-area table td {
	width:248px;
	height:248px;
	
}
.z-extralargeThumbnails .z-text-area {
	text-align:center;
	width:264px;
	overflow:hidden;
}
.ext-ie .z-extralargeThumbnails .z-text-area {
	margin-top:0;
}
.z-extralargeThumbnails .z-icon-area {
	background-position: 50% 50%;
	overflow: hidden;
}

.z-largeThumbnails {
	width:114px;
	height:118px;
	margin-bottom:30px;	
}
/*.x-grid3-row-over .z-largeThumbnails {
	background: url(../images/gfx/gridview-bg-large-thumbnail.gif) no-repeat 0 0;	
}
.x-grid3-row-selected .z-largeThumbnails {
	background: url(../images/gfx/gridview-bg-large-thumbnail-selected.gif) no-repeat 0 0;	
}*/
.z-largeThumbnails .z-icon-area {
	height:96px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:transparent;
}
.z-largeThumbnails .z-icon-area table td {
	height:99px;
}
.z-largeThumbnails .z-text-area {
	text-align:center;
	width:108px;
	overflow:hidden;
}
.z-largeThumbnails .z-icon-area {
	background-position: 50% 50%;
	overflow: hidden;
}

.z-mediumThumbnails {
	width:114px;
	height:70px;
	margin-bottom:30px;	
}
/*.x-grid3-row-over .z-mediumThumbnails {
	background: url(../images/gfx/gridview-bg-medium-thumbnail.gif) no-repeat 0 0;	
}
.x-grid3-row-selected .z-mediumThumbnails {
	background: url(../images/gfx/gridview-bg-medium-thumbnail-selected.gif) no-repeat 0 0;	
}*/
.z-mediumThumbnails .z-icon-area {
	height:51px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:transparent;
}
.z-mediumThumbnails .z-icon-area table td {
	height:51px;
}
.z-mediumThumbnails .z-text-area {
	text-align:center;
	width:108px;
	overflow:hidden;
}
.z-mediumThumbnails .z-icon-area {
	background-position: 50% 50%;
	overflow: hidden;
}

.z-smallThumbnails {
	width:243px;
	height:19px;		
}
/*.x-grid3-row-over .z-smallThumbnails {
	background: url(../images/gfx/gridview-bg-small-thumbnail.gif) no-repeat 0 0;	
}
.x-grid3-row-selected .z-smallThumbnails {
	background: url(../images/gfx/gridview-bg-small-thumbnail-selected.gif) no-repeat 0 0;	
}*/
.z-smallThumbnails .z-icon-area {
	float:left;	
	width:22px;
	height:19px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:transparent;
}
.z-smallThumbnails .z-icon-area .z-image-wrap {
	border:none;
}
.z-smallThumbnails .z-icon-area img {
	border:none;
	padding:0;
	margin:0;
}
.z-smallThumbnails .z-icon-area table td {
	height:19px;
	vertical-align:middle;
}
.z-smallThumbnails .z-text-area {
	float:left;	
	width:215px;
	overflow:hidden;
	margin-top:3px;
}

.z-tileThumbnails {
	width:219px;
	height:50px;		
}
/*.x-grid3-row .z-tileThumbnails {
	background: url(../images/gfx/gridview-bg-tile-thumbnail.gif) no-repeat 0 -3000px;	
}
.x-grid3-row-over .z-tileThumbnails {
	background-position:0 0;
}
.x-grid3-row-selected .z-tileThumbnails {
	background-position:0 -50px;	
}*/
.z-tileThumbnails .z-icon-area {
	float:left;	
	width:55px;
	height:50px;
	background-repeat:no-repeat;
	background-position:3px 50%;
	background-color:transparent;
}
.z-tileThumbnails .z-icon-area img {
	padding:0;
}
.z-tileThumbnails .z-icon-area table td {
	height:50px;
	
	
	vertical-align:middle;
}
.z-tileThumbnails .z-text-area {
	float:left;	
	width:158px;
	height:45px;
	margin-top:5px;	
}
.z-tileThumbnails .z-text-area .z-text {
	width:158px;	
	overflow:hidden;
	text-overflow:ellipsis;		
}

.z-tileThumbnails .z-text-area .z-mimetype,
.z-tileThumbnails .z-text-area .z-fileSize {
	color:#8b8b8b;
}
.z-tileThumbnails .z-icon-area {
	background-position: 50% 50%;
	overflow: hidden;
}

/* grid cell progressbar */
.x-grid3-cell-pbar
{
	background: #f1ded6;
	width: 50px;
	height: 10px;
	overflow:hidden;
	margin-top:5px;
	text-align: left;
}
.x-grid3-cell-pbar div
{
	background: #ea956f;
	height: 10px;
}

.x-grid3-cell-pbar.green
{
	background: #c7f1ef;
}
.x-grid3-cell-pbar.green div
{
	background: #49bbb5;
}

.x-grid3-cell-pbar.blue
{
	background: #c7e3f1;
}
.x-grid3-cell-pbar.blue div
{
	background: #4994ba;
}

.x-grid3-cell-pbar.red
{
	background: #f1d6d6;
}
.x-grid3-cell-pbar.red div
{
	background: #ea6f6f;
}

/* grid incomplete rows */
.x-grid3-row-incomplete, .x-grid3-row-incomplete span.singleclick, .x-grid3-row-incomplete span.singleclick:hover { color: #808080; text-decoration: none; cursor: default; }
.x-grid3-row-incomplete .x-grid3-cell-pbar { visibility: hidden; }

/* grid cell backgrounds */

.light-green
{
	background-color: #b6d699;
}
.light-orange
{
	background-color: #ffd8a8;
}
.light-red
{
	background-color: #ffbfbd;
}

.x-grid3-row-over .light-green
{
	background-color: #e8ffc9;
}
.x-grid3-row-over .light-orange
{
	background-color: #fff0bf;
}
.x-grid3-row-over .light-red
{
	background-color: #ffe6e3;
}

.x-grid3-row-light-gray {
	background-color: #eaeaea;
}
.x-grid3-row-stripe-gray {
	background: url(../images/gfx/stripe_small.png);
}

/* fotolia */
.z-mediumThumbnails .remembered.fotolia 
{
	background: url("../images/gfx/stripe_small.png") repeat scroll 0 0 transparent !important;
    opacity: 0.7;
}

.z-tileThumbnails .remembered.fotolia
{
	background: url("../images/gfx/stripe_small.png") repeat scroll 0 0 transparent !important;
    opacity: 0.7;
}
.z-extralargeThumbnails .remembered.fotolia
{
	background: url("../images/gfx/stripe_small.png") repeat scroll 0 0 transparent !important;
    opacity: 0.7;
}

.z-largeThumbnails .remembered.fotolia
{
	background: url("../images/stripe_small.png") repeat scroll 0 0 transparent !important;
    opacity: 0.7;
}

.remembered.fotolia
{
	background: url("../images/gfx/stripe_small.png") repeat scroll 0 0 transparent !important;
    opacity: 0.7;
}