.indexPage .langSwitch,.indexPage .searchLink, .indexPage .searchSpacer,.indexPage .mainExtraMI a{
  background:white !important;
  color:#252525 !important;
  
}

.indexPage .mainHeader{
    width: 100%;
    margin-left: 180px;
}

.indexPage .langSwitch:hover,.indexPage .searchLink:hover,.indexPage .mainExtraMI a:hover{
background: #ee1c24 !important;
color:white !important;
}

.indexPage .mainText{
margin-left: 30px; margin-right: 30px
}

html{
    font-family:Arial,Tahoma,Verdana;
    font-size:12pt;
    overflow-y:scroll;
    padding:0px;
    margin:0px;
    color:white;
    height:100%;   
}
body{
    width:100%;
    border:none;
    background:#58585A;
    padding:0px;
    margin:0px;
    padding-bottom:40px;
    height:100%;     
}

a img{
    border:none;
    outline: none;
    border:none;
}
a{
    outline: none;border:none;
    /*text-decoration:none;*/
    font-weight:bold;
    color:white;
    cursor:pointer;
}
a:hover{
     outline: none;border:none;
    /*text-decoration:underline;*/
    /*background-color:black;*/
    color:#EE1C24;
}
a:active{ outline: none;border:none;}

.pageLayout{
    position:relative;
    margin:0 auto;
    border:1px solid #58585A;
    width:1000px;    
    overflow-x:hidden;
    min-height:100%;
    overflow:visible;
    /*min-height:600px;*/
    /*min-height:100%;*/
    /*border:1px solid red;*/
}
a.langSwitch{
    text-decoration:none;
    font-weight:100;
    display:block;
    position:absolute;
    left:35px;
    top:65px;
    background:#EE1C24;
    width:45px;
    height:23px;
    text-align:center;
    padding-top:7px;       
}
a.langSwitch:hover,.mainExtraMI a:hover,.listExtraMI a:hover
{
    background:#252525;
    color:white;
}
.mainExtraMI{

    position:absolute;
    top:65px;
    /* left:115px; */
    /*border:1px solid black;*/
    width:180px;
    overflow:hidden;
    
}
.mainExtraMI a{

    text-decoration:none;
    font-weight:100;
    width:180px;
    height:23px;
    display:block;
    background:#EE1C24;
    text-align:center;
    padding-top:7px;
    margin-bottom:5px;
    font-size:9pt;
    text-transform:uppercase;
}
.mainContent{margin-left:330px;width:655px;overflow:hidden;}
.contentHeader{margin:50px 0px 34px 0px;}
.contentHeader h1{margin:0px;padding:0px; color:#EE1C24;font-size:16pt;text-transform:uppercase; font-weight:bold;letter-spacing:4px;}
.contentHeader h2{margin-top:0px;margin-bottom:0px; font-size:13pt;text-transform:uppercase; font-weight:bold;letter-spacing:3px;}
.mainHeader{   
    margin-top:65px;
    margin-bottom:0px;
}
.mainHeader td{vertical-align:top;}
.mainHeader .mainBigHeader{ color: #EE1C24;
    color: #EE1C24;
    font-size: 30pt;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 25pt;
    margin-bottom: 0px;
    position: relative;
    /* margin-left: -22px; */
}
.mainHeader .mainLilHeader{ font-size:16pt; font-weight:bold;letter-spacing:3px;}
.mainHeader .searchSpacer{height:23px;text-align:center;color:white;padding-top:7px; width:180px; background:#EE1C24;margin-bottom:5px;}
.mainHeader input{border:7px solid #707070;text-align:center;width:166px; color:#707070; }
.mainText{
    font-weight:bold;
    color:#ACACAC;
    font-size:11pt;
    
    margin-bottom:40px;
}
.menuitems{
    
    clear:both;
    

}
.menuItemF{
    height:37px;
     

}
.menuItemC{
   /*border:1px solid red;*/
   width:650px;
   height:37px;
   padding-left:200px;
   margin-left:-200px;
   position:absolute;
   overflow:hidden;

    

}
.menuitems .menuItemF .menuItemC .menuspacer{
   
    /*position:absolute;*/
    width:850px;
    border-top:1px solid white;
    height:1px;
    overflow:hidden;
    margin-left:200px;
    /*margin-top:32px;*/
    /*margin-bottom:6px;*/
    /*margin-left:200px;*/

}
.menuitem{
   
    
    width:850px;

    /*backg round:#7d7d7d;*/
    height:30px;
    overflow:hidden;
    /*border:1px solid green;*/

}

.menuitem a.wh{
border-color: white ;
}

.menuitem a{
     /*border:1px solid blue;*/
    text-decoration:none;
    position:relative;
    
     height:32px;
     width:430px;
     /*width:630px;*/
     overflow:hidden;
 
    display:block;
    text-transform:uppercase;
    /*height:25px;*/
     line-height:32px;
    padding-top:0px;
    /*padding-bottom:5px;*/
    
    border-left:180px solid #ee1c24;   
    padding-left:20px;
    margin-bottom:7px;
    font-size:10pt;
    font-weight:100;
  

}
.menuitem a:hover{
    border-left:180px solid #252525;
}
.empty a{cursor:default;}
.empty a:hover{border-left:180px solid #252525;color:inherit;}
.navMenu{
     z-index:9999;
    height:30px;
    margin-right:20px;
    /*position:absolute;*/
    background:#7D7D7D;

}
.navMenu td{background:#7D7D7D;}
.listExtraMI{
    padding-right:20px;   
       
    
}
.listExtraMI td{text-align:right;padding-top:12px;}
.listExtraMI a{    
    
    text-decoration:none;
    font-weight:100;
    width:180px;
    height:23px;
    /*float:left;*/
    /*display:block;*/
    background:#EE1C24;
    text-align:center;
    padding:7px;
    margin-bottom:5px;
    text-transform:uppercase;

}

.listHeader
{
   margin-top:65px;
   margin-left:110px;
   

}
/*---------------menu----------------*/
#jsddm
{
  /*position:relative;*/
  
  z-index:9999;
   
  margin: 0;
  padding: 0;
  background:#7D7D7D;
  
  
  
}

#jsddm li
{
   
    
    line-height:15px;
  float: left;
  list-style: none;
}

#jsddm li a
{
    
  display: block;  
  text-transform:uppercase;
  /*background: #20548E;*/
  padding:8px 10px 7px 10px;
  text-decoration: none;
  /*border-right: 1px solid white;*/
  /*background:#red;*/
  /*width: 70px;*/
  color: #EAFFED;
  font-size:9pt;
  font-weight:100;
  
  white-space: nowrap
}
#jsddm li.checked{color:#EE1C24;text-transform:uppercase;padding:7px 10px 6px 10px;font-weight:bold;letter-spacing:1px;padding-left:10px;}

#jsddm li a:hover
{	
    background: #EE1C24;
}

#jsddm li ul
{
  margin: 0;
  padding: 0;
  position: absolute;
  z-index:9999;
  visibility: hidden;
  border-top: 1px solid white;
}

#jsddm li ul li
{
    float: none;
   display: inline
}

#jsddm li ul li a
{
    font-weight:100;
    text-transform:uppercase;
    width: auto;
    background: #7d7d7d
       
}

#jsddm li ul li a:hover
{	background: #EE1C24;}
/*---------------------------SCROLABLE - PHOTOS----------------------*/
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 588px;
    height:93px;
    float:left;
    
    
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active img {
    margin-top:4px;
    border:1px inset #ccc;
    background-color:black;
}
.items img {
    margin:0;
}

/* make A tags our floating scrollable items */
.items div{
    
    margin:0px 8px;
    width:82px;
    height:66px;
    overflow:hidden;
    /*background:red;*/
    

    
}
.items table td{
    text-align:center;
    vertical-align:top;    
    /*background:#afafaf;*/
    width:82px;
    height:66px;
    overflow:hidden;    
}
.items a {
    /*display:block;*/
     /*display:inline;*/
    /*overflow:hidden;*/
    
    /*float:left;*/
    /*margin:20px 15px;*/
}
/* tooltip styling */ 
.scrollable .active  {
    
    /*border:1px solid #fff;*/
    /*outline:2px solid #000;*/
    /*margin-top:4px;*/
    /* these two settings makes it visible over the mask */
    z-index:300;
    /*position:relative;*/
}


.gallerylayout .nextPage{    

    background-image: url(/img/hori_large.png);
    clear: right;
    display: block;
    float: left;
    height: 30px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 35px;
    width: 30px;
    background-position:0 -30px;

}
.gallerylayout .nextPage:hover{
    background-position:-30px -30px;
}

.gallerylayout .nextPage:active{
    background-position:-60px -30px;
}
.gallerylayout  .disabled{visibility:hidden;}
.gallerylayout{clear:both;}
.gallerylayout .prevPage{
    
        background-image: url(/img/hori_large.png);
        clear: right;
        display: block;
        float: left;
        height: 30px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 0px;
        margin-top: 35px;
        width: 30px;
}
.gallerylayout .prevPage:hover{
    background-position:-30px -0px;
}

.gallerylayout .prevPage:active{
    background-position:-60px -0px;
}
.gallerylayout .galleryheader{
    text-transform:uppercase;
    font-size:11pt;
    font-weight:bold;
    letter-spacing:1px;
    color:#EE1C24;
    margin-bottom:0px;
}
.gallerylayout {padding-top:10px;height:103px;}
.navi {
    margin-left:350px;
    width:200px;
    /*position:absolute;*/
    height:20px;
}


/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    margin-top:0px;
    background:url(/img/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {

    background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
    margin-top:0px;
    background-position:0 -16px;
    border:0px;
    outline:0px;
}
.bigimage{
   
    position:relative;
    height:300px;
    width:400px;    
    overflow:hidden;
    border:4px solid #afafaf;
    background:black;
    float:left;
    margin-bottom:20px;
     
}
.bigimage .table{
    z-index:10;
}
.bigimage td{
    z-index:10;
    /*border:1px solid black;*/
    text-align:center;
    vertical-align:center;
    width:400px;
    height:300px;
    overflow:hidden;
    color:black;
    background:url(/img/preloader.gif) no-repeat;    
    background-position:194px 144px;
    
}
.gallerycomment{   
    width:380px;
    height:230px;
    padding-left:40px;
    /*margin-left:448px;*/
    /*text-transform:uppercase;*/
    /*text-align:justify;*/
    /*background:green;*/
    overflow:hidden;
    color:#afafaf;
}
.imgtitle{
    /*margin-left:448px;*/
    height:78px;
    /*background :#afafaf;*/
    width:380px;
    padding-left:40px;
    overflow:hidden;
    color:#afafaf;
   
}
.zoomImage{
    display:block;
    position:absolute;
    margin:270px 370px;
    width: 25px;height:25px;
    background:url(/img/icon-zoom.png);
}
a.bigHref{display:none}
/*----------------CONTENT PAGE------------------*/
.contentpage{margin-left:110px;margin-right:17px;}
.contentpage .body{
    font-size:13px;
}
.contentpage .body p{line-height:23px;}
.contentpage .header{
    padding:10px 0px;
    color:#EE1C24;font-size:20pt;
    font-weight:bold;
    letter-spacing:4px;
}
.contentpage table.filelist{
    clear:both;
    margin-bottom:10px;
}
.contentpage table.filelist td.filelistheader, .contentpage div.filelist .filelistheader{
    padding:7px 0px;
    text-transform:uppercase;
    font-size:12pt;
    font-weight:bold;
    color:#EE1C24;
}
.contentpage table.filelist td.player{
    width:420px;
    
    padding-top:5px;

}
.contentpage table.filelist td.filecomment{
    font-size:9pt;color:#afafaf;
    vertical-align:top; 
    padding:0px 20px;
}
.contentpage table.filelist .name {padding-top:10px;}
.contentpage table.filelist .name a{font-size:10pt;padding-top:7px;text-decoration:none;border-left:60px solid black;display:block;height:24px;padding-left:10px;}
.contentpage table.filelist .name a:hover{border-color:#EE1C24;}

pre{padding:0px;margin:0px; font-family:Arial,Tahoma,Verdana;}
pre div{padding:2px;}
.contentpage div.filelist .othercomment{font-size:8pt;color:#afafaf;padding-left:70px}

.untranslated { width:150px; text-align:left;font-weight:100;color:white;}
.untranslatedDiv{border:1px dashed #afafaf;}
.fileextension{
    text-transform:uppercase;width:50px;margin-right:-55px;bround:aqua;margin-left:5px;margin-top:6px;text-align:center;font-weight:bold;margin-left:5px;margin-top:6px;text-align:center;font-weight:bold;overflow:hidden;color:white;float:left;

}
.pageHeader{position:absolute;text-align:right;width:984px;}
.pageHeader .mainBigHeader{ color:#EE1C24;font-size:18pt; font-weight:bold;letter-spacing:4px;margin-top:4px;text-align:right;}
.pageHeader .mainLilHeader{ font-size:14pt; font-weight:bold;letter-spacing:3px;text-align:right;}
.clear {clear:both;height:10px;overflow:hidden;}