/* CMS styles v1.0 2011.07.02 JSi */

/* Body */
body{
	font-family: Helvetica, Arial;
	font-size: 10pt;
	font-weight: normal;
	margin: 6px;
	}
body.colored{ 
	color: White;
	background-color: FireBrick;
	}
body.white{ 
	color: Black;
	background-color: White;
	background-image: url( 'img/bgw.jpg');
	}
pre	{
	margin: 0;
}

/* header frame styles */	
.h1 { 
	font-size: 20pt; 
	font-weight: bold; 
	}
.h2 { 
	font-size: 12pt;
	font-weight: bold; 
	}

/* Links */	
a.red { 
	font-weight: bold; 
	color: Red; 
	text-decoration: underline;
	}
a.red:hover{ 
	background: white; 
	color: Darkred;
	}
a.white {
	font-weight: bold;
	color: White; 
	text-decoration: underline;
	}
a.white:hover{
	background: White;
	color: Blue;
}
a.blue {
	font-weight: bold;
	color: MediumSlateBlue;
	text-decoration: underline;
	}
a.blue:hover{
	color: Red;
	}
	
a.menu {
	font-weight: normal;
	color: White; 
	text-decoration: none;
	white-space: nowrap;
	}
a.menu:visited {
	font-weight: normal;
	color: White; 
	text-decoration: none;
	white-space: nowrap;
	}
a.menu:hover{
	background: White;
	color: Blue;
}
span.menu{
	font-weight: bold;
	white-space: nowrap;
}
div.tree{
	white-space: nowrap;
}
a.file{
	position:relative;
	top:-2px;
}

/* Action icons */
img.act{
	border: none;
	cursor: pointer;
}

/* Data header */
div.pageHeader {
	font-size: 12pt; 
	font-weight: bold; 
	color: FireBrick; 
	margin-top: 5px;
	width:100%;
	text-align:center;
	}
	
/* Form */
div.formHeader {
	font-size: 12pt;
	font-weight: bold;
	margin: 6px;
	color: White;
	}

/* Icon*/
img.icon{
	position: relative;
	bottom: -2px;
}

img.item{
	position: relative;
	max-height:200px;
	max-width:200px;
}
	
/* Table general*/
table {
	border-collapse:collapse; 
}
tr.selected {
	background-color: LightSkyBlue !important;
}
td	{
	font-weight: normal;
}
/*
th {
	background-color: FireBrick;
}
*/
/* Table general end*/

/* Data table */
table.data {
	border: 1px solid black;
	}
table.data tr:nth-child(even){
	background-color: LightCyan
}
table.data tr:nth-child(odd){
	background-color: White
}
/*  New table.data*/
table.data th{
	font-size:9pt;
	font-weight: bold;
	color:White;
	background-color: FireBrick;
	text-align: left;
	white-space:nowrap;
	border: 1px solid black; 
	padding: 3px; 
	text-shadow: 1px 1px 1px #686C6F;
	vertical-align: top;
}

table.data td{
	font-size:8pt;
	border: 1px solid black; 
	padding: 3px; 
	vertical-align: top;
}
/* End New table.data*/

th.data { 
	font-size:9pt;
	font-weight: bold;
	color:White;
	background-color: FireBrick;
	text-align: left;
	white-space:nowrap;
	border: 1px solid black; 
	padding: 3px; 
	text-shadow: 1px 1px 1px #686C6F;
	}
th.data img{
	float:right;
	}
td.data { 
	font-size:8pt;
	border: 1px solid black; 
	padding: 3px; 
	}
td.data-nw { 
	font-size:9pt;
	border: 1px solid black; 
	padding: 3px; 
	white-space:nowrap;
	}

/* Form table */
table.form {
	border: none;
	font-size:9pt;
	}
table.form tr{
	background-color: FireBrick;
}
table.form td{
	border: none; 
	padding: 3px 5px;
	vertical-align: top;
	color: White;
	}
table.form th{
	border: none;
	padding: 3px;
	color: White;
	vertical-align: top;
	}
	
table.form td input[type='button']{
	width: 96px;
}
table.form td input[type='submit']{
	width: 96px;
}

/* Hack to prevent disappearing numbers in FF */
table.form td input[type='text']{
	background-color: white;
}
table.form td.bbb1{
	border-bottom: 1px solid black;
}
table.form td.lbb1{
	border-left: 1px solid black;
}
/* Form table end*/

/* Table list */
/* Tabular list table */
table.list{
	border: 1px solid LightCyan;
	width:100%;
	font-size:9pt;
}
table.list tr:nth-child(even){
	background-color: LightCyan
}
table.list tr:nth-child(odd){
	background-color: White
}
table.list th{
	border: 1px solid LightCyan;
	padding:1px 3px;
	background-color: DarkRed;
	color: White;
	vertical-align:top;
}

