/* Desktop styles only */

html {
    height: 100%
}

body {
    background-color: #fff;
    background-image: url("images/main-bakcground3.jpg");
    background-repeat: no-repeat;
    color: #333333;
    font: 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
	overflow-x: hidden;
}

.body_nodb {
    background-color: #fff;
    background-image: url("images/main-bakcground_nodb3.jpg");
    background-repeat: no-repeat;
    color: #333333;
    font: 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
	overflow-x: hidden;
}

.page {
    background-image: url("images/top_grad_bkgnd.png");
    background-repeat: repeat-x;
    color: #333333;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 15%;
    top: 0;
    width: 85%;
    height: 100%;
}

h1 {
    color: #2D95D7;
    font-size: 18px;
    text-shadow: 1px 1px 1px #FFFFFF;
	margin-top: 1.5em;
}
h2 {
    color: #168097;
    font: 11pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}
h3 {
    color: #168097;
    font: 10pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}

a:link 
{
	color: #2f7aad;
    text-decoration: none;
}
a:visited 
{
	color: #2f7aad;
    text-decoration: none;
}
a:hover 
{
	color: #909090;
    text-decoration: none;
}

.la{
	float: left;
	margin-bottom: 30px;
}
.ra{
	float: right;
	font-size: 9pt;
}
.cl{
	clear: both;
}

a.h1:link 
{
	color: #2D95D7;
    text-decoration: none;
}
a.h1:visited 
{
	color: #2D95D7;
    text-decoration: none;
}
a.h1:hover 
{
	color: #666666;
    text-decoration: none;
}

.small
{
	font-size: 11px;
}
.xsmall
{
	font-size: 9px;
}
.smtxt
{
	font-size: 11px;
	margin: 1.2em 4px;
}
.smUrge{
	font-size: 11px;
	color: red;
}

.tabs {
    background-image: url("images/tabs_win_twtr.png");
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-left: 0px;
    position: absolute;
    top: 0;
    width: 309px;
    height: 153px;
}
.tabstwtr {
    background-image: url("images/tabs_twtr.png");
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-left: 0px;
    position: absolute;
    top: 0;
    width: 126px;
    height: 153px;
}
.tabsstoretwtr {
    background-image: url("images/tabs_win_store_twtr.png");
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-left: 0px;
    position: absolute;
    top: 0;
    width: 501px;
    height: 153px;
}


#tab_download_win {
    margin-left: 49px;
    position: absolute;
    top: 163px;
}
#tab_download_win_store {
    margin-left: 235px;
    position: absolute;
    top: 163px;
}

#download_text {
    color: #3d4858;
    font: 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
    position: absolute;
    text-shadow: 1px 1px 1px #dbf2f7;
    margin-left: 99px;
    top: 171px;
}
#download_text_store {
    color: #3d4858;
    font: 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
    position: absolute;
    text-shadow: 1px 1px 1px #dbf2f7;
    margin-left: 285px;
    top: 171px;
}

#download_win_text {
    color: #3d4858;
    font: 10px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    position: absolute;
    text-shadow: 1px 1px 1px #dbf2f7;
    margin-left: 101px;
    top: 185px;
}
#download_win_store_text {
    color: #3d4858;
    font: 10px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    position: absolute;
    text-shadow: 1px 1px 1px #dbf2f7;
    margin-left: 287px;
    top: 185px;
}

#tab_twitter {
    margin-left: 219px;
    position: absolute;
    top: 166px;
}
#tab_twitter_swtwr {
    margin-left: 32px;
    position: absolute;
    top: 166px;
}
#tab_twitter_store {
    margin-left: 411px;
    position: absolute;
    top: 166px;
}

#header_logo {
    position: absolute;
    margin-left: 45px;
    top: 30px;
    background-repeat: no-repeat;
	width: 95px;
	height: 95px;
	left: 0;
	top: 44px;
}
#header_logo_swtwr {
    position: absolute;
    margin-left: 20px;
    background-repeat: no-repeat;
    top: 16px;
	width: 120px;
	height: 120px;
	left: 0;
}
#header_logo_err {
    position: absolute;
    margin-left: 30px;
    top: 18px;
}
#header_logo_abt {
    position: absolute;
    margin-left: 30px;
    top: 22px;
}
#header_logo_cnct {
    position: absolute;
    margin-left: 22px;
    top: 26px;
}
#header_logo_sftwrfdbk {
    position: absolute;
    margin-left: 34px;
    top: 24px;
}
#header_logo_vdos {
    position: absolute;
    margin-left: 34px;
    top: 26px;
}
#header_logo_billpy {
    position: absolute;
    margin-left: 28px;
    top: 24px;
}
#header_logo_updt {
    position: absolute;
    margin-left: 28px;
    top: 30px;
}
#header_logo_prvpol {
    position: absolute;
    margin-left: 38px;
    top: 18px;
}

