/*#logo
{
	position:relative;
	width: 120px;
	height:25px;
	margin-top:10px;
	padding-right:10px;
	float:right;
	BACKGROUND-IMAGE: url('/images/tdk_logo.gif');
	BACKGROUND-REPEAT: no-repeat;
	z-index:99;
}*/
#strap{
	position:relative;
	width: 260px;
	height:25px;
	margin-top:15px;
	padding: 0;
	float:right;
	BACKGROUND-IMAGE: url('/images/tdk_strap.gif'); BACKGROUND-REPEAT: no-repeat;
}
#index{
	position:relative;
	width: 50px;
	height:25px;
	margin-top:10px;
	padding:0;
	float:right;
	clear:both;
}
#lang{
	position:relative;
	width: 300px;
	margin-top:10px;
	padding-left: 15px;
	float:left;
}
#top_header{
	position:relative;
	width: 1042px;
	height:0px;
	margin:auto;
	padding: 0;
	

}
#user{
	position:relative;
	width: 1030px; 
	margin:auto;
	padding-right: 10px;
}

#cssmenu{ clear:both;margin:0px;padding:0px;  position:relative;  }
#cssmenu ul {z-index:2; margin-top: 30px;  padding: 4px 6px 0;   line-height: 100%; border-radius: 1em; font: normal .8em/1.5em Arial, Helvetica, sans-serif;}
/* #cssmenu li {z-index:3; height:85px;  margin: 0 0px;padding-left:10px;padding-right:10px;padding-bottom:8px;    padding-top:35px; float: right; position: relative; list-style: none; background: url(images/line.png)  no-repeat left ; } */
#cssmenu a, 
#cssmenu  a:link {z-index:4; font-weight: bold; color: #000000;font-size:15px;text-decoration: none; display: block; margin-top:25px; }
#cssmenu li:hover li a { background: #000000; border: none;  color: #ffffff; font-size:11px; }
 
#y{
	position:relative;
	width: 200px;
	margin:0;
	padding:0;
	margin-top:25px;
	float:right;
	}
#fullname{
	position:relative;
	width: 135px;
	height:60px;
	margin:0;
	padding-top: 10px;
	float:right;
}

.Button2 {
Background: #D3D3D5;
border: 0px solid #afafaf;
cursor:hand;
}
.OnButton2 {
border: 0px solid #2a2067;
cursor:hand;
}
.OffButton2 {
Background: #D3D3D5;
border: 0px solid #afafaf;
cursor:hand;
}


.table_r {
Background: #efefef;
border: 1px solid #afafaf;
cursor:hand;
}
.SubCat
{
COLOR: #2a2067;
}

.Right_link
{
COLOR: #000000;
font-weight: bold;
}

.title_middle{
BORDER-WIDTH: 0px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px;
COLOR: #200401;
FONT-FAMILY: Arial; 
FONT-SIZE: 16px; 
}
td
{
vertical-align:top;
BORDER-WIDTH: 0px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px;
COLOR: #030303;
FONT-FAMILY: Arial; 
FONT-SIZE: 12px; 
}

.td_text
{
BORDER-TOP-WIDTH: 0px; 
BORDER-LEFT-WIDTH: 0px; 
BORDER-RIGHT-WIDTH: 0px; 
BORDER-BOTTOM-WIDTH: 0px;
PADDING-BOTTOM: 2px; 
PADDING-TOP: 2px;
PADDING-RIGHT: 7px;
PADDING-LEFT: 2px;
COLOR: #000000;
FONT-FAMILY: Arial; 
FONT-SIZE: 12px; 
}

.news_text
{
COLOR: #504e4f;
FONT-FAMILY: Arial; 
FONT-SIZE: 12px; 
}

.greeting
{
COLOR: #2a2067;
FONT-FAMILY: Arial; 
FONT-SIZE: 12px; 
font-weight: bold;
}

