@charset "utf-8";

/*  
Project Name: SportTracker Directory
Version: 0.3
Author: Geco Loco info@gecoloco.com
Author URI: http://gecoloco.com
*/

/*   Screen styles   */

/* GLOBAL RESET SETTINGS******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html, body { height: 101%; }

/* THIS & THAT SETTINGS**************/

.clear { clear: both; } 
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
.white-box strong { font-weight: 700; }
.white-box em { font-style: italic; }
.more-link { color: #00c1ba; font-size: 11px; }
.rounded-corners-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.message { 
	margin-bottom: 10px;
	padding: 10px 20px;
	width: 630px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #dafffc;
	font-size: 12px;
	color: #333;
}

body { background-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
img, fieldset, button { border: none; }
input.submit, button, li.cats a { cursor: pointer; }

h1 { font-size: 24px; font-weight: 700; letter-spacing: -1px; }
h2 { font-size: 20px; font-weight: 700; }
h3 { font-size: 16px; font-weight: 700; }
h4, legend { font-size: 14px; font-weight: 700; }

h1 span { font-weight: normal; }
h1 span a { margin-right: 10px; cursor: pointer; }

a.pointer { cursor: pointer; }

.clear { clear: both; width: 100%; line-height: 1px; font-size: 1px; }

.wrapper { width: 960px; margin: 0 auto 0 auto; background: none; }
/* .home-wrapper { width: 960px; margin: 0 auto 0 auto; background: url('../images/bg-top-action-man.jpg') no-repeat top right; } */

.header { height: 90px; }
.header .logo { float: left; }
.header .menu { float: right; }
.header .menu a { color: #fff; text-decoration: none; font-weight: 700; }
.header .menu ul li { display: inline; float: left; margin-left: 1px; }
.header .menu ul li a { background: url('../images/bg-top-menu-off.gif') repeat-x;  padding: 9px 15px 9px 15px; display: block; }
.header .menu ul li a:hover, .header .menu ul li a.current { background: url('../images/bg-top-menu-on.gif') repeat-x; }

#crumbs  { margin-top: -7px; padding-bottom: 10px; }
.home-wrapper #crumbs { display: none; }
#crumbs a, .white-box a { color: #21b54a; text-decoration: none; }
#crumbs a:hover, .white-box a:hover { text-decoration: underline; }


.main .col-left { float: left; width: 670px; }
.main .col-right { float: left; width: 290px; padding-top: 10px; position: relative; }
/* .home-wrapper .main .col-right { padding-top: 98px; } */

.white-box { 
	background: url('../images/box-white-top.gif') no-repeat #fff; 
	padding-top: 10px; 
	color: #000; 
}
.white-box .content { 
	min-height: 440px; 
	padding: 10px 20px 20px 20px; 
	background: url('../images/box-white-bottom.gif') no-repeat bottom left; 
	 
}
.white-box h1 {
	padding-bottom: 20px;
}
.white-box h1.welcome {
	padding: 10px 0 20px;
	letter-spacing: -1px;
	font-size: 30px;
}
.white-box h1 span {
	font-size: 16px;
	display: block;
	color: #666;
	clear: left;
	padding-top: 5px;
}
.white-box h2 { padding: 10px 0; }
.white-box h3 { padding: 10px 0; }
.home-wrapper .white-box h3 { margin: 10px 0 30px 0; }
.white-box p, .white-box li {
	font-size: 13px; 
	line-height: 19px;
}

.white-box h3.listtype { padding: 10px 0 10px;}


.white-box h3.other { padding: 10px 0 10px; margin-top: 25px; border-top: 1px solid #666;}

/* home page - selact a country */

#country-select { margin: 0 auto 20px auto; width: 440px; text-align: center; }
#country-select li { float: left; padding: 0 20px 20px; }
#country-select li a { display: block; padding: 0 10px; text-align: center; width: 80px; height: 80px; padding-top: 10px; font-size: 12px; line-height: 12px; color: #fff; font-weight: 700; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
#country-select  li a.canada { background: #333 url('../images/flag-canada.png') 50% 35px no-repeat; }
#country-select  li a.ireland { background: #333 url('../images/flag-ireland.png') 50% 35px no-repeat; }
#country-select  li a.wales { background: #333 url('../images/flag-wales.png') 50% 35px no-repeat; }
#country-select  li a.england { background: #333 url('../images/flag-england.png') 50% 35px no-repeat; }
#country-select  li a.scotland { background: #333 url('../images/flag-scotland.png') 50% 35px no-repeat; }
#country-select  li a.northern-ireland { background: #333 url('../images/flag-northern-ireland.png') 50% 35px no-repeat; }
#country-select li a:hover { text-decoration: none; background-color: #222;}


/* forms */

legend {
	padding: 0 10px 5px;
	margin: 0 0 0 -10px;
	background: #fff;
}
.white-box fieldset {
	border: 1px dotted #ccc;
	padding:  10px 15px;
	margin-bottom: 30px;
}
.input {
	padding: 6px 0;
	clear: left;
	border: 1px solid #fff;
}
.input label {
	display: block;
	float: left;
	width:  180px;
	font-size: 14px;
	color:  #666;
}
.input .textinput {
	padding:  3px 5px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	width: 350px;
	border: 1px solid #888;
	background: #fafafa;
}
.input textarea {
	padding:  5px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	width: 350px;
	height:  120px;
	border: 1px solid #888;
	background: #fafafa;
}

.submit {
	padding: 5px 10px 20px;
}
.submit input { background: url('../images/bg-button-white.gif') no-repeat; width: 100px; height: 32px; color: #fff; font-size: 14px; font-weight: normal; padding: 0; margin: 0; border: none; cursor: pointer; }

#subcategories, #counties {
	display: none;
}

/* login & register - forms */

.login-register {
	background: none;
	width: 800px;
	margin:  0 auto;
	float:  none;
	padding:  30px;
}

.login-register .textinput {
	width: 250px;
}

.login-register .register {
	float: left;
	background: #efefef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fff;
	width:  320px;
	height: 350px;
	position: relative;
	padding:  20px;
}

.login-register .login {
	float: right;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fff;
	width: 320px;
	height: 350px;
	position: relative;
	padding:  20px;
}

/* add new - select */
.addnew-select {
	background: none;
	width: 700px;
	margin:  0 auto;
	float:  none;
	padding:  30px;
}

#new-free {
	float: left;
	background: #efefef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fff;
	width:  320px;
	height: 350px;
	text-align: center;
	position: relative;
	padding-top:  20px;
}

#new-premium {
	float: right;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fff;
	width: 320px;
	height: 350px;
	text-align: center;
	position: relative;
	padding-top:  20px;
}


.addnew-select .select {
	display: block;
	width: 220px;
	height:  50px;
	line-height: 50px;
	font-size: 14px;
	position: absolute;
	bottom:  35px;
	left:  50px;
}

#new-free .select {
	background: url('../images/add-free.png') no-repeat;
	color:  #666;
}

#new-premium .select {
	background: url('../images/add-premium.png') no-repeat;
	color:  #fff;
}