#header_logo_text {
    position: absolute;
    margin-left: 144px;
    top: 38px;
    width: 80%;
	z-index: 100;
}

#header_logo_text h1{
    font: 22px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-weight: bold;
	color: #fefefe;
	text-shadow: 2px 2px 2px #81a8b1;
	margin: 0;
	padding: 0;
}

#header_logo_text h2{
    font: 16px "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-weight: normal;
    color: #222;
    text-shadow: 1px 1px 1px #ccc;
	margin: 0;
	padding: 0;
}

#head_nav {
    color: #747d7f;
    font: 15px Arial,Verdana,sans-serif,"Myriad Pro","Lucida Grande","Lucida Sans Unicode";
	font-weight: bold;
	margin: 14px 40px 10px 20px;
    top: 40px;
    float: right;
    background-repeat: no-repeat;
    width: 500px; 
    height: 52px;
    text-align: right;
}

#head_nav a:link 
{
	color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #b0cbd2;
}
#head_nav a:visited 
{
	color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #b0cbd2;
}
#head_nav a:hover
{
	color: #e6f8fc;
    text-decoration: overline;
    text-shadow: 1px 1px 1px #b0cbd2;
}

.virtual_box {
    background-repeat: no-repeat;
    position: absolute;
	pointer-events: none;
}



#text_body_top
{
    margin-top: 210px;
    padding: 42px;
    width: 500px;
}
#text_body_sftwr
{
    margin-top: 250px;
    padding: 20px;
    width: auto;
}
#text_body_top_none,
#text_body_top_sw_only
{
    margin-top: 230px;
    padding: 10px;
    width: auto;
}


.bullettd
{
    color: #168097;
    font: 15px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}

.platfrm
{
    color: #168097;
    font: 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}

.tblsft{
}

.spl 
{
    color: #168097;
    font: 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}
.splx
{
	font-size: 120%;
}

td
{
    font: 13px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
td.sm
{
    font: 10px Arial,Helvetica,Verdana,sans-serif,"Lucida Grande","Lucida Sans Unicode";
}

#text_body
{
    margin-top: -10px;
    padding: 20px;
    width: auto;
}
#text_body_sot
{
    margin-top: 0px;
    padding: 20px;
    width: auto;
}

.body_text_l
{
    float: left;
    width: 46%;
    margin: 20px 8px 20px 0;
	min-width: 230px;
}
.body_text_r
{
    float: right;
    width: 46%;
    margin: 20px 30px 20px 8px;
	min-width: 230px;
}

.clear_float
{
	clear: both;
}

img.float_r { 
    float: right; 
    margin-left: 20px; 
}

img
{
    border-style: none;
}

.fImg{
}

img.wbrdr
{
	padding: 1px;
	border: 1px solid #cccecf;
	-moz-box-shadow: 3px 3px 3px #cccecf;
	-webkit-box-shadow: 3px 3px 3px #cccecf;
	box-shadow: 3px 3px 3px #cccecf;
	height: auto; 
	width: auto; 
	max-width: 200px; 
	max-height: 200px;
}

img.scrcsts{
	height: auto; 
	width: auto; 
	max-width: 615px; 
	max-height: 61px;
}

#footer_copyright {
    margin-right: 20px;
    margin-top: 140px;
    float: right;
}
#footer_copyright2 {
    margin-left: 0px;
    margin-top: 0px;
    clear:both;
}

#footer_copyright td
{
    font: 10px Arial,Helvetica,Verdana,sans-serif,"Myriad Pro","Lucida Grande","Lucida Sans Unicode";
}

.lnkPlayFullScr{
	display: none;
	margin: 6px 8px 28px 4px;
	padding: 0;
}

.faqQstns{
	margin: 24px 0px 48px 0px;
}

.faqQstns li{
	padding: 0px;
	margin: 2px 0px;
}

.faqAnswrs>li{
	padding: 0px;
	margin: 18px 0px 48px 0px;
}
.faqAnswrs>li li{
	padding: 0px;
	margin: 6px 0px 8px 0px;
}

.faqAnswrs img{
	display: inline-block;
	margin: 1px 2px;
	vertical-align: middle;
}

.imgBlock{
	display: block !important;
	margin: 8px 4px !important;
}

.divFootr01{
	margin: 18px 0px 8px 10px;
	padding: 0px;
}

.divFootr01 img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin-bottom: 10px;
	width: 24px;
}

.divFootr01 span{
	display: table-cell;
}

kbd{
	padding: 0.3em 0.6em 0.1em;
	border: 1px solid #CCC;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #F7F7F7;
	color: #333;
	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px white inset;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0.1em;
	text-shadow: 0 1px 0 white;
/*	line-height: 1.3;*/
	white-space: nowrap;
}

