/** 
* Basic CSS
* @author Mario Nitschke 
* @version 1.0 
* @see http://www.aiducation.org
*/

#wrap { margin: 0 auto; padding: 0; width: 980px; height: 100%; overflow: hidden; position: relative; font-size: 13px; }
html>body #wrap { height: 100%; }

/* Font Styles */
h2, h2.normal { font-size: 18px; margin: 0 0 16px 0; color: #97bf15; text-transform: uppercase; }
h2.normal { text-transform: none; }
h3 { font-size: 16px; margin: 0 0 14px 0; color: #97bf15; text-transform: uppercase; }
h4 { font-size: 14px; margin: 0 0 12px 0; color: #97bf15; text-transform: uppercase; }

/* Content */

/*
#signinbanner { position: fixed; z-index: 200; right: 10px; top: 120px; }
*/

#signinbanner { position: absolute; z-index: 200; right: 0px; top: 90px; }
#signinbanner img { margin-top:5px; height: 120px; }

#header { height: 145px; position: relative; width: 980px; }

#top-navi { position: absolute; margin: 0; padding: 0; width: 980px; left: 0; top: 10px; font-family: Helvetica, Arial, Verdana, sans-serif; }
/*
#top-navi ul { padding: 0; margin: 0; list-style-type: none; width: 980px; }
#top-navi li { float: left; padding-right: 8px; margin-right: 8px; border-right: 1px solid #808080; }
#top-navi li.last-item { border: 0; margin: 0; padding: 0; }
#top-navi a:link, #top-navi a:active, #top-navi a:visited, #top-navi a:hover { color: #6d6d6d; font-size: 14px; text-decoration: none; text-transform: uppercase; }
*/
#top-navi a:hover, #top-navi a.act { color: #94be0e; }

#top-additionals { position: absolute; top: 10px; left: 580px; }
.language { float: left; margin-right: 20px; }
.sn-icons {float: left; } 
.language ul, .sn-icons ul { padding: 0; margin: 0; list-style-type: none; }
.language li, .sn-icons li { float: left; }
.sn-icons li { padding-right: 5px; }
.sn-icons li a { display: block; height: 16px; }
.language li { margin-right: 5px; padding-right: 5px; border-right: 1px solid #6d6d6d; height: 16px; }
.language li a:link, .language li a:active, .language li a:visited, .language li a:hover { text-transform: uppercase; font-size: 11px; font-family: Helvetica, Arial, Verdana, sans-serif; }
.language li a.act { font-weight: bold; color: #94be0e; }
.language li.last-item { border: 0; margin: 0; padding: 0; }

.login { width: 160px; position: absolute; right: 0; top: 10px; text-align: right; z-index: 100;}
.login form label { display: none; }
.login form { border: 0; padding: 0; margin: 0; text-align: right; }
.login form input { font-size: 11px; color: #969899; border: 0; padding: 4px; margin-bottom: 5px; width: 83px; height: 12px; background-color: #e1e4e5; background-image: url('/media/templates/aiducation/pics/login-form-bg.gif'); background-repeat: no-repeat; }
.login form button { font-size: 11px; }
.loggedin-name { padding: 8px 5px 5px 5px; }
.login-act { color: #FFF; font-size: 11px; width: 140px; height: 165px; padding: 0; position: absolute; right: 0; top: 0px; background-color: #adcc47; }
.login-act ul { width: 150px; padding: 0; margin: 0; margin-top: 8px; overflow: hidden; list-style-type: none; }
.login-act ul li { display: block; margin: 0; padding: 0; }
.login-act a:link, .login-act a:active, .login-act a:visited, .login-act a:hover { color: #FFF; display: block; padding: 1px 5px; }
.login-act a:hover { color: #adcc47; background-color: #FFF; }

#pagelogo { position: absolute; top: 40px; left: 0; width: 270px; height: 90px; overflow: hidden; }
/*
.claim, .claim-small { width: 440px; position: absolute; top: 42px; left: 280px; font-size: 12px; color: #94be0e; line-height: 26px; }
*/
.claim, .claim-small { width: 700px; position: absolute; top: 42px; left: 280px; font-size: 18px; color: #94be0e; line-height: 26px; }
.claim-small { width: 530px; font-size: 17px; }
.header-bottom-line { position: absolute; width: 980px; height: 2px; bottom: 10px; left: 0px; background-image: url('/media/templates/aiducation/pics/header-bottom-line.gif'); background-repeat: repeat-x; }

/* Hidden overflow would cutoff AiduSeeker table, progress reports etc.
 * see also d7ee0c5bf57e9840543d249d3f15d1d17c6c89ff
*/
#maincontent { width: 980px; overflow: visible; position: relative; padding-top: 35px; }
#tyToolTip { position: absolute; z-index: 3000; border: 1px solid #97bf15; background-color: #97bf15; color: #FFF; font-size: 11px; max-width: 250px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-transform: none; }
#tyToolTip h3 { color: #FFF; font-size: 14px; text-decoration: none; font-style: normal; margin: 0; text-transform: none; }
.leftarea { width: 225px; float: left; overflow: hidden; min-height: 100px; }
.mainarea { width: 740px; float: right; overflow: hidden; min-height: 100px; line-height: 18px; font-size: 13px; font-family: Helvetica, Arial, Verdana, sans-serif; }
.fs-text { margin-bottom: 25px; }
.hidden-anchor { display: none; }
.page-divider { width: 740px; height: 2px; float: none; clear: both; background-image: url('/media/templates/aiducation/pics/header-bottom-line.gif'); background-repeat: repeat-x; }
a.myty-int-link:link, a.myty-int-link:active, a.myty-int-link:visited, a.myty-int-link:hover { color: #97bf15; text-decoration: none; }
a.myty-int-link:hover { color: #6d6d6d; text-decoration: none; }


/* Blog */
.blog-leftarea { width: 225px; float: left; overflow: hidden; min-height: 100px; margin-right: 30px; }
.blog-mainarea { width: 490px; float: left; overflow: hidden; min-height: 100px; }
.blog-rightarea { width: 215px; float: right; overflow: hidden; min-height: 100px; }
.smallLink { float: left; margin-right: 10px; padding-top: 2px; }
.smallLink a:link, .smallLink a:active, .smallLink a:visited, .smallLink a:hover { color: #6d6d6d; font-size: 11px; text-decoration: none; text-transform: uppercase; }
.smallLink a:hover { color: #94be0e; }


p.notice, p.message, p.success {
  color: green;
}

p.error, p.alert {
  color: red;
}



