@charset "utf-8";

/*============================================================================
  MENU
============================================================================*/

/* --------------------- menu containers --------start---------------- */
.up_bar{
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    min-width: 350px;
    white-space: nowrap;
    cursor: default;
    z-index: 1000;
}
.transpbar{
    /*filter: alpha(opacity=70);/!* for IE *!/ opacity:0.7; /!* CSS3 standard *!/*/
    background-color: #000;
    height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
}


/* --------------------- logo --------start---------------- */
#logo{
    position: fixed;
    top: -6px;
    left: 10px;
    z-index: 1000;
    text-align: left;
}
#logo:hover .submenu1,
#logo:hover .submenu2{
    display: block;
}

/* --------------------- top menu --------start---------------- */
.subscribers{
    font-style: italic;
    color: yellow;
    font-size: 12px;
    margin-left: 25px;
}
.mainmenu{
    min-width: 275px;
    padding: 15px 10px;
    text-align: left;
    position: relative;
}
.menu-title{
    position: relative;
    left: 25px;
    top: -3px;
}
.arrowdown{
    position: relative;
    left: 5px;
    top: -2px;
}
.mainmenu a:link {
    text-decoration: underline;
    color: #fff;
}
.mainmenu a:visited {
    text-decoration: underline;
    color:#fff;
}
.mainmenu a:hover {
    text-decoration: none;
    color: #fff;
}


/* --------------------- sub menus --------start---------------- */
.submenu1{
    min-width: 280px;
    padding: 7px 10px;
    margin: 1px 0 0 0;
    display: none;
    background: #fff;
    text-align: left;
}
.submenu1:link {
    text-decoration: none;
    color: #0000FF;
}
.submenu1:visited {
    text-decoration: none;
    color:#0000FF;
}
.submenu1:hover {
    text-decoration: none;
    color: #0000FF;
    filter:alpha(opacity=90);/* for IE */ opacity:0.9; /* CSS3 standard */
}

.submenu2{
    min-width: 280px;
    padding: 7px 10px;
    margin: 1px 0 0 0;
    display: none;
    background: #ddd;
    text-align: left;
}
.submenu2:link {
    text-decoration: none;
    color: #0000FF;
}
.submenu2:visited {
    text-decoration: none;
    color:#0000FF;
}
.submenu2:hover {
    text-decoration: none;
    color: #0000FF;
    filter:alpha(opacity=90);/* for IE */ opacity:0.9; /* CSS3 standard */
}


/* ---------------------- fullscreen start ---------------------- */
#viewfullscreen{
    /*filter: alpha(opacity=0);*//* for IE *//* opacity:0; *//* CSS3 standard */
    /*filter: alpha(opacity=70);/!* for IE *!/ opacity:0.7; /!* CSS3 standard *!/*/
    padding: 7px 7px 7px 10px;
    /*position: absolute;*/
    /*right: 10px;*/
    /*top: 3px;*/
    float: right;
    width: auto;
    cursor: pointer;
    font-size: 12px;
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
    z-index: 1000;
}
body:hover #viewfullscreen{
    /*filter: alpha(opacity=100);/!* for IE *!/ opacity:1; /!* CSS3 standard *!/*/
}
#viewfullscreen:hover #fullscreentxt, #viewfullscreen:hover #fullscreenicon{
    /*filter: alpha(opacity=100);/!* for IE *!/ opacity:1; /!* CSS3 standard *!/*/
}

#fullscreentxt{
    /*filter: alpha(opacity=50);*//* for IE *//* opacity:0.5; *//* CSS3 standard */
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
}
#fullscreenicon{
    /*filter: alpha(opacity=50);*//* for IE *//* opacity:0.5; *//* CSS3 standard */
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
    position: relative;
    top: 5px;
    margin: 0 0 0 10px;
}
#fullscreenicon img{
    width: 12px;
}



/* ---------------------- countdown share ---------------------- */
#share_countdown{
    position: relative;
    color: #c0ff58;
    padding: 7px 18px 7px 10px;
    margin-right: 20px;
    top: 7px;
    float: right;
    width: auto;
    cursor: pointer;
    font-size: 12px;
    z-index: 1000;
}
#share_countdown_icon{
    position: relative;
    top: 2px;
    margin: 0 0 0 10px;
}
#share_countdown_icon img{
    width: 12px;
}
#share_countdown:link{
    text-decoration: none;
}
#share_countdown:hover{
    text-decoration: none;
}
#share_countdown:visited{
    text-decoration: none;
}


