/* reset.css */
html,body,div,span,hr,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,code,img,q,b,i,ol,ul,li,fieldset,form,label,legend,article,aside,details,footer,header,menu,nav,section,summary{margin:0;padding:0;border:0;position:relative;vertical-align:baseline}
article,aside,details,footer,header,menu,nav,section{display:block}
body{-webkit-text-size-adjust:none;background:#000;color:#333;font-size:13px;line-height:20px;font-family:tahoma,verdana,arial,helvetica,sans-serif;overflow-x:hidden;overflow-y:scroll;min-width:320px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
body a{text-decoration:none}
body a:link{-webkit-tap-highlight-color:#b80000}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}
input[type="radio"],input.radio{vertical-align:text-bottom;}
input[type="checkbox"],input.checkbox,.checkboxes input{vertical-align:bottom}
label,input[type="button"],input[type="submit"],input[type="image"],button,.btn{cursor:pointer}
button,input,select,textarea{margin:0}
button{width:auto;overflow:visible}
input,select{vertical-align:middle}
.hidden{display:none;visibility:hidden}
hr{display:block;height:1px;border-top:1px solid #ccc}
a:hover,a:active{outline:none}
ol{list-style-type:decimal;}
ul li{list-style-type:none;}
nav ul,nav li{list-style:none;list-style-image:none}
b,th{font-weight:bold}
::selection,::-moz-selection{background:#b80000;color:#fff;text-shadow:none}
.top_wrap{text-align:center;margin:0 auto;width:100%}
.inner_wrap{width:100%}

/* custom globals */
.flw{width:100%}

/* AlphabetMenu */
.search_alpha{background:#000}
#swiTch{}
#letters{}
#numbers{display:none}
.alpha{text-align:center}
.alpha ul li{cursor:pointer;display:inline-block;background:#111;width:30px;height:42px;border-right:dotted 1px #333;border-bottom:dotted 1px #333}
.alpha ul li i{color:#fff;font:bold normal 16px/41px verdana;box-sizing:border-box}
.alpha ul li i.fa {font:bold normal 16px/41px FontAwesome}
.alpha ul li:hover{background:#323}
.alpha ul li.first{border-left:dotted 1px #333;}

/* Navbar */
#navi{background:#000}
#navi b{display:inline-block;color:#0fc;font:normal normal 16px/41px verdana;white-space:normal}
#navi .alpha ul{background:#111;width:auto;display:inline-block}
#navi .alpha ul li{background:transparent}
#navi .alpha ul li.addtla_on i{color:#74a963}
#navi .alpha ul li.addtla_off i{color:#773434}
#navi .alpha ul li.admin_on i{color:#74a963}
#navi .alpha ul li.admin_off i{color:#773434}
#navi .alpha ul li.off{cursor:default}
#navi .alpha ul li i.signin{color:#d61919}
#navi .alpha ul li i.signout{color:#74a963}
#navi .alpha ul li:hover{background:#323}
#navi .alpha ul li.off:hover{background:transparent}

/* Add TLA Form */
#addtla{background:#000}
.add{color:#f00;text-align:center;margin:0 auto}
.add .field{background:#000;;width:310px;margin:1px auto 0px auto}
.add .field input[type="text"]{display:block;border:0;margin:0 0 1px 0;padding:0;width:310px;height:30px;text-align:center;font:700 2em/2 "Courier New",Courier,monospace}
.add .field textarea{display:block;border:0;margin:0;padding:0;width:310px;height:90px}
.add .field select{display:block;border:0;width:310px;height:90px;text-align:center}
.add .field input[type="button"]{display:block;border:0;margin:1px 0 0 0;padding:0;width:310px;height:30px;background:#999;color:#000;font:700 2em/1 "Courier New",Courier,monospace}
#addtla .err{width:312px;margin:0 auto;height:80px;background:#673131}
#addtla .err h3{padding-top:20px;font:100 1.5em/1.2 "Courier New",Couri er,monospace;color:#fff}

/* slide up/down */
.slideud{-webkit-transition:height 0.2s ease;-moz-transition:height 0.2s ease;-o-transition:height 0.2s ease;-o-transition-property:height;-o-transition-duration:0.2s;-o-transition-timing-function:ease;transition:height 0.2s ease}

/* search bar */
.search_bar i{float:right;cursor:pointer;display:inline-block;width:30px;height:42px;background:#666;text-align:center;font:normal normal 16px/41px FontAwesome;border-right:1px dotted #333;color:#fff}
.search_bar i:hover{color:#22c322;background:#233523}
.search_bar{background:#222;border-left:1px dotted #333;height:42px;margin:0 auto;text-align:center;width:310px}
#search_tla{display:inline-block;height:42px;width:auto;float:left;}
#search_tla i{box-sizing:border-box;color:#41ff27;font:bold 16px/41px verdana;background:#182016;border-right:1px dotted #333;cursor:pointer;display:inline-block;height:42px;width:31px;float:left}
#search_tla i:hover{color:#edf800;background:#040703}

/* search-results */
.ajaxres{width:100%;height:100%;background:#000}
.search-result-article{background:#fff;clear:left;height:auto;margin:8px auto;padding:5px;color:#666;cursor:pointer;width:301px}
.search-result-article p{font-size:14px;text-align:left}
.search-result-article p span.thetla{font-size:20px;padding-right:5px;color:#333}
.search-results-list{height:100%;margin:0 auto;text-align:center;width:100%}

/* pagination */
.pagination{color:#1ae912;width:311px;display:block;margin:0 auto;text-align:center;border-top:dotted 1px #333;border-bottom:dotted 1px #333;height:42px}
.pagination span{display:inline-block;line-height:42px;background:#111;border-left:1px dotted #333;cursor:pointer;display:inline-block;height:42px;width:30px}
.pagination span a{font-size:12px;color:#76a140;text-decoration:none;text-align:center;width:26px;height:26px;float:none;display:inline-block}
.pagination span.left{font-size:16px;float:left;}
.pagination span.right{font-size:16px;float:right;border-right:1px dotted #333;border-left:0}
.pagination span.more{color:#690}
.pagination span.disabled a{cursor:default;color:#333}
.pagination span.active{background:#142211}
.pagination span.last{border-right:1px dotted #333}

/* show TLA */
.show_tla_wrap{position:fixed;width:100%;top:0;z-index:888;text-align:center;margin:0 auto;box-shadow:0px 2px 5px rgba(0,0,0,0.4)}
#show_tla{background:#ccc;display:none;text-align:center;margin:0 auto;width:311px;padding:10px 0 20px 0;min-height:142px;box-shadow:0 2px 2px -2px #999}
#show_tla article a{color:#000}
#show_tla article div{padding:0 10px}
#show_tla article h2 a{background:#ddd;color:#000;display:inline-block;position:relative;width:100%;z-index:1;padding:3px 0;margin-bottom:5px}
#show_tla article h2 a:hover{color:#233523}
#show_tla .close{cursor:pointer;position:absolute;right:0;top:-10px;border-width:20px;border-style:solid;border-color:#000 #000 #ccc #ccc;height:0;width:0;box-shadow:-2px 2px 2px rgb(153, 153, 153);z-index:2}
.close .fa-close{top:-3px;left:-16px;font-size:20px;color:#ccc;text-shadow:1px 1px 1px #666}
#show_tla .close i.tla_close{margin-left:-1.3em;font-size:1.3em}
#show_tla .close i.tla_close:hover{color:#22C322}

/* External url search*/
#extsearch{background:#000;height:auto}
#extsearch h2{color:#13a570;padding:20px 0;font-weight:100;letter-spacing:2px}
#extsearch li{color:#9c5050;display:block;margin:0 auto;width:320px;border-top:dotted 2px #121;cursor:pointer;font-size:1.2em;line-height:1.8;height:30px}
#extsearch li:hover{color:#78b36e;background:rgba(67,85,102,0.1)}

/* login */
.form{background:rgba(122,122,122,0.1);color:#fff;text-align:center;margin:0 auto;padding-bottom:20px;width:312px;height:auto;font-size:1.2em;line-height:1.8;}
.form input.checkbox{vertical-align:baseline}
.form input.text{width:312px;height:22px;border:0;margin-bottom:10px}
.form #Remember label{}
.form input.action{display:block;border:0;margin:15px auto 0;padding:0;width:310px;height:30px;background:#999;color:#000;font:700 1.5em/1 "Courier New",Courier,monospace}

/* footer */
.footer{height:40px;width:100%}
.footer img{width:34px;height:40px;opacity:0.6;float:right}
.footer a{line-height:3em;color:rgba(44,44,44,0.5)}

/* page-loader */
#page_loader{display:block;width:100%;height:auto;position:fixed;left:0;z-index:100000;top:-3232px;opacity:0.9}
.loader{width:100px;height:100px;margin:0 auto;font-size:10px;text-indent:-12345px;border:25px solid rgba(0,0,0,1);border-color:rgba(28, 234, 23, 0.1) rgba(28, 234, 23, 0.3) rgba(28, 234, 23, 0.5) rgba(28, 234, 23, 0.7);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:spinner 700ms infinite linear;-moz-animation:spinner 700ms infinite linear;-ms-animation:spinner 700ms infinite linear;-o-animation:spinner 700ms infinite linear;animation:spinner 700ms infinite linear;z-index:100001}
@-webkit-keyframes spinner{
 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spinner{
 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes spinner {
 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner {
 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}