﻿/***************************************************************************
 *
 * Globals
 *
 ***************************************************************************/

body {
	font-family: Verdana, Arial, sans-serif, Helvetica, sans-serif; 
	font-size: 12px; 
	padding: 0px; 
	margin: 0px; 
	background-color: #F5F5F5;
	color: #555555;
}

br{
	clear: both;
	height: 0px;
}
 
a{
	color: #555555;
}

hr{
	padding:0;
	margin:0;
	border: #650077 1px solid;
	border-width: 0px 0px 1px 0px;
}
/***************************************************************************
 *
 * Main Layout
 *
 ***************************************************************************/

#main_content{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px #555555 solid;
	border-right:1px #555555 solid;
	border-bottom:1px #555555 solid;
	padding:10px;
	padding-bottom:25px;
}

#login_box_h{
	width:100%;
	height:32px;
	text-align:center;
	border-bottom:1px #555555 solid;
	background-color:white;
}
/***************************************************************************
 *
 * Login Box
 *
 ***************************************************************************/

 #login_box{
	margin-left:auto;
	margin-right:auto;
 }
 
 #login_box input{
	border:0;
	background-color: white;
	color: #555555;
	font-size:11pt;
	border: 1px #555555 solid;
	height: 16px;
}
 
#btn_login {display:block; width:120px; height: 26px; background: url("images/buttons/button_login.png") }
#btn_login:hover {background-position: 0 -26px;}

#btn_register {display:block; width:120px; height: 26px; background: url("images/buttons/button_register.png") }
#btn_register:hover {background-position: 0 -26px;}

#btn_logout {display:block; width:120px; height: 26px; background: url("images/buttons/button_logout.png") }
#btn_logout:hover {background-position: 0 -26px;}

.lost_password {font-size:8pt;}

.whitemessage{color: #555555; margin:0px; padding-top: 0px;} 
.whitemessage:link, .whitemessage:visited{color:#555555; font-size:10pt;}

/***************************************************************************
 *
 * Header
 *
 ***************************************************************************/
 
 #header{
	padding-left:0px;
	width:100%;
 }
 
 #header img{
	padding-right:15px;
 }

 /***************************************************************************
 *
 * Menu
 *
 ***************************************************************************/

#btn_home {display:block; width:120px; height: 26px; background: url("images/buttons/button_home.png") }
#btn_home:hover {background-position: 0 -26px;}

#btn_tipsters{display:block; width:120px; height: 26px; background: url("images/buttons/button_tipsters.png") }
#btn_tipsters:hover {background-position: 0 -26px;}

#btn_res{display:block; width:120px; height: 26px; background: url("images/buttons/button_resources.png") }
#btn_res:hover {background-position: 0 -26px;}

#btn_about{display:block; width:120px; height: 26px; background: url("images/buttons/button_about.png") }
#btn_about:hover {background-position: 0 -26px;}

#menu{
	padding-top: 3px;
}

#menu ul{
	list-style:none;
}

#menu ul li{
	display: inline;
}

#tipstermenu{
	display:none;
	padding:0;
	margin:0;
	color:white;
	width:250px;
	margin-top:-5px;
	margin-left:353px;
	position:absolute;
	z-index:1;
}

.txtsm {
	font-size: 11pt; 
	color:white; 
	display: block; 
	text-align:left;
	margin:0; 
	padding:0;
	margin-top: -15px;
	margin-left:-15px;
}
 
 /***************************************************************************
 *
 * Left Sidebar
 *
 ***************************************************************************/
 
 #left_sidebar{
	float: left;
	width: 160px;
	text-align:center;
 }
 
 .sidebox{
	padding-top:25px;
 }
 
 .tipsterstable{
	text-align: left;
 }
 .tipsterstable ol li{
	margin-left: -10px;
 }
 
 /***************************************************************************
 *
 * Center
 *
 ***************************************************************************/
 
 #center_content{
	float: right;
	width: 780px;
 }
 
 /*******************************************************************************************************/
 