.td_white
{

PADDING-BOTTOM: 7px; 
PADDING-TOP: 7px;
PADDING-RIGHT: 7px;
PADDING-LEFT: 7px;
COLOR: #FFFFFF ;
FONT-FAMILY: Arial; 
FONT-SIZE: 12px; 
font-weight: bold;
}


.top_td
{
COLOR: #FFFFFF ;
FONT-FAMILY: Arial; 
FONT-SIZE: 12px; 
font-weight: bold;
border-bottom: 1px solid black;
BACKGROUND-COLOR: ivory;
}

.product
{
BACKGROUND-IMAGE: url('/images/rekaSowProd.jpg'); BACKGROUND-REPEAT: no-repeat;
}


.buttons
{
BACKGROUND-IMAGE: url('/images/btn.gif'); BACKGROUND-REPEAT: repeat-x
}

.under_buttons
{
BACKGROUND-COLOR: #F3F3F3;
}

.right_side
{
BACKGROUND-COLOR: #162731;
}

.title_text
{
BORDER-TOP-WIDTH: 2px; BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 2px;
PADDING-BOTTOM: 0px; COLOR: #734687; PADDING-TOP: 0px;
FONT-FAMILY: Arial; FONT-SIZE: 13px; font-weight: bold; 
}

.title_right
{
padding-right:60px; padding-bottom:5px;
COLOR: #FFFFFF;
FONT-FAMILY: Arial; FONT-SIZE: 15px; font-weight: bold; 
}

.hr_middle
{
PADDING-left: 10px;  PADDING-right: 10px; 
}

hr
{
color: #F3F3F3;
height: 2px;
}

.link1 {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; TEXT-DECORATION: none;
}