.dvdr{
	margin: 30px 4px 60px 4px;
}

.utlicn{
	float: left;
	margin: 0px 16px 4px 0px;
}

.utlicnlst{
	float: left;
	margin: 0px 16px 4px 0px;
	max-width: 50px;
	max-height: 50px;
}

.utlapplst{
	list-style: none outside none;
	padding: 1em 1em 4em 1.5em;
	margin: 10px 4px 30px 8px;
}
.utlapplst li {
	padding: 2px 0;
	margin: 0.8em 0 1.8em 0;
}
.utlapplst div{
    display: table-cell;
}
.utlapplst h2{
	margin: 0 0 0.4em 0;
	padding: 0;
}
.utlapplst p{
	margin: 0.4em 0;
	padding: 0;
}


.div_img_info
{
	font-size: 90%;
	color: #168097;
	padding: 20px 40px 20px 30px;
}

.img_thumb{
	float: left;
}

.img_thumb img{
	display: block;
}

.img_content{
	margin-left: 40px;
}
.img_content_msg{
	padding-bottom: .1em;
}
.img_content_lnk{
	margin-left: 10px;
}


.trivia_text_r
{
    float: right;
    width: 50%;
    padding: 0px 20px 20px 20px;
	margin: 40px 10px 20px 10px;
}

.triviatxt{
	font-size: 95%;
	color: #666;
}
.triviapar{
	margin: 8px 4px 42px 4px;
	padding: 1.8em;
	font-family: monospace;
	display: block;
    border: solid 1px #888;
	border-collapse: collapse;
	background-color: #f0f0f0;
}

.italc{
	font-style: italic !important;
}

.trivia_text_r hr{
	border-top: 1px dotted #9dceda;
	border-collapse: collapse;
}

.hdrerrmsg{
	margin-bottom: 50px;
	color: #cb1313;
}
.hdrerrmsg2{
	margin: 10px 8px 30px 8px;
	color: #cb1313;
}

.generrmsg{
	margin: 16px 8px 12px 8px;
	color: #cb1313;
}
.formdiv{
	padding: 20px 10px 60px 10px;
}

.faqanswrs li{
	padding: 20px 8px 30px 4px;
}
.faqanswrs li li{
	padding: 8px 8px 10px 4px;
}
.faqanswrs pre{
	background-color: #f6f6f6;
	color: #333;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.link_button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #2d95d7;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
	display: inline-block;
    padding: 2px 8px;
	margin: 1px;
}
.link_button:link, .link_button:visited {
  /* remove the offening underline */
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
}
.link_button:hover {
  /* remove the offening underline */
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    color: #DDDDDD;
}

.manual h1{
	padding: 58px 0px 10px 0px;
}
.manual li{
	padding: 4px 0px 8px 0px;
}

.smpadding1 li{
	padding: 1px 0px 0px 0px;
}

.cmd_manual h1{
	padding: 58px 0px 10px 0px;
}
.cmd_manual h2, .cmd_manual h3{
	padding: 38px 0px 10px 0px;
}
.cmd_manual li{
	padding: 4px 0px 8px 0px;
}
.cmd_manual table{
	border-spacing: 0 2em;
}
.cmd_manual table tr td:first-child{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	padding: 2px 16px 4px 0px;
/*	display: inline-block;*/
	vertical-align: top;
	white-space: nowrap;
}
.cmd_manual pre{
	background-color: #f6f6f6;
	color: #333;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	padding: 6px 4px;
}

.manual2 h1{
	padding: 58px 0px 10px 0px;
}
.manual2 h2, .manual2 h3{
	padding: 38px 0px 10px 0px;
}
.manual2 li{
	padding: 4px 0px 8px 0px;
}
.manual2 pre{
	background-color: #f6f6f6;
	color: #333;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	padding: 6px 4px;
}

.div_c{
	width: 100%;
	margin: auto;
	padding: 8px;
}
.div_l
{
    float: left;
	width: 50%;
}
.div_r
{
    float: right;
	margin-left: 50%;
}

.prvpol h1{
	padding: 8px 0px 40px 0px;
}
.prvpol h2{
	padding: 40px 0px 8px 0px;
}
.prvpol li{
	padding: 4px 0px 8px 0px;
}

.func{
	display: inline-block;
	font-family: "Courier New", Courier, monospace;
	background-color: #EEE;
}

.lifb{
	list-style: none outside none;
	padding-left: 0;
	margin-left: 0;
}
.lifb li{
	padding-left: 0;
	margin: 0.3em 0.2em;
}

.topaypal{
	height: 2.8em;
	width: 16em;
	margin: 2em 0 1em 0;
}

#imgsocmed{
	width: 22px;
	height: 22px;
	margin: 1px 12px 1px 1px;
	vertical-align: text-bottom;
}


