@font-face {
    font-family: headFont;
    src: url(../font/hfont.ttf);
}
*{
    word-break: auto-phrase;
}
ul, li {
    list-style-type: none;
    padding-left: 0;
        margin-bottom: 8px;
}
a{
    text-decoration: none;
}
 .lr{   
    display: -webkit-box;   
    display: -ms-flexbox;   
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 8px;
    }
    .lr>*{
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
    .lr>*:last-child{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    }
    .nobg{
        background-color: transparent;
        color: inherit;
    }
    .nobg:hover{
        background-color:transparent;
        color: inherit;
    }
 .h-150{
        min-height: 150px;
    }
    .h-215{
        min-height: 215px;
    }
    .h-250{
        min-height: 250px;
    }
    .h-75{
        min-height: 75px;
    }
    .bg{
        display: block;
            background-color: #cecece;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 16px;
    }

    .bgnone,.none{
        background-color: transparent;
        color: inherit;
    }
    .none{
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-row.center, .flex-col.center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.white-view {
    background: #fff;
    border: 0 none;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 40%);
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 40%);
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 8px;
}
img {
    border-radius: 8px;
    max-width: 100%;
    /*    height: 100%;*/
}
#header {
    font-family: headFont;
    color: #FFF;
    font-size: 2em;
    text-shadow: 2px 2px #000;
    text-align: center;
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#header .body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
body {
    line-height: 1;
    font-family: Calibri, Arial, sans-serif;
    background: #eedfcc url(../image/background.jpg) no-repeat center top;
    background-size: cover;
    overflow-y: scroll;
    overflow-x: hidden;
    background-attachment: fixed!important
}

ul#menu
{
    padding: 0;
    padding-right: 5px;
    position: relative;
    margin: 5px;
   
}

ul#menu li
{
    display: inline;
}

ul#menu li a
{
    background-color: #ffffff;
    padding: 0 20px;
    text-decoration: none;
    font-weight: bold;
    line-height: 2.8em;
    color: #fff;
    border-radius: 4px 4px 0 0;
}

ul#menu li a:hover
{
    background-color: #2F4F4F;
    text-decoration: underline;
    color: white;
}


#itopL {
    float: left;
    width: 45%;
    height: 350px;
    border-radius: 4px;
    background: #fff;
    background: -o-linear-gradient(#fff, #f9fdff);
    background: -webkit-linear-gradient(#fff, #f9fdff);
    padding: 20px;
    border-color: rgba(4, 129, 177, 0.4);
}
#itopR {
    float: right;
    width: 45%;
    height: 450px;
    border-radius: 4px;
    background: #fff;
    background: -o-linear-gradient(#fff, #f9fdff);
    background: -webkit-linear-gradient(#fff, #f9fdff);
    padding: 20px;
    border-color: rgba(4, 129, 177, 0.4);
}
.idx-title {
    font: bold 36px Georgia, "Times New Roman", Times, serif;
    color: #99CC00;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #000, 0 3px 0 #000, 0 3px 0 #000, 0 3px 0 #000, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}
.idx-subtitle {
    font: bold 22px/1.5em Garamond, Georgia, "Times New Roman", Times, serif;
    color: #99D6FA;
    text-shadow: 0 1px 1px #000000;
}
.menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.menupointer {
    cursor: pointer;
    display: none;
}
 
#page_logo{
    font-family: headFont;
    color: #337ab7;
    font-size: 2em;
    text-shadow: 2px 2px #000;
    padding: 24px 16px;
}
/*.menu-wrapper {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-wrapper .menu {
    display: flex;
    align-items: center;
}
.menu-wrapper .menu {
    height: 40px;
    padding: 4px 8px;
    color: #fff;
    font-size: 24px;
    border-radius: 16px;
}
.menu-wrapper .menu li{
    background-color: transparent;
    border: none;
    outline: none;
}
.menu-wrapper .menu .menu_item+{
    margin-left: 8px;
}
*/


#google_translate_element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 150px;
}
#google_translate_element .goog-te-combo{
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    outline: none;
}
#google_translate_element .goog-te-combo:focus{
    border: 1px solid rgba(0, 0, 0, 0.3);
    
}
.home_page .white-view{
    min-height: 470px;
    margin: 16px 0px !important ;
}
.home_page .button_box{
    width: 215px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
}

