html, body {
		margin : 0;
		padding : 0;
		width : 100%;
		height : 100%;
		
		min-width : 960px;
		width : expression(document.body.clientWidth < 960? "960px": "auto" );
		
		background : #000;
	}
/*
         * { -webkit-user-select:none; -moz-user-select:none }
text_about { -webkit-user-select : normal; -moz-user-select : normal; }
*/
body {
		position : relative; min-height : 100%; height : auto !important;
		height : 100%; font-family : verdana,arial,sans-serif;
	}

a { text-decoration : underline; }
a:hover { text-decoration : none;}

p { margin : 5px 0 15px 0px; padding : 0px; }

h4 { font-size: 14px; margin:40px 0 5px 25px; font-weight : normal; }

#header { width: 100%; height: 65px;  }
#content { padding-bottom: 73px; }

i.floatbreaker { display : block; font-size : 1px; height : 1px; margin-top : -1px; clear : both; line-height: 1px;}

/* MENU STYLE SHEETS */
div#menu {  width : 100%; background : #000; border-bottom : 1px solid #4d4d4d; height : 35px; }
div#menu .layout { position : relative; left : 50%; margin-left : -480px; width : 960px; heighty : 35px; }

div#menu .auth { float : right; font-size : 11px; padding : 12px 10px 0 0; }
div#menu .auth a { color : #96a5a9; text-decoration : none; }
div#menu .auth a:hover  { color : #fff; } 
div#menu .auth a:hover span { border-bottom : 1px dashed #fff; } 

div#menu ul { padding : 0px; margin : 0px; }
div#menu ul li { display : block; float : left; color : #fff; height : 22px; margin-top : 11px; }
div#menu ul li span { display : none; }
div#menu ul li a { display: block; height : 22px; }

/* NOT ACTIVE MENU */
div#menu .one a		{ width : 56px ;    background : url(../img/menu.gif) 0px 0px; }
div#menu .two a			{ width : 114px ; background : url(../img/menu.gif) -56px 0px; }
div#menu .three a		{ width : 113px ; background : url(../img/menu.gif) -170px 0px; }
div#menu .four a		{ width : 101px ; background : url(../img/menu.gif) -283px 0px; }
div#menu .five a			{ width : 166px ; background : url(../img/menu.gif) -384px 0px; }
div#menu .six a			{ width : 137px ; background : url(../img/menu.gif) -550px 0px; }
div#menu .seven a	{ width : 64px ; background : url(../img/menu.gif) -687px 0px; }

/* PURPLE HOVER */
div#menu .one a.active		{ width : 56px ;   background : url(../img/menu.gif) 0px -66px; }
div#menu .two a.active 		{ width : 114px ; background : url(../img/menu.gif) -56px -66px; }
div#menu .three a.active 	{ width : 113px ; background : url(../img/menu.gif) -170px -66px; }
div#menu .four a.active		{ width : 101px ; background : url(../img/menu.gif) -283px -66px; }
div#menu .five a.active 		{ width : 166px ; background : url(../img/menu.gif) -384px -66px; }
div#menu .six a.active		{ width : 137px ; background : url(../img/menu.gif) -550px -66px; }
div#menu .seven a.active	{ width : 64px ; background : url(../img/menu.gif) -687px -66px; }

/* PURPLE HOVER */
div#menu .one a:hover 		{ width : 56px ;   background : url(../img/menu.gif) 0px -44px; }
div#menu .two a:hover 		{ width : 114px ; background : url(../img/menu.gif) -56px -44px; }
div#menu .three a:hover 	{ width : 113px ; background : url(../img/menu.gif) -170px -44px; }
div#menu .four a:hover 		{ width : 101px ; background : url(../img/menu.gif) -283px -44px; }
div#menu .five a:hover 		{ width : 166px ; background : url(../img/menu.gif) -384px -44px; }
div#menu .six a:hover 		{ width : 137px ; background : url(../img/menu.gif) -550px -44px; }
div#menu .seven a:hover 	{ width : 64px ; background : url(../img/menu.gif) -687px -44px; }