#viewexport{
    /*filter: alpha(opacity=0);*//* for IE *//* opacity:0; *//* CSS3 standard */
    /*filter: alpha(opacity=70);/!* for IE *!/ opacity:0.7; /!* CSS3 standard *!/*/
    padding: 7px 18px 7px 10px;
    position: relative;
    top: 5px;
    /*position: absolute;*/
    /*right: 100px;*/
    /*top: 3px;*/
    float: right;
    width: auto;
    cursor: pointer;
    font-size: 12px;
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
    z-index: 1000;
}
#viewexport a{
    text-decoration: none;
}

body:hover #viewexport{
    /*filter: alpha(opacity=100);/!* for IE *!/ opacity:1; /!* CSS3 standard *!/*/
}
#viewexport:hover #exporttxt, #viewexport:hover #exporticon{
    /*filter: alpha(opacity=100);/!* for IE *!/ opacity:1; /!* CSS3 standard *!/*/
}
#exporttxt{
    /*filter: alpha(opacity=50);*//* for IE *//* opacity:0.5; *//* CSS3 standard */
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
    position: relative;
    /*top: 0px;*/
    color: #dcff00;
}
#exporticon{
    /*filter: alpha(opacity=50);*//* for IE *//* opacity:0.5; *//* CSS3 standard */
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
    position: relative;
    top: 2px;
    margin: 0 0 0 10px;
}
#exporticon img{
    width: 12px;
}
#viewexport:hover #exporttxt{
    color: #fff;
}
#viewexport:hover .exportsubbox{
    display: block;
}
.exportsubbox{
    display: none;
    width: auto;
    position: absolute;
    z-index: 1010;
    background: #000;
    padding: 1px;
    top: 29px;
}
.exportsubbox a:link{
    text-decoration: none;
    color: #0000FF;
}
.exportsubbox a:hover{
    text-decoration: none;
    color: #0000d7;
}
.exportsubbox a:visited{
    text-decoration: none;
    color: #0000FF;
}
.exportsub{
    width: 250px;
    display: block;
    text-wrap: normal;
    padding: 7px 10px;
    margin: 1px 0 0 0;
    background: #fff;
    text-align: left;
    color: #333;
}
.exportsub:hover{
    background: #eee;
}

#viewedit{
    /*filter: alpha(opacity=0);*//* for IE *//* opacity:0; *//* CSS3 standard */
    /*filter: alpha(opacity=70);/!* for IE *!/ opacity:0.7; /!* CSS3 standard *!/*/
    padding: 7px 18px 7px 10px;
    position: relative;
    top: 5px;
    /*position: absolute;*/
    /*right: 280px;*/
    /*top: 3px;*/
    float: right;
    width: auto;
    cursor: pointer;
    font-size: 12px;
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
    z-index: 1000;
}
body:hover #viewedit{
    filter: alpha(opacity=100);/* for IE */ opacity:1; /* CSS3 standard */
}
#viewedit:hover #edittxt, #viewedit:hover #editicon{
    filter: alpha(opacity=100);/* for IE */ opacity:1; /* CSS3 standard */
}
#edittxt a:link{text-decoration: none;}
#edittxt{
    /*filter: alpha(opacity=50);*//* for IE *//* opacity:0.5; *//* CSS3 standard */
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
    position: relative;
    top: 0px;
    color: #dcff00;
}
#editicon{
    /*filter: alpha(opacity=50);*//* for IE *//* opacity:0.5; *//* CSS3 standard */
    /*-o-transition: opacity .5s;*/
    /*-ms-transition: opacity .5s;*/
    /*-moz-transition: opacity .5s;*/
    /*-webkit-transition: opacity .5s;*/
    /*transition: opacity .5s;*/
    position: relative;
    /*top: 4px;*/
    margin: 0 0px 0 10px;
}
#editicon img{
    width: 12px;
}
#viewedit:hover .editsubbox{
    display: block;
}
.editsubbox{
    display: none;
    width: auto;
    position: absolute;
    z-index: 1010;
    background: #000;
    padding: 1px;
    top: 29px;
}
.editsubbox a:link{
    text-decoration: none;
    color: #0000FF;
}
.editsubbox a:hover{
    text-decoration: none;
    color: #0000d7;
}
.editsubbox a:visited{
    text-decoration: none;
    color: #0000FF;
}