.sideBarButton {
    -webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
    box-shadow:inset 0px 1px 3px 0px #91b8b3;
    background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #768d87), to(#6c7c7c));
    background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
    background-color:#768d87;
    border-radius:5px;
    border:1px solid #566963;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-family:Georgia;
    font-size:15px;
    font-weight:bold;
    padding:11px 23px;
    text-decoration:none;
    text-shadow:0px -1px 0px #2b665e;
}
.sideBarButton:hover {
    background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #6c7c7c), to(#768d87));
    background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
    background-color:#6c7c7c;
        color: black;
}
.sideBarButton:active {
    position:relative;
    top:1px;
}
 #header .body{
        display: none;
    }
.menu-wrapper{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 40%);
            box-shadow: 0 0 5px 1px rgb(0 0 0 / 40%);
    margin: 0 8px;
}
.menu-wrapper .logo{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*.menu-wrapper ul#menu li a{
    line-height: inherit;
    -moz-box-shadow: inset 0px 1px 3px 0px #91b8b3;
    -webkit-box-shadow: inset 0px 1px 3px 0px #91b8b3;
    box-shadow: inset 0px 1px 3px 0px #91b8b3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
    background: -moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: -ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
    background: linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
    background-color: #768d87;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #566963;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Georgia;
    font-size: 15px;
    font-weight: bold;
    padding: 11px 23px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #2b665e;
}
*/

 

.menupointer{
    padding: 16px;
}
 
 h2.idx-title {
        margin: 0;
    }
.listitem{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
   
    .listitem .advitem.lock,.listitem .advitem.checked{
        opacity: 0.5;
        pointer-events: none;
    }
    .listitem .advitem{
        padding: 8px;
        border-radius: 8px;
        border: 1px solid #cecece;
        width: 165px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100px;
            margin-bottom: 8px;
    }

    .listitem .advitem .content{
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        position: relative;
    }

    .listitem .title{
color: purple;
}
.listitem .itemcircle{
    display: none;
    cursor: pointer;
    height: 24px;
    width: 24px;
    background-color: green;
    position: absolute;
    z-index: 2;
    border-radius: 50%;
}

.listitem .advitem.clicked .itemcircle{
    display: block; 
}

    .text-clamp {
    display: -webkit-box; 
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
    .text-clamp.clamp4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-clamp.clamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-clamp.clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

 
/*Account*/

legend {
   
    color:#0481b1;
    font-size:16px;
    padding:0 10px;
    background:#fff;
    -moz-border-radius:4px;
    -webkit-box-shadow: 0 1px 5px rgba(4, 129, 177, 0.5);
            box-shadow: 0 1px 5px rgba(4, 129, 177, 0.5);
    padding: 10px 20px;
    text-transform:uppercase;
    font-family: Gill Sans MT;
    font-weight: bold;
    text-align: center;
}

#leftBar {
     
        margin-right: 12px; 
    border-radius:4px;
    background: #fff;
    background: -o-linear-gradient(#fff, #f9fdff); 
    background: -webkit-linear-gradient(#fff, #f9fdff);
    padding:20px;
    border-color:rgba(4, 129, 177, 0.4);
    
}
.mainpage{
    margin-bottom: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

#rightBar{ 
   -webkit-box-flex: 1; 
       -ms-flex: 1; 
           flex: 1;
/*    border-radius:4px;
    background: #fff;
    background: -o-linear-gradient(#fff, #f9fdff); 
    background: -webkit-linear-gradient(#fff, #f9fdff);*/
    padding:20px;
    border-color:rgba(4, 129, 177, 0.4);
}



.NormButton {
    width: 100px;
    background: #27AE60;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}
.NormButton:hover, .NormButton:focus {
    -webkit-box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
            box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    
    -webkit-box-sizing: border-box;
    
            box-sizing: border-box;
    width: 80%;
    margin: 0 10%;
    
    /*stacking fieldsets above each other*/
    position: absolute;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}
#msform input, #msform textarea,#msform select {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#keywords {
  margin: 0 auto;
  font-size: 1.2em;
  margin-bottom: 15px;
}


#keywords thead {
  cursor: pointer;
  background: #c9dff0;
}
#keywords thead tr th { 
  font-weight: bold;
  padding: 12px 30px;
  padding-left: 42px;
}
#keywords thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

#keywords thead tr th.headerSortUp, #keywords thead tr th.headerSortDown {
  background: #acc8dd;
}