/* BLUE HOVER - COLD VERSION BONUS PACK =) */
div#menu.cold .one a:hover 		{ width : 56px ;   background : url(../img/menu.gif) 0px -22px; }
div#menu.cold .two a:hover 		{ width : 114px ; background : url(../img/menu.gif) -56px -22px; }
div#menu.cold .three a:hover 	{ width : 113px ; background : url(../img/menu.gif) -170px -22px; }
div#menu.cold .four a:hover 		{ width : 101px ; background : url(../img/menu.gif) -283px -22px; }
div#menu.cold .five a:hover 		{ width : 166px ; background : url(../img/menu.gif) -384px -22px; }
div#menu.cold .six a:hover 		{ width : 137px ; background : url(../img/menu.gif) -550px -22px; }
div#menu.cold .seven a:hover 	{ width : 64px ; background : url(../img/menu.gif) -687px -22px; }

/* CONTAINER STYLE SHEETS */
#content .layout { position : relative; left : 50%; margin-left : -470px; width : 940px; }
.logo_black { width : 286px; height : 118px; background : url(../img/logo_black.jpg); }
.logo_sharapova { width : 288px; height : 122px; background : url(../img/logo_sharapova.png); }
.logo_promo { width : 287px; height : 118px; background : url(../img/logo_promo.gif); }
.text_about { margin : 40px 0 0 180px; font-size: 13px; width : 400px; }

.text_about a { color: #fff;}

/* FOOTER STYLE SHEETS */
#footer { height: 75px; width: 100%; position: absolute; left:0; bottom: 0; overflow : hidden; }
#footer .layout { position : relative; left : 50%; margin-left : -290px; width : 100%; padding: 5px 0 5px 0; }
#footer #services { padding : 0;margin : 0; }
#footer #services li { display : block; float : left; margin-right : 5px; cursor : pointer; cursor : hand; }
#footer #services a { display : block; cursor : pointer; cursor : hand; }
#footer #services span { display : none; }
#footer #services .fb a { width : 22px; height : 21px; background : url(../img/ico_fb.png) no-repeat; }
#footer #services .tw a { width : 22px; height : 21px; background : url(../img/ico_tw.png) no-repeat; }
#footer #services .lj a { width : 23px; height : 21px; background : url(../img/ico_lj.png) no-repeat; }
#footer #services .vk a { width : 23px; height : 21px; background : url(../img/ico_vk.png) no-repeat; }
#footer .hint { display : block; float : left; padding : 4px 0 0 5px; color : #fff; font-size : 11px; }
#footer .info { border-top : 1px solid #4d4e4f; padding : 10px 0 0 0; margin : 10px 0 5px 0; color: #657075; font-size : 11px; }
#footer .info a { color: #657075; }

body#ronaldo_page 						{ background: #000 url(../img/index-ronaldo.jpg) top center no-repeat; }
body#ronaldo_page .text_about 	{ color: #86979f; }

body#sharapova_page								{ background: #000 url(../img/index-sharapova.jpg) top center no-repeat; }
body#sharapova_page .text_about 			{ color: #b2acaf; width : 370px; }
body#sharapova_page #footer .info 		{ color: #74656d; }
body#sharapova_page #footer .info a 	{ color: #74656d; }

#more_goals { 
		position : absolute; width : 198px; background : url(../img/_more_goals.png) no-repeat; padding-top : 0px; text-align : center;
		left : -50px;top : 315px; padding-right : 20px;
	}
#more_goals img { border:0;}	
#stamp { 
		position : absolute; width : 218px; background : url(../img/_stamp.png) top center no-repeat; padding-top : 135px; text-align : center;
		left : -50px;top : 405px; padding-right : 0px;
	}

#more_goals a,
#stamp a { font-size : 12px; color : #fff; }

#leftblock { float:left; width: 300px; }
#rightblock { float:right; width: 602px; }

#rating { color : #fff; }
#rating h4 { padding-left : 55px; }
#rating ol { padding: 0px 0px 0px 80px; _padding: 0px 0px 0px 40px; font-size : 9px; color : #475155;_margin-top: 0px; }
#rating ol { padding: 0px 0px 0px 80px; _padding: 0px 0px 0px 40px; font-size : 9px; color : #475155; }
#rating ol li { padding: 2px 0px 3px 0px; background : url(../img/rating_separator.gif) bottom center no-repeat; }
#rating ol li span { font-size : 11px; color : #7e898e; }
#rating ol li .points { float : right; display : block; width:40px;text-align : left; }

