/**************************************************************************
 * Copyright (c) 2002, 2008 ComActivity AB, Sweden.  All rights reserved.
 * COMACTIVITY PROPRIETARY/CONFIDENTIAL.  Use is subject to license terms.
 * Redistribution in source and binary forms, with or without modification,
 * are not permitted unless explicit written permission is obtained.
 **************************************************************************/
/* ------------------------------------------------------------------
	
   ------------------------------------------------------------------  */
div.container {
	position:					relative;
}

div.inline {
	display:					inline;
	float:						left;
}

.opaque {
	opacity: 					.3;
	filter: 					alpha(opacity=30);
}

.hRefLink {
	text-decoration:			underline;	
}

.portallocked {
	position:					absolute;
	top:						0;
	left:						0;
	z-index:					5;
	background-color: 			#d3d3d3;
}

input.promptFld {
	border: 					1pt solid #323164;
}

input.rightAlignFld {
	text-align:					right;
}

.CA-bold{
	font-weight:				bold;
}

.CA-italic{
	font-style:					italic;
}

.CA-underline{
	text-decoration:			underline;
}



/* ------------------------------------------------------------------
	Portal body frame
   ------------------------------------------------------------------  */




/* ------------------------------------------------------------------
	Tab area, customized portlets.  
   ------------------------------------------------------------------  */
.customtab-row {
	position:					absolute;	
}



/* ------------------------------------------------------------------
	Tab area, segment
   ------------------------------------------------------------------  */
.CA-tabForcer{
	width:						3px;
	overflow-x:					hidden;
	overflow-y:					hidden;
	visibility:					hidden;
}



/* ------------------------------------------------------------------
	Segment
   ------------------------------------------------------------------  */
.FrameBorder {
	width:						100%;
}



/* ------------------------------------------------------------------
	Error handling styles
   ------------------------------------------------------------------  */
.ErrorPart {
	background:					#9D97CE;
	width:						100%;
}

.ErrorHeader {
	border:						1px solid black;
	background:					#323164;
	width:						100%;
	color:						white;
}

SPAN.Error {
	cursor:						hand;
	color:						black;
	background:					#E3E3E3;
}

SPAN.ErrorHighlight {
	color:						#c080a0;
	background:					#E3E3E3;
}



/* ------------------------------------------------------------------
	Navigator portlet
   ------------------------------------------------------------------  */
   
.navigator.debugButton {
	background:					url('../images/icons/debug_exc.gif"');
	cursor:						hand;
	width:						30px;
	height:						30px;
}



/* ------------------------------------------------------------------
	Customizer
   ------------------------------------------------------------------  */

.customizer.browse_background {
	width: 						100%;
	padding-left:				4pt;
	padding-right:				4pt;
	overflow-x:					auto;
	background-image:			url( "../images/customizer/browse_background.jpg" );
}   

.customizer.detail_background {
	background-color:			#D3D3D3;	
	width: 						100%;
	padding-right:				8px;
	padding-bottom:				8px;
	overflow-x:					auto;
	background-image:			url( "../images/customizer/detailgrid.jpg" );
}   

.customizer.custcell {
	width:						90px;
	height:						65px;	
	padding-left:				8px;
}

.customizer.fieldgroup {
	border:						2px solid black;
}

.customizer.fieldgroup_selected {
	border-width:				2px;
	border-color:				black;
	border-style:				dotted;
}

.customizer.fieldgrouplabel {
	position:					absolute;
	top:						4px;
	left:						4px;
	font-size: 					9px;
}

.customizer.fieldgroupcell {
	width:						88px;
	height:						60px;
	padding-left:				8px;
}

.customizer.addcol_field {
	width:						55px;
	height:						10px;	
}

.customizer.addrow_field {
	width:						10px;
	height:						55px;	
	vertical-align:				bottom;
	padding-bottom:				5px;
}

.customizer.browsefield {
	padding:					1;
	width:						60px;
	font-size:					8pt;
	border:						2px outset buttonhighlight;
	overflow-x:					hidden;
}

.customizer.browse_input_field {
	background-color:			blue;
	color:						white;
}

.customizer.browse_output_field {
	background-color:			#3366cc;
	color:						white;
}

.customizer.browse_hidden_field {
	background-color:			red;
	color:						white;
}

.customizer.detailfield {
	padding:					1;
	width:						60px;
	font-size:					8pt;
	border:						2px outset buttonhighlight;
	overflow-x:					hidden;
}

