/*
 * Ext JS Library 3.0 RC1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*===================================
/*   Basic page styles
/*===================================*/
#Results-panel {
	height:100%;
	overflow-x:auto;
	overflow-y:auto;
}
#Results-panel div {
	overflow-y: auto;
}
#Results-panel dd {
	float:left;
	width:300px;
	height:100px;
	margin:5px 5px 5px 10px;
	zoom:1;
	cursor: pointer;
}
#Results-panel dd a {
	text-decoration:none;
	
}
#Results-panel dd a.PageRow {
	text-decoration:none;
	
}
#Results-panel dd a:hover.PageRow {
	text-decoration:underline;
	
}
#Results-panel dd img {
	width:120px;
	height:90px;
	margin:5px 0 0 5px;
	float:left;
}
#Results-panel dd img.icons {
	float:none;
	display:inline;
	margin-left:2px;
	margin-right:1px;
	margin-top:1px;
	margin-bottom:0px;
}
#Results-panel dd div {
	float:left;
	width:160px;
	margin-left:6px;
	margin-top:4px;
	padding-left:4px;
}
#Results-panel dd div.black{
	background: #DDDDDD;
}
#Results-panel dd div.clear{
	background: #dbfbf8;
}
#Results-panel dd h4 {
	font-family:tahoma,arial,san-serif;
	color:#555;
	font-size:11px;
	font-weight:bold;
}
#Results-panel dd p {
//	color:#777;
	width:156px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
}
#Results-panel dd p.Description {
	white-space:normal;
}
#Results-panel dd p.black{
	color: white;
	background-color:#BBBBBB;
	width:156px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
}
#Results-panel dd p.clear{
	background-color:#17fbe8;
	width:156px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
}
#Results-panel dd p.PageRow{
	color:#777;
	display:inline;
	vertical-align:top;
	width:55px;
}
#Results-panel dd.over {
	background: #F5FDE3 url(images/sample-over.gif) no-repeat;
}
#Results-panel dd.selected {
	background: #b4ffff;
}
#Results-panel dd.black{
	background: url(images/black.png) no-repeat;
}
#loading-mask{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:20000;
	background-color:white;
}
#loading{
	position:absolute;
	left:45%;
	top:40%;
	padding:2px;
	z-index:20001;
	height:auto;
}
#loading a {
	color:#225588;
}
#loading .loading-indicator{
	background:white;
	color:#444;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
	height:auto;
}
#loading-msg {
	font: normal 10px arial,tahoma,sans-serif;
}

#Results-panel .x-panel-body {
	background-color:#fff;
	border:1px solid;
	border-color:#fafafa #fafafa #fafafa #fafafa;
}
/*
#sample-ct {
	border:1px solid;
	border-color:#dadada #ebebeb #ebebeb #dadada;
	padding:2px;
}
*/
#Results-panel h2 {
	border-bottom: 2px solid #99bbe8;
	cursor:pointer;
	padding-top:6px;
}
#Results-panel h4 {
	margin-top: 0px;
}
#Results-panel h2 div {
	background:transparent url(images/group-expand-sprite.gif) no-repeat 3px -47px;
	padding:4px 4px 4px 17px;
	color:#3764a0;
	font:bold 11px tahoma, arial, helvetica, sans-serif;
}
#Results-panel .collapsed h2 div {
	background-position: 3px 3px;
}
#Results-panel .collapsed dl {
	display:none;
}
.x-window {
	text-align:left;
}
#Results-panel dd h4 span.new-sample{
	color: red;
}
#Results-panel dd h4 span.updated-sample{
	color: blue;
}
#FilterBoxTip {
	background-color:yellow;
}
#Results-panel h4.DataViewHeader{
	color: #3764A0;
	font-size: 14px;
	margin: 5px;
}
#Results-panel .hidden h4 {
	display: none;
}
body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;
}
a {
    color:#15428B;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#header {
    background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x center;
}
#header h1 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px;
}
#start-div h2 {
    font-size: 18px;
    color: #555;
    padding-bottom:5px;
    border-bottom:4px solid #C3D0DF;
}
#start-div p {
    margin: 10px 0;
	font-size: 16px;
}
#details-panel h2 {
    padding:10px 10px 0;
    font-size:12px;
    color:#15428B;
}
#details-panel p {
    padding:10px 10px 0;
}
#details-panel pre {
    border-top:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
    margin-top:10px;
    padding:0 5px;
    background:#f5f5f5;
}
#details-panel .details-info {
    margin:15px;
    padding:15px;
    border:1px dotted #999;
    color:#555;
    background: #f9f9f9;
}

