@charset "utf-8"; 
/* CSS Document */
/* YUI reset */ 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}

table{}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var, b, italic{font-style:normal}
li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
abbr, acronym{border:0; font-variant:normal}
sub{vertical-align:middle}
legend{color:#000}
/* YUI fonts */ body{font-family:Tahoma; font-size:11px}
table{}
* html .clearfix{height:1%}
body{background:#FFF; color:#77787b}

input{vertical-align:middle}

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

/*styles*/
.clear{clear:both}
.color_red{color:#d13600}
.color_orange{color:#f37032}
.color_orange2{color:#f89c38}
.color_grey{color:#77787b}
.color_grey2{color:#636363}
.color_blue{color:#307bb6}
.color_white { color:#FFF;}
.size_18{
	font-size:14px
}
.marg{margin-right:10px}
.titles_orange{color:#d03b27; font-size:14px; font-weight:bold; text-transform:uppercase}
.titles_orange2{color:#d03b27; font-size:11px; text-transform:uppercase}
.bold{font-weight:bold}
.mayusc{text-transform:uppercase}
.align_izq { float:left;}
.align_derecha {
	float:right;
	margin-right: 14px;
}

/*divs*/
#conteiner{
	width:852px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom: 10px;
}
#header{padding-bottom:11px}
#header #logo{float:left; width:284px}
#header #navbar{width:566px; float:left; background:url(../img/common/navbar_bg.jpg) no-repeat; margin-top:32px; height:60px; padding:0 0 0 2px}
#header #navbar li{float:left; padding:25px 17px 20px 12px}
#header #navbar li a{text-decoration:none}
#header #navbar li a:hover{background:url(../img/common/nav_in.jpg) no-repeat center bottom; padding:0 0 10px 0}
#content{
	clear:both;
	padding:5px  0 12px 0
}
#content #col_general{float:left; width:578px; margin:0 8px 0 0}
#nuestro_centro{margin:0 0 13px 0}
#nuestro_centro_tit{height:18px; background:#307BB5 url(../img/home/b_blue_left.jpg) no-repeat top left; padding:7px 0 0 28px}
#nuestro_centro_medio{height:211px; float:left; margin-top:2px; margin-bottom:2px}
#nuestro_centro_medio_image{width:296px; height:211px; float:left}
#nuestro_centro_medio_text{width:245px; float:left; padding:18px 20px 0 17px; color:#5083a6; line-height:16px}
#nuestro_centro_medio_text img{margin-bottom:12px}
#nuestro_centro_down{height:103px; float:left}
#nuestro_centro_down_image{float:left; width:143px; height:103px}
#nuestro_centro_down_text{background-color:#307BB5; float:left; width:435px}
#nuestro_centro_down_text .borde{
	background:url(../img/home/b_nuestro.jpg) no-repeat right bottom;
	padding-left:24px;
	padding-top:13px;
	color:#FFF;
	line-height:15px;
	height:90px
}
#box{width:285px; float:left; margin-right:8px; line-height:16px}
#box .title{background:#D13600 url(../img/home/b__red_left.jpg) no-repeat top left}
#box .title .borde{background:url(../img/home/b__red_right.jpg) no-repeat right bottom; padding:7px 0 0 16px; height:21px}
#box .text{padding:7px 10px 7px 12px; text-align:justify}
#box1{width:285px; float:left; line-height:16px}
#box1 .title{background:#F36523 url(../img/home/b__orange2_left.jpg) no-repeat top left}
#box1 .title .borde{background:url(../img/home/b__orange2_right.jpg) no-repeat right bottom; padding:7px 0 0 16px; height:21px}
#box1 .text{padding:7px 10px 7px 12px; text-align:justify}
#content #col_right{float:left; width:266px}
#login_out{margin:0 0 3px 0; background:#f89c38 url(../img/home/b__orange3_left.jpg) no-repeat top left}
#login_out .borde{
	background:url(../img/home/b__orange3_right.jpg) no-repeat right bottom;
	padding:10px 0 0 5px;
	height:19px
}
#ultimas_nocitias{margin-bottom:13px}
#ultimas_nocitias .title{background:#006bb0 url(../img/home/b_blue2_left.jpg) no-repeat top left; margin:0 0 2px 0}
#ultimas_nocitias .title .borde{background:url(../img/home/b_blue2_right.jpg) no-repeat right bottom; padding:5px 0 0 11px; height:18px}
#ultimas_nocitias .block{margin:0 0 2px 0; padding:9px 0 0 9px; background:#dbe6f5; height:86px}
#ultimas_nocitias .block .image{padding:3px; border:1px solid #d1e0ec; margin:0 8px 0 0; float:left; background:#FFF}
#ultimas_nocitias .block .text{float:left; width:171px; padding:4px 0 0 0; color:#969696; line-height:13px}
#innovacion{clear:both}
#innovacion .title{background:#f89c38 url(../img/home/b__orange_left.jpg) no-repeat top left}
#innovacion .title .borde{background:url(../img/home/b__orange_right.jpg) no-repeat right bottom; padding:10px 0 0 16px; height:18px}
#innovacion .text{
	padding:7px 6px 44px 12px;
	text-align:justify;
	line-height:16px
}
#consultas{clear:both}
#consultas .title{background:#006bb0 url(../img/home/b_blue.jpg) no-repeat top left}
#consultas .title .borde{background:url(../img/home/b_blue_right.jpg) no-repeat right bottom; padding:10px 0 0 16px; height:18px}
#consultas .text{padding:7px 7px 7px 12px}
#consultas .text img{margin-bottom:7px}
#footer{clear:both; padding:3px 12px 0 0; text-align:center; border-top:1px dotted #b3b0b0; color:#77787b; font-size:11px; margin:0 0 0 5px; margin-bottom:10px}

/*********************/
/* Quienes Somos     */
/*********************/
#col_general_quienes{float:left; width:524px; margin:0 9px 0 0}
#nuestro_centro_quienes{margin:0 0 2px 0}
#nuestro_centro_quienes_tit{
	height:19px;
	background:#cf3b27 url(../img/quienes_somos/b_red_left.jpg) no-repeat top left;
	padding:10px 0 0 24px
}
#quienes_block{background:#dbe6f6 url(../img/quienes_somos/b_celeste_left.jpg) no-repeat left bottom}
#quienes_block .borde{background:url(../img/quienes_somos/b_celeste_right.jpg) no-repeat right bottom; padding:11px 0 26px 11px}
#quienes_block .borde .image{
	width:152px;
	float:left
}
#quienes_block .borde .text{width:346px; float:left}
#quienes_block .borde .text .title{
	padding:4px 0 12px 0
}
#quienes_block .borde .text .block{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
#quienes_block .borde .text .block .image{width:30px; float:left}
#quienes_block .borde .text .block .text2{width:310px; float:left; font-size:12px}
#quienes_block .borde .text .block .text2 a:link{ cursor:default}
#quienes_block .borde .text .block .text2 img{margin:0 6px 0 0}
#quienes_block .borde .text .block .text2 p{margin-left:14px}
#col_right_quienes{float:left; width:314px}
#colaboradores_title{margin:0 0 2px 0; background:#f26724 url(../img/home/b__orange2_left.jpg) no-repeat top left}
#colaboradores_title .borde{
	background:url(../img/home/b__orange2_right.jpg) no-repeat right bottom;
	padding:10px 0 0 24px;
	height:19px
}
#colaboradores_block{width:309px; height:39px; background:#dbe6f6; padding:1px 0 0 2px; margin:0 0 3px 0}
#colaboradores_block .image{width:47px; float:left}
#colaboradores_block .text{width:182px; float:left; height:37px; line-height:37px}
#colaboradores_block .text2{
	width:51px;
	float:left;
	text-align:right;
	padding:5px 0 0 0
}
#colaboradores_block .image2{width:20px; float:left; padding:6px 0 0 3px}

/***********************************/
/* Quienes somos colaboradores     */
/***********************************/
#colaboradores2_title{margin:0 0 2px 0; background:#cf3b27 url(../img/home/b__red_left.jpg) no-repeat top left}
#colaboradores2_title .borde{background:url(../img/home/b__red_right.jpg) no-repeat right bottom; padding:7px 0 0 24px; height:18px}

/***********************************/
/* cursos_forminscripcion          */
/***********************************/
#col_general_cursos{float:left; width:575px; margin:0 9px 0 0}
#cursos_form_title{margin:0 0 2px 0; background:#006cb0 url(../img/home/b_blue.jpg) no-repeat top left}
#cursos_form_title .borde{
	background:url(../img/home/b_blue_right.jpg) no-repeat right bottom;
	padding:10px 0 0 24px;
	height:19px
}
#col_right_cursos{float:left; width:266px}
#content_cursos{padding:0 0 12px 0}
#content_cursos #inscripcion{padding-bottom:29px}
#content_cursos #inscripcion #hoja{width:50px; float:left; text-align:center}
#content_cursos #inscripcion #title_inscrip{width:126px; float:left; background:url(../img/cursos/bg_title.jpg) no-repeat; color:#FFF; height:23px; line-height:23px; padding:0 0 0 9px; margin:4px 0 0 0}
#content_cursos #inscripcion #text_inscrip{width:660px; float:left; margin:4px 0 0 0; height:23px; line-height:23px; font-size:11px; font-weight:bold}
#content_cursos #form_curso{padding:0 0 5px 55px}
#content_cursos #form_curso .title{width:780px; padding-bottom:12px}
#content_cursos #form_curso .title .tit{width:263px; float:left}
#content_cursos #form_curso .title .datos{width:163px; float:right; text-align:right}
#content_cursos #form_curso .line{margin-bottom:6px; border-bottom:1px dotted #d1cfd0; clear:both; width:782px}
#content_cursos #form_curso .line2{margin-bottom:6px; border-bottom:1px dotted #d1cfd0; clear:both; width:682px; position:relative}
.field_curso_1{width:314px; height:20px; border:0; background:#dae5f5; margin-right:16px}
.field_curso_2{width:297px; height:20px; border:0; background:#dae5f5}
.field_curso_3{width:352px; height:20px; border:0; background:#dae5f5; margin-right:16px}
.field_curso_4{width:269px; height:20px; border:0; background:#dae5f5}
.field_curso_5{width:374px; height:20px; border:0; background:#dae5f5; margin-right:16px}
.field_curso_6{width:287px; height:20px; border:0; background:#dae5f5}
.field_curso_7{width:362px; height:20px; border:0; background:#dae5f5; margin-right:16px}
.field_curso_8{width:265px; height:20px; border:0; background:#dae5f5}
.field_curso_9{width:273px; height:20px; border:0; background:#dae5f5}
.field_curso_10{width:297px; height:20px; border:0; background:#dae5f5; margin-right:16px}
.field_curso_11{width:234px; height:20px; border:0; background:#dae5f5}
.field_curso_12{width:720px; height:20px; border:0; background:#dae5f5}
.field_curso_13{width:336px; height:20px; border:0; background:#dae5f5; margin-right:17px}
.field_curso_14{width:196px; height:20px; border:0; background:#dae5f5}
.field_curso_15{width:145px; height:20px; border:0; background:#dae5f5}
#content_cursos #form_curso .title2{width:780px; padding-bottom:12px; padding-top:10px}
#content_cursos #form_curso .title2 .tit{width:583px; float:left; height:20px; margin-top:3px}
#content_cursos #form_curso .title2 .datos{width:133px; float:right; text-align:right}
.button_curso{background:url(../img/cursos/button.jpg) no-repeat; width:90px; height:23px; border:0; color:#FFF; font-size:11px; cursor:pointer}

/***********************************/
/* cursos_registro                 */
/***********************************/
#col_right_registro{clear:both}
#button_registro{width:94px; position:absolute; left:691px; top:1px}

/***********************************/
/* Noticias                        */
/***********************************/
.box_flecha{width:5px; height:10px; float:left; margin-right:8px}
.box_titles{height:10px; float:left}
.box_titles_txt{float:left}
#content_news{
	padding-top:5px;
	width:847px;
	margin-left:4px;
	margin-bottom:25px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	clear:both
}
#tit{height:19px; width:auto; margin-bottom:2px; background-color:#006BB1; padding-left:24px; padding-top:10px}
#consultas .title .borde{background:url(../img/home/b_blue_right.jpg) no-repeat right bottom; padding:10px 0 0 16px; height:18px}
.news{width:824px; background-color:#DCE8F8; padding-left:11px; padding-bottom:10px; padding-right:10px; padding-top:11px; margin-left:1px; margin-right:1px; clear:both}
.image_news{width:150px; height:112px; float:left; margin-right:19px}
.separator{height:3px; border-bottom:1px #c4c4c4 dotted; margin-bottom:3px}
.news_down{padding-left:8px; padding-right:6px; margin-left:1px; margin-right:1px; padding-bottom:2px}
.image_news_down{width:59px; height:50px; float:left; background-color:#fff; padding-bottom:5px; padding-left:3px; padding-right:2px; padding-top:4px; border:1px #c4c4c4 solid}
.box_news_txt{float:left; width:635px; line-height:16px}
.box_news_down_txt{margin-left:11px; margin-top:6px; float:left; width:730px; line-height:17px}
.icon_more{float:left; width:15px; height:13px; padding:98px 0 0 0}
.icon_more2{float:left; width:15px; height:13px; padding:43px 0 0 0}
/***********************************/
/* Noticias  detalle               */
/***********************************/
#image_news_detalle{width:202px; float:left}
#news_detalle{width:808px; background-color:#DCE8F8; padding-left:11px; padding-bottom:24px; padding-right:26px; padding-top:11px; margin-left:1px; margin-right:1px; margin-top:5px; margin-bottom:2px}
#box_news_tit_detalle{margin-left:17px; float:left; width:585px; line-height:14px; padding-top:5px}
.box_news_txt_detalle{margin-left:17px; float:left; margin-top:23px; width:589px}

/***********************************/
/* Enlaces                         */
/***********************************/
.enlaces{clear:both; padding-left:5px; margin-top:18px}
.enlaces .image{width:83px; float:left}
.enlaces .text{background:#dbe6f6; border-bottom:1px dotted #ccc; float:left; padding:10px 0 0 8px; height:53px; width:510px; line-height:17px}
.enlaces .text img{margin-right:5px; vertical-align:middle}
#login{
	padding-bottom:10px;
	padding-left:9px;
	padding-top:9px;
	color:#000
}
#login .text{float:left; width:49px; height:22px; line-height:22px; margin-bottom:6px}
#login .field{float:left; width:171px; height:22px; margin-bottom:6px}
.field_login{width:166px; height:21px; border:1px solid #d7d8da; line-height:20px}
#login .button{
	text-align:right;
	clear:both;
	padding-right:7px;
	padding-bottom:9px;
	margin-top: 3px;
}
#login .questions{border-top:1px dotted #CCC; padding:7px 0 6px 0; clear:both}
#login .questions .bg{width:131px; background:url(../img/enlaces/bg_buttons.jpg) no-repeat; line-height:20px; height:20px; padding:0 0 0 6px; float:left; color:#FFF}
#login .questions .texts{width:82px; float:left; height:20px; line-height:20px}

/***********************************/
/* Contacto                        */
/***********************************/
#contacto{
	clear:both;
	padding-top:27px;
	padding-bottom:24px
}
#contacto #map{
	width:273px;
	float:left;
	padding: 0 0 0 24px;
}
#contacto #textos{width:492px; float:left}
#contacto #textos .text1{
	padding:21px 0 5px 0;
	border-bottom:1px dotted #CCC
}
#contacto #textos .text2{
	padding:2px 0 5px 4px
}
#contacto #textos .text3{
	height:40px;
	line-height:30px;
	padding-top: 7px;
	padding-left: 7px;
}
#contacto #textos .text3 img{vertical-align:middle}
#linea{
	margin-bottom:10px;
	clear:both;
	padding-left: 22px;
}
#linea .image{width:35px; float:left}
#linea .text{
	width:780px;
	float:left;
	border-bottom:1px dotted #CCC;
	padding-top: 2px;
	padding-bottom: 2px;
}
#form_contacto{
	padding:17px 0 0 20px;
	clear:both;
	color:#4987b7;
	width:820px
}
.field_contacto{width:316px; height:21px; background:#dbe6f6; border:1px solid #c1c9d4}
.field_contacto1{width:175px; height:21px; background:#dbe6f6; border:1px solid #c1c9d4}
.field_contacto2{width:561px; height:21px; background:#dbe6f6; border:1px solid #c1c9d4}
.field_contacto3{width:562px; height:130px; background:#dbe6f6; border:1px solid #c1c9d4; overflow:auto}
.contacto_lineas{
	margin-bottom:11px
}

/***********************************/
/* Articulos                       */
/***********************************/
#articulos_publicados{width:823px; height:19px; float:left; padding-left:24px; padding-top:10px; background-color:#036db1}
#epi_art{width:827px; height:25px; padding-left:19px; padding-top:4px; background-color:#d03b27; margin-left:2px;  margin-top:7px}
#content_art{
	float:left
}
.content_txt1{padding-left:6px; margin-top:7px; padding-bottom:7px; border-bottom:1px dotted #ccc}
.content_txt{padding-left:6px; margin-top:7px; padding-bottom:7px; border-bottom:1px dotted #ccc}
.content_txt p{
	line-height:17px
}
#indice{margin-left:4px; width:580px; margin-bottom:0px; float:left; padding-right:65px}
.indice_txt{float:left; width:580px; border-bottom:1px dotted #ccc}
.separator2{height:3px; border-bottom:1px; margin-bottom:3px}
#art_content_nav{width:171px; float:left; margin-top:30px}
#title_epi_4articulos{height:20px; float:left; margin-right:8px}
#title_articulos_publicados{height:10px; float:left; margin-right:8px}
#content_indice{padding-left:3px; margin-top:6px; padding-bottom:7px; border-bottom:1px dotted #ccc}

#content_articulos{width:609px; float:left}
#content_access{width:239px; float:left}

#tit_articulos_publicados{padding-left:24px; padding-top:9px; margin-bottom:8px; float:left; width:583px; height:20px; background-color:#006BB1}
#tit_acc_usuario{height:18px; width:217px; padding-left:15px; padding-top:11px; margin-left:4px; float:left; background-color:#F89C39}
#epi{width:588px; height:25px; padding-left:19px; padding-top:4px; background-color:#d03b27; margin-left:2px}
#casos_clinicos{width:588px; height:25px; padding-left:19px; padding-top:4px; background-color:#f26724; margin-left:2px; margin-top:8px}
#journal{width:588px; height:25px; padding-left:19px; padding-top:4px; background-color:#F89C39; margin-left:2px;  margin-top:8px}
#articulos{width:588px; height:25px; padding-left:19px; padding-top:4px; background-color:#016db1; margin-left:2px;  margin-top:8px}
.txt_articulos{
	width:590px;
	margin-top:2px;
	padding-left:18px;
	padding-top:2px;
	padding-bottom:4px;
	background-color:#DCE8F8;
	margin-bottom:8px;
	line-height: 20px;
}
.box_icon_hoja{width:15px; height:20px; float:left; margin-right:8px}
#usuario{width:36px; padding-left:14px; height:23px; padding-top:21px; padding-right:12px; float:left}
#usuario_campo{width:176px; padding-top:12px; float:left}
#clave{width:36px; padding-left:14px; height:23px; padding-top:6px; padding-right:12px; float:left}
#clave_campo{width:176px; padding-top:6px; float:left}
.form_campo_txt{border:1px #c4c4c4 solid; float:left; width:166px; height:21px}

/*----------Ariculos_Detalle----------*/
#articulos_publicados{width:823px; height:19px; float:left; padding-left:24px; padding-top:10px; background-color:#036db1}
#epi_art{width:827px; height:25px; padding-left:19px; padding-top:4px; background-color:#d03b27; margin-left:2px;  margin-top:7px}
#content_art{
	float:left;
	padding-right:10px
}
.content_txt{
	padding-left:6px;
	margin-top:7px;
	padding-bottom:7px;
	padding-top: 7px;
}
#indice{
	margin-left:4px;
	width:580px;
	margin-bottom:0px;
	float:left;
	padding-right:63px
}
.indice_txt{float:left; width:580px; border-bottom:1px dotted #ccc; height:18px; line-height:18px}
.separator2{height:3px; border-bottom:1px; margin-bottom:3px}
#art_content_nav{
	width:174px;
	float:left;
	margin-top:30px
}
#title_epi_4articulos{height:20px; float:left; margin-right:8px}
#title_articulos_publicados{height:10px; float:left; margin-right:8px}

#calendario{margin-left:11px; margin-top:25px; width:579px; float:left}
#calendario_title{margin-left:1px; width:578px; float:left; height:10px; margin-bottom:10px}
.calendario_fecha{margin-left:3px; float:left; height:11px; width:73px}
.calendario_lugar{height:11px; float:left; width:503px}
#costo{clear:both; margin:12px}
#calendario_content_nav{margin-left:28px; width:171px; float:left; margin-top:51px}
.calendario_nav_bar{height:32px; width:171px; float:left; margin-bottom:8px}
.calendario_ima_nav_bar{
	width:45px;
	height:32px;
	float:left;
	padding-bottom: 9px;
}
#button_inscribirme{width:117px; height:15px; padding-top:7px; float:left; padding-left:9px; margin-top:5px; margin-left:15px; background-color:#016CB0}
.button_pdf{width:128px; float:left; margin-top:5px; background-image:url(../images/buttom_pdf.gif)}

#articulo_title{margin:0 0 7px 0; background:#006cb0 url(../img/home/b_blue.jpg) no-repeat top left}
#articulo_title .borde{background:url(../img/home/b_blue_right.jpg) no-repeat right bottom; padding:10px 0 0 24px; height:19px}

#articulo2_title{
	margin:0 0 2px 0;
	background:#d03b27 url(../img/home/b__red_left.jpg) no-repeat top left
}
#articulo2_title .borde{background:url(../img/home/b__red_right.jpg) no-repeat right bottom; padding:4px 0 0 24px; height:25px}

#articulos_red{
	margin:8px 0 2px 0;
	background:#d03b27 url(../img/home/b__red_left.jpg) no-repeat top left
}
#articulos_red .borde{
	background:url(../img/home/b__red_right.jpg) no-repeat right bottom;
	padding:4px 0 0 19px;
	height:25px
}

#articulos_orange{margin:0 0 2px 0; background:#f26724 url(../img/home/b__orange2_left.jpg) no-repeat top left}
#articulos_orange .borde{
	background:url(../img/home/b__orange2_right.jpg) no-repeat right bottom;
	padding:4px 0 0 19px;
	height:25px
}

#articulos_orange2{margin:0 0 2px 0; background:#f89c39 url(../img/home/b__orange_left.jpg) no-repeat top left}
#articulos_orange2 .borde{
	background:url(../img/home/b__orange_right.jpg) no-repeat right bottom;
	padding:4px 0 0 19px;
	height:25px
}

#articulos_blue{margin:0 0 2px 0; background:#016db1 url(../img/home/b_blue.jpg) no-repeat top left}
#articulos_blue .borde{
	background:url(../img/home/b_blue_right.jpg) no-repeat right bottom;
	padding:4px 0 0 19px;
	height:25px
}

#articulos_red2{margin:0 0 12px 0; background:#d03b27 url(../img/home/b__red_left.jpg) no-repeat top left; clear:both}
#articulos_red2 .borde{background:url(../img/home/b__red_right.jpg) no-repeat right bottom; padding:10px 0 0 24px; height:19px}

/***********************************/
/* Articulos                       */
/***********************************/
#ext_tit_cursos{background-color:#DCE8F8; padding-left:13px; padding-bottom:12px; padding-right:26px; padding-top:12px; margin-left:1px; margin-right:1px}
.cont_cursos{margin-left:14px; padding-top:10px; margin-bottom:16px}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}