.customizer.detail_input_field {
	background-color:			white;
	color:						black;
}

.customizer.detail_output_field {
	background-color:			#D3D3D3;
	color:						black;
}

.customizer.detail_hidden_field {
	background-color:			red;
	color:						white;
}

.customizer.selected_field {
	padding:					1;
	padding-left:				5px;
	width:						70px;
	font-size:					9pt;
	font-weight: 				bold;
	border:						3px outset buttonhighlight;
	overflow-x:					hidden;
}

.customizer.properties_area {
	height: 					100px; 
	padding-left: 				5px;	
}

.customizer.properties_property {
	font-weight: 				bold;
}

.customizer.segment_selected {
	border-width:				1pt;
	border-color:				black;
	border-style:				dotted;
}

.customizer.datamodel_highlighted {
	background-color:			#FEF6CF;
}

.FrameBorder_hidden {
	width:						100%;
	border:						none;
}

.FrameBorderLegend_hidden {
	font-family: 				Arial;
	font-size: 					11px;
	font-weight: 				normal;
	padding-bottom:				3px;
	padding-right:				3px;
	visibility:					hidden;
}

.keyNode {
	background-image:			url( "../images/icons/key.gif" );
	background-repeat:			no-repeat;
}



/* ------------------------------------------------------------------
	Report designer (SQL portlet)
   ------------------------------------------------------------------  */

.sqloddrow {
	background-color:			blue;

}

.sqlevenrow {
	background-color:			white;

}

.columnCell {
	height:						30px;
	padding-left:				2px;
}

.moveImg {
	position:					relative;
	top:						0px;
	left:						0px;
}

.colHeader {
	width:						100%;
	background-color:			#65629D;
	color:						white;
	border:						black 1px solid;
}

.reportdesigner.dropcell {
	height:						400px;
	width: 						15px;
	background-color: 			#ffffff;
}

.joinCell {
	width:						100%;
}

.joinTable {
	width:						100%;
}

.joinCellDiv {
	width:						100%;
	border:						#A3A3A3 1px solid;
}

.joinRow {
	border:						#A3A3A3 1px solid;
}



/* ------------------------------------------------------------------
	Flex id
   ------------------------------------------------------------------  */
   
div.flexidcomboimage {
	display:					inline;
	background-image:			url( "../images/combo-arrow.gif" );
	border:						1 solid #D3D3D3;
	width:						15px;
	height:						15px;
	float:						right;
}

div.flexidcombo {
	border:						1 solid grey;
	position:					relative;
}

div.flexidcombotxt {
	float:						left;
}

div.flexidkey {
	padding-right:				4px;
}

select.flexidcombo {
	margin-bottom:				5px;
}



/* ------------------------------------------------------------------
	Filter
   ------------------------------------------------------------------  */
   
.filterLabel {
 	display:					inline;
 	padding-left:				5px;
}
 
.filter {
	font-family: 				Arial;
}

.filterfield {
	padding:					1;
	width:						70px;
	font-size:					8pt;
	border:						2 outset buttonhighlight;;
	overflow-x:					hidden;
}

.div.filterdetail {
	width:						100%;
	padding-bottom:				6px;
}
.dmfield {
	background-color:			#D3D3D3;
	color:						black;
	margin-bottom:				8px;
}

div.sortarea {
	width:						100%;
}

.sortfield {
	background-color:			#D3D3D3;
	color:						black;
	margin-bottom:				8px;
	position:					relative;
	float:						left;
	margin-right:				6px;
}

.criteriafield {
	background-color:			blue;
	color:						white;
}

.filterfield_focus {
	width:						72px;
	font-size:					8pt;
	font-weight: 				bold;
	border:						3 outset buttonhighlight;
	overflow-x:					hidden;
}

.sortorderasc {
	background-image:			url( "../images/filter/ascending.gif" );
	background-color:			#D3D3D3;
	width:						16px;
	height:						7px;
	position:					absolute;
	float:						right;
	padding-left:				4px;
	vertical-align:				middle;	
}

.sortorderdesc {
	background-image:			url( "../images/filter/descending.gif" );
	background-color:			#D3D3D3;	
	width:						16px;
	height:						7px;
	position:					absolute;
	float:						right;
	padding-left:				4px;
	vertical-align:				middle;
}

.criteriacell {
	padding:					5px;
	border-bottom: 				1 dotted #D3D3D3;
	height:						30px;
}