@charset "UTF-8";

/**
 * @author superfly - www.flyweb.at
 * @link http://www.flyweb.at
 * @version 8.0
 * @lastmodified September 2009 
 *
 */


/* ----------------------
 
   YAML Framework  

------------------------ */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml3.2/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(yaml3.2/screen/basemod_draft.css);
@import url(yaml3.2/screen/content_default.css);

/* import print layout | Druck-Layout einbinden 
@import url(yaml3.2/css/print/print_draft.css);
*/

/* ----------------------

   TAGs
 
 ------------------------ */

@font-face {
	font-family: Andika;
	src: url("fonts/AndBasR-webfont.eot"); /* EOT file for IE */
	font-family: YanoneKaffeesatz-Regular;
	src: url("fonts/YanoneKaffeesatz-Regular-webfont.eot");
}
@font-face {
	font-family: Andika;
	src: url("fonts/AndBasR-webfont.ttf"); /* TTF file for CSS3 browsers */
	font-family: YanoneKaffeesatz-Regular;
	src: url("fonts/YanoneKaffeesatz-Regular-webfont.ttf"); 
}

@media screen, projection{

/* IE Hack for banner flickering */
html{
	background-attachment: fixed;
	background-image:url(../images/v8/1x1trans.gif);
	background-color:#ffffff;
	background-repeat: nor-repeat;
} 

body{
	font-family: Verdana, sans-serif;
	padding: 0px;
	color: #54544e;
	margin: 0;
	font-size: 0.75em !important;
	line-height: 1.35em !important;
	background: #fffeed url(../images/v8/rightColBG.gif) repeat-y 725px 0;
} 



h1,h2,h3,h4,h5,h6{
	letter-spacing: 0.025em;
	font-family: YanoneKaffeesatz-Regular, Andika, "Trebuchet MS", Arial, Helvetica, sans-serif;
/* color: #768568;*/
	color: #828277;
/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hIEfix.png,sizingMethod=crop);*/
/* zoom:1;*/
}


h1{
	font-size: 290%;
	padding: 15px 0 10px;
	line-height: 1.1em;
/*	font-weight: bold;*/
/*	color: #C4CCB5 ;*/
}

h2{
	font-size: 250%;
	line-height: 1.2em !important;
	padding-bottom: 5px;
}

h3{
	font-size: 180%;
	line-height: 1.2em !important;
	padding: 15px 0 10px;
}

h4{
	font-size: 130%;
	line-height: 1.5em !important;
	font-family: Georgia, Times, serif;
	letter-spacing: normal;
} 


h5{
/*	font-family: Georgia, Times, serif;*/
	font-size: 150%;
	padding-bottom: 7px;
	margin-bottom: 6px;
	letter-spacing: normal;
}


h6{
	letter-spacing: normal;
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: Georgia, Times, serif;
/*	font-size: 100%;*/
}


h1 a:link, h1 a:visited{
/*	color:#758467 !important;*/
/*	font-weight:300;*/
/*	text-shadow:0 1px 0 #E5E5EE;*/
/*	font-weight: 600;*/

	color: #828277 !IMPORTANT;
	text-shadow: 1px 0px 3px #C4CDB3;
/*	text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);*/

/*	color: #C4CCB5 !IMPORTANT;*/
/*	text-shadow: 0px -1px 1px #54544E;*/
/*	text-transform: uppercase;*/
/* 	letter-spacing: 0.0175em;*/
	
} 