#filter-panel .filter-info {
    margin:3px;
    padding:2px;
    border:1px dotted #999;
    color:#555;
    background: #f9f9f9;
}
#filter-panel div .selected{
	background: #e3edd1;
}


#filter-panel .filter-combobox {
	width: 100%;
}

/*===================================
/*   Customized layout styles
/*===================================*/

/* Remove the border around the tabs and override the default white background: */
.x-tab-panel-header-plain .x-tab-strip-top {
    background: #DFE8F6 url(../images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;
}

/* Custom CSS applied to a single panel in an accordion: */
.custom-accordion .x-panel-body {
    font-family:georgia,serif;
    padding:20px 80px !important;
    background:#ffe;
    font-size:18px;
    text-align:center;
    color:#15428B;
}
.custom-accordion .x-panel-header-text {
    font-weight:bold;
    font-style:italic;
    color:#555;
}

/* Custom style for the FormLayout footer so that it integrates into the border layout nicely: */
#form-panel .x-panel-footer {
    background:#DFE8F6;
    border-color:#99BBE8;
    border-style:none solid solid;
    border-width:0pt 1px 1px;
}

/* Customize the TableLayout html using standard CSS rules: */
#table-panel .x-table-layout {
    padding:5px;
}
#table-panel .x-table-layout td {
    vertical-align:top;
    padding:5px;
    font-size: 11px;
}

/* Toolbar icons for absolute form example: */
.icon-send {
    background-image:url(images/email_go.png) !important;
}
.icon-save {
    background-image:url(images/disk.png) !important;
}
.icon-print {
    background-image:url(images/printer.png) !important;
}
.icon-spell {
    background-image:url(images/spellcheck.png) !important;
}
.icon-attach {
    background-image:url(images/page_attach.png) !important;
}
/* Custom rule to make the toolbar fit within a framed panel with no margin: */
.email-form .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top:1px solid #C2D6EF;
    border-left:1px solid #C2D6EF;
    border-bottom:1px solid #99BBE8;
    margin:-5px -4px 0;
}

/* Custom styles for the "Tabs with nested layouts" example: */
.inner-tab-custom .x-border-layout-ct {
    background: #fff;
}

/*===================================
/*  Rules for custom ux layouts
/*====================================*/
/* 
 * Ext.ux.layout.CenterLayout
 */
.ux-layout-center-item {
    margin:0 auto;
    text-align:left;
}
.ux-layout-center .x-panel-body,  /* if the container is a panel */
body.ux-layout-center {           /* if the container is the doc body (for viewport) */
    text-align:center;
}

a.CommentsProblems {
	display:inline;
	margin-top:expression(-25);
	margin-right:10px;
	color:white;
	float:right;
	text-decoration:underline;
}
 
/* Ext.ux.IconCombo mandatory styles */
.x-icon-combo-icon {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 18px;
    height: 14px;
}
.x-icon-combo-input {
    padding-left: 25px;
}
.x-form-field-wrap .x-icon-combo-icon {
    top: 3px;
    left: 5px;
}
.x-icon-combo-item {
    background-repeat: no-repeat !important;
    background-position: 3px 50% !important;
    padding-left: 24px;
}

.Bold {
	font-weight: bold;
}
.my-icon {
	background: url(images/disk.png) 0 0px no-repeat !important;
	float: right;
}
.x-tool{
	background-image: url(resources/images/default/form/clear-trigger.gif);
	height: 18px;
	margin-top: -2px;
	width: 16px;
	border-color: #B5B8C8;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
.x-tool-close-over {
	background-position:-17px 0;
}
.ClearAllFilters{
	margin: 0 4 0 0;
	padding: 0 4 0 0;
	float:right;
	zoom:1;
	margin-top: expression(-15);
	display: inline;
}