/**********************/
/* MAIN FONT SETTINGS */
/**********************/

body   { background-image: url(/pictures/background.jpg); }
h1     { color: #FF6633; font: 25px 'Didot', serif; margin-bottom: 10px; }
h2     { color: #000099; font: 25px 'Didot', serif; }
h3     { color: #990000; font: 19px 'Didot', serif; }
h4     { color: #000000; font: 17px 'Didot', serif; }
h5     { color: #FF6633; font: 15px 'Didot', serif; }
h6     { color: #FF6633; font: 13px 'Didot', serif; }

p, div { font-family: 'Verdana', sans-serif; }
p      { margin-top: 10px !important; margin-bottom: 13px !important; }

.wk-akatitle  { margin: 0px 0px 20px 0px; font: 21px 'Didot', serif; color: #550099; }
.wk-subtitle  { margin: 0px 0px 20px 0px; font: 21px 'Didot', serif; color: #993300; }
.wordcount    { font-size: 9px; color: #6699AA; }
.achieve      { font-size: 9px; }

.wk-cover         { display: block; width: 80px; margin-left: 10px; margin-bottom: 10px; float: right; }
.wk-logomain      { display: none; margin-left: 10px; margin-bottom: 10px; float: right; }
.wk-logosmall     { display: block; margin-left: 10px; margin-bottom: 10px; float: right; }
.wk-aboutmain     { display: none; }

.wk-index h2      { margin: 0px; padding-top: 15px; padding-bottom: 5px; }
.wk-indexlist     { margin: 0px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }
.wk-about h2      { margin: 0px; padding-top: 15px; padding-bottom: 5px; }
.wk-auditlist     { margin: 0px; padding-left: 20px; padding-top: 10px; }

.wk-indexlist li  { margin-top: 7px; }
.wk-auditlist li  { margin-top: 7px; }

.wk-steam         { color: #006600; font-weight: bold; }
.wk-steam:before  { content: "\e124"; color: #D0A91C; font-family: 'Glyphicons Halflings'; font-size: 12px; padding-right: 2px; }

.wk-steam-broken         { color: #006600; font-weight: bold; }
.wk-steam-broken:before  { content: "\e124"; color: #B7222A; font-family: 'Glyphicons Halflings'; font-size: 12px; padding-right: 2px; }

.clear      { clear: both; }
.bold       { font-weight: bold; }
.nocolbreak { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

/***********************/
/* BOOTSTRAP OVERRIDES */
/***********************/

blockquote   { border-left-color: #FF6633; border-left-style: dotted; border-left-width: 3px; padding-top: 0px; margin-top: 20px; padding-bottom: 0px; }
blockquote p { font-size: 14px; line-height: 1.428571429; }

.navbar-right             { font: 23px 'Didot', serif; }
.navbar-brand             { margin-top: 2px; font: 23px 'Didot', serif; }
.navbar-brand > img       { margin-right: 5px; margin-bottom: 5px; }
.navbar-inverse           { background-color: #000000; border-color: #000000; }

.wk-main      { margin: 0px 0px 20px 0px; padding: 1px 15px 1px 15px; background-image: url(/pictures/backmain.png); }
.wk-main p,ul { margin-bottom: 1.2em; }

.wk-index     { margin: 0px 0px 20px 0px; padding: 1px 15px 10px 15px; background-image: url(/pictures/backmain.png); }
.wk-about     { margin: 0px 0px 20px 0px; padding: 12px 15px 10px 15px; background-image: url(/pictures/backmain.png); }
.wk-footer    { margin: 0px 0px 20px 0px; padding: 12px 15px 1px 15px; background-image: url(/pictures/backnav.png); }
.wk-header    { margin: 0px 0px 20px 0px; padding: 12px 15px 1px 15px; background-image: url(/pictures/backnav.png); }
.wk-stats     { margin: 0px 0px 20px 0px; padding: 1px 15px 1px 15px; background-image: url(/pictures/backnav.png); }
.wk-sidenav   { margin: 0px 0px 20px 0px; padding: 10px 0px 10px 0px; text-shadow: 0 1px 0 #fff; background-image: url(/pictures/backnav.png); }
.wk-admain    { min-height: 260px !important; margin: 0px 0px 20px 0px; padding: 1px 15px 1px 15px; text-align: center; }

.wk-advert             { margin: 0px 0px 20px 0px; padding: 0px; }
.wk-advert-responsive  { margin: 0px 0px 20px 0px; padding: 0px; }
.wk-advert-skyscraper  { margin: 0px 0px 20px 0px; padding: 0px; }
.wk-advert-main        { min-height: 260px; }

@media screen and (min-width: 768px) {
  #divsidebar        { padding-left: 11px !important; padding-right: 11px !important; }
  #divmain           { padding-left: 11px !important; padding-right: 11px !important; }
  #divcolumns        { column-count: 2; }
  
  .wk-cover          { display: block; width: 120px; }
  .wk-logomain       { display: none; }
  .wk-logosmall      { display: block; }
  .wk-aboutmain      { display: block; }
}

@media screen and (min-width: 992px) {
  h1     { color: #FF6633; font: 27px 'Didot', serif; margin-bottom: 10px; }
  h2     { color: #000099; font: 27px 'Didot', serif; }
  h3     { color: #990000; font: 21px 'Didot', serif; }
  h4     { color: #000000; font: 19px 'Didot', serif; }
  h5     { color: #FF6633; font: 17px 'Didot', serif; }
  h6     { color: #FF6633; font: 15px 'Didot', serif; }

  #divsidebar        { min-width: 322px !important; max-width: 322px !important; }
  #divmain           { min-width: 648px !important; max-width: 626px !important; }

  .wk-logomain       { display: block; }
  .wk-logosmall      { display: none; }
  .wk-indexlist li   { margin-top: 3px; }
  .wk-auditlist li   { margin-top: 3px; }
}

@media screen and (min-width: 1200px) {
  #divsidebar        { min-width: 322px !important; max-width: 322px !important; }
  #divmain           { min-width: 848px !important; max-width: 834px !important; }
  #divcolumns        { column-count: 3; }

  .wk-indexlist li   { margin-top: 1px; }
  .wk-auditlist li   { margin-top: 1px; }
}

/*********/
/* GRIDS */
/*********/

.wk-grids            { zoom: 1; }
.wk-grids:before     { content: ""; display: table; }
.wk-grids:after      { content: ""; display: table; clear: both; margin-bottom: 12px; }

.wk-grids-m          { zoom: 1; }
.wk-grids-m:before   { content: ""; display: table; }
.wk-grids-m:after    { content: ""; display: table; clear: both; margin-bottom: 12px; }

.wk-grids-s          { zoom: 1; }
.wk-grids-s:before   { content: ""; display: table; }
.wk-grids-s:after    { content: ""; display: table; clear: both; margin-bottom: 12px; }

.wk-grids-np         { zoom: 1; }
.wk-grids-np:before  { content: ""; display: table; }
.wk-grids-np:after   { content: ""; display: table; clear: both; margin-bottom: 12px; }

.wk-grids-nps        { zoom: 1; }
.wk-grids-nps:before { content: ""; display: table; }
.wk-grids-nps:after  { content: ""; display: table; clear: both; margin-bottom: 12px; }

.wk-grids-npm        { zoom: 1; }
.wk-grids-npm:before { content: ""; display: table; }
.wk-grids-npm:after  { content: ""; display: table; clear: both; margin-bottom: 12px; }

.wk-grids-npt        { zoom: 1; }
.wk-grids-npt:before { content: ""; display: table; }
.wk-grids-npt:after  { content: ""; display: table; clear: both; margin-bottom: 12px; }

.wk-col-tile-quar                  { width: 8px; float: left; }
.wk-col-tile-half                  { width: 16px; float: left; }
.wk-col-tile                       { width: 32px; float: left; }
.wk-col-tile-onehalf               { width: 48px; float: left; }
.wk-col-tile-double                { width: 64px; float: left; }
.wk-col-tile-twohalf               { width: 80px; float: left; }
.wk-col-tile-triple                { width: 96px; float: left; }
.wk-col-tile-quad                  { width: 128px; float: left; }

.wk-grids-m .wk-col-tile-quar      { width: 6px; float: left; }
.wk-grids-m .wk-col-tile-half      { width: 12px; float: left; }
.wk-grids-m .wk-col-tile           { width: 24px; float: left; }
.wk-grids-m .wk-col-tile-onehalf   { width: 36px; float: left; }
.wk-grids-m .wk-col-tile-double    { width: 48px; float: left; }
.wk-grids-m .wk-col-tile-twohalf   { width: 60px; float: left; }
.wk-grids-m .wk-col-tile-triple    { width: 72px; float: left; }
.wk-grids-m .wk-col-tile-quad      { width: 96px; float: left; }

.wk-grids-s .wk-col-tile-quar      { width: 4px; float: left; }
.wk-grids-s .wk-col-tile-half      { width: 8px; float: left; }
.wk-grids-s .wk-col-tile           { width: 16px; float: left; }
.wk-grids-s .wk-col-tile-onehalf   { width: 24px; float: left; }
.wk-grids-s .wk-col-tile-double    { width: 32px; float: left; }
.wk-grids-s .wk-col-tile-twohalf   { width: 40px; float: left; }
.wk-grids-s .wk-col-tile-triple    { width: 48px; float: left; }
.wk-grids-s .wk-col-tile-quad      { width: 64px; float: left; }

.wk-grids-np .wk-col-tile-quar     { width: 8px; float: left; }
.wk-grids-np .wk-col-tile-half     { width: 16px; float: left; }
.wk-grids-np .wk-col-tile          { width: 32px; float: left; }
.wk-grids-np .wk-col-tile-onehalf  { width: 48px; float: left; }
.wk-grids-np .wk-col-tile-double   { width: 64px; float: left; }
.wk-grids-np .wk-col-tile-twohalf  { width: 80px; float: left; }
.wk-grids-np .wk-col-tile-triple   { width: 96px; float: left; }
.wk-grids-np .wk-col-tile-quad     { width: 128px; float: left; }

.wk-grids-npm .wk-col-tile-quar     { width: 6px; float: left; }
.wk-grids-npm .wk-col-tile-half     { width: 12px; float: left; }
.wk-grids-npm .wk-col-tile          { width: 24px; float: left; }
.wk-grids-npm .wk-col-tile-onehalf  { width: 36px; float: left; }
.wk-grids-npm .wk-col-tile-double   { width: 48px; float: left; }
.wk-grids-npm .wk-col-tile-twohalf  { width: 60px; float: left; }
.wk-grids-npm .wk-col-tile-triple   { width: 72px; float: left; }
.wk-grids-npm .wk-col-tile-quad     { width: 96px; float: left; }

.wk-grids-nps .wk-col-tile-quar    { width: 4px; float: left; }
.wk-grids-nps .wk-col-tile-half    { width: 8px; float: left; }
.wk-grids-nps .wk-col-tile         { width: 16px; float: left; }
.wk-grids-nps .wk-col-tile-onehalf { width: 24px; float: left; }
.wk-grids-nps .wk-col-tile-double  { width: 32px; float: left; }
.wk-grids-nps .wk-col-tile-twohalf { width: 40px; float: left; }
.wk-grids-nps .wk-col-tile-triple  { width: 48px; float: left; }
.wk-grids-nps .wk-col-tile-quad    { width: 64px; float: left; }

.wk-grids-npt .wk-col-tile-quar    { width: 2px; float: left; }
.wk-grids-npt .wk-col-tile-half    { width: 4px; float: left; }
.wk-grids-npt .wk-col-tile         { width: 8px; float: left; }
.wk-grids-npt .wk-col-tile-onehalf { width: 12px; float: left; }
.wk-grids-npt .wk-col-tile-double  { width: 16px; float: left; }
.wk-grids-npt .wk-col-tile-twohalf { width: 20px; float: left; }
.wk-grids-npt .wk-col-tile-triple  { width: 24px; float: left; }
.wk-grids-npt .wk-col-tile-quad    { width: 32px; float: left; }

.wk-row-tile           { clear: both; }

.wk-tile               { width: 30px; height: 30px; margin: 1px; float: left; text-align: center; line-height: 30px; }
.wk-grids-m .wk-tile   { width: 22px; height: 22px; margin: 1px; float: left; text-align: center; line-height: 22px; }
.wk-grids-s .wk-tile   { width: 14px; height: 14px; margin: 1px; float: left; text-align: center; line-height: 14px; }
.wk-grids-np .wk-tile  { width: 32px; height: 32px; margin: 0px; float: left; text-align: center; line-height: 32px; }
.wk-grids-npm .wk-tile { width: 24px; height: 24px; margin: 0px; float: left; text-align: center; line-height: 24px; }
.wk-grids-nps .wk-tile { width: 16px; height: 16px; margin: 0px; float: left; text-align: center; line-height: 16px; }
.wk-grids-npt .wk-tile { width: 8px; height: 8px; margin: 0px; float: left; text-align: center; line-height: 8px; }

.wk-tile-beige    { border: 1px solid #000000; background-color: #CC9922; }
.wk-tile-black    { border: 1px solid #000000; background-color: #333333; }
.wk-tile-blue     { border: 1px solid #000000; background-color: #3399FF; }
.wk-tile-bluegrey { border: 1px solid #000000; background-color: #BBCCFF; }
.wk-tile-brown    { border: 1px solid #000000; background-color: #996611; }
.wk-tile-clear    { border: 1px solid #000000; }
.wk-tile-cream    { border: 1px solid #000000; background-color: #FFFFAA; }
.wk-tile-cyan     { border: 1px solid #000000; background-color: #00DDDD; }
.wk-tile-dkgreen  { border: 1px solid #000000; background-color: #006600; }
.wk-tile-dkorange { border: 1px solid #000000; background-color: #884400; }
.wk-tile-dkpink   { border: 1px solid #000000; background-color: #CC0088; }
.wk-tile-dkteal   { border: 1px solid #000000; background-color: #005555; }
.wk-tile-gold     { border: 1px solid #000000; background-color: #EECC00; }
.wk-tile-green    { border: 1px solid #000000; background-color: #339933; }
.wk-tile-grey     { border: 1px solid #000000; background-color: #AAAAAA; }
.wk-tile-grngrey  { border: 1px solid #000000; background-color: #99BB99; }
.wk-tile-indigo   { border: 1px solid #000000; background-color: #CC99FF; }
.wk-tile-lime     { border: 1px solid #000000; background-color: #33DD33; }
.wk-tile-ltbeige  { border: 1px solid #000000; background-color: #DDAA77; }
.wk-tile-ltblue   { border: 1px solid #000000; background-color: #66AAFF; }
.wk-tile-ltred    { border: 1px solid #000000; background-color: #FF8888; }
.wk-tile-maroon   { border: 1px solid #000000; background-color: #660000; }
.wk-tile-navy     { border: 1px solid #000000; background-color: #3333DD; }
.wk-tile-olive    { border: 1px solid #000000; background-color: #808000; }
.wk-tile-orange   { border: 1px solid #000000; background-color: #FFAA55; }
.wk-tile-peach    { border: 1px solid #000000; background-color: #FFE5B4; }
.wk-tile-pink     { border: 1px solid #000000; background-color: #FF66FF; }
.wk-tile-pinkgrey { border: 1px solid #000000; background-color: #DDBBCC; }
.wk-tile-purple   { border: 1px solid #000000; background-color: #9966DD; }
.wk-tile-red      { border: 1px solid #000000; background-color: #EE4444; }
.wk-tile-silver   { border: 1px solid #000000; background-color: #CCCCCC; }
.wk-tile-teal     { border: 1px solid #000000; background-color: #339999; }
.wk-tile-violet   { border: 1px solid #000000; background-color: #AA99FF; }
.wk-tile-white    { border: 1px solid #000000; background-color: #FFFFFF; }
.wk-tile-yellow   { border: 1px solid #000000; background-color: #FFFF77; }

.wk-tile-0        { border-style: hidden; }

.wk-tile-1t       { border-style: solid hidden hidden hidden; }
.wk-tile-1l       { border-style: hidden hidden hidden solid; }
.wk-tile-1r       { border-style: hidden solid hidden hidden; }
.wk-tile-1b       { border-style: hidden hidden solid hidden; }

.wk-tile-2tl      { border-style: solid hidden hidden solid; }
.wk-tile-2tr      { border-style: solid solid hidden hidden; }
.wk-tile-2tb      { border-style: solid hidden solid hidden; }

.wk-tile-2lt      { border-style: solid hidden hidden solid; }
.wk-tile-2lr      { border-style: hidden solid hidden solid; }
.wk-tile-2lb      { border-style: hidden hidden solid solid; }

.wk-tile-2rt      { border-style: solid solid hidden hidden; }
.wk-tile-2rl      { border-style: hidden solid hidden solid; }
.wk-tile-2rb      { border-style: hidden solid solid hidden; }

.wk-tile-2bt      { border-style: solid hidden solid hidden; }
.wk-tile-2bl      { border-style: hidden hidden solid solid; }
.wk-tile-2br      { border-style: hidden solid solid hidden; }

.wk-tile-3not     { border-style: hidden solid solid solid; }
.wk-tile-3nol     { border-style: solid solid solid hidden; }
.wk-tile-3nor     { border-style: solid hidden solid solid; }
.wk-tile-3nob     { border-style: solid solid hidden solid; }

.wk-tile-4        { border-style: solid; }

.wk-tile-quarht      { height: 6px; }
.wk-tile-quarwd      { width: 6px; }
.wk-tile-halfht      { height: 14px; }
.wk-tile-halfwd      { width: 14px; }
.wk-tile-threequarht { height: 22px; }
.wk-tile-threequarwd { width: 22px; }
.wk-tile-onehalfht   { height: 46px; }
.wk-tile-onehalfwd   { width: 46px; }
.wk-tile-doubleht    { height: 62px; }
.wk-tile-doublewd    { width: 62px; }
.wk-tile-twohalfht   { height: 78px; }
.wk-tile-twohalfwd   { width: 78px; }
.wk-tile-tripleht    { height: 94px; }
.wk-tile-triplewd    { width: 94px; }
.wk-tile-threehalfht { height: 110px; }
.wk-tile-threehalfwd { width: 110px; }
.wk-tile-quadht      { height: 126px; }
.wk-tile-quadwd      { width: 126px; }
.wk-tile-midhline    { height: 4px; margin-top: 14px; margin-bottom: 14px; }
.wk-tile-midvline    { width: 4px; margin-left: 14px; margin-right: 14px; }

.wk-grids-m .wk-tile-quarht        { height: 4px; }
.wk-grids-m .wk-tile-quarwd        { width: 4px; }
.wk-grids-m .wk-tile-halfht        { height: 10px; }
.wk-grids-m .wk-tile-halfwd        { width: 10px; }
.wk-grids-m .wk-tile-threequarht   { height: 16px; }
.wk-grids-m .wk-tile-threequarwd   { width: 16px; }
.wk-grids-m .wk-tile-onehalfht     { height: 34px; }
.wk-grids-m .wk-tile-onehalfwd     { width: 34px; }
.wk-grids-m .wk-tile-doubleht      { height: 46px; }
.wk-grids-m .wk-tile-doublewd      { width: 46px; }
.wk-grids-m .wk-tile-twohalfht     { height: 58px; }
.wk-grids-m .wk-tile-twohalfwd     { width: 58px; }
.wk-grids-m .wk-tile-tripleht      { height: 70px; }
.wk-grids-m .wk-tile-triplewd      { width: 70px; }
.wk-grids-m .wk-tile-threehalfht   { height: 82px; }
.wk-grids-m .wk-tile-threehalfwd   { width: 82px; }
.wk-grids-m .wk-tile-quadht        { height: 94px; }
.wk-grids-m .wk-tile-quadwd        { width: 94px; }
.wk-grids-m .wk-tile-midhline      { height: 2px; margin-top: 10px; margin-bottom: 10px; }
.wk-grids-m .wk-tile-midvline      { width: 2px; margin-left: 10px; margin-right: 10px; }

.wk-grids-s .wk-tile-quarht        { height: 2px; }
.wk-grids-s .wk-tile-quarwd        { width: 2px; }
.wk-grids-s .wk-tile-halfht        { height: 6px; }
.wk-grids-s .wk-tile-halfwd        { width: 6px; }
.wk-grids-s .wk-tile-threequarht   { height: 10px; }
.wk-grids-s .wk-tile-threequarwd   { width: 10px; }
.wk-grids-s .wk-tile-onehalfht     { height: 22px; }
.wk-grids-s .wk-tile-onehalfwd     { width: 22px; }
.wk-grids-s .wk-tile-doubleht      { height: 30px; }
.wk-grids-s .wk-tile-doublewd      { width: 30px; }
.wk-grids-s .wk-tile-twohalfht     { height: 38px; }
.wk-grids-s .wk-tile-twohalfwd     { width: 38px; }
.wk-grids-s .wk-tile-tripleht      { height: 46px; }
.wk-grids-s .wk-tile-triplewd      { width: 46px; }
.wk-grids-s .wk-tile-threehalfht   { height: 54px; }
.wk-grids-s .wk-tile-threehalfwd   { width: 54px; }
.wk-grids-s .wk-tile-quadht        { height: 62px; }
.wk-grids-s .wk-tile-quadwd        { width: 62px; }
.wk-grids-s .wk-tile-midhline      { height: 2px; margin-top: 7px; margin-bottom: 7px; }
.wk-grids-s .wk-tile-midvline      { width: 2px; margin-left: 7px; margin-right: 7px; }

.wk-grids-np .wk-tile-quarht       { height: 8px; }
.wk-grids-np .wk-tile-quarwd       { width: 8px; }
.wk-grids-np .wk-tile-halfht       { height: 16px; }
.wk-grids-np .wk-tile-halfwd       { width: 16px; }
.wk-grids-np .wk-tile-threequarht  { height: 24px; }
.wk-grids-np .wk-tile-threequarwd  { width: 24px; }
.wk-grids-np .wk-tile-onehalfht    { height: 48px; }
.wk-grids-np .wk-tile-onehalfwd    { width: 48px; }
.wk-grids-np .wk-tile-doubleht     { height: 64px; }
.wk-grids-np .wk-tile-doublewd     { width: 64px; }
.wk-grids-np .wk-tile-twohalfht    { height: 80px; }
.wk-grids-np .wk-tile-twohalfwd    { width: 80px; }
.wk-grids-np .wk-tile-tripleht     { height: 96px; }
.wk-grids-np .wk-tile-triplewd     { width: 96px; }
.wk-grids-np .wk-tile-threehalfht  { height: 112px; }
.wk-grids-np .wk-tile-threehalfwd  { width: 112px; }
.wk-grids-np .wk-tile-quadht       { height: 128px; }
.wk-grids-np .wk-tile-quadwd       { width: 128px; }
.wk-grids-np .wk-tile-midhline     { height: 4px; margin-top: 14px; margin-bottom: 14px; }
.wk-grids-np .wk-tile-midvline     { width: 4px; margin-left: 14px; margin-right: 14px; }

.wk-grids-npm .wk-tile-quarht      { height: 6px; }
.wk-grids-npm .wk-tile-quarwd      { width: 6px; }
.wk-grids-npm .wk-tile-halfht      { height: 12px; }
.wk-grids-npm .wk-tile-halfwd      { width: 12px; }
.wk-grids-npm .wk-tile-threequarht { height: 18px; }
.wk-grids-npm .wk-tile-threequarwd { width: 18px; }
.wk-grids-npm .wk-tile-onehalfht   { height: 36px; }
.wk-grids-npm .wk-tile-onehalfwd   { width: 36px; }
.wk-grids-npm .wk-tile-doubleht    { height: 48px; }
.wk-grids-npm .wk-tile-doublewd    { width: 48px; }
.wk-grids-npm .wk-tile-twohalfht   { height: 60px; }
.wk-grids-npm .wk-tile-twohalfwd   { width: 60px; }
.wk-grids-npm .wk-tile-tripleht    { height: 72px; }
.wk-grids-npm .wk-tile-triplewd    { width: 72px; }
.wk-grids-npm .wk-tile-threehalfht { height: 84px; }
.wk-grids-npm .wk-tile-threehalfwd { width: 84px; }
.wk-grids-npm .wk-tile-quadht      { height: 96px; }
.wk-grids-npm .wk-tile-quadwd      { width: 96px; }
.wk-grids-npm .wk-tile-midhline    { height: 3px; margin-top: 10px; margin-bottom: 11px; }
.wk-grids-npm .wk-tile-midvline    { width: 3px; margin-left: 10px; margin-right: 11px; }

.wk-grids-nps .wk-tile-quarht      { height: 4px; }
.wk-grids-nps .wk-tile-quarwd      { width: 4px; }
.wk-grids-nps .wk-tile-halfht      { height: 8px; }
.wk-grids-nps .wk-tile-halfwd      { width: 8px; }
.wk-grids-nps .wk-tile-threequarht { height: 12px; }
.wk-grids-nps .wk-tile-threequarwd { width: 12px; }
.wk-grids-nps .wk-tile-onehalfht   { height: 24px; }
.wk-grids-nps .wk-tile-onehalfwd   { width: 24px; }
.wk-grids-nps .wk-tile-doubleht    { height: 32px; }
.wk-grids-nps .wk-tile-doublewd    { width: 32px; }
.wk-grids-nps .wk-tile-twohalfht   { height: 40px; }
.wk-grids-nps .wk-tile-twohalfwd   { width: 40px; }
.wk-grids-nps .wk-tile-tripleht    { height: 48px; }
.wk-grids-nps .wk-tile-triplewd    { width: 48px; }
.wk-grids-nps .wk-tile-threehalfht { height: 56px; }
.wk-grids-nps .wk-tile-threehalfwd { width: 56px; }
.wk-grids-nps .wk-tile-quadht      { height: 64px; }
.wk-grids-nps .wk-tile-quadwd      { width: 64px; }
.wk-grids-nps .wk-tile-midhline    { height: 2px; margin-top: 7px; margin-bottom: 7px; }
.wk-grids-nps .wk-tile-midvline    { width: 2px; margin-left: 7px; margin-right: 7px; }

.wk-grids-npt .wk-tile-quarht      { height: 2px; }
.wk-grids-npt .wk-tile-quarwd      { width: 2px; }
.wk-grids-npt .wk-tile-halfht      { height: 4px; }
.wk-grids-npt .wk-tile-halfwd      { width: 4px; }
.wk-grids-npt .wk-tile-threequarht { height: 6px; }
.wk-grids-npt .wk-tile-threequarwd { width: 6px; }
.wk-grids-npt .wk-tile-onehalfht   { height: 12px; }
.wk-grids-npt .wk-tile-onehalfwd   { width: 12px; }
.wk-grids-npt .wk-tile-doubleht    { height: 16px; }
.wk-grids-npt .wk-tile-doublewd    { width: 16px; }
.wk-grids-npt .wk-tile-twohalfht   { height: 20px; }
.wk-grids-npt .wk-tile-twohalfwd   { width: 20px; }
.wk-grids-npt .wk-tile-tripleht    { height: 24px; }
.wk-grids-npt .wk-tile-triplewd    { width: 24px; }
.wk-grids-npt .wk-tile-threehalfht { height: 28px; }
.wk-grids-npt .wk-tile-threehalfwd { width: 28px; }
.wk-grids-npt .wk-tile-quadht      { height: 32px; }
.wk-grids-npt .wk-tile-quadwd      { width: 32px; }
.wk-grids-npt .wk-tile-midhline    { height: 2px; margin-top: 3px; margin-bottom: 3px; }
.wk-grids-npt .wk-tile-midvline    { width: 2px; margin-left: 3px; margin-right: 3px; }


/********************/
/* HALFLING SYMBOLS */
/********************/

.wk-symbol-chevron-up:before	{ content: "\e113"; font-family: 'Glyphicons Halflings'; font-size: 12px; padding-right: 2px; }
.wk-symbol-chevron-down:before	{ content: "\e114"; font-family: 'Glyphicons Halflings'; font-size: 12px; padding-right: 2px; }
.wk-symbol-chevron-left:before	{ content: "\e079"; font-family: 'Glyphicons Halflings'; font-size: 12px; padding-right: 2px; }
.wk-symbol-chevron-right:before	{ content: "\e080"; font-family: 'Glyphicons Halflings'; font-size: 12px; padding-right: 2px; }


/********************/
/* COLOR VARIATIONS */
/********************/

.blue    { color: #000099; }
.black   { color: #000000; }
.green   { color: #006600; }
.grey    { color: #DDDDDD; }
.orange  { color: #AA5500; }
.purple  { color: #550099; }
.red     { color: #660000; }
.white   { color: #FFFFFF; }
.yellow  { color: #999900; }

.steam-yes         { color: #D0A91C; }
.steam-inprogress  { color: #FF7A32; }
.steam-broken      { color: #B7222A; }
.steam-missing     { color: #8821A8; }
.steam-planned     { color: #3C8CC1; }

a:link    { text-decoration: none; color: #660000; }
a:visited { text-decoration: none; color: #660000; }
a:active  { text-decoration: underline; color: #AA0000; }
a:hover   { text-decoration: underline; color: #AA0000; }
a:focus   { text-decoration: underline; color: #AA0000; outline: none !important; }

#divgameintro a:link    { text-decoration: none; color: #000099; }
#divgameintro a:visited { text-decoration: none; color: #000099; }
#divgameintro a:active  { text-decoration: underline; color: #0000DD; }
#divgameintro a:hover   { text-decoration: underline; color: #0000DD; }
#divgameintro a:focus   { text-decoration: underline; color: #0000DD; outline: none !important; }

a.red:link       { text-decoration: none; color: #660000; }
a.red:visited    { text-decoration: none; color: #660000; }
a.red:active     { text-decoration: underline; color: #AA0000; }
a.red:hover      { text-decoration: underline; color: #AA0000; }
a.red:focus      { text-decoration: underline; color: #AA0000; outline: none !important; }

a.orange:link    { text-decoration: none; color: #AA5500; }
a.orange:visited { text-decoration: none; color: #AA5500; }
a.orange:active  { text-decoration: underline; color: #CC7700; }
a.orange:hover   { text-decoration: underline; color: #CC7700; }
a.orange:focus   { text-decoration: underline; color: #CC7700; outline: none !important; }

a.yellow:link    { text-decoration: none; color: #999900; }
a.yellow:visited { text-decoration: none; color: #999900; }
a.yellow:active  { text-decoration: underline; color: #AAAA00; }
a.yellow:hover   { text-decoration: underline; color: #AAAA00; }
a.yellow:focus   { text-decoration: underline; color: #AAAA00; outline: none !important; }

a.purple:link    { text-decoration: none; color: #550099; }
a.purple:visited { text-decoration: none; color: #550099; }
a.purple:active  { text-decoration: underline; color: #9900FF; }
a.purple:hover   { text-decoration: underline; color: #9900FF; }
a.purple:focus   { text-decoration: underline; color: #9900FF; outline: none !important; }

a.green:link     { text-decoration: none; color: #006600; }
a.green:visited  { text-decoration: none; color: #006600; }
a.green:active   { text-decoration: underline; color: #009900; }
a.green:hover    { text-decoration: underline; color: #009900; }
a.green:focus    { text-decoration: underline; color: #009900; outline: none !important; }

a.blue:link      { text-decoration: none; color: #000099; }
a.blue:visited   { text-decoration: none; color: #000099; }
a.blue:active    { text-decoration: underline; color: #0000DD; }
a.blue:hover     { text-decoration: underline; color: #0000DD; }
a.blue:focus     { text-decoration: underline; color: #0000DD; outline: none !important; }

a.black:link     { text-decoration: none; color: #000000; }
a.black:visited  { text-decoration: none; color: #000000; }
a.black:active   { text-decoration: underline; color: #666666; }
a.black:hover    { text-decoration: underline; color: #666666; }
a.black:focus    { text-decoration: underline; color: #666666; outline: none !important; }

a.grey:link      { text-decoration: none; color: #999999; }
a.grey:visited   { text-decoration: none; color: #999999; }
a.grey:active    { text-decoration: underline; color: #AAAAAA; }
a.grey:hover     { text-decoration: underline; color: #AAAAAA; }
a.grey:focus     { text-decoration: underline; color: #AAAAAA; outline: none !important; }