#bestscore { color : #fff; padding : 30px 0px 0px 80px; _padding : 20px 0px 0px 80px; }
#bestscore .myscore { position : absolute; font-size : 44px; margin : -25px 0px 0px -105px; text-align : right; width: 100px;border:0px #f00 solid; }
#bestscore .legend { font-weight : bold; font-size : 18px; display : block; }
#bestscore .legend_second { font-size : 12px; }
#bestscore .total { font-size : 12px; color : #7e898e; padding-top : 5px; }

#promo_game #rightblock h1 { height: 137px; font-size: 50px; font-weight : norma; background : url(../img/_ball.jpg) 1px 0px no-repeat; margin : 0px; }
#promo_game #rightblock h1 span { display : none; }
#promo_game #rightblock img { border: 1px solid #53545a; }


#promo { background : url(../img/promo.jpg) top center no-repeat; }
#promo h1 { 
		margin-left : -10px; margin-top : 40px; background : url(../img/promo_header.jpg); 
		width : 416px; height : 41px; 
	}
#promo h1 span { display : none; }
#promo h2 { 
		color : white; float : left; font-weight : normal; font-size : 18px;
		text-transform : uppercase; margin : -6px 5px 0px 0px; height : 20px;
	}
#promo p  { margin-left : 75px; color : #7e898e; font-size : 12px; padding-bottom : 10px; }
#promo p a { color : #fff; }
#promo .pot_legend { float : left; padding : 10px 5px 5px 0px; width : 120px; font-size : 10px; }

#promo .buttons a { 
		display : block; float : left; background : #b30c00; color : #fff;
		text-transform : uppercase; font-size : 14px; padding : 5px 10px; 
		margin : 0px 10px 0px 0px; text-decoration : none;
	}



#rightblock { color : #7e898e; }
#rightblock h4 { color : #fff;padding-left:15px; }
#rightblock ol { font-size : 11px; margin:0px; }
#rightblock ol li { padding-top: 2px; }


/* SUBMENU SPECAILS (àêöåå) */
	div#menu  #submenu_spec { 
			position : absolute; height : 23px; width : 629px; background : url(../img/submenu_line.png) bottom center no-repeat;
			padding-left : 300px; z-index :  10; margin: 40px 0px 0px -300px;
		}
		
	div#menu  #submenu_spec li { margin: 0px; }
	div#menu  #submenu_spec .one a 		{ width : 94px ; background : url(../img/submenu_spec.gif) 0px -0px; }
	div#menu  #submenu_spec .two a 		{ width : 113px ; background : url(../img/submenu_spec.gif) -94px -0px; }
	div#menu  #submenu_spec .three a	{ width : 156px ; background : url(../img/submenu_spec.gif) -207px -0px; }

	div#menu #submenu_spec .one a:hover 	{ width : 94px ; background : url(../img/submenu_spec.gif) 0px -44px; }
	div#menu #submenu_spec .two a:hover 	{ width : 113px ; background : url(../img/submenu_spec.gif) -94px -44px; }
	div#menu #submenu_spec .three a:hover	{ width : 156px ; background : url(../img/submenu_spec.gif) -207px -44px; }

	div#menu.cold   #submenu_spec .one a:hover 		{ width : 94px ; background : url(../img/submenu_spec.gif) 0px -22px; }
	div#menu.cold   #submenu_spec .two a:hover 		{ width : 113px ; background : url(../img/submenu_spec.gif) -94px -22px; }
	div#menu.cold   #submenu_spec .three a:hover	{ width : 156px ; background : url(../img/submenu_spec.gif) -207px -22px; }

	div#menu.cold   #submenu_spec .one a.active 		{ width : 94px ; background : url(../img/submenu_spec.gif) 0px -66px; }
	div#menu.cold   #submenu_spec .two a.active		{ width : 113px ; background : url(../img/submenu_spec.gif) -94px -66px; }
	div#menu.cold   #submenu_spec .three a.active	{ width : 156px ; background : url(../img/submenu_spec.gif) -207px -66px; }
	
		
		
		/*   ÐÅÃÈÑÒÐÀÖÈß    */

