/* CSS Document */
body { background-image: url(/demo/images/bg.jpg); background-repeat: repeat-x; background-color: #dadada; background-position:left top; margin: 0 auto 0 auto; 
font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #464646;}
h1, h2, h3{color: #a64826; font-weight: bold; margin:0; padding: 0;}
h2 {font-size: 16px; }

h1#topHeader { float:left; padding: 0 16px 8px 0; font-size: 24pt; }

.clr {clear: both; }
a:link {color: #808080; text-decoration: none;}
a:visited {text-decoration: none; color: #F7941D;}
a:hover {text-decoration: underline; }
img {border: none; }
p {font-size: 12px; }

#container {margin: 0 auto 0 auto; width: 960px; background-color:#FFFFFF;}

/*Top Nav*/
#banner {background-image: url(/demo/images/banner.png); background-repeat: no-repeat; height: 110px; margin-top: 1px}
#topBar {background-image: url(/demo/images/topbar_bg.jpg); background-repeat: repeat-x; height: 30px; margin-top: 1px; clear: both;}
.topButtons a:link, .topButtons a:visited {color: #FFF; font-size: 14px; font-weight: bold;}
.topButtons a:hover {text-decoration: none; }
.topButtons {float: right; margin-top: 6px; margin-right: 25px;}
.help, .language {float: left; }
.language {position: relative; }
.languageTriangle {margin-bottom: 1px; }
.help {margin-left: 3px; }
.language a:hover {cursor: pointer; color: #A64826; }
#level2 {background-color:#999999; display: block; visibility:hidden; z-index: 10; border: 1px solid #CCCCCC;
top: 20px; left: 0px; position: absolute; width: 100px;}
#level2 .languageSelect {display: block; padding-top: 5px; padding-left: 5px;}
#level2 .languageSelect:hover {background-color:#A64826; color: #FFF;}
#level2 .languageSelect a:hover {color: #FFF; }
#title {color: #FFF; float: right; padding: 42px 20px 0 0; font:16pt Verdana }

/*Left Nav*/
#leftNav {background-image: url(/demo/images/leftNav_bg.jpg); background-repeat:repeat-x; width: 220px; float: left; margin-top: 1px; padding-left: 10px; padding-top: 30px; min-height: 425px; height: 100%; background-color: #FFFFFF;}
#leftNav a:link, #leftNav a:visited {color: #7d7d7d; }
.nav a, .moreNav a {color: #7d7d7d; font-weight: bold; overflow: visible; text-decoration: none; padding-top: 5px; padding-bottom: 5px; display: block; padding-left: 3px; width: 90%; height: 15px;}
.nav a:link, .nav a:visited, .moreNav a:link, .moreNav a:visited {border: 1px solid transparent; }
.nav a:hover, .moreNav a:hover { border: 1px solid #A64826; background-color: #e3f5ff; color:#7d7d7d !important;}
#leftNav ul {margin: 12px 0 12px 25px; padding: 0; }
#leftNav li {background-repeat:no-repeat; list-style-image: url(/demo/images/list_square.png); margin-bottom: 0; height: 30px; }


/* Promotional icons */

.promo
{
  width: 212px;
  height: 82px;
  background: url('/demo/images/promobg.png') no-repeat;
  cursor: pointer;
}

.promotitle
{
  padding: 4px 4px 2px 4px;
  font: bold 12pt Tahoma;
  color: #606060;
  text-align: center;
}

.promotext
{
  color: #606060;
  margin-top: 3px;
  margin-right: 2px;
  font: 9pt Tahoma;
}

.promoicon
{
  float: left;
  margin: 4px 8px 20px 8px;
  width: 32px;
  height: 32px;
}

#promoicon_kd
{
  background: url('/demo/images/promokd.png') no-repeat;
}

#promoicon_kmw
{
  background: url('/demo/images/promokmw.png') no-repeat;
}

.promo {margin-bottom: 8px;}
.currentPage a {color: #373737 !important;}

/*Language Index*/
p.languageInfo { margin-top: 0; margin-bottom: 4px; font-size: 8pt; }
ul.keyboardEntries { margin: 0; padding-left: 16px }
ul.keyboardEntries li { margin: 0; }
h2.languageEntry { margin-top: 8px }

/*Main Content*/
#mainContent {float: left; width: 730px;background-color:#FFFFFF; padding-top: 30px; padding-bottom: 30px; min-height: 425px;}
.content { margin: 0 0 0 30px ; padding: 0 30px 0 0 ; height: 100%;}
.content a:link {color: blue;}
.content a:hover, .content a:visited {color: #F7941D;}
.content a:hover {text-decoration: underline; }

.blurb p { margin-left: 5%; margin-right: 5%; font-size: 10pt; line-height: 1.5em }

/*Footer*/
#footer {float: left; background-color: #6a2915; width: 100%; text-align: center; color:#FFFFFF; padding-top: 20px; padding-bottom: 20px; font-size: 11px;}

/*Keyman*/
#formError { color: red; font-weight: bold; font-size: 12pt; margin-left: 135px; padding-bottom: 4px }
#KeymanWebControl {background-image: url(/demo/images/kb_bg.jpg); background-repeat: repeat-x; }
#KeymanWebControl #kmw_controls_end {background: none !important;}

#emailForm {margin-top:30px; background-color: #f2f2f2; border-left: solid 2px #c1b9a4; border-right: solid 2px #c1b9a4; width: 664px; position: relative }
#emailForm .label {float: left; clear: left; width: 125px; text-align: right; color: #464646; font-weight: bold; font-size: 14px; padding-top: 5px;}
#emailForm .input {float: left; clear: right; margin-left: 10px; margin-bottom: 5px;}
#emailForm .buttonBar { clear: right; margin-left: 10px; margin-bottom: 5px;}

#emailForm .input input {width: 450px; border: #c1b9a4 1px solid; font-size: 1.2em; height: 1.75em}
input#frombox, input#tobox {font-size: 1.5em !important; height: 1.4em !important}

#emailForm .input textarea {width:450px; height: 150px }
#emailForm textarea { border: #c1b9a4 1px solid; font-size: 1.5em; font-family: Calibri, Tahoma, sans-serif }

#emailForm h2 {margin: 20px;}

#emailForm .notepad {margin-left: 20px; margin-top: 20px; }
#emailForm .notepad textarea { width: 620px; height: 300px; }

#emailForm .sendBar {margin-left: 10px; }
#emailForm .sendBar .helpIcon {float: left; }
#emailForm .sendBar .captcha {float: left; }
#emailForm .sendBar input { margin-left: 40px; }
#emailForm .sendEmailButton { clear: both;}

#emailForm .showCaptchaButton {display: block; clear: both; width: 80px; float: left; margin-left: 125px; margin-bottom: 10px }
.sendButtons { float: right; margin-right: 48px; }
.sendButtons input { margin-left: 10px; width: 80px; }
.emailFormTop  {background-image: url(/demo/images/emailForm_top.png); background-repeat: no-repeat; }
.emailFormBottom {background-image: url(/demo/images/emailForm_bottom.png); background-repeat: no-repeat; height: 8px;
}

.KeymanWeb_VK_Help a { color: #ad4a28; }

/*Recapcha*/

#captchaBox { display: none }
#captchaBox.captchaBoxVisible { display: block; }
#captchaBox #captchaContent { z-index: 101; display: block; position: absolute; left: 110px; top: 80px; width: 400px; height: 200px; background: #f0f8ff; border: solid 4px #666666; padding: 8px; }
#captchaBackground { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('/demo/images/backgroundTransparent.png') repeat; z-index: 100; }
#captchaLabel { font-size: 12pt; padding: 12px }

#recaptcha_image { display: block; float: left; border: solid 1px #666666; margin-left: 40px }
.recaptcha_input { float: left; clear: both; }
#recaptcha_response_field { margin-top: 5px; margin-top: 10px;margin-bottom: 10px;}
.recaptcha_only_if_incorrect_sol {color: red; margin: 14px 0 0 8px; float: left;}
.anotherCaptcha { float: left; margin:10px;}

/*Search*/
#content, #bingResultList { clear: both; padding-top: 8px; }
.gsc-branding { display: none; }
.searchSelect {width: 100px; clear: both; background-color: #eeebd9; padding-left: 3px; cursor: default}
.searchSelect:hover {background-color: #A64826; color: white;}
.searchImg {float: left; width: 16px; height: 16px;}
.searchSelectText {float: left; margin-left: 3px;}
.searchBox {background-image: url(/demo/images/searchBox_bg.gif); background-repeat: no-repeat; 
	width: 30px; height: 20px; position:relative; margin-top: 20px; float: left; margin-left: 20px;
	border: 1px solid #999;}
#searchEngines {visibility: hidden; position: absolute; top: 25px; border: 1px solid #999;}
#selectedEngineImg {position:absolute; top: 2px; left: 3px;}
#search {overflow: auto; width: 500px; float: left; margin-left: 5px; margin-top: 20px; clear: right; min-height: 60px;}
#search input {border: 1px solid #999999; float: left; display: block; }
#bingSearchButton {}
#bingResultList {padding-left: 20px;}
#search .searchBtn {margin-left: 4px; height: 22px; }
#search .searchInput {width: 210px; padding-left: 2px; height: 18px;}
.bingResultlistitem {margin-bottom: 10px; }
.yahooResultlistitem {margin-bottom: 10px; }
.gsc-control div {width: 500px; }
input.gsc-search-button {margin-left: 5px; height: 22px }
input.gsc-input, .gsc-input {width: 210px !important; }
.gsc-clear-button {display: none; }
.gsc-resultsHeader td.gsc-twiddleRegionCell {display: none !important; }
#prevSearchResults {margin-left: 5px; float: left; width: 500px;} 
.gsc-search-box, .gsc-input {width: 190px !important; padding-left: 0px; height: 18px}
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet { width: 80% !important; }

/*Other*/
.highlightText {color: #464646; font-size: 14px; font-weight: bold; padding-top: 2px }

.whiteText {color: #FFF; }
.separator {float: left; margin-left: 15px; margin-right: 15px; }

/* example and key images */

.highlightExample {color: blue; font-weight: bold; }
.highlightKeys {color: blue; font-weight: bold;}
#keymanExample {color: #000080; border: 1px solid blue; background-color: #e0e0ff; margin-left:20px; margin-top: 15px;padding:5px; width: 555px; vertical-align: middle; font-size: 10pt }

.highlightKeys .key-print { display: none }
.highlightKeys img { margin: 0 2px 0 0; background-image: url('/demo/images/keys2.gif'); height: 15px; width: 15px; }
.key-grp { margin: 0 4px; }
.key-shift { width: 41px !important; margin-right: 0px !important; background-position: 0 -45px; }
.key-ctrl { width: 33px !important; margin-right: 0px !important; background-position: -41px -45px; }
.key-alt { width: 32px !important; margin-right: 0px !important; background-position: -74px -45px; }
.key-32 { width: 37px !important; }

.key-33 { background-position: -37px 0px; }
.key-34 { background-position: -52px 0px; }
.key-35 { background-position: -67px 0px; }
.key-36 { background-position: -82px 0px; }
.key-37 { background-position: -97px 0px; }
.key-38 { background-position: -112px 0px; }
.key-39 { background-position: -127px 0px; }
.key-40 { background-position: -142px 0px; }
.key-41 { background-position: -157px 0px; }
.key-42 { background-position: -172px 0px; }
.key-43 { background-position: -187px 0px; }
.key-44 { background-position: -202px 0px; }
.key-45 { background-position: -217px 0px; }
.key-46 { background-position: -232px 0px; }
.key-47 { background-position: -247px 0px; }
.key-48 { background-position: -262px 0px; }
.key-49 { background-position: -277px 0px; }
.key-50 { background-position: -292px 0px; }
.key-51 { background-position: -307px 0px; }
.key-52 { background-position: -322px 0px; }
.key-53 { background-position: -337px 0px; }
.key-54 { background-position: -352px 0px; }
.key-55 { background-position: -367px 0px; }
.key-56 { background-position: -382px 0px; }
.key-57 { background-position: -397px 0px; }
.key-58 { background-position: -412px 0px; }
.key-59 { background-position: -427px 0px; }
.key-60 { background-position: -442px 0px; }
.key-61 { background-position: -457px 0px; }
.key-62 { background-position: -472px 0px; }
.key-63 { background-position: -487px 0px; }
.key-64 { background-position: 0px -15px; }
.key-65 { background-position: -15px -15px; }
.key-66 { background-position: -30px -15px; }
.key-67 { background-position: -45px -15px; }
.key-68 { background-position: -60px -15px; }
.key-69 { background-position: -75px -15px; }
.key-70 { background-position: -90px -15px; }
.key-71 { background-position: -105px -15px; }
.key-72 { background-position: -120px -15px; }
.key-73 { background-position: -135px -15px; }
.key-74 { background-position: -150px -15px; }
.key-75 { background-position: -165px -15px; }
.key-76 { background-position: -180px -15px; }
.key-77 { background-position: -195px -15px; }
.key-78 { background-position: -210px -15px; }
.key-79 { background-position: -225px -15px; }
.key-80 { background-position: -240px -15px; }
.key-81 { background-position: -255px -15px; }
.key-82 { background-position: -270px -15px; }
.key-83 { background-position: -285px -15px; }
.key-84 { background-position: -300px -15px; }
.key-85 { background-position: -315px -15px; }
.key-86 { background-position: -330px -15px; }
.key-87 { background-position: -345px -15px; }
.key-88 { background-position: -360px -15px; }
.key-89 { background-position: -375px -15px; }
.key-90 { background-position: -390px -15px; }
.key-91 { background-position: -405px -15px; }
.key-92 { background-position: -420px -15px; }
.key-93 { background-position: -435px -15px; }
.key-94 { background-position: -450px -15px; }
.key-95 { background-position: -465px -15px; }
.key-96 { background-position: 0px -30px; }
.key-97 { background-position: -15px -30px; }
.key-98 { background-position: -30px -30px; }
.key-99 { background-position: -45px -30px; }
.key-100 { background-position: -60px -30px; }
.key-101 { background-position: -75px -30px; }
.key-102 { background-position: -90px -30px; }
.key-103 { background-position: -105px -30px; }
.key-104 { background-position: -120px -30px; }
.key-105 { background-position: -135px -30px; }
.key-106 { background-position: -150px -30px; }
.key-107 { background-position: -165px -30px; }
.key-108 { background-position: -180px -30px; }
.key-109 { background-position: -195px -30px; }
.key-110 { background-position: -210px -30px; }
.key-111 { background-position: -225px -30px; }
.key-112 { background-position: -240px -30px; }
.key-113 { background-position: -255px -30px; }
.key-114 { background-position: -270px -30px; }
.key-115 { background-position: -285px -30px; }
.key-116 { background-position: -300px -30px; }
.key-117 { background-position: -315px -30px; }
.key-118 { background-position: -330px -30px; }
.key-119 { background-position: -345px -30px; }
.key-120 { background-position: -360px -30px; }
.key-121 { background-position: -375px -30px; }
.key-122 { background-position: -390px -30px; }
.key-123 { background-position: -405px -30px; }
.key-124 { background-position: -420px -30px; }
.key-125 { background-position: -435px -30px; }
.key-126 { background-position: -450px -30px; }

.key-shift2 { width: 30px !important; margin-right: 0px !important; background-position: 0 -45px; }
.key-ctrl2  { width: 22px !important; margin-right: 0px !important; background-position: -41px -45px; }
.key-alt2   { width: 20px !important; margin-right: 0px !important; background-position: -74px -45px; }
.key-pgup   { width: 28px !important; margin-right: 0px !important; background-position: -236px -45px; }
.key-pgdn   { width: 28px !important; margin-right: 0px !important; background-position: -208px -45px; }
.key-up     { width: 15px !important; margin-right: 0px !important; background-position: -309px -45px; }
.key-down   { width: 15px !important; margin-right: 0px !important; background-position: -294px -45px; }
.key-left   { width: 15px !important; margin-right: 0px !important; background-position: -279px -45px; }
.key-right  { width: 15px !important; margin-right: 0px !important; background-position: -264px -45px; }
.key-ins    { width: 20px !important; margin-right: 0px !important; background-position: -147px -45px; }
.key-del    { width: 20px !important; margin-right: 0px !important; background-position: -167px -45px; }
.key-home   { width: 32px !important; margin-right: 0px !important; background-position: -324px -45px; }
.key-end    { width: 21px !important; margin-right: 0px !important; background-position: -187px -45px; }
.key-enter  { width: 30px !important; margin-right: 0px !important; background-position: -356px -45px; }
.key-esc    { width: 20px !important; margin-right: 0px !important; background-position: -106px -45px; }
.key-tab    { width: 21px !important; margin-right: 0px !important; background-position: -126px -45px; }
.key-caps   { width: 28px !important; margin-right: 0px !important; background-position: -386px -45px; }
.key-bksp   { width: 29px !important; margin-right: 0px !important; background-position: -414px -45px; }

/* floating href */

.bookmarklink
{
  background:none repeat scroll 0 0 #E0E0E0;
  border-left:1px solid #C0C0C0;
  border-right:1px solid #C0C0C0;
  border-top:1px solid #C0C0C0;
  bottom:0;
  font-size:8pt;
  padding:2px 4px;
  position:fixed;
  right:8px;
}