table.brdr_faint {
	border-collapse: collapse;
}
table.brdr_faint td, 
table.brdr_faint th {
	border: 1px solid #CCC;
}

#ytsc0{
	max-width: 1024px;
}
.ytsc{
	max-width: 1024px;
}

.ytplyrh{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.ytplyr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.errtxt {
	color: #F00 !important;
}


#subFrmDiv{
}

.contactfrm {
	max-width: 500px;
	margin-bottom: 8em;
}

.contactfrm p{
	margin: 16px 0 12px 0;
}

.contactfrm input,
.contactfrm textarea,
.contactfrm select
{
	width: 100%;
	display: block;
}

.contactfrm textarea
{
	height: 20em;
}

.txtarea_3
{
	height: 3em !important;
}

#dscNote {
	margin: -6px 0 0 0;
	padding: 4px 16px;
	border: 1px dashed #C00;
	border-collapse: collapse;
}
#dscNoteNoB {
	margin: -6px 0 0 0;
	padding: 4px 16px;
}

#idVerifImg {
	padding: 8px 1px;
}
.verifImg {
	padding: 8px 1px;
}

.contactfrm hr{
	border-top: 1px dotted #9dceda;
	border-collapse: collapse;
	margin-top: 40px;
}

#idPrefResp{
	display: inline !important;
	width: auto;
}

#idBtnSend{
	height: 2.5em;
	width: 14em;
	margin: 60px auto 40px;
}

.msgSent{
	background-color: #58ff5c;
	color: #000;
	padding: 8px 0 0 0;
	margin: 0px 0 40px 0;
}

.msgSent p{
	margin-left: 1em;
	margin-right: 1em;
}

#msgSentWarn{
	border: 2px dotted #a40000;
	border-collapse: collapse;
	background-color: #fffc00;
	color: #000;
	padding: 8px 1em 8px 1em;
	margin: 0;
	font-size: 0.9em;
}

#msgSentInfo{
	border: 2px dotted #58ff5c;
	border-collapse: collapse;
	background-color: #fff;
	color: #333333;
	padding: 8px 1em 8px 1em;
	margin: 0;
	font-size: 0.9em;
}

.msgNotSent{
	background-color: #ff3939;
	color: #fff;
	padding: 8px 0 0 0;
	margin: 0px 0 40px 0;
}

.msgNotSent p{
	margin-left: 1em;
	margin-right: 1em;
}

#msgNotSentInfo{
	border: 2px dotted #a40000;
	border-collapse: collapse;
	background-color: #fff;
	color: #a40000;
	padding-top: 8px;
	padding-right: 1em;
	padding-bottom: 8px;
	margin: 0;
	font-size: 0.9em;
}

.faqLst h2 {
	margin-top: 60px;
}
.faqLst li {
	margin-top: 8px;
}

.emph {
	color: #cd0303;
}





li#toc{
	margin: 0 10px 0 20px;
	padding: 0;
}
li#top1 {
	margin-top: 2.5em;
}
h1.large {
	margin-top: 4.5em;
	margin-bottom: 1.9em;
}

ul#toc2{
	margin: 0.4em 0 0.4em 0;
	font-size: 1em;
	padding: 0;
}

#tcc{
	font-size: 11px;
	text-align: center;
}
#tcch{
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
}
#tccc{
	font-size: 11px;
	text-align: left;
}
#tcchc{
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
}
.tblsmall{
	font-size: 11px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.tblsmall th{
	font-size: 11px;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
}
.tblsmall td{
	font-size: 11px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.spsrabv1{
	padding-top: 2em;
}


.dwldfrm {
	max-width: 600px;
	margin: 2.4em 0 5em 0;
}

.dwldfrm p{
	margin: 16px 0 12px 0;
}

.dwldfrm input,
.dwldfrm textarea
{
	width: 100%;
	display: block;
}

.dwldfrm #idVerifCode{
	max-width: 200px;
}
.dwldfrm #idBtnDwld{
	width: 50%;
	margin: 2em auto;
	padding: 1em 2em;
}

.dvqr{
	margin: 0.8em 2px;
}

.tblvat td{
	vertical-align: top;
}


.div-prchs{
	margin: 8px 4px 1.5em 4px;
	display: flex;
}

.div-prchs-0{
	margin: 0.4em 0;
	box-sizing: border-box;
}
.div-prchs-1{
	margin: 2px 2px 2px 1em;
	box-sizing: border-box;
}

