

* {margin: 0pt; padding:0pt;}
.clear {clear:both;}
 
body {
    color:#444;
    font-family:tahoma,trebuchet ms,arial,sans serif;
    font-size:10pt;
    text-align: center;
}

hr{height: 1px;}
h1 {
    font-size:14pt;
    margin:10px 0 4px 0;
    padding-top:3px;
}
h2 {
    background:transparent url(../img/line.gif) repeat-x scroll center bottom;
    font-size:12pt;
    margin-bottom:4px;
    padding-bottom:10px;
    padding-top:3px;
    text-align: left; !important
}
h2.professorInfoTitle {
    color:#444;
}
h3 {
    font-size:14pt;
    padding:3px 0 0 0;
    margin:3px 0 0 0;
}
/* COURSE TITLE */
h1.courseTitle,h1.professorName {
    background:transparent url(../img/courseTitleBG.gif) repeat-x scroll center bottom;
    color:#fff;
    font-size:14pt;
    margin-bottom:0px;
    padding-bottom:2px;
    padding-top:10px;
    padding-left:6px;
    font-weight:normal;
}

/* books on sale, course statistics, course review */
h2.courseSubTitle {
    background:#666666;
    font-size:12pt;
    color:#fff;
    margin:0;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:6px;
    text-align:left;
    font-weight:normal;
}
h2.courseSubTitle a{
    text-decoration:none;
    color:#fff;
}
/* Professor */
h3.professorName {
    /*background:#fff url(../img/line.gif) repeat-x scroll center bottom*/;
    font-size:12pt;
    margin:0px;
    padding-bottom:3px;
    color:#000;
    padding-top:6px;
    padding-left:6px;
    font-weight:300;
}
h3.myBooks {
    background:#fff url(../img/line.gif) repeat-x scroll center bottom;
    font-size:12pt;
    margin:0px;
    padding-bottom:3px;
    color:#000;
    padding-top:6px;
    padding-left:6px;
    font-weight:300;
}
h3.univName{
    font-size:10pt;
    font-weight:normal;
    padding:0 0 8 0;
}
h3.recentReviews{
    background:transparent url(../img/line.gif) repeat-x scroll center bottom;
    font-size:12pt;
    margin:0px;
    padding-bottom:3px;
    color:#000;
    padding-top:6px;
    padding-left:6px;
    font-weight:300;
}
#sellBookAd{
    background-color:#FFFFaa;
    cursor:pointer;
    font-size:12pt;
    padding:4px;
    color:#000;
    text-align: left; !important
}
#divOpinion{
    background-color:#FFFF88;
    padding:4 8 4 16px;
}
#divRecent{
    background:#FFFFCC;
    border:1px solid #FFFF99;
    padding:4 8 4 16px;
}
#opinionTitle{
    font-size:14pt;
    margin-bottom:4px;
    padding-bottom:10px;
    padding-top:3px;
    color:#000;
    display:inline;
    text-align: left; !important
}
select{
    height:22px;
    font-size:10pt;
}
input#inputOpinion{
    background: #fff url(../img/inputs.gif) repeat-x scroll center top;
    border:1px solid #333;
    height:30px;
    padding:4px;
    width:500;
    font-size:15;
    color:#666666;
}
a{
    text-decoration:none;
    color:444444;
}
input#school,input#book,input#professor,input#username,input#password,input#email,input#searchISBN,select#school,input#captextAddReview,input.shadedInput{
    background: #fff url(../img/inputs.gif) repeat-x scroll center top;
    border:1px solid #CCC;
    height:24px;
    padding:4px;
}
textarea#opinion{
    background: #fff url(../img/inputs.gif) repeat-x scroll center top;
    border:1px solid #CCC;
    height:24px;
    padding:4px;
}
table{border:0;}
td{vertical-align:top;}
td{font-size:10pt;padding:0;margin:0}
img{border:0;}
li{font-size:10pt;background-color:#fff;}
li a{padding-left:5;}

#wrapper{
 margin: 0 auto; 
 width: 800px; 
 text-align: center;
 background:#fff;
 height:650px; 
 }