h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited, 
h5 a:link, h5 a:visited
	{color: #828277 !IMPORTANT;} 

h4 a:link, h4 a:visited,
h6 a:link, h6 a:visited {color: #758467; /* border-bottom:1px dotted; */} 

h1 a:hover, h1 a:focus, h1 a:active,
h2 a:hover, h2 a:focus, h2 a:active,
h3 a:hover, h3 a:focus, h3 a:active,
/*h4 a:hover, h4 a:focus, h4 a:active,*/
h5 a:hover, h5 a:focus, h5 a:active
/*h6 a:hover, h6 a:focus, h6 a:active*/
	{color: #874B3F !IMPORTANT; background: none !IMPORTANT; text-decoration: none !IMPORTANT;}

h5 a {border-bottom: 0px !important;}
 
h6 a:link, h6 a:visited {border-bottom: 0px !important;}

h4 a:hover, h4 a:focus, h4 a:active,
h6 a:hover, h6 a:focus, h6 a:active {color: #ba1f00; text-decoration: underline !important;}


/*
#main a[href^="http://192.168.0.77/~superfly/flyweb/"],
#main a[href^="https://www.flyweb.at"]{
 background-image: url('your_image.gif');
 background-repeat: no-repeat;
 background-position: 0 0.45em;
} */

a:link, a:visited, a:hover, a:focus, a:visited
{outline: none !important;} /* fix ugly dotted borders from links in FF */

a:link, a:focus, a:visited{background: none; color:#969563;} /* 874b3f b1b07d */
 
a:active{background:none; text-decoration:none !important;}
a:hover, a.tagActive{text-decoration:underline !important; background:none; color: #ba1f00;} 
/*a img, a:hover img, img, a{border: 0px none !important; background:none}  */ 

a:link img, a:visited img, a:hover img, a:focus img, a:visited img{text-decoration: none !important;}
   
/* Mozilla based browsers */
::-moz-selection {
      background-color: #C4CCB5;
      color: #000;
}
/* Works in Safari */
::selection {
      background-color: #C4CCB5;
      color: #000;
}
   
input{
	padding: 3px;
	margin: 3px 0;
	background: #EBEBDA;
	border: 1px solid #dadbc1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 15px #f0f0f0;
	-moz-box-shadow: 0 0 15px #f0f0f0;
	box-shadow: 0 0 15px #f0f0f0;
}

textarea{
	border:0px;
	padding: 3px;
	background: #EBEBDA;
	border: 1px solid #dadbc1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
} 
 
fieldset{border:1px solid #b1b07d; margin:0px; padding:10px;}
legend{font-family: georgia; margin:0 6px; padding:5px 6px; color:#54544e; font-style: italic; font-weight: bold;} 

label{font-family: georgia; font-style: italic; font-weight: bold;}

.button{
	height:34px;
	width:95px;
	border:0;
	color: transparent;
	line-height: 70px !IMPORTANT;
	background: url(../images/v8/buttonFormSprite.gif) no-repeat;
	cursor: pointer;
}


table{border:0px !important;} 
tbody th{background-color:#f2f2f2 !IMPORTANT;}
tbody td{border-bottom: none;}
tbody tr:hover td{background: transparent !important;}


/* ----------------------
  
	TXP Comment

------------------------ */

#txpCommentPreview {background-position: 0 -69px;}
#txpCommentSubmit {background-position: 0 -34px;}
.disabled {background-position: 0 0 !important; cursor: default;}
 
input.comment_name_input,
input.comment_email_input {width: 150px;}

input.comment_web_input {width: 328px;}

.commentsDiv{padding:15px;}
.commentsDivPreview{
	border: 1px solid #874b3f;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:10px; margin:8px;
	background: #eaeddf;
} 
ol.comments li {padding:5px 0;} 
.indented_pad10 {padding:0 25px;}
p#txpCommentInputForm {padding:20px !important; margin:10px !important; background: #ebebd8; border:1px solid #990000;} 

.commentsAuthor{
	background: #ebebda url(../images/v8/fly.png) top right no-repeat !important;
	border: 1px solid #dadbc1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.commentsAuthor img.gravatar {margin-left: 13px;}

.gravatar {float:left; padding: 3px 3px 3px 0; margin:0 5px 0 3px;}

/* ----------------------
  
	Layout

------------------------ */

.page_margins{width: 984px;}

#main{
	float: left;
	width: 100%;
}

#col1{
	float: right;
	width: 437px;
	margin: 0 259px 0 -696px;
	background-image: url(../images/v8/centerColBGsprite.gif);
	background-repeat: no-repeat;
}

#col2{
	float: right;
	width: 259px;
	margin: 0;
	background: url(../images/v8/rightColTopBG.gif) no-repeat;
}

#col3{
	float: left;
	width: 288px;
	margin-right: -5px;
	margin-left: 0;
}

#col1_content{
	padding: 0 25px 0 35px;
	min-height: 1150px;
}

#col2_content{
	padding: 0 0 0 45px;
	overflow: hidden;
}

#col3_content{
	padding: 0 10px 0 20px;
	min-height: 721px;
	background: url(../images/v8/leftColBG.jpg) no-repeat;
}

#col1Top{
	height:25px;
	width:402px;
	padding-bottom:15px;
	background-image: url(../images/v8/centerColTopSprite.gif);
	background-repeat: no-repeat;
}

.col1Tab1Top {background-position: 0px -98px;}
.col1Tab1 {background-position: 0 0;}
.col1Tab1BG {background: url(../images/v8/centerColTab1BG.gif) repeat-y 41px 0;} 

.col1Tab2Top {background-position: 0px -49px;}
.col1Tab2 {background-position: -41px 0;}
.col1Tab2BG {background: url(../images/v8/centerColTab2BG.gif) repeat-y 41px 0;}

.col1Tab3Top {background-position: 0 0;}
.col1Tab3 {background-position: -82px 0;}
.col1Tab3BG {background: url(../images/v8/centerColTab3BG.gif) repeat-y 41px 0;}
 
#footer{
	padding: 10px 20px;
	height:40px;
	color:#666;
	background-image: url(../images/v8/footerBG.gif);
	background-repeat: no-repeat;
}

.footerTab1 {background-position:  288px -120px;} 
.footerTab2 {background-position:  288px -60px;}
.footerTab3 {background-position:  288px 0px;}
 
#col1_content, #col2_content, #col3_content{ 
 /* min-height:100%;
 height:auto !important;
 height: 100%; */
}
 
 
/* ----------------------

	Navigation

------------------------ */
 
