html, body
{
margin:0;
padding:0;
height: 100%;
font-family:sans-serif;
}

#top
{
margin:0;
padding:0;
height:240px;
width:100%;
background-image:url('graphics/gradient.png');
background-repeat:repeat-x;
}

#top, #quotes, #navigation, #sub_navigation
{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

/* QUOTES */
#quotes
{
position:absolute;
width:240px;
top:67px;
left: 780px;
font-style: oblique;
font-family: serif;
color:#2d2d2d;
}

#banner
{
position:absolute;
top:70px;
left:20px;
}

/* navigation start */
#navigation
{
width:740px;
position:absolute;
top:193px;
left:400px;
padding:0;
margin:0;
}


#navigation ul
{
list-style:none;
}

#navigation li
{
display:inline;
margin-left:10px;
}

#navigation a
{
padding-top:10px;
padding-bottom:10px;
padding-left:8px;
padding-right:8px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

#navigation .purple a
{
border:2px solid #7400b7;
background-color:#8e00df;
border-bottom:1px solid #8e00df;
}

#navigation .green a
{
border:2px solid #00bb08;
background-color:#33d733;
border-bottom:1px solid #33d733;
}

#navigation .pink a
{
border:2px solid #d462cd;
background-color:#ee7ae6;
border-bottom:1px solid #ee7ae6;
}

#navigation .blue a
{
border:2px solid #5661e1;
background-color:#747afe;
border-bottom:1px solid #747afe;
}

#navigation .orange a
{
border:2px solid #de9e00;
background-color:#fcb92a;
border-bottom:1px solid #fcb92a;
}

#navigation .maroon a
{
border:2px solid #b72a43;
background-color:#d6485a;
border-bottom:1px solid #d6485a;
}


#navigation a img
{
border:none;
}

#navigation a:hover 
{
background-color:#ffffff;	
border-bottom:1px solid #ffffff;
color:#464646;
}

#navigation  #active a 
{
background-color:#ffffff;	
border-bottom:1px solid #ffffff;
color:#464646;
}

/* navigation end */

/* SUB NAVIGATION */
#sub_navigation
{
width:520px;
padding:0;
margin:0;
margin-bottom:40px;
}


#sub_navigation ul
{
list-style:none;
width:100%;
}

#sub_navigation li
{
display:inline;
}

#sub_navigation #sub_active a
{
color:#d6485a;
}

#sub_navigation a
{
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
padding-top:6px;
padding-bottom:6px;
padding-left:30px;
padding-right:30px;
color:#6b6b6b;
text-decoration:none;
border-bottom:2px solid #eeeeee;
}

#sub_navigation a:hover
{
background:#eeeeee;
}



/* LOGIN FORM */
#top #login
{
font-weight:bold;
color:#e3e3e3;
width:550px;
position:absolute;
padding-top:10px;
right:60px;
text-align:right;
font-size:11pt;
}

#top #login p
{

margin-top:-1px;
}

#top #login a
{
color:#e3e3e3;
}

#login label
{
margin-left:1em;
}

#login p
{
margin-left:6px;
font-weight:normal;
display:inline;
}

#top .submit, #login .submit, #top img
{
margin-left:6px;
display:inline;
}

/* SOCIAL MEDIA IMAGES */

#top #login img
{
border:none;
display:inline;
float:left;
margin-top:-4px;
}

/* END LOGIN FORM */
#wrapper
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -1em;
}

#wrapper, #inside_footer
{
width:820px;
margin-left:auto;
margin-right:auto;
}

h1
{
font-size:14pt;
color:#3a3a3a;
}

h2
{
font-size:13pt;
color:#717171;
}

#main
{
float:left;
width:580px;
padding-top:2em;
margin-bottom:2em;
margin-right:2em;
}

#quick-search
{
margin-top:3em;
margin-bottom:3em;
background-color:#eeeeee;
width:200px;
border:1px solid #dcdcdc;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:20px;
float:right;
}

#quick-search h1, #quick-search h2
{
padding-left:10px;
}
#quick-search ul
{
padding:0;
padding-left:10px;
list-style:none;
}

#quick-search li
{
padding-top:4px;
padding-bottom:4px;
}

#quick-search li a
{
text-decoration:none;
color:#c44b4b;
}

#quick-search li a:hover
{
text-decoration:underline;
}

#twitter
{
margin-top:2em;
}


/* FOOTER */
#footer
{
clear:both;
margin-top:20px;
width:100%;
height:120px;
background-image:url('graphics/grad_footer.png');
background-repeat:repeat-x;
}

#inside_footer
{
padding-top:2em;
}

#inside_footer, #inside_footer a
{
color:#404040;
}

/* INDEX PAGE */
#indextable
{
margin-top:3em;

}

#indextable td
{
vertical-align:top;
width:280px;
}



.heading
{
font-size:16pt;
font-weight:bold;
text-align:center;
}

/* SEARCH PAGE */
#main #search label
{
float: left;
text-align: right;
margin-left: 1.25em;
margin-right:4px;
}

#main #search .input
{
margin-top:1em;
}

#main #search .submit
{
margin-top:1em;
margin-left: 1.25em;
}

#main #search .radio
{
width:24em;
}

#main #search .radio fieldset
{
margin-left: 1.25em;
margin-top:1em;
border:1px solid #f0f0f0;
}

#searchdetails 
{
font-size:10pt;
}

#ads
{
width:420px;
margin-top:1em;
margin-bottom:2em;
padding-bottom:2em;
border-bottom: 1px solid #d7d7d7;
}

/* PROFILE PAGE & ACCOUNT*/
#personal table
{
border-collapse:collapse;
}

#personal table td
{
padding-top:5px;
padding-bottom:20px;
padding-left:2em;
margin-right:0px;
border-bottom:solid 1px #eaeaea;
}

#personal .leftcolumn
{
font-weight:bold;
text-align:right;
vertical-align:top;
width:140px;
}

#personal .widerow
{
width:420px;
}


/* ACCOUNT */
#personal .edit
{
width:4em;
text-align:right;
font-size:75%;
vertical-align:bottom;
}

.break
{
display:block;
}

#backbutton
{
margin-top:-24px;
margin-left:130px;
}


/* PROFILE - MESSAGE */
#message p
{
margin-left: 1.25em;
}

#message fieldset
{
margin-top:2em;
width:420px;
border:1px solid #f0f0f0;
}

#message input
{
margin-bottom:1em;
}

#message label
{
float: left;
text-align: left;
margin-left: 1.25em;
margin-right:4px;
}

#message .input
{
margin-top:1em;
}

#message .submit
{
position:relative;
margin-top:22em;
margin-left: 1.25em;
display:inline;
}


/* INBOX */
#inbox
{
margin:2em;
border-collapse:collapse;
}

#inbox #head td
{
height:30px;
padding-bottom:4px;
font-weight:bold;
}


#inbox td
{
padding-top:10px;
width:180px;
border-bottom:1px solid #dcdcdc;
vertical-align:center;
padding-bottom:10px;
}
#inbox tbody tr:hover
{
background:#f3f3f3;
}

#inbox tbody tr a
{

}

#inbox #unread
{
font-weight:bold;
}

#inbox .date
{
width:110px;
}

#viewmsg #message
{
background:#ffffff;
width:640px;
border:1px solid #eaeaea;
font-family:"Courier", monospace
}

/* REGISTER PAGE */
#register 
{
font-size:11pt;
}

#register label
{
width: 8em;
float: left;
text-align: right;
margin-right:2px;
display: block
}
#register textarea, #edit textarea
{
margin-left:4em;
}

#register fieldset
{
border: 1px solid #d6d6d6;
width:420px;
margin-left:3em;
margin-bottom:2em;
padding-top:2em;
padding-bottom:2em;
}

#register fieldset div
{
padding-bottom:1em;
}

#register table td
{
padding-top:4px;
padding-bottom:4px;
padding-left:6px;
padding-right:6px;
}

.smallfont
{
font-size:85%;
}

#register #agree
{
padding-left:3em;
}

#register img
{
padding-left:4px;
}

/* CONTACT PAGE */
#contact
{
border-collapse:collapse;
}

/* EDIT PAGES */
#edit
{
font-size:11pt;
}

#edit label
{
width: 8em;
float: left;
text-align: right;
margin-left: 1.25em;
margin-right:2px;
display: block
}

#edit fieldset
{
border: 1px solid #d6d6d6;
width:420px;
margin-left:3em;
margin-bottom:2em;
padding-top:1em;
padding-bottom:1em;
}

#edit fieldset div
{
padding-bottom:1em;
}

#edit table td
{
padding-top:4px;
padding-bottom:4px;
padding-left:6px;
padding-right:6px;
}

/* autosuggest */
.autocomplete {
    font-family: Tahoma;
    font-size: 9pt;
    background-color: white;
    border: 1px solid #a4c9e3;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 3px;
    padding-left: 5px;
    color: #4f4f4f;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 3px;
    padding-left: 5px;
    color: #4f4f4f;
    background-color: #e3e3e3;
}
/* OTHER */

#errors li
{
color:#ff4747;
list-style:none;
}

#terms
{
font-size:10pt;
}

legend
{
color: #a6a6a6;
padding:2px 6px;
}

.red
{
color:#ff4747;
}

.green
{
color:#37ce37;
}

#passres
{
margin-top:2em;
margin-left:8em;
}

.terms
{
font-size:85%;
width:240px;
}

#registertable td
{
text-align:center;
height:60px;
width:120px;

}

#registertable td a
{
display:block;
width:100%;
height:100%;
}

#registertable
{
border-spacing:8px;
}

#registertable #student
{
background-image:url('graphics/student_button.png');
background-repeat:no-repeat;
}

#registertable #tutor
{
background-image:url('graphics/tutor_button.png');
background-repeat:no-repeat;
}

#registertable #student:hover
{
background-image:url('graphics/student_button_pressed.png');
background-repeat:no-repeat;
}

#registertable #tutor:hover
{
background-image:url('graphics/tutor_button_pressed.png');
background-repeat:no-repeat;
}

/* FIND TABLE */

#findtable td
{
text-align:center;
height:60px;
width:120px;

}

#findtable td a
{
display:block;
width:100%;
height:100%;
}

#findtable
{
border-spacing:8px;
}

#findtable #student
{
background-image:url('graphics/find_student.png');
background-repeat:no-repeat;
}

#findtable #tutor
{
background-image:url('graphics/find_tutor.png');
background-repeat:no-repeat;
}

#findtable #student:hover
{
background-image:url('graphics/find_student_pressed.png');
background-repeat:no-repeat;
}

#findtable #tutor:hover
{
background-image:url('graphics/find_tutor_pressed.png');
background-repeat:no-repeat;
}