#header{height: 75px;width: 790px;margin: 0 0 0 0;background: #ffffff}
    #header a{color: #fffef1}
    #header_left{float:left; height: 75;width: 225;background: #ffffff;}
    #header_right{float:right; height:75;width:565;padding:5px 0px 0px 0px;background:url(../img/header_right1.png) no-repeat top;text-align:right;color:#ffffff;}
    #header_right_content{float:right; padding:0px 5px 0px 0px;height:50px;text-align:right;}

    
.navRightBox{margin: 22 0 5 5px;}

/* SCHOOL SEARCH */
.select-school,.select-book {
    line-height:160%;
    margin:0pt auto;
    text-align:left;
    width:450px;
    height:180px;
}
#schoolResults{
    float:left;
    line-height:150%;
    margin:0pt auto;
    color: #fff;
    text-align:left;
    width:322px;
}
#schoolResults a{
    color: #444;
    text-align:left;
}
#schoolResults ul, #schoolResults ul li a{
    display: block;
}
#schoolResults ul li{
    line-height:150%;
    margin:0 0 0 0px;
    text-align:left;
    list-style-type: none;
}
#schoolResults ul li a:hover{
    background-color: #72CF3F;
}
#professorResults{
    float:left;
    background:white;
    line-height:150%;
    margin:0pt auto;
    color: 444444;
    text-align:left;
    width:220px;
}
#professorResultsAdd{width:152px;}
#professorResults a,#professorResultsAdd a{
    color: 444444;
    text-align:left;
}
#professorResults ul, #professorResults ul li a,#professorResultsAdd ul, #professorResultsAdd ul li a{
    display: block;
}
#professorResults ul li,#professorResultsAdd ul li{
    line-height:150%;
    margin:0 0 0 0px;
    text-align:left;
    list-style-type: none;
}
#professorResults ul li a:hover,#professorResultsAdd ul li a:hover{
    background-color: #72CF3F;
}

/* Why Use GPABook */
.why-use{
    line-height:160%;
    margin:0pt auto;
    text-align:left;
    width:660px;
}
.why-reason{
    float:left;
    margin:4px 4px 14px;
    width:210;
}
.why-reason span{
    display:block;
    font-size:14pt;
}

#feedback{
    text-align:left;
    width:325px;
    left:50%;
    margin-left:-165px;
    position:absolute;
}
#sellBook{
    text-align:left;
    width:375px;
    background-color: #ddd;
    padding:5px;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-125px;
    margin-left:-180px;
    border:1px solid #999;
    z-index:1001;
}
#addCourse{
    text-align:left;
    width:325px;
    background-color: #ddd;
    padding:5px;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-125px;
    margin-left:-165px;
    border:1px solid #999;
    z-index:1002;
}
#addReview{
    text-align:left;
    width:350px;
    position:absolute;
    left:50%;
    top:5%;
    margin-top:0px;
    margin-left:-325px;
    width:650px;
    background-color: #DDFFCC;
    padding:5px;
    border:1px solid #999;
    color:#000;
    z-index:-1003;
}
#gpaOverlay{
    margin:0 auto;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:#000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
#gpaOverlay[id]{
    position:fixed;
}
#addMajor{
    text-align:left;
    width:325px;
    background-color: #ddd;
    padding:5px;
    position:absolute;
    left:50%;
    top:325px;
    margin-left:-165px;
    border:1px solid #999;
}
#register{
    text-align:left;
    width:350px;
    position:absolute;
    left:50%;
    margin-left:-175px;
/*    background-color: #FFFEF1;
    padding:10px;    
    border:1px solid #999; */
}

textarea{
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    overflow:-moz-scrollbars-vertical;
    white-space: pre;
}