.lcns-lst{
	list-style: square outside;
	padding-left: 2em;
}
.lcns-lst>li{
	margin-bottom: 3.5em;
}
.lcns-prch-lst{
	list-style: square outside;
	padding-left: 2.4em;
}
.sp-lcnm
{
    color: #168097;
    font: 1.2em "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}

.pplbtn{
	padding: 0.5em 0;
	margin: 0;
}
#idBtnPPL{
	height: 2.5em;
	width: 14em;
	margin: 0 auto 0.6em;
}
#idBtnBtc{
	width: 126px;
	height: 48px;
}

.sitemp{
	margin-left: 4px;
}
.sitemp ul,
.sitemp li{
	margin-left: 4px;
	padding-left: 4px;
	margin-top: 4px;
}
.sitemp ul{
	list-style-type: square;
}

.fsep{
	border-top: 1px dotted #9dceda;
	border-collapse: collapse;
}


/* Blog related CSS follows */

.blog_pgofpg{
	margin: 0 0 0 0.4em;
	height: 3em;
	display: flex;
	align-items: center;
}
.blog_pgofpg h3{
	margin: 0 2em 0 0em;
    color: #168097;
    font: 1.2em "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}

.blog_srch_hdr{
	margin: 0 0 0 0;
	height: 6em;
	display: flex;
}

.blog_srch{
	display: flex;
	align-items: center;
	max-width: 25em;
	margin-left: auto;
}

.srch_frm {
	padding: 0 2px 0 8px;
}
.srch_frm label{
	font-size: 0;
	padding: 6px 14px;
	margin-left: 4px;
	width: auto;
	height: 100%;
	vertical-align: middle;
	border: 1px solid #666;
	border-radius: 2px;
	border-color: #3079ed;
	background-color: #4d90fe;
	cursor: pointer;
	display: inline-block;
}
.srch_frm svg{
	fill: #fff;
}
.srch_frm input[type="text"]{
	border: none;
	padding: 0;
	width: 100%;
	margin: 0;
	height: auto;
	outline: none;
}
.srch_frm .inpt{
	border: 1px solid #dfe1e5;
	padding: 3px 10px;
}

.blog_srch_tag{
	flex: 1;
	font-size: 0.9em;
	color: #808080;
	text-align: right;
	margin: 0 1em 0 1em;
}

.nvg_ctnr{
	margin: 4em 0.5em 3em 0.5em;
}
.nvg_div{
	margin: 0 0.5em;
	font-size: 1.1em;
}
.nvg_1st{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
}
.nvg_1st:hover{
	background-color: #eeeeee;
}
.nvg_1st_off{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
	color: #cccccc;
}
.nvg_rwnd{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
}
.nvg_rwnd:hover{
	background-color: #eeeeee;
}
.nvg_rwnd_off{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
	color: #cccccc;
}
.nvg_prev{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
}
.nvg_prev:hover{
	background-color: #eeeeee;
}
.nvg_prev_off{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
	color: #cccccc;
}
.nvg_pg{
	display: inline-block;
	background-color: #eeeeee;
	margin: 2px 0px;
	padding: 1px 0.6em;
}
.nvg_pg:hover{
	background-color: #e3e3e3;
}
.nvg_pg_cur{
	display: inline-block;
	font-size: 1.6em;
	font-weight: bold;
	margin: 2px 0px;
	padding: 1px 0.3em;
}
.nvg_nxt{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
}
.nvg_nxt:hover{
	background-color: #eeeeee;
}
.nvg_nxt_off{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
	color: #cccccc;
}
.nvg_ffrd{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
}
.nvg_ffrd:hover{
	background-color: #eeeeee;
}
.nvg_ffrd_off{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
	color: #cccccc;
}
.nvg_last{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
}
.nvg_last:hover{
	background-color: #eeeeee;
}
.nvg_last_off{
	display: inline-block;
	margin: 2px 0px;
	padding: 1px 0.6em;
	color: #cccccc;
}


#text_body_blog_tmpl
{
    margin-top: 200px;
    padding: 20px;
    width: auto;
}

.blog_h3{
	font-size: 1.65em;
	color: #414141;
	margin: 1.5em 0 0.7em 0;
}

#blog_main{
	display: flex;
	margin: 2em 2px 2em 2px;
}

.blog_main_div{
	margin: 0 0 1.5em 0;
}
.blog_main_img{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	user-select: none;
}
.blog_main_img_desc{
	margin: 1px 0 0.5em 0;
	padding: 0;
	font-size: 0.8em;
	color: #666666;
}

#blog_content{
	flex: 4;
	overflow: auto;
}
#blog_content h4{
    color: #2D95D7;
    font-size: 18px;
    text-shadow: 1px 1px 1px #FFFFFF;
	margin: 1.9em 0 0.7em 0;
}
#blog_content h5{
    color: #168097;
    font: 11pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
	margin: 1.8em 0 0.6em 0;
}
#blog_content h6{
    color: #168097;
    font: 10pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
	margin: 1.7em 0 0.6em 0;
}

