/****************************************************************/ 
/* CSS-TAG-Definitionen																					*/
/****************************************************************/

body {
	font: normal 11px Tahoma;
	color: #444444;
	background: #FEFEFA;
	padding: 0px;
	margin: 0px;
}

/* dropdown boxen die durch "make_dropdown" erstellt werden */
select.dropdown_box {
	background-color: white;
	border: solid 1px #cccccc;
	height: 17px;
	font: normal 11px Tahoma;
	color: #444444;
	font-size: 0.9em;
}

select.dropdown_box option {
	background-color: white;
	height: 14px;
}

input.text_input, textarea.text_input, input.reference_input {
	background-color: white;
	font: normal 11px Tahoma;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #ccccee;
	color: #444477;
}

input.text_input:focus, textarea.text_input:focus, input.reference_input:focus {
	border: 1px solid #aaaaff;
}

legend {
	color: #777777;
	font-size: 10px;
}

/************************************************************************/
/* Submit-Buttons                                                       */
/************************************************************************/
input[type="submit"], .submit_button, .browse_button, .browse_button_hover {
	background-color: #ffeeaa;
	border: 1px solid #cccccc;
	color: #886633;
	font-size: 12px;
	margin: 1px;
	cursor: pointer;
	background-image: url(menu_button_background.png);
}

fieldset.gridview button.browse_button_hover {
	background-color: red;
}
/****************************************************************/ 
/* CSS-LEFTMENU-Formate																					*/
/****************************************************************/

.leftmenutable, .leftmenutable td, .leftmenutable table {
	padding: 0px;
	background: transparent;
	border: 0px;
	border-collapse: collapse;
	white-space: nowrap;
	overflow: hidden;
}

.menue  {
	color: #222255;
	font-size: 11px;
	font-weight: bold;
	width: 148px; 
	height: 26px; 
	padding: 3px 2px 1px 2px; 
	border: 1px solid #aaaacc; 
	background: url(menu_button_background.png) repeat-x;
	background-color: #b0ccff; 
	cursor: pointer; 
	border-collapse: collapse;
	white-space: nowrap;
	overflow: hidden;
}

.menuehover {
	font-size: 11px;
	color: #000066;
	font-weight: bold;
	width: 148px; 
	height: 26px; 
	padding: 3px 2px 1px 2px; 
	border: 1px solid #ddddff; 
	background: url(menu_button_background.png) repeat-x;
	background-color: #ddddff; 
	cursor: pointer; 
	border-collapse: collapse;
	white-space: nowrap;
	overflow: hidden;
}

.option, .option_hover, .option_active {
	width: 100%;
	font-size: 11px;
	max-width: 132px;
	height: 25px;
	padding: 2px 1px 2px 14px;
	margin: 0px;
	border: 1px solid #F0F0F0;
	background-color: #FFFEF3;
	cursor: pointer;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}

.option_active {
	background-color: #F3F3D2;
}

.option_hover {
	border: 1px solid #55698A;
	background-color: #D8E4F8;
}

.options {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#parent {
	padding: 0px;
	background: transparent;
	border: 0px;
	border-collapse: collapse;
}

.select {	
/*	background: #FFFFFF; // russisch, englich, franz... */
	border: 1px solid #CCCCCC;
}

.button90, .button90_hover {
	color: #000066;
	width: 90px;
	background: url(button_big.gif) repeat-x;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

.button90_hover {
	background: url(button_big_active.gif) repeat-x;
	border: 1px solid #55698A;
}

div.option .text_input, div.option_hover .text_input {
	width: 110px;
	margin-top: 3px;
}

/* deprecated
// login-felder
input.inputfield_detail, input.inputfield_active {
	font: normal 11px Tahoma;
	color: #444444;
	margin: 1px;
	padding: 3px 1px 1px 2px;
	border: 1px solid green;
	background: transparent;
	background-color: red;
}
*/

.inputfield_detail option {
	border: none;
	background-color: #eeeeee;
	color: #0000ff;
}

.inputfield_active {
	border: 1px solid #eeeeee;
	background-color: red;
}

/****************************************************************/ 
/* CSS-Definitionen												*/
/****************************************************************/

/* deprecated
.maindiv {
	width: 100%;
	max-width: 100%;
}
*/


.calendar_head {
/* deprecated
	font-family: inherit;
	font-size: inherit;
*/
	color: #777777;
	font-weight: normal;
	
	border: 1px solid #ccccee; 
	background: url(alpha_color_gradient_50.png) repeat-x;
	background-color: #c0ccff;
	padding: 4px;
	vertical-align: top;
	border-collapse: collapse;
	text-align: center;
	white-space: nowrap;
	height: 30px;
}

div#calendar_response_layer {
	width: 300px;
	height: 300px;
	background-color: red;
}

