/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #222;
    margin: 0px;
    background-color: #fff;
    background-image: url('b.jpg');
    background-repeat: repeat;
}

a, a:visited
{
    color: #00f;
    text-decoration: none;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}
a:hover, a:active
{
    outline:none;
    color: #f00;
    text-decoration: underline;
}
input, textarea,select
{
	margin-top:1px;
	margin-bottom:1px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #bbbbbb;
    color:#222222;
    background-color:#eeeeee;
	padding:4px;
}
p{margin:0px;}
h1,h2,h3
{
    color: #333;
    font-weight:bold;
    /*text-shadow: 1px 1px 0px #fff,2px 2px 0px #ddd;*/
    letter-spacing:-1px;
}
h1
{
    font-size: 2em;
    margin: 0;
}
h2
{
    font-size: 1.4em;
    margin: 12px 0 8px 0;
}
h3
{
    font-size: 1.1em;
    margin: 12px 0 8px 0;
}

blockquote {
  font-size:0.9em;
    font-style: italic;
 margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 5px solid #ccc;
}

.ivid0
{
    margin: 5px auto 5px auto;
    width: 560px;
    height: 315px;
    background-image: url('ivid.jpg');
    color: #aaaaaa;
}
.ividb1
{
    position: relative;
    top: 145px;
    left: 80px;
    cursor: pointer;
    z-index: 100;
}
.ividb2
{
    position: relative;
    left: 5px;
    top: 165px;
    cursor: pointer;
    z-index: 100;
}
.md
{
    margin: auto;
    max-width: 1070px;
    background-color:#fff;
}
.mdl{
    float:left;
    width: 750px;
    background-color:#fff;
}
.mdr{
    float:left;
    width: 320px;
    background-color:#fff;
}

#d1 > div {
    background-color:#fff;
    margin: auto;
    max-width: 1070px;
}
#d1 td
{
    padding-left:20px;
    padding-right:20px;
}
#d2
{
}
#d3 > div {
    margin:auto;
    padding : 10px;
    max-width : 1070px;
    background-color:transparent;
    border:none;
    text-align:center;

    border-top: 2px solid #105c96;
    border-bottom: 2px solid #105c96;
    font-size: 1em;
    color: #ffffff;
    background-color: #0e70b9;
    text-align: center;
}
#d3
{
    margin:0;
    padding:0;
}
#d3 a, #d3 a:visited
{
    color: #ffffff;
    text-decoration: none;
}
#d3 a:hover, #d3 a:active
{
    color: #ffffff;
    text-decoration: underline;
}
#d3 .column1 {
    width:30%;
    float:left;
}
#d3 .column2 {
    width:20%;
    float:left;
}
#d3 .column3 {
    width:50%;
    float:left;
}
.sbo
{
    position: fixed;
    width: 73px;
    left: -9999px;
    top: -9999px;
    padding: 10px 3px 10px 5px;
    -moz-border-top-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    display: none;
    border-right:5px solid #0e70b9;
    background-color:#2085d1;
    background-image: url(data:image/gif;base64,R0lGODlhFQAVAIAAAO7u7v///yH5BAAAAAAALAAAAAAVABUAAAIdhI+py+0copy02ouz3vX5D37cSJYmFqZqeLbuWxUAOw==);
    background-repeat:repeat;
}
.sbo > table{
    margin-right:auto;
    margin-left:auto;
}

.ss
{
    color: #ffffff;
    font-size: 1em;
    padding: 10px 5px;
    text-align: left;
}
.s1
{
    background-image: url('f.png'), url('ln.gif');
    background-repeat: no-repeat, repeat-x;
    background-position: right center;
}
.s2
{
    padding-left:30px;
    background-image: url('cs.gif'), url('f.png'), url('ln.gif');
    background-repeat: no-repeat , no-repeat, repeat-x;
    background-position: 5px center, right center;
}
.s3
{
    padding-left:30px;
    background-image: url('cc.gif'), url('f.png'), url('ln.gif');
    background-repeat: no-repeat , no-repeat, repeat-x;
    background-position: 5px center, right center;
}
.cats
{
    color: #ffffff;
    background-color:#0e70b9;
    background-position:left top;
    background-image:url('ln.gif');
    background-repeat:repeat-x;
    padding: 2px 10px;
    font-size: 1em;
}
.cats a, .cats a:visited, .cats span
{
    padding: 5px 8px;
    margin: 2px;
    display: block;
    float: left;
    color: #ffffff;
    text-decoration: none;
    transition: background-color .1s linear, color .1s linear;
    -webkit-transition: background-color .1s linear, color .1s linear;
    -moz-transition: background-color .1s linear, color .1s linear;
    -o-transition: background-color .1s linear, color .1s linear;
}
.cats a:hover, .cats a:active
{
    color: #111;
    background-color: #fff;
    text-decoration: none;
border-radius:3px;
}
.cats .x
{
    margin: 7px 7px 0px 7px;
    width: 2px;
    height: 16px;
    background-color: #fff;
    float: left;
}
 .cats span{
     color:yellow;
 }
 #nvcats { text-align:center; }
 #nvcats > div {
     display:inline-block;
     background-color:#0e70b9;
     border-radius:5px;
     padding:3px;
     margin:10px;
 }
