/* [-----------940---------]
   [-----680------] 20 [240]
   200 usable sidebar space */

/* font-family: "Trebuchet MS", Tahoma, sans-serif; */
/* font-family: Verdana, Geneva, sans-serif; */
/* font-family: Arial, Helvetica, sans-serif; */

@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic);

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body { line-height:150%; font-size:12px; font-family:'Ubuntu', sans-serif; background-color: #fff; margin-bottom: 20px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
ul, ol { list-style: none; margin: 0 0 20px 15px; }
img { vertical-align: bottom; } /* inline imgs with no gaps across all browsers */

strong			{ font-weight: bold; }
em				{ font-style: italic; }
blockquote		{ margin: 15px; padding: 25px 25px 10px 25px; background-color: #f4f4f4; -webkit-border-radius: 6px; border-radius: 6px; }

a				{ color: #204261; text-decoration: none; font-weight: bold; }
a:hover			{ color: #c00; }
a:focus			{ outline: none; }

h1				{ font-size: 22px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; line-height:100%; }
h2				{ font-size: 17px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; }
h3				{ font-size: 14px; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; }
h4				{ font-size: 13px; font-weight: normal; margin-bottom: 15px; }
h5				{ font-size: 12px; font-weight: normal; margin-bottom: 15px; }
h6				{ font-size: 11px; font-weight: normal; margin-bottom: 15px; }

p               { font-family:Verdana, Geneva, sans-serif; margin-bottom:15px; }

ol.nums         { list-style: decimal; padding: 0 0 0 150px; font-family:Verdana, Geneva, sans-serif; } /* margins and paddings include social bar float */

small			{ font-size: 11px; }

.homeH12		{ padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
.dn				{ display: none; }

.fl				{ float: left; }
.fr				{ float: right; }
.cb				{ clear: both; width: 0; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0; }

.hand			{ cursor: pointer; }
.sl				{ color: #999; }
.sd				{ color: #666; }
.rl				{ color: #f22; }
.rd				{ color: #b22; }
.it				{ font-style: italic; }

.hover:hover	{ filter: alpha(opacity=80); -webkit-opacity: 0.8; opacity: 0.8; }

.imgLeft		{ float: left; margin: 5px 15px 10px 0; }
.imgRight       { float: right; margin: 5px 0 10px 15px; }

a.readMore       { display:inline-block; line-height:1; padding:1px 7px 2px 7px; font-size:10px; font-weight:normal; color:#fff; background-color:#8ac; -webkit-border-radius: 4px; border-radius: 4px; }
a.readMore:hover { background-color:#68a; }

/* ---------------------------------------------------- */

header						{ background: #ebf4f9 url(/assets/images/head.gif) repeat; border-bottom: 2px solid #f3f4f5; }
header .head				{ margin: 0 auto; padding: 15px 0 10px 0; width: 940px; }
header .head .left			{ float: left; width: 200px; margin-left:20px; -webkit-text-shadow:0 1px 1px #fff; text-shadow:0 1px 1px #fff; }
header .head .left a		{ font-size: 23px; }
header .head .left a:hover	{ color:#358; }
header .head .left p		{ width: 185px; font-size: 12px; font-style: italic; margin: 3px 0 0 0; padding: 1px 5px 3px 5px; color: #89a; background-color: #f7f9fa; -webkit-border-radius: 4px; border-radius: 4px; filter: alpha(opacity=80); opacity: 0.8; }
header .head .right			{ float: right; width: 700px; }
header .nav					{ background-color: #e4ebef; border-top: 1px solid #cdd3d7; border-bottom: 1px solid #cdd3d7; }
header .nav ul				{ margin: 0 auto; padding: 0 0 0 20px; list-style-type: none; width: 920px;}
header .nav li				{ float: left; margin: 0; padding: 0; }
header .nav li a			{ display: block; color: #678; -webkit-text-shadow:0 1px 1px #fff; text-shadow:0 1px 1px #fff; border-left: 8px solid #dde4e8; margin: 1px 1px 1px 0; padding: 6px 35px 5px 7px; font-size: 14px; font-weight: bold; text-decoration: none; }
header .nav li a:hover		{ color: #012; border-left: 8px solid #d2d9dc; }
header .navIn li a:focus	{ outline: none;  }
header .navOn				{ color: #123; background-color: #d2d9dc; }

/* ---------------------------------------------------- */

.midRow { margin: 0 auto; width: 940px; }
.c620   { float: left; width: 680px; margin: 20px; }
aside   { float: left; width: 220px; margin: 0 0 20px 0; padding-top: 20px; }

/* ---------------------------------------------------- */

footer			{ background-color: #f2f8fa; border-top: 1px solid #e8eef0; border-bottom: 1px solid #e8eef0; }
footer section	{ margin: 0 auto; padding: 15px 0; width: 940px; font: 12px/18px Verdana, Geneva, sans-serif; color: #567; -webkit-text-shadow:0 1px 1px #fff; text-shadow:0 1px 1px #fff; }
footer section a		{ color: #58a; }
footer section a:hover	{ color: #204261; }

footer section .left { float:left; width:705px; margin:0 20px 0 20px; }
footer section .right { float:left; width:195px; color:#789;}

/* ---------------------------------------------------- */

#translate-this a.translate-this-button { display:block; float:right; width:180px; padding:2px 0; margin:20px 20px 0 0; color:#000; font-size:14px; text-align:center; text-transform:uppercase; background-color:#f7f7f7; background:-webkit-linear-gradient(top, #e7e7e7 0%, #f7f7f7 50%, #b7b7b7 100%); background:linear-gradient(to bottom, #e7e7e7 0%, #f7f7f7 50%, #b7b7b7 100%); border:1px solid #bdc3c7; -webkit-border-radius:5px; border-radius:5px; filter:alpha(opacity=70); opacity:0.7; -webkit-text-shadow:0 1px 1px #fff; text-shadow:0 1px 1px #fff; -webkit-box-shadow:0px 1px 2px #444; box-shadow:0px 1px 2px #444; }
div.ttb-panel { border:1px solid #bdc3c7; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 10px #000; box-shadow:0px 1px 10px #000; }
div.ttb-panel a, div.ttb-translating a, div.ttb-undo a { line-height:14px !important; text-decoration:none !important; }

/* ---------------------------------------------------- */

.shadow	{ -webkit-box-shadow: 1px 1px 10px #ddd; box-shadow: 1px 1px 10px #ddd; }

.sideBlock		{ padding: 0 20px 30px 20px; font-size: 12px; }
.sideBlock h6	{ background-color: #e6ecf0; font-size: 14px; margin-bottom: 10px; padding: 7px 10px 6px 10px; color: #678; -webkit-text-shadow:0 1px 1px #fff; text-shadow:0 1px 1px #fff; font-weight: bold; border-bottom: 1px solid #cdd3d7; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 2px #f3f4f5; box-shadow: 0px 2px 2px #f3f4f5; }
.sideBlock p	{ font: 11px/16px Verdana, Geneva, sans-serif; margin: 5px; }
.sideBlock ul   { margin-bottom:0; }
/* ---------------------------------------------------- */

.arrowUl	{ margin-left: 5px; }
.arrowUl li { padding-left: 18px; background: url(/assets/images/icons_x14.png) no-repeat 0px 3px; }
.arrowUl a	{ font-weight: normal; font: 11px/17px Verdana, Geneva, sans-serif; }

/* ---------------------------------------------------- */

.followUl				{ margin: 0; }
.followUl li			{ float: left; margin: 5px; }
.followUl .linkedin		{ background: url(/assets/images/follow.png) no-repeat 0px 0px; }
.followUl .googleplus	{ background: url(/assets/images/follow.png) no-repeat 0px -32px; }
.followUl .twitter		{ background: url(/assets/images/follow.png) no-repeat 0px -64px; }
.followUl .xing         { background: url(/assets/images/follow.png) no-repeat 0px -96px; }
.followUl a				{ display: block; width: 32px; height: 32px; }

/* ---------------------------------------------------- */

.mercUl     { float: left; width: 320px; margin-bottom: 15px; font-size: 13px; }
.mercUl li  { padding-left: 25px; background: url(/assets/images/icons_x14.png) no-repeat 0px -33px; margin-bottom: 10px; }

/* ---------------------------------------------------- */

.cat hr             { padding-bottom: 7px; }
.cat h3				{ font-size: 22px; font-weight: bold; margin-bottom: 5px; line-height:100%; }
.cat .articleDate	{ margin-bottom: 15px; }
.home .articleDate	{ margin-bottom: 5px; }
.home p             { margin-bottom: 30px; }

/* ---------------------------------------------------- */

article h1				{ margin-bottom: 5px; }
article.noDate h1		{ margin-bottom: 15px; }
.articleDate			{ display: block; width:85px; text-align:center; font-size: 13px; font-weight: bold; color: #89a; -webkit-text-shadow:0 1px 1px #fff; text-shadow:0 1px 1px #fff; margin-bottom: 5px; background-color: #eff5f9; padding: 2px 8px; border-bottom: 1px solid #cdd3d7; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 2px #f3f4f5; box-shadow: 0px 2px 2px #f3f4f5; }
article .articleDate	{ margin-bottom: 15px; }
/* article p               { font-size:14px; line-height:140%; } */
article p.h             { font-size: 17px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; }
article h2.link         { color: #204261; }

/* ---------------------------------------------------- */

.codeTitle { margin:0; }
code { display:inline-block; margin:0 0 20px 0; padding:15px; background-color:#fda; border-bottom:1px solid #dba; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 2px #f3f4f5; box-shadow: 0px 2px 2px #f3f4f5; }
code.inline { margin:0; padding:0 2px; background-color:#fed; border-bottom:1px solid #ecb; }

/* ---------------------------------------------------- */

.authorImage		{ width: 170px; border: 0; margin-left: 5px; -webkit-border-radius: 4px; border-radius: 4px; }
.authorImage:hover	{ filter: alpha(opacity=80); opacity: 0.8; }

.iconZip	{ vertical-align: middle; padding-right: 5px; }

.downloads      { clear:left; margin:20px 0; padding:8px; background-color:#e6ecf0; border-bottom: 1px solid #cdd3d7; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0px 2px 2px #f3f4f5; box-shadow: 0px 2px 2px #f3f4f5; }
.downloads h2   { padding:4px; -webkit-text-shadow:0 1px 1px #fff; text-shadow:0 1px 1px #fff; }

.tblFiles					{ width:100%; }
.tblFiles th				{ text-align:left; background-color:#f4f4f4; text-transform:uppercase; -webkit-text-shadow:0 1px 1px #fff; text-shadow:0 1px 1px #fff; }
.tblFiles td, .tblFiles th	{ padding:8px; border:4px solid #e6ecf0; -webkit-border-radius:11px; border-radius:11px; }
.tblFiles td                { background-color:#fdfdfd; }

/* ---------------------------------------------------- */

.addThisBgr { background-color: #eff5f9; border-bottom: 1px solid #cdd3d7; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 2px #f3f4f5; box-shadow: 0px 2px 2px #f3f4f5; }

.addthisVer	{ float: left; width: 70px; padding: 20px 15px 5px 15px; margin: 0 20px 15px 0; }
.addthisHor { height: 30px; padding: 15px 15px 5px 15px; margin: 30px 0 30px 0; }

.addthisVer .addthis_button_facebook_share      { display: block; margin: 0 0 20px 7px; width: 57px; height: 61px; overflow: hidden; }
.addthisVer .addthis_button_google_plusone      { display: block; margin: 0 0 20px 11px; width: 50px; height: 60px; }
.addthisVer .addthis_button_tweet               { display: block; margin: 0 0 20px 8px; width: 58px; height: 62px; overflow: hidden; }
.addthisVer .addthis_button_facebook_like       { display: block; margin: 0 auto 15px auto; width: 47px; height: 61px; }
.addthisVer .addthis_button_linkedin            { margin: 0 auto 20px auto; width: 59px; height: 62px; }
.addthisVer .addthis_button_linkedin span span  { line-height: 1px; }
.addthisVer .addthis_button_xing                { display: block; margin: 0 auto 15px auto; width: 55px; height: 62px; }
.addthisVer .addthis_counter                    { display: block; margin: 0 0 15px 11px; width: 50px; height: 60px; }

.addthisHor .addthis_button_facebook_like       { height: 20px; overflow: hidden; }
.addthisHor .addthis_button_google_plusone      { height: 20px; overflow: hidden; margin-left: 15px; }
.addthisHor .addthis_button_tweet               { height: 20px; overflow: hidden; }
.addthisHor .addthis_button_facebook_share      { width: 110px; height: 20px; line-height: 15px; overflow: hidden; }
.addthisHor .addthis_button_linkedin            { float: left; height: 20px; margin-left: 15px; }
.addthisHor .addthis_button_linkedin span span  { line-height: 1px; }
.addthisHor .addthis_button_xing                { float: left; height: 20px; overflow: hidden; margin-left: 15px; }
.addthisHor .addthis_counter                    { margin-left: 20px; }

/* ---------------------------------------------------- */

.contactWrapper div					{ margin-bottom: 15px; }
.contactWrapper p					{ margin-bottom: 0; font-weight: bold; }
.contactWrapper sup					{ color: #f00; }
.contactWrapper .contactValidator	{ position: relative; font-size: 10px; font-weight: bold; color: #f00; }
.contactInput						{ padding: 6px 8px; font-family: arial; background-color: #fff; color: #111; outline: none; border:1px solid #ccc; -webkit-box-shadow:1px 1px 0 1px #eee; box-shadow:1px 1px 0 1px #eee; -webkit-border-radius: 4px; border-radius: 4px; }
.contactInput:focus                 { border:1px solid #999; }
a.contactSend						{ display: block; text-align: center; width: 150px; margin-bottom: 10px; padding: 8px 0; background-color: #1b7db3; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }
a.contactSend:hover					{ background-color: #3b9dd3; }

/* ---------------------------------------------------- */

a.donateButton			{ float: left; display: block; width: 110px; font-size: 11px; text-align: center; font-weight: normal; margin: 0 15px 20px 0; padding: 10px 10px 2px 10px; color: #777; background-color: #fed; -webkit-border-radius: 4px; border-radius: 4px; border: 3px solid #da9; }
a.donateButton:hover	{ text-decoration: none; color: #777; background-color: #edc; border: 3px solid #eba; }

/* ---------------------------------------------------- */

.notice		{ background-color: #f0e5da; font-size: 12px; font-weight: bold; margin-bottom: 15px; padding: 6px 10px; color: #111; -webkit-border-radius: 4px; border-radius: 4px; }

.gallery    { margin-bottom: 15px; }

.eye        { background: url(/assets/images/icons_x14.png) no-repeat 5px -131px; padding: 0 10px; background-color: #ddd; -webkit-border-radius: 8px; border-radius: 8px; }

.grey       { padding: 0 10px; background-color: #ddd; -webkit-border-radius: 8px; border-radius: 8px; }

/* ---------------------------------------------------- */

#AVSystem   { display: none; }

.pop_fade						{ position: absolute; background-color: #000; }
.pop_							{ position: absolute; background-color: #fff; width: 80%; font-size: 12px; text-align: left; border: 5px solid #567; -webkit-border-radius: 10px; border-radius: 10px; }
.pop_ .pop_container			{ margin: 3px; }
.pop_ .pop_close				{ display: none; }
.pop_ .pop_message				{ color: #444444; }
.pop_ .top						{ padding: 10px; background-color: #567; color: #fff; font-size: 18px; font-weight: bold; }
.pop_ .mid						{ padding: 10px; height: 440px; overflow: auto; }
.pop_ .pop_buttons				{ text-align: right; padding: 10px; background-color: #f4f4f4; }
.pop_ button					{ cursor: pointer; padding: 5px 30px; margin: 3px 0 0 10px; background-color: #567; border: none;  outline: none; color: #fff; font-weight: bold; font-size: 12px; -webkit-border-radius: 4px; border-radius: 4px; }
.pop_ button:hover				{ background-color: #758D8F; }
.pop_ button.pop_defaultbutton  { background-color: #567; }
.pop_ button.pop_defaultbutton:hover { background-color: #DF7E46; }

.pop_ ul    { padding: 0; list-style-type: square; font: 12px/18px Verdana, Geneva, sans-serif; margin: 0 0 15px 40px; }
.pop_ h3    { font-size: 14px; font-weight: bold; margin-bottom: 15px; }

/* ---------------------------------------------------- */

.goTop          { position:fixed; bottom:65px; right:1px; background-color:#246; color:#fff; -webkit-box-shadow:0 0 15px #777; box-shadow:0 0 15px #777; -webkit-border-radius:3px; border-radius:3px; padding:15px; font-size:40px; line-height:25px; text-align:center; font-weight:bold; text-decoration:none; }
.goTop:hover    { cursor:pointer; background-color:#468; }