﻿/*-----------------------------------------------------------------------------------------------*/
/*                                     JQUERY NINJA GALLERY                                      */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                             LAYOUT                   
/*-----------------------------------------------------------------------------------------------*/

/** {
    margin: 0;
    padding: 0;}*/

.ninjaGallery {
    background: url(../images/lights4life/gallery/carousel_Bg.png) repeat-x top left;
    width: 896px;
    /*height: 236px;*/
    height: 230px;
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: relative;}
	
	.ninjaGallery ul {
	    height: 193px;
	    width: 10000px;
	    position: relative;}
	
	.ninjaGallery ul li {
	    display: block;
	    float: left;
	    width: 124px;
	    padding-top: 32px;}
	
		.ninjaGallery ul li.active {
	        background: url(../images/lights4life/gallery/carousel_active_Bg.png) no-repeat top left;
            height: 184px;
            top: 0;
            width: 323px;}
            
            .ninjaGallery ul li * {position: relative;}
		
	.ninjaGallery a.movebutton {
	    position: absolute;
	    bottom: 0;
	    color: #f0f0f0;
	    display: block;
	    z-index: 666;
	    display: block;
	    width: 28px;
	    height: 30px; 
	    line-height: 28px;}
	    
		.ninjaGallery a.left {
		    background: url(../images/lights4life/gallery/leftArrow.png) no-repeat top left;
		    position: absolute;
		    left: 0;}
		    
		.ninjaGallery a.right {
		    background: url(../images/lights4life/gallery/rightArrow.png) no-repeat top right;
		    position: absolute;
		    right: 0;}
		
            .ninjaGallery ul li.active img {
                display: inline;
                cursor: default;
                margin-left: 9px;
                margin-top: -19px;}
            
		/*div.additional-content {display: none; position: absolute; z-index: 500; height: 150px; font-size: .5em; overflow: hidden; background: #EFEFEF;}*/
		div.additional-content {
		    display: none;
		    float: right;
            /*line-height: 1.1em;*/
            padding: 0 20px 3px 10px;
            margin-top: -19px;
            width: 157px;}
            
            div.additional-content .name {
                display: block;
                font-weight: bold;
                margin-bottom: 4px;}
                
            div.additional-content .country {
                display: block;
                font-weight: bold;
                margin-bottom: 4px;}
                
            div.additional-content q.plat-short-name {
                display: block;
                font-style: italic;
                height: 62px;
                overflow: auto;
                padding-right: 5px;
                margin-bottom: 5px;}
                
            div.additional-content q.plat-long-name {
                display: block;
                font-style: italic;
                height: 50px;
                overflow: auto;
                padding-right: 5px;
                margin-bottom: 5px;}
                
            div.additional-content q.short-name {
                display: block;
                font-style: italic;
                height: 74px;
                overflow: auto;
                padding-right: 5px;
                margin-bottom: 5px;}
                
            div.additional-content q.long-name {
                display: block;
                font-style: italic;
                height: 62px;
                overflow: auto;
                padding-right: 5px;
                margin-bottom: 5px;}
                           
            div.additional-content .rank {
                display: block;
                font-size: 12px;
                font-weight: bold;
                padding-top: 4px;}
		
		li.active div.additional-content {display: block;}
		
	.slider {
        /*bottom: 8px;*/
        left: 300px;
        /*margin: -51px auto 38px auto;*/
        position: absolute;
        bottom: -31px;
        width: 800px;}