/* Footer C4C4C4 */
#footer{ 
    background:transparent url(../img/line.gif) repeat-x scroll center top;
    width: 790px;
    padding:8px 0pt 0pt 0pt;
    text-align:right;
    color:#999999;
    font-size:8pt;
}
#footer a { color:#999999; }
#footer-left{
    color:#999999;
    float:left;
    text-align:left;
    width:345px;
}

#findSchoolContainer,#findBookContainer{
    margin:0 auto;
    text-align:left;
    width:450;
}
#findSchoolContent{
    color:#fff;
    text-align:left;
    width:400px; /*570px*/
    padding:10px;
}
.findSchool{background-color:#4189ce;} /*#4189ce f93*/
#findBookContent{
    color:#fff;
    text-align:left;
    width:400px; /*570px*/
    padding:10px;
}
.findBook{background-color:#f93;}

/* TABS */
#tabWrapper{
    text-align:left;
    padding-left:10px;
    width:450px;
    background-color: ffffff;
}
#tanWrapper ul{
    list-style-type: none;
}
#tabWrapper ul li{
    display: inline;
}
#tabWrapper ul li a{
    color: fff;
    font-size:14pt;
    padding: 0px 0px 0px 6px;
    text-decoration:none;
    display: inline;
}
#tabWrapper span{background:url(../img/corner_tr.gif) no-repeat scroll right top;padding:0px 6 0 0}
#tabWrapper #courses{background:#4189ce url(../img/corner_tl.gif) no-repeat scroll left top;}
#tabWrapper #professors{background:#6BBA70 url(../img/corner_tl.gif) no-repeat scroll left top;}
#tabWrapper #textbooks{background:#f93 url(../img/corner_tl.gif) no-repeat scroll left top;}
#tabWrapper #interviews{background:#CC0000 url(../img/corner_tl.gif) no-repeat scroll left top;} /*fb2*/
#tabWrapper #prizes{background:#FF1A00 url(../img/corner_tl.gif) no-repeat scroll left top;}

#tabContentHolder{
    text-align:left;
    width:450px;
}

#tabContent{
    color:#fff;
    text-align:left;
    height:40px;
    width:450px; /*570px*/
    padding:10px;
    height:62px
}
#tabtl {
    background-image:url(../img/corner_tl.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
#tabtr {
    background-image:url(../img/corner_tr.gif);
    background-position:right top;
    background-repeat:no-repeat;
}
#tabbl {
    background-image:url(../img/corner_bl.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
}
#tabbr {
    background-image:url(../img/corner_br.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
}

.tab{background-color:#4189ce;}
.fRight{float:right;}
.fLeft{float:left;}


#content{
    width:674px;
    color:#666666;
    margin:0pt auto;
    text-align:left;
}
#content ul li{
    list-style-type:none;
}
#content ul, #content ul li a{
    display:inline;
}
#myStatsCourses,#recentReviews{
    width:678px;
    color:#444;
    margin:0pt auto;
    text-align:left;
    padding:10 10 10 10;
    border:1px solid #999;
}
#myStatsCourses ul li,#mostReviewedCourses ul li,#easiestCourses ul li,#hardestCourses ul li,#topReviewers ul li,#recentReviews ul li{display:inline;line-height:1.5;}
#mostReviewedCourses{
    width:325px;
    color:#444;
    margin:0pt auto;
    text-align:left;
    padding:10 10 10 10;
    border:1px solid #999;
}
#easiestCourses{
    width:310px;
    color:#444;
    margin:0pt auto;
    text-align:left;
    padding:10 10 10 10;
    border:1px solid #999;
}
#hardestCourses{
    width:310px;
    color:#444;
    margin:0pt auto;
    text-align:left;
    padding:10 10 10 10;
    border:1px solid #999;
}
#topReviewers{
    width:325px;
    color:#444;
    margin:0pt auto;
    text-align:left;
    padding:10 10 10 10;
    border:1px solid #999;
}