#blog_sidebar{
	flex: 1;
	max-width: 200px;
	min-width: 120px;
	margin: 0 0.5em 1em 0.8em;
}
#blog_sidebar h3{
	margin-top: 0;
}

#blog_footer{
	margin: 6em 0 4em 0;
}

#text_body_blog{
	padding: 0 1em 0 0;
}
#text_body_blog h1{
	margin: 3em 0 0.9em 0;
}
#text_body_blog h2, #text_body_blog h3{
	padding: 2.5em 0 0.6em 0;
}
#text_body_blog li{
	padding: 4px 0px 8px 0px;
}

.blog_sptags{
	font-size: 0.9em;
	color: #888888;
}
.blog_nmtags{
	color: #888888;
}

.blog_tag{
	display: inline-block;
	font-size: 0.9em;
	background-color: #e8e8e8;
	color: #808080;
	margin: 2px 2px;
	padding: 1px 14px;
}

.gr_bkg{
	background-color: #e8e8e8;
	padding: 0 6px;
}

.blog_tgcnt{
	font-size: 0.8em;
	color: #666666;
}

.blog_tags_sec{
	margin: 2px 0.5em 2.5em 0;
}
.blog_artcls_sec{
	margin: 0.8em 0.5em 0.8em 0;
}

.blog_tags_grd{
	margin: 1px;
}

.blog_tagenum{
	display: inline-block;
	margin: 1px 0.5em 1px 0;
	white-space: nowrap;
}

#blog_share {
	margin: 8px 4px 6px 4px;
}

#idShareCtrls{
	display: none;
}
.inputUrlShare{
	font-size: 0.9em;
	width: 50%;
	color: #888888;
}
.blog_share_btn{
	display: inline-block;
	font-size: 1em;
	height: 1.3em;
	margin: 0 0.2em 0 0.2em;
	vertical-align: middle;
}
.blog_share_btn img{
	height: 100%;
	width: auto;
}
.blog_share_btn1{
	margin-left: 1.2em !important;
}

.blog_hsp0{
	padding-right: 2em;
}

#blog_auth{
	margin: 4px 0 8px 0;
	width: 100%;
}

.blog_athr{
	display: inline-block;
	margin: 8px 24px 8px 0;
}
.blog_athr span{
	white-space: nowrap;
}
.blog_img_auth{
	border-radius: 50%;
	max-width: 3.6em;
	height: auto;
	user-select: none;
	margin: 0 2px;
}

.blog_athr_img_big{
	float: left;
	margin: 4px 3em 3em 0;
	border-radius: 50%;
	border: solid 1px #cccccc;
	max-width: 16em;
	height: auto;
	user-select: none;
}

.blog_athr_contacts{
	margin: 2px 1em 2em 1em;
}
.blog_athr_contacts img{
	margin: 0 1.4em 0 2px;
	width: 1.8em;
	height: 1.8em;
}

.blog_athr_info{
	min-width: 20em;
	margin-bottom: 4em;
}

.dontshow{
	display: none;
}

.blog_lstng{
	margin: 3em 0.5em;
	padding-left: 0.4em;
	list-style: none outside none;
}
.blog_lstng li{
	display: flex;
	margin: 0.2em 0.5em 2em 0;
}

.blog_lstng li img{
	display: block;
	width: 4em;
	height: auto;
	margin: 0.5em 1em 2px 0;
}

.blog_lstng_r{
	flex: 1;
	margin: 0 1em 0 0;
}

.blog_lstng_t{
    color: #168097;
    font: 11pt "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}
.blog_lstng_sub{
	margin: 0 0 4px 2px;
}

.blog_lstng_tags{
	font-size: 0.9em;
}

.blog_lstng_dna{
	font-size: 0.86em;
	color: #888888;
	margin: 6px 0 0 4px;
}
.blog_lstng_dna .blog_athr{
	display: inline-block;
	margin: 0 4px 0 24px;
}
.blog_lstng_dna .blog_sptags{
	color: #888888;
	font-size: 1em;
}

.blog_lstng_mt{
	font-style: italic;
	color: #888888;
}

.blog_h3_rltd{
    color: #2D95D7;
	font-size: 11pt;
	border-bottom: 1px dotted #2D95D7;
}

.blog_rltd_spcr{
	margin-top: 4em !important;
}

.blog_related ul{
	margin: 0;
	padding: 0;
}
.blog_related li{
	list-style: none inside none;
	margin: 0.2em 0 0.7em 4px;
	padding: 0;
	font-size: 0.85em;
	font-weight: bold;
}
.blog_rltd_sttl{
	padding: 0;
	margin: 0 0 0 4px;
	font-size: 0.9em;
	font-weight: normal;
	color: #666666;
}
.blog_rltd_dt{
	padding: 0;
	margin: 0.4em 0 0 0;
	font-size: 0.8em;
	font-weight: normal;
	color: #888888;
}

.blog_srch_chkbx_ctnr{
	margin: 1em 0.5em 1.3em 0.5em;
	padding: 0;
}

.blog_srch_chkbxs{
	border: 1px solid #eeeeee;
	overflow-y: auto;
	resize: vertical;
	padding: 0.6em;
}
.athrs{
	height: 3em;
}
.tgs{
	height: 5em;
}

.blgsrchbx{
	display: inline-block;
	font-size: 0.9em;
	margin: 1px 1.0em 1px 0;
	background-color: #e8e8e8;
	padding: 3px 0.6em 2px 2px;
}
.blgsrchbx:hover{
	background-color: #eeeeee;
}

#idBtnSrch{
	height: 2.5em;
	width: 14em;
	margin: 2.5em 0 3em 0;
	display: block;
}

