/* == STYLESHEET FUNCTIONS - Global reset and base element styling
------------------------------------------------------------------------------------------------------------------------ 

/* == Global Reset 
------------------------------------------------------------------------------------------------------------------------ */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}


/* == Base Element Styling
------------------------------------------------------------------------------------------------------------------------ */
body{color: #000;line-height: 1.5;font-size: 90%;background: #fff url(../_img/bg-home_1.jpg) repeat-y top center; font-family: 'Andale Mono WT',  'Andale Mono', "Myriad Pro","Myriad Web Pro", Georgia, 'Times New Roman', Arial;}

h1, h2, h3, h4, h5, h6{font-size: 140%;font-weight: normal;color: #fff;}
h1{font-family:"Myriad Pro","Myriad Web Pro"; background-color:#030303; text-transform:lowercase; font-size:120%; padding:0px; color:#fff; letter-spacing:3px;  line-height:100%;  margin-bottom:5px; }
h2{padding:0; font-size:145%;}
h3{margin:0 0 10px 0;}
h4{font-family:"Myriad Pro" "Myriad Web Pro"; background-color:#030303; text-transform:lowercase; font-size:100%; padding:1px 4px; color:#fff; letter-spacing:5px;  line-height:100%; }
h5{font-family:"Myriad Pro" "Myriad Web Pro"; background-color:#030303; text-transform:lowercase; font-size:120%; padding:0px; color:#fff; letter-spacing:5px;  line-height:100%;  margin-bottom:2px; }
h6{font-family:"Myriad Pro" "Myriad Web Pro"; background-color:transparent; text-transform:lowercase; font-size:120%; padding:0px; color:#fff; letter-spacing:2px;  line-height:normal; }
.underline{border-bottom:solid 1px #333;padding-bottom:2px;}

.zoneOne h2 {font-family:"Myriad Pro","Myriad Web Pro";padding:0 5px; background-color:#030303; text-transform:lowercase; font-size:150%;letter-spacing:3px;  line-height:100%;  margin-bottom:5px;}
.splitRight h2{font-family:"Myriad Pro","Myriad Web Pro";padding:0 5px; text-transform:lowercase; font-size:150%;letter-spacing:3px;  line-height:100%;  margin-bottom:5px;}

p{margin:0;line-height: 1.3em;}
blockquote{margin: 20px;}

ul{margin:0; list-style-type: none;}
ul.basic{margin: 10px 0 10px 0; list-style: none;list-style-image: none;}
ul li{margin: 5px 0;}
ul li ul{list-style-image: url(http://lykkeli.com/_img/angle-arrow.gif);margin: 5px 0 5px 20px;}
ul li ul li{margin: 3px 0;}
ol{margin: 20px 0 20px 25px; list-style-type: decimal;}
ol li{margin: 10px 0;}
ul.plain{margin: 20px 0 20px 0;list-style: none;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{background: #666; border-collapse: collapse;margin: 0;}
thead{}
tfoot{}
th{border: solid 1px #aaa;padding: 3px 6px; background: #f6e8d4; color: #333;}
tr{}
td{border: solid 1px #ddd;padding: 3px 6px; color:#f6e8d4}

label { float: left; font-style: italic; width: 100px; margin-bottom: 5px; }
.input, .inputText, select, textarea { border: solid 1px #ccc; background: #f6f6f6; margin-bottom: 5px; }

/** provide width classes to stack onto elements **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fortynine{width:49%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/* Cross browser hr styling */
hr{border: 0;border-top: solid 3px #FFF; height: 3px; margin: 5px 0;}
div.hr{margin: 5px 0px 10px 0px; border: none; border-top: 3px solid #FFF;clear:both;}
div.hr hr{display:none;}

a{color: #000;text-decoration: none;}
a:hover{text-decoration: none;}

h1 a{color: #000;}
h1 a:hover{background: none;}


h2 a {color:#000; text-decoration:none;}

img{vertical-align: bottom;}
img.rssIcon{position: absolute; bottom: 6px; right: 5px;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrz, .clrSml{clear: both;line-height:1px;height:1px;}
/** presentation **/
.textRight{text-align: right;}
.hide{display: none;}
.snug{margin: 5px 0 10px 0;}
.inlineImg{margin: 6px 7px 5px 0; }
.inlineImgRight{margin: 0 0 5px 7px;}
.sml{font-size:90%;}
.tightRight {margin-right:0px !important;}
.tightLeft {margin-left:0px !important;}

.vSpaceFive {margin-bottom:5px !important;}
.vSpaceTen {margin-bottom:10px !important;}
.vSpaceFifteen {margin-bottom:15px !important;}
.itemDetails { line-height:normal;}
.scanHolder {display:none;}

/* = Sprite
--------------------------------------------------------------------------------------------------------------------*/
/*.sprite  {background: url(../_img/sprite/sprite.gif)}*/

/* = Paging
--------------------------------------------------------------------------------------------------------------------*/
.paging {float:right; line-height:normal;color:#000;}
.paging .detailsText{display:none;}
.paging .pg{float:left; margin: 0 0 0 0;}
.paging ul{float:left; margin:0; padding:0;}
.paging ul li{float:left; margin-right:5px;}
.paging ul li a{text-decoration:none; padding:0 3px;color:#000;}
.paging ul li a.on, .paging ul li a:hover{background:#000; color:#fff;}
.paging ul li.det{margin-right:20px;}

/* = Images
--------------------------------------------------------------------------------------------------------------------*/
span.newsItem{float:left; display:block; background: url(../_img/bg-news.gif) no-repeat; width:60px; height:16px; margin:2px 10px 0 0; }
.img {float:left; margin:0 15px 15px 0;}

/* = Anchors
--------------------------------------------------------------------------------------------------------------------*/
a.std {text-decoration:none;}
a.std:hover {text-decoration:underline;}

/* = Btns
--------------------------------------------------------------------------------------------------------------------*/
.btn { position: relative; border:1px solid #aea699; background:url(../_img/btn.gif) no-repeat; width: auto; height: auto; text-transform:uppercase; cursor:pointer;color:#FFF; font-family: "Myriad Pro" "Myriad Web Pro" Georgia; letter-spacing: 2px; padding: 2px 5px; }
.linkBtn{background:url(../_img/cross-black.gif) no-repeat 0 2px #000;color:#fff;padding-left:12px;padding-bottom:3px;line-height:100%;text-decoration:none;}
.linkBtnWhite{background:url(../_img/cross-white.gif) no-repeat 0 5px #fff;border:1px solid #000;padding-left:12px;padding-bottom:3px;line-height:100%;text-decoration:none;text-transform:lowercase;}
.plainLink{background:#000;padding:0 5px;letter-spacing:5px;line-height:100%;text-transform:lowercase;}
.reportContent { position: relative; border:1px solid #aea699; background:url(../_img/btn.gif) no-repeat; width: auto; height: auto; text-transform:uppercase; cursor:pointer;color:#FFF; font-family: "Myriad Pro" "Myriad Web Pro" Georgia; letter-spacing: 2px; padding: 2px 5px; }
.comentReport .linkBtn { position: relative; border:1px solid #aea699; background:url(../_img/btn.gif) no-repeat; width: auto; height: auto; text-transform:uppercase; cursor:pointer;color:#FFF; font-family: "Myriad Pro" "Myriad Web Pro" Georgia; letter-spacing: 2px; padding: 2px 5px; }
.viewAccount { border:1px solid #aea699; background:url(../_img/btn.gif) no-repeat; width: auto; height: auto; text-transform:uppercase; cursor:pointer;color:#FFF; font-family: "Myriad Pro" "Myriad Web Pro" Georgia; letter-spacing: 2px; padding: 2px 5px; }
.viewAccount a { color: #fff; }

/* == Opacity Styles
------------------------------------------------------------------------------------------------------------------------ */
.opacity{float:left; position:relative; overflow:auto;}
.opacity .content{zoom:1; position:relative; z-index:5; min-width:0;}
.opacity .opacityLayer{background:#000; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.15; filter:Alpha(opacity=15);}
.opacity{width:100%;}
.whiteLayer{}