@import url('reset.css');
.ui-menu .ui-autocomplete .ui-menu .ui-widget .ui-widget-content .ui-corner-all .ui-autocomplete-input {
    font-size:7pt !important;
	z-index:6000;
}
.ui-autocomplete {
		max-height: 400px;
		overflow-y: auto;
		overflow-x: hidden;
}
/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
		height: 400px;
}
#nameLbl {
    font-size:14px;
}

#currCharTop {
    z-index: 5002;
}

#bottom{
    z-index: 5001;
    position: absolute;
}

#nameErr{
    color:red;
    font-size:9pt;
}

.underline{
    text-decoration: underline;
    position: absolute;
    z-index: 5001;

}

.matched
{
    color:lightgrey;  
}

.unmatched
{
    color:black;
}

.wrong{
    color:red;
}

#lightbox {
    display:none;
    background:#000000;
    opacity:0.6;
    filter:alpha(opacity=90);
    position:absolute;
    top:0px;
    left:0px;
    min-width:100%;
    min-height:100%;
    z-index:5000;
    height:1479px;
}

#lightbox-panel {
    border-radius:20px;
    -moz-border-radius:20px;
    display:none;
    position:fixed;
    top:300px;
    left:50%;
    margin-left:-200px;
    width:450px;
    background:#FFFFFF;
    padding:10px 15px 10px 15px;
    border:1px solid #CCCCCC;
    z-index:5001;
    box-shadow: 0px 0px 20px white;
}

#resultTbl {
color: black;
font-family: 'Droid Sans Mono', sans-serif;
}


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:14px;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}

.clear{
    clear:both;
    height:1px;
}

.inv{ display:none; }

body {
    line-height: 1.5em;
    color: #6a6a6a;
    background: #ffffff;
    font-family: 'Droid Sans', sans-serif;
    font-size: 13px;
}

#top-gap{ height: 140px; }

#logo{
    position: absolute;
    top: -3px;
    left: 35px;
}

p{ margin-bottom: 21px; }

a{
    color: #606060;
}
h1{ font-size: 30px; }

h2{ font-size: 28px; }

h3{ font-size: 26px; }

h4{ font-size: 24px; }

h5{ font-size: 22px; }

h6{ font-size: 20px; }

h1,h2,h3,h4,h5,h6{
    margin-bottom: 21px;
    line-height: 21px;
    font-family: 'Droid Serif', serif;
    font-weight: 400;
    line-height: 1.2em;
}

.headerimg { 
    background: url(../img/wall2.jpg);
    background-repeat: repeat;
    width:100%; 
    height:1479px; 
    position:absolute;
	z-index:-1;
}

#headernav { 
    position: relative; 
    top: 60px; 
    margin: 0 auto; 
    width:100%;
    display: none;
}

.wrapper { 
    position: relative;
    width: 1020px; 
    margin: 0px auto; 
    background: url(../img/wrapper-bg.png) no-repeat top center;
    padding-top: 120px;
}

#content-wrap{
    margin-left:20px;
    margin-right: 20px;
    background: #ffffff;
    min-height: 600px;
}

#page-wrap{
    margin-left:20px;
    margin-right: 20px;
    padding-bottom: 40px;
    text-align: center;
}

#front-slides{
    position: relative;
    margin-bottom: 15px;
}

#front-slides #front-slides-cover{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 940px;
    height: 25px;
    background: url(../img/front-cover.png) no-repeat;
    z-index: 4001;
}

#front-slides .slides_container {
    width:940px;
}

#front-slides .slides_container div {
    width:940px;
    display:block;
}

#front-slides .slides_container .caption {
    display: none;
}

#textOverlay {
    z-index:5000;
    position: absolute;
    width: 470px;
    height:320px;
    margin-top: 89px;
    margin-left: 160px;
    color:black;
    font-size:15px;
    text-align: left;
	font-family: 'Droid Sans Mono', sans-serif;
}

.banner{
    background: url(../img/shadow-divider.png) no-repeat center center;
    margin-bottom: 5px;
}

.banner .ribbon{
    margin: 0px auto;
}

.ribbon{
    display: table;
    font-family: 'Droid Serif', serif;
    color: #f2f2f2;
    line-height: 59px;
    padding-left: 49px;
    font-size: 18px;
    background: url(../img/ribbon.png) no-repeat top left;

    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}

.ribbon span{
    background: url(../img/ribbon.png) no-repeat bottom right;
    display: block;
    line-height: 59px;
    padding-right: 49px;
}


#content-wrap .heading a{
    text-decoration: none;
    color: #606060;
}

#content-wrap .heading a:hover{
    color: #000000;
}

#reel{
    position: relative;
    height: 210px;
    margin-bottom: 15px;
    text-align: center;
    background: url(../img/reel-bk.png) no-repeat;
}

#reel .slides_container{
    position: absolute;
    overflow: hidden;
    top: 20px;
    left: 17px;
    width: 898px;
    height: 170px;

}

#reel .slides_container  .slide-box {
	width: 898px;
    height: 200px;
    padding-left: 10px;
    padding-right: 10px;
}

#reel .slides_container .box-container{
    overflow: hidden;
    float: left;
    width: 273px;
    margin: 0px 10px;
}

#reel .slides_container .box-container h6{
    color: #484848;
    margin-top: 5px;
    margin-bottom: 7px;
}

#reel .box-icon{
    float: left;
    margin-right: 10px;
}

#reel .slides_container .box-divider{
    clear: both;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#footer{
    position: relative;
    width: 100%;
    padding-bottom: 10px;
    background: #252525 url(../img/ver-1x1.png);
    border-bottom: #383838 solid 1px;
    border-top: 1px solid #383838;
}


.footer-wrapper{
    overflow: hidden;
    width: 980px;
    margin: 0 auto;	
}


.footer-wrapper{
    background: url(../img/footer-glare.png) no-repeat top center;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6{
    color: #dcdcdc;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
    margin-bottom: 10px;
	z-index:7000;
}
#footer-cols{
    display: block;
    overflow: hidden;
    margin-top: 20px;
    padding: 0px 10px;
}

#footer-cols>li{
    display: block;
    float: left;
    width: 300px;
    margin: 0px 10px;
}

#footer-cols > li > ul > li{
    background: url("../img/footer-divider.png") repeat-x scroll left bottom ;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #7d7d7d;
}

#footer-cols > li > ul > li:last-child{
    background: none;
}

#footer-cols > li a{
    text-decoration: none;
    color: #7d7d7d;
}

#footer-cols > li a:hover{
    color: #fff;
}

#footer-bottom{ 
    overflow: hidden;
    background: #0e0e0e;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index:7000;
}

.bottom-wrapper{
    overflow: hidden;
    width: 940px;
    margin: 0 auto;	
	z-index:7000;
}

#footer-bottom #bottom-left{
    float: left;
}

#footer-bottom #bottom-right{
    float: right;
}

#footer-bottom a{
    text-decoration: none;
    color: #787878;
}

#footer-bottom a:hover{
    color: #fff;
}

#footer-nav{
    display: block;
    overflow: hidden;
}

#footer-nav li{
    display: block;
    float: left;
    margin-left: 10px;
}

#lbTable {
	color: #000;
}

#lbTable tr td {
	text-align: center;
}

#lbTable caption {
	margin-left:-75px;
	padding-bottom:25px;
	font-size:18pt;
	font-weight: bold;
}

a {
	cursor: pointer;
}