/*������������������-CONSTANT-������������������������*/
body, form, input, textarea, select, td, ul {
	margin:0px 0px 0px 0px; 				  			 	 
	padding:0px 0px 0px 0px; 
}
body {														  	
	background:#FFF;
}	




table {								 	  	  
	border-collapse:collapse;			 	 
	border:0px;	
	padding:0px 0px 0px 0px;
	
}									   
td {							       				  
	font:normal 12px Tahoma, Arial;							 
			  			  
	/*line-height:14px;*/
	color:#363636;
}										   	   
input, textarea, select{			     
	font:normal 11px Tahoma;			
	padding:1px 0px 0px 4px;		   
	vertical-align:middle;	
	color:#393737;
}		
ul {list-style:none;}
img {border:0px;}	

/*____________________________________________________*/
/*���������������������-MAIN-�������������������������*/

.base 			{}
.tail			{}
.main_table 	{width:766px;}
.sub_table		{width:719px;}
.main_pict {
	height:301px; 
	background:url(images/0bg1.jpg) 0 0 no-repeat;
}

/*____________________________________________________*/
/*���������������������-TEXT-�������������������������*/
a 		{color:#B22601; font:normal 11px Tahoma}	   
a:hover {text-decoration:none;}	
b 		{color:#3F8AC6; font:bold 11px Tahoma}
b a		{color:#313131; font:bold 11px Tahoma}
.nn a	{text-decoration:none;}
.nn a:hover {text-decoration:underline;} 
.t 		{color:#393737; font:normal 11px Tahoma}
.n 	{color:#565656; font:normal 11px Arial}
/*____________________________________________________*/
/*�������������������-INPUTS-�������������������������*/
.input, .ta{
	width:150px;
	height:17px;
	margin:0px 0px 6px 0px;
}
.ta {
	width:145px;
	height:94px;
	overflow:auto;
	margin:0px 0px 6px 0px;
}

/*____________________________________________________*/
/*���������������������-LINKS-������������������������*/
.rdmr{
	background:url(images/0blt2.jpg) 0 0 no-repeat;
	padding:0px 0px 0px 8px;
	color:#B22601;
	font:bold 9px Tahoma; 
}

/*____________________________________________________*/
/*����������������������-LISTS-�����������������������*/

li {
	list-style:none;
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
li a {
	background:url(images/0blt2.jpg) 0 0 no-repeat;
	padding:0px 0px 0px 8px;
	color:#B22601;
	font:bold 9px Tahoma; 
}

.w	{background:none !important}
/*_____________________________________________________*/
/*����������������������-HEADER-�����������������������*/
.header {
	height:82px;
}
.header_left {
	width:242px; 
	background:url(images/top.jpg) 0 0 no-repeat
}
.header_right {
	width:474px;
	height:249px;
	background:url(images/mpct.jpg) 0 0 no-repeat;
	color:#FFF;
	font:bold 9px Tahoma;
}
.header_right a{
	color:#FFF;
	font:bold 9px Tahoma;
}
.header_right div{
	padding:16px 0px 0px 30px;
}
.header .date {
	height:47px; 
	vertical-align:middle; 
	text-align:center;
	color:#9E9E9E;
	font:normal 10px Tahoma;
}
/*_____________________________________________________*/
/*����������������������-FOOTER-�����������������������*/

.footer {
	color:#5E5E5E; 
	font:normal 11px Tahoma;
	
	background:url(images/fbg.jpg) 0 0 repeat-x;
}
.footer a {
	color:#5E5E5E;
	font:normal 11px Tahoma;
}



/*_____________________________________________________*/
/*����������������������-������������������������������*/
.column1 {width:29px}
.column2 {width:344px}
.column3 {width:30px}
.column4 {width:343px}
.column5 {width:20px}

.form {margin:15px 0px 0px 0px;}
.form input {
	width:117px;
	height:21px;
	margin:2px 0px 0px 0px;
}
.form span {
	background:url(images/form_blt.gif) 0 0 no-repeat;
	padding:0px 0px 0px 6px;
}
.form span a{
	background:url(images/form_abg.jpg) bottom left repeat-x;
	padding:0px 0px 0px 0px;
	font:bold 9px Tahoma;
	color:#363636;
	text-decoration:none;
}
.form span a:hover{
	background:none;
}

.or {background:url(images/or_c.jpg) 0 0 repeat-x;}
.or table {background:url(images/or_l.jpg) 0 0 no-repeat; height:36px;}
.or table td {background:url(images/or_r.jpg) top right no-repeat; padding:10px 0px 0px 15px;}

.gr {background:url(images/gr_c.jpg) 0 0 repeat-x;}
.gr table {background:url(images/gr_l.jpg) 0 0 no-repeat; height:36px;}
.gr table td {background:url(images/gr_r.jpg) top right no-repeat; padding:10px 0px 0px 15px;}

.price td 	{font:normal 9px Tahoma;}
.price a 	{font:bold 9px Tahoma; color:#B22601}


.errorwindow{
	font-size:11px;
	width:400px;
	background-color: #FFEAEA;
	border: 1px solid #CC0000;
	color: #CC0000;	
	padding: 4px;
}



.hidden {
	DISPLAY: none
}
.user-actions {
	MARGIN: 10px 0px 0px 200px; WIDTH: 400px
}
.user-actions P {
	BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; PADDING-TOP: 10px
}
.user-actions P.bug A {
	COLOR: red
}
.user-actions P.reference A {
	COLOR: green
}
.user-actions A {
	BORDER-BOTTOM: 1px dashed; TEXT-DECORATION: none
}
#opaco {
	Z-INDEX: 5; POSITION: absolute; FILTER: alpha(opacity=70); BACKGROUND-COLOR: #000000; WIDTH: 100%; TOP: 0px; LEFT: 0px; moz-opacity: 0; -khtml-opacity: 0; opacity: 0
}
#popup {
	Z-INDEX: 10; POSITION: fixed; MIN-WIDTH: 300px; BACKGROUND-COLOR: #ffffff; TOP: 50%; LEFT: 50%
}
#popup H3 {
	MARGIN-BOTTOM: 10px
}
#popup TEXTAREA {
	WIDTH: auto; DISPLAY: block; MARGIN-BOTTOM: 10px
}
#popup P {
	LINE-HEIGHT: 1.3em; MARGIN: 10px; COLOR: #444444; FONT-SIZE: 1.1em
}
#popup .close-btn {
	MARGIN: 10px
}
DIV.bug {
	BORDER: #f99e33 5px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px;  PADDING-TOP: 10px
}
DIV.reference {
	BORDER-BOTTOM: #6ebd6e 5px solid; BORDER-LEFT: #6ebd6e 5px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP: #6ebd6e 5px solid; BORDER-RIGHT: #6ebd6e 5px solid; PADDING-TOP: 10px
}


.blue{
	color:#3F8AC6;
	font:bold 11px Tahoma
}








.menu{
	width:80%;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		width:20%;
		}
	.menu li a{
		
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		font-size:12px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #f99e33 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	
	
	.menu p{
		clear:left;
		}
		
.catalog_list td {
	padding:1px;
}

.catalog_list td a{
	font-size:12px;
}











.code {
	DISPLAY: none; 
}
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	
	font-size:14px;
	background-color:#fff;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/tools/img/tabs/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#3F8AC6;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

/***********************************************/

div.panes1 div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	
	font-size:14px;
	background-color:#fff;
}

/* root element for tabs  */
ul.tabs1 { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs1 li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs1 a { 
	background: url(/tools/img/tabs/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs1 a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs1 a:hover {
	background-position: -420px -31px;	
	color:#3F8AC6;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs1 a.current, ul.tabs1 a.current:hover, ul.tabs1 li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs1 a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs1 a.s:hover 	{ background-position: -553px -31px; }
ul.tabs1 a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs1 a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs1 a.l:hover 	{ background-position: -248px -31px; }
ul.tabs1 a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs1 a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs1 a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs1 a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes1 div.pane {
	display:none;		
}