/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ Style for main frame \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*//////////////////////////////// Info Color /////////////////////////////////////////

#BCBEC0 = light grey for border
#58595B = grey for text
#184D6F = dark blue for text
#184D6F = red for text over 
#CAEBF9 = corporate light blue
#A4D2E5 = Corporate medium blue
  
//////////////////////////////// Info Color ////////////////////////////////////////*/

/*//////////////////////////////// Global ////////////////////////////////////////*/

form {margin: 0px 0px 0px 0px; }
body{
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	scrollbar-base-color: White;
	scrollbar-3dlight-color: #BCBEC0;
	scrollbar-arrow-color:#BCBEC0;
	scrollbar-darkshadow-color:#BCBEC0;
	scrollbar-face-color:White;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:#E4E4E4;
	scrollbar-track-color:#F8F8F8;
	margin: 0px 0px 0px 0px; 
}
table {empty-cells: show; }
table, tr, td   {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	color: #58595B;
	font-weight: normal;
	margin: 0px 0px 0px 0px; 
}
tr.IntroTitle td {	/* Info text on blue bar */
	width: 100%;
	background-color: #A4D2E5;
	color: White;
	padding:  5px 19px 5px 19px;  
	margin: 0px 0px 0px ;
}
.right {text-align: right; }		
.center {text-align: center; }		