#idSrchAuthrs, #idSrchTags{
	display: table;
}

.blog_sm_a{
	font-size: 0.8em;
	margin: 0 2em 0 4px;
	padding: 0;
}

.blog_twt_cntnr{
	display: flex;
	justify-content: center;
	margin: 1.5em auto;
	align-items: start;
}
.blog_twt_cntnr img{
	max-width: 100%;
	height: auto;
	user-select: none;
}
.blog_twt_scrsht{
	border: 1px solid #ccc;
}
.blog_twt_unavail{
	border: 1px dotted #faa7a1;
}

.qt0{
	margin: 1.5em 0 1.5em 1em;
	padding: 1em;
	background-color: #f0f0f0;
	border-left: 5px solid #ccc;
}
.qt0 footer{
	margin: 0.5em 0 0 0.4em;
	font-size: 0.9em;
}

.qt1{
	margin: 1.5em 0 1.5em 1em;
	padding: 1em;
	border-left: 6px solid #ccc;
}
.q_inf{
	background-color: #f8f8f8;
	border-left-color: #2292d4;
}
.q_wrn{
	background-color: #fffde2;
	border-left-color: #fdb33f;
}
.q_err{
	color: #d40202;
	background-color: #ffefef;
	border-left-color: #d23d3d;
}
.q_ctn{
	color: #d01010;
	border-left-color: #d42237;
}

.blog_code{
	background-color: #dddddd;
	border: 1px solid #dddddd;
	padding: 0;
	margin: 1.5em 0;
}
.rndcrntr{
	border-radius: 0.4em 0.4em 0 0;
}
.blog_code_ttl{
	margin: 0 0 0 1em;
	padding: 0;
	font-size: 0.7em;
	text-align: left;
}
.blog_code_ttcp{
	margin: 0 1em 0 1.5em;
	font-size: 0.7em;
	padding: 0;
}
.blog_pre{
	margin: 0;
	padding: 0.5em 1em;
	overflow-x: auto;
	resize: vertical;
	background-color: white;
}
.blog_pre code{
	background: none;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: break-word;
	line-height: inherit;
	tab-size: 4;
	cursor: text;
	font-size: inherit;
	font-family: inherit;
}

/* C++ */
.code_cpp{
	background-color: #fcfcfc;
	color: black;
	font-size: 12px;
	font-family: monospace, 'Courier New', Courier;
	line-height: 1.4;
}

.c_cmt{
	color: #008000;
}
.c_sq{
	color: #bd2727;
}
.c_dq{
	color: #a31515;
}
.c_fun{
	color: #a1009e;
}
.c_kw{
	color: #2323f7;
}
.c_ac{
	color: #2b91af;
}
.c_ppr{
	color: #808080;
}

/* C# */
.code_cs{
	background-color: #f8fff8;
	color: black;
	font-size: 12px;
	font-family: monospace, 'Courier New', Courier;
	line-height: 1.4;
}

.cs_cmt{
	color: #008000;
}
.cs_sq{
	color: #9c1515;
}
.cs_dq{
	color: #ab0000;
}
.cs_fun{
	color: #774c08;
}
.cs_kw{
	color: #0000ff;
}
.cs_ppr{
	color: #808080;
}

/* PHP */
.code_php{
	background-color: #f8f8ff;
	color: #444444;
	font-size: 13px;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	line-height: 1.4;
}

.ph_cmt{
	color: #9da2ad;
}
.ph_sq{
	color: #626a1e;
}
.ph_dq{
	color: #05701e;
}
.ph_fun{
	color: #0362b1;
}
.ph_kw{
	color: #0000ff;
}
.ph_sg{
	color: #d13737;
}
.ph_ac{
	color: #8d4a16;
}
.ph_var{
	color: #8d48a2;
}

/* HTML */
.code_htm{
	background-color: #f8f8ff;
	color: #222222;
	font-size: 13px;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	line-height: 1.4;
}