.link_news A:link {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
.link_news A:visited {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
.link_news A:active {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
.link_news A:hover {
	COLOR: #F5F5F5; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}



.link_down A:visited {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}

.link_down A:link {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}

.link_top A:visited {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}

.link_top A:link {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}

A:link {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
A:visited {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
A:active {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
A:hover {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}


.BigMenu A:link {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; TEXT-DECORATION: none
}
.BigMenu A:visited {
	COLOR: #339900; FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; TEXT-DECORATION: none
}
.BigMenu A:active {
	COLOR: black; FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; TEXT-DECORATION: none
}
.BigMenu A:hover {
	COLOR: black; FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; TEXT-DECORATION: none
}




.link_h A:link {
	COLOR: black; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: underline
}
.link_h A:visited {
	COLOR: black; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: underline
}
.link_h A:active {
	COLOR: #734687; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: underline
}
.link_h A:hover {
	COLOR: #734687; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: underline
}

.links_bottom A:link {
	COLOR: #5E380E; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
.links_bottom A:visited {
	COLOR: #5E380E; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
.links_bottom A:active {
	COLOR: #5E380E; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}
.links_bottom A:hover {
	COLOR: #225522; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; TEXT-DECORATION: none
}


#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;
color: white;
font-weight: bold;
}

.btn_b{background-color:#734687; border: solid 1 gray; color: white;}

#dropmenudiv a:hover{ /*hover background color*/
background-color: gray;
}

.textLogo
{
COLOR: #31285d;
FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; 
}

.textLogo1
{
COLOR: #31285d;
FONT-FAMILY: Arial; FONT-SIZE: 16px; font-weight: bold; 
}


.menuRight
{
COLOR: #2a2067;
FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; 
}

.menuRight1
{
COLOR: #ffffff;
FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; 
}

.menu_new
{
COLOR: #000000;
FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; 
}

.menu_top
{
COLOR: #FFFFFF;
FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
Background: #e6e7d9;
padding:2px;
}


.menu_row
{
COLOR: #ffffff;
FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 

}

.tbl_top
{
COLOR: #2a2067;
FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
Background: #efefef;
border: 1px solid #cfcfcf;
}

.tbl_border
{
border: 1px solid #cfcfcf;
}


.home_table
{
COLOR: #2a2067;
FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; 
Background: #E5E5E7;
border-bottom: 1px solid #cfcfcf;
}

.link_table
{
border-bottom: 1px solid #afafaf;
}

.input
{
Background: #fefefe;
border: 1px solid #afafaf;
}


.titles2
{
padding-right:4px;
COLOR: #FFFFFF;
FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
Background: #ca142b;
border: 1px solid #afafaf;
}

.titles
{

COLOR: #000000;
FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
Background: #D3D3D5;
border: 1px solid #afafaf;
}

.deleterr{ 
	position:relative;
	top:0px;
    height: 24px;
	width:80px;
	BACKGROUND-color: #cccccc;
 
	FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
	COLOR: #000000;
}

.button{
	position:relative;
	top:0px;
    height: 24px;
	
	BACKGROUND-color: #cccccc;
	
	FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
	COLOR: #000000;
}

.update{
	position:relative;
	top:0px;
    height: 24px;
	width:150px;
	BACKGROUND-color: #cccccc;
	
	FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
	COLOR: #000000;

}

.XELbutton{
	position:relative;
	top:0px;
    height: 24px;

	FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
	COLOR: #000000;
}

.menuProduct
{
COLOR: #2a2067;
FONT-FAMILY: Arial; FONT-SIZE: 18px; font-weight: bold; 
}

.menuShowProduct
{
COLOR: #2a2067;
FONT-FAMILY: Arial; FONT-SIZE: 16px; font-weight: bold; 
}

.price
{
COLOR: #ca142b;
FONT-FAMILY: Arial; FONT-SIZE: 14px; font-weight: bold; 
}

.priceS
{
COLOR: #302571;
FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; 
}
div#Block1
{
	padding-top:5px;
	padding-right:5px;
	height:250px;
	float:right;
}
input.btn {   
   width:150px;
   color:#ffffff;   
   font: 'trebuchet ms',Arial;   
   background-color:#016e2b;   
   border: #a0cdec 1px solid;   
   cursor:hand;
   border-color: #a0cdec #a0cdec #a0cdec #a0cdec;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#016e2b',EndColorStr='#016e2b');   
 } 
 
 input.btnOLD {   
   width:120px;
   color:#ffffff;   
   font: 'trebuchet ms',Arial;   
   background-color:#00115f;   
   border: #e6ffff 1px solid;   
   cursor:hand;
   border-color: #e6ffff #e6ffff #e6ffff #e6ffff;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#00115f',EndColorStr='#00115f');   
 } 
 
 div#indexDEV
{
	width:361px;
	height:285px;
	/*background-image:url('/images/MainIndex.jpg');*/
	border:solid 1px yellow;
}

div#newsDev
{
	/*padding-top:5px;*/
	/*padding-right:41px;*/
	width:361px;
	height:137px;
	float:right;
}

div#coursesDev
{
	padding-top:7px;
	padding-right:41px;
	width:318px;
	height:137px;
	float:right;
}

.rightMenuBG
{
    text-align: center;
   	BACKGROUND-COLOR: #e6e7d9;
}

.courseTitle
{
	COLOR: #016e2b;
	FONT-FAMILY: Arial; FONT-SIZE: 16px; font-weight: bold; 
}

.courseDesc
{
	COLOR: #0c165e;
	FONT-FAMILY: Arial; FONT-SIZE: 12px; /*font-weight: bold; */
}

.courseDescNotBold
{
	COLOR: #0c165e;
	FONT-FAMILY: Arial; FONT-SIZE: 12px;
}

.search_top
{
BORDER-WIDTH: 0px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px;
COLOR: #030303;
FONT-FAMILY: Arial; 
FONT-SIZE: 12px; 
}

	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}

	
.login h1 {
	background: url(../images/login_header.png) no-repeat;
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.login p {
	padding: 0 1em 0 1em;
	}
	
	
	
.login-form {
	text-align: left;
	float: left;
	width: 60%;
}

.login-text {
	text-align: left;
	width: 40%;
	font-size : 12px;
	font-family: arial;	
	float: left;
}




/* -------------------------------------------------      */

/*** Main Nav Styles, Document version 1.1 ***/
/* Based on Superfish Jquery plugin 



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.2em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			19em; 		/* left offset of submenus need to match (see below) */
}

	.sf-menu ul.last {
		position:		absolute;
		top:			-999em;
		width:			17em; 	/* left offset of submenus decreased for last dropdown only */
	  	text-align:right; /* */
		}
	.sf-menu ul.last a {
		padding-right: 10px !important; /* if using text-align:right above, this then lines up links  */
		}
	
	
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		99;
}

	.sf-menu li:hover ul.last,     /* last menu only, make dropdown from rhs to avoid horizontal scroll */
	.sf-menu li.sfHover ul.last {
		left:			auto;
		right			:0;   /* use -21px; to be flush with the rhs of the screen */
		top:			35px; /* match top ul list item height */
		z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			19em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			19em; /* match ul width */
	top:			0;
}




/*** SKIN STYLES ***/
.sf-menu {
	float:			left;
	font-size:		0.92em;
	background: 	#0066b2;	/*  blue !!!! */
	}

.sf-menu a.nav_img {
	border-left:	none;
	border-right:	none;
	border-top:		3px solid white;  	/* commeting out this line and.... */
	padding: 		0 !important;
	padding-top:	0px !important; 	/*... setting this to 3px provided a nice black bar effect above the nav on hovver */
	border-bottom:	none;
	margin-right:	0px !important;    	/* set to zero here since we're not using drop arrows on top nav */
	overflow:hidden;
	color: #333333 !important;
	}





/* rhs problem fix  */ 
.sf-menu a.nav_img:focus, .sf-menu a.nav_img:hover, .sf-menu a.nav_img:active {
	background: #000000 !important;
	outline:		0;
	}



.sf-menu a {
	border-left:	1px solid #222222; 
	border-bottom:	1px solid #222222;
	padding: 		.65em 1em;
	padding-right: 20px !important;
	text-decoration:none;
	color:#FFFFFF !important;
	font-weight:normal !important;
	text-decoration:none !important;

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}

/*  need to include these otherwise ie6 throws a 'sticky' wobbley */
.sf-menu li {
	background:		#fff;  	/*top level nav bg color: blue 0066b2*/
}
.sf-menu li li {
	background:		#000000;	/*flyout nav bg color: black */
}
.sf-menu li li li {
	background:		#000000;	/*flyout nav bg color: black */
}


		/* attempted fix to one pixel see through problem */
		
		.sf-menu li ul {
			background:		#000000;	/*flyout nav bg color: black */
		}
		.sf-menu li ul li ul {
			background:		#000000;	/*flyout nav bg color: black */
		}
		/* end fix attempt */




.sf-menu li:hover, .sf-menu li.sfHover,  /*           since lhs and rhs images are now in the list */
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #626161 url("../images/nav/bg_hover.gif") bottom repeat-x !important;
	outline:		0;
}

/*** arrows **/

/** bg positions
	  0	0		right arrow
	-10	0		right arrow selected
	  0	100		down arrow
	-10 100		down arrow selected
**/


.sf-menu a.sf-with-ul {
	padding-right: 	0;  	/* default is 2.25em to leave clear room for auto down arrows on top nav */
	min-width:		1px; 	/* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			0.92em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/nav/arrows.png') no-repeat -10px -50px;  /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -50px;  /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -50px;  /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: #000000;
	border-bottom: 2.2em solid #111111;	/*272727*/
	padding: 0 0 0 0;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
}
.sf-shadow ul.sf-shadow-off {
	background: #000000; 
}

.sf-menu ul ul {
	border-top: 1.2em solid #272727;  
	}

.myButt {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:26px;
	font-weight:bold;
	padding:7px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}

.myButtSmall {
	background-color:#1d84f2;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #1d84f2;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:24px;
	padding:0px 38px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}

.myButtSmallGreen {
	background-color:#40e738;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #40e738;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:24px;
	padding:0px 38px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
}