/**************** Body and tag styles ****************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, focus {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family: "URW Gothic L", Arial, Helvetica, sans-serif; vertical-align:baseline; font-size:1em;}

body, html {background:#5D695D; color:#000000; letter-spacing:1px;}

ol, ul {list-style:none; }

/* tables still need 'cellspacing="0"' in the markup */
/table {border-collapse:separate; border-spacing:0; }

caption, th, td {text-align:left; font-weight:normal; }
blockquote:before, blockquote:after,q:before, q:after {content:""; }
blockquote, q {quotes:"" ""; }

a {color:#800000; font-weight:500; text-decoration:none; background-color:inherit; border-bottom:1px dotted black;}
a:hover {color:#467aa7; text-decoration:none;color:#024769; border-bottom:2px solid #000000}
a.img {border:none;}

p {text-align:justify; line-height:1.4em; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;}
p form{margin-top:0; margin-bottom:20px;}

/**************** Header and navigation styles ****************/
.container{width:51.25em;margin:10px auto;text-align:left;}

/**************** Misc classes and styles ****************/
.clear{clear:both;}
.clear_Left{clear:left;}
.hide{display:none;}
.inherit {font-weight:inherit; font-style:inherit; border:inherit; color:inherit}

/**************** added by verlager ****************/
/*p:first-letter {display:block; margin:1px 0 0 5px; float:left; color:#000000; font-size:25px;}*/
.GM-pic {padding:0; margin:5px 5px 0 5px; float:left;}
.plain {text-decoration:inherit; color:inherit; background:inherit; border:0}
.border_off {border:0}
.padding_off {padding:0}

.center {text-align:center; margin-right:auto; margin-left:auto;}
.italic{font-style:italic}
.strikeout {text-decoration:line-through;}
.underline {text-decoration:underline;}
.bold{font-weight:600}

.inline {display:inline;}
.main {display:table; margin:0 auto}
.list_me {margin:10px;}
.link_cat {color:#4b5e90; font-size:1.3em; letter-spacing:1px; font-weight:600; text-align:left; margin-top:15px; padding-left:0}

.captxt {text-transform:capitalize}
.uctxt {text-transform: uppercase; } 
.lctxt {text-transform: lowercase; }

h3 {color:#5f2a46; font-size:1.4em; letter-spacing:1px; font-weight:bold; text-align:left; margin-top:15px; padding:0}
h2 {color:#0d1f30; font-size:1.5em; letter-spacing:1px; line-height:2em; text-align:center; background:#88CC6B; -moz-border-radius:15px; -webkit-border-radius:15px; display:table; padding:0 40px; margin:0 auto; margin-bottom:20px}
li {text-align:justify;}
td {text-align:right; padding-left:1em; padding-right:1em}
hr {color:#000000; height:4px; background-color:#000000; border:0; text-align:center; margin:15px 0}

.new-article {background:#FFD700; color:#000000; font-size:1.1em; letter-spacing:1px; line-height:2em; text-align:center; /*-moz-border-radius:15px; -webkit-border-radius:15px;*/ display:table; padding:0 20px; margin:0 auto;}

.date {font-weight:700; font-size:1.1em; color:#006400}
.teal_BG{background:#008080}

.list {margin:1em 2em; text-indent:0em; text-align:left}
.dropshadow {-webkit-box-shadow:0.1em 0.1em 0.1em #808080; -moz-box-shadow:0.1em 0.1em 1em #808080}
.dropshadow_dark {-webkit-box-shadow:0.3em 0.3em 0.3em #000; -moz-box-shadow:0.3em 0.3em 0.3em #000;}
.shadow {text-shadow:0.05em 0.05em 0.01em #808080}
.rounded {-moz-border-radius:15px; -webkit-border-radius:15px;}
.justify {text-align:justify}
.big_dot {font-size:20pt; vertical-align:middle; padding:0; color:#878030; display:inline; position:relative; top:1px}

.pogo {margin-top:20px; margin-bottom:20px; width:48em; height:auto; background:#DCDFDC;}
.chesstao-txt {color:#9C9F84; font-size:1.95em; font-weight:800; letter-spacing:1px} 

.link_dot {font-size:20pt; vertical-align:middle; padding:0; color:#4b5e90; display:inline; position:relative; bottom:3px}

.order {padding:10px 20px}
.order li {padding-left:10px; margin:10px 0}}

.float_left {float:left}
.float_right {float:right}

.menu {color:#000000; height:2.5em; padding:0; width:50em; margin:0 auto; margin-bottom:20px;} 

ul#navlist li {margin:0; border:0; text-transform:capitalize; margin-bottom:1em}
ul#navlist li a:hover,ul#navlist a#current:hover{ color:#49191e; text-decoration:none; border-bottom:2px solid black}
ul#navlist li a{color:#000000; border:0; text-decoration:none; padding:2px 5px; letter-spacing:2px; margin:0 4px; font-weight:normal; font-size:1.1em}

.item {padding:0; margin:0;  font-size:1.1em; }
.dot {padding:0;}

.printtext {display:none;}

/*chess game*/
.arena {overflow:hidden; height:auto; background:#DCDFDC; font-size:14pt;}
.gameBoard {display:block; float:left; height:19em; width:17em; margin-right:1.0em;}
.gameText {display:block; font-weight:500; line-height:1.1em; font-size:0.88em; text-align:justify; width:30em; overflow:scroll; height:20em; padding:20px; padding-top:0; overflow-x:hidden}
.game-header {color:#008000; font-size:1.1em; font-weight:700; margin:0 auto; margin-bottom:10px; line-height:1.5em;}
.game-comment {font-size:1em; line-height:1.2em}

.stack {width:48em; background:#DCDFDC; margin-bottom:25px; margin-top:0; padding-top:10px; overflow:hidden;-webkit-box-shadow:0.3em 0.3em 0.3em #000; -moz-box-shadow:0.3em 0.3em 0.3em #000;}

.input.btnhov {border-color:#c63 #930 #930 #c63; }
.btn {color:#050; font-size:1em; letter-spacing:2px; height:2em; font-weight:600; padding-right:10px; padding-left:10px;} 

.promo {background:#DCDFDC; overflow:hidden; margin:20px 3px; padding:10px 20px; -webkit-box-shadow:0.3em 0.3em 0.3em #000; -moz-box-shadow:0.3em 0.3em 0.3em #000}

/* FOR QTIP */
div#qTip {-moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; display:none; background:#F5F5F5; color:#191970; font-weight:bolder; position:absolute; z-index:1000; font-size:1.1em; /* filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; */ -webkit-box-shadow:0.1em 0.1em 0.8em #BDB76B; -moz-box-shadow:0.1em 0.1em 0.8em #BDB76B}

.input {padding:0}

.awesome, .awesome:visited {background:#222 url(/images/alert-overlay.png) repeat-x; display:inline-block; padding:10px 10px; color:#fff; text-decoration:none; border:0; position:relative; cursor:pointer; margin:10px; text-shadow:0 -1px 1px rgba(0,0,0,0.25);
 -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); }

.clearFieldBlurred {color:#666; font-style: italic; }
.clearFieldActive {color:#000; }

.thx_to {padding:1em; width:30em; margin-bottom:10px}

.linx_bg:hover {background:#F0FFF0; color:#000000}

 .awesome:hover  {background-color:#111; color:#ffffff; text-decoration:none; border:0;}
 .awesome:active  {text-decoration:none; border:0;}
 .small.awesome, .small.awesome:visited {font-size:1em; padding:0; }
 .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {font-size:1.1em; font-weight:bold; }
 .large.awesome, .large.awesome:visited {font-size:1.2em; padding:10px 10px; }
 
 .green.awesome, .green.awesome:visited {background-color:#008080;}
 .green.awesome:hover  {background-color:#008000;}
 
 .blue.awesome, .blue.awesome:visited {background-color:#152c52; }
 .blue.awesome:hover  {background-color:#1c2331;}
 
 .red.awesome, .red.awesome:visited {background-color:#e33100; }
 .red.awesome:hover  {background-color:#872300; }
 
 .magenta.awesome, .magenta.awesome:visited {background-color:#a9014b; }
 .magenta.awesome:hover  {background-color:#630030; }
 
 .orange.awesome, .orange.awesome:visited {background-color:#ff5c00; }
 .orange.awesome:hover  {background-color:#d45500; }
 
 .TCO {background-color:#008000;font-size:1em; font-weight:600; display:inline-block; padding:0; color:#fff; text-decoration:none; border:0; padding:5px 10px; position:relative; cursor:pointer; margin:5px; text-shadow:0 -1px 1px rgba(0,0,0,0.25);
 -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); }}
 
 .TCO a:hover {background-color:#008080; color:#ffffff}

.css-arrow-multicolor {border-color: red green blue orange; border-style:solid; border-width:20px; width:0; height:0;}

.down-arrow {font-size: 0px; line-height: 0%; width: 0px; border-top: 20px solid #77c; border-left: 10px solid #f6f6f6;
border-right: 10px solid #f6f6f6;}

.up-arrow {font-size: 0px; line-height: 0%; width: 0px; border-bottom: 20px solid #77c; border-left: 10px solid #f6f6f6;
border-right: 10px solid #f6f6f6;}

.left-arrow {font-size: 0px; line-height: 0%; width: 0px; border-top: 10px solid #f6f6f6; border-right: 20px solid #77c;
border-bottom: 10px solid #f6f6f6;}

.right-arrow {font-size:0px; line-height:0%; width:0px; border-top:5px solid #DCDFDC; border-left:10px solid #000000;
border-bottom:5px solid #DCDFDC; vertical-align:middle;}

.left-top-triangle {font-size: 0px; line-height: 0%; width: 0px; border-top: 10px solid #000000; border-right: 10px solid #CCCC9A; vertical-align:middle;}

.left-bottom-triangle {font-size: 0px; line-height: 0%; width: 0px; border-bottom: 10px solid #000000; border-right: 10px solid #CCCC9A; vertical-align:middle;}

.h3-right-arrow {font-size:0px; line-height:0%; width:0px; border-top:10px solid #B3B5B3; border-left:10px solid #5f2a46;
border-bottom:10px solid #B3B5B3; vertical-align:middle; margin-left:10px}

.h3-left-arrow {font-size: 0px; line-height: 0%; width: 0px; border-top:10px solid #B3B5B3; border-right:10px solid #5f2a46; border-bottom: 10px solid #B3B5B3; vertical-align:middle; margin-right:10px}