@font-face {font-family: "CS";font-style: normal;font-weight: normal;src: url("/static/font/cs-web.woff") format("woff");}
@font-face {font-family: "CS";font-style: normal;font-weight: bold;src: url("/static/font/cs-bold-web.woff") format("woff");}
@font-face {font-family: "Oxygen";font-style: normal;font-weight: normal;src: url('/static/font/oxy-web.woff') format('woff');}
html {overflow-y:visible;}
body { background: #eef; font-family:"CS", sans-serif; font-size: 1.1em; color:#484848; margin: 0; padding: 0; width: 100%; }

h1, h2, h3, h4, h5, h6 {font-weight: normal;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
h1 {font-size: 26px;}
h2 {font-size: 24px; }
h3 {font-size: 20px; font-weight: bold;}
h2, h3, h4 {color: #001;}
h4 {border-bottom: 1px dotted #dde; font-weight: bold;}

#wrapper {background-color: #eef; margin-top: -15px; min-height: 100%; position: relative;}

#header a { color: #f4d6bc; }
#header > h1 { font-weight: normal; padding: 10px; color: #f8e4cc; margin: 0;}

#sitelogo { position: absolute; top:15px; left: 0px; }
#top-menu { font-size: 15px;padding: 5px 0px 0px 0px; height: 3.8em; background: #000; margin-left: 10em; overflow: hidden;}
b4ackground: url(../images/xdevs_logo.png) 0px 0px no-repeat;
@media screen and (min-width: 880px) {
    #top-menu { padding: 0px 0px 0px 120px; overflow: initial;  }
}


#top-menu li { float:left; list-style-type:none;margin: 0px;padding: 0px;}
#top-menu a {color: #FFF; font-weight: normal; padding: 10px 4px 15px 4px; margin-right: 0px; border-left: 1px solid #046;}
#top-menu a:hover { color: #ff2; text-decoration: none; 
--webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#047));background: -moz-linear-gradient(0% 0% 270deg,#000, #047);
}
#top-menu ul li { padding: 10px 0px 4px 0px; }
#top-menu ul li:hover { background: #000; color: #38f4cc; }

a.my-page { padding-left: 0px !important; color: #ace !important;}
@media screen and (min-width: 880px) {
    a.my-page { padding-left: 10px !important;}
}
a, a:link, a:visited{ color: #04a; text-decoration: none; }
a:hover, a:link:hover, a:active{ color: #0AF; text-decoration: none; border-bottom: 1px solid #22f; }
a:hover img { border-bottom: none !important; }
a:link:hover img { border-bottom: none !important; }

#account {float:right; }
#header {margin:0;background-color:#628DB6;color:#f8f8f8; position:relative;}
#header a {color:#f8f8f8; }
div#content > div.flash { padding: 9px 35px 10px; margin: 5px 10px 1px 10px; background-position-x: 12px !important; background-position-y: 9px !important; position: relative;  }
#content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
* html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
html>body #content { margin-bottom: -1em; min-height: 500px; height: auto !important; height: 100%;}
* html body #content { margin-bottom: -4em; height: 500px; height: auto !important; } /* IE */

#blktitle {min-height: 1.75em; margin-left:8.5em; padding: 0.4em 0px 0px 2em;background-color:#335588; color:#f8f8f8; font-size: 20px; font-weight: bold; z-index: 100; box-shadow: 0px 2px 6px #000 inset; overflow: hidden;}
@media screen and (min-width: 880px) {
    #blktitle {background-color:#335588;}
}

#content, #main.nosidebar #content { background: #eef;}

#main { margin: 0px 5px 0px 4px; background-color: #eef; }
#main.nosidebar #sidebar{ display: none; }
#main.nosidebar #content{ width: auto; border-right: 0; padding-bottom: 2em; }

#footer, #fill {  
clear: both;
width: 100%;
border-top: 2px solid #036;
font-size: 0.8em;
color: #888;
left: 0;
position: fixed;
height: 1.0em;
bottom: 0px;
text-align: center;
background: #000 url(../images/bot_logo.png) 2px -15px no-repeat;
padding: 6px 5px 15px 5px; width: 100%;
}

#test {position: absolute;
clear: both;
left: 0;
bottom: -100%;
}

.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.splitcontentleft{float:left; width:70%;}
.splitcontentleft li {margin-bottom: 7px;}
.splitcontentright{float:right; width:30%;}

.splitcontentleft_article{float:left; width:100%; }
.splitcontentright_article{float:left; width:100%; margin-top: -40px;}
.splitcontentleft_article_view {float:left; width:100%; margin-bottom: 10px; margin-top: 10px; text-align: justify; }
.splitcontentright_article_view {float:left; width:100%; padding: 10px 0px 20px 0px; border-top: 2px solid #666;}
.splitcontentleft_news{float:left; width:100%; margin-bottom: 10px; text-align: justify;}
.splitcontentright_news{float:left; width:100%; padding-top: 10px; border-top: 2px solid #666; }

.splitcontentleft_article_view a {font-weight: bold;}


@media screen and (min-width: 880px) {
    .splitcontentleft_article{float:left; width:75%;}
    .splitcontentright_article{float:right; width:24%; margin-top: 0px; }
    .splitcontentleft_article_view {float:left; width:73%; margin-bottom: 30px; text-align: justify;}
    .splitcontentright_article_view {float:right; width:25%; padding-top: 0px; border: 0px; text-align: justify;}
    .splitcontentleft_news{float:left; width:80%;}
    .splitcontentright_news{float:right; width:18%; padding-top: 0px; border: 0px}
}


.splitcontentleft_article_view img {max-width: 100%; }
.splitcontentleft_article_view p {margin-top: 0px; }
form {display: inline;}
input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px; }
fieldset {border: 1px solid #447294; margin:0;}
legend {color: #484848;}
hr { width: 100%; height: 1px; background: #ccc; border: 0;}
blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
abbr  { border-bottom: 1px dotted; cursor: help; }
#ajax-indicator {
position: absolute; /* fixed not supported by IE */
background-color:#eee;border: 1px solid #bbb;top:35%;left:40%;width:20%;font-weight:bold;text-align:center;padding:0.6em;z-index:100;opacity: 0.5;
}
html>body #ajax-indicator { position: fixed; }
#ajax-indicator span {
background-position: 0% 40%;
background-repeat: no-repeat;
background-image: url(/images/loading.gif);
padding-left: 26px;vertical-align: bottom;
}
@media print {
  #top-menu, #header, #sidebar, #footer { display:none; }
  #main { background: #fff; }
  #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
}
div#content { border-right: 0 none transparent; }
div#content { margin-right: 200px; width: 79%; color: #001; background-color: #eef; /*#0d3257 !important;*/}
div#main.nosidebar div#content { margin-right: 0px; }
h2, h3 { color: #001; }
a { color: #045; }
#langbox { clear: right; position:absolute; left: 4em; top:3.4em; }
.box h3 { padding: 5px 20px !important;
background: #97a7b7 !important;
color: #000;
text-transform: capitalize;
border: 1px solid #8fbcdb; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.box p { padding-left: 20px; }
@media (min-width: 1024px) {}
button:disabled 
{ 
cursor: default;background-image: none;opacity: .65;filter: alpha(opacity=65);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: #fff !important;background-color: #245 !important;
}

select {
background-color: #358;
background-image: none !important;
filter: none !important;
border: 1px solid #ccc;
outline: none;
line-height: 30px;
padding: 1px 6px;
#margin-bottom:4px;
color: #fff;
vertical-align: middle;
}

select:hover {
background-color: #08c;
}

.box {
background-color: #ddddee;color: #002 !important;border: 1px solid #294052;padding-bottom: 15px;border: 2px solid #ccccdd;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;padding: 2px;margin-bottom: 15px;
}
.box h3 { padding: 5px 20px !important;
background: #97a7b7 !important;
color: #000;
text-transform: capitalize;
border: 1px solid #8fbcdb; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.box p { padding-left: 20px; }

.calc_in {float: left;min-width: 120px;}
.calc_out {float: left; min-width: 180px; height: 12px;}

.calc_int
{ 
-webkit-appearance: none !important;
color: #fff !important;
outline: 0; 
margin: 1px 1px 1px 1px !important; 
height: 20px;padding: 3px 3px !important;
line-height: 20px;font-size: 14px;
font-weight: normal;vertical-align: top;
background-color: #058 !important;
background-image: none !important;
filter: none !important;
border: 1px solid #077 !important;
background: transparent;
width: 80px;
}

.calc_out_int
{
width: 60px; 
color: #fff !important;
outline: 0; 
margin: 1px 1px 1px 1px !important; 
height: 30px;
padding: 3px 3px !important;
width: 200px;
padding: 2px 20px 2px 20px !important;
line-height: 20px;font-size: 14px;
font-weight: normal;vertical-align: top;
background-color: #083 !important;
background-image: none !important;
filter: none !important;
border: 1px solid #077 !important;
background: transparent;
}

.onoffswitch {
position: relative; width: 120px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #FFFFFF; border-radius: 0px;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 21px;
font-size: 11px; color: white; font-family: "Bitstream Vera Sans", Arial, sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
border: 2px solid transparent;
background-clip: padding-box;
}
.onoffswitch-inner:before {content: "LTZ1000A";padding-left: 6px;background-color: #52FF4F; color: #000000;}
.onoffswitch-inner:after {content: "LTZ1000";padding-right: 6px;background-color: #9CCEFF; color: #000000;text-align: right;}
.onoffswitch-switch {
display: block; width: 50px; margin: 0px;
background: #eeeeff;
-moz-transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s;
-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px; }
input[type="text"]{ 
-webkit-appearance: none !important;color: #1ff;outline: 0; margin-top: -4px; height: 20px;padding: 2px 2px !important;line-height: 20px;font-size: 14px;font-weight: normal;vertical-align: top;background-color: #447294;background-image: none !important;filter: none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border: 1px solid #EEE;background: transparent; font-family: "CS";
}

input[type="text"]:focus {border: 1px solid #fff;background-color: #557294;}

.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #135; background-image: -moz-linear-gradient(top, #999999, #b3b3b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#b3b3b3)); background-image: -webkit-linear-gradient(top, #999999, #b3b3b3); background-image: -o-linear-gradient(top, #999999, #b3b3b3); background-image: linear-gradient(to bottom, #999999, #b3b3b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF999999', endColorstr='#FFB3B3B3', GradientType=0); border-color: #b3b3b3 #b3b3b3 #8c8c8c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #035; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #dddddd; *border: 0; border-bottom-color: #c4c4c4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #b3b3b3; *background-color: #a6a6a6; }
.btn:active, .btn.active { background-color: #999999 \9; }
.btn:first-child { margin-left: 0; }
.btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.article_main h4 { color: #000; margin-top: 10px; border: 0px;}

.article_header h4 { color: #000; margin-top: 10px; border: 0px;}
.article_header .author { font-size: 14px; color: #000; margin-bottom: 0.25em;}
.article_header .date { font-size: 11px; color: #888;}
.article_header .changed { font-size: 11px; color: #888; margin: 0px 0px 0px 0px;}
.article_header hr {color: #aaa;}

.article_main .reflist {border: 1px dotted #aaa; padding: 2px; color: #000; border-bottom: 1px dotted #aaa;}
.article_main h4 {font-size: 14px; margin-bottom: -10px;}
.article_main a {font-size: 11px;}
.article_main li {font-size: 11px;}
.article_main #attachments {margin-top: 10px;border: 1px dotted #aaa; padding: 0px 4px 4px 4px; color: #000; }

.article_list { padding: 10px 0px 20px 0px;}
.article_list pre { display: inline; margin-top: 0px; }
.article_list span { }
div .itembox { margin-bottom: 18px;}
.article_list .content_title { font-weight: bold; font-size: 18px; max-width: 80%; display: inline;}

.article_list .author { margin: 0em 0px 0px 0px; padding-bottom: 0px; font-size: 14px; color: #448; }
.article_list .date { display: none; }
@media screen and (min-width: 880px) {
    .article_list { padding: 0px 0px 20px 0px;}
    .article_list .date { display: inline; margin: -16px 0px 0px 180px; font-size: 11px; color: #ccc	; position: absolute;}
}
.article_list .date:hover { color: #000;}
.article_list .content_desc { margin: 5px 0px 15px 10px; line-height: 1.5em; font-size: 15px; color: #222; display: block; }
.article_list hr {color: #999; margin-top: -12px; }

.comments-link:not(:empty) { background: #628DB6; color: #fff; padding: 1px 9px; margin-right: 5px; border-radius: 8px; text-decoration: none;}
.comments-link:not(:empty):hover {background: #00ee00;color: #fff;padding: 0px 9px;margin-right: 5px;border-radius: 8px;}
.comments-link:empty {background: #eef;color: #fff;padding: 0px 13px; margin-right: 9px;border-radius: 8px;font-weight: bold;min-width: 5px; height: 23px; width: 23px;}

.calendar { margin-left: 10px; }
.calendar li a { margin-bottom: 10px; font-size: 12px; color: #448;}
.recent { margin: 0px 10px 20px 0px; padding-bottom: 2px;}
.recent li { margin-bottom: 10px; font-size: 14px; color: #777;}
.recent li a { margin-bottom: 10px; font-size: 14px; color: #222;}

.news_list { margin-left: -20px; }
.news_list pre { margin-top: -12px; max-height: 60px;}
.news_list span { margin-top: 0px;}
.news_list .news_item { padding: 20px 0px 0px 0px; }
.news_list .news_title { font-size: 17px;  margin-left: 17px; max-width: 100%; font-weight: bold; display:block;}
.news_list .date {font-size: 12px; color: #ccc; max-width: 40%; margin: 1px 0px 0px 2em; display: block; position: absolute:}
.news_list .date:hover { color: #000;}
.news_list .news_desc {font-size: 14px; color: #000; border-bottom: 1px solid #aaa; margin: 0px 0px 0px 1.5em; display:block; padding: 0px 5px 3px 0; }
.news_list p { -webkit-margin-after: 0px; -webkit-margin-before: 0px; margin-top: 0px; margin-bottom: 0px;}

.markItUp * {
 color: #f00 !important; background-color: #000;
}

.splitcontentleft_article_view table {
    background-color: #ccc;
    border: 1px solid #aaa;
    padding: 0px;
    margin: 2px 0px 10px 10px;
}

table {
    border: 1px solid #aaa;
    padding: 0px;
    margin: 4px auto;
}

td {
    border: 1px solid #aaa;
    padding: 2px;
    margin: 1px 0px 1px 1px;
    font-size: 85%;
}

.splitcontentleft_article_view td {
    background-color: #eee;
    border: 0px solid #aaa;
    padding: 2px 10px;
}

.splitcontentleft_article_view table {
    margin: 5px auto;
}

.splitcontentleft_article_view pre {
    font-family: "Oxygen";
    font-size: 0.8em;
    border-radius: 15px;
    background-color: #aea;
    padding: 10px 10px;
    margin-left: 15px;
    border-left: 5px solid #383;
    white-space: pre-wrap;
    word-break: break-all;
}

.code_preblock {
    font-family: "Oxygen";
    font-size: 1em;
    background-color: #aea;
    padding: 3px 10px;
    margin-left: 15px;
    border-left: 5px solid #383;
    white-space: pre-wrap;
    margin-bottom: 1em;
}

.splitcontentleft_zero pre {
    font-family: "Oxygen";
    font-size: 1em;
    background-color: #aea;
    padding: 3px 10px;
    margin-left: 15px;
    border-left: 5px solid #383;
}

.splitcontentright_zero {
    float: right;
    width: 35%;
    border: 1px dotted #aaa;
    padding: 5px 5px;
}

.splitcontentleft_article_view pre p {
    margin-top: -30px !important;
}

#side_note {
border-left: 5px solid #EE0;
background: #ffd;
padding: 10px 40px;
margin-left: 15px;
background-image: url("/static/images/notepad.png");
background-repeat: no-repeat;
background-position: 6px 5px;
}

.video_frame {
    border: #fff 0px solid;
}

.endless_container{
    clear: both;
    width: 100%;
    left: 10%;
    position: fixed;
    bottom: 26px;
    left: 9%;
}

.endless_page_current {
display: inline-block;
padding: 0px 11px;
height: 35px;
margin-right: -3px;
border-radius: 3px;
background: #aaa;
border: solid 1px #5B80B8;
background: --webkit-gradient(linear, 0% 0%, 0% 100%, from(#afa), to(#428D66));
background: -moz-linear-gradient(0% 0% 270deg,#afa, #428D66);
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #000;
text-shadow: 0px 1px 0px rgba(255,255,255,255);
}

.endless_page_link {
display: inline-block;
padding: 0px 11px;
height: 35px;
margin-right: -3px;
border-radius: 3px;
background: #aaa;
border: solid 1px #5B80B8;
background: --webkit-gradient(linear, 0% 0%, 0% 100%, from(#eef), to(#428D66));
background: -moz-linear-gradient(0% 0% 270deg,#eef, #428D66);
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #000;
text-shadow: 0px 1px 0px rgba(255,255,255,255);
}

a.endless_page_link { color: #000; }
a.endless_page_link:hover { color: #FFF; }

.endless_page_current:hover {background: #afa;background: #fefefe;background: --webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f4), to(#628D86));background: -moz-linear-gradient(0% 0% 270deg,#4f4, #628D86);}
.endless_page_link:hover{background: #afa;background: #fefefe;background: --webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f4), to(#628D86));background: -moz-linear-gradient(0% 0% 270deg,#4f4, #628D86);}

.video_frame {
position: absolute;
top: 0;
left: 0;
width: 95% !important;
height: 100% !important;
}

.video_frameWrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

#error_note {border-left: 5px solid #F00;background: #EBB;padding: 10px 40px;margin-left: 20px;background-image: url("/static/images/error.png");background-repeat: no-repeat;background-position: 8px 6px;}

p.pdf_link {display: block; margin-bottom: 0px;  padding: 5px 0px 5px 30px;margin-left: 5px;background-image: url("/static/images/pdf-24.png");background-repeat: no-repeat;background-position: 0px 5px; color: #d00 !important;}
p.pdf_link a{display: block;color: #d00 !important; border-bottom: 1px solid #ecc;}
p.file_link {display: block; margin-bottom: 0px;  padding: 5px 0px 5px 30px;margin-left: 5px;background-image: url("/static/images/file-24.png");background-repeat: no-repeat;background-position: 0px 5px; color: #00d !important;}
p.file_link a{display: block;color: #00d !important; border-bottom: 1px solid #cce;}

.imgref {font-style: italic; text-align: center; color: #000; font-size: 80%; background-color: #eaeaff; padding: 0px 15px; display: inline-block; }
.tblref {font-style: italic; text-align: center; color: #000; font-size: 80%; display: inline-block; width:100%; position: relative; top: -5px;}
#xdevs_home_link {display: block; margin-top: -34px;  padding: 5px; margin-left: 5px;background-image: url("/static/images/xd_home.png");background-repeat: no-repeat;background-position: 0px 5px; margin-left: 96.1%; color: #fff !important; height: 24px;}
#xdevs_fav_link {display: block; margin-top: -75px;  padding: 5px; margin-left: 5px;background-image: url("/static/images/xd_bkm.png");background-repeat: no-repeat;background-position: 0px 5px; margin-left: 98.2%; color: #fff !important; height: 24px;}