/* US Scots */
html, body {font-family: Verdana; font-size: 12px; height: 100%; color: rgb(0, 0, 0); margin:0px; background-color:#fffff;}
h1, h2, h3, h4, h5, h6, ul, dl {margin:0; padding:0; list-style:none;}
h1 {font-size:25px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
a {color:#3e74b2; text-decoration: none;}
a:hover { color:#ec7b1d; text-decoration:underline;}
.active {color:#ec7b1d; text-decoration:none;}
.colorMore {color:#ec7b1d;}
.colorMore2 {color:#7e7e7e;}
.colorDate {color:#b5b4b4; font-size:10px;}
.floatLeft {float:left;}
.clearLeft {clear:left;}
.floatRight {float:right;}
.clearRight {clear:right;}
.clearBoth {clear:both;}
.fontnormal {font-weight:normal;}
a.active {color:#ec7b1d; text-decoration:none;}
a.background {background:none;}
div#wrapper {background:#FFFFFF url(../images/borderWidth.gif) left repeat-y; width:900px; height:auto !important; height:100%; min-height:100%; margin:0 auto -7.1em; padding-bottom:20px;}
div.push {height: 58px; clear:both;}
img.adv {margin:3px; border:1px solid #cccccc; padding:3px; margin:2px 8px 8px 0px;}
img.images {border:1px solid #cccccc; padding:3px;margin:2px 8px 8px 0px;}
img.images2 {border:1px solid #cccccc; margin:3px 1px;}
img.noborder {border:none;margin:5px;}
.dotW {background:url(../images/dotter.gif) top repeat-x; width:99%;}
.dotsize {font-size:1px; z-index:-9999;}
a.more {background:url(../images/icon_2Over.gif) right no-repeat; color:#ec7b1d; font-weight:bold; padding-right:12px; margin-top:10px; cursor:pointer; }
a.more:hover {background:url(../images/icon_2.gif) right no-repeat; color:#3e74b2; font-weight:bold; padding-right:12px; text-decoration:none; cursor:pointer;}
a.detail {background:url(../images/icons_detail.gif) right no-repeat; color:#ec7b1d; font-weight:bold; padding-right:14px; margin-top:10px; display:block;}
a.detail:hover {background:url(../images/icons_detailOver.gif) right no-repeat; color:#3e74b2; font-weight:bold; padding-right:14px; display:block; text-decoration:none;}
.display {display:inline;}
em {font-style:normal;}
#x_email_forgot{float:right;}
.fieldtext{color:#5F7A97;font-style:italic;font-size:11px;white-space:nowrap;}
/* ---HEADER---- */
div#header {background:#FFFFFF; position:relative; width:100%; padding-bottom:5px;}
div#header span.left, span.search {width:45%; display:block; position:absolute; top:9px;}
div#header span.left {padding:5px 0 5px 27px;}
div#header span.search {right:0px; text-align:right; padding-right:27px;}
ul.menuHeader {padding:50px 20px 0px 0;}
li.menuGamesEvents, li.menuWebsiteLink, li.menuClansFamilies, li.menuSocietiesEvents {height:49px; float:right; padding-top:5px; margin:0 0 5px 15px;}
li.menuGamesEvents a, li.menuWebsiteLink a, li.menuClansFamilies a, li.menuSocietiesEvents a {text-decoration:none; color:#000000; display:block; border-right:0px solid #000000;}
li.menuSocietiesEvents a {border:none;}
li.menuGamesEvents a:hover, li.menuWebsiteLink a:hover, li.menuClansFamilies a:hover, li.menuSocietiesEvents a:hover {text-decoration:none; color:#ec7b1d;}
div.bannerHeader {height:123px; clear:both;}
/* ---LEFT----
div#left {width:167px; float:left; padding:10px 23px;}
div#left dl {font-size:10px; font-family:"Arial", Helvetica, sans-serif;}
div#left dl dt {margin:2px 0;}
div#left dl dt a {display:block; width:142px; color:#000000; background:#cccccc; padding:5px 5px 5px 20px;}
div#left dl dt a:hover {display:block; background:#ea7d1e; color:#ffffff; text-decoration:none; padding:5px 5px 5px 20px;}
div#left dl dt a.active {display:block; background:#ea7d1e; color:#ffffff; text-decoration:none; padding:5px 5px 5px 20px;}
div#left dl dd {margin:4px 5px 4px 25px;}
div#left dl dd a {color:#000000; text-decoration:none;}
div#left dl dd a:hover {color:#ec7b1d; text-decoration:none;}
div.advLeft {margin-top:22px; text-align:center;} */
/* ---LEFT---- */
div#left {width:167px; float:left; padding:10px 23px;}
.menuleft {font-family: arial, sans-serif; width:166px; position:relative; margin:0; font-size:10px;z-index:60;}
.menuleft ul li.menu a, .menuleft ul li.menu a:visited {display:block; text-decoration:none; color:#000; width:137px; height:28px; text-align:left; background:#d7d7d7 url(../images/bg-menu.gif) top right no-repeat; border-bottom:1px solid #ffffff; padding:3px 14px 3px 14px; font-size:10px;z-index:60;}
.menuleft ul li.menu .active a {display:block; text-decoration:none; color:#fff; width:137px; height:28px; text-align:left; background:#0072ac url(../images/bgmenuhover.gif) top right no-repeat; border-bottom:1px solid #ffffff; padding:3px 14px 3px 14px; font-size:10px;z-index:60;}
.menuleft ul {padding:0; margin:0;list-style-type: none;z-index:60;}
.menuleft ul li.menu {float:left; margin-right:1px; position:relative; z-index:60;}
.menuleft ul li.menu ul {display: none;z-index:60;}
.menuleft ul li.menu:hover ul.twocolum {width:302px;}
.menuleft ul li.menu:hover ul.threecolum {width:460px;}
.menuleft ul li.menu:hover ul li.menusub a {display:block; padding:4px 8px 4px 17px; height:100%; background:#0072ac url(../images/bgmenusuphover.gif) top left no-repeat; color:#fff; width:125px; border-bottom:1px solid #80b9d6; border-left:1px solid #80b9d6; z-index:999}
.menuleft ul li.menu:hover ul li.menusub a:hover {display:block; width:125px; padding:4px 8px 4px 17px; background:#008bd2 url(../images/bgmenusub.gif) top left no-repeat; color:#fff; border-bottom:1px solid #80b9d6; height:100%; z-index:999;}
/* specific to non IE browsers */
.menuleft ul li.menu:hover a { color:#fff; border-bottom:1px solid #ffffff; background:#0072ac url(../images/bgmenuhover.gif) top right no-repeat; z-index:999;}
.menuleft ul li.menu:hover ul {display:block; position:absolute; left:165px; top:0; width:151px; background:#0072ac; padding:4px 0; z-index:999}
.menuleft ul li.menu:hover ul li.menu a.hide {background:#dfc184; color:#000; z-index:999;}
.menuleft ul li.menu:hover ul li.menu:hover a.hide {width:151px; z-index:999;}
.menu ul li.menu:hover ul li ul {display: none;}
.menuleft ul li.menu:hover ul li.menu a {display:block; padding:4px 8px 3px 17px; height:100%; background:#0072ac url(../images/bgmenusuphover.gif) top left no-repeat; color:#fff; width:125px; border-bottom:1px solid #80b9d6; z-index:999;}
.menuleft ul li.menu:hover ul li.menu a:hover {display:block; width:125px; padding:4px 8px 3px 17px; height:15px; background:#008bd2 url(../images/bgmenusub.gif) top left no-repeat; color:#fff; border-bottom:1px solid #80b9d6; height:100%; z-index:999;}
div.advLeft {margin-top:22px; text-align:center;}
/* ---CENTER---- */
.margin {margin:5px 10px;}
div.bgshadown {font-family: Verdana; font-size: 13px; line-height: 1.4em; background:url(../images/bgShadown.jpg) center bottom no-repeat; padding: 10px 0px;}
.borderbottom {border-bottom:1px solid #737373; padding:10px 0px;}
.noborderbottom {padding:10px 0px;}
div.detailSub {padding: 0px 10px 10px 10px;}
div#center {width:488px; float:left;}
div#centerSup {width:480px; float:left; padding: 8px 4px;}
div.imagesLeft {width:28%; text-align:center;}
div.imagesLeft2 {width: 20%; text-align:center;}
div.contenRight {width:70%; line-height:15px;}
div.contenRight2 {width:100%; line-height:15px;}
div.contenRight3 {width:75%; line-height:15px;}
div.titleCenter {background:url(../images/iconsTitle.gif) left no-repeat; height:22px; border-bottom:1px solid #cccccc; padding: 2px 5px 0px 28px; color:#69a1d9;}
div.titleCenter2 {height:22px; border-bottom:1px solid #cccccc; padding: 2px 0px 0px 0px; color:#69a1d9;}
div#centerSup ul.bgtitle {background:url(../images/bgTitle_2.gif) bottom repeat-x; margin-top:1px; height:20px;}
div#centerSup ul.bgtitle li.title {background:#ececec url(../images/bgTitle_1.gif) right no-repeat; height:18px; padding:2px 30px 0px 18px;}
.padding-bottom {padding-bottom:5px;}
/* ---Home---- */
div#centerHome {padding: 8px 15px 15px 15px;}
ul.bdTap {background:url(../images/borderbottomTap.gif) bottom repeat-x; float:left; width:100%;}
ul.bdTap li.anglTap {background:url(../images/angleTap.gif) no-repeat; float:left; border-bottom:1px solid #737373; height:23px; width:1px; margin-left:2px; font-size:0px;}
ul.bdTap li.anglTap2 {background:url(../images/angleTap.gif) no-repeat; float:left; border-bottom:1px solid #737373; height:23px; padding-left:1px; font-size:0px; width:1px;}
ul.bdTap li.navActive {border-left:1px solid #737373; border-top:1px solid #737373; border-right:1px solid #737373; padding: 5px 7px; background:#ffffff; font-weight:bold; float:left;}
ul.bdTap li.tap2 {background:url(../images/bgTap.gif) repeat-x; font-weight:bold; padding: 5px 7px; float:left; border-bottom:1px solid #737373;}
ul.bdTap li.tap2 a {color:#FFFFFF; text-decoration:none;}
ul.bdTap li.tap2 a:hover {color:#78ffea; text-decoration:none;}
div.ctNav {border-left:1px solid #737373; border-right:1px solid #737373; border-bottom:1px solid #737373; padding: 10px; margin:0px;}
div.anglTop {background:url(../images/anglTop.gif) top no-repeat;}
div.anglborder {background:url(../images/anglborder.gif) repeat-y; width:165px;}
div.angBottom {background:url(../images/anglbottom.gif) bottom no-repeat; width:165px; height:auto; height:70px; min-height:70px; padding:5px 0px;}
div.angBottom b {font-size:10px; display:block; padding:0px 5px 0px 0px;}
div.ctRighthome {width:277px; margin-left:8px;}
div.ctRighthome ul.addSearch {margin-top:10px;}
div.ctRighthome ul.addSearch li.add {float:left; padding:0px 0; margin-right:0px; width:155px;}
div.ctRighthome ul.addSearch li.search {float:left; padding-top:5px; padding-left:3px;width:130px;}
/* ---Archives---- */
div.linkOther {margin-top:10px; padding:5px 0px;}
a.otherArticle {display:block; background:url(../images/icon_2.gif) left no-repeat; width:100%; min-width:50%; padding-left:12px; margin-top:5px;}
a.otherArticle:hover {display:block; background:url(../images/icon_2Over.gif) left no-repeat; padding-left:12px; margin-top:5px;}
ul.bgsearch {background:#ededed url(../images/iconsSearch.gif) top left no-repeat; height:26px; margin-top:1px;}
ul.bgsearch li.searchLeft {margin-left: 38px; padding:2px 0; display:inline;}
ul.bgsearch li.categori {margin-right:10px; padding:2px 0; display:inline;}
input.formSearch {font-size:11px; color:#7f7f7f; vertical-align:top;}
input.formButtonGo {font-size:11px; vertical-align:top; width:25px;}
select.categori {font-size:11px; vertical-align:middle; width:129px;}
select.sort {font-size:11px; vertical-align:middle; width: 100px;}
.articelDescription{ font-size:11px; color:#919191;}
/* ---GamesEvent---- */
div.bgOther {background:#f9f9f9; padding:10px; margin:5px 0;}
div.bgOther li.left {width:30%}
div.bgOther li.right {width:60%;}
div.borderBlue {border:1px solid #5e9ad6; padding:8px;}
a.numberPage {display:block; border:1px solid #666666; font-weight:bold; font-size:9px; text-align:center; color:#666666; padding:2px; margin:1px;}
a.numberPage:hover {display:block; border:1px solid #666666; color:#ec7b1d; font-weight:bold; font-size:9px; text-decoration:none; padding:2px; margin:1px;}
a.numberPageActive {display:block; border:1px solid #666666; color:#ec7b1d; font-weight:bold; font-size:9px; text-decoration:none; padding:2px; margin:1px;}
a.numberPageActive:hover {display:block; border:1px solid #666666; color:#ec7b1d; font-weight:bold; font-size:9px; text-decoration:none; padding:2px; margin:1px;}
a.nextPage {display:block; font-weight:bold; font-size:10px; text-align:center; color:#666666; padding:2px; margin:1px;}
a.nextPage:hover {display:block; font-weight:bold; font-size:10px; text-align:center; color:#ec7b1d; text-decoration:none; padding:2px; margin:1px;}
/* ---PhotoAlbum---- */
li.rowPhotoAlbum {margin:0; padding:0; width:100%;}
li.rowPhotoAlbum b {display:block; text-align:center; background:#cccccc; margin:2px; width:31%; padding:2px 2px 8px 2px;}
/* ---GENERALSEARCH---- */
div.bgviewAll {background:#f2f2f2; width:94%; text-align:right; font-weight:bold; padding:2px 24px 2px 2px;}
.textviewAll{color:#046be0;}
/* ---Login, Newslette ---*/
ul.login-newsletter {margin:0 20px 0 35px;}
ul.login-newsletter li.login {height:160px;}
ul.login-newsletter li.Newsletter {background:url(../images/bg_newsletter.jpg) right top no-repeat;; height:120px;}
ul.login-newsletter li.login span, li.Newsletter span {display:block; text-align: right; margin:5px 10px;}
/* ---Member---- */
fieldset {border:1px solid #CCCCCC;}
fieldset legend {padding: 0 5px; font-weight: bold; color:#5f7a97; font-size:12px;}
fieldset ol {margin:10px 0; padding:0px; list-style:none;}
fieldset ol li {padding:5px; margin:0;}
fieldset ol li em {font-style:normal; color:#FF0000;}
fieldset ol li label { white-space:nowrap; width:100px; display:block; margin-top:5px; padding-right:10px;}
fieldset ol li input {margin-left:40px;padding-top:5px;}
/* ---Tag---- */
/* windowpopup */
div#winbigpopup, div#winsmallpopup {margin:0px; padding:5px 7px 7px 7px; background:#cccccc; z-index:999999;}
div#winbigpopup {width:500px; left:47px; top:243px;}
div#winsmallpopup {width: 300px; left: 192px; top: 470px;}
div.titleWin {background:url(../images/icon_titleWindow.jpg) top left no-repeat; height:21px;}
div.titleWin h3 {padding:3px 0 0 38px; color:#FFFFFF;}
div.titleWin b {font-size:10px;}
div.titleWin b a {color:#f2f2f2;}
div.titleWin b a:hover {color:#ffffff; text-decoration:none;}
div.listCountry {background:#ffffff url(../images/anglTopLeftWindow.gif) top left no-repeat; margin-top:5px;}
div.angleTopRight {background:url(../images/anglTopRightWindow.gif) top right no-repeat;}
div.angleBottomLeft {background:url(../images/anglBottomLeftWindow.gif) bottom left no-repeat;}
div.angleBottomRight, div.angleBottomRigh2 {background:url(../images/anglBottomRightWindow.gif) bottom right no-repeat; padding:5px;}
div.angleBottomRight {height:auto !important; height:460px; min-height:460px;}
li.nameCountry {margin-bottom:5px; font-weight:bold;}
li.nameCountry b.country {width:30%; display:block; height:20px; margin-bottom:5px; margin-top:5px; margin-left:5px;}
li.nameCountry a {width:30%; height:20px; margin-bottom:5px; margin-top:5px; margin-left:5px;}
li.nameMonth, li.nameAlpha {margin:0px; padding:0px; display:inline;}
li.nameMonth a {display:block; background:#efefef; width:48%; color:#3e74b2; text-align:center; padding:2px 1px; margin:1px; font-weight:bold;}
li.nameMonth a:hover, li.nameAlpha a:hover {display:block; background:#ffca9b; color:#ec7b1d; text-align:center; padding:2px 1px; margin:1px; text-decoration:none; font-weight:bold;}
li.nameAlpha a {display:block; width:23%; background:#efefef; color:#3e74b2; text-align:center; padding:2px 1px; margin:1px; font-weight:bold;}
span.listCity1 {display:block; background:#dfebf7; padding:5px; position:absolute; width:516px; left: 100px; top: 96px;}
b.colCity {display:block; width:23%; margin-right:10px; font-weight:normal; line-height:18px;}
/* ---RIGHT---- */
div#right {width:189px; float:right; text-align:center; padding: 10px 5px;}
/*ADV BOTTOM */
div#advBottom {width: 900px; margin: 0 auto; padding: 10px 0; background:#FFFFFF right no-repeat; text-align:center; border-top: 1px solid #666666;}
/* FOOTER */
#footer {width: 900px; margin: 0 auto; padding: 1px 0; overflow:hidden; background:#FFFFFF right no-repeat; border-top: 1px solid #666666;}
div.staticpages {
width: 200px;
float: left;
margin: 0 20px;
list-style:none;
}
.copyright{
text-align:right;
}
/* ---memberLogin---- */
div.bgTopMemberLogin {background:url(../images/bgTopLogin.gif) top left no-repeat;}
div.borderMember {background:url(../images/bgmemberLogin.gif) top left repeat-y; margin-top:15px;}
div.bgbottomMemberLogin {background:url(../images/bgBottomLogin.gif) bottom left no-repeat; width:150px; padding:8px;}
.titlememberLogin {color:#3c72ae;}
/* ---Messages---- */
ul.barMess {background:#dfebf7; margin-top:5px; height:17px;}
ul.barMess li.orderNumber {width:5%; font-weight:bold; text-align:center;}
ul.barMess li.dateMess {width:15%; text-align:center; font-weight:bold; font-size:12px; padding: 0 5px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; height:17px;}
ul.barMess li.contentMess {padding-left:10px; font-weight:bold; font-size:12px; width:60%;}
ul.barMess li.memberMess {padding-left:10px; font-weight:bold; font-size:12px; width:10%;}
ul li.num {font-weight:bold; text-align:center; width:5%;}
ul li.numDate {width:15%; text-align:center; padding:0 5px;}
ul li.contentM {width:60%; padding-left:10px;}
ul li.memberMessage {width:10%; padding-left:10px;}
/*-------- SEARCH ADV - */
.bgsearchLager {background:#ededed url(../images/iconsSearch.gif) top left no-repeat; height:60px; margin-top:1px;}
.bgsearchLager li.searchLeft {margin-left: 38px; padding:2px 0; display:inline;}
.bgsearchLager li.categori {margin-right:10px; padding:2px 0; display:inline;}
/* ---- BUTTON ADD ITEM -- */
.bg1add {background:url(../images/buttonAdd2.gif) left top repeat-x;}
.bg2add {background:url(../images/buttonAdd1.gif) left top no-repeat;}
.bg3add {background:url(../images/buttonAdd3.gif) right top no-repeat; height:17px; padding:4px 10px 0 30px;}
/* ---Clan 27/05/2008 ---- */
div.scotclan {background:#f9f9f9 url(../images/bgclanscot.gif) bottom left repeat-x; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; margin-top:5px; min-height:96px; height:auto !important; height:96px;}
div.titlescotclan {background:#eaeaea; border-bottom: 2px solid #5f9dd7; padding-left:11px; line-height:25px;}
div.searchscotclan {padding:10px 10px 5px 10px}
div.scotclanbgbottom {background:url(../images/bgbottomclan.gif) top left no-repeat; height:9px; padding:0; margin:0;}
.colorenterclan {color:#0072ac}
b.alphabeta {display:block; padding:3px 5px; margin:5px 1px 5px 0; background:#3f86bd;}
b.alphabeta a {color:#FFFFFF; text-decoration:none;}
b.alphabeta a:hover {color:#ec7b1d; text-decoration:underline;}
li.clanfamily {background:#f3f3f3; padding:5px; margin:0px 0; width:47%; height:auto !important;}
.listalpha {border:1px solid #ebebeb; padding: 3px 0 3px 8px;}
.baralpha {background:#3f86bd; color:#FFFFFF; font-size:12px; font-weight:bold; padding:3px 0 3px 8px;}
/* TITLE NONE LINK */
.titleItem {padding:0px 0 0 0px; color:#3E74B2;}
/* SEARCH CLAN */
ul.menuSearchClan {padding:00px 00px 0px 0;}
li.menuSearchClan{height:29px; width:50%; float:left; padding-top:0px; margin:0 0 0px 0px;}
.textImageCaption{
text-align:center;
color:#999999;
}
/* WEBSITE 11/6/08 */
.bg_weblink {background: #f9f9f9; border:1px solid #FFFFFF; text-align:left; padding: 10px 0px 0px 20px; width:45%; float:left}
/* 26/6/2008 */
div.titleGameEvent {background:url(../../../uploadedImages/config/iconsEvent.gif) left no-repeat; height:22px; border-bottom:1px solid #cccccc; padding: 2px 5px 0px 28px; color:#69a1d9;}
div.titleWebsitelink {background:url(../../../uploadedImages/config/iconsWebsite.gif) left no-repeat; height:22px; border-bottom:1px solid #cccccc; padding: 2px 5px 0px 28px; color:#69a1d9;}
div.titleClanfmily {background:url(../../../uploadedImages/config/iconsClan.gif) left no-repeat; height:22px; border-bottom:1px solid #cccccc; padding: 2px 5px 0px 28px; color:#69a1d9;}
div.titleSocietiesClub {background:url(../../../uploadedImages/config/iconsClub.gif) left no-repeat; height:22px; border-bottom:1px solid #cccccc; padding: 2px 5px 0px 28px; color:#69a1d9;}
.menutopactive {border:1px dashed #eaae1e;}
li.menuGamesEvents a.noborder, li.menuWebsiteLink a.noborder, li.menuClansFamilies a.noborder, li.menuSocietiesEvents a.noborder, li.menuSocietiesEvents a.noborder {border-right:none;}
/* --- Error--- */
div.error {background:#f7f7f7; border:1px solid #CCCCCC; padding:8px; margin: 5px 10px;}
div.error h1.er {background:url(../images/iconError.gif) top left no-repeat; color:#d61919; font-size:16px; padding-left:25px; padding-bottom:10px; font-weight:bold; display:block;}
/********** Khoanx *************/
ul.Area { margin-bottom: 10px; text-align: left;}
ul.Area li.E_Title {
padding: 2px 7px;
font-size: 10px;
text-transform: uppercase;
color: #fff;
background: #5e9ad6;
}
ul.Area li.Sub {
font-size: 10px;
color: #3e74b2;
background: url(../images/DotLine_H.gif) bottom repeat-x;
padding: 2px 0;
}
ul.Area li.Sub a{
padding: 4px 8px;
width: 173px;
display: block;
color: #3e74b2;
text-decoration: none;
}
ul.Area li.Sub a:hover{
color: #ec7b1d;
background: #f1f1f1;
text-decoration: underline;
}
ul.Area li.Sub a img{margin-right: 3px; border: 0px;}
/************* 15/08/2008 **********************/
ul.register {padding:0px 0px 0px 0;}
li.registerLeft { float:left; display:block;width:101px;}
li.registerRight { float:left; display:block;}
select.register{
margin-left:40px;
}
select.radio{
margin-left:40px;
}
select.textarea{
margin-left:40px;
}