.latesttips{font-size: 12px;}
#slogan {color: white; background-color: #555555; font-size: 12px; word-spacing: 3px; padding: 0px; padding-left: 10px; margin: 0px; height: 20pt; font-weight: bold;}
#slogancontents{border-spacing: 0px; margin: 0px; padding: 0px; width: 100%;}
.slogancell{margin: 0px; padding: 0px;}
#slogantopright{padding: 0px;  margin: 0px; background-image: url('http://www.besttipping.co.uk/images/top-rgt-2.jpg'); width: 15px; height: 26px;}
#banners{background-color: #650077;}
#bannerscontents{width: 97%; margin-top: 8px; margin-bottom: 10px; margin-left: 20px;}
#tabs{background-color: #650077; padding: 0px; padding-left: 20px;}
#tabscontents{border-spacing: 0px; padding: 0px; margin: 0px;}
.tab a, .tab a:link, .tab a:visited {text-decoration: none; color: white;}
.tab {width: 100px; margin: 0px; padding: 0px; padding-top: 2px; text-align: center; font-size: 10pt; font-weight: bold; border: 1px solid white;}
#graybar{margin: 0px; padding: 0px; width: 100%; height: 1px; background-color: #650077;}

#caldiv {position: absolute; float: left; background-color: gray;}

.tiptime {background-color: #bbbbbb; color: #ffffff; font-weight: bold;}

.txt-tab-sel { font-size: 13px; font-weight: bold; text-indent: 10px; word-spacing: 3px; color: #FFFFFF; text-decoration: none; background-position: center center;}
.txt-lk-side { font-size: 12px; font-weight: bold; text-indent: 10px; word-spacing: 3px; text-decoration: none ; color: #FFFFFF}

.tiprightlink{font-size: 11px; font-weight: bold;}
.txt-btm{font-size: 9px;}
p {font: 12px Verdana, Arial, sans-serif, Helvetica, sans-serif;}
.left-list {font-size: 9px; padding-bottom: 0.5em; padding-top: 0.5em; padding-left: 0px; margin: 0px;}
.MsoNormal{padding-bottom: 0.5em;}
h4 {font-size: 16px; font-weight: bold; word-spacing: 3px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
h3 {font-size: 20px; color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.chart {background-color: #FFFFCC; padding: 5px; border: green; border-style: double; border-width: 1px; border-collapse:separate;border-spacing:10px;}
.chartsmall {font-size: 9px; background-color: #FFFFCC; padding: 5px; border: green; border-style: double; border-width: 1px; border-collapse:separate;border-spacing:5px;}
.chartheader {text-align: left; font-weight: bold;}
.ad{text-align: center}
.signup-links {width: 100%; text-align: center;}
#stakemessage{font-size: 10px; font-weight: bold;}

#marqueecontainer{
position: relative;
width: 154px; /*marquee width */
height: 60px; /*marquee height */
background-color: #f3f3f3;
overflow: hidden;
border: none;
padding: 2px;
padding-left: 4px;}


.smallspace {font-size: 2pt;}



.cb{width: 95%; min-height: 100px; margin-top: 20px; margin-bottom: 10px; border: 2px solid #650077;}
.cbtopmiddle{color: white; text-align: center; margin:0px; padding:2px; padding-bottom: 0px;background-color: #650077;}
.cbtopmiddle h3{padding: 0px; margin: 0px; background-color: #650077;}
.cbmiddle{background-color: white; color: #555555; text-align: left; padding: 0px; margin: 0px;}
.cbbottomleftcorner{height: 25px; width: 9px; background-image: url('http://www.besttipping.co.uk/images/content-box-bl.jpg'); padding: 0px; margin: 0px;}
.cbbottommiddle{background-color: #650077; height: 25px;}
.cbbottomrightcorner{height: 25px; width: 9px; background-image: url('http://www.besttipping.co.uk/images/content-box-br.jpg');}

.fronttable{width: 50em;}

.tb{background-color: #ffffff; color: #555555; text-align: center; border: 1px solid #555555;}
.tbmaintitle{background-color: #cccccc; color: #555555; font-size: 12pt; font-weight: bold;}
/*.tbmaintitle{background-color: #a63fb7; color: white; font-size: 12pt; font-weight: bold;}*/
.tbmaintitlecontent{border-bottom: 2px solid #555555;}
.tbtitle{background-color: #650077; color: white; font-weight: bold;}
.tbtitlecell{border-bottom: 2px solid #555555;}
.tbrow1{background-color: #cccccc}
.tbrow2{background-color: #AD82B8;}
.tbleft{text-align: left;}
.tbright{text-align: right;}
.tbrowbottom{border-bottom: 1px solid #555555; padding: 2px;}
.slnk{color: white; background-color: #f5722a; padding: 2px;}
.nslnk {color: white;}

/***************************************************************************
 *
 * Footer
 *
 ***************************************************************************/
#footer{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#footer p{
	text-align:center;
}
#footer ul{
	list-style:none;
}
#footer ul li{
	display:inline;
}