.h_cmt{
	color: #878787;
}
.h_tg{
	color: #0055ff;
}
.h_atn{
	color: #ff5552;
}
.h_atv{
	color: #6a0fa1;
}
.h_sct{
	color: #a36c01;
}

/* CSS */
.code_css{
	background-color: #f8fafa;
	color: #222222;
	font-size: 13px;
	font-family: monospace, 'Courier New', Courier;
	line-height: 1.4;
}

.z_cmt{
	color: #008000;
}
.z_dir{
	color: #5200ff;
}
.z_sel{
	color: #ff0084;
}
.z_nm{
	color: #116bce;
}
.z_str{
	color: #800000;
}

/* JS */
.code_js{
	background-color: #fffafa;
	color: #444444;
	font-size: 13px;
	font-family: "Source Code Pro", monospace, 'Courier New', Courier;
	line-height: 1.4;
}

.js_cmt{
	color: #679a67;
}
.js_hcm{
	color: #638fba;
}
.js_str{
	color: #a31515;
}
.js_tml{
	color: #a3158e;
}
.js_fun{
	color: #00afce;
}
.js_kw{
	color: #0000ff;
}
.js_nm{
	color: #e33a7a;
}
.js_rgx{
	color: #e28964;
}

/* code_json */
.code_json{
	background-color: #fff8f8;
	color: #222222;
	font-size: 13px;
	font-family: "Source Code Pro", monospace, 'Courier New', Courier;
	line-height: 1.4;
}

.jn_nm{
	color: #990055;
}
.jn_str{
	color: #669900;
}

/* SQL */
.code_sql{
	background-color: #f8ffff;
	color: #444444;
	font-size: 13px;
	font-family: 'Courier New', Courier, monospace;
	line-height: 1.4;
}

.sq_cmt{
	color: #989898;
}
.sq_mcm{
	color: #929900;
}
.sq_ohn{
	color: #66a49a;
}
.sq_kw{
	color: #0000ff;
	text-transform: uppercase;
}
.sq_nm{
	color: #ef0ab7;
}
.sq_str{
	color: #ae470a;
}


/* MASM */
.code_msm{
	background-color: #fffff8;
	color: #000;
	font-size: 13px;
	font-family: monospace, 'Courier New', Courier;
	line-height: 1.4;
}

.asm_cmt{
	color: #a3a3a3;
}
.asm_str{
	color: #129321;
}
.asm_oc{
	color: #0000ff;
	text-transform: uppercase;
}
.asm_os{
	text-transform: lowercase;
}
.asm_pd{
	color: #5a64c9;
}
.asm_rg{
	color: #8500a6;
	text-transform: lowercase;
}
.asm_frg{
	color: #cc7a05;
	text-transform: lowercase;
}
.asm_ig{
	color: #025585;
	text-transform: lowercase;
}
.asm_igc{
	color: #f600ae;
	text-transform: lowercase;
}
.asm_igk{
	color: #f60000;
	text-transform: lowercase;
}
.asm_igv{
	color: #02d002;
	text-transform: lowercase;
}
.asm_igy{
	color: #01b1d7;
	text-transform: lowercase;
}
.asm_if{
	color: #cc9b05;
	text-transform: lowercase;
}
.asm_is{
	color: #ab6603;
	text-transform: lowercase;
}

.blg_cq{
	padding: 3px 5px;
	white-space: pre-wrap;
	background-color: #e6e6e6;
	font-family: monospace, 'Courier New', Courier, Consolas, sans-serif;
	word-break: break-all;
}

.blg_ili{
	margin: 4px 8px;
	max-width: 100%;
	height: auto;
}
.blg_idv{
	display: flex;
}
.blg_idv img{
	max-width: 100%;
	height: auto;
	user-select: none;
}
.i_algn_c{
	justify-content: center;
	margin: 1.5em auto;
}
.i_algn_l{
	justify-content: left;
	margin: 1.5em 0.5em;
}

.blg_dscdv{
	display: block;
	font-size: 0.9em;
	margin: -1.3em 0 2em 0;
}
.txt_cntr{
	text-align: center;
}

.blg_vdv{
	margin: 1.5em auto;
}

.blog_no_js{
	color: #e77777;
	font-style: italic;
	font-size: 0.9em;
}

.blog_rls li{
	margin: 2px 0px 0.9em 0px;
}

.blog_rls_emph{
	font-weight: bold;
	font-size: 1.2em;
}


.secpol h1{
	padding: 1.4em 0px 0.5em 0px;
}
.secpol h2{
	padding: 1.2em 0px 8px 0px;
}
.secpol li{
	padding: 4px 0px 8px 0px;
}

.mrk1 {
	color: #F00 !important;
	font-weight: bold !important;
}