/*********************************************************/
/* Quickbar                                              */
/*********************************************************/

div#mo_quickbar {
	height: 37px;
	color: #777777;
	border: 1px solid #aaaaff;
	background: url(quickbar_background1.png) repeat-x;
	background-color: #c0ccff;
}

div#mo_quickbar div#qb_table_name {
	width: 150px;
	height: 30px;
	border-right: 1px solid #aaaaff;
	padding-left: 7px;
	padding-top: 7px;
	float: left;
}

div#mo_quickbar div#qb_search {
	height: 30px;
	padding-top: 7px;
	padding-left: 7px;
	width: 400px;
	border-right: 1px solid #aaaaff;
	float: left;
}

div#mo_quickbar div#qb_search label {
	margin-right: 7px;
	margin-left: 7px;
}

div#mo_quickbar input#qb_search_buton {
	margin-right: 20px;
}

div#mo_quickbar div#qb_custom_html {
	height: 30px;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	border-right: 1px solid #aaaaff;
	float: left;
}

div#mo_quickbar div#qb_buttons {
	padding-top: 7px;
	padding-right: 11px;
	float: right;
}

div#mo_quickbar option {
	border: 0;
}

/********************************************************************/
/* Detailview                                                       */
/********************************************************************/

.detailview  {
	color: #444444;
	border: solid 1px #aaaaff;
	background-color: #e2e8ff;
}

.detailview td  {
	text-align:left; 
	vertical-align:top; 
	padding-right:5px;
}

.detailview .text_input  {
	width: 150px;
}


/****************************************************************/ 
/* Queryview													*/
/****************************************************************/
fieldset.queryview {
	border: solid 1px 	#aaaaff;
	background-color: #e2e8ff;
}

fieldset.queryview input {
	width: 290px;
}


/****************************************************************/ 
/* Gridview                                                     */
/****************************************************************/

fieldset.gridview {
	border: solid 1px 	#aaaaff;
	background-color: #e2e8ff;
	color: #444444;
	font: normal 11px Tahoma;
}

fieldset.gridview input, fieldset.gridview textarea {
	background: 		none;
	border: none;
	padding-left: 		2px;
	font: normal 11px Tahoma;
	color: #444444;
}

fieldset.gridview option {
	font-weight: normal;
	background: 		none;
	background-color: #FFFFF7;
	border: none;
	padding-left: 2px;
}

fieldset.gridview input[type="submit"] {
	border: solid 1px #aaaaaa;
}

fieldset.gridview tr,td{
	text-align:left; 
	vertical-align:top; 
}

/* Ungerade Zeile im Gridview */
fieldset.gridview .oddline, option{
	height: 19px;
	background-color: #e2e8ff;
}

fieldset.gridview .oddline input {
	margin-top: 1px;
	margin-bottom: 1px;
	border: 1px solid #e2e8ff;
	width: 94%;
}

/* gerade Zeile im Gridview */
fieldset.gridview .evenline input {
	margin-top: 1px;
	margin-bottom: 1px;
	border: 1px solid #ececff;
	width: 94%;
}

fieldset.gridview .evenline {
	height: 19px;
	background-color: #ececff;
}

/* Hover-Effekt der Inputfelder im Gridview */
fieldset.gridview input:hover, fieldset.gridview input:focus {
	border: 1px solid orange;
	background-color: #fffecc;
}

.ref_input_focus {
	border: 1px solid orange;
	background-color: #fffecc;
}

fieldset.gridview .selline{
	background-color: #F3CD58;
}

fieldset.gridview .selline { height: 19px; }
fieldset.gridview .selline input { margin-top: 1px; width: 94%; }
fieldset.gridview td, fieldset.gridview th { padding-left: 3px; }

fieldset.gridview td {
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
}

fieldset.gridview .last_right_column {
	border-right: 1px solid #cccccc;
}


