.msg_td{ font-weight:bold}



<!--
.bold_orange {	font-family: Arial, Helvetica, sans-serif; text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	color: #FA9839;
}
a.bold_orange:visited{
color:#FA9839;
}
a.bold_orange:visited{
color:#FA9839;
}
-->


a.smalla:link{color:#747742}
a.smalla:visited {color:#747742; }

.smalla{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #747742;
	text-decoration:none;
}


a.smallblack:link{color:#666666}
a.smallblack:visited {color:#666666; }

.smallblack{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color:#000000;
	text-decoration:underline;
}


.font_nav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}
A.font_nav:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}
A.font_nav:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6600;
text-decoration:none;
}
A.font_nav:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}

/* ASH */ 

/*css kak as start*/
BODY {
	MARGIN-TOP: 0px; 
	/*FONT-SIZE: 11px; */
	COLOR:#FFFFFF 
	/*FONT-FAMILY: verdana,arial,helvetica,sans; */
	TEXT-DECORATION: none; vertical-align:top; 
	}
.title_Front { 

font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #ff7200;
font-weight:bold;
}
.font_paging { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;font-weight:bold;
}
.font_record { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#003300;
}
a.paging:link{color:#000000;}
a.paging:visited {color:#000000; }


a.plains:link{color:#000000; text-decoration:none; list-style:none}
a.plains:visited{color:#000000; text-decoration:none; list-style:none}

.font_smallblack {
font-family: Arial, sans-serif;
font-size:12px;
color:#000000;
}

.font_smallblack11 {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight: bold;
}

.font_smallblack3 {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.title_tipIT {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
font-weight: bold;}

.title_content {
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
color: #000000;
}

.text_abstrac {
font-family: Arial, Helvetice, sans-serif;
font-size:16px; font-weight:bold;

color: #898989;
}

.text_content{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16pt;
color:#000000;
}

.font_nav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}
A.font_nav:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}
A.font_nav:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6600;
text-decoration:none;
}
A.font_nav:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
}

.font_smallOrange {
font-family: Arial, sans-serif;
font-size:12px;
color:#ff7200;
}

.font_smallOrange2 {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#ff7200;
}

.font_bigRed {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#990000;
font-weight:bold;
}

.table_sponsor {
border-style:dashed;
color:#CCCCCC;
}

.table_content {
border-style:solid;
border-width:1px;
color:#CCCCCC;
}

.table_prod {
background:#fce565;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16pt;
color:#000000;
}
.table_prod1 {
background:#e6fa8d;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16pt;
color:#000000;
}

.table_highlight {
background:fcbe15;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16pt;
color:#000000;
}

.table_highlight1 {
background:bdde2b;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16pt;
color:#000000;
}

.table_price {
background:fbe695;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16pt;
color:#000000;
}

.table_price1 {
background:#FF9900;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16pt;
color:#000000;
}

.table_komen {
background:#FFFF99;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16pt;
color:#000000;
}


.form_plain { background-color:#CBDCE4;
border:1px solid #b2babc;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px;
}

.form_plain tr{text-align:left;}

A.leftnav{
	FONT-WEIGHT: none; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.leftnav:visited {
	FONT-WEIGHT: none; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.leftnav:hover {
	FONT-WEIGHT: none; FONT-SIZE: 12px; COLOR: #9e3b33; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: underline
}
A.leftnav:active {
	FONT-WEIGHT: none; FONT-SIZE: 12px; COLOR: #9e3b33; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: underline
}



/* END ASh */

/*  wik wiki end */



.font_standard_small {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#006699;
}

.font_standard {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666; text-decoration:none;
}

a.font_standard:link{color:#666666}
a.font_standard:visited {color:#666666; }
a.font_standard:hover{color:#666666; text-decoration:underline;}
a.font_standard:active {color:#666666; }




a:link {color:#0066CC;}     /* unvisited link */
a:visited {color:#0066FF;}  /* visited link */
a:hover {color:#000000;}   /* mouse over link */
a:active {color: #0066FF}   /* selected link */





  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
/* TOP LINK CSS */







.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color:#F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 100px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}

	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 120px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 130px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

/*Top level menu link items style*/

a:link.selected, a:visited.selected, a:hover.selected, a:active.selected{
color:#FF6600;
padding: 1px 5px;
border: 1px solid #000000;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(img/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(img/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* UNDER LINK CSS */


.arrowlistmenu{
width: 200px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 10px Arial;
color: white;
background: black url(img/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color:#0066FF;
background: url(img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%; 
}


.arrowlistmenu ul li a:visited{
color: #0066FF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #0066FF;
background-color:#FFFFCC;
}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}
/* CSS Document */

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
margin: 5px 5px;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
/*color: green;*/
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
/*color: red;*/
}


/* ARROW LONG */

.arrowlistlongmenu{
width: 700px; /*width of menu*/
}

.arrowlistlongmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(img/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistlongmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistlongmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistlongmenu ul li a{
color: #0066FF;
background: url(img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}


.arrowlistlongmenu ul li a:visited{
color: #0066FF;
}

.arrowlistlongmenu ul li a:hover{ /*hover state CSS*/
color: #0066FF;
background-color:#FFFFCC;
}
/* ARROW LONG */

/* box fro front */

.curlycontainerss{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
border-right-width:1;
}

/*end*/


/*BOX STYLE*/
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 250px; 
}

.curlycontainer .innerdiv{
background: transparent url(img/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

/*----------------*/


/* BOX LEFT*/
.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 370px; /* container width*/
background: transparent url(img/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdivs{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position:relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}

/*----------------*/

html, body{
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}





#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}
 
  
 /* STAR RATING */
 

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}

/*--------------------------*/

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



.header{ color:#666666; 
 text-align:left;  
 display:block; 
 width:250px; 
 font-weight:bold; 
 font-size:16px; 
 font-family: Helvetica;
}

.submore a{ 
 text-align:right; 
 font-size:11px; 
color: #0066FF;
text-decoration: none;
font-weight: bold;
}

.bluefont{ 

color: #0066FF;
text-decoration: none;
font-weight: bold;
}


/*select*/
#mrTable {
	width: 700px;
	border-collapse: collapse;
	}
#mrTable tr {
	cursor:default;
	text-decoration: underline;
	color:#000000;
	}
#mrTable tr:hover {
	color:#0000FF;
	}
	
	
	

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3  { 	
	font-family: Tahoma, Arial, sans-serif;
	width: 155px;	
	color: #8e5407; /*color: #4CAFC6;*/
	font-size: 13px;
	height: 77px;
	text-decoration: none;
	text-align: left;
	padding: 0 0 0 25px;
	background: url(img/h3.png) top left no-repeat;
	font-weight: bold;
	line-height: 75px;
	margin: 0;
	
}

.style1{
font:Arial, Helvetica, sans-serif; font-size:large;
}

#panel {
	background : #efefef;
	border : 2px solid #dfdfdf;
	border-bottom : 2px solid #cfcfcf;
	border-top : 2px solid #cfcfcf;
	height : auto !important;
	height : 1%;
	overflow : hidden;
	padding : 0 5em 2em 5em;
}
#panel div {
	padding : 2em 0 0 0;
}
div.left {
	left : -1em;
	float : left;
	position : relative;
	width : 100%;
}




#mainBody h4
{
    color:#00103E;
    background: #fff;
	font-size : 110%;
	border:1px solid #ccc;
	padding:2px 0px 2px 2px;
}

#mainBody table
{
    color:#00103E;
    background: #fff;
	font-size : 110%;
	border:1px solid #ccc;
	padding:2px 0px 2px 2px;
}
	
	
/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size:14px;
  font-weight: bold;
  color: #0066CC;
  
  
}

.post .title a:link {
  color: #0066CC;
} 

.post .title a:visited {
  color: #0066CC;
} 

.post .title a:hover {
  color: #000000;
} 



.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}


/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}


/* Headers */

.under  a:link {
    padding-bottom: 0.2em; text-decoration:none;
  color: #586B7A;
  border-bottom: 12px solid #ddd;
} 

.under  a:visited {
    padding-bottom: 0.2em; text-decoration:none;
  color: #586B7A;
  border-bottom: 12px solid #ddd;
} 

.under  a:hover {
  color: #000000;
} 



h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
  margin-bottom: 0.5em;
}


h1 {
  padding-bottom: 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 12px solid #ddd;
}

h2 {
  padding-bottom: 0.2em; text-decoration:none;
  color: #536C71;
  border-bottom: 12px solid #ddd;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}


/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}

  /* Content - More */
  #content {float:left; width:530px; _width:550px; margin:0; padding:0 0 0 20px;}
    #content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("img/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content .btn-more a:hover {background:url("img/btn_more.gif") -95px 0 no-repeat;}
	
	.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}


.greyborder{
  padding: 1px;
 /* font: 400 1em verdana, sans-serif;*/
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
  font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #ff7200;

}





/* FORM STYLE */

.grey_font{  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color:#333333;
  background: #EEE;
  
 }

label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,table.form,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background:#666666;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #8880 #888;
}

input.radio {
  background: none;
  border: 0px;
}


.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

/* AHAHA, PELIK */




/* NAVI FOR ADMIN */


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

/* END */




/* HOVER JAVASCRIPT */

.navtext {
width:235px;
font-size:8pt;
font-family:verdana;
border-width:2px;
border-style:outset;
border-color:#006BAE;
layer-background-color:#FFF6D9;
background-color:#FFF6D9;
color:black;
}


/**/




/*NAV*/



#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left; width:102px; 
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../img/pinkbg.gif) top right no-repeat;
border-top: 1px solid #CCCCCC; /*top border style*/
border-bottom: 3px solid #CCCCCC; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #F2F2F2; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover{
color: black;
background-image: url(../img/pinkbgover.gif); /*background image swap on hover*/
}



<!--[if IE]>

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}




/* Option with pict~ */
select.icon-menu option {
background-repeat:no-repeat;
background-position:bottom left;
padding-left:300px;
}

/*end option*/


/* STAR RATING */
 

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../img/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}

/*--------------------------*/

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

.line{
color:#FF9900;}


.tablecomm{
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background:#E9E9E9;
  border: 1px solid #CCC;
}