table.list td{
	border-bottom: 1px solid DarkRed;
	padding:1px 3px;
	color: Black;
	vertical-align:top;
}
/* Table list end*/

/* Table list-form */
table.list-form{
	width:100%;
	font-size:9pt;
}

table.list-form tr{
	background-color: transparent !important;
}

table.list-form td{
	border: none;
	padding: 2px;
	text-align: left;
}
/* Table list-form End*/

/* Toolbar */
/*	
white-space:nowrap;
*/
/*	border-radius: 4px;
	-moz-border-radius: 4px;
*/	

div.toolbar{
	padding: 3px;
	margin: 3px 0 3px 0;
	background-color: LightCyan;
	border: 1px solid Black;
	line-height: 28px;
}

/* Hack to prevent disappearing numbers in FF */
.toolbar input[type='text']{
	background-color: white;
}

.toolbar input[type='button']{
	height: 23px;
} 

.toolbar input[type='button'].img{
	width: 23px;
	background-repeat:no-repeat;
	background-position: 0px 0px;
} 

.toolbar span.nowrap{
	white-space: nowrap;
}

.toolbar span.space{
	width: 12px;
	display: inline-block;
}

.toolbar span.text{
	padding: 0 3px 0 3px;
/*	font-family:helvetica, arial;*/
	font-size: 9pt;
}

/* Popup */
div.popup{
	position:	absolute;
	z-index: 2;
	background-color: rgb( 212, 208, 200);
	border-style: outset;
	border-top-width: 1px;
	border-top-color: rgb( 255, 255, 255);
	border-left-width: 1px;
	border-left-color: rgb( 255, 255, 255);
	border-right-width: 1px;
	border-right-color: rgb( 128, 128, 128);
	border-bottom-width: 1px;
	border-bottom-color: rgb( 128, 128, 128);
}

div.popup_shadow	{
	position:	absolute;
	z-index: 1;
	border:		none;
	background: black url(img/black.gif);
	opacity: 	0.6;
	filter:		progid:DXImageTransform.Microsoft.alpha(opacity=60);
}

div.popup_caption	{
	text-align: center;
	white-space:	nowrap;
	font-weight: bold;
	color:White;
	background-color: DarkRed; /*FireBrick;*/
	padding:3px;
}

/* Helpers */

div.help{
	white-space: nowrap;
	display: block;
}

span.help{
	overflow: hidden;
	display: inline-block;
}

/* Serach results markup */
span.mark	{
	background-color: yellow;
}

/* Table inputs */
input.ds{
	font-family: Tahoma, Verdana;
	font-size:	8pt;
	border: 	1px solid gray;
	margin: 	1px 0 1px 0;
}

select.ds{
	font-family: Tahoma, Verdana;
	font-size:	8pt;
	border: 	1px solid gray;
	margin: 	1px 0 1px 0;
}

/* Checklist*/
div.chkList{
	overflow-x:			hidden;
	overflow-y:			scroll;
	background-color: 	White;
	border-width:		2px;
	border-style:		inset;
}

table.chkListTable{
	table-layout:		fixed;
}

table.chkListTable td{
	color: 				Black;
	background-color:	White;
	border-bottom:		1px solid LightGrey;
}

/* Gallery */
div.gallery_panel {
	display:			inline-block;
	background-color:	LightCyan;
	vertical-align:		middle;
	width:				150px;
	height:				200px;
	overflow:			hidden;
	padding:			6px 3px 3px 3px;
	margin:				12px 6px 12px 6px;
	white-space: 		normal;
	/*zoom:				1;		*//* Hack IE6, IE7  to get as inline-block */
	/*display: 			inline; *//* Hack IE6, IE7  to get as inline-block */
	/*_height: 			30px;   *//* Hack IE6, IE7  to get as inline-block */
	text-align:			center;
	}
.gallery {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 150px;
    height: 150px;
	background-color:	White;
	border:				1px solid FireBrick;
}
.gallery * {
    vertical-align: middle;
}
.gallery {
    display: block;
}
.gallery span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
.gallery img{
	border:	none;
	max-height:	144px;
	max-width:	144px;
}

/* Helpers */
.nb{
	border:none !important;
}
.left{
	text-align:left !important;
}
.right{
	text-align:right  !important;
}
.center{
	text-align:center  !important;
}
.justify{
	text-align:justify  !important;
}
.nw{
	white-space:nowrap  !important;
}
.w24{
	width: 24px !important;
}
.w30{
	width: 30px !important;
}
.w100p{
	width: 100% !important;
}
.mw350{
	max-width: 350px !important;
}
.canceled{
	text-decoration:line-through !important;
	text-decoration-color: black !important;
}
.bd{
	font-size: 10pt;
	font-weight: bold;
}
/* Helpers end*/