fieldset.gridview th{
	height: 10px;
	padding-top: 4px;
	color: #777777;
	border-top: solid 1px #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

fieldset.gridview th .invert_markers_button {
	border:none;
	background-repeat: no-repeat;
	background-image: url(preferences.gif);
	width: 16px; height: 16px;
	margin-left: 7px;
}

fieldset.gridview th input.delete_selected_button {
	border:  none;
	background-image: url(delete3.gif);
	background-repeat: no-repeat;
	width: 16px; height: 16px;
}

/* deprecated
fieldset.gridview tr.newrow td {
	border-top: solid 1px #cccccc;
}
*/

fieldset.gridview tr.newrow {
	height: 24px;
	background-color: #ececff;
}

fieldset.gridview tr.newrow input {
	border: dotted 1px #b0cc00;
	margin-top: 3px;
	margin-bottom: 3px;
}

fieldset.gridview #pagebuttons { padding-top: 7px; padding-left: 9px; }


fieldset.gridview th .orderbyASC {
	border: 0;
	width: 11px;
	height: 11px;
	margin: 1px;
	padding: 0px;
	background: url(down.gif) no-repeat;
	background-position: center center;
	cursor: pointer;
}

fieldset.gridview th .orderbyDESC {
	border: 0;
	width: 11px;
	height: 11px;
	margin: 1px;
	padding: 0px;
	background: url(up.gif) no-repeat;
	cursor: pointer;
}
fieldset.gridview th .orderbyNONE {
	border: 0;
	width: 11px;
	height: 11px;
	margin: 1px;
	padding: 0px;
	background: url(void.gif) no-repeat;
	cursor: pointer;
}

fieldset.gridview .griddetail {
	border: none;
	background: transparent url(pin_grey.gif) no-repeat;
	background-position: center top;
	width: 20px;
	height: 14px;
	cursor: pointer;
}
fieldset.gridview .dropbut {
	border: none;
	background: transparent url(garbage_empty.gif) no-repeat;
	background-position: left top;
}

.orderbyASC, .orderbyDESC, .orderbyNONE {
	width: 11px;
	height: 11px;
	border: 0px;
	margin: 1px;
	padding: 0px;
	background: url(down.gif) no-repeat;
	background-position: center center;
	cursor: pointer;
}


.orderbyDESC {
	background: url(up.gif) no-repeat;
}

.orderbyNONE {
	background: url(void.gif) no-repeat;
}
fieldset.gridview tr.newrow input.new_gridrow { width: 20px; border: none;	background: transparent url(element_new.gif) 	no-repeat;	background-position: left top;width:20px; }
fieldset.gridview div.qj_width { width: 20px; }
fieldset.gridview .qj_mocrm_lagerort	{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_syncconfig	{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_language	{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_history		{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_keys		{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_folder		{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_member		{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_user, fieldset.detailview .qj_mocrm_user { width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_urls 		{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_artikel		{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_positionen	{	width: 20px; border: none;	background: transparent url(eyeglasses.gif) 	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_adressen, fieldset.detailview .qj_mocrm_adressen { width: 20px; border: none;	background: transparent url(home_16.gif) 		no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_personen, fieldset.detailview .qj_mocrm_personen { width: 20px; border: none;	background: transparent url(businessman_16.gif)	no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_aktion, fieldset.detailview   .qj_mocrm_aktion		{	width: 20px; border: none;	background: transparent url(status14P.gif) 		no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_aktionP, fieldset.detailview   .qj_mocrm_aktionP		{	width: 20px; border: none;	background: transparent url(status14P.gif) 		no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_aktionX, fieldset.detailview .qj_mocrm_aktionX {	width: 20px; border: none;	background: transparent url(status14X.gif) 		no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_aktionB, fieldset.detailview .qj_mocrm_aktionB	{	width: 20px; border: none;	background: transparent url(status14B.gif) 		no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_aktionA, fieldset.detailview .qj_mocrm_aktionA	{	width: 20px; border: none;	background: transparent url(status14A.gif) 		no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_documents 	{	width: 20px; border: none;	background: transparent url(folder_16.gif)		no-repeat;	background-position: left top;width:20px;	}
fieldset.gridview .qj_mocrm_project, fieldset.detailview .qj_mocrm_project {	width: 20px; border: none;	background: transparent url(component_16.gif)	no-repeat;	background-position: left top;width:20px;	}


fieldset.gridview tr.trigger_active { color: #007700; }
fieldset.gridview tr.trigger_inactive { color: #990000; }



/****************************************************************/ 
/* Popup-Fenster                                                */
/****************************************************************/

div#ajax_response_layer a {
	width: 100%;
	padding: 2px;
	display: block;
	text-decoration: none;
}

div#ajax_response_layer a:hover {
	background-color: #eeeeff;
}

div.reference_layer {
	width: 300px;
	height: 200px;
	z-index: 1000;
	overflow: auto;
	margin-left: 16px;
	padding: 5px;
	background-color: #ddddff;
	border: 1px solid #9999ff;
}

div.reference_layer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.calendar_layer td, div.calendar_layer th {
	border: 1px solid #cccccc;
	text-align: center;
}
div.calendar_layer {
	width: 230px;
	height: 200px;
	z-index: 1000;
	overflow: auto;
	margin-left: 16px;
	padding: 5px;
	background-color: #ddddff;
	border: 1px solid #9999ff;
	
}


/****************************************************************/ 
/* CSS-PIVOT-Definitionen										*/
/****************************************************************/
	table.pivot {
		border: 1px solid #ccddee;
	}
	th.pivot {
		color: #0000b0;
	}
	tr.pivot {
		background-color:	#F7F3D6;
	}
	tr.pivot_odd {
		background-color:	transparent;
	}
	td.pivot_qj{
		border: 1px solid #eeeeee;
	}

	td.pivot {
	}

/****************************************************************/ 
/* CSS-FORM-Definitionen										*/
/****************************************************************/

// paging
.browse_button, .browse_button_hover {
	color: #666666;
	padding: 0px;
	margin: 0px;
	background: url(button_big.gif) repeat-x;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	width: 24px;
	vertical-align: middle;
	text-align: center;
}

.browse_button {
	border: solid 1px #cccccc;
}

.browse_button_hover {
	background: url(button_big_active.gif);
/*	border: 1px solid #666666; */
	border: solid 1px #cccccc; font-weight: bold; color: black;
}


/************************************************************************/
/* y-Chart                                                              */
/************************************************************************/

td.scale_row {
	/* Hilfslinien */
	border-color: gray;
	border-style: dotted;
	/* Beschriftung der Achsen */
	color: gray;
}

/************************************************************************/
/* extjs Stuff                                                          */
/************************************************************************/

#grid-example .x-grid-col-1 {
	text-align: right;
}
#grid-example .x-grid-col-2{
	text-align: right;
}
#grid-example .x-grid-col-3 {
	text-align: right;
}
#grid-example .x-grid-col-4 {
	text-align: right;
}
#grid-example.x-grid-mso{
	border: 1px solid #6593cf;
}
#grid-example.x-grid-vista{
	border: 1px solid #b3bcc0;
}
#xml-grid-example{
	border: 1px solid #cbc7b8;
	left: 0;
	position: relative;
	top: 0;
}
#editor-grid .x-grid-col-2{
    text-align:right;
}
.x-grid3-td-topic b {
    font-family:tahoma, verdana;
    display:block;
}
.x-grid3-td-topic b i {
    font-weight:normal;
    font-style: normal;
    color:#000;
}
.x-grid3-td-topic .x-grid3-cell-inner {
    white-space:normal;
}
.x-grid3-td-topic a {
    color: #385F95;
    text-decoration:none;
}
.x-grid3-td-topic a:hover {
    text-decoration:underline;
}
.details .x-btn-text {
    background-image: url(details.gif);
}
.x-resizable-pinned .x-resizable-handle-south{
    background:url(ext/resources/images/default/sizer/s-handle-dark.gif);
    background-position: top;
}

.x-grid3-summary-row {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    color:#333;
    background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}


body {
	font-family:helvetica,tahoma,verdana,sans-serif;
	padding:20px;
    padding-top:32px;
    font-size:13px;
	background-color:#fff !important;
}
p {
	margin-bottom:15px;
}
h1 {
	font-size:large;
	margin-bottom:20px;
}
h2 {
	font-size:14px;
    color:#333;
    font-weight:bold;
    margin:10px 0;
}
.example-info{
	width:150px;
	border:1px solid #c3daf9;
	border-top:1px solid #DCEAFB;
	border-left:1px solid #DCEAFB;
	background:#ecf5fe url( info-bg.gif ) repeat-x;
	font-size:10px;
	padding:8px;
}
pre.code{
	background: #F8F8F8;
	border: 1px solid #e8e8e8;
	padding:10px;
	margin:10px;
	margin-left:0px;
	border-left:5px solid #e8e8e8;
	font-size: 12px !important;
	line-height:14px !important;
}
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}
.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}