.IntroText {color: #184D6F;padding-top:20px;	}	/* Info text on Page (beetween the Horizontal Image and the objectlistview or any contents)*/
hr {color: #BCBEC0; height: 1px; }
	 
.TitleSubMenu { /* Inside the Horizontal Image */
	font-size: 13pt;
	height:40px;
	color: White;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
.TitleSubSubMenu { /* Inside the Horizontal Image */
	font-size: 11px;
	color: White;
	font-weight: bold;
	border-left: solid 1px white;
	padding: 0px;
}
.Title {	/* For subtitle an popwindow title */
	line-height: 12px;
	font-weight: bold;
	color: #184D6F;
	border-bottom: solid 1px #BCBEC0;
	border-top: solid 1px #BCBEC0;
	width: 100%;
	padding-bottom:3px;
	padding-top:3px;
}

	
	/*//////////////////////////////// Global ////////////////////////////////////////*/
	
	/*//////////////////////////////// Edition ////////////////////////////////////////*/
	.label, .labelRight, .labelTextBox {line-height: 14px; vertical-align: top; } /* labelTextBoxRight ain't used nowhere */
	.label {padding: 0px 5px  0px 0px; }
	.labelRight	{padding: 0px 5px  0px 10px; }
	.labelTextBox	{padding: 0px 5px  3px 0px; }


	input.text, select, textarea, input.date, input.Number {
		font-family: Verdana, Tahoma, Arial, Sans-Serif;
		font-size: 11px;
		color: #184D6F;
		font-weight: normal;
		width:200px;
	}
	input.text, textarea, input.date, input.Number {
		padding: 0px 5px 0px 5px; 
	}

  input.text, input.date, input.Number	 /* the textarea doesn't have a height defined!*/
	{
		line-height: 14px; 
		height: 19px;
		color: Black;		
	}

	.Number {text-align: right;	}
	select {height: 19px; border-color: Black; }
	
	/*//////////////////////////////// Edition ////////////////////////////////////////*/
	
	/*//////////////////////////////// Links ////////////////////////////////////////*/
	
	a:link {text-decoration: none; color: #58595B; }
	a:visited {text-decoration: none; color: #58595B; }
	a:hover {text-decoration: none; color: #184D6F; }
	a:active {text-decoration: none; color: #184D6F;}
	
	a:link img, a:visited img, a:hover img{border: 0;}
	
	/*//////////////////////////////// Links ////////////////////////////////////////*/
	
	/*//////////////////////////////// Buttons (Large for long text, normal for short text) ////////////////////////////////////////*/

.Button, .Button_Over, .Button_Disabled, .ButtonXXL, .ButtonXXL_Over, .ButtonXXL_Disabled, .ButtonXXLOnBlue, .ButtonXXLOnBlue_Over, .ButtonXXLOnBlue_Disabled, .ButtonLargeSans, .ButtonLargeSans_Over, .ButtonLargeSans_Disabled, .ButtonLarge, .ButtonLarge_Over, .ButtonLarge_Disabled {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	background-repeat: no-repeat;
	border-width: 0px 0px 0px 0px; 
	margin-top: 3px;
	cursor:pointer;	 /* Fonctionne aussi avec IE, netscape, firefox, ....*/
}

.Button, .Button_Over, .Button_Disabled {padding-bottom: 4px; height: 25px; width: 127px; }
.Button {color: #58595B; background-image: url(Img/Button.gif); }
.Button_Over {color: #184D6F; background-image: url(Img/Button_Over.gif); }
.Button_Disabled {color: #CCCCCC; background-image: url(Img/Button_Over.gif); }
	
.ButtonXXL, .ButtonXXL_Over, .ButtonXXL_Disabled {padding-bottom: 4px; height: 25px; width: 250px; }
.ButtonXXL {color: #58595B; background-image: url(Img/ButtonXXL.gif); }
.ButtonXXL_Over {color: #184D6F; background-image: url(Img/ButtonXXL_Over.gif); }
.ButtonXXL_Disabled {color: #CCCCCC; background-image: url(Img/ButtonXXL_Over.gif); }

.ButtonXXLOnBlue, .ButtonXXLOnBlue_Over, .ButtonXXLOnBlue_Disabled {padding-bottom: 1px; height: 22px; width: 250px; }
.ButtonXXLOnBlue {color: #58595B; background-image: url(Img/ButtonXXLOnBlue.gif); }
.ButtonXXLOnBlue_Over {color: #184D6F; background-image: url(Img/ButtonXXLOnBlue_Over.gif); }
.ButtonXXLOnBlue_Disabled {color: #CCCCCC; background-image: url(Img/ButtonXXLOnBlue_Over.gif); }

.ButtonLargeSans, .ButtonLargeSans_Over, .ButtonLargeSans_Disabled {padding-bottom: 1px; height: 22px; width: 183px; }
.ButtonLargeSans {color: #58595B; background-image: url(Img/ButtonLargeSans.gif); }
.ButtonLargeSans_Over	{color: #184D6F; background-image: url(Img/ButtonLargeSans_Over.gif); }
.ButtonLargeSans_Disabled	{color: #CCCCCC; background-image: url(Img/ButtonLargeSans_Over.gif); }

.ButtonLarge, .ButtonLarge_Over, .ButtonLarge_Disabled {padding-bottom: 2px; height: 22px; width: 183px; }
.ButtonLarge {color: #58595B; background-image: url(Img/ButtonLarge.gif); }
.ButtonLarge_Over {color: #184D6F; background-image: url(Img/ButtonLarge_Over.gif); }
.ButtonLarge_Disabled {color: #CCCCCC; background-image: url(Img/ButtonLarge_Over.gif); }
		

.Button_Search, .Button_Search_Over {
	width: 17px;
	border-width: 0px 0px 0px 0px;
	margin-top: 3px;
	cursor: pointer;	
	background-repeat: no-repeat;
}
.Button_Search {background-image: url(Img/Common/Search.gif); }
.Button_Search_Over {background-image: url(Img/Common/Search_over.gif); }

	/*//////////////////////////////// Buttons ////////////////////////////////////////*/
	
	
	/*//////////////////////////////// Standart ListView ////////////////////////////////////////*/
	
table.ListTable 	{
	border-left: solid 1px #BCBEC0;
	border-bottom: solid 1px #BCBEC0;
	border-top: solid 1px #BCBEC0;		
	}
table.ListTable tr td {vertical-align: top; }

tr.title td, tr.pair td, tr.impair td, tr.list td {padding: 3px 3px 3px 3px; vertical-align: middle; border-right: solid #BCBEC0 1px; }
tr.title td.borderless, tr.pair td.borderless, tr.impair td.borderless, tr.list td.borderless {border-color: white; }		
		
tr.footer td {
	height: 27px;
	background-image: url(Img/Footer.gif);
	background-repeat: repeat-x;
	padding: 0px 3px 2px 3px;
	line-height: 0px;
	vertical-align: bottom; 
}
tr.footer td input.text {height: 19px; border-color: #7F9DB9; }
tr.footer td.pagejumper {text-align: right; padding-bottom: 7px; }
tr.footer input.button_Search, tr.footer input.Button_Search_Over, 
tr.footer input.button_AddUser, tr.footer input.Button_AddUser_Over, 
tr.footer input.button_New, tr.footer input.Button_New_Over {margin-bottom: -2px; }
tr.footer td.pagejumper img {margin-bottom: -1px; }

	.FooterBorder {
	border: solid 1px #578B8E;
	}
tr.header td.header {
	padding: 0px 3px 2px 3px;
	border-width: 0px; 
}	 	
tr.header td.header input.button_Search, tr.header td.header input.Button_Search_Over {margin-bottom: -2px; }
  	
	/*//////////////////////////////// Standart ListView ////////////////////////////////////////*/
	
		/*//////////////////////////////// Warning ////////////////////////////////////////*/
		
		.Warning{
			height: 32px;
			background-color: #A4D2E5;
			}
		
		.Warning_First{
			width: 32px;
			height: 32px;
			background-image: url(img/Warning_First.gif);
			background-repeat: no-repeat;
			}
		
		.Warning_Last{
			width: 10px;
			height: 32px;
			background-image: url(img/Warning_Last.gif);
			background-repeat: no-repeat;
			}
		
		/*//////////////////////////////// Warning ////////////////////////////////////////*/
	
	/*//////////////////////////////// TabStrip (TODO)////////////////////////////////////////*/
	
	
	table.TabStrip {
		border-collapse: collapse;
		padding: 0px;
		margin: 0px;
	}
	
	table.TabStrip tr td {
	}
	table.TabStrip_Tabs {
		border: 0px;
		padding: 0px;
		margin: 0px;
		border-collapse: collapse;
	}
	td.TabStrip_Active, td.TabStrip_Inactive, td.TabStrip_Disabled {
		background-repeat: repeat-x; 
		font-weight: bold; 
	}
	td.TabStrip_Active {
		background-image: url(img/Tab/bgTabActive.gif);	
		color: #03454F; 
		padding: 2px 1px 3px 0px;
		/*
		border-style: solid;
		border-color: #ADAEAD;
		border-width: 0px;
		padding: 0px;
		margin: 0px;
		*/
	}
	td.TabStrip_Inactive {
		background-image: url(img/Tab/bgTabInactive.gif);	
		color: #578B8E; 
		padding: 4px 1px 1px 0px;
		/*
		border-style: solid;
		border-color:  #ADAEAD;
		border-width: 0px 0px 0px 0px;
		padding: 0px;
		margin: 0px;
		*/
	}
	td.TabStrip_Disabled {
		background-image: url(img/Tab/bgTabInactive.gif);	
		color: #80CEC9; 
		padding: 2px 1px 3px 0px;
		/*
		border-style: solid;
		border-color:  #ADAEAD;
		border-width: 0px 0px 0px 0px;
		padding: 0px;
		margin: 0px;
		*/
	}
	td.TabStrip_Spacer {
		font-weight: bold;
		border-style: solid;
		border-color:  #ADAEAD;
		border-width: 0px 0px 0px 0px;
		padding: 0px;
		margin: 0px;
	}
	td.TabStrip {
		background-color: #FBFBFB;
		border-style: solid;
		border-color: #7F7F7F;
		border-width: 0px 0px 0px 0px;
		padding: 0px;
		margin: 0px;
		vertical-align: top; 
	}
	
	
	
	
	/*//////////////////////////////// TabStrip ////////////////////////////////////////*/
	
	/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ Style for main frame \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
	
		
	/* h1 - h6, required for ie-firefox-compatibility */
	h1 {font-size: 32px; }
	h2 {font-size: 24px; }
	h3 {font-size: 18px; }
	h4 {font-size: 16px; }
	h5 {font-size: 13px; }
	h6 {font-size: 10px; }


tr#trFeedback td{
height: 32px;
padding: 10px 0 10px 0;
font-weight: bold;
color: red;
}

tr.StepRow td{
border-top: solid 5px white;
	}
	
.Tips{font-size: 10px; padding: 5px 0px 5px 0px;}
	
td.StepCell01{
	background-color: #6BB1AD;
	height: 32px;
	padding: 0px 0px 0px 15px;
	color: White;
	font-weight: bold;
	background-image: url(Img/StepCell02.gif);
	background-repeat: no-repeat;
	}
	
td.StepCell02{
	background-color: #6BB1AD;
	height: 32px;
	padding: 0px 0px 0px 15px;
	color: White;
	font-weight: bold;
	background-image: url(Img/StepCell02.gif);
	background-repeat: no-repeat;
	}