body
{
  background: #eeeeee;
  font-family: verdana;
  font-size: 10px;
}
a
{
	color: #ffffff;
	text-decoration: none;
}
img
{
	border: none;
}


table.layout
{
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

table.layout td
{
  width: 33%;
  height: 33%;
  text-align: center;
  vertical-align: middle;
}
table.layout td.container
{
	border: 1px solid #cccccc;
	padding: 3px;
	background: #ffffff;
	height: 500px;
	vertical-align: top;
}

table.main
{
  width: 820px;
}
	table.main td.head
	{
	  height: 52px;
	  text-align: left;
	  padding: 12px;
	}
	table.main td.head table
	{
	  width: 100%;
	}
	table.main td.head table td
	{
	  text-align: left;
	}
	table.main td.head table td.flags
	{
	  text-align: right;
	  vertical-align: bottom;
	  padding-bottom: 0px;
	}
	
	table.main td.body
	{
	  padding: 12px;    
		vertical-align: top;
		height: 366px;
	}
	table.main td.squares
	{
		text-align: right;
		vertical-align: middle;
		background-image: url(images/dots_h_BG.gif);
		background-repeat: repeat-x;
		background-position: top;
	}
table.menu
{
  font-size: 10px;
  height: 19px;
  background: #A00000;
  width: 100%;
  color: #ffffff;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
table.menu td
{
	width: auto;
	text-align: left;
	padding-left: 5px;	
	padding-right: 5px;
}
	table.start
	{
	  height: 20px;
	  font-size: 10px;
	}
	table.start td
	{
		vertical-align: top;	
	}
	table.start td.vDots
	{
		background: url(images/dots_v_BG.gif);
		background-repeat: repeat-y;
		background-position: center;
	}
	table.start td.banner
	{
		background: #A00000;
		height: 60px;
		padding: 0px;
		font-size: 0px;
	}
	/* main */
	table.start td.panel01
	{
		width: 118px;
		background: #A00000;
		padding-top: 3px;
	}
	table.start td.panel02
	{
		width: 118px;
		background: #EBE9E9;
		padding-top: 3px;
	}
	table.start td.panel03
	{
		width: 110px;
		background: #EBE9E9;
		padding-top: 0px;
	}
		p.catOnLine
		{
			background: #a00000;
			border-top: 1px solid #000000;
			border-bottom: 1px solid #000000;
			color: #ffffff;
			padding-top: 3px;
			padding-bottom: 3px;
			width: 100%;
			margin: 0px;
		}
		p.rabat
		{
			/*background: #FFFFCC;*/
			background: #FFFFff;			
			margin: 0px;
		}
		input.login
		{
			width: 88px;
			height: 16px;
			border: 1px solid #C9C7C7;
			font-size: 11px;
		}
		
		
		input.ok
		{
			border: 1px solid #999999;
			height: 16px;
			font-size: 10px;	
			background: #bbbbbb;
			width: 88px;
		}
		
		table.loginPanel td
		{
			font-size: 10px;
			text-align: left;
			padding-top: 2px;
			padding-left: 6px;
			padding-right: 6px;
		}
		table.loginPanel td.err
		{
			text-align: center;
			color: #800028;
			padding-top: 8px;
		}		
		table.loginPanel td.err a
		{
			color: #a00000;
			text-decoration: underline;
		}

	table.start td.leftMenu
	{
		text-align: right;
		color: #999999;	
		height: 220px;
	}
	  table.start td.leftMenu a
		{
			color: #666666;
			line-height: 18px;
		}
		table.start td.leftMenu a:hover
		{
			color: #A00000;
		}
	
		
	table.start td.panel04
	{                          
		text-align: right;
		color: #999999;
	}	
		p.title
		{
			font-size: 11px;
			margin: 0px;
		}	
		
		
	table.start td.body01
	{
		background: #Eeeeee;
		padding: 10px;
		vertical-align: top;
		height: 210px;
	}
	table.start td.banner01
	{
		text-align: left;
	}	
		p.textBlack
		{
			padding: 12px;
			margin: 0px;
			padding-bottom: 0px;
		}
		p.textPurple
		{
			color: #AB004F;
			padding: 12px;
			padding-top: 0px;
			margin: 0px;
		}
	table.start td.body02 
	{
		background: #ffffff;		
	}
		table.grid td
		{
			vertical-align: top;
			width: 25%;
		}
		
  table.start td.header01
	{
		background: #ffffff;		
		text-align: left;
	}
	
	
	table.form td
	{
		text-align: left;
		font-weight: bold;
		font-size: 11px;
		padding: 1px;
	}
	table.form td.msgErrors
	{
	  font-size: 9px;
	  color: #a00000;
	  font-weight: normal;
	}
	table.formSent td
	{
		height: 280px;
		font-size: 11px;
	}

		
		 
table.under
{
	width: 100%;
}
	
/* popup  */
table.work
{
	width: 100%;
	height: 100%;
}

table.work td.title
{
	background: #000000;
	text-align: right;
	height: 8%;
}
table.work td.body
{
	background: #ffffff;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #000060;
	height: 78%;
	padding: 20px;
}
table.work td.footer
{
	background-color: #ffffff;
	background-image: url(images/CornerBG.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 16%;
}
table.app td
{
	font-size: 9px;	
}

	
/*  misc */

input
{
	width: 120px;
}

input.input
{
  border: 1px solid #dddddd;
}


.submit
{
	width: auto;
	background: #eeeeee;
	border: 2px solid #000000;
	font-weight: bold;
	font-size: 10px;
}
textarea
{
	width: 260px;
	height: 60px;
	border: 1px solid #dddddd
}


div.banna
{
	width: 109px;
	height: 60px;
	border: 1px solid #bbbbbb;
	background: #cccccc;
	text-align: center;
}	

div.map
{
  width: 320px;
  height: 320px;
  position: absolute;
  visibility: hidden;
}

div.theDiv
{
	color: #A00000;
	visibility: hidden;
}
p.subTitle
{
	margin: 0px;
	color: #000000;
	font-weight: bold;	
}

span.imp, span.err
{
	color: #a00000;
	font-weight: bold;
}
