/*  Style sheet for transXpro layout

Copyright:		transxpro, SF Engineering / asi
Date:			2007-03-05		
Version:		0.1

*/

body, html						/* generel settings  */
{

	background: #76716A; 
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.45em;
	color: #555555;
	text-align: center;
	margin: 0px;
}

img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a:hover img						/* links over images */
{
	background: #ffffff;
	text-decoration: none;
}

#Container						/* Container with fix width  */
{
	position: relative;
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 975px;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 99%;
	text-align:left;
}

#Header							/* Header with transXpro-Logo  */
{
	position: relative;
	height: 100px;
	background: #D8FF3D url(../Images/layout/headerBackground.jpg) top left no-repeat; /* #E8FF71 */
	text-align: right;
}

#Header img
{
	 position: absolute; 
	 margin-top: 23px; 
	 right: -14px;
}

#Menu							/* Subheader with MainMenu and display UserStatus */
{
	border: 0px solid #FFFFFF;
	background: #3366CC; /*#FFB54C;*/
	height:32px;
	margin: 1px 0 0 0;
	padding: 0px;
}
a.white
{
    color: white;
}
#ShortLang						/* Short Version of the Language-Menu */
{
	position: absolute;
	margin: 0 0 0 20px;
	width: 100px;
	text-align: left;
	color: #FFFFFF;
}

#MainMenu						/* MainMenu  */
{
	margin-left: 171px;
}

#LoginStatus					/* Status of User Login: logged in/out */
{
	background: #D8FF3D;
	margin: 0 0 0 170px;
	padding: 0;
	height: 32px;
}

#LoginStatus p
{
	text-align: right;
	font-size: 0.95em;
	margin: 0px;
	padding: 10px 28px 0 0;
}

#ContentTable					/* Content table with Content and SubMenu */
{
	position: relative;
	background: #FFFFFF;
	margin: 15px 0 0 0;
}

#SubMenu						/* SubMenu items displayed according to user rights */
{
	position: absolute;
	top: 20px;
	margin: 0 0 0 10px;
	width: 150px;
	text-align: left;
	background-color: #FFFFFF;
}

#Content						/* Content */
{
	position: relative;
	margin-left: 181px;
	margin-right: 25px;
	border: 0px solid white;
}

/*
******** genereal text styles ******** 
*/

p, a, li, td, th, input, textarea, select
{
	color: #555555;
	font-size: 1em;
	font-weight: normal;
}

h1
{
	font-size: 1.2em;
	color: #3366CC;
	border-bottom: 3px dotted #3366CC;
	margin: 25px 250px 15px 0px;
}
h2
{
	color: #355DB0;
	font-size: 11px;
	background: #E5E7EB;
	margin: 0;
	padding: 0;
}

.title_img								/* assigned image to title  */
{
	position: absolute;
	right: 0px;
	top: -17px;
}

a
{
	color: #FF4D24;
	text-decoration : none;
}

a:hover
{
	color: #FF4D24;
	text-decoration : underline;
	background: #D8FF3D;
}

.bold
{
	font-weight: bold;
}

span.logo
{
	color: #222222;
	font-weight: bold;
}

span.x
{
	color: #3366CC;
	font-weight: bold;
	font-size: 1.1em;
}

ul, ol, li
{
	margin-top: 7px;
	line-height: 1.1em;
}