.afisha .logo_black,
.page_reg .logo_black,	
.afisha .logo_sharapova,
.page_reg .logo_sharapova { float:left; }		
.afisha h1,
.page_reg h1 { float:left; color : #fff; font-weight : normal; margin : 85px 0 0 50px; }
 
.page_reg form br { display : block; clear : both;}
.page_reg form label { 
		display : block; color : #FFF; float : left; width : 175px; font-size : 14px;
		padding: 8px 5px 0 0; text-align : right;
	}
.page_reg form input.text { 
		display : block; float : left; border : 1px solid #4e545a; color : #FFF; padding: 5px; 
		width : 290px; background : transparent;
	}
.page_reg form input.checkbox { 
		display : block; float : left; margin : 0 0 0 160px;
	}
	
.page_reg form span.text { 
		display : block; font-size : 10px; color : #86979f; width : 320px; margin : 0 0 0 182px;
	}
.page_reg div.buttons { padding: 20px 0 0 180px; }
.page_reg div.buttons input { vertical-align: middle; }
.page_reg div.buttons a { font-size : 11px; color : #86979f; margin-right: 45px; }
.page_reg div.buttons a.red span { 
				text-transform : uppercase; color : #fff; font-size: 12px;
				background : #b30c00; padding :7px 10px; 
			}


		
#sharapova_page.page_reg form input.text { background : transparent; }
#sharapova_page.page_reg div.buttons a,
#sharapova_page.page_reg form span.text
{ color : #9a8a92; }



.hintheader { margin: 0 0 0 180px; width : 400px; }
.hintheader h2 { color : #fff; font-weight : normal; font-size : 16px; text-transform : uppercase; }
.hintheader .head { height : 25px; border-bottom : 1px solid #5a666c; }
.hintheader .toggle { 
		display : block; float : right; padding-right: 20px; color : #fff; margin-top : 5px;
		background : url(../img/arrow_bottom.gif) no-repeat right center; font-size : 10px;
		text-decoration : none; outline : none;
	}
.hintheader .opened { 
		display : block; float : right; padding-right: 20px; color : #fff; margin-top : 5px;
		background : url(../img/arrow_top.gif) no-repeat right center; font-size : 10px;
		text-decoration : none; outline : none;
	}
.hintheader .hint { padding : 10px 0px; font-size : 12px; }

.hint_info { padding : 10px 0px; font-size : 12px; margin: 0 0 0 180px; width : 400px; font-size : 12px; }

.completedvalue { font-size : 12px; }
.completedvalue .label { display : block; width : 175px; text-align : right; padding-right : 5px; }
.completedvalue .input { display : block; width : 290px; padding-left : 5px; }
.completedvalue span { padding : 2px 1px; float : left; }

form .link { font-size : 12px; margin : 7px 0 0 10px; color : #fff; display : block; float : left; }
form span.colored { font-size : 12px; display : block; float : left; margin: 10px 0 0 15px; }

.completedvalue,  
.hintheader label.colored, 
form span.colored, 
.hintheader .hint 
{ color : #86979f; }

#sharapova_page .completedvalue,  
#sharapova_page .hintheader label.colored, 
#sharapova_page form span.colored, 
#sharapova_page .hintheader .hint,
#sharapova_page .hint_info
{ color : #835169; }

#sharapova_page.page_reg form input.text
{  border : 1px solid #835169; }

#sharapova_page .hintheader .head
{  border-bottom : 1px solid #835169; }

.page_reg form .longlabels { }
.page_reg form .longlabels label { width : 260px; }
.page_reg form .longlabels input { width : 205px; }

.page_reg form .longlabels ul.newList ,
.page_reg form .longlabels .newListSelected 
{ width : 215px; }

.bday { float : left; padding : 0px 10px 0px 0px; }
.page_reg form .bday ul.newList ,
.page_reg form .bday .newListSelected 
{ width : 92px; }


/*==================================
DROPDOWNS
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList {
	display: none;
}
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #fff; text-decoration:none; display:block;}

ul.newList {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 300px;
	background: black;
	position: absolute;
	top: 30px !important;
	left:0;
	overflow: hidden;
	z-index: 9999;
	border-left : 1px solid #4e545a;
	border-right : 1px solid #4e545a;
	border-bottom : 1px solid #4e545a;
	margin-left : -1px;
}
#sharapova_page ul.newList {
	border-left : 1px solid #835169;
	border-right : 1px solid #835169;
	border-bottom : 1px solid #835169;
}

.newListSelected {
		width:300px; color: #fff; height: 30px; padding: 0; float:left;border : 1px solid #4e545a;
		background: transparent url('../img/arrow_bottom.gif') right 14px no-repeat; font-size : 12px;}
		
#sharapova_page .newListSelected
{  border : 1px solid #835169; }
.newListSelected span {display:block;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {padding: 8px 10px 5px 10px; overflow:hidden; height:16px;}
.hiLite {background: #3e545e !important; color:black!important;}
#sharapova_page .hiLite {background: #835169 !important; color:black!important;}
.hiLite a {background:##000 !important; color:#fff!important;}
.newListHover {background:#12242c !important; color:#fff !important; cursor:default;}
#sharapova_page .newListHover {background:#1c0001 !important;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
(for the purposes of this example
========================================*/
#win-xp .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 155px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin-bottom:10px; padding:0; width:173px;}
#win-xp .newListSelected div {display:block; font-size:0.85em; padding:2px 21px 2px 4px; text-align:left !important; width:149px;}
#win-xp ul.newList {list-style:none; color:#000; width:172px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.85em; text-align:left!important; position:absolute; z-index:9999;}
#win-xp ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#win-xp .hiLite {background:#316ac5!important; color:#fff!important;}
#win-xp .newListHover {background:#ccc!important; color:#fff !important; cursor:default;}
#win-xp .newListSelHover {cursor:default;}
#win-xp .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}



#sharapova_page.afisha { background : url(../img/afisha.jpg) top center no-repeat; }
.afisha h1 { margin-left:80px; } 
.afisha .text_about { width : 450px !important; margin-top: 20px; } 

ul#menu_month 		{ display: block; margin: 0px; padding: 8px 0px 0 45px; }
ul#menu_month li 	{ display: block; margin: 0px; padding: 2px 7px; float:left; margin-right: 20px; background: none;}
ul#menu_month li a { color:#fff; font-size: 12px; }
ul#menu_month .one { background: none !important; }
ul#menu_month .two { background: none !important; }
ul#menu_month .selected { background: #c51650; }

ul#menu_afisha 			{ display: block; margin: 0px; padding: 0px; }
ul#menu_afisha li 		{ display: block; margin: 0px; padding: 0px; float : left; }
ul#menu_afisha li span  { display: none; }
ul#menu_afisha li a 	{ display: block; height : 22px; }

ul#menu_afisha li a.one   { width : 96px;  background : url(../img/menu_afisha.gif) 0px -22px; }
ul#menu_afisha li a.two   { width : 128px; background : url(../img/menu_afisha.gif) -104px -22px; }
ul#menu_afisha li a.three { width : 138px; background : url(../img/menu_afisha.gif) -237px -22px; }
ul#menu_afisha li a.four  { width : 37px;  background : url(../img/menu_afisha.gif) -382px -22px; }


ul#menu_afisha li a.one:hover  	{ width : 96px;  background-position: 0px 0px; }
ul#menu_afisha li a.two:hover   { width : 128px; background-position: -104px -0px; }
ul#menu_afisha li a.three:hover { width : 138px; background-position: -237px -0px; }
ul#menu_afisha li a.four:hover  { width : 37px;  background-position: -382px -0px; }

ul#menu_afisha li.selected a.one   { width : 96px;  background-position: 0px -44px; }
ul#menu_afisha li.selected a.two   { width : 128px; background-position: -104px -44px; }
ul#menu_afisha li.selected a.three { width : 138px; background-position: -237px -44px; }
ul#menu_afisha li.selected a.four  { width : 37px;  background-position: -382px -44px; }

#events { margin: 28px 0px 0px 0px; /*border-top : #794e61 solid #794e61;*/ }
#events a { color : #b2acaf; }
#events h4 { color : #fff; margin: 28px 0px 0px 0px; }

#calendar {
		position : absolute; margin : 145px 0 0 -30px; // margin-left:-221px;
		width : 191px; height : 149px; background : url(../img/calendar.gif) center center no-repeat; 
	}
	
#calendar.may {
		position : absolute; margin : 145px 0 0 -30px; // margin-left:-221px;
		width : 191px; height : 169px; background : url(../img/calendar_may.gif) center center no-repeat !important; 
	}

	
#calendar .tr     { width : 191px; position : absolute; padding: 0px 20px; font-size : 10px; }
#calendar .legend { margin-top : 5px; color : #9a8a92; }
#calendar .one    { margin-top : 23px; background : green; }
#calendar .two    { margin-top : 41px; background : black; }
#calendar .three  { margin-top : 60px; background : yellow; }
#calendar .four   { margin-top : 78px; background : purple; }
#calendar .five   { margin-top : 95px; background : blue; }
#calendar .six   { margin-top : 112px; background : yellow; }

#calendar .tr a   { 
		position : absolute; width : 16px; height : 14px; padding-top : 2px; 
		text-align : center; color : #dec9d4; text-decoration : none;
	}
#calendar .tr a:hover   { text-decoration : underline; }
#calendar .legend a:hover,
#calendar .tr a.g:hover { text-decoration : none; }
	
#calendar .tr a.g { color : #855a6f; }
#calendar .tr a.selected  { background : url(../img/calendar_dot.png) center no-repeat ;  }
#calendar .mon    { margin-left : 10px; }
#calendar .tue    { margin-left : 30px; }
#calendar .wed    { margin-left : 50px; }
#calendar .thu    { margin-left : 70px; }
#calendar .fri    { margin-left : 90px; }
#calendar .sat    { margin-left : 110px; }
#calendar .sun    { margin-left : 130px; }

.error { color:#fff; clear:both; font-size: 11px; margin: 5px 0 0 180px; }
.success { margin-left: 180px; font-size: 14px; margin-top:40px; font-weight: normal; }
.change_password { display: block; padding-left:175px;}
.change_password .link { font-size: 14px;  }

#renew_captcha { color:#fff; }



#diag {height: 112px; position: relative; padding-top: 20px;}

.col1  {position: absolute; width: 80px; height: 112px; left: 10px;}

.col2  {position: absolute;  width: 80px; height: 112px; left: 115px}

.col3  {position: absolute; width: 80px; height: 112px; left: 220px}

.col4  {position: absolute; width: 80px; height: 112px; left: 325px}

.col5  {position: absolute; width: 80px; height: 112px; left: 430px}


.col1_1{text-align: center; position: relative; }
.col1_2{position: absolute; bottom: 10px; width:100%; text-align: center}
.col1_3{background-image: url('/img/grad.gif'); position: relative;}

.polosa1 {background-image: url('/img/clear_smi_diag.gif'); width: 2px;height: 112px; position: absolute; left: 100px}
.polosa2 {background-image: url('/img/clear_smi_diag.gif'); width: 2px;height: 112px; position: absolute; left: 205px}
.polosa3 {background-image: url('/img/clear_smi_diag.gif'); width: 2px;height: 112px; position: absolute; left: 310px}
.polosa4 {background-image: url('/img/clear_smi_diag.gif'); width: 2px;height: 112px; position: absolute; left: 415px}

.title1 {font-size:10px; text-align: center; position: absolute; width: 80px; left: 10px}
.title2 {font-size:10px; text-align: center; position: absolute; width: 80px; left: 100px}
.title3 {font-size:10px; text-align: center; position: absolute; width: 80px; left: 220px}
.title4 {font-size:10px; text-align: center; position: absolute; width: 80px; left: 325px}
.title5 {font-size:10px; text-align: center; position: absolute; width: 80px; left: 430px}