/* CSS Document version$ 1.1 Ever Ascencio - Designer (info@everascencio.com)*/
img {behavior: url(js/iepngfix.htc);}
/*-------------------------------BODY-------------------------------------- */
html {height:100%} 
body {padding:0px; margin:0px; background:url(../images/026.gif) repeat-y center top; }
body, table, tr, td	{font-family:Helvetica,Arial,sans-serif; font-size: 11px; font-weight:normal;}
th {font-size: 9px; font-weight:bold; background-color:#CCCCCC}
table.rows tbody tr, table.rows tr, table.rows tr td {border-bottom:dotted 1px #ccc}
/*--------------------------------------------------------------------------*/
p {
	font-size: 11px; /* 14px */
	line-height: 1.357em;
	margin: 0 0 1.357em 0;
}
p.duble {
	font-size: 14px; 
	line-height: 1.357em;
	margin: 0 0 1.357em 0;

}

p.small, small {
	font-size: 0.786em;
	line-height: 1.727em;
	margin-bottom: 1.727em;
	color:#999;

}
.double {font-size: 14px;font-family:Helvetica,Arial,sans-serif;}
.triple  {font-size: 16px;font-family:Helvetica,Arial,sans-serif;text-decoration:none}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h1.titles{
	font-size: 3em; 
	line-height: 1.19em;
	margin: 3px;
	letter-spacing: -0.05em;
}
h1.title{color:#990000;
	font: normal 46px Georgia, serif;margin:0px 0 5px 0;
	letter-spacing: -0.05em;
}
h1 {font-size: 24px; 
	color:#000;
	margin: 22px 0 0 0;
	line-height: 100%;
	letter-spacing: -0.02em;
}
h2 {
	font-size: 18px; 
	line-height: 1.056em; 
	padding: 0px 0 0px 0; font-weight:normal;
	color:#000;
}
h3 {
	font-size: 16px; 
	line-height: 1.056em; 
	padding: 0px 0 0px 0; font-weight:bold;
	color:#222;
}
h4, h5, h6  {
	font-size: 1em; 
	line-height: 1.357em;
	margin: 0;
}
h4 {color:#8aa9bb; font-size:12px;}
h5 {color:#FFF}

/*FONT*/

form, input, textarea, submit, select	{font-size: 11px; margin:0px; padding:0px; font-family:Tahoma, Arial, Verdana;}

[disabled] {
border:solid 1px #a5acb2;
color:#9d9da1;
background-color:#f7f7f7;
}

.autor, .fecha {font-size:8px; text-transform:uppercase;font-family:Helvetica,Arial,sans-serif;}

a {color:#138400;text-decoration:none;}
  a:hover {color:#1daf05;text-decoration:underline;}
 
a.pic img{border:1px solid #fff;margin-right:6px;padding:3px;background:#FFF;}
	a.pic:hover img{border-color:#ccc;}

.notify{border-bottom:#ffd86e 1px solid; padding:5px; color:#000; background-color:#FFFFCC}
.custom-title { font-weight: bold; margin: 0; color: #FFFFFF; padding: 8px 8px 4px; background: #c12c2c; width:200px;}
.pic-text { padding: 5px; background: #fafafa; width:auto; border:solid 1px #cccccc}
.custom-text {padding: 4px 8px 8px;background: #f4f4f4;color: #4c4c4c; }


div.messages{
	z-index:998;
	position:absolute;
	left:auto;
	top:auto;
	width:300px;
	border:#ffd86e 1px solid; padding:5px; color:#000; background-color:#FFFFCC;
	margin-left:5px;
	margin-top:5px;
	text-align:left;
}


.messages ul{list-style: none outside; margin:0px;padding-left:0px;border:solid 1px #c6c6c6; height:100px; overflow:auto}
.messages ul li{padding:5px;}
.messages ul li.par{background-color:#eeeff4}
.messages ul li.impar{background-color:#f7f7f7}
.messages ul li:hover{background-color:#e2e5e9}

.dc {width:911px; margin:auto}
div#container  {margin:auto ;padding: 0px;width: 1000px ;overflow: hidden; height:auto; background-color:#FFFFFF}
.container {margin:auto ;padding: 0px;width: 1000px; height:auto;border:0;}
	#main{float: left; width: 674px; margin:0px 5px 0px 10px; padding:0px; background-color:#FFFFFF}
	#cmain{float: left; width: 1000px; margin:0px; padding:10px 0 10px 0; color:#4b4b4b}
	#rmain{float: left; width: 310px; margin:0px; padding:0px; background: url(../images/029.gif) repeat-y 0px 0px;}
	#comments {margin:0px; background: url(../images/post-background.gif) repeat-x 0px 0px;padding:15px 0 10px 30px}
	.search{width:308px; height:76px; padding:10px; margin:0 0 0 2px; float:left;background: url(../images/search.jpg) no-repeat 0px 0px;display:block}
	.col{width:300px; padding:0; margin:0; float:left;}
	.dcol{width:690px; padding:0; margin:0; float:left;}

ul.iMenu {margin:0px 0 10px 0; list-style: none outside; padding:0;}
	ul.iMenu li{margin:0 5px 0 0px; padding:5px 0 5px 10px;border-bottom:solid 1px #e4e4e4; font-size:13px}
	ul.iMenu li a{font-family:Arial, Helvetica, sans-serif;text-decoration:none;color:#4b4b4b;}
	ul.iMenu li.select{border-bottom:solid 1px #fff;}
	ul.iMenu li.select a{font-weight:bold; color:#000}
	
	ul.sublists{background: none;}
	ul.sublists li {margin:0 5px 0 0px; padding:5px 0 5px 10px;border-bottom:solid 1px #e4e4e4; background-image:none}
	ul.sublists li a{text-decoration:none;color:#4b4b4b; font-size:11px}
	ul.sublists li.select{background-color:#fffdea; font-weight:bold;border-bottom:solid 1px #e4e4e4; background-image:none}
	ul.sublists li.select a{color:#FF6600}	
	
ul.imark {margin:0px; list-style: none outside; padding:0px; overflow:hidden;}
	ul.imark li{margin:0 2px 2px 0px; padding:5px; width:175px; height:80px;float:left;}
	ul.imark li.sep {background: url(../images/029.gif) repeat-y 0px 0px;}
	
.inputsame {background-color:#fff; border:solid 1px #bdc7d8; padding:5px; height:auto; margin:5px 0 10px 0;color:#777777;cursor:text;float:left;width:95%}
.square { background-color:#f2f2f2;padding:10px 20px 10px 20px; height:auto; margin:0 0 10px 0;}
.square hr, hr {height:1px; color:#f2f2f2; margin:0px 0 10px 0}

.library {background-image:url(../images/titles.gif); background-repeat:no-repeat;display: block;float:left;}
.library.last_news{width:140px; height:20px; background-position:0px 0px; border-bottom:3px solid #00a000; clear:right; margin:5px 0px 5px 20px}
.library.separator{height:18px;width:99%;background-position:0px -232px; margin:1px; background-repeat:repeat-x; float:none}
.library.more{height:20px;width:58px;background-position:0px -211px; margin:1px;border:none; float:right}
.library.more_news{height:20px;width:107px;background-position:-55px -211px; margin:1px;border:none;clear:right; }
.library.aves{height:20px;width:270px;background-position:0px -100px; margin:1px;border:none;clear:right; }

.closet{width:18px; height:18px; background-position:-180px -252px; margin:1px;float:right;}
.tag {width:99%; margin:0px;border-bottom:dotted 1px #d0cfd2; font-size:15px; font-weight:bold; display:block; padding:5px 0 1px 15px;font-family:Helvetica,Arial,sans-serif;}
.private {background-image:url(../images/pattern.gif); background-color:#e0f9ff;}

.holder {background-image:url(../images/titles.gif); background-repeat:no-repeat;display:inline-block; text-align:center; color:#FFFFFF; font-weight:bold;text-decoration:none;float:none}
.holder.sqgre{width:90px; height:20px; background-position:0px -341px; margin:1px; }
.holder.sqora{width:90px; height:20px; background-position:-90px -341px; margin:1px;}
.holder.sqoran{width:180px; height:20px; background-position:-0px -400px; margin:1px;}
.holder.sqgra{width:45px; height:20px; background-position:-180px -341px; margin:1px; color:#000000; text-transform:uppercase;}	
.holder.sqblu{width:90px; height:20px; background-position:-0px -361px; margin:1px; font-weight:normal;color:#e5e9ff}	
.holder.sqred{width:90px; height:20px; background-position:-90px -361px; margin:1px;}	
.holder.sqbla{width:90px; height:20px; background-position:-180px -361px; margin:1px;}	
a.holder.sqblu:hover{color:#fff}
a.holder.sqora:hover, a.holder.sqoran:hover {color:#ffdecf}

img.icons, .icons{background-image:url(../images/titles.gif); background-repeat:no-repeat;display:inline-block; float:left; border:none}
.icons.down {width:18px; height:18px; margin:1px;background-position:-198px -252px;}
.icons.off {width:18px; height:18px; margin:1px;background-position:-232px -252px;}
.icons.dem {width:18px; height:18px; margin:1px;background-position:-215px -252px;}
.icons.mess {width:18px; height:18px; margin:1px;background-position:-250px -252px;}
.icons.iok {width:18px; height:18px; margin:1px;background-position:-108px -252px;}
.icons.ipri {width:18px; height:18px; margin:1px;background-position:-125px -252px;}
.icons.ino {width:18px; height:18px; margin:1px;background-position:-144px -252px;}

.icons.btn1 {width:72px; height:60px; margin:1px;background-position:0px -280px;}
.icons.btn2 {width:72px; height:60px; margin:1px;background-position:-72px -280px;}
.icons.btn3 {width:72px; height:60px; margin:1px;background-position:-144px -280px;}

.icats {margin:0px; list-style: none outside;padding:0px; height:auto;}
	.icats li{padding:4px;margin:0px 1px 1px 10px; height:18px}
	.icats li.select{background-color:#fafafa; font-weight:bold;}	
	
	.icats li.segundo{margin:0px 1px 1px 10px;}
	.icats li.tercero{margin:0px 1px 1px 20px;}
	.icats li.cuarto{margin:0px 1px 1px 30px;}	
	
	.icats li.dlist{float:left;width:135px;}

.inews, .listas {margin:0px 0px 0px 5px; list-style: none outside; padding:0px;clear:both}
	.inews li{padding:5px 0px 5px 20px; height:110px;}
	.inews h4{padding:3px 0 3px 10px; margin-left:-15px; color:#181818; border-left:5px solid #cbcbcb;}
	.inews h4 b{color:#009900; font-size:16px}
	.inews li.cats{border-top:solid 1px #333; padding:5px 0 5px 0;}
	b.s {color:#FF0000;}
	
.idocs {margin:0px; list-style: none outside; padding:12px ;width:95%;overflow:hidden}
	.idocs li{border-top:solid 1px #f1f1f1; padding:15px 0 15px 3px;}
	.idocs li.cats{border-top:solid 1px #ccc; padding:5px 0 5px 0;}
	.idocs li.cformat{padding:5px 0 5px 0;float:left;width:75px;margin:0px;height:50px; text-align:center; text-transform:uppercase; }
	.idocs li.cdsformat{width:490px;float:left;margin:0px;padding:5px 0 5px 0;height:50px}

.isimple {margin:0px; list-style: none outside; padding:0px;}
	.isimple li{padding:15px 0 15px 0; color:#3c3d3f;}

.ibm {margin:0px; list-style: none outside; padding:0px;overflow:hidden;}
	.ibm li{padding:0px 2px 2px 0; color:#3c3d3f; float:left}
		
ul.comentarios{margin:0px; list-style: none outside; padding: 0;}
	ul.comentarios li b{}
	ul.comentarios li{font-family: Arial, Helvetica, sans-serif; height:auto; margin:0 0 15px 0; padding:5px 0 10px 10px; font-size:11px}
	ul.comentarios li:hover cite {color:#000}
	ul.comentarios li cite{color:#666}
	ul.comentarios li.clean{height:30px; margin:10px 0 5px 10px; padding:5px; border:none; list-style:none outside}
	ul.comentarios li.clean a, ul.comentarios li.clean a:hover {color:#666;padding:3px;}
	ul.comentarios li small{color:#93afb9;}
	ul.comentarios li.clean a.page, ul#gall li.search a.page, ul.inews li.pages a.page, ul.idocs li.pages a.page  {border-top:solid 2px #666; padding:3px;color:#1625be; text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
	
	 ul.inews li.pages a, ul.idocs li.pages a{text-decoration:none;font-family: Arial, Helvetica, sans-serif;color:#000;}
	 ul.inews li.pages, ul.idocs li.pages {border-top:solid 2px #CCC;margin-top:1px; border-bottom:none}

	.listas li{font-family:Tahoma, Arial, Helvetica, sans-serif; border-bottom:solid 1px #ffcf86; padding:5px;}
	.listas li.selected a{color:#ff3000}

.CBox{padding:0px; margin:5px 0 5px 0;width:99%;display:block; clear:both}

.CBox .BoxHeader, .CBox .BoxHeader div, .CBox .BoxFooter, .CBox .BoxFooter div,  
.CBox .BoxHeaderG, .CBox .BoxHeaderG div, .CBox .BoxFooterG, .CBox .BoxFooterG div,
.CBox .BoxHeaderF, .CBox .BoxHeaderF div, .CBox .BoxFooterF, .CBox .BoxFooterF div,
.CBox .BoxHeaderB, .CBox .BoxHeaderB div, .CBox .BoxFooterB, .CBox .BoxFooterB div{height:4px;overflow:hidden; background-image: url(../images/corners.gif);background-repeat:no-repeat;}

.CBox .BoxHeader{background-position:100% 0px;background-color:#e6f3e7}
.CBox .BoxHeader div{width:4px; background-position:0px -4px }
.CBox .BoxContent{background:#e6f3e7; padding:0 0 0 15px}

.CBox .BoxFooter{background-position:100% -12px;background-color:#e6f3e7;}
.CBox .BoxFooter div{width:4px;background-position:0px -8px}


.CBox .BoxHeaderG{background-position:100% -32px;background-color:#01ba01;}
.CBox .BoxHeaderG div{width:4px; background-position:0px -36px }
.CBox .BoxContentG{background:#01ba01;color:#FFFFFF;  padding:0 0 0 15px}
.CBox .BoxContentG a{color:#FFFFFF;}
.CBox .BoxFooterG{background-position:100% -44px;background-color:#01ba01;}
.CBox .BoxFooterG div{width:4px;background-position:0px -40px;}


.CBox .BoxHeaderF{background-position:100% -16px;background-color:#fff;border-top:solid 1px #8b8b8b;}
.CBox .BoxHeaderF div{width:4px; background-position:0px -20px }
.CBox .BoxContentF{background:#fff; padding:0 0 0 15px; border-left:solid 1px #8b8b8b; border-right:solid 1px #8b8b8b}
.CBox .BoxFooterF{background-position:100% -28px;background-color:#fff;}
.CBox .BoxFooterF div{width:4px;background-position:0px -24px;}

.CBox .BoxHeaderB{background-position:100% -48px;background-color:#fff2d7;}
.CBox .BoxHeaderB div{width:4px; background-position:0px -52px }
.CBox .BoxContentB{background:#fff2d7;color:#FFFFFF; font-size: 9px; font-weight:bold; padding:0 0 0 15px}
.CBox .BoxFooterB{background-position:100% -60px;background-color:#fff2d7;}
.CBox .BoxFooterB div{width:4px;background-position:0px -56px;}

.bms, img.bms {display:inline-block; float: left; width: 18px; height: 18px;background-image: url(../images/titles.gif);margin: 2px 2px 2px 0; border:none }

.bms.DEL { background-position:0px -252px; }
.bms.MYS { background-position:-18px -252px; }
.bms.LIV { background-position:-36px -252px; }
.bms.FAC { background-position:-54px -252px; }
.bms.ICO { background-position:-72px -252px; }
.bms.DOW { background-position:-90px -252px; }

.submit {font-family:Helvetica, Arial, sans-serif; 
	font-size:14px; font-weight:bold;
	height:25px; padding:0px 5px 0px 5px
}
.submit,
.submit-disabled {
	color:#000; background-color: #ddd;
	border: 1px double;
	border-color: #f3f3f3 #ddd #ccc #ddd;
}
.submit:hover,
.submit:focus {
	background-color: #fffd47; color:#000; 
	border: 1px double;
	border-color: #fff000 #ffda48 #ffc148 #ffda48;
}
body>input.submit-disabled, 
body>input.submit-disabled:hover, 
body>input.submit-disabled:focus {
	color: #8A8E92;
	background-color: #f2f2f2; 
	border: 1px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.submit:visited {
	color: #2b333c;
}

/*TABS VIDEOS*/
#tabcontentcontainer{margin:0px; padding:0px;overflow:hidden}
#tabcontentcontainer div.tabcontent{display:none; padding:5px; margin:0px;}
#tabcontentcontainer ul#tablist{margin:0px; list-style: none outside; padding: 0;overflow:hidden}
#tabcontentcontainer ul#tablist li{width:100px; height:25px; float:left; padding:10x; margin:0 5px 0 0;text-align:center;vertical-align:middle;}

/*AJAX*/
#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:269px;	/* Width of box */
		width: expression('271px'); 
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid;	/* Dark green border */
		border-color:#dddddd #95a5c6 #3b5998 #95a5c6;
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:11px;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:3px;
		cursor:pointer;
		font-size:11px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		border-bottom: solid 1px #dddddd;
	}
	#ajax_listOfOptions div b{
		background-color:#d8dfea;
	}
	#ajax_listOfOptions div span{color:#666666; font-size:9px}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#004096;
		color:#FFF;
	}
	#ajax_listOfOptions .optionDivSelected b{ /* Selected item in the list */
		background-color:#5670a6;
	}
	#ajax_listOfOptions .optionDivSelected span{color:#FFF}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

#calendar{height:200px; background-color:#f9f9f9;padding:10px}

/*  g e n e r a l   s t y l e s  */

#sscalendar table, #sscalendar {
	border:none;	
	padding: 0px;
	margin: 0px;
	width:100%;
}

#sscalendar td {
	background-color: inherit;
}


/*  l a r g e   d a y s   s t y l e s  */

#sscalendar table.sscallgdays {
	font-weight: normal;
	padding: 0px;
	vertical-align: top;
}

#sscalendar table.sscallgdays td {
	padding: 2px;
	vertical-align: top;
	text-align:center;
	color:#666;
}

#sscalendar table.sscallgdays td.sscallgdayabbrev {
	background-color: #000d59;
	color: #fff;
	font-weight: none;
	text-align: center;
}

#sscalendar table.sscallgdays td.sscallgtoday {
	background-color: #6d84b4;
	margin: 2px;
	
}
#sscalendar table.sscallgdays td.sscallgtoday a.today{color: #FFFFFF;text-decoration:none}

#sscalendar table.sscallgdays td.sscallgmonthprev {
	font-weight: bold;
	margin: 10px;
	text-align: left;
	width: 20px;
}

#sscalendar table.sscallgmonthlabel {
	background-color: #757184;
	color: #fafafa;
	font-weight: bold;
	padding: 4px;
	width: 100%;
}



#sscalendar table.sscallgmonthlabel td.sscallgmonthnext {
	font-weight: bold;
	margin: 10px;
	text-align: right;
	width: 20px;
}

#sscalendar table.sscallgmonthlabel td.sscallgmonthname {
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px;
	text-align: center;
	width: 100%;
}


#sscalendar table.sscallgeventsday {
	background-color: #666666;
	border-spacing: 0px;
	width: 100%;
}

#sscalendar table.sscallgeventsday td {
	background-color: #757184;
	height: auto;
	padding: 2px;
}

#sscalendar table.sscallgeventsday  #sscalendar td #sscalendar a {
	color: #027081;
	display: block;
}


#sscalendar table.sscallgeventsday #sscalendar td #sscalendar a:hover {
	background-color: #FFFFFF;
	color: #027081;
	text-decoration: none;
}

.tableForm {overflow:hidden}
	.tableForm p {
		float:left;
		width:270px
	}
	
.tableForm p a {
border:solid 1px #CCCCCC;
padding: 3px 5px 3px 5px;
background-color:#FFFFFF;
text-decoration:none;
}
	.tableForm p label {
		float: left;
		width: 50%;
		font-size:9px; text-transform:uppercase
	}
	.tableForm p input, .tableForm p textarea {
		font: 11px Helvetica, Tahoma, Lucida, sans-serif;
	}
	.tableForm p.center {
		text-align: center;
	}
	
 
/**
 * The CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation, either version 3 of the License, or (at your option)
 * any later version.
 *
 * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007 Michael J. I. Jackson
 * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
 * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
 */

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: Arial, Verdana, Geneva;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #fff;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid #333;
  background-color: #000;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #000;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}
