/*********************************************************************************************************************
    MODULE CONTAINER
*********************************************************************************************************************/

    .m123MainContainer
        {
            position:relative;
            z-index:100;
            width:783px;/*808px*/
            float:left;
            padding-left:25px;
            padding-top:10px;
            margin-bottom:21px;
        }
/*********************************************************************************************************************
    SCENE
*********************************************************************************************************************/ 

#Scene
    {
        position:relative;
        margin-bottom:21px;
        height:405px;
        width:550px;        
    }     
    #Scene .ImageRotation
        {
            position:relative;
            height:265px;
            overflow:hidden;
            background-image:url(../../../../images/design/loader.gif);
            background-position:center 114px;
            background-repeat:no-repeat;
            border:1px solid #f0f0f0;
        }
        #Scene .ImageRotation img
            {
                display:none;
            }
        #Scene .ImageRotation ul
            {
                display:none;
                position:absolute;
                top:15px;
                left:15px;
                list-style-type:none;
                margin:0px;
                padding:0px;
            }
        #Scene .ImageRotation li
            {
                display:block;
                float:left;
                font-size:10px;
                color:#000000;
                text-align:center;
                width:17px;
                height:17px;
                line-height:17px;
                cursor:pointer;
            }
            #Scene .ImageRotation li:hover,
            #Scene .ImageRotation li.active
                {
                    background-image:url(../../../../images/design/bg_scene_btn.png);
                    background-position:left top;
                    background-repeat:no-repeat;
                }
        
    #Scene .InfoSpots
        {
            position:absolute;
            bottom:0px;
            height:98px;
            left:0px;
            right:0px;
            width:auto;
            padding:6px 0px 12px 0px;
            background-image:url(../../../../images/design/bg_box.png);
            background-position:left bottom;
            background-repeat:repeat-x;
            background-color:#fefefe;
            border:solid 1px #f0f0f0;
        } 
        #Scene .InfoSpots
            {
            }            
        #Scene .InfoSpots h2
            {
                font-size:17px;
            }
            #Scene .InfoSpots h2 a
                {
                    color:#000000;                    
                }
        #Scene .InfoSpots a.readmore
            {
                display:block;
                color:#00879c;
                text-decoration:none;
                padding-left:9px;
                background-image:url(../../../../images/design/bg_infospots_readmore.png); 
                background-repeat:no-repeat;
                background-position:0px 6px;               
            }
        #Scene .InfoSpots .image
            {
                display:none;
                height:110px;
                width:210px;
                overflow:hidden;
                margin-bottom:13px;
            }
            #Scene .InfoSpots .image a
                {
                }
        #Scene .InfoSpots ul
            {
                list-style-type:none;
                margin:0px;
                padding:0px;
            } 
        #Scene .InfoSpots li
            {
                display:block;
                position:relative;
                float:left;
                width:155px;
                height:80px;
                padding:9px 13px 9px 13px;
                background-image:url(../../../../images/design/bg_infospots.png);
                background-position:right 9px;
                background-repeat:no-repeat;
                line-height:21px;
            }
            #Scene .InfoSpots li.last
                {
                    background-image:none;
                } 
        
        /* Expand */        
        #Scene .InfoSpots .ExpandInfo
                {
                    display:none;
                    position:absolute;
                    top:-290px;
                    bottom:105px;
                    height:auto;
                    left:0px;
                    right:0px;
                    width:auto;
                    padding:9px;
                    color:#000000;
                    background-color:Blue;
                    background-image:url(../../../../images/design/bg_white_alpha90.png); 
                }
                #Scene .InfoSpots .ExpandInfo h2
                    {
                    }
                #Scene .InfoSpots li:hover .ExpandInfo
                    {
                        display:none;
                    }

