/*  DETAILVIEW */

/* TABS AT THE BEGINNING */
#tabs_outside { margin:0; padding:0; clear:both; }
* #tabs_outside { // margin:0 0 1px 0; } /*  all ie */
#tabs_outside .tabs_rightlinks { float:right; padding-top:2px; }

#tabs_inside { margin:0; padding:0; border-collapse:collapse; display:table; cursor:pointer;}
#tabs_inside li { background:#fff; color:#005388; list-style:none; float:left; padding:2px 7px 1px 7px; border:1px solid #B2CBDB; border-bottom:0; font-size:12px; margin:0 1px 1px 0; }
* #tabs_inside li { // padding:0 7px 3px 7px; } /*  all ie */
#tabs_inside li:hover { border:1px solid #005388; border-bottom:0; }

#tabs_inside li a { color:#005388; text-decoration:none; }
#tabs_inside li a:hover { color:#005388; text-decoration:none; }
#tabs_inside li a:visited { color:#005388; text-decoration:none; }

#tabs_inside .selected { color:#ffffff; background:#005388; border:1px solid #005388; border-bottom:0; }
#tabs_inside .selected a { color:#ffffff; }
#tabs_inside .selected a:hover { color:#ffffff; }
#tabs_inside .selected a:visited { color:#ffffff; }


#tabs_inside_bottom { margin:0; padding:0; border-collapse:collapse; display:table; cursor:pointer;}
#tabs_inside_bottom li { background:#fff; color:#005388; list-style:none; float:left; padding:2px 7px 1px 7px; border:1px solid #B2CBDB; border-bottom:0; font-size:12px; margin:0 1px 1px 0; }
* #tabs_inside_bottom li { // padding:0 7px 3px 7px; } /*  all ie */
#tabs_inside_bottom li:hover { border:1px solid #005388; border-bottom:0; }
	    
#tabs_inside_bottom li a { color:#005388; text-decoration:none; }
#tabs_inside_bottom li a:hover { color:#005388; text-decoration:none; }
#tabs_inside_bottom li a:visited { color:#005388; text-decoration:none; }
	    
#tabs_inside_bottom .selected { color:#ffffff; background:#005388; border:1px solid #005388; border-bottom:0; }
#tabs_inside_bottom .selected a { color:#ffffff; }
#tabs_inside_bottom .selected a:hover { color:#ffffff; }
#tabs_inside_bottom .selected a:visited { color:#ffffff; }



#tabs_inside_sub { margin:0; padding:0; border-collapse:collapse; display:table; cursor:pointer;}
#tabs_inside_sub li { background:#fff; color:#005388; list-style:none; float:left; padding:2px 7px 1px 7px; border:1px solid #B2CBDB; border-bottom:0; font-size:12px; margin:0 1px 1px 0; }
* #tabs_inside_sub li { // padding:0 7px 3px 7px; } /*  all ie */
#tabs_inside_sub li:hover { border:1px solid #005388; border-bottom:0; }

#tabs_inside_sub li a { color:#005388; text-decoration:none; }
#tabs_inside_sub li a:hover { color:#005388; text-decoration:none; }
#tabs_inside_sub li a:visited { color:#005388; text-decoration:none; }

#tabs_inside_sub .selected { color:#ffffff; background:#005388; border:1px solid #005388; border-bottom:0; }
#tabs_inside_sub .selected a { color:#ffffff; }
#tabs_inside_sub .selected a:hover { color:#ffffff; }
#tabs_inside_sub .selected a:visited { color:#ffffff; }



