@import 'rc.css';
@import 'lightbox.css';

/********************************************************************/
/*																	*/
/*				CLUBF1 Default Stylesheet							*/
/*				xHTML & design: exfinity.ca       					*/
/*                                                                  */
/********************************************************************/

html {overflow-x: auto; overflow-y: scroll;}
body { padding:0; margin:25px 0 0 0;  font-family:Tahoma, Verdana, Arial, sans-serif; background: #F2F4F4; font-size:11px;}
form  {padding:0; margin:0}
input, select {font-size:11px}
input[type="text"],
input[type="password"],
textarea {border:1px solid #999}
a:hover,
a:focus {outline:none}

/* << Panel Sizes */

#holder {width: 998px; margin:0px auto;  background: #fff url(/images/bgr-holder.gif) repeat-y;  position:relative; }
#container {	position: relative;	width: 100%;  padding:5px 0 0 0; }

#left_col {	width: 150px;margin:0 0px 0 3px; float:left; padding-bottom:10px}
* html #left_col {	width: 150px;margin:0 0px 0 1px; float:left; }
#page_content {	 float:left; width:518px; margin:0 0px 0 10px; height:100%; padding-bottom:10px }
* html #page_content {	 float:left; width:518px; margin:0 5px 0 5px;}
#right_col {	width: 300px;	 float:left; margin-left:10px; padding-bottom:10px}


#page_content_at {	 float:left; width:518px; margin:0 0px 0 10px; height:100%; padding-bottom:10px }
* html #page_content_at {	 float:left; width:518px; margin:0 5px 0 5px;}

.prevnews {width:345px}

.stats .table1,
.stats .rsscontent {width:300px; }
.tabs1, .tabs2 {width:300px; }
#tabcontentcontainer {width:300px;}
.hcomments {width:355px;}
.pilots a,
.tracks a{width:242px;}
.trackinfo .right {width:350px; }
* html .trackifo .right {width:320px; }
.trackinfo dt,
.trackinfo dd {width:170px}


/* >> Panel Sizes */


/*  HEADER PART */
.signup {text-align:right; line-height:24px; font-size:10px;  background:white; padding-right:5px; }
.signup a { text-decoration:none}
.signup a:hover { text-decoration:underline}
.signup b {}

.top_countdown {float:left; padding-left:10px}
.top_countdown b { font-weight:normal}

#top {background:url(/images/bgr-top.gif) repeat-x; border-top:1px solid #cdcfd1; line-height:28px; }
#top .topmenu {float:left; background:url(/images/bgr-topmenu.gif) repeat-x; text-transform:uppercase; margin-left:1px}
#top .topmenu a {text-decoration:none; display:block; float:left; padding:0 10px 0 10px; font-size:10px; font-weight:bold;  border-right:1px solid #ebebeb}
#top .topmenu a:hover,
#top .topmenu .active {border-right:1px solid #fff }

#top .loginarea {font-size:11px;  float:right; }
#top .loginarea td { color:#333333; padding:0 5px 0 0 }
#top .loginarea input {font-size:10px; border:1px solid #999999; width:80px;  }
#top .loginarea .submitBtn { cursor:pointer; width:auto !important; margin-right:5px }
#top .loginarea a {color:#333333; text-decoration:none; }
#top .loginarea a:hover {color:red}

#header {height:108px;  position:relative}
#header .logo a {position:absolute; display:block;  text-decoration:none; width:300px; height:140px; top:30px; left:0}

#header .topbanner {position: absolute; top:10px; right:5px; height:90px; width:728px; }

.centerbanner .centerad {background:url(../images/red/bgr-centerbanner.gif) repeat-x ; position:relative; margin-bottom:7px }
.centerad .rbtm {background:#9E0F0E; position:absolute}
.centerad .contentad {border:1px solid #fd7f7f; padding:1px; width:468px; height:60px; margin:6px auto;  }

.leftmenu, 
.heikeleft,
.shellleft,
.diter {position:relative; height:100%; margin:0 3px 10px 3px; padding:0px 0 0px 0}
.heikeleft {background:url(../images/heike-left.jpg) no-repeat right;}
.shellleft {background:url(../images/shellcap-left.gif) no-repeat right;}
.shellleft a { line-height:142px; display:block; height:142px }
.diter {}
.diter a{display:block; height:122px; text-decoration:none; background:url(../images/askditer.jpg) no-repeat left; margin:0; padding:0}

* html .leftmenu .content {padding-bottom:1px}

.leftmenu a  {display:block;font-size:11px; font-weight:bold; line-height:20px; margin:0px; padding:0 0 0 5px;  text-decoration:none;  }
.leftmenu a span { padding-left:8px}
.leftmenu.lgames a span {padding-left:8px; }
.leftmenu h1,
.leftmenu h2,
.poll h1{display:block; font-size:11px; line-height:22px; text-align:center; height:27px; margin:0px; padding:0px; }
.leftmenu .special {position:relative}
.leftmenu .special em {position:absolute; width:23px; height:5px; background:url(../images/ico_novo.gif) no-repeat; top:7px; right:20px; display:block}
.poll .content iframe body * {font-size:10px !important}
.poll iframe * {}

.leftmenu h1 {text-transform:uppercase;}
.leftmenu h2 {}
.heikeleft a { line-height:120px; display:block; height:120px }

#left_col .poll {font-size:10px; margin-bottom:10px}
#left_col .poll .content {padding:0 3px 5px 3px}
#left_col .poll h2 {font-size:10px; text-align:left; margin:2px 0px 4px 0; padding:0; color:#C40000}
#left_col .poll a {color:black; text-decoration:none; }
#left_col .poll table a {margin:0; padding:0; display:block; margin-bottom:4px; }
#left_col .poll table td {padding-bottom:2px}
#left_col .poll a:hover {text-decoration:none; color:#C40000}
#left_col .poll ol {padding:0 0 4px 17px; margin:3px 0; }
#left_col .poll table,
#left_col .poll ol {border-bottom:1px solid #ccc}
#left_col .poll ol li  {line-height:13px; font-size:11px; margin-bottom:4px}

.gpoll { background: white url(../images/bgr-poll.gif) repeat-x top ; margin-bottom:10px }

.f1mag,
.frontnews,
.othernews,
.f1photo{ height:100%; margin:2px 0 4px 0}

.f1mag h1,
.f1photo h1,
.frontnews h1 { font-size:12px; margin:0; padding:0 0 0 5px; line-height:27px; border-bottom:1px solid #CDCFD1 }

.pilots_header h1,
#page_content h2 {height:30px; padding: 4px 0 0 0px; margin: 1px 0 3px 0; font:  bold 12px Tahoma, Arial, Sans-Serif;}
.pilots_header h1 span,
#page_content h2 span {  padding: 0px 0px 0 36px;  line-height: 22px; margin: 0; float:left; }

#page_content h2 a { font-size:11px; text-decoration:none}
.f1mag .f1magcontent {  font-size:12px;  padding:3px; line-height:16px; margin:0}
.f1mag .f1magcontent img {padding:3px; float:left; margin:1px 5px 2px 2px }
.f1mag .f1magcontent span {font-weight:bold;}
.f1mag .f1magcontent p {margin:3px 0 8px 0; padding:0; line-height:16px;}
.f1mag .f1magcontent strong,
.innernews b { line-height:18px}
.f1mag .f1magcontent .more,
.listmag .more,
.nnews .more{display:block; text-decoration:none; line-height:13px; margin-top:3px; text-align:right; }
.f1mag .f1magcontent .more,
.listmag .more {}

.f1mag .issue100 {position:absolute; top:2px; right:0px; width:77px; height:76px; background:url(/images/issue100.png) no-repeat;}

.ntabs { color:#272727; margin-top:5px; position:relative; top:1px; z-index:2}
.ntabs a,
.ntabs a span {display:block; float:left; line-height:23px; font-weight:bold; cursor:pointer}
.ntabs a { text-decoration:none; margin-right:2px; padding-left:5px; background:url(../images/v3/tab_l.gif) no-repeat left top;   }
.ntabs a span { padding-right:9px; padding-left:4px; background:url(../images/v3/tab_r.gif) no-repeat right top; color:#fff}
.ntabs a.ntabactive { background:url(../images/v3/tab_l_in_bdr.gif) no-repeat left top; }
.ntabs a.ntabactive span {  color:#C40000; background:url(../images/v3/tab_r_in_bdr.gif) no-repeat right top;}
#ntabcontent2,
#ntabcontent3,
#ntabcontent4,
#ntabcontent5,
#ntabcontent6,
#ntabcontent7{display:none}

.firstnews { width:150px; padding:0 5px 5px 0; margin-right:5px; float:left}
.firstnews span {display:block; color:#696969;font-size:11px; margin-top:3px; }
.firstnews a:hover span { color:#000;}
.firstnews strong,
.prevnews strong {display:block; color:#C40000}
.frontnewscontent {  padding:5px 0px 0px 5px; margin:0px 0 5px 0; min-height:190px;   background: #f5f4f4 url(../images/v3/bgr_fpnews.gif) repeat-x top ; z-index:1;   }
.frontnewscontent span {}
.othernews span { font-weight:bold; }

.innernewscontent strong,
.innermagcontent strong {padding:0; margin:0; font-weight:bold; line-height:15px}
.innernewscontent strong {display:block}
.frontnewscontent a {text-decoration:none; line-height:13px; }
.frontnewscontent a:hover {text-decoration:none; color:#000}
.prevnews {float:left;  }
.prevnews a { margin-bottom:3px; padding:2px 0}
.prevnews a:hover { margin-bottom:3px;  }
* html .prevnews {width:auto}
.firstnews img {padding:2px; margin-right:5px; margin-bottom:3px }

.prevnews a:hover img {border:1px solid #272727}
.prevnews img,
.innernewscontent img {float:left; padding:1px; margin-right:5px; }

.prevnews span  {line-height:15px}

.morenews {width:254px; }
.othernews {}
.othernews  h1,
.innernews h1,
.innernews h2 {font-size:11px; margin:0px 0 1px 0; padding:0 0 0 5px; line-height:26px; }
.othernews .content a {font-size:10px; display:block; text-decoration:none; padding:2px 0 2px 0;  line-height:14px; padding-left:5px; min-height:42px }

.othernews strong {margin:0; padding:0; font-weight:normal; display:block}
.othernews a:hover { }
.othernews h1 a:hover {text-decoration:none; border:0; background:none !important; }
.innernews h1 a {text-decoration:none}
.othernews h1 a {float:right; width:50px; margin:4px 5px 0 0; }

.othernews  h1 span {float:left}
.innernews h1 a:hover {text-decoration:underline}

#magazine a{height:107px !important;  padding:3px;}
#magazine p {float:left !important; }
.innernewscontent a {display:block;clear:both; text-decoration:none; padding:3px; font-size:10px; min-height:55px}
* html .innernewscontent a { _height:55px }
.innermagcontent a {display:block;clear:both; text-decoration:none; padding:3px; font-size:10px; min-height:110px}
* html .innermagcontent a { _height:110px }
.innermagcontent a:hover,
.innernewscontent a:hover {}
.innermagcontent span {font-weight:bold}
.innernewscontent span { display:block; font-size:11px}

.listmag { padding:3px;  font-size:10px}
.listmag img {float:left; padding:1px; margin-right:5px; }
.listmag span {}
.listmag b {}
.listmag em {font-style:normal; font-weight:bold; display:block; line-height:16px; font-size:11px; margin-top:4px}
.listmag p{ margin:0; padding:0; }

.catactive {margin:5px 0 1px 0; font-size:10px; }
.catactive a {display:block; line-height:20px;  text-align:center; font-weight:bold}
.catactive .active {}
.catactive a {text-decoration:none}
.catactive a:hover,
.typetable a:hover,
.typetable .active {}

.typetable {margin-bottom:10px; clear:both; text-align:center}
.typetable a { display:block; font-size:11px;  text-align:center; line-height:24px; margin-bottom:1px; font-weight:bold; text-decoration:none;  width:auto}

.gamepage { position:relative; background:#f2f2f2; padding:10px; font-size:12px}
.step1 {background:#f2f2f2 url(/images/v3/step1.gif) no-repeat top; padding-top:110px}
.step2 {background:#f2f2f2 url(/images/v3/step2.gif) no-repeat top; padding-top:110px}
.step3 {background:#f2f2f2 url(/images/v3/step3.gif) no-repeat top; padding-top:110px}
.step4 {background:#f2f2f2 url(/images/v3/step4.gif) no-repeat top; padding-top:110px}
.gamepage h3 {margin:0 0 10px 0; padding:0; color:#c40000}
.gamepage h4 {margin:0 0 10px 0; padding:0 0 2px 0; font-size:12px; line-height:15px; border-bottom:1px dotted #999}
.gamepage ul {margin-top:10px; margin-bottom:10px}
.gamepage ol,
.gamepage ul {margin-left:23px}
.gamepage li {margin-bottom:5px}
.gamepage p {line-height:140%}
.gamepage p a {color:#c40000 }
.gamepage p a:hover {text-decoration:none; }
.gamepage .regForm {}
.gamepage .regForm th {padding:4px 5px 3px 0; color:#c40000}
.gamepage .regForm td {padding:5px 10px 5px 5px}
.gamepage .regForm th {text-align:right; width:130px; font-size:11px; vertical-align:top}
.gamepage .regForm td span {font-size:10px; color:#333}
.gamepage .regForm td input[type="text"],
.gamepage .regForm td select {width:100%}


.pagehead {position:relative; margin:0;   }
.pagehead h1,
.pagehead h1 span{display:block}
.pagehead h1 {  color:white;  font-size:12px; margin:0; background:url(../images/v3/bgr_pagehead_l.gif) no-repeat left bottom; padding-left:5px;  }
.pagehead h1 span { padding:7px 10px 18px 8px; background:url(../images/v3/bgr_pagehead_r.gif) no-repeat right bottom; }
.pagehead em {font-style:normal; padding:4px 5px 0 0 ; font-size:11px; font-weight:normal; width:120px; position:absolute; top:5px; right:5px}
.pagehead em a {  margin-right:4px; font-size:11px; text-decoration:none; color:#fff; font-weight:normal; float:right; line-height:17px}
.pagehead em a:hover {color:#fff;}


.page { position:relative; background:#f2f2f2; border:1px solid #dbdbdb; margin:0; border-width:0px 1px 1px 1px; padding:8px 5px 8px 5px}
#tenchev h1 span {padding-left:65px}


.pilotshistory {position:absolute; color:white; top:10px; right:10px; font-weight:bold; font-size:10px}
.pilotshistory a {color:white; text-decoration:underline; font-weight:normal}

.newz { position:relative; margin-top:10px; background:#f2f2f2}
.page #sizer{  position:absolute; right:3px; top:10px}
#tenchev #sizer {top:71px; position:absolute; right:10px; z-index:1}
.pagehead .chfalg {background:url(../images/chflag.png) no-repeat left top; width:77px; height:34px; top:-1px; right:-1px; position:absolute}
.newz h3 { background:#dc0000 url(../images/bgr_newz_header.gif) repeat-x bottom left; color:white;  font-size:11px; margin:0 0 7px 0; }
.newz h3 table {}
.newz h3 span {background:url(../images/bgr_chflag.png) no-repeat right top; display:block; padding:7px 60px 22px 8px;}
.newz h3 table,
.newz h3 table td {margin:0; padding:0}

.newz h4 { background:#dc0000 url(../images/bgr_newz_header.gif) repeat-x bottom left; color:white;  font-size:11px; margin:10px 0; vertical-align:middle; height:50px}
.newz h4 span {background:url(../images/bgr_chflag.png) no-repeat right top;  display:table-cell;  }

#newscontent img { float: right; padding: 2px; margin:0 0 5px 10px;  clear:both; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:1px solid #ccc ; 	 }
#newscontent a:hover img {border:1px solid #999 	}

.newzcontent{line-height:150%; padding:0 3px }
.newzcontent h4{margin:0 0 10px 0; padding:0 0 3px 0;  border-bottom:1px dotted #003876; font-size:13px;    }
.newzcontent h5,
.newzcontent h4,
.newzcontent a{color:#C40000}
.newzcontent h4 span {float:left}

.newzcontent p{margin:0 0 7px 0; padding:0; text-align: justify ; line-height:150%; }
.newzcontent br {height:2px; line-height:2px;overflow:hidden}
.newzcontent a:hover {text-decoration:none}

.newzbottom {padding: 20px 10px 5px 10px; margin:0px 0 25px 0; text-align: right;}
.newzbottom a {color:#DA0000; text-decoration:none}
.newzbottom a:hover {text-decoration:underline}
.newzbottom strong i {font-style:normal}

.newzbottom a.social {float:left;text-indent: 20px; line-height:16px;	margin-right:10px; background:url(../images/social_networks.png) no-repeat left top; color:#666 }
.newzbottom a.svejo {background-position: left 0px;}
.newzbottom a.facebook {background-position: left -16px;}

#newsbody textarea {width:95%}
#newsbody input[type="text"] {font-size:12px; width:95%}
#newsbody input[type="file"] {border:1px solid #999}
#newsbody th {text-align:right; width:120px; font-size:10px}
#newsbody td,
#newsbody th{ padding:5px 3px}
.previewAlert {border:1px dashed #000; margin-bottom:10px; padding:10px}

.pilotTable th {text-align:left}
.pilotTable th,
.pilotTable td {padding:3px 2px; border-bottom:1px dotted #666}
.pilotTable td.last,
.pilotTable tr.last td,
.pilotTable tr.last th{border-bottom:none}
.pilotTable td a {color:#c40000; }
.pilotTable td a:hover {text-decoration:none}
.pilotTable .resultz td p { font-weight:bold; margin:0 0 5px 0; padding:0}
.pilotTable .resultz .editses {font-weight:normal; color:#333}
.pilotTable .noborder {border:none}

.sessionTable,
.sessionNbo {border-collapse:collapse; border:1px solid #CCC; margin-bottom:15px}
.sessionTable th {background:url(../images/red/bgr-content-h1.gif) repeat-x bottom; color:white;text-align:left }
.sessionNbo th {  color:#fff;text-align:left; background:#666 }
.sessionTable td,
.sessionNbo td{border-top:1px solid #CCC;}
.sessionTable th,
.sessionTable td,
.sessionNbo th,
.sessionNbo td{padding:4px; font-size:12px;}
.sessionTable tr.noborder td {border-top:1px solid #f2f2f2}
.sessionTable tr.nbo td {padding-top:10px; padding-bottom:10px; background:#CCC; color:white}

.onenews {  margin-bottom: 5px; margin-top:4px}
	.onenews h3 {height:30px; padding: 4px 0 0 0px; margin: 0 0 3px 0; font:  bold 11px Tahoma, Arial, Sans-Serif; }
	.onenews h3 span {padding: 4px 0px 0 40px;  line-height: 15px; margin: 0; float:left; width:420px }
	.onenews h3 a {float:right; line-height:22px; margin-right:4px; font-size:10px; text-decoration:none;  font-weight:normal}
	.onenews h3 a:hover {}

	.onenews blockquote { padding-left: 10px;  margin: 10px 0 10px 25px; }
	.onenews input,
	.onenews select {font-size:11px}
	.date {  padding: 5px 0; margin: 10px 0 25px 0; text-align: right; font-size:10px; clear:both }		
	.date a {color:#DA0000; text-decoration:none}
	.date a:hover {text-decoration:underline}
	.onenews .facebook a{text-decoration:none}

.textad {-moz-border-radius: 4px;-webkit-border-radius: 4px;border: 1px dotted #ccc; padding:5px;  background:#F7F7F7; margin:10px 0  }
.textad p {margin:0; padding:0}
.imgdesc {width:300px}

.relatednews h5 {line-height:22px;  font-size:12px; margin:0 0 5px 0; padding:0;  }
.relatednews h5 span {  padding:0 70px 4px 40px; border-bottom:none !important}
.relatednews a {display:block; line-height:22px; text-decoration:none;  font-size:11px; margin-left:10px; }
.relatednews a span { }
.relatednews a:hover,
.relatednews a:hover span { }


.advert .adwhere th,
.advert .prices th{background:#E5E5E5; color:#000; line-height:22px}
.advert .prices th {line-height:16px}
.advert .adwhere td,
.advert .prices td{padding:10px 0; background:white}
.advert .prices td{padding:10px 3px; text-align:center; font-size:12px }
.advert .adwhere p {margin:0; padding:0 0 0 5px}
.advert .adwhere a{line-height:20px; color:#DA0000; text-decoration:none}
.advert .adwhere a:hover{ color:#333333; text-decoration:underline}
.advert .prices,
.advert .adwhere { border:1px solid #fff}
.advert p,
.advert li,
.adinfo{font-size:12px}
.adinfo li {margin-bottom:4px}


/* Right Part */
.modlimit {height:100px; overflow:hidden}
.viewall  a{text-align:right !important; margin-top:5px; color:#C40000 !important; border:none !important}

.tenchevright,
.goldenright {height:112px; display:block; text-decoration:none; }
.tenchevright {background:url(../images/tenchev_right.png) no-repeat top left; }
.goldenright {background:url(../images/golden_right.png) no-repeat top left; margin:5px 0 10px 0}

#races {margin:10px 0 0 0;}
.shadetabs{list-style-type: none; margin:0; padding:0; position:relative; top:1px; z-index:2}
.shadetabs li{display: inline;margin: 0; padding:0}
.shadetabs li a,
.shadetabs li a span {display:block; float:left; cursor:pointer}
.shadetabs li a {text-decoration:none; margin-right:5px; padding-left:4px;  }
.shadetabs li a span {  color:#696969;line-height:23px}
.shadetabs li a:visited,
.shadetabs li a:hover{color: #696969;}
.shadetabs li a:hover {text-decoration: underline;}
.shadetabs li.selected a{  background:url(../images/v3/tab_l_in_bdr.gif) no-repeat left top; }
.shadetabs li.selected a span { background:url(../images/v3/tab_r_in_bdr.gif) no-repeat right top; color:#C40000; font-weight:bold; padding-right:8px; padding-left:3px;}
.shadetabs li.selected a:hover{ text-decoration: none;}

.shadetabs li.selected1 a{  background:url(../images/v3/tab_l.gif) no-repeat left top;  }
.shadetabs li.selected1 a span { background:url(../images/v3/tab_r.gif) no-repeat right top; color:#fff; font-weight:bold; width:281px; padding-right:8px; padding-left:7px; }
.shadetabs li.selected1 a:hover{ text-decoration: none;}

.stcontent {background: #fff url(../images/v3/bgr_rss.gif) repeat-x top ;  z-index:1}

.table,
.table1,
.table1a,
.nextrace_style{ padding:5px;  }
.table1a {margin-bottom:5px}

.rsscontent { padding:10px 5px 5px 5px;background: #fff url(../images/v3/bgr_rss.gif) repeat-x top ;  z-index:1 }
.rsscontent strong {color:#C40000; font-size:10px}
.rsscontent a {color:#575757; text-decoration:none; display:block; margin:2px 0 5px 0}
.rsscontent a:hover {text-decoration:none; color:black}

.nextrace {}

.table .country,
.nextrace .country { font-weight:bold; text-transform:uppercase}
.nextrace .country {}
.table1 .special {text-align:center !important}



.table img {margin-top:2px}
h1 {font-size:10px; margin:0px 0 1px 0; padding:0 0 0 5px; line-height:20px;  }
.table a,
.table1 a,
.table1a a,
.nextrace a  {display:block;  text-decoration:none;  line-height:20px; padding:0 5px 0 5px; font-size:11px; text-align:right; clear:both; cursor:pointer;}
.table1a a {display:block;  text-decoration:none;  line-height:20px; padding:0 5px 0 5px; font-size:11px; cursor:pointer; overflow:hidden; text-align:left}
.table1a a span {white-space:nowrap}
.table1a a span em {color:#c40000; font-style:normal}
.table span,
.table1 span,
.nextrace span {float:left; }
.table p,
.table1 p,
.nextrace p {margin:0; padding-left:5px;  line-height:20px; font-weight:bold; font-size:10px}
.table b,
.table1 b,
.nextrace b {padding:5px; font-weight:normal; font-size:10px; display:block; line-height:13px}

.table1a .newsactive { font-weight:normal; color:#C40000; line-height:20px; padding:0 5px 0 5px; display:block; overflow:hidden; white-space:nowrap }
.table1a .newsactive em {font-weight:normal; font-style:normal}

.weatherrace {margin:10px 5px 5px 5px; font-size:10px}
.weatherrace .imgrace a {border:1px solid #878789; text-align:center; display:block; min-height:58px; background:white}
.weatherrace .imgrace img {}
.weatherrace p {margin:0; padding:0; font-size:9px; color:#da0000 }
.weatherrace td {text-align:center}

.tabs1, .tabs2 {float:left; position:relative; min-height:200px}
.tabs2 {margin-left:4px}


#tabcontentcontainer { height:auto;  z-index:399; position:relative; top:-1px}
.tabcontent{display:none;}

#rightads {clear:both;  padding:0px 0 10px 0}

.newspaging { margin:5px 0 0 10px;  }
.newspaging select {width:40px; margin-right:10px; float:left; font-size:10px;}
.newspaging a {display:block; float:left;  margin-right:5px; line-height:18px; text-decoration:none; padding:0 3px 0 3px; font-size:10px; }
.newspaging a:hover {}
.newspaging .pgnavactive {cursor:text}

.page_header h1 {background:url(../images/bgr-top.gif) repeat-x; border-top:1px solid #cdcfd1; height:30px; padding: 4px 0 0 0px; margin: 1px 0 3px 0; font:  bold 11px Tahoma, Arial, Sans-Serif; }
.page_header h1 span { background: url(/images/h-art.gif) no-repeat left; padding: 0px 0px 0 36px;  line-height: 22px; margin: 0; float:left; color:#da0000}
.page_header h1 i {float:right; font-style:normal; padding:4px 5px 0 0 ; font-size:11px; font-weight:normal}
.page_header h1 i a {  margin-right:4px; font-size:11px; text-decoration:none; color:#da0000; font-weight:normal}
.page_header h1 i a:hover {color:#686868}
.page_header h1 em {float:right; font-style:normal; padding:4px 5px 0 0 ; font-size:11px; font-weight:normal; width:120px}
.page_header h1 em a {  margin-right:4px; font-size:11px; text-decoration:none; color:#686868; font-weight:normal; float:right; line-height:17px}
.page_header h1 em a:hover {color:#da0000;}
.page_header .rss {}
.rss {display:block; background:url(../images/rss_link.gif) no-repeat; width:44px; height:20px }

#right_col .page_header {margin-top:10px}

/* pilots page */

.pilots_header {margin:0px 0 5px 0; padding-bottom:10px}
.pilots_header span {display:block; line-height:18px; padding-left:5px}
.pilots_header a {text-decoration:none; font-weight:bold; }
.pilots_header a:hover {text-decoration:underline}
.pilots_header h4 {border-bottom:1px dotted #003876; padding: 0 0 3px 0; font-size:14px; margin:5px 0 1px 0; display:block; }
.pilots_header h4 span {float:left; color:#c40000}
.pilots_header h4 img {float:right; vertical-align:middle; padding:2px 5px 0 0}

.pilots_header h3 {border-bottom:1px dotted #003876; padding: 0 0 3px 0; font-size:14px; margin:0px 0 1px 0; position:relative }
.pilots_header h3 span { color:#c40000; }
.pilots_header h3 img {position:absolute; bottom:3px; right:0px}

.driverpic {position:relative; margin:5px auto 10px auto; width:474px; height:100% }

.pilots, 
.tracks {font-size:11px; margin:1px 0; }
.pilots a,
.tracks a {position:relative; display:block; text-decoration:none; padding:3px;  float:left; margin:0px 3px 5px 0; overflow:hidden}
.pilots a {height:52px; overflow:hidden}
.tracks a {max-height:62px;}
.pilots a:hover {}
.pilots img,
.tracks img {display:block; float:left; padding:2px; overflow:hidden;  }
.pilots span {display:block;  margin:0 0 0 45px;  }
.pilots b,
.tracks b {position:absolute; top:13px; right:5px; font-size:18px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; }
.pilots .name,
.tracks .name { font-weight:bold}
.pilots .country { padding:4px 0px 3px 22px; white-space:nowrap; overflow:hidden;  }
.tracks .country { }
.pilots .country img,
.tracks .country img {padding:0 3px 0 0; border:0; margin:2px 0 0 0; vertical-align:middle}

.tracks span {display:block;  margin:0 0 0 70px; line-height:16px  }
.tracks span strong {padding-left:20px; }
.pilots .country { padding:4px 0px 3px 0px}

.trackinfo {}
.trackinfo .left img {display:block; float:left; padding:2px; border:1px solid #ccc; margin:0 5px 5px 0}
* html .trackinfo img {display:block; float:left; padding:2px; border:1px solid #ccc; margin:0 1px 5px 0}
.trackinfo dt,
.trackinfo dd {float:left; display:block; border-bottom:1px solid #999999; padding:0 0 2px 0; margin:0; line-height:20px; text-decoration:none; font-size:10px; overflow:hidden}
.trackinfo dl {margin:0; padding:0}

.trackinfo dd a {color:#E74226; text-decoration:none; }
.trackinfo dd:hover a:hover {text-decoration:none; background:#F5F5F5}

.trackinfo h3 { font-size:11px; margin:0; padding:0 0 2px 0; line-height:20px; clear:both }
.trackinfo dt {margin-right:3px; font-weight:bold; clear:both}
.trackinfo .left {width:150px; text-align:center; float:left}
.trackinfo .right a {display:block; line-height:20px}
.trackinfo .right a:hover {text-decoration:none}

/* right pilots */

.standings {padding:5px; margin-bottom:10px}
.standings td { padding:2px; border-bottom:1px solid #ebebeb}
.standings td a {text-decoration:none; color:#c40000; font-weight:bold }
.standings td a:hover {text-decoration:underline; }

/*  have to remove the colors */

.gamepredict {position: relative; height:100%; background:#fff  url(/images/gamepredict_header.jpg) no-repeat; }
.gamepredict .gamecontent {margin-top:175px; padding:0 10px 10px 10px; font-size:12px; line-height:17px }
.gamepredict .gamecontent p.bold {margin:10px 0 0 0; padding:0; font-weight:bold; font-size:11px; color:#c40000; text-align:center}
.gamepredict .gamecontent a {color:#333}
.gamepredict .gamecontent a:hover {text-decoration:none}
.gamepredict .gamecontent table {border-collapse:collapse; border:1px solid #ebebeb; background:#fdd40a}
.gamepredict .gamecontent td {background:white; border-top:1px solid #ebebeb;  }
.gamepredict .gamecontent th {color:#333;  background:#ebebeb; font-weight:normal }
.gamepredict .gamecontent th,
.gamepredict .gamecontent td {font-size:11px; padding:4px 3px; }
.gamepredict .gamecontent td a {color:#c40000}
.gamepredict .shelluser {margin-top:150px; font-weight:bold; padding:10px 10px 20px 10px}
.gamepredict .shelluser h3 {color:#c40000}
#page_content .gamepredict .gamecontent h2 {font-size:14px; color:#c40000; margin:10px 0 15px 0 ; line-height:14px; padding:0; height:18px; border-bottom:1px dotted #ccc }

.shellgame {position: relative; height:100%; background:#fff  url(/images/shell_header.jpg) no-repeat; }
.shellgame .gamecontent {margin-top:155px; padding:0 10px 10px 10px; font-size:12px; line-height:17px }
.shellgame .gamecontent p.bold {margin:10px 0 0 0; padding:0; font-weight:bold; font-size:11px; color:#c40000; text-align:center}
.shellgame .gamecontent a {}
.shellgame .gamecontent a:hover {text-decoration:none}
.shellgame .gamecontent table {border-collapse:collapse; border:1px solid #ebebeb; background:#fdd40a}
.shellgame .gamecontent td {background:white; border-top:1px solid #ebebeb;  }
.shellgame .gamecontent th {color:#333;  background:#ebebeb; font-weight:normal }
.shellgame .gamecontent th,
.shellgame .gamecontent td {font-size:11px; padding:4px 3px; }
.shellgame .gamecontent td a {color:#c40000}
.shellgame .shelluser {margin-top:150px; font-weight:bold; padding:10px 10px 20px 10px}
.shellgame .shelluser h3 {color:#c40000}
#page_content .shellgame .gamecontent h2 {font-size:14px; color:#c40000; margin:10px 0 ; line-height:14px; padding:0; height:18px; border-bottom:1px dotted #ccc }


.pumagame {position: relative; height:100%; background:#fff  url(/images/puma_header.jpg) no-repeat;}
.pumagame .gamecontent {margin-top:160px; padding:0 10px 10px 10px; font-size:12px; line-height:17px}
.pumagame .gamecontent p.bold {margin:10px 0 0 0; padding:0; line-height:20px; font-weight:bold; font-size:11px; color:#fff; text-align:center; background:#9b5630; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
.pumagame .gamecontent a:hover {text-decoration:none}
.pumagame .gamecontent table {border-collapse:collapse; border:1px solid #f8db68; background:#fdd40a;}
.pumagame .gamecontent td {background:white; border-top:1px solid #f8db68;  }
.pumagame .gamecontent th {color:#361f1e;  background:#f8db68; font-weight:normal;  padding:2px 3px; }
.pumagame .gamecontent td { padding:4px 3px;}
.pumagame .gamecontent th,
.pumagame .gamecontent td {font-size:11px; }
.pumagame .gamecontent td a {color:#9b5630}
.pumagame .gamecontent td img {float:left}
.pumagame .shelluser {margin-top:150px; font-weight:bold; padding:10px 10px 20px 10px}
.pumagame .shelluser h3 {color:#c40000}
#page_content .pumagame .gamecontent h2 {font-size:14px; color:#9b5630; margin:10px 0 ; line-height:14px; padding:0; height:18px; border-bottom:1px dotted #ccc }


.gamecontent ol,
.gamecontent ul {margin:10px 0 10px 23px}
.gamecontent li {margin-bottom:5px}
.gamecontent p {margin-bottom:10px}

.castrol {position: relative; height:100%; background:#fff  url(../images/castrol-header.gif) no-repeat; }
.castrol .gamecontent {margin-top:86px; padding:0 10px 10px 10px; color:#006328; line-height:15px}
.castrol .gamecontent h4 {background:#007b32 url(../images/castrol-h4.gif) no-repeat left; line-height:26px; padding:0 0 0 113px ; color:white; font-size:13px; margin:10px 0}
.castrol .gamecontent form b {color:#006328; }
.castrol .gamecontent form {color:#D1000A}
.castrol .gamecontent a {color:#DA0000; }
.castrol .gamecontent a:hover {text-decoration:none}
.castrol .gamecontent th {background:#007b32; text-align:center; color:white; line-height:20px; border:1px solid #fff;}
.castrol .gamecontent table {border-collapse:collapse; border:1px solid #007b32;}
.castrol .gamecontent td {border:1px solid #007b32; font-size:10px}

.shellcap {position: relative; height:100%; background:#f8cd08  url(../images/shellcap-header.jpg) no-repeat; }
.shellcap .gamecontent {margin-top:134px; padding:0 10px 10px 10px; color:black}
.shellcap .gamecontent p{line-height:14px}
.shellcap .gamecontent a {color:#DA0000; }
.shellcap .gamecontent a:hover {text-decoration:none}
.shellcap .gamecontent table {border-collapse:collapse; border:3px solid #DA0000; background:#fdd40a}
.shellcap .gamecontent td {background:white; padding:8px 4px}
.shellcap .gamecontent th {background:url(../images/red/bgr-content-h1.gif) repeat-x bottom; color:white; line-height:25px; text-align:left; padding-left:5px }

.globulgame {position: relative; height:100%; background:#fff  url(../images/globulheader.jpg) no-repeat; margin-top:10px}
.globulgame .rbtm{position:absolute; background:#fff}
.globulgame .gamecontent {margin-top:110px; padding:0 10px 10px 10px}
.globulgame .phone {position:absolute; background:url(../images/lg343.png); width:109px; height:126px; overflow:hidden; top:-15px; right:5px;}

.str8game {position: relative; height:100%; background:#f2f2f2  url(../images/str8head.jpg) no-repeat; margin-top:10px; padding:110px 10px 10px 10px}
.str8game p {line-height:140%}
.str8game a {color:black}
.str8game a:hover {color:#c40000; text-decoration:none}


.goldanonce {position:relative; margin-top:10px; background:#f2f2f2 url(../images/bgr_anons_golden.gif) repeat-y top left}
.goldanonce .acontent {background:url(../images/bgr_anons_golden_top.gif ) no-repeat top left ; padding:10px 5px 10px 10px }
.goldanonce .acontent .aimg {background:url(../images/img_anons_golden.gif) no-repeat top left; padding-left:120px}
.goldanonce .acontent p {margin:0 0 7px 0; padding:0;  font-size:11px; line-height:15px}
.goldanonce .acontent h4 {color:#f49923; font-size:16px; text-transform:uppercase; margin:3px 0 7px 0; padding:0; font-weight:bold}


.goldpages{ position:relative; margin-top:10px; background:#f2f2f2}
.goldpages #sizer {position:absolute; top:53px; right:10px}
.goldpages h3 { background: url(../images/bgr_gp_header.gif) repeat-x bottom left; color:white;  font-size:16px; margin:0 0 5px 0; padding:6px 0 20px 10px}
.page .pictenchev { position:absolute; top:-40px; left:5px; background:url(../images/pic_tenchev.png) no-repeat top left; width:60px; height:60px;}
.goldpages h3 a {margin-right:15px}

.goldcontent {padding:0px 10px 10px 10px;  }
.goldcontent h4,
.page h5{margin:0 0 1px 0; padding:0 0 3px 0;  border-bottom:1px dotted #003876; font-size:13px;    }
.page h3{margin:17px 0 1px 0; padding:0px 0 3px 0;  border-bottom:1px dotted #003876; font-size:13px;  }
.newzcontent h5 {padding-right:60px; }
.goldcontent h4 {color:#FF9900;}
.page h5,
.page h3{color:#C40000}
.goldcontent h4 span {float:left}
.goldcontent p {margin:0 0 8px 0; padding:0; line-height:150%; }


.goldcontent form  {margin:0; padding:0; text-align:right}
.goldcontent select,
.goldcontent option,
.goldcontent form {font-size:10px; font-weight:normal}
.goldcontent li {font-size:10px; margin: 0 0 10px 5px; padding:0; list-style:lower-roman; }
.goldcontent ul {margin:10px 0 0 20px; padding:0}

.goldcontent img
.newzcontent img{ float: right; padding: 2px; margin:0 0 5px 10px;  clear:both; border:1px solid #ccc; }

.goldcontent .date_article,
.newzcontent .date_article,
.page .date_article{font-size:10px; color:#555454; display:block; margin-bottom:10px; text-align:left}
.date_article i {font-style:normal}

/*  contact page */

.igallery {padding:0 5px}
.igallery a {display:block; float:left; text-decoration:none; margin:20px 15px 0 0; text-align:center; width:150px;  }
.igallery a img {height:90px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; border: 1px solid #d9d9d9; padding:2px  }
.igallery a:hover img {border: 1px solid #999; }
.igallery a span {display:block; color:#c40000; text-align:center}
.page .allgal {position:absolute; top:10px; right:10px; color:#666; text-decoration:none; font-size:10px}
.ipic a {text-align:center}
.ipic img  {-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #d9d9d9; padding:2px }
.ipic td {color:#666;}
.ipic td a {color:#c40000; text-decoration:none}
.ipic td a:hover {text-decoration:underline}


/*  contact page */

.contactsus  { float:left; width:50%}
.contactsus a {margin:0 0 5px 0; padding:0}
.contactsus label,
.contactsus a {display:block}
.contactsus a {margin-bottom:5px; color:#7891AA}
.contactsus label {color:#aa1428; font-weight:bold}



#footer { text-align:center; clear:both; font-size:11px; margin-top:10px; line-height:25px; background: white url(../images/bgr-top.gif) repeat-x; border-top:1px solid #cdcfd1;}
#footer b {color:#DA0000}
#footer span {color:#CCCCCC}
#footer a {color:white; text-decoration:none}
#footer a.designby {color:#DA0000; font-weight:bold}

.contacts {}
.contacts th {text-align:right; color:#c40000; font-size:10px; vertical-align:top; padding:5px 5px 4px 5px; border-bottom:1px solid #CCC; }
.contacts td {padding:4px 5px; border:1px solid #CCC; border-width:0 0 1px 1px;  font-size:12px; }
.contacts .last th,
.contacts .last td{border-bottom:none}
.contacts p {margin:0 0 7px 0; padding:0}
.contacts a {color:#c40000}
.contacts a:hover {text-decoration:none; color:#c40000}
.contacts .editeam p {float:left; width:150px}

#sizer {text-align:right; margin:0 6px 5px 0; font-size:10px; color:#696969; }
#sizer a { text-decoration:none;}
#sizer img {border:0; margin-left:2px; vertical-align:middle}

/*  admin panel */

.mod {width:190px; float:left; display:block; height:68px; padding-left:60px; }
.mod p, 
.mod a,
.mod a:hover  {color:#da0000; }
.mod a {text-decoration:none}
.mod a:hover {text-decoration:underline}
.mod a span {text-transform:uppercase; font-weight:bold; color:#da0000;}
.mod p {font-size:10px; padding-top:15px; margin:0 0 2px 0;}
.mod span {font-size:10px;color:#696969}
.m_home {background:url(../images/icons/home.gif) no-repeat left;}
.m_mainmenu {background:url(../images/icons/mainmenu.gif) no-repeat left;}
.m_submenu {background:url(../images/icons/submenu.gif) no-repeat left;}
.m_counter {background:url(../images/icons/counter.gif) no-repeat left;}
.bor_br {border-right:1px dotted #bebebe; border-bottom:1px dotted #bebebe }
.bor_b { border-bottom:1px dotted #bebebe }
.bor_r { border-right:1px dotted #bebebe }
.grid {background:url(../images/bgr-grid.gif) repeat-x; line-height:7px; height:7px; font-size:1px; clear:both}

.googlesearch {margin:15px 0}


/*	hot offers
---------------------------------------------------------------------------- */

#hotOff { width: 300px; height: 250px; border: 1px #C40000 solid; position: relative; margin:10px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#hotOff .title { -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}
#hotOff .title,
#hotOff .linkfooter {font-size:11px; font-family:Tahoma, Geneva, sans-serif;  background:#C40000; line-height: 20px;  color:white;}
#hotOff .title { padding-left:3px; background:url(../images/red/bgr-leftmenu-h1.gif) repeat-x ; }
#hotOff .linkfooter { text-align:right; position: absolute; bottom: 0; right: 0; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px;-moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px;}
#hotOff .blType1 a { text-decoration:none; position:relative; margin-bottom:8px; color:#000; display:block;padding:1px 0 1px 20px;background:#fff url(http://adserver.clubf1.net/hotoff/li_ho.gif) no-repeat 4px 8px;}
#hotOff .blType1 a:hover { text-decoration:underline; position:relative; display:block; color:#ff0000; padding:1px 0 1px 20px;background:#fff url(http://adserver.clubf1.net/hotoff/li_ho_over.gif) no-repeat 7px 8px;}
.br_in img, .br_in img a {border:0px !important; background:transparent !important;}
.hcenter { vertical-align: middle; height: 210px; }

/*	shadow
---------------------------------------------------------------------------- */

.sleft,
.sright,
.center { position: absolute; }

.shadow-top .sleft,
.shadow-top .sright,
.shadow-bottom .sleft,
.shadow-bottom .sright { width: 45px; height: 45px; background-repeat: no-repeat; background-position: 0 0;}
.shadow-top .center,
.shadow-bottom .center { height: 23px; right: 22px; left: 22px; background-repeat: repeat-x; }
.shadow-middle div { width: 23px; bottom: 22px; top: 22px; background-repeat: repeat-y; }
.shadow-top div { top: -23px; }
.shadow-bottom div { bottom: -23px; }

.sleft { left: -23px; }
.sright { right: -23px; }

.shadow-top .sleft { background-image: url(/images/shadow/tl.png); }
.shadow-top .sright { background-image: url(/images/shadow/tr.png); }
.shadow-bottom .sleft { background-image: url(/images/shadow/bl.png); }
.shadow-bottom .sright { background-image: url(/images/shadow/br.png); }
.shadow-top .center { background-image: url(/images/shadow/t.png); }
.shadow-bottom .center { background-image: url(/images/shadow/b.png); }
.shadow-middle .sleft { background-image: url(/images/shadow/l.png); }
.shadow-middle .sright { background-image: url(/images/shadow/r.png); }

/* Fixed stuff */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
div.dist {  height: 2px;  font-size: 1px;  clear: both;  visibility: hidden;}
.nohgh {height: 0;	font-size: 1px;	line-height: 0;	visibility: hidden;}
.dnone {display:none !important}
.right {float:right}
.left {float:left}
.clear { clear: both }
.error,
.red {color:#C40000 !important}
.rel {position:relative}
.bold {font-weight:bold}
.upcase {text-transform:uppercase}
.hide {display:none}
.alignCenter {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right !important}
.marginTop { margin-top: 10px; }
.marginTopMedium { margin-top: 20px; }
.marginTopHigh { margin-top: 35px; }
.marginRight { margin-right: 10px; }
.marginRightMedium { margin-right: 20px; }
.marginRightHigh { margin-right: 30px; }
.marginRightHigher { margin-right: 40px; }
.marginLeft { margin-left: 10px; }
.marginLeftMedium { margin-left: 20px; }
.marginLeftHigh { margin-left: 28px; }
.marginLeftHigher { margin-left: 60px; }
.marginBottom { margin-bottom: 10px !important; }
.marginBottomMedium { margin-bottom: 20px !important; }
.paddingBottom { padding-bottom: 15px; }
.paddingTop { padding-top: 20px; }


/*Ilian Jordanov Update*/
div#comments {margin-top:20px}
div#comments h2.comHead {background:url(../images/icons/ico_comments.gif) no-repeat left; line-height:24px; padding-left:30px}

div.comment { padding:4px 0;border-top: 1px solid #ccc; position: relative;}
div.comment dl { width: 100px;  float: left; margin:0; }
div.comment dl dd { color:#C40000; font-size:0.9em; margin:0; padding:0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width:90px }
div.comment dl dt {font-size:0.8em; line-height:10px; color:#666;}
div.comment dl dd span {position: absolute;top: 0;right: 0;padding: 0 0.4em;color:#000; background: #ccc;}
div.comment p {float: left; width:375px; line-height:14px; margin:0; padding:0; font-size:0.9em}

.writeComment {padding:5px 10px; margin:10px 0; background:#fff; border:1px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; font-size:11px}
.writeComment  form {margin:0; padding:0}
#page_content .writeComment h2 {margin:0; padding:0 0 0 30px; height:24px; background:url(../images/icons/ico_writecom.gif) no-repeat left; line-height:24px; }
.writeComment textarea {width:98%; height:80px; overflow:auto}
.writeComment textarea,
.writeComment input.text {font-size:11px;border:1px solid #d9d9d9;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.writeComment input.text {width: 200px;}
.writeComment label {display: block;padding-bottom:0;}
.writeComment form.del-comment {clear: both;width: 100%;position: relative;    height: 1.5em;}
form.del-comment input.del-submit {position: absolute;right: 0;}
div#comments #captcha {border:none}
ul.pagination {
    background-color:#EEEEEE;
    list-style:none outside none;
    padding:0 0 0 10px;
    position:relative;
    width:100%;
    text-align: center;
}
ul.pagination li.first-child, ul.pagination li:first-child {
background:none repeat scroll 0 0 transparent;
}
ul.pagination li.first-child, ul.pagination li:first-child {
    background:none repeat scroll 0 0 transparent;
}
ul.pagination li {
    display:inline-block;
    list-style:none outside none;
    margin:0;
    padding:0.4em;
}
.pagination {
    width: 100%;
}

ul.pagination li.selected a {
    color: #000;
}
div.captcha p {
    width: 44%;
    float: left;
    margin-right: 2%;
}
div.captcha p a {
    float: right;
}
p.del_button input {
    float: right;
    color: red;
    font-weight: bold;
    background: #fff;
    padding: 0.3em;
    border: 1px solid red;
    cursor: pointer;
}
p.del_button input:hover {
    color: #fff;
    background: red;
    border: 1px solid red;
}