/****** FILE: yaml/core/slim_base.css *****/
/* "Yet Another Multicolumn Layout" v3.2.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 443 $ $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $ */
@media all{*{margin:0;padding:0}option{padding-left:0.4em}select{padding:1px}* html body *{overflow:visible}* html iframe,* html frame{overflow:auto}* html frameset{overflow:hidden}body{font-size:100.01%;background:#fff;color:#000;text-align:left}div{outline:0 none}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:0.8em}dt{font-weight:bold}dd{margin:0 0 1em 0.8em}blockquote{margin:0 0 1em 0.8em}blockquote:before,blockquote:after,q:before,q:after{content:""}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.floatbox{overflow:hidden}#ie_clearing{display:none}.skip,.hideme,.print{position:absolute;top:-32768px;left:-32768px}.skip:focus,.skip:active{position:static;top:0;left:0}#skiplinks{position:absolute;top:0px;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}#skiplinks a.skip:focus,#skiplinks a.skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}
@media screen,projection{#header{position:relative}#topnav{text-align:right}#header #topnav{position:absolute;top:10px;right:10px}#header,#nav,#main,#footer{clear:both}#col1{float:left;width:200px}#col2{float:right;width:200px}#col3{width:auto;margin:0 200px}#col1_content,#col2_content,#col3_content{position:relative}.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.subc{padding:0 0.5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize >div{display:table-cell;float:none;margin:0;overflow:hidden;vertical-align:top}}
@media print{.subcolumns >div,.floatbox{display:table;overflow:visible}.print{position:static;left:0}.noprint{display:none !important}}

/****** FILE: mysite/css/base.css *****/
  body { text-align: center; padding: 0 }
  #page_margins { text-align:left }
  
  .page {	padding: 0; text-align: left}

 /*--- M A I N  &  C O L S---*/
 #main {padding: 0 10px; margin: 0; float: left}

/****** FILE: mysite/css/base.960.css *****/
.page_margins { min-width: 960px; max-width: 960px; margin: 0 auto; border: 0px #fff solid; width: 960px}

 /*--- M A I N  &  C O L S---*/
  #col1 { width: 690px; float:left; margin-left: 250px;}
  #col1_content {padding: 0 20px 0 20px;}

  #col2 { display: block; width: 250px; float:left;  margin-left: -940px;}
  #col2_content {padding: 0 0 0 20px;}

  #col3 { background: transparent; margin: 0; display: none; width: 0; float:right; height: 0;}
  #col3_content {}

#col1_content, #col2_content, #col3_content { position: relative; }

/****** FILE: mysite/css/base.blue.css *****/
body {background: #0076ae url(/mysite/images/blue/bg.png) repeat-x left top}
#header {background: transparent url(/mysite/images/blue/header_pattern.png) repeat-x top left}
#header_r {background: transparent url(/mysite/images/blue/header_right.png) no-repeat bottom right}

/****** FILE: mysite/css/base.blue.960.css *****/
#footer { background: #0076ae url(/mysite/images/blue/footer960.png) no-repeat top center}
.page_margins {background: #fff url(/mysite/images/blue/bg_pattern960.png) repeat-y top center}
#main {background: #fff url(/mysite/images/blue/main_pattern960.png) repeat-y top center;}

/****** FILE: mysite/css/plist.css *****/
#plist {margin: -10px 0 25px 0}

#plist .product {
	float: left;
	margin: 10px 10px 0 0;
	border: 1px solid #cfcfcf;
	width: 178px;
	text-align: center;
}
#plist .product.third {margin-right: 0}
#plist .product_padded {padding: 1px}
#plist .product_image {width: 176px; height: 117px; overflow: hidden; }
#plist .product_title {text-align: left; padding-left: 18px; background: #ddd; height: 35px; line-height: 35px; color: #fff; margin: 1px 0; font-weight: bold}
#plist .product_title a {color: #fff; text-decoration: none; display: block}
#plist .product_title a:hover {text-decoration: underline}
#plist .product_more {padding-left: 15px}
#plist .product_more a {display: block; height: 35px; line-height: 35px; background: transparent url("/mysite/images/more.png") no-repeat center left; padding-left: 25px; text-align: left; color: #606467; font-size: 93%}
#plist .product_more a:hover {text-decoration: none}

/****** FILE: mysite/css/plist.960.css *****/
#plist .product {width: 208px}
#plist .product_image {width: 206px}

/****** FILE: mysite/css/plist.blue.css *****/
#plist .product_title {background: #026da1 url("/mysite/images/blue/plist_heading.png") repeat-x center top}

/****** FILE: mysite/css/header.css *****/
#header {
	height: 186px;
	overflow: hidden;
  }

#header_r {height: 156px}

#logo {
	position: absolute;
	left: 0px;
	top: 20px;
}

#today {
	position: absolute;
	right: 10px;
	top: 35px;
	font-size: 11px;
	color: #fff;
	text-align: right
}
#today a {padding-left: 15px}
#today p {margin-bottom: 5px}

/****** FILE: mysite/css/header.blue.css *****/
  #today a, #today strong {color: #fff}
  #today a:focus, 
  #today a:hover,
  #today a:active, 
  #today  {color: #8ad8fe}
  
  #today a {background: transparent url(/mysite/images/blue/write.png) no-repeat center left}

/****** FILE: mysite/css/topnav.css *****/
#header #topnav {
	top: 112px;
	right: 30px
}

#topnav {
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#topnav a {
	display: inline;
	background: transparent url(/mysite/images/divider.png) no-repeat center left;
	padding: 5px 7px 5px 10px;
}

