/**
 * @author  ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

/* not ready */


h3
{
        font-weight:bold;
		font-size:22px;
}

h4
{
}

fieldset
{
        margin:0px 0 ;
        padding:0px 0px 15px;
        border:solid 1px
}

p
{
        margin:0 0 13px;
}

em
{
        font-weight:bold;
}

/* ##########################  general  ########################### */
#all
{
}

/* ##########################  header content  ########################### */

#header form
{

}

#header form .button
{
        font-weight:bold;
        margin: 0;
        cursor:pointer;
        text-align:center;
}

#header form .inputbox
{

        width:13em;
        padding:3px;
}
#header {width:100% !important; margin:0 auto;  text-align:left; position:relative; } 
.head {position:relative; width:940px; margin:0 auto} 
.main .head {width:100%}
#header form .inputbox { margin: 2px 13px 2px 2px;}
#menu ul.menu
{
        display:block;
        text-align:left;
        list-style-type:none;
		padding:0 0 0 0px;
		background:none !important;
}
img {border:none}
#menu {position:relative; top:inherit !important; margin-top:-105px;  width:990px; min-height:114px; z-index:150000; background:url(menu_bg.png) no-repeat  50% 0; left:50%; margin-left:-495px}
.main #menu {position:absolute; top:2% !important; margin-top:0;  width:990px; min-height:114px; z-index:150000; background:url(menu_bg.png) no-repeat  50% 0; left:50%; margin-left:-495px}
#menu ul.menu {position:absolute; right:8px; margin:1px auto 0 !important}
#menu ul.menu li {  position:relative; list-style:none; padding:0; background:none; float:left}
#menu ul.menu ul {display:none; top:87px; position:absolute;  width:188px;  padding:5px 0 20px 0;  z-index:20 }
#menu ul.menu ul ul {display:none; top:0; left:100%; position:absolute;   width:196px;  padding:0; margin-top:0px; z-index:20;}
#menu ul.menu ul li  {float:none !important;background:url(../files/sub_menu_hover.gif) repeat  50% 0; }
#menu ul.menu ul li a { 	padding:0 ;	text-align:center;		display:block; text-align:left; position:relative; z-index:30; text-decoration:none}
#menu ul.menu ul li a strong{ width:165px;   text-align:center; color:#fff; font-size:15px; text-align:left; display:block; text-transform:none; text-decoration:none; position:relative; z-index:30; cursor:pointer; padding:0 0 0 23px; line-height:30px;}

#menu ul.menu ul ul li a { 	padding:0 ;	text-align:center;		display:block; text-align:left; position:relative; z-index:30; text-decoration:none}
#menu ul.menu ul ul li a strong{idth:165px;   text-align:center; color:#fff; font-size:15px; text-align:left; display:block; text-transform:none; text-decoration:none; position:relative; z-index:30; cursor:pointer; padding:0 0 0 23px; line-height:30px;}
#menu ul.menu ul ul li a:hover strong{ color:#ff865b; background:none !important}

#menu ul.menu ul li a:hover strong{ background:url(menu_hover_bg.gif) repeat-x  50% 0  !important; color:#fff !important}
#menu ul.menu ul li.actives > a > strong{  background:url(menu_hover_bg.gif) repeat-x  50% 0  !important; color:#fff !important}
#menu ul.menu > li > a {display:block; text-decoration:none;  width:106px; height:88px; position:relative; z-index:30}
#menu ul.menu > li > a > strong {	 width:106px; height:88px; padding:0 0 0 0; text-align:center; color:#272727; display:block; font-size:17px; text-transform:lowercase; line-height:88px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }


#menu ul.menu li a:hover, #header .active a  { background:url(menu_hover_bg.gif) repeat-x  50% 0; color:#fff }
#menu ul.menu li a:hover strong, #menu ul.menu li.current > a > strong, #menu > ul.menu > li.actives > a > strong, #menu > ul.menu > ul > li.actives > a > strong { background:url(menu_hover_bg.gif) repeat-x  50% 0  !important; color:#fff !important}
#menu > .active > a > strong {}
#menu > ul > li.actives > a > strong { }
#menu ul > ul > .actives > a > strong { height:inherit !important; padding:8px 0 6px !important; color:#160b04;}
#menu ul.menu li ul li.active > a > strong {background:url(menu_hover_bg.gif) repeat-x  50% 0  !important; color:#fff !important}

#menu ul.menu ul ul { left:100%; padding: !important }