.reviewWrapper{width:670px;border-left:0px solid #999;border-right:0px solid #999;border-bottom:1px solid #999;}
.reviewWrapper ul li{line-height:1.5;display:block;}
.review{list-style-type: none;}
.reviewTitle{font-size:12px;font-weight:bold;padding:4 0 4 0;border-top:1px solid #999;;text-align:center;}
.reviewDetails{background:transparent url(../img/line.gif) repeat-x scroll center top;font-size:12px;text-align:center;color:#444;}
.reviewDetails div{padding:10 0 0 0px}

#grade{float:left;width:75px}
#semesterTaken{float:left;width:75px}
#standing{float:left;width:75px;}
#difficulty{float:left;width:75px}
#clarity{float:left;width:75px}
#textbookusefulness{float:left;width:75px}
#hourshomework{float:left;width:100px}
#hoursexam{float:left;width:100px}
#rating{float:left;width:65px;padding:0 0 0 5;}                                              
    .voteUp{display:inline}
    .voteDown{display:inline}
    .score{left:3px;font-size:16px;font-weight:bold;display:inline;color:#666666;}
#review{float:clear;width:575px;text-align:left;padding:4 0 4 75;font-size:12px}


.bookHeader td{font-weight:bold;}
.bookHeader {border-bottom: solid 1px #999;padding:0 0 0 5px;}
li.bookInfo{padding:0 0 0 5px;line-height:2;border-bottom: solid 1px #999;border-left: solid 0px #999;border-right: solid 0px #999;}
li.bookInfo:hover{background:#D3E2F0;cursor:pointer;}
li.bookDetail{padding:0 0 0 5px;line-height:2;border-left:solid 0px #999;border-right:solid 0px #999;border-bottom:solid 1px #999;}





td.reviewl{width:150px;padding:4 2 4 2px; font-size: 10pt;text-align:right;color:#000000;}
td.reviewr0{padding:4 2 4 2px; font-size: 10pt;color:#000000;}
td.reviewr1{width:120px;padding:4 2 4 2px; font-size: 10pt;text-align:right;color:#444;}
td.reviewr2{width:240px;padding:4 2 4 2px; font-size: 10pt;text-align:left;color:#444;}
td.reviewr3{width:120px;padding:4 2 4 2px; font-size: 10pt;text-align:left;color:#444;}

.sellBook{text-align:left;width:500px;background-color:#ddd;padding:5 10 5 10}

.courseSection{border-left:1px solid #666666;border-right:1px solid #666666;background:#fff;}
.interviewSection{border-left:1px solid #666666;border-right:1px solid #666666;font-size:11pt;padding:6px;}

/* BUTTONS */
/* http://particletree.com/features/rediscovering-the-button-element/# */
.buttons{display:inline}
.buttons a, .buttons button{
    display:inline;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:2px 10px 3px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:2px 10px 2px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin:0 0px -3px 4 !important;  /*I HATE IE*/
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.buttons button img[type], .buttons a img[type]{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#addNewUniv{
    background-color:#FDE7B3;
}

/* Professors */
.professor{
    font-size:20px;
    padding:2px;
}
.letter{
    font-size:20px;
    padding:2 8 2 8;
    display:inline;
    background-color: #6BBA70;
    color:#fff;
}
.letter:hover{
    background-color: #444;
}
.professorInfo{
    border:1px solid #444;
    padding:10px;
    margin:10 0 20 0px;
}
.professorInfo h1{
    font-size:28px;
    font-weight: normal;
    color:#333;
    padding:0px;
}
.professorInfo h2{
    font-size:14px;
    font-weight: normal;
    color:#333;
    background:#fff;
}
.professorCoursesList li{
    list-style-type: none;
    font-size:11pt;
    color:#444;
    padding: 3 0 3 4px;
}

.professorReviewsList li{
    list-style-type: none;
    font-size:10pt;
    color:#333;
    padding: 8 0 8 4px;
}                    
.evalProf,.evalProf a{
    padding:3 6 3 6px;
    font-size:18px;
    border:1px solid #000;
    background-color:#4189ce;
    color:#fff;
}
