/* 
    Package   : ArticleManager
    Author     : ad@volt-venture.de
    Description:
        Styles the AticleManager Application
*/


#article-info{
  width: 100%;
  font-size: 13px;
}

#article-info-left{
  float: left;
  width: 70%;
  margin-left: 0;
  margin-right: -70%;  
}

#article-info-right{
  float: left;
  width: 30%;
  margin-left: 70%;
  margin-right: -100%;
}
#article-info-right img{
  display: block;
  margin: 10px auto;
}
.resultTable{
  font-size : 12px;
  width:100%;
}
.resultTable th{
  font-weight:bold;
}
.resultTable tr td{
  padding : 1px;
  padding-left: 7px;
}
.resultTable tr:nth-child(2n) td {
  background-color: #DFE8F6;
}
.resultTable tbody tr:nth-child(2n+1)  td {
  background-color: #fff;
}

table#tabPanel {

}

table#tabPanel td:first-child {
  width : 30%;
}

a.link{
  text-decoration : underline;
}

a.link{
  font-size:12px;
  text-decoration:none; 
  color:#0071B3  
}

.comments{
  font-size:13px;
}

span.label {
  font-weight : bold;
}

.red-block {
  margin-left: 5px;
  background: red;
  color : #fff;
  padding : 1px;
}

.green-block {
  margin-left: 5px;
  background: green;
  color : #fff;
  padding : 1px;
}

.x-tot2ivn-vr-tab-panel .x-fieldset{
  margin-bottom: 0px;
}

.quality-check-window label.x-form-item-label{
  word-wrap: break-word;
}

.selectable .x-grid3-row td,
.selectable .x-grid3-summary-row td,
.selectable .x-grid3-cell-text,
.selectable .x-grid3-hd-text,
.selectable .x-grid3-hd,
.selectable .x-grid3-row {
	-moz-user-select:inherit;
	-khtml-user-select:text;
}

.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect input[disabled] {background-color: transparent;}
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url(clear.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url(expand.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
.x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
.x-superboxselect-item-close {background: url(close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}

div.x-grid3 div.x-grid3-row-alt {
  background-color: #DEF;
}


/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
.images-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
.images-view .thumb{
	background: #dddddd;
	padding: 3px;
}
.images-view .thumb img{
	height: 60px;
	width: 80px;
}
.images-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
.images-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

.images-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

.images-view .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
.images-view .x-view-selected .thumb{
	background:transparent;
}

.images-view .loading-indicator {
	font-size:11px;
	background-image:url('../../resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}