ul#navi{
	margin: 100px 0 0 -45px;
	padding-bottom: 85px;
} 
 
ul#navi li{
	list-style-type: none;
	height: 92px;
	width: 76px;
	margin-left: 0;
	background-image: url(../images/v8/tabSprite.gif);
	background-repeat: no-repeat;
	/* cursor: pointer; */
} 

ul#navi li#tab1 {background-position: -24px -471px;} /* 471 */
ul#navi li#tab2 {background-position: -24px -283px;} /* -283 */
ul#navi li#tab3 {background-position: -24px -94px;} /* -94 */

ul#navi li#tab1.active {background-position: -4px -377px;}
ul#navi li#tab2.active {background-position: 0 -189px;}
ul#navi li#tab3.active {background-position: 0 0;}
 
ul#navi li a{
	padding: 34px 70px 54px 0;
	line-height: 90px;
	color: transparent;
	display: block; /* we need this so IE shows empty a href's */
} 
 
/* Navigation End */ 
 

/**
 * 
 * Layout End
 *
 */ 
  
 
/* ---------------------- 
 
    ID's    
 
------------------------ */
  
#searchDiv {margin: 20px 0 0 210px;}  
#picZoom {background: url(../images/v8/iconZoomPic.png) 360px 100% no-repeat;}


#canDots{
	position: relative;
	top: 0;
	left: 135px;
	height: 500px;
	width: 140px; 
}

/* ----------------------

 CLASSES 

------------------------ */ 

.hr1 {background:url(../images/v8/col1HR_a.png) no-repeat; height:22px; width:383px; margin-left: -6px;}
.hr2 {background:url(../images/v8/col1HR_b.png) no-repeat; height:22px; width:383px; margin-left: 6px;}