#keywords thead tr th.headerSortUp span {
  background-image: url('http://i.imgur.com/SP99ZPJ.png');
}
#keywords thead tr th.headerSortDown span {
  background-image: url('http://i.imgur.com/RkA9MBo.png');
}


#keywords tbody tr { 
  color: #555;
}
#keywords tbody tr td {
  text-align: center;
  padding: 15px 10px;
}
#keywords tbody tr td.lalign {
  text-align: left;
}

.idx-title{font:bold 36px Georgia,"Times New Roman",Times,serif;color:#99CC00;text-shadow:0 1px 0 #ccc,0 2px 0 #000,0 3px 0 #000,0 3px 0 #000,0 3px 0 #000,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);}
.idx-subtitle{font:bold 22px/1.5em Garamond,Georgia,"Times New Roman",Times,serif;color:#99D6FA;text-shadow: 0 1px 1px #000000;}

table {
    min-width: 500px;
    border:1px solid #000000;
    border-spacing: 0px; }

table a, table, tbody, tfoot, tr, th, td {
    font-family: Arial, Helvetica, sans-serif;
        text-align: center;
}

table caption {
    font-size: 1.8em;
    text-align: left;
    text-indent: 100px;
    background: url(images/bg_caption.gif) left top;
    height: 40px;
    color: #FFFFFF;
    border:1px solid #000000; }

thead th {
    background: url(images/bg_th.gif) left;
    height: 21px;
    /*color: #FFFFFF;*/
    font-size: 0.8em;
    font-family: Arial;
    font-weight: bold;
    padding: 0px 7px;
    margin: 20px 0px 0px;
    text-align: center; }

tbody tr {  background: #ffffff; }

tbody tr.odd {  background: #f0f0f0; }

tbody th {
    background: url(images/arrow_white.gif) left center no-repeat;
    background-position: 5px;
    padding-left: 40px !important; }

tbody tr.odd th {
    background: url(images/arrow_grey.gif) left center no-repeat;
    background-position: 5px;
    padding-left: 40px !important; }

tbody th, tbody td {
    font-size: 0.8em;
    line-height: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 10px 7px;
    border-bottom: 1px solid #800000;
    text-align: center; }

tbody a {
    color: #000000;
    font-weight: bold;
    text-decoration: none; }

tbody a:hover {
    color: #ffffff;
    text-decoration: underline; }

tbody tr:hover th {
    background-position: 5px;
    color: #ffffff; }

tbody tr.odd:hover th {
    background-position: 5px;
    color: #ffffff; }

tbody tr:hover th a, tr.odd:hover th a  {
         color: #ffffff; }

tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
    background: #800000;
    color: #ffffff;  }

tbody tr.odd:hover td, tr.odd:hover td a{
    background: #000000;
    color: #ffffff;  }

tfoot th, tfoot td {
    font-size: 0.8em;
    color: #ffffff;
    height: 21px;
    }

.usermenu{}
.usermenu .item{margin-bottom: 8px}
.usermenu .item a{
    width: 90%;
}
 #rightBar .mainuserindex_list {
        padding: 0;
    }
    #rightBar .mainuserindex_list .mainuserindex_item{
/*        height: 48px;*/
        border-bottom: 1px solid #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #rightBar .mainuserindex_list .mainuserindex_item:last-child{
        text-align: right;
    }
  
/**/
 [data-copyicon]{
        padding: 4px;
        color: initial;
        cursor: pointer;
    }