/* generic content box - used for images, files, and operations on member/show */

#center .generic.box,
#infoWindow .generic.box {
    float:right;
    clear:none;
    width:50%;
    margin:1em 2em;}
    
    #center .generic.box .top , 
    #center .generic.box .bottom, 
    #center .generic.box .top div, 
    #center .generic.box .bottom div,
    #infoWindow .generic.box .top , 
    #infoWindow .generic.box .bottom, 
    #infoWindow .generic.box .top div, 
    #infoWindow .generic.box .bottom div {
        font-size:0;
        height:5px;}
        
    #center .generic.box .top,
    #infoWindow .generic.box .top {
        background-image:url(/images/generic_box_top_left.png);}

    #center .generic.box .bottom,
    #infoWindow .generic.box .bottom {
        background-image:url(/images/generic_box_bottom_left.png);}
        
    #center .generic.box .top div,
    #infoWindow .generic.box .top div {
        background-image:url(/images/generic_box_top_right.png);}
        
    #center .generic.box .bottom div,
    #infoWindow .generic.box .bottom div {
        background-image:url(/images/generic_box_bottom_right.png);}
        
    #center .generic.box .boxContent,
    #infoWindow .generic.box .boxContent {
        background:#8eadba url(/images/generic_box_content_bg.png) no-repeat top right;}
        
    #center .generic.box .boxContent .innerPadding,
    #infoWindow .generic.box .boxContent .innerPadding {
        padding:4%;
        text-align:center;
        background:transparent url(/images/generic_box_border.png) repeat-y top left;}
        
        /* shared for images and files partials */
        #center .generic.box .boxContent .innerPadding h1,
        #infoWindow .generic.box .boxContent .innerPadding h1 {
            color:#fff;
            font-size:small;
            margin:0;
            background:none;
            font-family: arial, verdana, "Luxi Sans", sans-serif;}
            
        #center .generic.box .boxContent .innerPadding a,
        #infoWindow .generic.box .boxContent .innerPadding a {
            color:#fff;
            padding:.2em 0;
            text-decoration:underline;
            display:block;}
        
        
        /* image partial */    
        #center .generic.box.images, #center .generic.box.files,
        #infoWindow .generic.box.images, #center .generic.box.files {
            width:270px;}
            
            #center .generic.box.images .boxContent .innerPadding,
            #infoWindow .generic.box.images .boxContent .innerPadding {
                padding:11px;}
                
                #center .generic.box.images #loading,
                #infoWindow .generic.box.images #loading {
                    position:relative;
                    top:50px;
                    margin-top:-28px;}
            
            #center .generic.box.images .boxContent .innerPadding #caption,
            #infoWindow .generic.box.images .boxContent .innerPadding #caption {
                font-style:italic;
                font-weight:bold;
                font-size:90%;
                text-align:left;}
                
            #center .generic.box.images .boxContent .innerPadding #credit,
            #infoWindow .generic.box.images .boxContent .innerPadding #credit {
                text-align:right;
                font-size:85%;}
                
            
            #center .generic.box.images .boxContent .innerPadding div.thumbs,
            #infoWindow .generic.box.images .boxContent .innerPadding div.thumbs {
                width:100%;
                margin:.4em 0;
                text-align:left;}
                
            #center .generic.box.images .boxContent .innerPadding div.thumbs ul,
            #infoWindow .generic.box.images .boxContent .innerPadding div.thumbs ul {
                float:left;
                clear:left;
                margin:1em 0 2em 0;
                padding:0;
                list-style-type:none;}
                
                #center .generic.box.images .boxContent .innerPadding div.thumbs ul li,
                #infoWindow .generic.box.images .boxContent .innerPadding div.thumbs ul li {
                    float:left;
                    display:inline;
                    margin:0 3px;}
                    
                    /* for first/last thunbs, remove left/right padding */
                    #center .generic.box.images .boxContent .innerPadding div.thumbs li.first,
                    #infoWindow .generic.box.images .boxContent .innerPadding div.thumbs li.first {
                        margin-left:0;}
                    
                    #center .generic.box.images .boxContent .innerPadding div.thumbs li.last,
                    #infoWindow .generic.box.images .boxContent .innerPadding div.thumbs li.first {
                        margin-right:0;}
                        
                        
        
            #center .generic.box.images .boxContent .innerPadding div.thumbs li a,
            #infoWindow .generic.box.images .boxContent .innerPadding div.thumbs li a {
                display:block;
                width:55px;
                height:55px;
                padding:3px;
                text-decoration:none;}
                
                #center .generic.box.images .boxContent .innerPadding div.thumbs li a:hover, 
                #center .generic.box.images .boxContent .innerPadding div.thumbs li a.current,
                #infoWindow .generic.box.images .boxContent .innerPadding div.thumbs li a:hover, 
                #infoWindow .generic.box.images .boxContent .innerPadding div.thumbs li a.current {
                    text-decoration:none;
                    background:#f6cb00;}
                
    
    
        /* files partial */
        #center .generic.box.files .boxContent .innerPadding,
        #infoWindow .generic.box.files .boxContent .innerPadding {
            text-align:left;}