.bordDoBot {border-bottom: 1px dotted #999999;}
.greyBor {border: 1px solid #999999;}
.lightGreyBor {border: 1px solid #ededed;}

.pad5 {padding: 5px 0 !important;}
.pad5h {padding: 0 5px !important;}
.pad10 {padding: 10px 0 !important;}
.pad10h {padding: 0 10px !important;}
.commentsAuthor p {padding-left: 10px !important;}
.pad20 {padding: 20px 0 !important;}
.pad20h {padding: 0 20px !important;} 

.mar3 {margin: 3px 0 !important;}
.mar5 {margin: 5px 0 !important;}
.mar5h {margin: 0 5px !important;}
.mar10 {margin: 10px 0 !important;}
.mar10h {margin: 0 10px !important;}
.mar20 {margin: 20px 0 !important;}
.mar20h {margin: 0 20px !important;}
 
.bolder {font-weight:bolder;}
.underline {border-bottom:1px solid;}

.big, a.big{
	font-size: 1.8em !important;
	font-weight: normal;
} 
 
.small, a.small{
	font-size : 11px !important;
	font-family: arial, sans-serif;
	font-weight: normal;
} 

.none {margin: 0 !IMPORTANT; padding: 0 !IMPORTANT;} 

.ie_clearing {clear:both; height:1px; overflow:hidden; display:none;}

.floatL {float:left !IMPORTANT; width: 45%; padding: 0 5px 0 0;}
.floatR {float:right !IMPORTANT;}

.noBorder {border:0px;} 
 
.raquoSize {font-size: 120%;} 

.pageNav a {color:#768568; text-decoration:none !important;} 
 
.catUS {margin: 15px 0; padding: 0 5px;}
.catUSlabel{
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80% !important;
	line-height: 2.5em;
}
span.catUSlabel img {margin-top:-6px;} 
.subHeader p{
	font-size: 130%;
	line-height: 1.4em !important;
	font-family: Georgia, Times, serif;
	margin: 10px 0 0 5px;
} 

.articleThumbs{
	margin: 2px 5px 0 0;
	padding: 5px;
	float: left;
	border: 1px solid #e4e4d2;
	background: #fff;
}

.articlePic{
	border: 1px solid #e0e0e0;
	background: #fff;
	margin:10px auto 0;
	-webkit-box-shadow: 1px 1px 5px rgba(110,110,110, 0.3);
	-moz-box-shadow: 1px 1px 5px rgba(160,160,160, 0.3);
	box-shadow: 1px 2px 4px rgba(100,100,100, 0.5);
}

.articlePicInner{
	border: 1px solid #e4e4d2;
	-webkit-box-shadow:inset 0 0 5px #e0e0e0;
	-moz-box-shadow:inset 0 0 5px #e0e0e0;
	box-shadow:inset 0 0 5px #e0e0e0;
}

.picText{
	padding: 4px 0 8px 5px;
	margin-left: 0px;
	font-style: italic;
} 

.bigFirst {font-size:225%; float:left; line-height:1em; margin-right:3px;} 

.grey, a.grey, .grey a {color: #54544e !important;}
.greyBG {background: #f0f1f2;}
ul.greyList {list-style-image: url(../images/v2_listPfeilGrey.gif);}
 
.green, a.green, .green a {color: #768568 !important;}
/*a.green:hover{background-color: #e0f5ca !important;}*/
ul.greenList, ol.greenList {list-style-image: url(../images/v2_listPfeilGreen.gif);} 

.blue, a.blue {color: #0090d9;}
a.blue:hover {background-color: #a7d2ea !important;}
a.activeBlueTab {background-color: #a7d2ea !important;}
ul.blueList {list-style-image: url(../images/v2_listPfeilBlue.gif);}
 
.orange, a.orange, h3.orange a {color: #f2b807 !important;}
a.orange:hover, h3.orange a:hover {background-color: #f4d5a9 !important;} /* ee cb5e*/
ul.orangeList {list-style-image: url(../images/v2_listPfeilOrange.gif);}
 
.brown, a.brown {color: #ebebda;}
a.brown:hover {background-color: #ebebda !important;}
.brownBG {padding: 10px 4px!Important; background-color: #ebebda !important;}
ul.brownList {list-style-image: url(../images/v2_listPfeilBrown.gif);}
 
.red, a.red {color: #990000 !important;}
ul.redList {list-style-image: url(../images/v8/iconRed_LI.png);}
ul.redList li { margin: 0 0 0 0.8em !important; padding: 0 !important;}
.redBor {border: 1px solid #990000;} 
.redBG {background:#ffeeee;}
 
.white5border {border:5px solid #fff;}
.white7border {border:7px solid #fff;}

.paginate_ul {margin-left: 50px;}
.paginate_li {float:left; list-style-type:none; margin-left:0.7em;}


/* ----------------------
 
	geSHI Syntax Highlighter Layout
	
------------------------ */

div.css div, div.php div, div.javascript div, div.unix div, div.powershell div
{font: 110% Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier !important;}

div.css, div.php, div.javascript, div.unix, div.powershell{
	border: 1px solid #B1B07D;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #eaeddf;
	padding: 10px 8px;
	margin: 0 15px 0 5px;
}

div.css ol, div.php ol, div.javascript ol, div.unix ol. div.powershell ol {line-height:1.5em;}


/* ----------------------
 
	twitter
	
------------------------ */


#twitter_update_list a {color: #5dd1f6;}

h6.twitterText img {margin-top: -4px;} 

ul#twitter_update_list{
	list-style-type: none;
	list-style-image: url(../images/v8/symLI_Twitter.gif);
	margin: 0 0 1em 1.6em !important;
}

.twitterText {color:#5dd1f6;}

h5.twitterText a, a.tweet_time{
	color:#5dd1f6 !important;
	border-bottom:0px;
	text-decoration:none !important;
}
 
 
/* ----------------------

	del.icio.us classes
	
------------------------ */

.delicious-banner a,
.delicious-banner a:link,
.delicious-banner a:visited,
.delicious-banner a:focus,
.delicious-banner a:active { 
	font-size: 70%;
	line-height: 1.3em;
	color: #3275d0 !important;
	border-bottom: 0px;
}
 
.delicious-posts a {color: #3275d0 !important;}
 
.delicious-posts ul{
	list-style-type: none;
	list-style-image: url(../images/v8/symLI_Deli.gif);
	margin: 0 0 1em 0.9em !important;
}  
 
.delicious-tag{
	font-weight: bolder !important;
	font-style: italic;
} 
 
/* ----------------------

	last.fm classes 

------------------------ */

.lastfmH2 a,
.lastfmH2 a:link,
.lastfmH2 a:visited,
.lastfmH2 a:focus,
.lastfmH2 a:active{ 
	font-size: 70%;
	color: #AE0700 !important;
	border-bottom: 0px;
}
  
.lastfmH2 a img{
	margin: 13px 0 0;
	padding: 0;
	display: inline;
}
 
.lastfmSongs{ 
	height: 74px;
	width: 175px;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 4px 0 0 0;
} 

.vinylPlastic{
	float:left;
	position:relative;
	top:-4px;
	left:0px;
	width:76px;
	height:72px;
} 

.artwork {margin-left:-70px;}

.songInfos a,
.songInfos a:link,
.songInfos a:visited,
.songInfos a:focus,
.songInfos a:active{
	color: #AE0700 !important;
} 

.songInfos a:hover {color: #E01900 !important; }

.songInfos{
	margin: -4px 0 0 80px;
	font-weight: bold;
	padding: 5px 0;
	white-space: nowrap;
} 

.songArtist {padding: 5px 0;}
.songAlbum {font-weight: bold !important;}


/* ----------------------

	syntax highlighter classes 

------------------------ */


.dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	font-size: 11px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 35px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 35px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
	white-space: nowrap;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

.dp-highlighter ol li span.vars
{
	color: DodgerBlue;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; font-weight: bold;}
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }


/* ----------------------

	jquery fancybox 

------------------------ */


div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../js/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../js/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../js/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../js/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../js/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../js/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../js/fancybox/fancy_title_right.png') repeat-x;
}


} /* END @media screen, projection */