.cnx_sep
{
    width: 2px;
    background-color: #1065a7;
    height: 200px;
    margin: 10px;
}
.title1
{
    font-size: 1.2em;
    color: #ee0000;
    font-weight: bold;
    font-style: italic;
}
/*** Comments  ****/
.cmt{
    padding:5px;
    border:solid 2px #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.cmt:hover
{
    border:solid 2px #ddd;
}
#cmt_button
{
    padding-left:10px;
}
#cmt_box
{
    margin:5px 5px 5px 25px;
    background-color:#f5f5f5;
    color:#000;
    border:1px solid #aaa;
    padding-top:10px;
    padding-left:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display:inline-block;
}
.cmt .cctitle
{
    background-image: url('aw.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    color: #0e70b9;
}
.cmt .ccrate
{
    padding: 5px 5px 5px 25px;
    font-size: 0.9em;
    color: #222;
}
.cmt .cc
{
    padding: 0px 0px 5px 25px;
    font-size: 1em;
    color:#111;
}
.cmt .cc .ccby {
    font-size: 0.9em;
    padding-top:5px;
    font-style:italic;
    color:#444;
}
.cmt .cr
{
    background-color:#f5f5f5;
    font-size: 1em;
    color:#111;
    margin:5px 5px 5px 25px;
    padding:5px;
    border:1px solid #aaa;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.cmt .cr .crby {
    font-size: 0.9em;
    padding-top:5px;
    font-style:italic;
    color:#444;
}
.mimg img
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/***** article links blocks *****/
.bh1 {
    float: left;
    margin: 5px 2px 5px 2px;
    width:100%;
}
.bh1 > .image
{
    float: left;
}
.bh1 > .title {
    padding-top:1px;
}
.bh1 > .title a, .bh1 > .title a:visited
{
    font-size:1.5em;
    letter-spacing:-1px;
    font-weight:bold;
    color: #555;
    text-decoration: none;
    /*text-shadow: 1px 1px 0px #fff,2px 2px 0px #ddd;*/
}
.bh1 > .title a:hover, .bh1 > .title a:active
{
    color: #e00;
    text-decoration: none;
}
.bh1 > .desc
{
    padding: 5px;
    font-size:1em;
    color: #333;
}
.bh1 > .desc a, .bh1 > .desc a:visited
{
    font-size:1em;
    color: #333;
    text-decoration: none;
}
.bh1 > .desc a:hover, .bh1 > .desc a:active
{
    font-size:1em;
    color: #e00;
    text-decoration: none;
}

.bh2{
    float: left;
    width: 50%;
    padding: 7px 4px 7px 4px;
}
.bh2 > .image
{
    float: left;
}
.bh2 > .title {
    padding-top:1px;
}
.bh2 > .title a, .bh2 > .title a:visited
{
    font-size:1.2em;
    letter-spacing:-1px;
    font-weight:bold;
    color: #555;
    text-decoration: none;
}
.bh2 > .title a:hover, .bh2 > .title a:active
{
    color: #e00;
    text-decoration: none;
}
.bh2 > .desc
{
    font-size:1em;
    color: #333;
    padding: 5px;
}
.bh2 > .desc a, .bh2 > .desc a:visited
{
    font-size:1em;
    color: #333;
    text-decoration: none;
}
.bh2 > .desc a:hover, .bh2 > .desc a:active
{
    font-size:1em;
    color: #ee0000;
    text-decoration: none;
}
.s_cnt {
    padding: 5px;
    font-size: 0.9em;
    text-decoration: none;
    border-radius:5px;
    font-weight:bold;
    color: #666;
    background-color:White;
    
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
}
.s_cnt:hover
{
    font-size:0.9em;
    text-decoration: none;

    /*color:#07184f;*/
    /*background-color:#fed596;*/
    color:#fff;
    background-color:#eb4933;
}
.s_cnt:after {
    content:'';
    display:block;
    clear: both;
}
.s_cnt img
{
    float:left;
    padding: 2px;
    border: 1px solid #aaa;
    background-color:#fff;
    vertical-align:top;
    margin:0 5px 0 0;
    border-radius:3px;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease;
}
    .s_cnt:hover img {
        padding: 2px;
        border: 1px solid #fff;
    }
.butt
{
    color: #fff !important;
    font-size:0.9em;
    padding-top: 8px;
    padding-bottom: 8px;
}
.butt a, .butt a:visited
{
    color: #fff !important;
    border: 2px solid #0c60a0;
    background-color: #0c60a0;
    text-decoration: none;
    padding: 3px 6px 3px 6px;
}
.butt a:active, .butt a:hover
{
    color: #f00 !important;
    border: 2px solid #0c60a0;
    background-color: white;
    text-decoration: none;
}
.auth_title
{
    padding: 5px;
    /*font-size: 16px;*/
    color: #990000;
}
.rimg img
{
    padding: 2px;
    border: 1px solid #aaa;
    margin: 3px 6px 3px 5px;
    border-radius:5px;
}
.rimg:hover img
{
    border: 1px solid #888;
}
.art_h
{
    font-size: 1.1em !important;
    font-weight:normal;
    padding: 20px 0px 20px 0px;
}
.art_h a, .art_h a:visited
{
    color: Blue;
    text-decoration: none;
}
.art_h a:hover, .art_h a:active
{
    color: Red;
    text-decoration: none;
}
.art_h img{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.art_i
{
    font-size: 0.8em;
    padding: 5px;
    color: #777;
}
.art_i a, .art_i a:visited
{
    color: #666;
    text-decoration: none;
}
.art_i a:hover, .art_i a:active
{
    color: #e00;
    text-decoration: none;
}

.downicon{
    display: inline-block;
    vertical-align:middle;
    background-image: url('zip.gif');
    background-repeat: no-repeat;
    width:22px;
    height:22px;
    line-height: 22px;
}
.xzip
{
    margin : 15px auto 5px auto;
    background-color: #feffa5;
    color: #333;
padding: 5px 10px;
    width:93%;
    border-top: 1px solid #d3c20b;
    border-bottom: 1px solid #d3c20b;
border-radius: 0px 10px 0px 10px;

}
.xzip a,.xzip a:visited,.xzip a:hover,.xzip a:active
{
    font-size: 0.85em;
}
.xauth
{
    margin : 15px auto 5px auto;
    font-size: 0.85em;
    color: #333;
    background-color: #f0f0f0;
    width:93%;
padding:0px 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
border-radius: 0px 10px 0px 10px;
}
.xauth:after {
    content:'';
    display:block;
    clear: both;
}
.xauth img
{
    float:left;
    margin:5px;
    border-radius: 0px 10px 0px 10px;
    margin-right: 10px;
    width:80px;
}
.xauth > a{
    margin:15px;
    display:block;
    float:right;
    font-size: 0.9em;
}

.xauth > div{
    padding:10px;
}

.sbox
{
    border: 1px solid #0e6bb1;
    display: inline-block;
    color: #0e6bb1;
    padding: 1px 6px 1px 6px;
    margin-top: 6px;
    border-radius:5px;
}
.sbox input
{
    border: 0px;
    font-weight: bold;
    font-size: 1em;
    color: #666;
    width: 140px;
    margin:0;
}
.sbox a, .sbox a:hover, .sbox a:active, .sbox a:visited
{
    font-size: 1em;
    color: #0c60a0;
    padding: 2px;
    text-decoration: none;
}
.tulogo
{
    margin:10px;
margin-bottom:0px;
    font-size: 0.8em;
    color: #666;
    display: inline-block;
}

.pb1
{
    color: #000000;
    position: fixed;
    display: none;
    z-index: 9900;
}
.pb1 a, .pb1 a:visited
{
    color: #ffffff;
    /*font-size: 11px;*/
    background-color: #0c60a0;
}
.pb1 a:hover, .pb1 a:active
{
    color: Yellow;
    background-color: #0c5080;
    /*font-size: 11px;*/
}
.pb2
{
    padding: 5px;
    background-color: #0c60a0;
    border: 1px solid #ffffff;
}
.pb2 div
{
    background-color: White;
    color: #000000;
}
.cattit
{
    /*font-family: Verdana;*/
    margin: 10px;
    font-size: 1.6em;
    color: #f00;
}

.success
{
    color: #009900;
    font-size:0.9em;
    font-style: italic;
}
.error
{
    color: #ff1111;
    font-size:0.9em;
}
.note
{
    color: #444444;
    font-size:0.9em;
    font-style: italic;
}
.note a, .note a:visited
{
    color: blue;
    font-size:0.9em;
    font-style: italic;
    text-decoration: none;
}
.note a:hover, .note a:active
{
    color: #ee0000;
    font-size:0.9em;
    font-style: italic;
    text-decoration: underline;
}
.bntaction,.bntaction:visited {
  display: inline-block;
  padding: 9px 20px;
  border-radius: 15px;
  margin:10px 10px;
  color: #fff !important;
  background-color: #137bc6;
  box-shadow:2px 2px 3px #aaa;
  font-size:0.9em !important;
  font-weight: bold;
  text-decoration:none !important;
}
.bntaction:hover,.bntaction:active {
    color:#fff !important;
    text-decoration:none !important;
}

/* quotes */
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 30px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote p {
  display: inline;
}

#cse .gsc-control
{
    /*font-family: Arial;*/
    /*font-size: 13px;*/
    width: 100% !important;
}
#cse .gsc-input, #cse .gsc-search-button, #cse .gsc-clear-button
{
    display: none;
}
#cse div.gs-visibleUrl.gs-visibleUrl-short
{
    display: none;
}
#cse div.gs-visibleUrl.gs-visibleUrl-long
{
    display: block;
    font-style: italic;
    color: Gray;
}
#cse .gs-result
{
    padding: 2px;
}
#cse .gs-result a, #cse .gs-result a:visited, #cse .gs-result a:hover, #cse .gs-result a:active, #cse .gs-title b
{
    /*font-family: Arial;*/
    /*font-size: 13px;*/
}
#cse .gsc-cursor
{
    /*font-size: 13px;*/
    padding-left: 50px;
}
#cse .gsc-tabHeader
{
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
}
.pln
{
    color: #000;
}
@media screen
{
    .str
    {
        color: #080;
    }
    .kwd
    {
        color: #008;
    }
    .com
    {
        color: #800;
    }
    .typ
    {
        color: #606;
    }
    .lit
    {
        color: #066;
    }
    .pun, .opn, .clo
    {
        color: #660;
    }
    .tag
    {
        color: #008;
    }
    .atn
    {
        color: #606;
    }
    .atv
    {
        color: #080;
    }
    .dec, .var
    {
        color: #606;
    }
    .fun
    {
        color: red;
    }
}
@media print,projection
{
    .str
    {
        color: #060;
    }
    .kwd
    {
        color: #006;
        font-weight: bold;
    }
    .com
    {
        color: #600;
        font-style: italic;
    }
    .typ
    {
        color: #404;
        font-weight: bold;
    }
    .lit
    {
        color: #044;
    }
    .pun, .opn, .clo
    {
        color: #440;
    }
    .tag
    {
        color: #006;
        font-weight: bold;
    }
    .atn
    {
        color: #404;
    }
    .atv
    {
        color: #060;
    }
}
pre.prettyprint
{
    padding: 5px;
    width: 100%;
    white-space: pre-wrap;
    font-size: 0.9em;
    color:#111;
    background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
ol.linenums
{
    margin-top: 0;
    margin-bottom: 0;
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8
{
}
li.L1, li.L3, li.L5, li.L7, li.L9
{
    background: #fff;
}

::-moz-selection {text-shadow: none;background: red;color: #fff;}
::-webkit-selection {text-shadow: none;background: red;color: #fff;}
::selection {text-shadow: none;background: red;color: #fff;}
.mar2{margin:2px;}
.marh2{margin-bottom:2px;margin-top:2px;}
.marw2{margin-right:2px;margin-left:2px;}
.mar5{margin:5px;}
.marh5{margin-bottom:5px;margin-top:5px;}
.marw5{margin-right:5px;margin-left:5px;}
.mar10{margin:10px;}
.marh10{margin-bottom:10px;margin-top:10px;}
.marw10{margin-right:10px;margin-left:10px;}
.pad2{padding:2px;}
.padh2{padding-bottom:2px;padding-top:2px;}
.padw2{padding-right:2px;padding-left:2px;}
.pad5{padding:5px;}
.padh5{padding-bottom:5px;padding-top:5px;}
.padw5{padding-right:5px;padding-left:5px;}
.pad10{padding:10px;}
.padh10{padding-bottom:10px;padding-top:10px;}
.padw10{padding-right:10px;padding-left:10px;}
.marl5{margin-left:5px;}
.marr5{margin-right:5px;}
.padl5{padding-left:5px;}
.padr5{padding-right:5px;}
.mart5{margin-top:5px;}
.marb5{margin-bottom:5px;}
.padt5{padding-top:5px;}
.padb5{padding-bottom:5px;}
.sep10{height: 10px;}
.sep5{height: 5px;}
.acent {text-align:center;}
.hidethis{display:none;}


.pad5px{padding: 5px;}
.padh0px{padding-top: 0px;padding-bottom: 0px;}
.pad2px{padding: 2px;}
.padh2px{padding-top: 2px;padding-bottom: 2px;}
.padw2px{padding-left: 2px;padding-right: 2px;}
.padh5px{padding-top: 5px;padding-bottom: 5px;}
.padb5px{padding-bottom: 5px;}
.padw5px{padding-left: 5px;padding-right: 5px;}
.pad10px{padding: 10px;}
.padh10px{padding-top: 10px;padding-bottom: 10px;}
.padw10px{padding-left: 10px;padding-right: 10px;}
.label_cet{
    font-size: 0.9em;
    font-style: italic;
    color: #222222;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: right;
    vertical-align: top;
}
.label_cem
{
    font-size: 0.9em;
    font-style: italic;
    color: #222222;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: right;
}
.label_cer
{
    padding-right: 3px;
    text-align: right;
}
table th, table td
{
    border-width: 0px;
    padding: 0px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
	font-size:12px;
}
table
{
    border-collapse: collapse;
    border-style: none;
    border-spacing: 0px;
    border-width: 0px;
}
img
{
    display: inline-block;
    border: 0px;
}
.fleft{
    float:left;
}
.fright{
    float:right;
}
.fclear{
    clear:both
}
.hidethis{
display:none;
}
/*------------------------------------------------------*/
.popupmsg{
background-color:#fff;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 25px 5px #999;
display:none;
min-width:250px;
min-height:20px;
max-width:70%;
padding:25px 35px 25px 25px;
}
.popupmsg .texticon{
    vertical-align:middle;
}
.popupmsg .textplus{}
.popupmsg .b-close{
font:bold 120% sans-serif;
background-color:#0c60a0;
color:#fff;
border-radius:50%;
box-shadow:0 2px 3px rgba(0,0,0,0.3);
cursor:pointer;
display:inline-block;
padding:5px 10px;
text-align:center;
text-decoration:none;
position:absolute;
right:-12px;
top:-12px;
}
.popupmsg .b-close:hover{
background-color:#2b8dd8;
}

@media screen and (max-width: 1086px) {
    #htd2, #htd3, .blockSBO, #blockLatest, #blockDonate, #blockArtPubTop, #blockArtPubBottom{
        display:none;
    }
    .mdl {
        width:100%;
    }
    .mdr{
        width:100%;
        max-width:none;
    }
}
@media screen and (max-width: 620px) {
    .articleimg{
        display:none;
    }
    .tulogo img{
        width:200px;
    }
    .bh2{
        width: 100%;
    }
}