/***********************************************************************************************************

* Filename :                  screen.css
* Description :               css globale
* Version :                   june 2009
* Website :                   http://banditsnogent.com/
* Author :                    H. Kerbrat http://www.nimpor.com/

==STRUCTURE=============================================================

* Page width :                1002px
* Number of columns :         2

__header                      Header definition
__navigation                  Global navigation
__main                        Plum content
__content                     Page information
__aside                       Contextuel information

***********************************************************************************************************/

.nav_champ		{float:right; padding:0 10px 0 100px; border-bottom:solid 2px #0077bf;}
.content .nav_champ a		{float:left; margin:0 10px 0 0; padding:3px 10px 0px; text-decoration:none;background:#eee; color:#000; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.content .nav_champ a:focus,
.content .nav_champ a:hover,
.content .nav_champ a.on	{margin:0 10px 0 0; padding:3px 10px 3px; background:#0077bf; color:#fff; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.block_championnat.hide	{display:none;}
/**********************************************************************************************************	
reset css, tribute to eric meyer
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
***********************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body 			{line-height:1; position:relative;}
ol, ul 			{list-style:none;}
blockquote, q 		{quotes:none;}
/* remember to highlight inserts somehow! */
ins 			{text-decoration:none;}
del 			{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 			{border-collapse:collapse; border-spacing: 0;}


/**********************************************************************************************************	
Global defini	
***********************************************************************************************************/
.clear			{clear:both; font:0px/0px arial; height:0;}
body			{position:relative; margin:10px 0 0 0; background:#000; font:13px/17px "trebuchet ms";}

h1			{margin:0; padding:0; font-size:18px; line-height:0;}
h2			{margin:0 0 15px 0; padding:5px 0 0 0; font-size:18px;}

h3			{margin:0 0 10px 0; padding:15px 0 0 0; font-size:16px;}
/*.content h3		{font-family:georgia; font-size:23px; line-height:28px;}*/
h4			{margin:0 0 5px 0; padding:10px 0 0 0; font-size:14px;}

.content p		{margin:0; padding:0 0 10px 0;}
.content ul		{padding:5px 0 10px 20px;}
.content ol		{padding:5px 0 10px 20px; list-style-type:decimal;}
.content	ul li		{padding:0 0 5px 8px; background:url(../gif/puce_noire.gif) 0 6px no-repeat; }
.content ol li		{margin:0 0 5px 15px;}
.content ul ul,
.content ol ol,
.content ul ol,
.content ol ul		{margin:0 0 0 10px; padding:10px 0 0px 0;}

.content ul li ol li		{padding:0 0 5px 0; background:none; text-indent:0;}
.content ol li ul 		{margin:0;}
.content ul li ul li		{background:url(../gif/puce_verte.gif) 0 4px no-repeat;}

.aside h2			{margin:0; padding:0 0 5px 0; font-size:15px;}
.aside h3			{margin:0 0 3px 0; padding:8px 0 0px 0;}
.aside p			{margin:0; padding:0 0 10px 0; padding:0 0 5px 0;}
.aside ul			{padding:5px 0 10px 0;}
.aside ol			{padding:5px 0 10px 0; list-style-type:decimal;}
.aside ul li		{padding:0 0 5px 15px; background:url(../gif/puce_noire.gif) 0 6px no-repeat; }
.aside ol li		{margin:0 0 5px 15px;}
aside ul ul,
aside ol ol,
.aside ul ol,
aside ol ul		{margin:0 0 0 10px; padding:10px 0 0px 0;}

.aside ul li ol li		{padding:0 0 5px 0; background:none; text-indent:0;}
.aside ol li ul 		{margin:0;}
.aside ul li ul li		{background:url(../gif/puce_verte.gif) 0 4px no-repeat;}

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

a:hover,
a:focus,
a:active			{color:#000; text-decoration:underline;}

.content a			{text-decoration:underline; color:#000;}

.content a:hover,
.content a:focus,
.content a:active		{color:#000; text-decoration:none;}

.standfirst a 			{color:#fff;text-decoration:underline;}

.standfirst a:hover,
.standfirst a:focus,
.standfirst a:active			{color:#fff;text-decoration:none;}

.input_submit		{cursor:pointer;}
.accessibilite_off     	{overflow:hidden; width:0; height:0;}

.skip_link		{position:absolute; top:0; left:10px; padding:0; z-index:42;}
.skip_link ul li		{display:inline; padding:0 15px 0 0; background:none;}
.skip_link ul li a		{color:#fff;}

.spip_out img		{margin:0 0 0 5px;}

.screen			{position:relative;margin:0 auto 0; width:1002px;  background:url(../png/body_bg.png) 50% 0 repeat-y; border-bottom:solid 1px #5d7f42;}
.screen_int		{background:url(../png/body_top.png) 50% 0 no-repeat;}

/************************************
__HEADER
*************************************/
.header					{position:relative; margin:0 auto; width:1002px; z-index:1;}
.header .logo				{margin:0 0 0 1px; padding:1px 0 0; }
.header .logo img				{margin:0; padding:0;}
.header .baseline				{position:absolute; top:13px; left:584px; font-size:16px; font-weight:normal; color:#fff; }

.header .nav_main 				{height:260px;}
.header .nav_main a				{display:block; padding:5px 20px; background:url(../gif/pipe_gris.gif) 0 50% no-repeat; color:#fff; font-size:16px;text-transform:lowercase;}
.header .nav_main .first a			{padding-left:10px; background-image:none; }
.header .nav_main a:hover,
.header .nav_main a:focus,
.header .nav_main a.on			{color:#0162b1; text-decoration:none;}
.header .nav_main ul 			{margin:0 5px 0 20px; padding-bottom:5px;}
.header .nav_main ul li			{position:relative; margin:0 0px 5px 0; float:left;}
/*.header .nav_main ul li.on ul			{display:block;}
.header .nav_main ul li ul			{display:none;}
*/.header .nav_main ul li ul			{position:absolute; top:20px; left:0; margin:0; padding:20px 0 0; width:150px;background:url(../gif/menu_deroulant.gif) 0 10px no-repeat;}
.header .nav_main ul li ul li			{float:none;margin:0; padding:0; }
.header .nav_main ul li ul li a		{ background-image:none; }
.header .nav_main ul li ul li a		{padding:7px 5px; border:solid 1px #bcde28; background:#000; color:#fff;font-size:12px; text-transform:none;}
.header .nav_main ul li ul li a:hover,
.header .nav_main ul li ul li a:focus		{background-color:#262c08; color:#fff;}
* html .header .nav_main ul li ul li a		{height:1%;}


/************************************
__MAIN
*************************************/
.main				{margin:0 auto; width:1002px;}

.news_lightbox			{display:none; position:absolute;  top:104px; left:187px; width:643px; height:640px;}
.home .news_lightbox.on		{display:block;}

/*#modal	{position:absolute;  z-index:10000; top:104px; left:187px; display:none; }  */
.popin_lightbox		{display:none; /*position:absolute;  z-index:10000; top:104px; left:187px; width:600px; */}
.popin_lightbox .close		{position:absolute; top:0; right:0; color:#656565; font:bold 20px/22px arial; padding:2px; border:solid 1px #656565; text-decoration:none;}
/************************************
__CONTENT
*************************************/
.content				{float:left; width:660px;}
.content_int			{padding:5px 10px 5px 30px;}

.breadcrumb 			{padding:5px 0 20px; font-size:11px;}
.breadcrumb ul 			{margin:0; padding:0;}
.breadcrumb ul li			{display:inline; padding:0 0px 0 0; background:none; color:#fff;}
.breadcrumb ul li a			{padding:0 13px 0 0; background:url(../png/chevron_vert.png) 100% 6px no-repeat; color:#fff;}
* html .breadcrumb ul li a		{background-image:url(../gif/chevron_vert.gif);}
.home .breadcrumb 		{padding-left:30px;}


.content h2			{margin-left:-10px;color:#fff; font-family:georgia; font-size:30px; line-height:33px; font-style:italic; font-weight:bold;}
.content .illustr		{float:right; margin:0 0 30px 0;  padding:5px 0 0; width:155px; border-left:1px solid #fff;}
.content .illustr .legend		{padding:8px; font-size:12px;}
.content .under_title		{color:#fff; font-size: 14px;font-weight:bold;  line-height: 17px;text-transform:uppercase;}
.content .standfirst			{margin:0 0 15px 0; color:#fff;}

.content .next			{padding-top:5px; text-align:right;}
.content .next a			{text-decoration:underline;}
.content .next a:hover,
.content .next a:focus		{text-decoration:none;}

.content .spip_documents_center	{display:block;text-align:center;}

.content h2,
.content h3,
.content h4			{/*font-family: georgia; font-size: 14px; line-height: 17px;*/font-family: trebuchet ms; font-size: 14px;font-weight:bold;  line-height: 17px; text-transform:uppercase;}

.content h2,
.content h3		{font-size: 16px;font-weight:bold;  line-height: 18px;}

/*classement
.content table.classement		{margin:0 auto; width:90%;}
.content table.classement caption span	{display:block; text-align:left; padding:0 0 10px 10px;}
.content table.classement tr.entete	{background-color:#1041aa; border:none; color:white; line-height:30px}
.content table.classement tr.entete	{border-bottom:solid 1px #1041aa; }
.content table.classement tr th	{padding:5px 5px 10px;}
.content table.classement .equipe	{display:block; padding:10px 0 20px 65px; background:url(../jpg/ffbs.jpg) 10px 0 no-repeat; font-weight:bold;}
.content table.classement .bandits	{background-image:url(../jpg/bandits.jpg); color: #1041aa;}
.content table.classement .moret	{background-image:url(../gif/moret.gif);}
.content table.classement .noisy	{}
.content table.classement .limeil	{background-image:url(../jpg/limeil.jpg);}
.content table.classement .patriots	{background-image:url(../jpg/patriots.jpg);}
.content table.classement .senart	{background-image:url(../jpg/senart.jpg);}
*/

table.classement		{margin:0; width:95%; border:solid 1px #0076c1; font-size:13px;line-height:16px;}
table.classement caption	{caption-side:bottom; color:#fff;}
table.classement caption span	{display:block; text-align:left; padding:10px 0;}
table.classement tr th		{padding:2px 5px 3px; background:#0076c1; color:#fff; vertical-align:middle;}
table.classement .equipe	{}
table.classement .victoires	{width:50px;}
table.classement .defaites	{width:50px;}
table.classement .moyenne	{width:50px;}
table.classement tr td		{padding:5px;}
.content table.classement tr td	{background:#7bb500;}
table.classement tr.even td	{background:#9dc81d;}

.content .block_half		{float:left; width:49%;}


.content table.table_idf		{margin:0 auto 20px; width:90%;border:solid 1px #0076c1; font-size:13px;line-height:16px;}
.content table.table_idf tr th	{padding:2px 5px 3px; background:#0076c1; color:#fff; vertical-align:middle;}
.content table.table_idf tr td	{padding:5px;}
.content table.table_idf tr.entete td	{border-bottom:solid 1px #0076c1;}
.content table.table_idf .middle,
.content table.table_idf tr.even td.middle 	{background:#0076c1; color:#fff; text-align:center;}
/*.content table.table_idf tr.even td	{background:#b3b8bd;}*/



/*liste de news*/
.news_list 			{padding:0 10px 10px 0;}
.news_list h3 		{color:#0076c1; font-size:14px; line-height:16px;font-family:trebuchet ms; font-weight:normal; text-transform:uppercase;}
.news_list h3 a		{color:#0076c1;font-weight:bold;}
.news_list.first h3,
.news_list.first h3 a		{color:#fff;}
.under_focus .news_list.first h3,
.under_focus .news_list.first h3 a	{color:#0076c1;}
.aside .news_list h3 		{color:#fff;}
.aside .news_list h3 a		{color:#fff;}
.news_list h3 .date			{display:block; font-size:11px; font-weight:normal; border-bottom:solid 1px #9dc81d;}
.news_list h3 .dependance		{}

.list_diaporama 			{float:left;padding:10px 0 0; width:225px;}
.list_diaporama ul			{margin:0; padding:0;}
.list_diaporama ul li		{clear:both;margin:0; padding:0 0 20px 0; background:none;}
.list_diaporama ul li a		{display:block; color:#000; text-transform:uppercase;}
.list_diaporama ul li img		{float:right; margin:0 0 0 10px; vertical-align:middle;}

.list_diaporama.video		{float:none;padding:10px 0 0; width:100%;}
.list_diaporama.video ul li		{clear:none; float:left; margin:0; padding:0 10px 20px 0; width:227px; background:none;}
.list_diaporama.video ul li span	{display:block;}
.list_diaporama.video ul li img	{float:none; margin:0;}
.list_diaporama.video ul li a		{text-decoration:none;}

.list_diaporama.diapo_archive 	{float:none; padding:30px 0 0; width:auto;}
.list_diaporama.diapo_archive ul li	{clear:none; float:left; margin:0 20px 0 0; width:280px;}

/*	Diaporama	*/
.diaporama ul 			{margin:0; padding:0;}
.diaporama ul li			{float:left; height:250px; overflow:hidden; margin-bottom:5px; background:none;}
.diaporama.small ul li		{height:200px;}
.diaporama ul.archives li		{height:150px;}

/*popin
.popin_border			{margin:0 auto; width:800px; text-align:center;}
.popin-close			{display:block; padding:5px 10px;text-align:right;}
.popin-voile			 {position:fixed; top:0; left:0; z-index:9000; width:100%; height:0; background-color:#000; background-position:center center; background-repeat:no-repeat; opacity:0; filter:alpha(opacity=0);}
* html .popin-voile 			{position:absolute; top:expression(documentElement.scrollTop + body.scrollTop + "px");}
.popin 				{display:none; position:fixed; top:50%; left:50%; z-index:9500; width:900px; height:500px; margin:-250px 0 0 -450px; background:#000; overflow:auto; overflow:hidden; }
* html .popin 			{position:absolute; margin-top:0; top: expression(documentElement.scrollTop + body.scrollTop + (documentElement.clientHeight/2) - 275 + "px");}
*/




/*	trombinoscope	*/
.trombinoscope li			{float:left; width:230px; height:220px; background:none;}
.trombinoscope li .photo		{float:left; margin-right:5px;}
.trombinoscope li .photo img		{width:100px;}
.trombinoscope li .text		{padding:5px 0;}

.trombinoscope .item		{position:relative; float:left; margin:0 0 20px 0; padding:0; width:280px;background:#fff; border:solid 1px #000;}
.trombinoscope .item.right		{float:right;}
.trombinoscope .item_int		{float:none; margin:0; padding:0; width:auto; padding:8px; }
.trombinoscope .text		{padding:10px 0; min-height:160px;}
* html .trombinoscope .text		{height:160px;}
.trombinoscope .text p		{margin:0;padding:0;}
.trombinoscope .text strong		{color:#558e00;}

* html .nav_page			{height:1%;}
.nav_page li			{float:left; margin:0 5px; background:none;}
 
/*calendrier*/
.calendrier h3			{color:#fff; font-size:18px; font-weight:normal;}
.calendrier h4			{padding:5px; background:#9dc81d;}
 
table.resultat		{margin:0 auto 20px; width:80%; border:solid 1px #0076c1; border-bottom:none;}
table.resultat th,
table.resultat td		{padding:3px; border-bottom:solid 1px #0076c1; text-align:left;}
table.resultat th 	{background:#0076c1; color:#fff;}
 
 .block_championnat		{position:relative;}
 .block_championnat h5		{position:absolute; top:10px; right:10px;}
 
.calendrier_match			{overflow:hidden;padding:10px 0 10px 20px; margin:0 0 10px 0;  text-align:center;}
* html .calendrier_match		{height:1%;}
.calendrier_match  .equipe		{display:block; width:30%; float:left; padding:15px 55px 25px 0; background:url(../jpg/ffbs.jpg) 100% 0 no-repeat; font-weight:bold;}
.calendrier_match .vs		{float:left;display:block; padding:15px 5px;}
.calendrier_match .right		{padding:15px 0 15px 55px; background-position:0 0;}
.screen .main .calendrier_match .bandits		{background-image:url(../jpg/bandits.jpg); color: #1041aa;}
.screen .main .calendrier_match .moret		{background-image:url(../gif/moret.gif);}
.screen .main .calendrier_match .noisy		{}
.screen .main .calendrier_match .limeil		{background-image:url(../jpg/limeil.jpg);}
.screen .main .calendrier_match .patriots		{background-image:url(../jpg/patriots.jpg);}
.screen .main .calendrier_match .senart		{background-image:url(../jpg/senart.jpg);}
.screen .main .calendrier_match .puc		{background-image:url(../gif/puc.gif);}
.screen .main .calendrier_match .savigny		{background-image:url(../gif/logo_savigny.gif);}
.screen .main .calendrier_match .evry		{background-image:url(../gif/logo_evry.gif);}
.screen .main .calendrier_match .thiais		{background-image:url(../gif/logo_thiais.gif);}
.screen .main .calendrier_match .gif		{background-image:url(../gif/logo_ullis_gif.gif);}
.screen .main .calendrier_match .montigny		{background-image:url(../gif/logo_montigny.gif);}
.screen .main .calendrier_match .meaux		{background-image:url(../gif/logo_maux.gif);}
.screen .main .calendrier_match .lethillay		{background-image:url(../gif/logo_le_thillay.gif);}
.screen .main .calendrier_match .ermont		{background-image:url(../gif/logo_ermont.gif);}
.screen .main .calendrier_match .bat		{background-image:url(../gif/logo_bat.gif);}
.screen .main .calendrier_match .bk		{background-image:url(../gif/logo_bk.gif);}
 
 
.aside .calendrier_match		{padding:0; margin:0; text-align:left;color:#fff;}
.aside .calendrier_match .logo		{float:left; width:60px; height:55px; margin:0 2px 10px 0; padding:0; background:url(../jpg/ffbs.jpg) 0 5px no-repeat; }
.aside .calendrier_match h3		{color:#000; font-weight:normal;}

.aside .demo_video			{margin:0 0 10px; padding:15px 0 0;}
 
/*plan du site*/
.block_sitemap			{padding:50px 0 0;}
.block_sitemap h3			{font-size:16px;}
 
/****************
DIAPORAMA
****************/
.padder.diapo			{position:relative; padding-top:20px;}

.main .block_diaporama		{margin:0 0 20px; wi42dth:604px; text-align:center;}
.main .block_diaporama_random		{float:right;margin:0 0 20px; width:366px; color:#fff;}
.main .gallery ul			{margin:0; padding:0;}
.main .gallery ul li		{margin:0 7px 0 0; padding:0; background:none;}
.main .block_diaporama_random img	{width:366px;}

.main .nav_page 			{margin:0 0 20px; text-align:center;}
.main .nav_page span		{font-weight:bold;}
 /*.main .block_diaporama				{float:right; margin:0 auto 30px auto; width:366px; overflow:hidden;}
 .block_diaporama h3				{color:#fff; font-weight:normal;}
.main .block_diaporama_int				{min-height:244px;}
* html .main .block_diaporama_int			{height:244px;}
.main .block_diaporama_link .block_diaporama_link_int	{overflow:hidden; width:366px; height:244px;}
.main .block_diaporama .container			{padding-left:0;}

.main .block_diaporama_link div			{float:left;}
.main .block_diaporama_link div.item			{width:366px; height:244px; font-size:10px;}
.main .block_diaporama_link div.item a			{display:block; padding:3px 0 0 0; margin:0 auto; width:366px;   font-size:1.083em; text-align:center;}
.main .block_diaporama_link div.item a:hover		{color:#83a900; text-decoration:none;}
.main .block_diaporama_link div.item a strong		{display:block; padding:2px 0 0 0;}
.main .block_diaporama_link div.item img			{}
.main .block_diaporama_link div.nav_diapo		{position:absolute; float:none; top:5px; left:100px;}
.main .block_diaporama_link div.nav_diapo.next		{left:auto; right:100px;}

/*home*
.home .main .block_diaporama				{width:586px;}
.home .main .block_diaporama_int			{min-height:325px;}
* html .home .main .block_diaporama_int		{height:325px;}
.home .main .block_diaporama_link .block_diaporama_link_int{overflow:hidden; width:586px; height:325px;}
.home .main .block_diaporama_link div.item		{width:586px; height:325px;}
.home .main .block_diaporama_link div.item a		{width:586px; }


/*formulaire*/
.content .block_form	{margin:0 0 10px 75px;}
* html .block_form		{height:1%;}
.content .block_form_int	{padding:5px 0 0 0; }
.content .input		{clear:left; padding:0 0 5px 0;}
.content label		{display:block; float:left; width:138px; padding-right:30px; text-align:right;}
.content .block_error	{margin-bottom:10px; border-bottom:solid 1px red;}
.content .error label,
.content p.error		{color:red;}
.content .error input	{border:solid 1px red;}
.content .input input	{width:140px;}
.content .input select	{width:140px;}
.content .textarea textarea	{width:315px; height:100px;}
.content .submit 		{padding:10px 0 0 178px;}
.content .submit input	{padding:2px 5px;background:#0077C0; border:none; color:#fff;}
.content form		{padding:30px 0 0 0;}

/*plan du site*/
.content .block_sitemap	{float:left; width:32%;}
.content .block_sitemap ul	{margin-right:10px;}

/************************************
__ASIDE
*************************************/
.aside			{position:relative; float:right; margin:-120px 0 0 0; width:335px; z-index:6;}
.aside .aside_int		{padding:0 0 0 26px;}
.aside h2			{margin:0 0 10px; padding:15px 0 0; color:#fff; font:italic 30px/33px georgia;}
.aside h3			{}
.aside h3 a		{color:#0162b1; }
.aside .navigation		{padding:20px 5px;}
.aside .navigation ul	{margin:10px 5px 0 20px;}


/************************************
__FOOTER
*************************************/
.footer 			{margin:0 auto; width:1002px; font-size:10px; font-family:arial; clear:both; color:#000;}
.footer ul		{padding:25px 0 5px 40px;}
.footer ul li		{display:inline; background:none;}
.footer a			{padding:0 0 0 8px; color:#000;}





 /****************
 HOME
 ****************
.home .screen			{margin:0 auto; width:1002px;background:url(../gif/home_body_bg.gif) 50% 0 repeat-y;}
.home .content			{float:none; width:100%;}
.home .content_int			{padding:5px 0;}
.home .content .photo_random	{float:left; padding:20px 0 0 0; width:567px; width:57%; overflow:hidden; text-align:center;}
.home .content .last_actu		{float:right; width:42%;}

.content .championnat_home					{position:absolute; top:100px; right:0; width:350px; border:solid 1px #000;}
.content .championnat_home_int				{padding:5px;}
.content .championnat_home .calendrier_match			{margin:0 0 10px 0; padding:0;}
.content .championnat_home h2				{margin:0; padding:0; font-size:15px; text-align:left;}
.content .championnat_home .calendrier_match h2		{float:left; color:#0162b1; font-weight:normal;}
.content .championnat_home .calendrier_match .date		{float:left; padding:0 0 0 10px;}
.content .championnat_home .calendrier_match .calendrier_match	{clear:left;margin:0; padding:5px 0 0;}

.content .classement_home table			{background:#fff;}

 /****************
 HOME EQUIPE
 ****************/
 .home_equipe .photo_equipe		{float:left; width:50%;}
 .home_equipe .classement		{}
 
 
 /****************
 Waiting page
 ****************/
.waiting .content		{font:18px/26px arial;}
 
.waiting .content_int	{padding:0px 0 0 50px;}
.waiting .content h2	{margin:0 0 65px; padding:0; font-size:25px; line-height:30px; font-style:normal;}
.waiting .content h2 span	{font-size:17px; line-height:22px;}
.waiting .content p		{margin:0 0 30px; padding:0; color:#111d13;}
  
.waiting .aside		{margin:0;}
.waiting .aside_int		{padding:40px 0 0 26px;}
 
 
 
 /**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.3.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.3
 * @date October 12, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	background: transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}