.tab_end { border:0; background:#fff; margin:0 0 12px 0; padding:0; clear:both; border-top:1px solid #B2CBDB; height:1px; line-height:1px; font-size:1px; }

/* ARTICLE */
.article { margin:0 0 15px 10px; padding:0; font-size:12px; line-height:16px; }
* html .article { margin: 0 0 15px 5px;}
.article p { padding:0; margin:0 0 13px 0; }
.article .author { font-size:11px; padding:0; margin:0 0 10px 0; line-height:15px; }

.article hr { height:1px; line-height:0px; font-size:0px; margin:10px 0 10px 0; border:0; padding:0; border-top:1px dotted #B2CBDB; }

.article h1 { font-size:22px; margin:0; padding:0 0 10px 0; font-family:times, serif; line-height:26px; }
* .article h1 { // padding:0 0 11px 0; } /*  all ie */
.article .variante { font-size:28px; margin:0; padding:0 0 15px 0; font-family:times, serif; line-height:32px; font-weight:normal; }
.article h2 { font-size:16px; margin:0; padding:0 0 11px 0; font-weight:normal; line-height:20px; }
* .article h2 { // padding:0 0 10px 0; } /*  all ie */
.article h3 { color:#404040; font-size:16px; margin:0; padding:0 0 11px 0; font-weight:normal; line-height:20px; }

h3.text_zt { margin:0 0 -11px 0; padding:11px 0 0 0; }

* .article h3 { // padding:0 0 10px 0; } /*  all ie */
.article h5 { font-size:11px; margin:0; padding:0 0 6px 0; color:#404040; font-weight:bold; line-height:15px; text-transform:uppercase; }

.article .img_left { float:left; width:10%; margin:3px 11px 11px 0px; }
.article .img_left_text { font-size:11px; padding:7px 0 8px 0; border-bottom:1px solid #B2CBDB; margin:0; line-height:15px; }
* .article .img_left_text { // padding:6px 0 9px 0; } /*  all ie */

.article .img_center { width:10%; margin:3px auto 11px auto; }
.article .img_center_text { font-size:11px; padding:7px 0 8px 0; border-bottom:1px solid #B2CBDB; margin:0; line-height:15px; }
* .article .img_center_text { // padding:6px 0 9px 0; } /*  all ie */

.article .img_right { float:right; width:10%; margin:3px 0px 11px 11px; }
.article .img_right_text { font-size:11px; padding:7px 0 8px 0; border-bottom:1px solid #B2CBDB; margin:0; line-height:15px; }
* .article .img_right_text { // padding:6px 0 9px 0; } /*  all ie */

.article .excerpt_left { float:left; width:150px; margin:3px 11px 11px 0; border-top:3px solid #B2CBDB; border-bottom:3px solid #B2CBDB; padding:11px 10px 13px 10px; }
* .article .excerpt_left { // margin:4px 11px 11px 0; } /*  all ie */
.article .excerpt_left .quotation { font-size:16px; line-height:18px; font-family:times, serif; margin:0; padding:0;}
* .article .excerpt_left .quotation { // padding:1px 0 0 0; } /*  all ie */
.article .excerpt_left .author { font-size:11px; line-height:15px; font-family:times, serif; margin:6px 0 0 0; padding:0; }
* .article .excerpt_left .author { // margin:4px 0 1px 0; } /*  all ie */

.article .excerpt_right { float:right; width:150px; margin:3px 0 11px 11px; border-top:3px solid #B2CBDB; border-bottom:3px solid #B2CBDB; padding:11px 10px 13px 10px; }
* .article .excerpt_right { // margin:4px 0 11px 11px; } /*  all ie */
.article .excerpt_right .quotation { font-size:16px; line-height:18px; font-family:times, serif; margin:0; padding:0;}
* .article .excerpt_right .quotation { // padding:1px 0 0 0; } /*  all ie */
.article .excerpt_right .author { font-size:11px; line-height:15px; font-family:times, serif; margin:6px 0 0 0; padding:0; }
* .article .excerpt_right .author { // margin:4px 0 1px 0; } /*  all ie */

.article .file { clear:both; border:1px solid #B2CBDB; font-size:12px; margin:10px 0 10px 0; padding:5px; font-weight:bold; line-height:25px; }
.article .file img { float:left; padding-right:6px; border-right:1px dotted #B2CBDB; margin-right:10px; vertical-align:middle; }

.article .imageshow { font-size:12px; border:1px solid #B2CBDB; padding:7px 0 8px 10px; position:relative; margin:0 0 15px 0; }
/* because of IE 6,7 the width-value has to be given in px */
.article .imageshow  img { width:107px; padding:0; margin:0; border:0; }
.bigsmall_col .article .imageshow  img { width:155px; padding:0; margin:0; border:0; }
.article .imageshow table { margin:8px 0 0 0; padding:0; }
.article .imageshow td { padding:0 10px 0 0; margin:0; }
.article .imageshow .count { position:absolute; right:10px; }
.article .imageshow .show { font-weight:bold; }
.article .imageshow .description { font-size:11px; line-height:15px; margin:7px 0 0 0;}

.article .articlebox { font-size:12px; border:1px solid #B2CBDB; padding:3px 9px 9px 9px; margin:0 0 15px 0; clear:both; }

.article .left { margin:3px 11px 11px 0; float:left; }
* .article .left { // margin:4px 11px 11px 0; } /*  all ie */
.article .right { margin:3px 0 11px 11px; float:right; }
* .article .right { // margin:4px 0 11px 11px; } /*  all ie */

* .article .articlebox { // padding:3px 9px 12px 9px; } /*  all ie */
.article .articlebox .author { font-size:12px; line-height:30px; padding:0; margin:0 0 3px 0; }
.article .articlebox .author img { width:30px; float:left; padding:0 5px 0 0; margin:0; }
.article .articlebox ul { margin:0; padding:0; } 
.article .articlebox ul li { margin:0 0 2px 0; padding:2px 0 0 21px; font-size:12px; line-height:16px; list-style:none; display:list-item; background:no-repeat url(arrow.gif) top left; } 
.article .articlebox h4 { font-size:12px; margin:6px 0 0 0; font-weight:bold; padding:0; line-height:16px; }
* .article .articlebox h4 { // margin:3px 0 0 0; } /*  all ie */
.article .articlebox hr { height:0px; line-height:0px; font-size:0px; margin:8px 0 10px 0; border:0; padding:0; border-top:1px solid #B2CBDB; }
* .article .articlebox hr { // margin:2px 0 2px 0; } /*  all ie */
	
.article .commentbox a { font-weight:bold; }
.article .commentbox hr { height:0px; line-height:0px; font-size:0px; margin:10px 0 10px 0; border:0; padding:0; border-top:1px dotted #B2CBDB; }
* .article .commentbox hr  { // margin:7px 0 4px 0; } /*  all ie */

/* info boxes */
.article .articleadd { font-family:times, serif; font-size:12px; }
.article .articleadd img { margin:7px 0 10px 0; }
* .article .articleadd img { // margin:10px 0 10px 0; } /*  all ie */

/* light blue */
.article .articleadd1 { background:#B2CBDB; border-color:#8FB0C5; }
.article .articleadd1 hr { border-color:#8FB0C5; }
.article .articleadd1 a { color:#FFF; }
.article .articleadd1 a:hover { color:#FFF; }
.article .articleadd1 a:visited {color:#FFF; }

/* dark blue */
.article .articleadd2 { background:#4C86AB; color:#fff; }
.article .articleadd2 a { color:#FFF; }
.article .articleadd2 a:hover { color:#FFF; }
.article .articleadd2 a:visited {color:#FFF; }

/* yellow */
.article .articleadd3 { background:#FFE9B5; color:#564316; }
.article .articleadd3 a { color:#E3A100; }
.article .articleadd3 a:hover { color:#E3A100; }
.article .articleadd3 a:visited {color:#E3A100; }


.articlefunctions_outside { border:1px solid #B2CBDB; margin:0 0 15px 0; clear: both; }
.articlefunctions { font-size:11px; width:100%; }
* html .articlefunctions { content:\; width:98%; } /* IE bis 5.5 */
.articlefunctions td { text-align:center; border-left:1px dotted #B2CBDB; width:16%; } 
.articlefunctions .first { border:0; }
.articlefunctions img { margin:0 auto; }

/* NOTICES */
/* background:#fff and z-index:-1 because of IE */
.switch_outside_top { background:#fff; padding:0 0 1px 0; border-bottom:1px solid #B2CBDB; position:relative; margin:0 0 15px 0; z-index:0; }
.switch_outside_top .next { background:no-repeat url(arrow.gif) top right; height:18px; padding:1px 21px 2px 0; position:absolute; top:0px; right:0px; margin:0; }
.switch_outside_top .back { background:no-repeat url(arrow_back.gif) top left; height:18px; padding:1px 0 2px 21px; position:absolute; top:0px; right:68px; margin:0; }
.switch_outside_top .results { padding:1px 0 2px 0; font-weight:bold; }

.switch_outside_bottom { background:#fff; padding:0 0 1px 0; border-top:1px solid #B2CBDB; position:relative; margin:0 0 15px 0; }
.switch_outside_bottom .next { background:no-repeat url(arrow.gif) top right; height:18px; padding:1px 21px 2px 0; position:absolute; top:0px; right:0px; margin:2px 0 0 0; }
.switch_outside_bottom .back { background:no-repeat url(arrow_back.gif) top left; height:18px; padding:1px 0 2px 21px; position:absolute; top:0px; right:68px; margin:2px 0 0 0; }
.switch_outside_bottom .results { padding:3px 0 2px 0; font-weight:bold; }

.notice_header { height:20px; line-height:20px; font-size:11px; border-top:1px solid #B2CBDB; border-bottom:1px solid #B2CBDB; background:#F0F5F8; margin:0 0 15px 0; padding:0 5px 0 5px; }
.notice { margin:0 0 15px 0; text-align:center; }
.notice img { border:0; margin:0 auto 0 auto; }
.backtotop { height:40px; line-height:40px; vertical-align:middle; font-size:11px; border:0; border-top:1px solid #B2CBDB; margin:30px 0 0 0; clear:both;}

.notice_header  .memorize { float:right; font-weight:bold; background:no-repeat url(heart.gif) left center; padding-left:23px; }

.jobnotice { margin:0 0 15px 0; text-align:left; border-bottom:1px solid #B2CBDB;}
.jobtext { vertical-align:top; font-size:11px; border-right:1px solid #B2CBDB; padding:0 10px 15px 0; }
.jobtext h3 { font-size:16px; font-weight:bold; margin:0; padding:0; }
.jobtext h4 { font-size:12px; font-weight:normal; margin:0 0 12px 0; padding:0; }
.jobtext .email { padding:6px 0 6px 30px; background:no-repeat url(h-mail.gif) left center; font-weight:bold; }
.jobpic { vertical-align:top; width:154px; padding:0 0 15px 10px; margin:0; float:right; }
.jobpic img { width:154px; border:0; }
.jobpic div { font-size:11px; font-weight:bold; }


.gestaltete_classified { margin:0 0 15px 0; text-align:center; padding-left:75px;}
.smallnotice { margin:0 0 15px 0; text-align:left; }
.smallnotice table { background:#EFF7FB; margin:10px 0 0 0; }
.smallnotice table td { padding:10px; }
/* max height 105px ; max width:140px; */
.smallnotice table td img { border:0px; max-width:140px; max-height:140px; margin:0 auto; }
.smallnotice h3 { font-weight:bold; font-size:16px; padding:0; margin:0 0 2px 0; }

/* INFO BOXES */
.info { margin:0 0 15px 0; border-top:1px solid #B2CBDB; border-bottom:1px solid #B2CBDB; padding:13px 0 13px 0; }
.info2 { padding:6px 10px 9px 10px; background:#FFE9B5; margin:3px 0 5px 0; border:0; }
* .info2 { // margin:4px 0 6px 0; }
.warn { padding:6px 10px 9px 10px; background:#FF7A7D; margin:3px 0 5px 0; border:0; }
* .warn { // margin:4px 0 6px 0; }
.success { padding:6px 10px 9px 10px; background:#AAFFAD; margin:3px 0 5px 0; border:0; }
* .success { // margin:4px 0 6px 0; }

/* GUESTBOOK */
.info { margin:0 0 15px 0; border-top:1px solid #B2CBDB; border-bottom:1px solid #B2CBDB; padding:13px 0 13px 0; }
.gb_entry { border-top:1px solid #B2CBDB; padding:10px 0 6px 0; margin:0 0 10px 0; }
.gb_entry h1 { font-size:12px; font-weight:normal; margin:0 0 8px 0; padding:0; font-family:Arial,sans-serif; line-height:16px; vertical-align:middle; }
.gb_entry h1 img { display:inline; margin:0 4px 0 0; border:0; vertical-align:middle; }
.gb_entry h2 { font-size:12px; font-weight:normal; margin:0; padding:0; font-family:Arial,sans-serif; line-height:16px; }
.gb_entry .author { font-size:11px; padding:0; margin:8px 0 0 0; }
.gb_entry .author img { display:inline; margin:0 10px 0 0; width:35px; float:left; border:0; }
.gb_entrybox { margin:30px 0 15px 0; padding:12px 0 0 0; border-top:1px solid #B2CBDB; }

/* WEATHER */
.weather { height:31px; line-height:31px; border-top:1px solid #B2CBDB; border-bottom:1px solid #B2CBDB; margin:0 0 15px 0; padding:0 0 0 20px; position:relative; font-weight:bold; background:no-repeat url(list_w.gif) scroll 0% center; }
.weather .world { right:0px; position:absolute; font-weight:normal; top:0px; }
.weathertab { margin:0; padding:0; }
.weathertab td hr { border:0; border-top:1px solid #B2CBDB; }
.weathertab .leftcol { width:45%; padding:0 10px 0 0; border-right:1px solid #B2CBDB; vertical-align:top; font-family:Arial,sans-serif; font-size:12px; }
.weathertab .rightcol { width:55%; padding:0 0 0 10px; vertical-align:top; font-family:Arial,sans-serif; font-size:12px; }
.weathertab .forecast { font-size:11px; font-family:Arial, sans-serif; margin:0 0 1px 0; padding:0 0 0 10px; height:17px; line-height:17px; }
.weathertab .forecast img { display:inline; float:right; padding:1px 1px 0 0; }
.weathertab .even { background:#F0F5F8; }
.weathertab .odd { background:#D8E5ED; }
.weathertab .links { font-size:11px; margin:12px 0 0 0; }

/* TABLE-LISTS */
.tablelist { padding:0; margin:0 0 15px 0; width:100%; }
.tablelist  td { font-size:Arial, sans-serif; font-size:11px; background:#D8E5ED; padding:6px 10px 8px 10px; line-height:16px; text-align:left; }
.tablelist .even td { font-size:Arial, sans-serif; font-size:11px; background:#F0F5F8; padding:6px 10px 8px 10px; line-height:16px; text-align:left; }

/* WARENKORB */
.tablelist2 { padding:0; margin:0 0 15px 0; width:100%; }
.tablelist2  td { font-size:Arial, sans-serif; font-size:12px; background:#D8E5ED; padding:11px 10px 13px 10px; line-height:16px; text-align:left; vertical-align:top; }
* .tablelist2  td { // padding:10px 10px 14px 10px; } /* all ie */
.tablelist2 .even td { font-size:Arial, sans-serif; font-size:12px; background:#F0F5F8; padding:11px 10px 13px 10px; line-height:16px; text-align:left; vertical-align:top; }
* .tablelist2 .even td { // padding:10px 10px 14px 10px; } /* all ie */
.tablelist2 th { font-size:Arial, sans-serif; font-size:12px; background:#B2CBDB; padding:2px 10px 3px 10px; color:#fff; text-align:left; }
* .tablelist2 th { // padding:1px 10px 4px 10px; } /* all ie */

.tablelist3  { padding:0; margin:0 0 15px 0; width:100%; border:1px solid #B2CBDB; }
.tablelist3  td { font-size:Arial, sans-serif; font-size:12px; padding:11px 10px 13px 10px; line-height:16px; text-align:left; vertical-align:top; }
* .tablelist3  td { // padding:10px 10px 14px 10px; } /* all ie */

/* WORKSPACE */
.workspace_perso { border-top:1px solid #B2CBDB; border-bottom:1px solid #B2CBDB; margin-bottom:15px; }
.workspace_perso .perso { border-top:1px solid #fff; border-bottom:1px solid #fff; }
.workspace_photo { background:no-repeat url(photo.gif) center center #D8E5ED; width:100px; height:130px; }
.workspace_text { padding:10px 10px 10px 10px; }

.workspace { list-style-type:none; padding:0; margin:0 0 15px 0; }
.workspace li { margin:0 0 1px 0; list-style-type:none; font-weight:bold; font-size:12px; font-family:Arial, sans-serif; height:24px; line-height:24px; background:no-repeat url(next_l2.gif) center left #D8E5ED; padding:0 0 0 28px; }
.workspace .even { margin:0 0 1px 0; list-style-type:none; font-weight:bold; font-size:12px; font-family:Arial, sans-serif; height:24px; line-height:24px; background:no-repeat url(next_l1.gif) center left #F0F5F8; padding:0 0 0 28px; }

.variantespace { font-size:28px; margin:0 0 0px 10px; padding:0 0 15px 0; font-family:times, serif; line-height:32px; font-weight:normal; }


.img_left { float:left; width:10%; margin:3px 11px 11px 0px; }
.img_left_text { font-size:11px; padding:7px 0 8px 0; border-bottom:1px solid #B2CBDB; margin:0; line-height:15px; }
* .img_left_text { // padding:6px 0 9px 0; } /*  all ie */

#liveticks_workspace {
    width:100%;
    padding:0;
    font-size:10px;
}

#liveticks_workspace tr {
    padding:3px;
}
#liveticks_workspace th {
    color:white;
    background:#666;
}

#liveticks_workspace td {
    vertical-align:top;
    padding:3px;
    border-bottom:1px dotted #ccc;
}

.workspace_action {
    display:inline;
}


.lt_tick_title {
    font-weight:bold;
    font-size:12px;
}
.lt_tick_shorttext {
    font-weight:bold;
    color:#666;
}

body .content h1.lt_current_result {
    text-align:center;
    padding:0;
    margin:0;
    font-size: 30px;
    font-style: normal;
    color: #FFF;
    font-weight: bolder;
    font-family:Arial,sans-serif; 
}



.liveticks_front {
    width:100%;
    padding:0;
    background-color: #d5e0ec;
    font-size:12px; 
    font-weight:normal; 
    font-family:Arial,sans-serif; 
    line-height:16px; 
}

.liveticks_front tr {
    padding:3px;
}
.liveticks_front th {
    color:white;
    background:#666;
}

.liveticks_front td {
    vertical-align:top;
    padding:3px;
    border-bottom:1px dotted #ccc;
}

.lt_opponent_description_image {
    max-width:50px;
    max-height:50px;
    margin:5px auto 10px auto;
}


body .content .teaser img.lt_opponent_result_image,
h1 img.lt_opponent_result_image {
    max-width:115px;
    max-height:115px;
    margin:0 auto 0 auto;
    vertical-align:middle;
    display:inline;
}

.lt_referee_image {
    display:inline;
    float:left;
    margin-right:10px;
    max-height:140px;
    max-width:140px;
}

.lt_ticker_actor_image {
    max-width:45px;
    max-height:45px;
    margin:0;
    display:inline;
}

.lt_author_layer_td_text {
    background:white;
}

.lt_author_layer_td_label {
    background:#ccc;
    padding-right:4px;
}

.lt_author_layer_table {
    width:100%;
    padding:0;
    background-color: #white;
    font-size:12px; 
    font-weight:normal; 
    font-family:Arial,sans-serif; 
    line-height:16px; 
}






/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(/mat/jtip_images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/mat/jtip_images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/mat/jtip_images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}












/**
 * 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.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @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%;
	zoom: 1;
	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;	
}


/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 03/07/2009 21:13
 *
 */

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover {
		background-position: 0 -88px;
	}
	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: 84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: 84px 0 !important;
	}
	.simply-scroll-btn-right:hover {
		background-position: 84px -88px;
	}
	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: -126px -88px;
	}
	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -42px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 482px;
	height: 85px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 482px;
		height: 150px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			height: 85px;
			margin-right: 10px;
		}
		.simply-scroll .simply-scroll-list li img {}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}
	


/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

	.vert .simply-scroll-clip {
		width: 290px;
		height: 400px;
	}
	
		.vert .simply-scroll-list {}
		
		.vert .simply-scroll-list li {
			width: 482px;
			height: 85px;
		}
		.vert .simply-scroll-list li img {}
	
	.vert .simply-scroll-btn {}

	.vert .simply-scroll-btn-up { /* modified btn pos */
		right: 0;
		top: 0;
	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}
	
	.vert .simply-scroll-btn-down { /* modified btn pos */
		right: 0;
		top: 52px;
	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}
	
	/* NOTE left-right classes wouldn't be needed on vertical scroller */

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 482px;
	height: 85px;
	margin-bottom: 1em;
	clear:both;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 482px;
	height: 85px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	height: 85px;
}

.relatedboxbottom {
    clear:both;
    width:95.8%;
}