#topnav a.first {
	background: transparent;
}

/****** FILE: mysite/css/topnav.blue.css *****/
  #topnav a { color: #606368;font-weight: bold;	text-decoration: none}
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active, #topnav a.current  {color: #0079be; text-decoration: underline;}

/****** FILE: mysite/css/submenu.css *****/
  .submenu {
    width: 100%;
    overflow: hidden;
    margin: 0 0 25px 0;
    list-style-type: none;
  }

  .submenu ul { list-style-type: none; margin:0; padding: 0; }
  .submenu li { float:left; width: 100%; margin:-1px 0 0 0; padding: 0; }
  .submenu ul.start li.first {margin:0}

  .submenu a,
  .submenu strong {
    display:block;
    padding: 0;
    text-decoration: none;
	background-position: bottom left;
	outline: none
  }
  
  /* Menu Title */
  .submenu li.title {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #444;
    background-color: #fff;
    border-bottom: 2px #888 solid;
  }

  .submenu li span {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
  }

  /* Level 1 */
  .submenu li#active,
  .submenu li strong {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #fff;
    background-color:#aab;
    border-bottom: 1px #eee solid;
  }

  .submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #444; }
  .submenu li a:focus,
  .submenu li a:hover,
  .submenu li a:active,
  .submenu li.current a { background-color:#fff; color: #000; background-position: bottom left }
  
  /* Level 2 */
  .submenu li ul li a,
  .submenu li ul li#active,
  .submenu li ul li strong,
  .submenu li ul li span { width: 80%; padding-left: 20%; }

  .submenu li ul li a, .submenu li.current ul li a { background-color:#f8f8f8; color: #666; }
  .submenu li ul li a:focus,
  .submenu li ul li a:hover,
  .submenu li ul li a:active,
  .submenu li ul li.current a { background-color:#f63; color: #fff; }

  .submenu li li {height: 34px; line-height: 34px}
  .submenu li ul {margin: 0;}
  .submenu li ul li a, .submenu li.current ul li a {height: 34px; line-height: 34px; background: transparent url("/mysite/images/submenu.png") no-repeat top center; font-size: 92%;width: 83%; padding-left: 17%; }
  
   .submenu li a, .submenu li span {height: 45px; line-height: 45px; background: #eee url("/mysite/images/menu.png") no-repeat bottom left; color: #606467; font-weight: bold; width: 83%; padding: 0 0 0 17%; cursor: pointer}
  
  .submenu li a:focus,
  .submenu li a:hover, .submenu li span:hover,
  .submenu li a:active,
  .submenu li.current a, .submenu li.section a.expandable { color: #000; text-decoration: none; }
  
  .submenu li ul li a:focus,
  .submenu li ul li a:hover,
  .submenu li ul li a:active,
  .submenu li ul li.current a {background: transparent url("/mysite/images/submenu.png") no-repeat top center; color: #333; text-decoration: underline; }
  
  .submenu li ul li a.first {background: transparent}

/****** FILE: mysite/css/submenu.blue.css *****/
.submenu li a:focus,.submenu li a:hover, .submenu li span:hover,.submenu li a:active,.submenu li.current a,.submenu li.section a.expandable {color: #0278be}

/****** FILE: mysite/css/footer.css *****/
#footer p {
	padding:40px 0 15px 0;	
	font-size:0.9em;
	color: #fff;
	text-align: center;
}
#footer a {color: #fff}


/****** FILE: mysite/css/footer.blue.css *****/
  #footer p {color: #95dbff}
  #footer a { color: #fff; text-decoration:underline; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #95dbff; }
  
  #footer strong {color: #fff;}

/****** FILE: mysite/css/content.css *****/
  html * { font-size: 100.01% }
    
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  body {
	font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif", sans-serif; 
    font-size: 80.00%; 
    color: #636468;  
  }
  
  h1,h2,h3,h4,h5,h6 { 
  	font-weight:bold; 
  	color:#555;
  	margin: 0 0 0.3em 0; 
  }
  
  h2 { font-size: 113%; margin-bottom: .35em; color: #333}   
  h3 { font-size: 107%; }           
  h4 { font-size: 100%; color: #eee }
  h5 { font-size: 100%; color: #eee}      
  h6 { font-size: 100%; font-style: italic; } 
  
    h1 a:hover, h2 a:hover {
	text-decoration: underline;
	}
	
#col2 h3 {padding-left: 10px}
 
 p { line-height: 1.3em; margin: 0 0 1em 0; }

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
  
  sub, sup {font-size: 66%}
  
   table { width: 100%; border-collapse:collapse; margin-bottom: 10px; border: 1px solid #cfcfcf;}
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 3px 5px; }
  td.w220, th.w220 {width: 220px;}  
  th, td, tr.zebra td.default { background: #ddd; border: 1px solid #fff;  }
  tr.zebra th, tr.zebra td,  tr.odd th, tr.odd td { background: #eee; }
  tr td.prices {text-align: right;}
  tr.sum td.center {text-align: center;}
  tr.sum th, tr.sum td {font-weight: bold; text-align: right; padding: 5px 6px; background: #ccc}

iframe {border: 1px solid #ddd; padding: 1px}
small {font-size: 75%}


/****** FILE: mysite/css/content.blue.css *****/
h1, h2.title { border-left: 10px solid #0278c2; padding-left: 7px; font-size: 120%; margin-bottom: .65em; color: #0278c2; text-transform: uppercase }  
  
h1 strong {color:#0278c2}
	
h2 a {text-decoration: none; color: #0278c2;	}
	
  a {color: #0078bf; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {color:#393939; text-decoration:none}


/****** FILE: mysite/css/form.css *****/
 form {
    background: #f4f4f4;
    border: 1px #ddd solid;
    margin: 0 0 1em 0;
    padding: 10px;
  }

  form fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
  }

  form legend {
    font-size: 125%; font-weight: normal; color: #000;
  }

  form label {
    color: #666;
  }

  form .text input,
  form .email input,
  form .password input,
  form .textarea textarea,
  form .dropdown select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #ddd;
  }

  form div input:focus,
  form div select:focus,
  form div textarea:focus,
  form div input:hover,
  form div select:hover,
  form div textarea:hover,
  form div input:active,
  form div select:active,
  form div textarea:active {
    border: 1px #a66 solid;
    background: #fff;
  }

  form .Actions input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #95DBFF;
    background: #015987;
    padding: .5em 1.2em;
  }

  form div.Actions input:focus,
  form div.Actions input:hover,
  form div.Actions input:active {
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
    color: #015987;
    background: #95DBFF; 
  }


 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form { overflow: hidden; }
  form fieldset { overflow: hidden; }
  form legend { background: transparent; border: 0; }
  form label { display:block; cursor: pointer; }
  form .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form sup { color: #800; font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form div.text,
  form div.email,
  form div.password,
  form div.dropdown,
  form p.checkbox,
  form div.Actions {
    margin: 0.5em 0;
    position: relative;
    overflow: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form .text input,
  form .email input,
  form .password input,
  form .textarea textarea {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 58.5%;
  }

  form .dropdown select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  form .dropdown select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form .checkbox input { cursor: pointer; }
  form .checkbox label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form .Actions input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form .message, form .required {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
	color: #800
  }
  
  form .requiredField label {font-weight: bold}
  
  form .field {clear: both}

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

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  #Form_Form .text label,
  #Form_Form .email label,
  #Form_Form .textarea label,
  #Form_Form .password label,
  #Form_Form .dropdown label,
  #Form_Form .checkbox label {
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }
  
  #Form_Form .text label.required,
  #Form_Form .email label.required,
  #Form_Form .password label.required,
  #Form_Form .textarea label.required,
  #Form_Form .dropdown label.required { float: none; width: auto; margin-left: 30%  }
  

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  #Form_Form .checkbox input {float:right;margin-right:60%; }
  #Form_Form .message { margin-left: 30%; }

  #Form_Form div.text input,
  #Form_Form div.email input,
  #Form_Form div.password input,
  #Form_Form div.textarea textarea { width: 67.8%; }
  #Form_Form div.dropdown select { width: 69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html #Form_Form div.text input,
  * html #Form_Form div.email input,
  * html #Form_Form div.password input,
  * html #Form_Form div.textarea textarea { width: 65.2%; }
  * html #Form_Form div.dropdown select { width: 66.8%; }
    
  /* IE5.x & IE6 */
  * html form legend { position:absolute; top: -.5em; left: .5em; }
  * html form fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form legend { position:absolute; top: -.5em; left: .5em; }
  *+html form fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }

/****** FILE: themes/soliksk/css/akcie.css *****/
.akcia .floatbox, p.akcia {padding: 1em 0 0 0; border-top: 1px solid #cfcfcf; background: #f5f5f5}
.akcia h2 span {font-size: 75%; padding: 1px 3px; background: #ddd}
p.akcia {border-bottom: 1px solid #cfcfcf;padding-bottom: 1em; margin-bottom: 25px; padding-left: 12px}
p.float_left {margin-left:12px}
.akcia p {margin-right: 5px}


/****** FILE: themes/soliksk/css/typography.css *****/
.note {background: #e4f5fc; padding: 1em 1em 0 1em;border-top: 1px #6fbfe8 dotted; border-bottom: 1px #6fbfe8 dotted; color: #333}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning, .errors {background: #fdd; color: #333; padding: 1em 1em 0 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; margin-bottom: 1em;}

.float_left, .vlavo, img.left { float: left; display:inline; margin-right: .6em; margin-bottom: .5em}
.float_right, .vpravo, img.right { float: right; display:inline; margin-left: .6em; margin-bottom: .5em}
.vlavo2 {float: left; display:inline}
.center { text-align:center; margin: 0.5em auto }
.text_right {text-align: right}
  
.red {color: #ff0000;}
.blue {color: #93d2fe}
  
table.table_full { width: 100%; }
table.table_fixed { table-layout:fixed }

.floatbox {}
.subcolumns {}
.c50l, .c50r {}

.red {color: #ff0000;}

/****** FILE: mysite/css/images.css *****/
a.image, .photo a {display: block; float: left; padding: 1px; border: 1px solid #cfcfcf; margin: 0 10px 0 0}

a.image img {display:block}

.image_div a {width: 130px; height: 130px; overflow: hidden; border: 1px solid #fff; margin: 0; padding: 0}
.image_div {border: 1px solid #cfcfcf; margin: 8px 8px 0 0; float: left; }
.image_div.fourth {margin-right:0}

div.photo {width: 140px}
div.photo a {width: 120px; height: 120px}

.MiniThumb {margin: 0 1em 1em 0}


/****** FILE: teaser/css/teaser.css *****/
#teaser_border {border:1px solid #cfcfcf; padding: 1px;margin: 0 0 20px 0; height: 216px;}
#teaser {
	height: 216px;
	overflow: hidden;
}

/****** FILE: mysite/css/print.css *****/

@media print
{
  #col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
  #col2, #col2, #col3, #header, #footer { display:none; }

  a[href]:after {
    content:" <URL: "attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }

}

/****** FILE: themes/soliksk/css/custom.css *****/
#nasi_partneri {margin-bottom: 1em}
#nasi_partneri a {display: block; text-align: center}

  .childrenItem {padding-top: 1em; margin-top: 1em; border-top: 1px dotted #ddd}
  
  h2 {color: #0278C2}
  
  #social p {color: #0278C2; text-align: center; font-weight: bold; line-height: 2em}
  #social img {vertical-align: middle}


/****** FILE: pageplus/css/PagePlus.css *****/
.photo {float: left; width: 150px; height: 150px; text-align: center}
.photo a {display: block; width: 140px; height: 140px; overflow: hidden; margin: 0 auto; border:1px solid #d8d8d8}
.photo a:hover {border: 1px solid #333}

/****** FILE: floatbox/css/floatbox.css *****/
/* Floatbox v3.24 */
/* December 01, 2008 */

#fbOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* overlay color */
div.fbOverlay_black { background-color: #000; }
div.fbOverlay_white {background-color: #000; }
div.fbOverlay_blue { background-color: #0b183b; }
div.fbOverlay_yellow { background-color: #752; }
div.fbOverlay_red { background-color: #280000; }
div.fbOverlay_custom { background-color: #1b2642; }

#fbBox {
	position: absolute;
	border-style: solid;
	border-width: 0;
	margin: 0;
	padding: 0;
}
div.fbBox_black {
	border-color: #555;  /* outerBorder color */
	background: transparent url(/floatbox/images/main_bg_black.png) repeat;
}
div.fbBox_white {
	border-color: #888;
	background: transparent url(/floatbox/images/main_bg_white.png) repeat;
}
div.fbBox_blue {
	border-color: #4060a8;
	background-color: #0b183b;
}
div.fbBox_yellow {
	border-color: #680c0c;
	background-color: #ed9;
}
div.fbBox_red {
	border-color: #945848;
	background-color: #580808;
}
div.fbBox_custom {
	border-color: #da7b4d;
	background-color: #eed39e;
}

#fbBox div, #fbBox a, #fbBox img, #fbBox iframe {
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: none;
	-moz-outline: none;  /* for older Netscape, doesn't validate, remove if you like */
}
#fbBox a {
	background: url(/floatbox/images/blank.gif);
	zoom: 1;
}

#fbZoomDiv, a.fbPopup img, #fbBox #fbIndexLinks img {
	position: absolute;
	left: 0;
	top: -9999px;
	/* border-width is set in js code */
	border-style: solid;
	border-color: black;
	margin: 0;
	padding: 0;
}

#fbBox #fbLoader {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

/* animated 'loading' graphic */
#fbBox .fbLoader_black { background-image: url(/floatbox/images/loading_black.gif); }
#fbBox .fbLoader_white { background-image: url(/floatbox/images/loading_white.gif); }
#fbBox .fbLoader_blue { background-image: url(/floatbox/images/loading_black.gif); }
#fbBox .fbLoader_yellow { background-image: url(/floatbox/images/loading_white.gif); }
#fbBox .fbLoader_red { background-image: url(/floatbox/images/loading_black_small.gif); }
#fbBox .fbLoader_custom { background-image: url(/floatbox/images/loading_black_small.gif); }

#fbBox #fbShadowTop, #fbShadowRight, #fbBox #fbShadowBottom, #fbBox #fbShadowLeft, #fbBox #fbShadowCorner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

#fbBox #fbShadowTop { background-position: top left; }
#fbBox .fbShadowTop_halo8 { background-image: url(/floatbox/images/shadowTop_halo8.png); }
#fbBox .fbShadowTop_halo12 { background-image: url(/floatbox/images/shadowTop_halo12.png); }
#fbBox .fbShadowTop_halo16 { background-image: url(/floatbox/images/shadowTop_halo16.png); }
#fbBox .fbShadowTop_halo24 { background-image: url(/floatbox/images/shadowTop_halo24.png); }

#fbBox #fbShadowRight { background-position: top right; }
#fbBox .fbShadowRight_drop8 { background-image: url(/floatbox/images/shadowRight_drop8.png); }
#fbBox .fbShadowRight_drop12 { background-image: url(/floatbox/images/shadowRight_drop12.png); }
#fbBox .fbShadowRight_drop16 { background-image: url(/floatbox/images/shadowRight_drop16.png); }
#fbBox .fbShadowRight_drop24 { background-image: url(/floatbox/images/shadowRight_drop24.png); }
#fbBox .fbShadowRight_halo8 { background-image: url(/floatbox/images/shadowRight_halo8.png); }
#fbBox .fbShadowRight_halo12 { background-image: url(/floatbox/images/shadowRight_halo12.png); }
#fbBox .fbShadowRight_halo16 { background-image: url(/floatbox/images/shadowRight_halo16.png); }
#fbBox .fbShadowRight_halo24 { background-image: url(/floatbox/images/shadowRight_halo24.png); }

#fbBox #fbShadowBottom { background-position: bottom right; }  /* overridden in code for drop shadow */
#fbBox .fbShadowBottom_drop8 { background-image: url(/floatbox/images/shadowBottom_drop8.png); }
#fbBox .fbShadowBottom_drop12 { background-image: url(/floatbox/images/shadowBottom_drop12.png); }
#fbBox .fbShadowBottom_drop16 { background-image: url(/floatbox/images/shadowBottom_drop16.png); }
#fbBox .fbShadowBottom_drop24 { background-image: url(/floatbox/images/shadowBottom_drop24.png); }
#fbBox .fbShadowBottom_halo8 { background-image: url(/floatbox/images/shadowBottom_halo8.png); }
#fbBox .fbShadowBottom_halo12 { background-image: url(/floatbox/images/shadowBottom_halo12.png); }
#fbBox .fbShadowBottom_halo16 { background-image: url(/floatbox/images/shadowBottom_halo16.png); }
#fbBox .fbShadowBottom_halo24 { background-image: url(/floatbox/images/shadowBottom_halo24.png); }

#fbBox #fbShadowLeft { background-position: bottom left; }
#fbBox .fbShadowLeft_halo8 { background-image: url(/floatbox/images/shadowLeft_halo8.png); }
#fbBox .fbShadowLeft_halo12 { background-image: url(/floatbox/images/shadowLeft_halo12.png); }
#fbBox .fbShadowLeft_halo16 { background-image: url(/floatbox/images/shadowLeft_halo16.png); }
#fbBox .fbShadowLeft_halo24 { background-image: url(/floatbox/images/shadowLeft_halo24.png); }

#fbBox #fbShadowCorner { background-position: bottom right; }
#fbBox .fbShadowCorner_drop8 { background-image: url(/floatbox/images/shadowCorner_drop8.png); }
#fbBox .fbShadowCorner_drop12 { background-image: url(/floatbox/images/shadowCorner_drop12.png); }
#fbBox .fbShadowCorner_drop16 { background-image: url(/floatbox/images/shadowCorner_drop16.png); }
#fbBox .fbShadowCorner_drop24 { background-image: url(/floatbox/images/shadowCorner_drop24.png); }

#fbBox #fbCanvas {
	position: relative;  /* won't fade in ie6 if absolute */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#fbBox #fbMainDiv, #fbBox #fbInfoPanel, #fbBox #fbControlPanel {
	position: absolute;
	border-style: solid;
	overflow: hidden;
}
#fbBox #fbMainDiv {
	background-color: #fff;
}

/* innerBorder color */
#fbBox .fbMainDiv_black { border-color: #999; }
#fbBox .fbMainDiv_white { border-color: #000; }
#fbBox .fbMainDiv_blue { border-color: #aaa8be; }
#fbBox .fbMainDiv_yellow { border-color: #700; }
#fbBox .fbMainDiv_red { border-color: #b64; }
#fbBox .fbMainDiv_custom { border-color: #b64; }

#fbBox #fbResizer {
	position: absolute;
	width: 25px;  /* = dimensions of the resize button (see note below) */
	height: 25px;
	left: 0;
	top: 0;
}
/* resize button graphic */
#fbBox .fbResizer_black { background-image: url(/floatbox/images/resize_black.gif); }
#fbBox .fbResizer_white { background-image: url(/floatbox/images/resize_white.gif); }
#fbBox .fbResizer_blue { background-image: url(/floatbox/images/resize_blue.gif); }
#fbBox .fbResizer_yellow { background-image: url(/floatbox/images/resize_yellow.gif); }
#fbBox .fbResizer_red { background-image: url(/floatbox/images/resize_red.gif); }
#fbBox .fbResizer_custom { background-image: url(/floatbox/images/resize_red.gif); }
/* note: if you want the smaller resize button, change #fbResizer width and height to 19px
   and also add "_small" to the resize gif name (e.g., graphics/resize_black_small.gif) */

#fbBox #fbLeftNav, #fbBox #fbRightNav {
	position: absolute;
	height: 100%;
}
#fbBox #fbLeftNav, #fbBox #fbOverlayPrev {
	left: 0;
}
#fbBox #fbRightNav, #fbBox #fbOverlayNext {
	right: 0;
}

#fbBox #fbOverlayPrev, #fbBox #fbOverlayNext {
	position: absolute;
	width: 49px;  /* = dimensions of the upper prev and next graphics */
	height: 23px;
	background-repeat: no-repeat;
}

/* on-mouse-over upper nav prev graphic */
#fbBox .fbOverlayPrev_black { background-image: url(/floatbox/images/prev_upr_black.gif); }
#fbBox .fbOverlayPrev_white { background-image: url(/floatbox/images/prev_upr_white.gif); }
#fbBox .fbOverlayPrev_blue { background-image: url(/floatbox/images/prev_upr_blue.gif); }
#fbBox .fbOverlayPrev_yellow { background-image: url(/floatbox/images/prev_upr_yellow.gif); }
#fbBox .fbOverlayPrev_red { background-image: url(/floatbox/images/prev_upr_red.gif); }
#fbBox .fbOverlayPrev_custom { background-image: url(/floatbox/images/prev_upr_blue.gif); }

/* on-mouse-over upper nav next graphic */
#fbBox .fbOverlayNext_black { background-image: url(/floatbox/images/next_upr_black.gif); }
#fbBox .fbOverlayNext_white { background-image: url(/floatbox/images/next_upr_white.gif); }
#fbBox .fbOverlayNext_blue { background-image: url(/floatbox/images/next_upr_blue.gif); }
#fbBox .fbOverlayNext_yellow { background-image: url(/floatbox/images/next_upr_yellow.gif); }
#fbBox .fbOverlayNext_red { background-image: url(/floatbox/images/next_upr_red.gif); }
#fbBox .fbOverlayNext_custom { background-image: url(/floatbox/images/next_upr_blue.gif); }

#fbBox #fbInfoPanel {
	line-height: 1.25em;
	/* caption and info link text */
  	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#fbBox #fbCaption {
	cursor: default;
}

#fbBox #fbInfoLink, #fbBox #fbPrintLink {
	padding-bottom: .1em;
}

#fbBox #fbItemNumber {
	font-size: 10px;  /* 'image x of y' text */
	white-space: nowrap;
	cursor: default;
}

/* 'image x of y' and indexLinks color */
#fbBox .fbItemNumber_black, #fbBox #fbIndexLinks.fbIndexLinks_black, #fbBox #fbIndexLinks.fbIndexLinks_black a:link, #fbBox #fbIndexLinks.fbIndexLinks_black a:visited { color: #aaa; }
#fbBox .fbItemNumber_white, #fbBox #fbIndexLinks.fbIndexLinks_white, #fbBox #fbIndexLinks.fbIndexLinks_white a:link, #fbBox #fbIndexLinks.fbIndexLinks_white a:visited { color: #666; }
#fbBox .fbItemNumber_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue a:link, #fbBox #fbIndexLinks.fbIndexLinks_blue a:visited { color: #aaa8be; }
#fbBox .fbItemNumber_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:link, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:visited { color: #700; }
#fbBox .fbItemNumber_red, #fbBox #fbIndexLinks.fbIndexLinks_red, #fbBox #fbIndexLinks.fbIndexLinks_red a:link, #fbBox #fbIndexLinks.fbIndexLinks_red a:visited { color: #ca8; }
#fbBox .fbItemNumber_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom a:link, #fbBox #fbIndexLinks.fbIndexLinks_custom a:visited { color: #965f74; }

/* caption, infoLink, printLink, & indexLinks:hover color */
#fbBox .fbInfoPanel_black, #fbBox .fbInfoPanel_black a:link, #fbBox .fbInfoPanel_black a:visited, #fbBox #fbIndexLinks.fbIndexLinks_black a:hover { color: #d7d7d7; }
#fbBox .fbInfoPanel_white, #fbBox .fbInfoPanel_white a:link, #fbBox .fbInfoPanel_white a:visited, #fbBox #fbIndexLinks.fbIndexLinks_white a:hover { color: #000; }
#fbBox .fbInfoPanel_blue, #fbBox .fbInfoPanel_blue a:link, #fbBox .fbInfoPanel_blue a:visited, #fbBox #fbIndexLinks.fbIndexLinks_blue a:hover { color: #aaa8be; }
#fbBox .fbInfoPanel_yellow, #fbBox .fbInfoPanel_yellow a:link, #fbBox .fbInfoPanel_yellow a:visited, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:hover { color: #700; }
#fbBox .fbInfoPanel_red, #fbBox .fbInfoPanel_red a:link, #fbBox .fbInfoPanel_red a:visited, #fbBox #fbIndexLinks.fbIndexLinks_red a:hover { color: #ec9; }
#fbBox .fbInfoPanel_custom, #fbBox .fbInfoPanel_custom a:link, #fbBox .fbInfoPanel_custom a:visited, #fbBox #fbIndexLinks.fbIndexLinks_custom a:hover { color: #735; }

#fbBox #fbControls {
	height: 14px;  /* height of control widget graphics - they should all be the same */
	font-size: 1px;
}

#fbBox #fbNavControls {
	width: 88px;  /* sum of lowerprev and lowernext widths */
	height: 14px;  /* height of 1 sprite panel in lowerprev and lowernext graphics */
}

#fbBox #fbPrev {
	float: left;
	width: 44px;  /* = dimensions of the lower nav 'prev' graphic */
	height: 14px;
	background-repeat: no-repeat;
}

/* lower nav 'prev' graphic */
#fbBox .fbPrev_black { background-image: url(/floatbox/images/prev_lwr_black.gif); }
#fbBox .fbPrev_white { background-image: url(/floatbox/images/prev_lwr_white.gif); }
#fbBox .fbPrev_blue { background-image: url(/floatbox/images/prev_lwr_blue.gif); }
#fbBox .fbPrev_yellow { background-image: url(/floatbox/images/prev_lwr_yellow.gif); }
#fbBox .fbPrev_red { background-image: url(/floatbox/images/prev_lwr_red.gif); }
#fbBox .fbPrev_custom { background-image: url(/floatbox/images/prev_lwr_yellow.gif); }

/* lower nav greyed-out 'prev' graphic */
#fbBox .fbPrev_black_off { background-image: url(/floatbox/images/prev_lwr_off_black.gif); }
#fbBox .fbPrev_white_off { background-image: url(/floatbox/images/prev_lwr_off_white.gif); }
#fbBox .fbPrev_blue_off { background-image: url(/floatbox/images/prev_lwr_off_blue.gif); }
#fbBox .fbPrev_yellow_off { background-image: url(/floatbox/images/prev_lwr_off_yellow.gif); }
#fbBox .fbPrev_red_off { background-image: url(/floatbox/images/prev_lwr_off_red.gif); }
#fbBox .fbPrev_custom_off { background-image: url(/floatbox/images/prev_lwr_off_yellow.gif); }

#fbBox #fbNext {
	float: right;
	width: 44px;  /* = dimensions of the lower nav 'next' graphic */
	height: 14px;
	background-repeat: no-repeat;
}

/* lower nav 'next' graphic */
#fbBox .fbNext_black { background-image: url(/floatbox/images/next_lwr_black.gif); }
#fbBox .fbNext_white { background-image: url(/floatbox/images/next_lwr_white.gif); }
#fbBox .fbNext_blue { background-image: url(/floatbox/images/next_lwr_blue.gif); }
#fbBox .fbNext_yellow { background-image: url(/floatbox/images/next_lwr_yellow.gif); }
#fbBox .fbNext_red { background-image: url(/floatbox/images/next_lwr_red.gif); }
#fbBox .fbNext_custom { background-image: url(/floatbox/images/next_lwr_yellow.gif); }

/* lower nav greyed-out 'next' graphic */
#fbBox .fbNext_black_off { background-image: url(/floatbox/images/next_lwr_off_black.gif); }
#fbBox .fbNext_white_off { background-image: url(/floatbox/images/next_lwr_off_white.gif); }
#fbBox .fbNext_blue_off { background-image: url(/floatbox/images/next_lwr_off_blue.gif); }
#fbBox .fbNext_yellow_off { background-image: url(/floatbox/images/next_lwr_off_yellow.gif); }
#fbBox .fbNext_red_off { background-image: url(/floatbox/images/next_lwr_off_red.gif); }
#fbBox .fbNext_custom_off { background-image: url(/floatbox/images/next_lwr_off_yellow.gif); }

#fbBox #fbPlay, #fbBox #fbPause {
	position: absolute;
	background-repeat: no-repeat;
}

#fbBox #fbPlayPause, #fbBox #fbPlay, #fbBox #fbPause {
	width: 46px;  /* = dimensions of the 'play' and 'pause' graphics (they need to be the same size) */
	height: 14px;
	text-align: justify;
}

/* 'play' and 'pause' graphics */
#fbBox .fbPlay_black { background-image: url(/floatbox/images/play_black.gif); }
#fbBox .fbPlay_white { background-image: url(/floatbox/images/play_white.gif); }
#fbBox .fbPlay_blue { background-image: url(/floatbox/images/play_blue.gif); }
#fbBox .fbPlay_yellow { background-image: url(/floatbox/images/play_yellow.gif); }
#fbBox .fbPlay_red { background-image: url(/floatbox/images/play_red.gif); }
#fbBox .fbPlay_custom { background-image: url(/floatbox/images/play_yellow.gif); }
#fbBox .fbPause_black { background-image: url(/floatbox/images/pause_black.gif); }
#fbBox .fbPause_white { background-image: url(/floatbox/images/pause_white.gif); }
#fbBox .fbPause_blue { background-image: url(/floatbox/images/pause_blue.gif); }
#fbBox .fbPause_yellow { background-image: url(/floatbox/images/pause_yellow.gif); }
#fbBox .fbPause_red { background-image: url(/floatbox/images/pause_red.gif); }
#fbBox .fbPause_custom { background-image: url(/floatbox/images/pause_yellow.gif); }

#fbBox #fbClose {
	width: 46px;  /* = dimensions of the 'close' graphic */
	height: 14px;
	background-repeat: no-repeat;
}

/* 'close' graphic */
#fbBox .fbClose_black { background-image: url(/floatbox/images/close_black.gif); }
#fbBox .fbClose_white { background-image: url(/floatbox/images/close_white.gif); }
#fbBox .fbClose_blue { background-image: url(/floatbox/images/close_blue.gif); }
#fbBox .fbClose_yellow { background-image: url(/floatbox/images/close_yellow.gif); }
#fbBox .fbClose_red { background-image: url(/floatbox/images/close_red.gif); }
#fbBox .fbClose_custom { background-image: url(/floatbox/images/close_yellow.gif); }

#fbBox #fbIndexLinks {
	clear: both;
	font-size: 11px;
	cursor: default;
}
#fbBox #fbIndexLinks a:hover {
}

/* posLeft, posCenter & posRight are dynamically assigned classes that allow layout of the info and control panels depending on which side they're on */
/* info panel */
#fbInfoPanel.posCenter, #fbInfoDiv.posCenter, #fbIndexLinks.posCenter {
	margin: 0 auto;
}
#fbInfoPanel.posRight, #fbInfoDiv.posRight, #fbIndexLinks.posRight {
	float: right;
}
#fbInfoPanel.posLeft, #fbInfoDiv.posLeft, #fbIndexLinks.posLeft {
	float: left;
}
/* control panel */
#fbControlPanel.posRight, #fbControls.posRight, #fbClose.posRight, #fbSubControls.posRight, #fbNavControls.posLeft, #fbPlayPause.posLeft {
	float: right;
}
#fbControlPanel.posLeft, #fbControls.posLeft, #fbClose.posLeft, #fbSubControls.posLeft, #fbNavControls.posRight, #fbPlayPause.posRight {
	float: left;
}
/* IE6 wants these, maybe for layout? */
#fbSubControls, #fbClose, #fbIndexLinks, #fbPlayPause, #fbNavControls {
	float: left;
}