/*-- Hacks --*/
*{margin:0px; padding:0px;}
* html .clear{font-size:0; white-space:nowrap;}
.clear{clear:both; height:0px; line-height:0px; margin:0px; padding:0px; font-size:0px; display: block;}
img{font-size:0px; margin:0px; padding:0px; border:0px; display:inline;}

/*Main styles*/
body{font-size:62.5%; font-family:trebuchet,helvetica,arial,sans-serif; line-height:1; background-color: #cdccd2; font-size: 14px; color: #000;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,p,blockquote,th,td,hr{margin:0px; padding:0px}
h1,h2,h3,h4,h5,h6{font-size:100%}

h1{font-size: 24px; margin-left: 0px;}
h2{font-size: 22px; margin-left: 0px;}
h3{font-size: 18px; margin-left: 0px;}
h4{font-size: 14px; margin-left: 0px;}

.rule{border-bottom: 5px solid #a2a7ed;}

.red{color: #cc3300;}
.green{color: #33cc33;}

#outerWrapper{width: 980px; margin: auto; background-color: #fff;}

#navigation{width: 980px; margin: auto; height: 200px; background-color: #6971e1;}
#navigationInner{width: 980px; height: 200px; margin: auto;}

#logo{background-image: url(/images/annttLogo.png); background-repeat: no-repeat; width: 360px; height: 200px;}
#logo a{height: 200px; display: block;}
#logoSpan{margin-left: -5000px;}
#navigation  ul{list-style-type: none;}
#navigation  ul a{font-size: 18px; color: #000; text-decoration: none; display: block; text-align: center; height: 20px; padding-top: 5px; width: 140px; background-image: url(../images/navigationBackground.png);}
#navigation  ul li{float: left; width: 140px; background-color: #b1b2bd;}
#navigation  ul li a:link{}
#navigation  ul li a.current:link{color: #fff;}
#navigation  ul li a:visited{}
#navigation  ul li a.current:visited{color: #fff;}
#navigation  ul li a:hover{color: #fff;}
#navigation  ul li a.current:hover{color: #7a7;}
#navigation ul li a:active{color: #fff;}
#navigation  ul li a.current:active{color: #7a7;}

#loginSearch{float: right; right: 0px; top: 0px; height: 120px; width: 300px; background-color: #6971e1; margin: 30px 25px 0px 0px; border: 2px solid #a2a7ed;}
#login{padding: 10px; text-align: center;}
#login a{color: #fff; text-decoration: none;}
#login a.current{color: #ffd966;}
#login a:link{}
#login a:visited{}
#login a:hover{text-decoration: underline;}
#login a.current:hover{text-decoration: underline;}
#login a:active{color: #fff;}
#login a.current:active{color: #fff;}

#usernameLogin{margin-left: 10px;}
#passwordLogin {margin-left: 13px;}
#button {margin: auto; width: 158px;}
#button a{font-size: 18px; color: #000; text-decoration: none; width: 70px; background-image: url(../images/loginButton.png); background-repeat: repeat-x; height: 21px; padding: 2px; display: block; float: left; margin-right: 5px;}
#login a:hover{text-decoration: underline;}

#contentWrapper{width: 980px; padding: 10px 10px 10px 0px; }

#content{border-left: 145px solid #a2a7ed; width: 835px;}

#rightContentAdmin{width: 780px; padding: 10px; border: 4px solid #b1b2bd; line-height: 1.5; overflow: auto; min-height: 600px; }

#rightContent{width: 780px; padding: 10px; border: 4px solid #b1b2bd; line-height: 1.5; float: right; margin-right: 10px; min-height: 600px; }
#rightContent h2{padding: 10px 10px 10px 0px;}
#rightContent h3{padding: 10px 10px 10px 0px;}
#rightContent p{padding: 5px 5px 5px 0px;}
#rightContent p ul {margin-top: 15px;}
#rightContent ul {margin: 15px;}
#rightContent ol {margin: 15px;}
#rightContent ul li{margin: 15px;}
#rightContent ol li{margin: 15px;}
#rightContent.admin{overflow: auto;}

#tableData table{background-color: #6971e1; text-align: center; margin-top: 20px; width: 810px;}
#tableData table tr{}
#tableData table td{background-color: #b1b2bd; padding: 2px;}
#tableData table th{background-color: #b1b2bd; padding: 2px;}

table#admin{background-color: #6971e1; text-align: center; margin-top: 20px; width: 810px;}
table tr{}
table td{background-color: #b1b2bd; padding: 2px;}
table th{background-color: #b1b2bd; padding: 2px;}

#adminWrapper{background-color: #b1b2bd;}
#addData form{width: 560px; margin: auto;}
#addData form  label{display: block; padding: 2px;}
#addData form  input{width: 350px;}
.checkBox{}
#addData{display: none;}
#addWord{display: none;}
#addLanguage{display: none;}
#editLanguage{display: none;}

#userLeftNav {width: 145px; float: left; padding: 5px 0px 30px 0px; background-color: #a2a7ed; margin-top: 25px; margin-left: -145px;}
#userLeftNav  ul{list-style-type: none;}
#userLeftNav  ul a{font-size: 18px; color: #000; text-decoration: none; display: block; text-align: center; height: 25px; padding-top: 5px; width: 139px; background-image: url(../images/navigationLeft.png); border-top: 2px solid #a2a7ed;}
#userLeftNav  ul li{float: left; width: 139px; margin-left: 3px;}
#userLeftNav  ul li a:link{}
#userLeftNav  ul li a.currentAdmin:link {color: #fff;}
#userLeftNav  ul li a:visited{}
#userLeftNav  ul li a.currentAdmin:visited{color: #fff;}
#userLeftNav  ul li a:hover{color: #fff;}
#userLeftNav  ul li a.currentAdmin:hover{color: #7a7;}
#userLeftNav ul li a:active{color: #fff;}
#userLeftNav  ul li a.currentAdmin:active{color: #7a7;}
#userLeftNav img {margin: auto; display: block;}

#newsletterBlock{width: 137px; border: 2px solid #6971e1; text-align: center; padding-bottom: 10px; margin: 2px;}
#newsletterBlock a{text-decoration: none;}
#newsletterBlock a:hover{text-decoration: underline;}
#newsletterHead{font-size: 16px; color: #000; font-weight: bold; background-color: #6971e1; padding: 5px;}

#footer{width: 980px; background-color: #6971e1; border-top: 2px solid #b1b2bd; margin: auto; color: #000;}
#footerInner{width: 850px; margin: auto; padding: 10px; text-align: center;}
#footerInner a{color: #000; text-decoration: none;}
#footerInner a:hover{text-decoration: underline;}

#register{position: relative; width: 500px; border: 2px solid #7a7a7a; margin: auto; padding: 10px; text-align: center;}
#register form{padding: 10px;}
#register form fieldset{padding: 10px;}
#register a{color: blue;}
#pStrength{position: relative; width: 100px; margin: auto;}
#passMatch{position: relative; width: 20px;}
#passA{position: relative; float: left; width: 20px; height: 4px; background-color: #ffffff;}
#passB{position: relative; float: left; width: 20px; height: 4px; background-color: #ffffff;}
#passC{position: relative; float: left; width: 20px; height: 4px; background-color: #ffffff;}
#passD{position: relative; float: left; width: 20px; height: 4px; background-color: #ffffff;}
#passE{position: relative; float: left; width: 20px; height: 4px; background-color: #ffffff;}
#cpatcha{width: 310px; margin: auto;}