input, select, textarea, .SubmitButton				/* font size input fields -> set fix cause of different inheritance */
{
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


Td.EntryHeader							/* Subtitle within forms */
{
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;

}

Table.Entry
{
	width: 740px;

}

div#AGB
{
	margin: auto;
	padding: 5px;
	width: 740px;
	border: 1px solid #3366CC;
	height: 200px;
	overflow:scroll;
}

Table.Grid th										/* font size: Table title within list reports */
{
	font-size: 0.8em;
	font-weight: bold;
}

Table.Grid td										/* font-size: text within table lists */
{
	font-size: 0.95em;
	line-height: 1.2em;
}

/*
******** MainMenu styles ******** 
*/

#MainMenu Table
{
	position: absolute;
	margin: 0px;
	border: 0px;
}

#MainMenu Table.menu td				/* MainMenu item background */
{
	margin: 0px;
	padding: 7px 10px 3px 7px;
}

#MainMenu Table.menu td.Selected	/* MainMenu selected item background */
{
	background: #F1FFBA;	
	border-left: 1px solid #C9BBA4;	
	border-top: 1px solid #C9BBA4;	
}

#MainMenu td a						/* MainMenu text item color  */
{
	font-size: 1.0em;
	white-space: nowrap;
	font-weight: bold;
	color: #555555;
}

#MainMenu td p						/* MainMenu text item color  */
{
	line-height: 1em;
}

#MainMenu Table.menu td.Selected a	/* Mainmenu selected text item color */
{
	color: #000000;
}

#MainMenu Table.menu td.Selected a:hover	/* Mainmenu selected text item color */
{
	background: #F1FFBA;
}

/*

******** SubMenu styles ******** 

*/

#SubMenu Table
{
	margin: 0px;
	border: 0px;
}

#SubMenu a, #SubMenu p, #SubMenu td		/* submenu link color */
{
	font-size: 0.95em;	
}

#SubMenu a						/* submenu link color */
{
	color: #355DB0;
	text-decoration: none;
}

#SubMenu a:hover
{
	text-decoration : underline;
}

#SubMenu p.Label				/* submenu Zwischentitel */
{
	font-weight : bold;
	margin: 4px 0px 0px 0px;
}

#SubMenu p.DetailLabel
{
	margin: 0px;
	font-weight : bold;
}

#SubMenu p.Text
{
	clear : both;
	margin: 0px;
}

#SubMenu .dummyLink
{
	font-weight : bold;
	color: black;
}

#SubMenu .disabledLink
{
	color: Gray;
}
.news
{
	overflow: auto;
	height: 150px;
}
/*

******** styles for forms / fields ******** 

*/

fieldset
{
	border: 1px solid #3366CC;
	width: 760px;
	margin: 0px 0px 15px 0px;
	padding: 5px 5px 35px 5px;
}

fieldset.fieldset_index
{
	width: 270px;
	height: 180px;
}

fieldset.fieldset_index img
{
	margin-left: 20px;;
}

fieldset.fieldset_index a:hover
{
	background: #ffffff;
}

legend
{
	color: #355DB0;
	font-size: 11px;
	line-height: 1em;
	background: #E5E7EB;
	padding: 4px;
	border-top: 1px solid #3366CC;
	border-left: 1px solid #3366CC;
	border-right: 2px solid #3366CC;
	border-bottom: 2px solid #3366CC;
	margin: 0 0 10px 0;
}

input, select, textarea								/* style input fields */
{
	border: 1px solid #3366CC;
	background: #E5E7EB; 
	padding: 3px;
	margin: 0 0 1px 0;
}

input:focus, textarea:focus,						/* sets focus on selected field */ 
input:hover, textarea:hover  						/* IE needs hover, can't interprete focus */ 
{
	background: #FFFFFF;
}

input												/* size text fields  */
{
	width: 261px;
}
input[type=checkbox]       										/* size text fields  */
{
	width: 20px;
}
input[type=radio]       										/* size text fields  */
{
	width: 20px;
}

select												/* size select boxes */
{
	width: 172px;
}

textarea											/* size textarea */
{
	height: 70px;
	width: 365px;
}

input[name=offer__reqdeliverydate]
{
	width: 85px;
}

input[name=offer__reqdeliverytime], input[name=currency__rowid], select[name=currency__rowid]
{
	width: 65px;
}

#currentright, #openright						 	/*  width select roles: roleDetail.asp */
{
	width: 267px;
}

#translateFrom, #notTranslateFrom,					/*  width select translate: SupplierDetail.asp */
#SpecAreaOk, #NoSpecArea							/*  width select SpecArea: SupplierDetail.asp */
{
	width: 200px;
}

input[name=AgreeToOrderTerms]
{
	width: 20px;
}

table.Grid input									/* table counted characters  */
{
	width: 24px;
}

input[name=Tarif1], input[name=Tarif2], input[name=Tarif3], input[name=Tarif4],
input[name=Tarif5], input[name=Tarif6], input[name=Tarif7], input[name=Tarif8]
{
	width: 161px;
}

.MoveMultipleSelect									/* multiple select for supplier languages */
{
	border: 1px solid #3366CC;
	color: #555555;
	font-size: 1em;
	width: 120px;
}

.MoveArrowButton 									/* multiple select buttons for supplier languages */
{
    width: 30px;
    margin: 2px;
}

input[name=supplier__fileupload], input[name=supplier__vatupload], 
input[name=file__filename], input[name=TranslatedFile], input[name=filename]
{
	width: 350px;
}

#AbacusLaufnr
{
	width: 50px;
}

.SubmitButton										/* style and size submit button */
{
	height: 25px;
	width: 170px;
	color: black;
	background: #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #E7E6E6;
	border-left: 1px solid #E7E6E6;
	margin: 10px 0 0px 0;
}

.SubmitButton:hover									/* style and size submit button */
{
	background: #DCDCDC;
}

.SubmitButton[name=CANCEL]
{
	width: 95px;
}

select, input[type=checkbox], input[type=radio], 	/* Pointer finger, only FF */
input[type=button], input[type=submit]  
{
    cursor:    pointer;
}

/*

******** styles for tables ******** 

*/

table, tr
{
	margin: 0px;
	padding: 0px;
}

td 								/* Einzug bei Label innerhalb Tabelle */
{
	margin: 0px;
	padding: 0 20px 0 0;
}

table.Grid						/*  text within list reports  */
{
	margin: 10px 0 10px 0;
	border-collapse: collapse
}

Table.Grid th					/* Table title within list reports */

{
	background-color: #3366CC;
	border: solid black 1px;
	color: #FFFFFF;
}

Table.Grid th a					/* Table title within list reports: link for sorting */
{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

Table.Grid th a:hover			/* Table title within list reports: link for sorting */
{
	background: #3366CC;
}

Table.Grid td
{
	border: solid 1px ;
	padding: 2px;
}

Table.Grid Tr.GridOdd
{
	background-color: #ffffff;
}

Table.Grid Tr.GridEven
{
	background-color: #DDE1E5;
}

Table.Grid Tr.GridAlert
{
	background-color:  #FFA500; 
	cursor: pointer;
}

Table.Grid Tr.GridRed
{
	background-color:  #FF6347; 
	cursor: pointer;
}
Table.Grid Tr.GridGreen
{
	background-color:  #CAFF70; 
	cursor: pointer;
}
Table.Grid Tr.GridDarkGreen
{
	background-color:  #A2CD5A; 
	cursor: pointer;
}
td.Green
{
    color: DarkGreen;
}

Table.Grid Tr.GridOdd:Hover, Table.Grid Tr.GridEven:Hover	/* hover for rows */
{
	background-color: #64B2FF;
	cursor: pointer;
}

Table.Entry Td.Label 			/* margin within form tables */
{
	margin: 0px;
	padding: 0 10px 0 13px;
	white-space: nowrap;
}

Table.Entry Td.Data 
{

}

/*

******** help texts rollover ******** 

*/

a.HelpTextContainer 
{ 
	text-decoration: none;
}

/*a.HelpTextContainer img				set absolut not to distort tables rows 
{ 
	position: absolute;
}*/

a.HelpTextContainer:hover 
{
	border: none;
	text-decoration: none;
}

a.HelpTextContainer span
{
	width: 200px;
	padding: 5px;
	margin-top: -40px;
	margin-left: 15px;
	background: #F1FFBA;
	color: #555555;
	border: 1px solid #999999;
	display: none;
	font-size: 0.95em;
	z-index: 1;						/* set on uppest level  */
}

a.HelpTextContainer:hover span 
{
	position: absolute;
	display: inline;
}

/*

******** Error handling ******** 

*/

table.ErrorReport, table.UserError
{
	margin: -15px 0 -10px 0;
}

th.ErrorReport, th.UserError,
Td.ErrorReport, Td.UserError
{
	color: #FF4D24;
	text-align : left;
	font-weight : normal;
}

.DeleteButton
{
	color: #FF4D24;
}

.alarm, .Warning
{
	color: #FF4D24;
	font-weight: bold;
}
#WaitScreen
{
  margin-right:auto;
  margin-left:auto;
  width:600px;
  text-align: center;
  background-color: rgb(255, 255, 255);
  position:absolute;
  border: 2px rgb(51,102,204) solid;
  vertical-align: middle;
  clear:both;
  padding:40px;
  margin:auto;
}