/*********************************************************************************************************************
    COMMON  
*********************************************************************************************************************/
 
    #Flash
        {
            display:none;
            float:left;
            width:550px;
            height:265px;
            margin-bottom:21px;
        }
            
    .m123MainContainer .ReadMore
        {
            margin-top:1em;
            display:block;
            padding-left:9px;
            background-image:url(../../../../images/design/bg_infospots_readmore.png); 
            background-repeat:no-repeat;
            background-position:0px 3px;  
        } 
    
    .m123MainContainer .CategoryName
        {
            margin-bottom:21px;
        }
    
    .m123MainContainer .CategoryImage
        {
            float:right;
            width:215px;
            height:264px;
            overflow:hidden;
            border:1px solid #f0f0f0;
            margin-bottom:21px;
        }
         
    .m123MainContainer .Textbox
        {
            position:relative;
            float:right;
            clear:right;
            width:215px;
            line-height:18px;
        }  
    .m123MainContainer .RelatedVideo
        {
            position:relative;
            z-index:100;
            float:right;
            clear:right;
            height:265px;
            width:215px;
            margin-bottom:21px;
            background-color:#000000;
        }
        .m123MainContainer .RelatedVideo .flowplayer
            {
                position:absolute;
                z-index:99;
                right:0px;
                background-color:#000000;
            }
            .m123MainContainer .RelatedVideo .btnClose
                {
                    display:none;
                    position:absolute;
                    padding:2px;
                    z-index:100;
                    right:0px;
                    color:#ffffff;
                    font-weight:bold;
                    background-color:#000000;
                    cursor:pointer;
                }
        .m123MainContainer .RelatedVideo .flowsmall
            {                
                display:block;
                height:265px;
                width:215px;
            }  
        .m123MainContainer .RelatedVideo .flowlarge
            {
            } 
         
    .m123MainContainer .RelatedImages
        {
            position:relative;
            float:right;
            clear:right;
            width:215px;
            z-index:0;
        }  
        .m123MainContainer .RelatedImages .Image
            {
                width:215px;
                height:265px;
                overflow:hidden;
                margin-bottom:21px;
            } 
            .m123MainContainer .RelatedImages .Image img
                {
                    width:215px;
                }
            
    .m123MainContainer .BoxType1
        {
            padding:18px;
            margin-bottom:18px;
            background-image:url(../../../../images/design/bg_box.png);
            background-position:left top;
            background-repeat:repeat-x;
            background-color:#f8f8f8;
            border:solid 1px #f0f0f0;
        }
        
    .m123MainContainer .BoxType2
        {
            padding:18px;
            margin-bottom:18px;
            background-image:url(../../../../images/design/bg_box.png);
            background-position:left top;
            background-repeat:repeat-x;
            background-color:#f8f8f8;
            border:solid 1px #f0f0f0;
        }
        .m123MainContainer .BoxType2 a
            {
                background-image:url(../../../../images/design/lmenu_level0.png);
                background-position:left 5px;
                background-repeat:no-repeat;
                padding-left:16px;
            }
        .m123MainContainer .BoxType2 .checklist
            {
                background-image:url(../../../../images/design/checklist.gif);
                background-position:right top;
                background-repeat:no-repeat;
                min-height:46px;
                padding-right:58px;
            }  
        .m123MainContainer .BoxType2 .cv
            {
                background-image:url(../../../../images/design/cv.gif);
                background-position:right top;
                background-repeat:no-repeat;
                min-height:46px;
                padding-right:58px;
            } 
            
    .m123MainContainer .Detail
        {
            float:left;
            width:550px;
            padding-bottom:25px;
        }
        .m123MainContainer .Detail .Topic
            {
            }
        .m123MainContainer .Detail .Headline /* usually contains a h1 element */
            {
                position:relative;
            }
            .m123MainContainer .Detail .Headline .Image
                {
                    height:265px;
                    overflow:hidden;
                    margin-bottom:21px;
                }
                .m123MainContainer .Detail .Headline .Image img
                    {
                        width:550px;
                    }
        .m123MainContainer .Detail .Ingress
            {
                margin-bottom:25px;
            }
        .m123MainContainer .Detail .Body
            {
                line-height:18px;
            }
            .m123MainContainer .Detail .Body .BodyImages
                {
                    width:215px;
                    float:right;
                    margin-left:10px;
                }
                .m123MainContainer .Detail .Body .BodyImages .Image
                    {
                        width:215px;
                        overflow:hidden;
                        margin-bottom:21px;
                    } 
                    .m123MainContainer .Detail .Body .BodyImages .Image img
                        {
                            width:215px;
                        }
                    .m123MainContainer .Detail .Body .BodyImages .Image .Caption
                        {
                            font-style:italic;
                            font-size:11px;
                        }     
                
        .m123MainContainer .Detail .Published
            {
                display:none;
            }
        .m123MainContainer .Detail .Author
            {
                display:none;
            }
        .m123MainContainer .Detail .Tools
            {
                border-top:solid 1px #e4e4e4;
                padding:11px 0px 0px 0px;
                margin:31px 0px 21px 0px;
            }
            .m123MainContainer .Detail .Tools ul
                {
                    margin:0px;
                    padding:0px;
                    list-style-type:none;
                }
            .m123MainContainer .Detail .Tools li
                {
                    float:left;
                    margin-right:29px;
                    color:#000000;
                    font-weight:bold;
                }
            .m123MainContainer .Detail .Tools img
                {
                    vertical-align:middle;
                    height:15px;
                    cursor:pointer;
                    margin-left:4px;
                }
    
    /* Related info styles are found in site.css */
    

/*********************************************************************************************************************
    FRONTPAGE
*********************************************************************************************************************/
       
    /* TOP ITEM */ 
        /* class "TopItem" is used with class "Item", fex class="Item TopItem" */
        .m123MainContainer .TopItem
            {
            }
        .m123MainContainer .TopItem .Topic
            {
            }
        .m123MainContainer .TopItem .Headline
            {
            }
        .m123MainContainer .TopItem .Ingress
            {
            }
        .m123MainContainer .TopItem .Published
            {
            }
        
    /* ROWS */
        .m123MainContainer .Row
            {
            }
        
        .m123MainContainer .Row .Item
                {            
                }
            .m123MainContainer .Row .Item .Topic
                {
                }
            .m123MainContainer .Row .Item .Headline
                {
                }
            .m123MainContainer .Row .Item .Ingress
                {
                }
            .m123MainContainer .Row .Item .Published
                {
                }
            .m123MainContainer .Row .Item .Author
                {
                }