/*body, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

* {
    margin: 0;
    padding: 0;
}

form {
    margin: 1em;
}
*/

h2 {
    font-size: 130%;
    font-weight: normal;
    margin: 1em;
}


input.button {
    padding-left: 10px;
	padding-right:4px;
    margin-right: 10px;
    border: 0;
    background: #fff url(../images/btn_bg.png) no-repeat;
    color: #fff;
	font-weight:bold;
	font-size:15px;
    height: 31px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

input.button1 {
    padding-left: 10px;
	padding-right:4px;
    margin-right: 10px;
    border: 0;
    background: #fff url(../images/btnblack_bg.png) no-repeat;
    color: #fff;
	font-weight:bold;
	font-size:12px;
    height: 24px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.buttonEnding {
    position: absolute;
    display: inline;
    margin-left: -10px;
    width: 7px;
    height: 31px;
    background: url(../images/btn_bg.png) no-repeat right;
}

.buttonEnding1 {
    position: absolute;
    display: inline;
    margin-left: -10px;
    width: 7px;
    height: 24px;
    background: url(../images/btnblack_bg.png) no-repeat right;
}

.button_widthcss	{width:230px;}


/* tab css
**************************************************************************************************************/

#menu-top			{float:left;}
#menu-top ul 		{padding: 0 0 0 0; margin: 0 0 0 0; list-style: none;/*float: left;*/}
#menu-top li 		{display: inline;float: left;}
#menu-top a 		{float: left; background:url(../images/pack_tab_off.gif) no-repeat left bottom;	margin:0 1px 0 0; margin-bottom:0px; padding:0 0 0px 8px;text-decoration: none; font:bold 11px Trebuchet MS;}
#menu-top a span 	{background: transparent url(../images/pack_tab_off.gif) repeat-x bottom;	padding:3px 15px 3px 6px;
					display: block; float: left;	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
#menu-top a span 	{background: transparent url(../images/pack_tab_off.gif) no-repeat right bottom;	padding:10px 8px 5px 2px;
	color:#ffffff;	display: block;	float: left; height:18px; font:bold 11px arial;	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
#menu-top a:hover 	{background:url(../images/pack_tab_on.gif) no-repeat left bottom; color:#000000;}
#menu-top a:hover span {background:url(../images/pack_tab_on.gif) no-repeat right bottom; color:#000000;}

#menu-top a.active 	{background:url(../images/pack_tab_on.gif) no-repeat left bottom; color:#000000;}
#menu-top a.active span {background:url(../images/pack_tab_on.gif) no-repeat right bottom; color:#000000;}

.bg_grey			{background:#f9f9f9; border:solid 1px #929292; padding:10px;}