#new-free h2 {
	color:  #888;
}

.only {
	font-size: 14px;
	color: #666;
}

.addnew-select p {
		padding: 7px 17px;
		font-size: 12px;
		line-height: 18px;
		font-weight: 700;
	}
.addnew-select li {
			padding: 3px 17px;
			font-size: 12px;
			line-height: 16px;
			color: #444;
		}

/* categories - 2 colums */

.white-box .c1 { width: 300px; float: left;  }
.white-box .c2 { width: 300px; float: right; }
.white-box .cats span {
	font-size: 11px;
	color: #666;
}

/* country view */

#mapholder {
	float: left;
	margin-right:  20px;
}

/* category view */

.single-item h4 span { font-size: 11px; font-weight: normal; float: right; }

.single-item span, .single-item-standard span {
	color: #666;
}

.single-item .minithumb {
	float:  left;
	display: block;
	width: 50px;
	height: 40px;
	margin-right:  20px;
	border: 1px solid #efefef;
	overflow: hidden;
}

.single-item {
	border-top:  1px dotted #ccc;
	padding:  10px 5px;
}

.single-item .pic {
	float: left;
	width: 70px;
	min-height: 40px;
	margin-top: -5px;
}
.single-item:hover {
	background: #efefef;
}
.single-item table {
	padding: 0 0 5px 0;
	margin: 0;
}
.single-item td.business-name {
	width: 320px;
}
.single-item td.location {
	text-align: right;
}
.single-item h4 {
	font-size: 13px;
}
.single-item td.phone, .single-item td.email, .single-item td.location  {
	font-size: 11px;
	width: 120px;
}
.single-item td.email {
	text-align: right;
}
.single-item-standard {
	border-top:  1px dotted #ccc;
	padding:  10px 5px;
}
.single-item-standard:hover {
	background: #efefef;
}
.single-item-standard table {
	padding: 0;
	margin: 0;
}
.single-item-standard td.business-name {
	width: 280px;
}
.single-item-standard h4 {
	font-size: 12px;
}
.single-item-standard td.phone, .single-item-standard td.email, .single-item-standard td.location {
	font-size: 11px;
	width: 120px;
}
.single-item-standard td.email {
	text-align: right;
}