.sub_menu {position:absolute; right:25px; top:30px;}
.sub_menu li {color:#ff; display:block; font-size:18px;  background:none; padding:0 25px 0 0; float:left}
.sub_menu li a  {color:#fff; display:block; font-sfize:18px !important;  text-decoration:none}
.sub_menu li a:hover  {color:#01c1ff; display:block; font-size:18px !important; }
.sub_menu li a strong {color:#fff; display:block; font-size:18px !important; }
.sub_menu li a:hover strong {color:#01c1ff; display:block; font-size:18px !important; }

.menu_sub {list-style:none;}
.menu_sub li {float:left; margin-left:10px; padding-left:10px; background:url(sub_menu_spacer.gif) no-repeat  0 4px;}
.menu_sub li:first-child {float:left; margin-left:0px; padding-left:0px; background:none}
.menu_sub li a {color:#ee9d01; font-weight:bold; font-size:12px !important}
.menu_sub li a:hover {text-decoration:none;}

.main #content_bg { }
#content_bg {   margin:135px auto 123px;  width:880px; background:url(content_bg.png) repeat-y 0% 0%; padding:71px 52px 55px 58px}
#content_bg  h3,   #content_bg  h1, #content_bg  h3 a,   #content_bg  h1 a{color:#262626; font-size:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  line-height:100%; font-weight:normal;padding-bottom:27px	}
#content_bg  h3 a:hover,  #content_bg  h1 a:hover{color:#262626; font-size:36px;}
#content_bg  h5 a, #content_bg  h5 {color:#262626; font-size:14px;}
#content_bg  h5 a:hover {color:#262626; font-size:14px;}
.main #content_bg { width:960px; margin:0 auto; padding:0 0 0;}
.main #content, .main #maincolumn {padding:0	}

#bg_first {display:none;}
.main #bg_all {display:none}
.main #bg_first {display:block}

.main_custom_block {background:url(../files/main_block_bg.png) no-repeat  0 0; width:1020px; margin:0 auto; height:532px; position:relative}
.articles_block {position:absolute; top:373px; left:35px;}
.col1, .col2, .col3 { float:left; margin-right:40px}
.col1 {width:290px}
.col2 {width:290px}
.col3 {width:290px}
.col3 {margin-right:0}

/* ##########################  breadcrumbs  ########################### */

#breadcrumbs
{
        padding:0 0 0 0px;
        text-align:left;
        margin:15px 20px 15px 0px;
}

#breadcrumbs p
{
        padding:5px;
        display:inline;
}

#breadcrumbs span
{
        padding:0px;
}

#breadcrumbs span a:link,
#breadcrumbs span a:visited
{
        text-transform:none;
        font-weight:normal
}

#breadcrumbs span a:hover,
#breadcrumbs span a:active,
#breadcrumbs span a:focus
{
        text-decoration:none;
}


/* ##########################  navigation column  ########################### */

#nav ul
{
        list-style-type:none;
        margin:0px 0;
}

.module_content
{
        margin:0px 0 0px 0;
        padding:0px 0px 10px 5px
}

.moduletable
{
        margin:0px 0 20px 0;
        padding:0px 0;
		width:100%;
}

.moduletable_menu
{
        margin:0px 0 10px 0;
}

.moduletable_js
{
        margin-bottom:5px;
}

#nav h3.js_heading,
#right h3.js_heading
{
        position:relative;
        display:block;
        padding:5px 0px 0 0px ;
        margin:0px ;
}

h3.js_heading span.backh
{
        padding:4px 0px 0px 10px;
        display:block;
}

h3.js_heading span.backh1
{
        padding:0px 20px 8px 0px;
        display:block;
}

h3.js_heading a
{
        display:block;
        position:absolute ;
        right:0px ;
        top:0px;
        padding:5px 5px 0 0;
        text-decoration:none;
}

.no
{
        font-size:1px;
}

#nav h3
{
        margin:5px 0 6px 0;
        font-weight:normal;
        line-height:1.19em
}


#nav h3 span.backh3
{
        padding:0px 0px 5px 2px;
        display:block;
}


/* ++++++++++++++  first level  ++++++++++++++ */

#nav .moduletable-example ul.menu
{
        margin:0;
        padding:0
}

 ul.menu
{
        list-style-type:none ;
        margin:0 0 0px 0px ;
        padding: 0px 5px 20px 0px;

}

 .module_content ul.menu
{
        margin-left:-5px;
        padding:10px 0 0 0 ;
}

 ul.menu li
{
        margin:0;
}


 ul.menu li.active a:link,
 ul.menu li.active a:visited
{
        font-weight:bold;
}

 ul.menu li a:hover,
 ul.menu li a:active,
 ul li a:focus
{

}



/* ++++++++++++++  second level  ++++++++++++++ */
 ul.menu li ul
{
        margin:0 ;
        padding:0 ;
}
 ul.menu li ul li
{
        margin:0;
        padding:0
}




 ul.menu li.active ul li a.active:link,
 ul.menu li.active ul li a.active:visited
{
        padding:7px 10px 7px 20px ;
}

 ul li.active ul li.active a:link,
 ul li.active ul li.active a:visited
{
        font-weight:bold ;
}

/* ++++++++++++++  third level  ++++++++++++++ */



 ul.menu li ul li ul li
{

}

ul.menu li.active ul li.active ul li a:link,
 ul.menu li.active ul li.active ul li a:visited
{
        padding:5px 4px 5px 30px;
        font-weight:normal;
}

 ul.menu li.active ul li.active ul li.active a:link,
 ul.menu li.active ul li.active ul li.active a:visited
{
        font-weight:bold;
}



/* ##########################  main  ########################### */

/* ++++++++++++++  main general  ++++++++++++++ */

#main h1
{

        padding: 5px;
        font-weight:normal;
        margin:0 -5px 10px -5px

}


#main h2 a
{
        text-decoration:none;
}

#main h3
{
        margin:20px 0 10px;
}

.item
{
        padding:0px 5px 10px 5px;
        display:block
}

.item h2
{
        margin:0 0px 0px 0px
}

.item-page
{
        display:block;
        overflow:hidden
}


/* h1 on frontpage and blog view */

#main .blog-featured h1,
#main .blog h1
{

        margin:0 0px 10px 0px
}


.blog .category-desc
{
        padding:0 5px;
        margin:10px 0 25px
}

.blog .cat-children .category-desc
{
        padding:0 0px;
        margin:10px 0 25px
}


#main .items-row h2
{
        font-weight:normal;
        padding:5px 2px 5px 2px;
}
#main ul.subcategories
{
        margin:20px 20px 20px 10px
}
#main .subcategories-link
{
        font-weight:bold
}

#main ul
{
        list-style-position:outside;
        list-style-type:square;
        padding:0 0 0 15px;
        margin:10px 0 10px 0px;
}

#main ol
{
        padding:0 0 0 20px;
        margin:10px 0 10px 0px;
                list-style-position:outside
}

#main ul li,
#main ol li
{
        padding:0;
        margin: 0;
}

#main .category-list
{
        padding:0 5px;
        display:block;
}

#main .category-list h1
{
        margin-left:-5px;
        margin-right:-5px;
}

.categories-list
{
        padding:0 5px
}

#main .categories-list ul
{
        margin:0px 0 0 20px;
        padding:0
}

#main .categories-list ul li
{
        padding: 5px;
}

#main .categories-list ul ul
{
        margin-left:15px
}

.category-desc
{
        margin:10px 0;
        padding-left:0px
}

.small
{
}

.image-left
{
        float:left;
        margin:0 15px 5px 0;


}

.image-right
{
        float:right;
        margin:0 0 5px 15px
}

.archive
{
        padding:0 5px
}

.archive form
{
        padding:0 5px
}

ul#archive-items
{
        margin:20px 0 20px 0px;
        list-style-type:none;
        padding:0
}

ul#archive-items li.row0,
ul#archive-items li.row1
{
        padding:10px 0;
        margin:10px 0;
}

/* ++++++++++++++  columns  ++++++++++++++ */

.cols-4 .column-1
{
        width:23%;
        float:left
}

.cols-4 .column-2
{
        width:23%;
        margin-left:1%;
        float:left;
}

.cols-4 .column-3
{
        width:23%;
        margin-left:1%;
        float:left
}

.cols-4 .column-4
{
        width:23%;
        margin-left:0;
        float:right
}




/* ++++++++++++++  leading  ++++++++++++++ */

#main .items-leading h2
{
        font-weight:normal;
        padding:5px 0px
}

/* ++++++++++++++  details  ++++++++++++++ */

.article-info
{
        margin:10px 0 10px 0px;
}

.article-info-term
{
        display:none
}

dt.category-name,
dt.create,
dt.modified,
dt.createdby
{
        float:left;
        padding-right:5px;
}

.archive .article-info dd,
.article-info dd
{
        margin:2px 0 0px 0;
}

dd.createdby
{

}

.article-info dd span
{
    text-transform:none;
    display:inline-block;
    padding:0 5px 0 0px;
    margin:0 10px 0 0px;
}

/* ++++++++++++++  icons  ++++++++++++++ */

#main ul.actions
{
        text-align:right;
        padding:0 ;
        width:100%;
        margin:0
}

#main ul.actions li
{
        display:inline
}

#main ul.actions a
{
        text-decoration:none
}

/* ++++++++++++++  items more  ++++++++++++++ */

#main .items-more
{
        padding-top:10px;
}

#main .items-more h3
{
        font-weight:normal;
        margin:0;
        padding:5px 5px 5px 5px;
}

#main .items-more ol
{
        list-style-type:none;
        margin:0;
        padding:10px 0 10px 2px;
}

#main .items-more ol li
{
        padding:2px;
}

#main .items-more ol li a
{
        display:inline;
        margin:0;
        font-weight:normal;
        padding:5px 5px 5px 20px;
}

#main .items-more ol li a:hover,
#main .items-more ol li a:active,
#main .items-more ol li a:focus
{
}


/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination
{
        margin:10px 0 ;
        padding:10px 0 10px 0px;

}

#main .pagination ul
{
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:left;
}

#main .pagination li
{
        display:inline;
        padding:2px 5px;
        text-align:left;
        border:solid 0px #eee;
        margin:0 2px
}

.pagenav
{padding:2px}

#main .pagination li.pagination-start,
#main .pagination li.pagination-next,
#main .pagination li.pagination-end,
#main .pagination li.pagination-prev
{border:0}

#main .pagination li.pagination-start ,
#main .pagination li.pagination-start  span
 {
padding:0

}
p.counter
{
        font-weight:bold;
}


/* ##########################  right  ########################### */

#right .moduletable
{
        margin:0px 0px 10px 00px;
        padding:0px 0 20px 0;
}

#right h3
{
        margin:5px 0 0 0;
        font-weight:normal ;
}

#right h3 span.backh
{
        padding:0px 0px 0px 0;
        display:block;
}

#right h3 span.backh2
{
        display:block;
}

#right h3 span.backh3
{
        padding:0px 0px 5px 0px;
        display:block;
}

#right h3.js_heading span.backh
{
        padding:0px 0 0 10px
}

#right h4
{
        padding:10px 5px 0 0;
        margin:0;
}

#right ul
{

    list-style-type:none;
    margin:10px 0;
    padding:5px 0 0 0px;
    position:relative;
}
#right ul.categories-module ul
{margin: 15px 0 15px 10px}
#right ul li
{

}

#right ul li a
{

}

#right ul.category-module
{
        margin-top:0;
        padding-top:0
}



/*  ####################   forms   #####################  */

#member-registration
{
        padding:0 5px
}
#member-registration fieldset
{
border:solid 1px #ddd
}

form fieldset dt
{
        clear:left ;
        float:left;
        padding:7px 0 2px
}

form fieldset dd
{
        float:left;
        padding:3px 0
}

/* ########################## search ############################ */
.searchintro
{
        font-weight:normal;
        margin:20px 0 20px;
}

#searchForm
{
        padding:0 5px
}

.form-limit
{
        margin:20px 0 0;
        text-align:right;
        padding:0 10px 0 20px;
}
.form-limit  .inputbox {width:60px !important}
.margin2, .p2 {margin-bottom:40px; padding:0 !important}
.margin3 {margin-bottom:20px; padding:0 !important}
.readon_button a {display:block; background:url(../images/more_button.gif) no-repeat 0 0; display:block; height:56px; line-height:56px; font-weight:bold; text-align:center; color:#191618; text-decoration:none; width:84px; margin-top:25px; text-transform:capitalize}
.readon_button a:hover {display:block; background:url(../images/more_button.gif) no-repeat 0 -56px;color:#fff; text-decoration:none !important}
.cols_pic {float:left; margin-right:4px;}
.inputbox:focus
{

}

.highlight
{
        font-weight:bold;
}

.ordering-box
{
        width:40%;
        float:right;
}

.phrases-box
{
        width:60%;
        float:left
}

.only,
.phrases
{
        margin:10px 0 0 0px;
        padding:15px ;
}

label.ordering
{
        display:block;
        margin:10px 0 10px 0
}

.word
{
        padding:10px 10px 10px 0;
}

.word input
{
        font-weight:bold;
        margin:0px 10px 0px 10px;
        padding:4px;
}



.word label
{
    font-weight:bold
}

fieldset.only label,
fieldset.phrases label
{
    margin:0 10px 0 0px
}

.ordering-box label.ordering
{
    margin:0 10px 5px 0;
    float:left
}


form .search label
{
        display:none
}

.search legend
{font-weight:bold}
/* ++++++++++++++  selects  ++++++++++++++ */
.phrases .inputbox
{
}

.phrases .inputbox option
{
        padding:2px;
}


/* ++++++++++++++  search results  ++++++++++++++++++ */

dl.search-results
{

}

dl.search-results dt.result-title
{
        padding:15px 15px 0px 5px;
        font-weight:bold;
}

dl.search-results dd
{
        padding:2px 15px 2px 5px
}

dl.search-results dd.result-text
{
        padding:10px 15px 10px 5px;
        line-height:1.7em
}

dl.search-results dd.result-created
{
        padding:2px 15px 15px 5px
}

dl.search-results dd.result-category
{
	 padding:10px 15px 5px 5px
}

/* ########################### contacts ########################### */

.contact
{
        padding:0 5px
}

.contact-category
{
        padding:0 10px
}

.contact-category  #adminForm fieldset.filters
{
	border:0;
	padding:0
}

.contact-image
{
	margin:10px 0;
	overflow:hidden;
}

.contact-image img
{
/* as you like
float:right;
float:left */
}


address
{
        font-style:normal;
        margin:0px 0 10px;
        
}

address span
{
        display:block
}
.contact-address

{
margin:20px 0 10px 0;

}


.contact-email div
{
        padding:2px 0;
        margin:0 0 10px 0;
}
.contact-email .wrapper_overflow, .blog .wrapper_overflow {width:100%}

.contact-email label
{
        width:17em;
        float:left;

}
span.contact-image
{
    margin-bottom:10px;
    overflow:hidden;
    display:block
}
#contact-textmsg
{padding: 2px 0 10px 0}

#contact-email-copy
{
        float:left;
        margin-right:10px;

}

.contact .button
{
        clear:left;
        display:block;
}



dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    z-index: 50;
    clear:both;


}

dl.tabs dt {
    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-right: 3px;
    background: #f0f0f0;
    color: #666;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #000;

}

div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
    max-width: 500px;
}


div.current dd {
    padding: 0;
    margin: 0;
}

dl#content-pane.tabs {
    margin: 1px 0 0 0;
}


/* ##########################  user profile  ########################### */

#users-profile-core,
#users-profile-custom
{
        margin:10px 0 15px 0;
        padding:15px;
}

#users-profile-core dt,
#users-profile-custom dt
{
        float:left;
        width:12em;
        padding:3px 0;
 
   
}

#users-profile-core dd,
#users-profile-custom dd
{
        padding:3px 0;
      

   
}

#member-profile fieldset,
.registration fieldset
{
        margin:10px 0 15px 0;
        padding:15px;
        
}

#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend
{
		font-weight:bold
}

.profile-edit form#member-profile fieldset dd,
.registration form#member-registration fieldset dd
{ padding:5px 0}

.profile-edit form#member-profile fieldset dd input,
.profile-edit form#member-profile fieldset dd select,
.registration form#member-registration fieldset dd input
{}
.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt
{padding:5px 5px 5px 0; }


span.optional
{}
/*#################### tables ############################ */

table
{
        border-collapse:collapse
}

table.weblinks,
table.category

{
        margin:10px 10px 20px 0px;
        width:99%;
}

table.weblinks td
{
        border-collapse:collapse;
}

table.weblinks td,
table.category td

{
        padding:7px;
}

table.weblinks th,
table.category th

{
        padding:7px;
        text-align:left
}

td.num
{
        vertical-align:top;
        text-align:left;
}

td.hits
{
        vertical-align:top;
        text-align:center
}

td p
{
        margin:0;
}

.filter
{
        margin:10px 0
}

.display-limit,
.filter
{
        text-align:right;
        margin-right:7px
}




/* ++++++++++++++  category table  ++++++++++++++ */

table.category th a img
{
        padding:2px 10px
}

.filter-search
{
        float:left;

}
.filter-search .inputbox
{width:6em}


legend.element-invisible
{
        position:absolute;
        /* need margin top and left doesn't work for the legend element */
        margin-left:-3000px;
        margin-top:-3000px;
        height:0px;
}

.cat-items
{
        margin-top:20px
}


/* #################### footer ############################ */
#footer-sub
{
	margin:0;
	position:absolute;
	width:100%;
	top:0;
    padding:0px
}
#footer
{
        margin:0 auto; position:relative;
}


.main .copy {
	position:absolute;
}
.copy {
	position:absolute;
	left:0%;
	width:100%;
	text-align:center;
	top:6px;
	color:#333;
	font-size:12px !important;
	
	font-weight:bold
}
.copy span {color:#fff !important;}
#footer-outer .copy a {
	color:#333 !important;
	font-weight:bold;
	text-decoration:underline;
	margin-left:5px
}
.copy a:hover {
	color:#333 !important;
	text-decoration:none
}
.copy strong {margin:0 9px}
.main #footer-outer
{
		width:100%;
		z-index:50000 ;
		height:59px;
		bottom:0;
		background:url(foot_bg.png) 50% 0 no-repeat;
		margin-top:-59px;
		position:absolute;
}
#footer-outer
{
		width:100%;
		z-index:50000 ;
		height:59px;
		bottom:0;
		background:url(foot_bg.png) 50% 0 no-repeat;
		margin-top:120px;
		position:relative;
}

.box
{
        text-align:left
}

.box ul
{
        list-style-type:none
}

#bottom .newsfeed-item
{
        padding:0;
        margin-bottom:10px
}

.box .moduletable_menu,
.box .moduletable
{
        margin:10px
}

.box3
{
        padding-left:10px
}

.box h3
{
}

#bottom ul.latestnews
{
        padding-left:0
}

#footer p
{
        margin:0
}

p.syndicate
{
        float:left;
        display:block;
        text-align:left;
}


/* ++++++++++++++  Error Message contact form  ++++++++++++++ */
p.error
{
        padding:10px;
}

/* ++++++++++++++  editor  ++++++++++++++ */
.contentpaneopen_edit
{
        float: left;
}

.contentpaneopen_edit img
{

}


a.mceButton:hover  {background:none !important}

/* ++++++++++++++  pagebreak  ++++++++++++++ */
table.contenttoc
{
        padding:10px;
        margin:10px;
}

table.contenttoc tr td
{
        padding:1px 0px
}

.pagenavcounter
{
        font-weight:bold;
}


/* ++++++++++++++  edit  ++++++++++++++ */
legend
{
        padding:3px 5px;
}

form#adminForm
{

}

.edit form#adminForm fieldset
{
        padding:20px 15px;
        margin:10px 0 15px 0;
}

.formelm
{
        margin:5px 0
}


.formelm label
{
        width:13em;
        display:inline-block;
        vertical-align:top;
}

form#adminForm .formelm-area
{
        padding:5px 0
}

form#adminForm .formelm-area label
{
        vertical-align:top;
        display:inline-block;
}

.formelm-buttons
{
        text-align:right;
        margin-bottom:10px
}

.button2-left
{

}

a.modal-button,
.button2-left .blank a,
.button2-left a,
.button2-left div.readmore a
{background:#eee;
padding:4px !important;
margin:0 !important;
border:solid 1px #ddd;
font-weight:bold; text-decoration:none;
margin-top:10px !important}

/* ++++++++++++++  tooltip  ++++++++++++++ */


.tip
{
        text-align:left;
        padding:3px;
        max-width:400px
}

.tip-title
{
        font-weight:bold;
}


/* #################### modules ############################ */

/* ++++++++++++++  newsflash  ++++++++++++++ */

/* newsflash horizontal */
.newsflash-horiz
{
        overflow:hidden;
        list-style-type:none !important;
        margin:0 5px!important;
        padding:20px 10px !important
}

.newsflash-horiz li
{
        float:left;
        width:30%;
        margin:0 1% !important;
        padding:10px 5px;
}

ul.newsflash-horiz li h4
{
}

.newsflash-horiz li img
{
    display:block;
    margin-bottom:10px
}

/* newsflash vertical */

.newsflash-vert
{
    padding:0
}


/* ++++++++++++++  banner  ++++++++++++++ */

.banneritem
{
        margin: 10px 0px 10px 0px;
        padding:0px;
}

.banneritem a
{
        font-weight:bold
}


/* ++++++++++++++  latest, popular  ++++++++++++++ */

#nav .module_content ul.latestnews,
#nav .module_content ul.mostread
{
        margin:10px 0 0 0
}

ul.latestnews,
ul.mostread
{
        padding-left:10px;
}

ul.latestnews li a,
ul.mostread li a
{
        padding:2px 2px 2px 15px ;
    display:block;
    text-decoration:none
}


/* ++++++++++++++  newsflash  ++++++++++++++ */
.newsflash
{
    margin:0px;

}

/* ++++++++++++++  newsfeed  ++++++++++++++ */
.newsfeed
{
        padding:0 5px
}

ul.newsfeed
{
        padding:0 !important
}

.newsfeed-item
{
        padding:5px 0 0 0;
        margin:0
}

.newsfeed-item h5 a
{
        font-weight:bold !important
}

.feed-item-description img
{margin: 5px 10px 10px 0}

dl.newsfeed-count dt,
dl.newsfeed-count dd
{
        display:inline
}

/* ++++++++++++++  weblinks  ++++++++++++++ */

dl.weblink-count dt,
dl.weblink-count dd
{
        display:inline;
      
}

/* ++++++++++++++  login  ++++++++++++++ */

#login-form
{
        padding-top:0px
}

#login-form fieldset
{
        padding:0px;
  
}

#login-form .inputbox
{
        padding:2px
}

#login-form fieldset.input
{
        padding:0px 0 0 0;
        margin:0px 0 10px 5px
}

#login-form label
{
        margin-right:10px;
        display:block;
        float:left
}

#form-login-remember label
{
	float:none;
	width:auto;
	display:inline
}

.logout-button
{
	margin-top:10px
}

input.button,
button.button,
button.validate
{
        cursor:pointer;
        padding:3px 5px 3px 7px ;
        font-weight:bold;
        font-family:arial;
}

#modlgn-username,
#modlgn-passwd
{
}

.module_content #form-login-username label,
.module_content #form-login-password label
{
            float:left;
}

.login-fields
{
        margin:10px 0
}

.login-fields label
{
        float:left;
}

.login-description img,
.logout-description img
{
        float:left;
        margin-right:20px
}

.login-description,
.logout-description
{
        overflow:hidden;
                padding-left:5px;
}
.login h1 {padding-bottom:5px !important}

.logout-description
{
        margin-bottom:20px
}



/* ++++++++++++++  tabs/ slide  ++++++++++++++ */
.slide
{
        height:auto !important;

}

ul.tabs
{
    overflow:hidden;
    padding:0 !important;
    margin:0 !important
}

.tabopen ul.newsflash-horiz,
.tabopen ul.newsflash-vert,
.tabopen ul.latestnews
{
    margin:0 !important;
    padding:0 !important;
}

.tabopen ul.newsflash-horiz li,
.tabopen ul.newsflash-vert li
{
    padding:0 6px !important;
}

ul.tabs li
{
    list-style-type:none;
    float:left;
    width:auto;
    padding:0;
    display:block;
    margin:0;
}

ul.tabs li a:link,
ul.tabs li a:visited
{
    text-decoration:none;
    padding:7px 5px;
    margin:0px ;
    display:block;
    font-weight:normal;
}

ul.tabs li a.linkopen:link,
ul.tabs li a.linkopen:visited
{
    font-weight:bold;
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus
{
}

.tabcontent
{
        padding:15px 10px;
        margin-top:-1px;
}

.tabcontent:focus
{
	outline:none
}
.tabopen
{
        display:block;
        margin-bottom:20px;
        overflow:hidden
}

.tabclosed
{
        display:none
}

.tabcontent ul
{
        padding:0
}

.tabcontent ul li
{
        list-style-type:none
}

.tabcontent .linkclosed
{

}

a.linkopen
{

}

.tabouter
{
        margin-top:20px
}


.module_content
{border:solid 1px #000;
padding:10px}

/* ++++++++++++++  random  ++++++++++++++ */

#right .random-image,
#nav .random-image
{
        margin-top:10px;
        margin-left:10px
}



/* ++++++++++++++  content-module ++++++++++++++ */
.category-module li
{
        padding:5px 0 5px 0
}

.category-module span
{
        display:block;
}

.category-module a span
{
        display:inline
}

a.mod-articles-category-title
{
        text-decoration:none;
        font-weight:bold
}



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

.australia
{
        margin:0px 0;
        padding:10px 65px 10px 10px;
}

.australia h3
{
}

.australia a
{
        font-weight:bold
}

.australia p
{
}

/* ###########  Categories list ############ */
#main .categories-listalphabet ul
{
padding:0;
margin:20px 10px 10px 0;
list-style-type:none;
list-style-position:inside
 }
#main .categories-listalphabet ul li
{
display :inline;
padding:5px;
border-right:solid 1px #ddd
}


#main .categories-list ul
{list-style-type:none;
margin:0}

#main .cat-children
{ padding-left:5px
}
#main .cat-children ul dl dt,
#main .cat-children ul dl dd,
#main dl.article-count dt,
#main dl.article-count dd
{ display:inline}

#main .cat-children ul
{list-style-type:none;
 margin:0;
 padding:0;
}
 #main .cat-children ul
 {margin:20px 20px 20px 0;}
  #main .cat-children ul ul
  {margin:20px}

  #main .cat-children ul li
  {margin:10px 0 10px 0}




  /* mod stats  */


    .stats-module dl
    {margin:10px 0 10px 0}
    .stats-module dt
    {float:left;
    margin:0 10px 0 0;
    font-weight: bold;
    }
      .stats-module dt,   .stats-module dd
      {padding:2px 0 2px 0 }
/* syndicate */

a.feed-link
{
margin-top:15px;
display:block;
text-decoration:none
}

.feed-link img
{border:0}

/* pagenav */
#main ul.pagenav {
	list-style-type:none;
	padding:0;
	overflow:hidden
}
ul.pagenav li
{
	display:inline-block;
	padding:0px;
	margin:0;
}
#main ul.pagenav li 
{
}
ul.pagenav li a
{
	border:solid 1px #ccc; 
	display:inline; 
	background:#eee; 
	padding:2px; 
	text-decoration:none
}
ul.pagenav li.pagenav-prev 
{float:left}
ul.pagenav li.pagenav-next 
{float:right}

/* mod_languages */

.mod-languages ul li
{display:inline}

/* pagebreak */

#article-index
{
	width:25%;
	float:right; 
	border:solid 1px #eee;
	padding:10px;
	margin: 10px 0px 20px 30px;
	background:#f9faf9
}
#article-index h3
{
	margin:0;


}

#article-index ul
{
	list-style-type:disc;
	color:#666
}


/* mailto window */


#mailto-window 
{
	background:#f5f5f5;
	padding:15px;
	border:solid 1px #ddd;
	position:relative
}
#mailto-window label
{
}

.mailto-close
{
	position:absolute; 
	right:0; 
	top:5px; 
	background:none;


	
	
}


.mailto-close a 
{
background:#f5f5f5 url(../images/close.png) no-repeat !important;
min-width:25px; 
display:block;
min-height:25px;
overflow:visible
}

.mailto-close a  span
{
	position:absolute;
	left:-3000px;
	top:-3000px;
	display:inline

}
#mailto-window  .inputbox
{
	background:url("../images/content_bg.gif") repeat-x scroll 0 0 #FFFFFF;
	border:1px solid #ccc;
	padding:3px;
}

#mailto-window p
{
	margin-top:20px
}

#mailto-window button
{
	margin:0 5px 0 0
}


span.spacer > span.text label {
	white-space: nowrap;
	font-weight: bold;
	color: #262626;
}
.red {
	font-weight: bold;
	color: #c00;
}

.star {
	color:#cc0000;
}


.tip-wrap {z-index:500000}










#sidebar-2 {
	float:right	;
	width:200px;
	margin-left:85px;
}
#sidebar-3 {
	float:right	;
	width:235px;
	margin-left:65px;
}

.grid_4_left {
	float:left;
	width:230px;	
	background:#18181a
}
.grid_4_right {
	float:right;
	width:280px;
	background:#18181a	
}
.content_main {width:980px;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;

}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* newsletter */

.acymailing_introtext {
	color: #fff ;font-size: 11px;	
}
.acymailing_form {
	background:url(../images/newsletter_input.png) no-repeat 0 0 !important;
	width:231px;
	height:35px;
	position:relative;
	margin-top:5px;
	margin-bottom:5px;
}
.acymailing_form  .inputbox{
	position:absolute;
	background:none;
	border:none;
	left:8px;
	top:10px;
	width:188px;
	color:#6c6468	
}
.button_send {
	position:absolute;
	margin-left:206px;
	border:none;
	cursor:pointer;
	background:url(../images/newsletter_button.png) no-repeat 0 0 !important;
	width:24px !important;
	height:35px !important;	
}
.button_unsubscribe {
	display:inline-block;
	font-size:12px;
	color:#ffc278;
	text-decoration:underline;
	line-height:13px;
	margin-top:48px;
	border:none; cursor:pointer;
	background:none !important
}
.button_unsubscribe:hover {
	text-decoration:none;
}	
.acysubbuttons {
text-align: left !important;
}
.button_unsubscribe:hover {
	background:none !important;
}
.pt15 {
	color:#fff;
	font-size:15px	;
	font-weight:normal
}

.reg_label .spacer{ display:block; width:100%; overflow:hidden}


.grid_4 {
width: 250px;
float:left;
display:inline;
margin-right:35px
}
.grid_8 {
width: 560px;
float:left;
display:inline;
margin-right:25px
}
.border {
background:url(../images/dot.gif) 0 100% repeat-x !important;
padding-bottom: 25px;
margin-bottom:20px;

}
.box_grid {
margin-top: 5px;
border: 1px solid #343436;
padding: 14px 5px 15px 19px;
width: 235px;
display: block;
text-decoration: none;
}
.figure {
margin: 0px 20px 0 0;
background: none;
float: left;
}
.grid_8 .figure {
margin: 0px 20px 0 0;
background: none;
float: left;
width:80px;
text-align:center
}
.box_grid .figure {
margin: 4px 10px 0 0;
}
.box-margin {
margin-top: 27px;
}
.margin1 {margin-top:35px !important;}
.pad {
padding-top: 20px;
}
	.border-pad {
		padding-bottom:30px;
	}
.border1 {
	padding-bottom:15px;
	margin-bottom:20px;
}
.expert strong {
	color:#ffc278;
}
	.expert a {
		color:#ffc278;
		text-decoration:none;
	}
		.expert a:hover {
			color:#fff;
		}
		.right-pad {
	padding-right:20px;
}
.pad1 {
	padding-top:15px;
}
.login .login-fields label {display:inline-block; width:80px; padding:4px 0 0 0}
.login .login_button {margin-left:80px;}

.main .main_article {position:absolute; top:307px; left:0; width:351px; font-size:20px; color:#dadada;  z-index:100000}
.main_article {position:absolute; top:227px; left:620px; width:351px; font-size:20px; color:#dadada;  z-index:100000}
.main_article  .title_article {display:block}
.title_article {display:none}
.main_article .readmore {padding:0 0 0 16px !important; background:url(../images/arrow.png) no-repeat 0 50% !important; color:#fff !important; font-size:17px; margin-top:16px}
.main_article .readmore:hover {color:#ff4942 !important; }

.profile-edit dt {width:200px;}
.profile-edit .validate {
background: #ffc278;
padding: 0 20px 0;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
display: block;
text-decoration: none;
text-align: center;
display: block;
line-height: 24px;
min-height: 24px;
font-weight: bold;
cursor: pointer;
border: none;
margin: -3px 10px 0 0	
}
.profile-edit select {width:218px;}
.tip {color:#000 !important}
.userdata {margin-bottom:20px}
#twitter_update_list {height: inherit !important}



HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}

.description_img { font-size:32px; color:#fff !important; }
.nav-buttons {position:absolute !important;  background:url(../images/slogan_bg.png) repeat;  z-index:15000; padding:49px 85px 0; height:86px; top:60%; margin-top:-131px; left:50%; margin-left:-470px }
#next {background:url(../images/arrow_right.png) repeat; position:absolute; right:17px; top:45px; width:31px; height:51px}
#prev {background:url(../images/arrow_left.png) repeat; position:absolute; left:19px; top:45px; width:31px; height:51px}
#next:hover, #prev:hover {text-decoration:none; background-position:0 -51px;}
.p5 {margin-bottom:50px}


.article1 {float:left; width:300px; margin-right:19px;}
.article2 {float:left; width:300px; margin-right:19px;}
.article3 {float:left; width:300px; }
.readon { color:#f5f8fd !important; background:#262626 url(../images/readon_hover.gif) no-repeat 13px 12px !important; font-size:12px !important; font-weight:bold !important; padding:0 17px 0 23px;  height:32px; line-height:32px;  display:inline-block; margin:10px 0 0 0}
.readon:hover {background:#525252 url(../images/readon_hover.gif) no-repeat 13px 12px !important; text-decoration:none !important}
.articles {padding:0 0 54px 0; background:url(../images/line.png) repeat-x 100% 100%; margin-bottom:38px;}
.p6 .block1, .p6 .block2, .p6 .block3 {margin-bottom:30px}
.p6 {margin-bottom:30px;}
.p3 .block1, .p3 .block2, .p3 .block3  {margin-bottom:10px;}
.block1 {float:left; width:306px; margin-right:10px;}
.block2 {float:left; width:300px; margin-right:14px;}
.block3 {float:left; width:300px;}
.title_block {color:#ffc278; font-weight:bold; font-size:18px; text-shadow:1px 1px #242327; margin:10px 0 9px 0; display:block; }
.title_block2 {color:#ffc278; font-weight:bold; font-size:18px; text-shadow:1px 1px #242327; margin:10px 0 9px 0; display:block; letter-spacing:-1px; }
.title_block:hover, .title_block2:hover {text-decoration:none}
.fleft_block {float:left; margin:0 20px 0 0}

#contact-form input


{
	background:#fff url(../images/content_bg.gif) repeat-x ;
	border:solid 1px #ccc;
	color:#000;
	font-size:14px;
	padding-bottom:4px;
	padding-top:2px;
	line-height:21px;
	height:17px;
	margin-top:4px;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	width:415px 
}
#contact-form textarea


{
	background:#fff url(../images/content_bg.gif) repeat-x ;
	border:solid 1px #ccc;
	color:#000;
	font-size:14px;
	padding-bottom:4px;
	padding-top:4px;
	line-height:21px;
	margin-top:4px;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	width:415px !important
}
#jform_contact_email_copy {width:inherit !important; *width:20px !important; padding:0 !important; position:absolute; margin:-23px 0 0 140px !important;padding:0 !important; border:none !important}
#contact-form dt {float:none}
#contact-form button, #login-form .button { color:#f5f8fd !important; background:#262626 url(../images/readon_hover.gif) no-repeat 13px 12px !important; font-size:12px !important; font-weight:bold !important; padding:0 17px 0 23px;  height:32px; line-height:32px;  display:inline-block; margin:10px 0 0 0; border:none}
#contact-form button:hover, #login-form .button:hover {background:#525252 url(../images/readon_hover.gif) no-repeat 13px 12px !important; text-decoration:none !important}

.main_txt {margin:31px 0 0 0; color:#979797; font-size:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:28px;}
.block_page1 {
background: none !important;
width: 100% !important;
padding: 0 0 30px 0 !important;
overflow: hidden !important;
line-height: 20px !important;
font-size: 13px !important;
}
.featured-thumbnail-2 {
float: left;
margin: 4px 18px 0 0;
}
.featured-thumbnail-2 a {
		background: url(../images/pic-bg.png) no-repeat 0% 0%;
		float: left;
		width: 210px;
		height: 138px;
		padding: 8px 10px 10px 8px;
		overflow: hidden;
	}
	
		.featured-thumbnail-2 a:hover {
			background-position: 0% -156px;
		}
		
		.featured-thumbnail-2 a img {
			float: left;
			margin: 0;
		}
		h2 {
		margin: 0;
		padding: 0 0 19px 0;
		line-height: 1.2em;
		letter-spacing: -1px;
		text-shadow: 1px 1px 0 #CECECE;
		font-size: 24px;
		font-weight: normal;
		color: #1C1C1C;
		}
		h6 {
margin: 0;
padding: 0 0 20px 0;
line-height: 20px;
font-size: 13px;
color: #262626;
}

#gallery {
	width: 100%;
	overflow: hidden;
	}
	#gallery .portfolio {
		width:100%;
		overflow:hidden;
		list-style-type:none;
		padding:0;
		margin:0;
		}
		#gallery .portfolio .port1 {
			background: none !important;
			position: relative;
			float: left;
			width: 274px;
			padding: 0 24px 50px 0 !important;
			line-height: 20px !important;
			}
		#gallery .portfolio .port1.nomargin {
			padding-right: 0 !important;
			}
			
			#gallery .portfolio .port1 p {
				padding: 18px 0 !important;
			}
			
			#gallery .portfolio .port1 a.image-wrap {
				display:block;
				padding:1px;
				border:1px solid #eee;
				overflow:hidden;
				width:270px;
				height:150px;
				position:relative;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				}
			#gallery .portfolio .port1 a.image-wrap:hover {
				
				}
				#gallery .portfolio .port1 a.image-wrap img {
					float:left;
					}
			
			#gallery .portfolio .folio-desc {
				margin-bottom:0;
				}
			#gallery .portfolio p.excerpt {
				padding:0;
				}
			
			#gallery .portfolio li a.image-wrap:hover .zoom-icon {
				top:1px;
				}
				h4 {
				margin: 0;
				line-height: 1.2em;
				font-size: 18px;
				font-weight: normal;
				color: #1C1C1C;
				}
				
				/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }
.one_half ul {margin-bottom:20px;}






html.loading{background:#000;}
html.loading *{visibility:hidden;}

html.jbg a{outline:none;}

html.jbg-body,body.jbg-body,.jbgallery,.jbgallery .jbg-wrap table,.jbgallery .jbg-wrap td{background:#000;font-family:FreeSans,Arial,Helvetica,sans-serif;width:100%;height:100%; margin:0;padding:0px;}
/*html.ie6{overflow:hidden;}*/

.jbgallery .jbg-wrap{position:fixed;width:200%;height:200%;top:-50%;left:-50%;background:#000;}/*jbox MOD*/
html.ie6 .jbgallery .jbg-wrap{position:absolute;}/*jbox MOD*/

.jbgallery .jbg-wrap td{vertical-align:middle;text-align:center}
.jbgallery .jbgallery-target{margin:0 auto}
.jbgallery .jbgallery-target.zoom{min-height:50%;min-width:50%;}
.jbgallery .jbgallery-target.centered, 
.jbgallery .jbgallery-target.original
{min-height:auto;min-width:auto;}

/*CENTERED*/
.jbg-wrap.centered, .jbg-wrap.original{position:static;width:auto;height:100%;}

/*CENTERED MODAL*/
.jbg-wrap.modal{position:absolute;width:200%;top:0;}

/* BOX */
.jbox{position:relative;}
.jbox div.jbg-wrap{position:absolute;}
.jbox div.jbg-wrap.centered,.jbox div.jbg-wrap.original{position:static;}


/*LOADING*/
div.jbg-loading{position:absolute;width:100%;height:100%;z-index:1000;display:none;}
span.jbg-loading{margin:auto;background:transparent url(../images/ajax-loader.gif) no-repeat scroll 50% 50%;height:100%;width:100%;border:4px;display:block;}

/*OPTIONAL CONTENT AND MENU -> customize this */
#jbg-content{top:0px;left:0px;position:absolute;font-size:11px;z-index:1000;width:100%;height:100%;overflow:auto}


/**********************************************  SLIDER ********************************************** */
.jbgs-opacity, .jbgs {width:100%;height:70px;position:absolute;bottom:0px;z-index:1000;} 
.jbgs-opacity{background:#333;}
.jbgs-left, .jbgs-right, .jbgs-wrapper{position:relative;}
.jbgs-left, .jbgs-right, .jbgs-viewer{float:left;height:70px;}
/* LEFT/RIGHT SLIDER*/
.jbgs-left{width:105px;}
.jbgs-right{width:20px;}
/* VIEWER */
.jbgs-viewer{position:relative;overflow:hidden;/*width:1020px;calcolata da jquery?*/}
/* INNER */
.jbgs-inner{position:relative;left:0;top:0;width:20000px;}
/* INNER : todo padding e margin. thumb dimensions*/
.jbgs a{color:#333;}
.jbgs img{border:0;}
.jbgs ul, .jbgs li {margin:0;padding:0;}
.jbgs li {display: block;list-style: none;float: left;height: 51px;width: 60px;}
.jbgs li a{	display:block;padding:3px;margin: 5px 5px 5px 2px;}
/* new - 21/06/2010*/
.jbgs li a div{position:relative;height:51px;width:51px;overflow:hidden;border:2px solid #999999;}
.jbgs li a div.focus{border-color:#fff;}/* new - 15/12/2010*/
.jbgs li img{height:auto;width:auto;border:0;/*height:51px;width: 51px;border:2px solid #999;*/}
.jbgs img.jbgs-thumb-landscape{height:51px;position:absolute;}
.jbgs img.jbgs-thumb-portrait{width:51px;position:absolute;}
/*#jbgs li img.focus{border-color:#fff;}*/

.jbgs-h{position:absolute }
.jbgs-h, .jbgs-h:hover, .jbgs-h:active{text-align:left;text-indent:-9999px;letter-spacing:-9999px;}/*Simone Parato*/
.jbgs-h-pause,.jbgs-h-play{width:55px;height:28px;left:18px;top:20px;}
.jbgs-h-left,.jbgs-h-right{width:16px;height:49px;top:10px;}
.jbgs-h-left{background-position: 0 0;left:90px;}
.jbgs-h-right{background-position: -16px 0;left:6px;}
.jbgs-h-play{background-position: 0 -49px;}
.jbgs-h-pause{background-position: 0 -76px;}
/*THUMBS*/
.jbgs-thumb{position:absolute;bottom:70px;z-index:10000;}
.jbgs-thumb img{display:block;border:2px solid #fff;}
.jbgs-thumb img.jbgs-thumb-portrait{width:100px;}
.jbgs-thumb img.jbgs-thumb-landscape{height:100px;}
.jbgs-thumb-btn{height:6px;}
.jbgs-thumb-tip{height:6px;width:12px;margin:0 auto; }



/*TOP*/
.jbgs-top{width:100%;height:32px;position:absolute;top:0px;z-index:1000; }
.jbgs-top a, .jbgs-top span{color:#fff;font-size:13px;text-decoration:none;}
.jbgs-top-right{position:absolute;right:10px;padding-top:5px;}
.jbgs-top-center{margin:0 auto;width:126px;position:relative}
.jbgs-h-prev,.jbgs-h-next{position:absolute;width:62px;height:16px;top:7px}
.jbgs-h-prev{background-position: 0 -121px;left:0px;}
.jbgs-h-next{background-position: 0 -105px;right:0px;}
/*CAPTION*/
.jbg-caption{position:absolute;z-index:1000;right:1px;top:33px;width:180px;padding:10px;  }/*border:1px solid green;*/
.jbg-caption{color:#fff;font-size:13px;}
.jbg-caption h3{font-size:1px;width:100%;/*border-bottom:4px solid green;*/}
.jbg-caption h3 a{color:#fff; text-transform:capitalize;text-decoration:none;}
.jbgs-cnt .jbg-caption {border:1px solid #999;}
.jbgs-cnt .jbg-caption h3{border-bottom:4px solid #999;}
 
/**********************************************  MENUSIMPLE ********************************************** */
ul.jbg-menu, .jbg-menu-opacity{z-index:1000;padding:0px;margin:0px;position:absolute;top:0px;right:0px; display:none }
.jbg-menu-opacity{width:100%;height:32px; }
ul.jbg-menu{font-size:11px; display:none !important}
ul.jbg-menu li{list-style:none;display:block;float:left;padding:4px;}
ul.jbg-menu li a{border:0;text-decoration:none;color:#fff;}/*-moz-outline:none;*/	

ul.jbg-menu li a.visited{color:#fff;}
ul.jbg-menu li a:focus{color:#fff;}
ul.jbg-menu li a.selected{border-bottom:4px solid green;}

/*controls*/
.jbg-play{}
.jbg-stop{}
.jbg-next{}
.jbg-prev{}
.jbg-info{}