/*
  ThoughtJunction.com 
  http://www.thoughtjunction.com
  File: admin.css
		Overried styles for client
*/
/* Forms */

.FieldDesc {color: #666666; FONT-SIZE:11px; margin-left: 1px;}

.FieldSubheading {color: #000; FONT-SIZE:13px; text-align: center; font-weight: bold; }

.FieldHeading {color: #000; FONT-SIZE:15px; text-align: center; font-weight: bold;}


// CSS for grid reordering
// From :  http://extjs.com/forum/showthread.php?t=21913&highlight=drag+drop+grid&page=5

.grid-row-insert-below {    border-bottom:1px solid #3366cc;}.grid-row-insert-above {    border-top:1px solid #3366cc;} 

div.x-panel
.panel-insert-above {    border-top:2px solid #3366cc; border-color: #3366cc; } 
.panel-insert-below {    border-bottom: 2px solid #3366cc; border-color: #3366cc;} 

.panel-insert-left {    border-left:2px solid #3366cc; border-color: #3366cc;} 
.panel-insert-right {    border-right: 2px solid #3366cc; border-color: #3366cc;} 

div.x-panel.body-append-below > div.x-panel-header {
	border-color: #3366cc;

}

div.x-panel.body-append-below > div.x-panel-bwrap > div.x-panel-body {
	border-color: #3366cc;
	border-bottom: 3px solid #3366cc;

}


div.x-panel.panel-insert-above > div.x-panel-header span.x-panel-header-text {
/*	color: green; */

}

div.x-panel.panel-insert-below > div.x-panel-header span.x-panel-header-text {
/*	color: green;  */

}


div.x-panel.pm-dropsource > div.x-panel-header span.x-panel-header-text {
	font-weight: normal;
}

div.x-panel.pm-dropsource.active > div.x-panel-header span.x-panel-header-text {
	font-weight: bold;

}

div.x-panel.pm-dragsource > div.x-panel-header {
	border-bottom-width: 0px;
}

div.x-panel.pm-dragsource.x-panel-collapsed > div.x-panel-header {
	border-bottom-width: 1px;
}


div.x-panel.pm-dragsource.active > div.x-panel-bwrap >
	div.x-panel-body
{
	border-color: #3366cc;

}

div.x-panel.pm-dragsource.active >
	div.x-panel-header {
	border-color: #3366cc;
}


.x-tree-node .dirty a span
{
	color: red;
	font-weight: bold;
}

.x-tree-node .cardenabled a span
{
	font-weight: bold;
}



	div.pagemanager.main { float: none;
					  clear: both;
					  }
	div.pagemanager div.row {margin: 0; width: 100%; overflow: hidden;}

	div.pagemanager div.column {  float: left;
				  overflow: hidden;
				}

	div.pagemanager div.cell {	margin: 0;}

/* Statusbar   */


.x-statusbar .x-status-success {
    padding-left: 25px;
    background: transparent url(../../external/silk/icons/accept.png) no-repeat 3px 3px;
}

.x-statusbar .x-status-fail {
    padding-left: 25px;
    background: transparent url(../../external/silk/icons/cancel.png) no-repeat 3px 3px;
}

iframe.x-form-field {border: solid 1px #B5B8C8;}

/* iframe {border: solid 1px #B5B8C8;} */



.x-dd-drop-ok-left .x-dd-drop-icon {
	background-image:url(images/arrow_green_left.gif);
}

.x-form-field-wrap .x-form-trigger{
    vertical-align: top;
}

/* corrections for my reset
*/

.x-toolbar td { 
	padding: 0;
	border: none; 
	margin: 0;
}
.x-toolbar table { margin: 0;}


.x-grid3 table {
	margin-bottom: 0;
}

li.x-tree-node{
	list-style:none outside none;
	margin-bottom: 0;
}

ul.x-tree-root-ct  {
	margin:0;
}

.x-grid3 td,
.x-grid3 th {
	padding: 0;
}


.x-form-field-wrap .x-form-elipsis-trigger{
    background-image: url(images/elipsis-trigger.gif);
    cursor:pointer;
}


/* for the selected row in a table grid */
td.x-grid3-cell.icon_accept {
background-repeat: no-repeat;
background-position: 50% 50%;
}

.ext-gecko .x-form-item,
.ext-gecko .x-window-body .x-form-item {
	outline: none;
}


/* Forms with disable Field */

.x-form-item.disableField label span {
	font-size: 93%;
	margin-left: 8px;
}

.x-form-item.disableField{
	margin-bottom: 2px;
}


.x-form-invalid {
	background-color: transparent;
}


/* resetting */

.x-panel-footer  td ,
.x-panel-footer  table ,
.x-panel-footer  p
{
		margin: 0;
		padding: 0;
}


#msg-div {
	left: 0%;
	position:absolute;
	top:10px;
	width:250px;
	z-index:20000;
}




.x-form-item-label.required {
	background: url(/lib/cms/css/forms/iconRequired.gif) no-repeat 100% 4px;
	
}

.x-form-item-label  span {
	display:inline-block;
	padding-right: 8px;

}

.icon_picnik {
	background-image: url(picnik_16x16.png) !important;
}

div.ext-mb-content 	table {
		border-collapse: collapse;
		margin-top: 10px;
		width: 100%;
}

div.ext-mb-content 	table td {
	font-size: 12px;
	border: 1px solid #8DB2E3;
	padding: 2px 4px;
	vertical-align: top
}