/* single item view */

.admin-functions {
	float:  right;
	margin-top: 20px;
	font-size: 11px;
}

.admin-functions a { margin-left: 5px; }

.single .lg {
	float: left;
	margin: 0 20px 10px 0;
	width:  150px;
}
.single .ll {
	display: block;
	font-size: 12px;
}
.single .ll span {
	color:  #666;
	padding-right:  10px;
}

.single h4 {
	clear: left;
	padding: 5px 0;
	margin-top:  10px;
	border-top:  1px dotted #ccc;
}

.single .lp a {
	float:  left;
	margin-right:  20px;
	border:  1px solid #ccc;
}


.dsc {
	padding: 5px 0;
	line-height: 18px;
}

.dsc ul {
	padding: 5px 0;
}

.dsc li {
	padding: 3px 0 2px 20px;
	background: url('../images/li.gif') 5px 10px no-repeat;
}

/* home page - latest additions */

.latest-addtions { margin: 25px 0 0 10px; }
.latest-addtions h3 { color: #21b54a; font-size: 22px; font-weight: 700; margin-bottom: 15px; }
.latest-addtions .column { width: 200px; float: left; margin-right: 20px; }
.latest-addtions .last { margin-right: 0; }
.latest-addtions .column h4 { border-bottom: 1px dotted #222; padding-bottom: 10px; }
.latest-addtions .column h4 img { margin-left: 10px; }
.latest-addtions .column a { text-decoration: none; color: #fff; line-height: 15px; }
.latest-addtions .column a:hover { text-decoration: underline; }
.latest-addtions .column span { display: block; font-size: 11px; color: #666666; }
.latest-addtions .column span a { color: #666666; }
.latest-addtions .column ul { list-style: none; color: #666666; }
.latest-addtions .column ul li { padding: 5px 0; border-bottom:  1px dotted #222; }
.latest-addtions .column .more { text-align: right; margin-top: 10px; font-size: 11px; }
.latest-addtions .column .more a { color: #21b54a; }


/* home page - latest additions */

#news { padding: 20px 0 20px 20px; display: none; background: #222; margin: 40px 10px 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
#news h3,#news-own h3  { color: #21b54a; font-size: 18px; font-weight: 700; margin-bottom: 10px; }
#news .column { width: 230px;  }
#news .column a { text-decoration: none; color: #fff; line-height: 15px; }
#news .column a:hover { text-decoration: underline; }
#news .column span { display: block; font-size: 11px; color: #666666; }
#news .column span a { color: #666666; }
#news .column ul { list-style: none; color: #666666; }
#news .column ul li { padding: 5px 0; border-bottom:  1px dotted #444; }
#news .column .more { text-align: right; margin-top: 10px; font-size: 11px; }
#news .column .more a { color: #21b54a; }


#news-own { padding: 20px 0 20px 20px; display: none; background: #222; margin: 20px 10px 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
#news-own h3 { color: #21b54a; font-size: 18px; font-weight: 700; margin-bottom: 10px; }
#news-own .column { width: 230px;  }
#news-own .column a { text-decoration: none; color: #fff; line-height: 15px; }
#news-own .column a:hover { text-decoration: underline; }
#news-own .column span { display: block; font-size: 11px; color: #666666; }
#news-own .column span a { color: #666666; }
#news-own .column ul { list-style: none; color: #666666; }
#news-own .column ul li { padding: 5px 0; border-bottom:  1px dotted #444; }
#news-own .column .more { text-align: right; margin-top: 10px; font-size: 11px; }
#news-own .column .more a { color: #21b54a; }

.home-wrapper #news {
	display: block;
}
.home-wrapper #news-own {
	display: block;
}

/* context help */

div .contexthelp {
	margin-top: 2px;
	margin-left: 5px;
	padding-left: 10px;
	position: absolute;
}
div .contexthelp span {
	display: block;
	padding: 8px;
	background: #ffd200;
	color: #000;
	width: 200px;
}
div .contexthelp {
	background: url(/assets/images/context-arrow.gif) 0 5px no-repeat;
}

/* errors */

.error { border: 1px solid #ff0000; }

/* sidebar */

#add-listing { display: block;  width: 210px; height: 70px; background: transparent url('../images/add-listing.png') no-repeat 0 0; color: #fff; padding-left: 80px; line-height: 70px; font-weight: 700; font-size: 18px;  }

#login-box {
	margin-top: 20px;
	background: #131313 url('../images/login-top.png') 0 0 no-repeat;	
}
#login-box .content {
	background: transparent url('../images/login-bottom.png') 0 100% no-repeat;
	padding: 10px 0;
}

#login-box a#login-tog {
	color: #fff; 
	padding-left: 80px; 
	line-height: 50px; 
	font-weight: 700; 
	font-size: 18px;
	cursor: pointer;
}

#loginform {
	display: none;
	width: 190px;
	margin-left: 80px;
	padding: 0 10px 10px 0;
}

.user-info {
	margin-left: 80px;
}
.user-info strong {
	display: block;
	padding-bottom: 5px;
	font-weight: 700;
}

.box {
	margin-top: 10px;
	padding: 20px 20px 20px 30px;
}

.side-list ul {
	margin-top: 10px;
	border-top:  1px dotted #222; 
}

.side-list li { 
	padding: 5px 0; 
	border-bottom:  1px dotted #222; 
}

.col-right p { margin-top: 10px; }
.col-right a { color: #21b54a; text-decoration: none; }
.col-right a:hover { text-decoration: underline; }
.col-right input { background: url('../images/bg-input-right.gif') no-repeat; padding: 3px; width: 182px; height:23px; font-size: 17px; border: none; font-weight: 700; margin: 2px 0 5px 0; }
.col-right input.submit { background: url('../images/bg-button-right.gif') no-repeat; width: 68px; height: 28px; color: #fff; float: right; font-size: 12px; font-weight: normal; padding: 0; margin: 0; }
.col-right .description { float: left; }
.col-right .description p { margin-top: 0; }
.col-right fieldset { margin-top: 10px; }


/* .advs { margin-top: 10px; display: none; } */
.home-wrapper .advs { display: block; }
.advs .adv { float: left; padding-left: 15px; margin-top: 15px; }
.advs .info { text-align: center; display: block; padding: 0; clear: both;  }
.advs .info a { font-size: 11px; display: block; padding-top: 5px; }


.footer { margin: 20px 0 10px 0; color: #666666; height: 20px; font-size: 11px; }
.footer .links { float: left; }
.footer .links ul li { display: inline; margin-right: 10px; }
.footer a { color: #666666; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer .copyright { float: right; text-align: right; }

.nextprev {
	margin-top: 30px;
	height: 50px;
}

#button-save {
	display: block;
	width: 120px;
	height: 32px;
	float: right;
	text-indent: -3000px;
	overflow: hidden;
	background: url('../images/button-save.png') no-repeat;
}

#button-modify {
	display: block;
	width: 120px;
	height: 32px;
	float: left;
	text-indent: -3000px;
	overflow: hidden;
	background: url('../images/button-modify.png') no-repeat;
}


/* by TW */
.col-left .white-box {color: #000;}
#banner-bottom { padding: 10px 10px 10px 0; margin: 0px auto; clear: left; }

/* end of by TW */

#admin-unit { float: right; width: 170px;}
#admin-unit li span { margin-left: 15px; font-size: 11px; }
#admin-unit li span a { margin-left: 5px; }


/* Page Numbers */
.pages { padding: 10px 10px 10px 0; margin: 10px auto; clear: left; font-size: 11px; }
	.pages li { display: block; float: left; padding: 2px 0; margin: 0 5px 0 0; border: 1px solid #fff; background: #fff; }
	.pages a:link, .pages a:visited { border: 1px solid #fff; background: #fff; padding: 2px 5px; } 
	.pages li.current a { border: 1px solid #21b54a; font-weight: 700; background: #21b54a; color: #fff; padding: 2px 5px; }
	.pages a:link, .pages a:visited { border: 1px solid #21b54a; background: #fff; text-decoration: none; color: #333; font-size: 11px;  }
	.pages a:hover { border-color: #fff; background: #21b54a; color: #fff; }
	.pages a.nextprev { font-weight: 400; }
	.pages li.nextprev { color: #666; }
	.pages li.nextprev { border: 1px solid #ddd; color: #999; }
	.pages .iletego, .pages .ktorastrona { padding-right: 30px; color: #666; background: none; }