html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,

/* Eric Meyer's Reset Stylesheet: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}






/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:670px;
		height:250px;
		overflow:hidden; 
		}	
		
	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:5px 0 0 0;
		padding:5px 0px;
		float:right;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		font-size:1px;
		}
	ol#controls li a{
		float:left;
		height:10px;
		width:10px;
		background:#ccc;
		color:#fff;
		display:block;
		text-decoration:none;
	
		-moz-border-radius: 5px; 
		
		-webkit-border-radius: 5px;
		}
	ol#controls li.current a{
		background:#4272AB;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */





/* ############################    MASTER PAGE AND COMMON CLASSES     ################################## */

.bg-sprite { background:url(../images/design/bgsprite.png) repeat-x; }
.items-sprite { background:url(../images/design/items.png) no-repeat; }

body {
	background:url(../images/design/menu_bg.png) repeat-x #e5e5e5; 
	
	
	margin:0px; 
	
	padding:0px; 
	
	color:#333; 
	
	font-size:13px;
	
	font-family:"Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;
	
	text-align:center;
	
	}
	
.clear { clear:both }

a { color:#2B719F }
a:hover { text-decoration:none }

.noDisplay { display:none }
.doDisplay { display:block }

.green { color:#3D9B2D }
.red { color:#D34321 }
.blue { color:#2B719F; }

.strong { font-weight:bold }

.desp { height:20px; display:block }

td.left { text-align:left }

	
#wrapper { width:1000px; margin:0px auto; text-align:left; position:relative }

#top { height:95px; position:relative; }

.logo { background-position: 0 -689px; width:270px; height:60px; display:block; position:absolute; top:25px; float:left }

.logo span { position:absolute; top:-2000px; }

#menu { 	height:46px;	line-height:45px; }

#menu ul { list-style:none; padding:0px; margin:0px }
#menu ul li { padding:0px 20px; position:relative; float:left }
#menu ul li a { color:#fff; text-decoration:none; font-size:15px; }
#menu ul li a:hover { text-decoration:underline }
#menu ul.tools { position:absolute; left:-15px; background:#2D83BC }
#menu ul.tools li { padding:3px 0px 3px 10px; margin:0px; width:200px; line-height:20px; }


#main-content {	padding:20px 0px 20px 0px; }

.left-column { width:690px; float:left }

.right-column { width:300px; padding-left:10px; float:left }

.arrow-list { padding-left: 15px }
.arrow-list li { background:url(../images/design/ico_list_arrow.png) no-repeat 0px 10px; padding:0px 10px 0px 12px; height:26px; line-height:24px; overflow:hidden; float:none }

.terms { padding-left: 15px }
.terms li { background:url(../images/design/ico_list_arrow.png) no-repeat 0px 9px; padding:0px 10px 0px 12px; line-height:25px; }

.check-list { padding-left:10px; }
.check-list li { background:url(../images/design/ico_check.png) no-repeat 0px 8px; padding:0px 0px 0px 20px; font-size:14px; height:26px; line-height:24px; }

.features { padding:10px; background:#EDF5FC; border:solid 1px #A1D1EE;

	border-radius: 10px;

	-moz-border-radius: 10px; 
	
	-webkit-border-radius: 10px;
	
	margin-bottom:15px;
}

.check-list-green { padding-left:10px; }
.check-list-green li { background:url(../images/design/ico_check2.png) no-repeat 0px 8px; padding:0px 0px 0px 20px; font-size:14px; height:26px; line-height:24px; }

.features-green { padding:10px; background:#EDFFEA; border:solid 1px #9ADF8F;

	-moz-border-radius: 10px; 
	
	-webkit-border-radius: 10px;
	
	margin-bottom:15px;
}



/* ============= LEFT COLUMN =================*/


/* LEFT COLUMN TABS */
#leftTabs { padding:15px 0px 0px 0px}
.tab-title { border-bottom:solid 3px #3B8EC7; }
.tab-title h4 {  

	background-position: 0 -81px;
	
	height:31px; 
	
	line-height:32px; 
	
	padding:0px 15px;
	
	margin-left:20px; 
	
	color:#333;
	
	text-align:center; 
	
	font-weight:bold; 
	
	font-size:14px;
	
	float:left;
	
	cursor:pointer;

	-moz-border-radius-topright: 10px; 
	
	-moz-border-radius-topleft: 10px; 
	
	-webkit-border-top-left-radius: 10px;
	
	-webkit-border-top-right-radius: 10px;  }
	
.tab-title h4.active { 	background-position: 0 0; repeat-x; color:#fff; }

.tabCont { background:#fff; padding:15px; border-bottom:solid 1px #CCC; margin-bottom:10px;

	-moz-border-radius: 7px; 
	
	-webkit-border-radius: 7px;  }

.tabCont h2 { font-size:24px; padding-bottom:10px; border-bottom:solid 1px #E4E4E4; margin-bottom:10px; color:#333 }
.tabCont h3 { font-size:15px; font-weight:bold; padding-bottom:10px }

.tabCont .picksHome td, th { padding:7px 0px }
.tabCont .picksHome td { border-top: solid 1px #CCCCCC }
.tabCont .picksHome td.right, th.right { text-align:right }
.tabCont .picksHome td.center, th.center { text-align:center }
.tabCont td img { vertical-align:middle }

/* partners list */
.tabCont .partnersList li { background:url(../images/design/ico_list_arrow.png) no-repeat 0px 8px; width:143px; padding:0px 10px 0px 12px; height:20px; line-height:20px; overflow:hidden; float:left }
.tabCont .partnersList li a { font-size:12px }



/* ============= RIGHT COLUMN =================*/

.right-column .boxR { background:#fff; padding:10px; width:280px; margin-bottom:10px; border-bottom:solid 1px #CCC;

	-moz-border-radius: 7px; 
	
	-webkit-border-radius: 7px;  }

.right-column h3 { font-size:17px; padding:0px 0px 5px 0px; margin-bottom:5px; border-bottom:solid 1px #CCC  }

.right-column .h3-green-bg {background-position: 0 -445px; height:27px; line-height:27px; color:#fff; border:none; padding:0px; font-size:15px; padding:0px 0px 0px 10px;

			/*	-moz-border-radius-topright: 5px; 
				
				-moz-border-radius-topleft: 5px; 
				
				-webkit-border-top-left-radius: 5px;
				
				-webkit-border-top-right-radius: 5px;*/ }
				

.right-column ul { list-style:none; padding:5px 0px; }

.right-column .campionate li { 	padding:4px 0px 4px 0px; }
.right-column .campionate li img { vertical-align:middle; margin-right:4px }

.right-column .arrow-list li { 
	
	background-position: 0 -624px;
	
	padding:4px 0px 4px 13px;
}


/*slide navigation menu */
.main-nav {
                padding: 0;
                margin: 0;
                }

.main-nav li {
                list-style: none;
                padding-bottom: 10px;
                text-align: left;
                }

.main-nav li a.nav-top-item {
                background-position: 0 -522px;/* Background image for default color scheme - green */
                padding: 0px 10px;
				height:27px;
				line-height:27px;
                color: #333;
                font-size: 14px;
                cursor: pointer;
                display: block;
                text-decoration: none;
				border:solid 1px #DADADA;

				/*-moz-border-radius-topright: 5px; 
				
				-moz-border-radius-topleft: 5px; 
				
				-webkit-border-top-left-radius: 5px;
				
				-webkit-border-top-right-radius: 5px;*/
                }

.main-nav li a.current {
                background-position: 0 -368px;
                color: #fff;
				border:none;
                }

.main-nav .ul-content { padding:10px; line-height:17px; }
.main-nav .ul-content ol { }
.main-nav .ul-content ol li { padding:5px 0px; border-bottom: solid 1px #E0E0E0; font-size:14px; }
.main-nav .ul-content ol li span { width:15px; float:left }
.main-nav .ul-content ol li a { width:155px; color:#333; float:left }
.main-nav .ul-content ol li strong { width:90px; text-align:right; float:right }


/*latest links*/
#latestLinks li, #userLinks li { background-position: 0 -621px; padding:0px 10px 0px 12px; height:26px; line-height:24px; overflow:hidden; width:258px; border-bottom:solid 1px #E8E8E8; float:left }
#latestLinks .submitSiteHome { background-position: 0 -246px; width:105px; height:26px; display:block; text-indent:-3500px; margin:10px 0px; float:right }
#latestLinks .submitSiteHome:hover {background-position: 0 -322px; }




/*bookies review*/
#bookiesReview li { padding:0px 0px 10px 0px }
#bookiesReview li a { background:url(../images/design/bookies_sprite_banners.png) no-repeat; }
#bookiesReview li a.bet365Banner { background-position:0px 0px; height:30px; width:280px; display:block; text-indent:-3300px }
#bookiesReview li a.bwinBanner { background-position:0px -40px; height:30px; width:280px; display:block; text-indent:-3300px }
#bookiesReview li a.gbBanner { background-position:0px -80px; height:30px; width:280px; display:block; text-indent:-3300px }
#bookiesReview li a.pinnacleBanner { background-position:0px -120px; height:30px; width:280px; display:block; text-indent:-3300px }
#bookiesReview li p { line-height:16px }
#bookiesReview li p a { background:none }



/* ============================= */





/* ############################ ############################ ################################## */
/* ############################        PAGES    			 ################################## */
/* ############################ ############################ ################################## */

/* DIRECTORY PAGE */
.catList li { padding:10px 0px 5px 0px }
.catList li h4 { border-bottom:solid 1px #CCC; font-size:15px; font-weight:bold; padding:0px 0px 9px 0px; }

.scatList li { background:url(../images/design/ico_list_arrow.png) no-repeat 0px 8px; width:143px; padding:0px 10px 0px 12px; height:20px; line-height:20px; float:left }

.scatList li a { font-size:12px }

a.submitSite { background-position: 0 -76px; width:140px; height:44px; display:block; margin:30px auto 20px auto; position:relative }
a.submitSite span { position:absolute; top:-3000px; }


/* SUBCATEGORY PAGE */
.sitesList li { padding-bottom:20px; line-height:16px; }
.sitesList li .green { font-size:12px }

#pages { font-size:12px }
#pages span { border:solid 1px #DDD; background:#F8F8F8; }
#pages span, #pages a { padding:0px 5px; margin:0px 2px; }
#pages a { text-decoration:	none; border:solid 1px #DDD; background:#F8F8F8; }
#pages a:hover { background:#ECF4FB }

#pages a, #pages span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }


/* add site page */
#submitSitePage h4 { font-size:15px; font-weight:bold; padding:10px 0px }



/* ############################        END OF DIRECTORY PAGES    			 ################################## */


/* PROOFING SERVICES PAGES */
#paidServices th { padding:6px }
#paidServices td { padding:6px; border-bottom:solid 1px #CCC }
#paidServices .center { text-align:center }

#paidServices th { color:#FFF; background:#50AAEC; text-align:left }

#paidServices tr:hover { background:#F0F0F0 }

#paidServices h4 { padding:5px 0px; font-weight:bold; font-size:18px;}
#paidServices p { padding:5px 0px; line-height:16px; font-size:14px; }

#paidServices .signup { background-position: 0 -398px; width:180px; height:57px; margin:20px auto; display:block; text-indent:-3000px }
#paidServices dd { line-height:16px }


#meciuriPending th { font-weight:bold; font-size: 15px; border-bottom: 1px solid #ddd; }

#meciuriPending th,
#meciuriPending td { padding:10px 0px 10px 10px; text-align:left }

#meciuriPending .alt-row { background: #f3f3f3; }

#meciuriPending input[type=text] { width:60px; background:#fff; border:solid 1px #D3D3D3; padding:5px; }
#meciuriPending select { background:#fff; border:solid 1px #D3D3D3; padding:5px 2px; }

#pickDetails p { padding:5px 0px }
#pickDetails .promotion { padding:7px; background:#F7F7F7; border:solid 1px #DDD; border-redius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; text-align:center }
#pickDetails .preview { padding:5px 0px; line-height:18px }
#pickDetails .preview ul, #pickDetails .preview ol { padding:0px 15px }
#pickDetails .preview li { line-height:18px; list-style:disc; }


/* ############################        END OF PROOFING PAGES    			 ################################## */


/* BOOKIES REVIEW PAGES */
#bookiesReviewList li { padding:5px 0px 10px 0px; border-bottom: solid 1px #EEE }
#bookiesReviewList li h3 { font-size:17px }
#bookiesReviewList li p { padding:5px 0px }
#bookiesReviewList li a { color:#333 }
#bookiesReviewList li a:hover { color:#2B719F; text-decoration:none}


/* articles */
#articles { padding-left:20px; }
#articles li { padding:6px 0px; list-style:disc }

.article-w {  line-height:16px; }
.article-w h5 { font-size:16px; padding:10px 0px; font-weight:bold }
.article-w h6 { font-weight:bold; padding:3px 0px; }
.article-w strong { color:#666}
.article-w p { padding:0px 0px 8px 0px; }


/* ASIAN HANDICAP CALCULATOR */
#ahCalc th { color:#FFF; background:#3189C5; padding-left:10px; text-align:left }
#ahCalc td { padding:10px; text-align:left }
#ahCalc .text-input, #ahCalc select { width:100px; padding:5px; background:#F7F7F7; border:solid 1px #EBEBEB; margin:0px }

#resultsHolder div { text-align:left; line-height:16px; }








/* ############################ ############################ ################################## */




/* BOTTOM */
#bottom { border-top:solid 4px #666; background:#222; padding:15px 0px; }
#bottom .content { width:1000px; margin:0px auto; text-align:left; color:#FFF; }
#bottom .content .column { width:200px; padding-right:20px; float:left }
#bottom .content .column h4 { font-size:19px; color:#FFF; border-bottom:solid 1px #fff; padding:5px 0px 5px 0px }
#bottom .content .column ul li { padding:5px 0px 8px 10px; border-bottom: solid 1px #999; }
#bottom .content a { text-decoration:none; color:#999; }
#bottom .content a:hover { color:#FFF; text-decoration:underline }

#bottom .content .sm-col { width:120px; float:left }
#bottom .content .sm-col img { vertical-align:text-bottom }
#bottom .content .sm-col .blink { font-size:15px; }

#bottom .content .privacy { padding:25px 0px 10px 0px; text-align:center }



/* NOTIFICATION */
.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
                }
                

.attention {
                background: #fffbcc url('../images/design/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/design/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/design/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/design/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
				cursor:pointer;
                }

/* Notification for form inputs */





/*======================== FORMS =====================
===												======
====================================================*/
#fSubmitSite p { padding:10px 0px; clear:both }

#fSubmitSite label { width:150px; padding:5px; display:block; float:left }

#fSubmitSite .text-input, #fSubmitSite textarea, #fSubmitSite select {width:240px; padding:5px; background:#F7F7F7; border:solid 1px #EBEBEB;  float:left }
#fSubmitSite option { background:#fff }

#fSubmitSite .small { width:50px }

#fSubmitSite .focus { background:#EDF3FC; border:solid 1px #D5E3F9; }

#fSubmitSite .submit { background-position: 0 0; width:85px; height:26px; margin:5px 0px 0px 160px; display:block; border:none; cursor:pointer }
#fSubmitSite .submit:hover { background-position: 0 -170px; }



#writeComment p { padding:10px 0px; clear:both }

#writeComment label { width:150px; padding:5px; display:block; float:left }

#writeComment .text-input, #writeComment textarea, #writeComment select {width:240px; padding:5px; background:#F7F7F7; border:solid 1px #EBEBEB;  float:left }
#writeComment option { background:#fff }

#writeComment .small { width:50px }

#writeComment .focus { background:#EDF3FC; border:solid 1px #D5E3F9; }

#writeComment .submit { background:url(../images/design/button_submit.png); width:85px; height:26px; margin:5px 0px 0px 160px; display:block; border:none; cursor:pointer }
#writeComment .submit:hover { background:url(../images/design/button_submit_hover.png); }





#loginForm p { padding:10px 0px; clear:both }

#loginForm label { width:80px; padding:5px; display:block; float:left }

#loginForm .text-input {width:170px; padding:5px; background:#FBFBFB; border:solid 1px #E5E5E5;  float:left }

#loginForm .text-input:focus { background:#EDF3FC; border:solid 1px #D5E3F9; }



#userProfile p { padding:10px 0px; clear:both }

#userProfile label { width:150px; padding:5px; display:block; float:left }

#userProfile .text-input, #userProfile textarea, #userProfile select {width:240px; padding:5px; background:#F7F7F7; border:solid 1px #EBEBEB;  float:left }
#userProfile select { margin-right:10px }
#userProfile option { background:#fff }

#userProfile .small { width:70px }

#userProfile .focus { background:#EDF3FC; border:solid 1px #D5E3F9; }

#userProfile .submit { background:url(../images/design/button_submit.png); width:85px; height:26px; margin:5px 0px 0px 160px; display:block; border:none; cursor:pointer }
#userProfile .submit:hover { background:url(../images/design/button_submit_hover.png); }



/* ================== ADD TIP ================ */

#addTip p { padding:10px 0px; clear:both }

#addTip label { width:150px; padding:5px; display:block; float:left }

#addTip .text-input, #addTip select {width:240px; padding:5px; background:#F7F7F7; border:solid 1px #EBEBEB;  float:left }
#addTip textarea {width:430px; height:250px; padding:5px; background:#F7F7F7; border:solid 1px #EBEBEB;  float:left }

#fSubmitSite option { background:#fff }

#addTip .small { width:50px }

#addTip .focus { background:#EDF3FC; border:solid 1px #D5E3F9; }

#addTip .submit { background:url(../images/design/button_submit.png); width:85px; height:26px; margin:5px 0px 0px 160px; display:block; border:none; cursor:pointer }
#addTip .submit:hover { background:url(../images/design/button_submit_hover.png); }




form span.errorField { 
	background:url(../images/design/cross_circle.png) no-repeat 5px center #FFCECE;
	border:solid 1px #DF8F8F;
	padding:7px 0px 7px 25px; 
	width:160px; 
	margin-left:15px; 
	color:#666; 
	font-size:11px; 
	float:left 
}










.bet365-promo {
	background:url(../images/bet365.gif) no-repeat 6px center #00A875;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	overflow:hidden;
	text-align:right;
	padding-right:30px;
	height:36px;
	line-height:36px;
	display:block
}
.bet365-promo span.yellow { color:#FFE629 }

.pinnacle-promo {
	background:url(../images/pinnacle.png) no-repeat 6px center #000066;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	overflow:hidden;
	text-align:right;
	padding-right:50px;
	height:36px;
	line-height:36px;
	display:block;
	text-decoration:none;
}
.pinnacle-promo:hover {
	color:#FF6800;
}

.sportingbet-promo {
	background:url(../images/sportingbet.gif) no-repeat 5px center #029DE5;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	overflow:hidden;
	text-align:right;
	padding-right:25px;
	height:36px;
	line-height:36px;
	display:block;
	text-decoration:none;
}

.bwin-promo {
	background:url(../images/bwin.gif) no-repeat 15px center #000;
	color:#F3CA0E;
	font-size:13px;
	font-weight:bold;
	margin:-5px 0px 10px 0px;
	overflow:hidden;
	text-align:right;
	padding-right:20px;
	height:36px;
	line-height:36px;
	display:block;
	text-decoration:none;
}
.bwin-promo:hover {
	color:#ffffff;
}




