@import url(reset.css);

/* Tutorific CSS */
body { font: 0.7em tahoma; background: url(../img/tutorific/bg.png) #012345 repeat-x; }

a:link, a:visited, a:active { color: #fff; text-decoration: none; }
a:hover { color: #ff7b33; text-decoration: none; }

#wrapper { width: 980px; margin: auto auto; margin-top: 10px; }
#top { background: url(../img/tutorific/main-top.png) no-repeat; width: 980px; height: 22px; }
#middle { background: url(../img/tutorific/main-bg.png) repeat-y; width: 940px; padding: 0px 20px; }
#bottom { background: url(../img/tutorific/main-bottom.png) no-repeat; width: 980px; height: 36px; }

#logo { width: 100%; padding-bottom: 20px; margin-bottom: 35px; height: 77px; }
#logo .logo { position: absolute; margin-left: 35px; margin-top: -18px; cursor: pointer; margin-bottom: 50px; }

/* Navigation */
#main-navigation { background: url(../img/tutorific/nav-bg.png) repeat-x; width: 922px; height: 40px; margin: auto auto; border-left: 1px solid #000d1a; border-right: 1px solid #000d1a; border-top: 1px solid #0b3359; border-bottom: 1px solid #0a0a0a; padding-right: 10px; }
#nav-home { background: url(../img/tutorific/nav-home.png) no-repeat; width: 67px; height: 40px; float: right; margin-left: 10px; margin-right: 10px; }
#nav-home:hover, #nav-home.selected { background: url(../img/tutorific/nav-home.png) 0 -40px no-repeat; cursor: pointer; }
#nav-about { background: url(../img/tutorific/nav-about.png) no-repeat; width: 69px; height: 40px; float: right; margin-left: 10px; margin-right: 10px; }
#nav-about:hover, #nav-about.selected { background: url(../img/tutorific/nav-about.png) 0 -40px no-repeat; cursor: pointer; }
#nav-terms { background: url(../img/tutorific/nav-terms.png) no-repeat; width: 68px; height: 40px; float: right; margin-left: 10px; margin-right: 10px; }
#nav-terms:hover, #nav-terms.selected { background: url(../img/tutorific/nav-terms.png) 0 -40px no-repeat; cursor: pointer; }
#nav-privacy { background: url(../img/tutorific/nav-privacy.png) no-repeat; width: 75px; height: 40px; float: right; margin-left: 10px; margin-right: 10px; }
#nav-privacy:hover, #nav-privacy.selected { background: url(../img/tutorific/nav-privacy.png) 0 -40px no-repeat; cursor: pointer; }
#nav-contact { background: url(../img/tutorific/nav-contact.png) no-repeat; width: 82px; height: 40px; float: right; margin-left: 10px; margin-right: 10px; }
#nav-contact:hover, #nav-contact.selected { background: url(../img/tutorific/nav-contact.png) 0 -40px no-repeat; cursor: pointer; }
#nav-login { background: url(../img/tutorific/nav-login.png) no-repeat; width: 64px; height: 40px; float: right; margin-left: 10px; margin-right: 10px; }
#nav-login:hover, #nav-login.selected { background: url(../img/tutorific/nav-login.png) 0 -38px no-repeat; cursor: pointer; }
#nav-logout { background: url(../img/tutorific/nav-logout.png) no-repeat; width: 77px; height: 40px; float: right; margin-left: 10px; margin-right: 10px; }
#nav-logout:hover, #nav-logout.selected { background: url(../img/tutorific/nav-logout.png) 0 -37px no-repeat; cursor: pointer; }

#main { width: 934px; height: 390px; padding-top: 60px; margin: auto auto; background: #021629; border-bottom: 1px solid #101010; }
#main #subtitle { margin-left: 35px; }
#main .step { margin-top: 40px; margin-left: 65px; }
#main #ready { background: url(../img/tutorific/signupnow.png) no-repeat; height: 64px; width: 290px; margin: auto auto; margin-top: 30px;  }
#main #ready:hover { background-position: 0 -64px; }

/* Admin */
#all-tutors { width: 932px; min-height: 424px; margin-left: 3px; font: 14px arial; color: #fff; }
#all-tutors-header { background: url(../img/tutorific/nav-bg.png) repeat-x; width:  932px; height: 40px; border-top: 1px solid #0b3359; border-bottom: 1px solid #0a0a0a; border-left: 1px solid #0a0a0a; border-right: 1px solid #0a0a0a; }
.tutors { margin-left: 1px; margin-top: 2px; width: 920px; min-height: 48px; border: 1px solid #0b3359; padding: 5px 5px; }
#all-tutors table { margin-bottom: 10px; }
#all-tutors td.name { width: 200px; vertical-align: middle; }
#all-tutors td.actions{ width: 40px; vertical-align: middle; text-align: center; }
#all-tutors td.school { width: 40px; padding-left: 10px; vertical-align: middle; text-align: center; }
#all-tutors td.subject { width: 140px; padding-left: 18px; vertical-align: middle; text-align: center; }
#all-tutors h1 { font: 18px arial; color: #fff; }
#all-tutors h2 { font: 18px arial; color: #ff7b33; margin-top: 6px; }
#all-tutors .tutor-details { display: none; color: #fff; }
#all-tutors .tutor-details td { width: 450px; padding-top: 10px; padding-right: 5px; font: 11px arial; line-height: 1.5;}

/* Assignments */
#latest-assignments { width: 680px; min-height: 445px; margin-left: 3px; }
#latest-assignments-header { background: url(../img/tutorific/nav-bg.png) repeat-x; width: 679px; height: 40px; border-top: 1px solid #0b3359; border-bottom: 1px solid #0a0a0a; border-left: 1px solid #0a0a0a; }
#latest { margin-left: 20px; }
.assignment { margin-left: 1px; margin-top: 2px; width: 659px; height: 57px; border: 1px solid #0b3359; padding: 8px 8px; }
.assignment:hover { background: #031e38; }
.assignment h1 { font: 22px arial; color: #dfdfdf; }
.assignment h2 { font: bold 16px arial; color: #ff7b33; margin-top: 10px; }
.assignment .rate { float: right; background: #2b4966; border: 1px solid #1d3c5b; padding: 14px 0px; width: 130px; text-align: center; font: 24px arial; color: #cfcfcf; }
.assignment:hover .rate { background: #031e38; border: 1px solid #031e38; }

#right-bar { float: right; width: 252px; height: 209px; margin-right: 3px; border-left: 1px solid #000d1a; border-right: 1px solid #000d1a; }
#tutor-count { width: 252px; background: #031e38; text-align: center; border-bottom: 1px solid #0a0a0a; color: #a9c0d6;}
#tutor-count-header { background: url(../img/tutorific/nav-bg.png) repeat-x; width: 252px; height: 40px; text-align: left; border-top: 1px solid #0b3359; border-bottom: 1px solid #0a0a0a; }
#tutor { margin-left: 20px; }
#tutor-count .XL { font: 90px "century gothic"; margin-bottom: 15px; }
#more-info { width: 252px; padding-bottom: 20px; text-align: left; color: #a9c0d6;}
#more-info p { margin-left: 10px; margin-right: 10px; margin-top: 5px; font: 14px arial; line-height: 1.4; }
#more-info-header { background: url(../img/tutorific/nav-bg.png) repeat-x; width: 252px; height: 40px; border-top: 1px solid #0b3359; border-bottom: 1px solid #0a0a0a; }
#more { margin-left: 20px; }

#content { width: 620px; min-height: 200px; padding-top: 60px; padding-left: 50px; padding-bottom: 50px; }
#content #heading { margin-top: 10px; margin-bottom: 30px; }
#content p { font: 14px arial; color: #bababa; line-height: 1.5; }
#content h2 { font: bold 14px arial; color: #ff7b33; margin-bottom: 20px; }

/* Forms */
#content #createform p.desc { font: 12px verdana; font-style: italic; color: #fff; margin-bottom: 15px; }
#content #createform p, #content #loginform p, #content #forgotform p { line-height: 1.7; }
#content #createform p.error, #content #loginform p.error, #content #forgotform p.error { color: #ff7b33; font-style: italic; }
#content #createform input#school { margin-top: 15px; }
#content #createform th, #content #createform td, #content #loginform th, #content #loginform td, #content #forgotform td, #content #forgotform th { text-align: left; font: 14px arial; color: #bababa; line-height: 1.4; }
#content #createform input[type=text], #content #loginform input[type=text], #content #loginform input[type=password], #content #forgotform input { font: 14px arial; padding: 3px; margin-bottom: 10px; width: 150px; }
#content #updatetutorificform table { border-bottom: 1px solid #072e56; margin-bottom: 20px; width: 540px; }
#content #updatetutorificform th, #content #changesettingsform th { text-align: left; font: 14px arial; color: #bababa; padding-right: 30px; width: 150px; vertical-align: top; }
#content #updatetutorificform td { padding-bottom: 20px; }
#content #updatetutorificform input[type=text] { font: 14px arial; padding: 3px; width: 320px; margin-top: -5px; }
#content #updatetutorificform select { font: 14px arial; padding: 3px; width: 90px; margin-top: -5px; }
#content #changesettingsform td { padding-bottom: 10px; }
#content #changesettingsform input[type=password] { font: 14px arial; padding: 3px; width: 140px; }
#content #updatetutorificform .checkboxalign { float: left; font: 14px arial; width: 180px; margin-top: 5px; color: #efefef; }
#content #updatetutorificform .checkboxadjust { width: 200px; position: relative; top: -2px; }
#content #createsubmit { background: url(../img/tutorific/create.png) no-repeat; width: 120px; height: 42px; border: none; cursor: pointer;	}
#content #changesubmit { background: url(../img/tutorific/change.png) no-repeat; width: 120px; height: 42px; border: none; cursor: pointer;	}
#content #updatesubmit { background: url(../img/tutorific/update.png) no-repeat; width: 120px; height: 42px; border: none; cursor: pointer;	}
#content #signupsubmit { background: url(../img/tutorific/signup.png) no-repeat; width: 120px; height: 42px; border: none; cursor: pointer;	}
#content #loginsubmit { background: url(../img/tutorific/login.png) no-repeat; width: 120px; height: 42px; border: none; cursor: pointer; }
#content #forgotsubmit { background: url(../img/tutorific/update.png) no-repeat; width: 120px; height: 42px; border: none; cursor: pointer; }
#content a:hover p { color: #ff7b33; text-decoration: none; }

#createtutorificform label.error { background: url(../img/cross.png) no-repeat center left; margin-bottom: -5px; margin-left: 5px; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; font: 12px arial; font-style: italic; color: #f00;}
#createtutorificform label.checked { background: url(../img/tick.png) no-repeat; }

#login-main { width: 934px; min-height: 40px; padding-top: 20px; margin: auto auto; background: #021629; border-bottom: 1px solid #101010; text-align: center; }
#login-main h2 { font: bold 14px arial; color: #ff7b33; }
#login-main h3 { font: bold 14px arial; color: #e3631c; margin-bottom: 20px; }
#login-main table.search, #login-main table.add { font: 14px arial; color: #dfdfdf; margin-left: 5px; }
#login-main td { padding: 5px 4px; }
#login-main table.search input[type=text] { font: 14px arial; width: 74px; padding: 1px; }
#login-main table.add input[type=text] { font: 14px arial; width: 56px; padding: 1px; }
#login-main input[type=submit] { font: 11px arial; padding: 2px; position: relative; top: -2px; }
#login-main #searchsubmit { background: url(../img/tutorific/search.png) no-repeat; width: 24px; height: 24px; border: none; cursor: pointer; }
#login-main #addsubmit { background: url(../img/tutorific/add.png) no-repeat; width: 24px; height: 24px; margin-top: -3px; border: none; cursor: pointer; }

#footer { padding-top: 10px; padding-bottom: 20px; clear: both; color: #aaa; line-height: 2.5; font: 12px tahoma;  text-align: center; }
#footer p.copyright { font: 11px arial; line-height: 3; color: #888; }