2009scape-website/site/css/player_log-4.css

.bottomrightshad {
 padding:45px 45px;
}
#logHeader{
 text-align: center;
 height: 35px;
 
  background: url('../img/playerlog/log_header_widec81e.webp') no-repeat;
 
}
#logHeader_buttonless{
 text-align: center;
 height: 35px;
 
  background: url('../img/playerlog/log_header_wide_buttonlessc81e.webp') no-repeat;
 
}
#greyBack{
 border: 4px solid #363636; background-color: #1c1c1c;
 height: 1%;
}
#searchPanel{
 float:right;
 display: inline;
 margin-right: 4px;
 margin-top:11px;
 font-size: 14px;
 text-decoration: none;
 width: 185px;
 line-height:20px;
 height: 20px;
 text-align: center;
 color: #a4a4a4;
}
#logTitle{
 vertical-align: middle;
 height: 35px;
 text-align: center;
 margin: auto;
 
  width: 348px;
 
 line-height: 32px;
 font-weight: bold;
 font-size: 18px;
 color: #4c3209;
}
.panel_189 {
 background: url('../img/playerlog/panel_189c81e.webp') transparent no-repeat;
 width: 728px;
 height: 189px;
 margin: 8px auto;
 padding: 3px 0 0;
 position: relative;
}
#homepanel.panel_189 {
 background: url('../img/playerlog/panel_189_homec81e.webp') transparent no-repeat;
}
#home_login {
 height: 34px;
 width: 249px;
 line-height: 34px;
 vertical-align: middle;
 display:block;
 margin: 30px auto 0;
 color: #A9A9A9;
 text-decoration: none;
 font-size: 18px;
 font-family: Palatino Linotype,Book Antiqua,Palatino,Times New Roman,Times,serif;
 font-variant: small-caps;
 background: url('../img/playerlog/buttons/home_loginc81e.webp') transparent no-repeat;
}
#home_login:hover {
 color: #C0B679;
 background-position: left -34px;
}
#home_login:active {
 background-position: left bottom;
}
.subpanel {
 padding: 40px 10px 0;
 width: 320px;
 height: 147px;
 position: absolute;
 top: 11px;
 text-align: center;
}
#plog_login {
 left: 12px;
}
#plog_search {
 left: 376px;
}
#input_bit {
 margin: 24px 0 0;
}
#input_bit_left {
 float: left;
 display: inline;
 margin: 0 0 0 37px;
 text-align: left;
}
#input_bit_right {
 float: left;
 display: inline;
 margin: 14px 0 0 8px;
}
#plog_search input {
 width: 160px;
}
.panel_header {
 font-family: Palatino Linotype,Book Antiqua,Palatino,Times New Roman,Times,serif;
 font-variant: small-caps;
 font-size: 14px;
}
.plog_button {
 height: 23px;
 line-height: 23px;
 background-image: url('../img/playerlog/buttons/rounded_buttonc81e.webp');
 float:left;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
 outline: none;
}
.plog_button:hover {
 color: #c0b679;
}
.plog_button_back {
 cursor: pointer;
 background-position: center -23px;
 background-repeat: repeat-x;
}
.plog_buttonL {
 background-position: left top;
 float: left;
}
.plog_buttonR {
 background-position: right -46px;
 float: left;
 padding: 0 5px;
 margin: 0px;
 border: 0px;
}
.plog_button_back:hover {
 background-position: center -92px;
}
.plog_buttonL:hover {
 background-position: left -69px;
}
.plog_buttonR:hover {
 background-position: right -115px;
}
.plog_button_back:active {
 background-position: center -161px;
}
.plog_buttonL:active {
 background-position: left -138px;
}
.plog_buttonR:active {
 background-position: right -184px;
}
.panel_189 .header {
 background: url('../img/playerlog/panel_headerc81e.webp') transparent no-repeat;
 width: 721px;
 height: 27px;
 margin: 0px auto;
 text-align: center;
 color:#E8E8E8;
 font-size:18px;
 font-weight:bold;
 line-height:26px;
}
.panel_189 .content {
 color:#E8E8E8;
 font-family: Arial,Helvetica,FreeSans,sans-serif;
 font-variant:normal;
 font-weight:bold;
 font-size: 12px;
 padding: 0 10px 10px;
}
.panel_189 button {
 border: 0;
 font-size: 14px;
 font-weight: bold;
 font-family: Palatino Linotype,Book Antiqua,Palatino,Times New Roman,Times,serif;
 font-variant: small-caps;
 color: #A9A9A9;
 vertical-align: middle;
}
.panel_189 label {
 vertical-align: middle;
}
.section{
 font-family: Palatino Linotype,Book Antiqua,Palatino,Times New Roman,Times,serif;
 font-variant: small-caps;
}
input.go{
 font-family: Palatino Linotype,Book Antiqua,Palatino,Times New Roman,Times,serif;
 font-variant: small-caps;
 border: none;
 font-size: 15px;
 font-weight: bold;
 line-height: 15px;
 float: right;
 width: 33px;
 height: 20px;
 color: #a9a9a9;
 background: transparent;
 font-weight: bold;
 display: inline;
 cursor: pointer;
 padding: 0;
 margin: 0;
}
input.go:hover{
 color: #c0b679;
 background: url('../img/playerlog/buttons/go_hoverc81e.webp') transparent no-repeat;
}
input.go:active{
 background: url('../img/playerlog/buttons/go_pressc81e.webp') transparent no-repeat;
}
#searchBox {
 background: white;
 border: none;
 float: left;
 height: 15px;
 margin-left: 2px;
 margin-top: 1px;
 padding-left: 6px;
 width: 140px;
 display: inline;
 font-size: 12px;
}
.logSmallSlate{
 width: 361px;
 height: 159px;
 margin-top: 9px;
 color: #b6b6b5;
 font-weight: bold;
 font-size: 16px;
}
/* A V A T A R   P A N E L */
#plog_self #avatar{
 background: url('../img/playerlog/avatar_back_otherc81e.webp');
 margin-left: 9px;
 float: left;
 display: inline;
}
#plog_other #avatar {
 background: url('../img/playerlog/avatar_back_otherc81e.webp');
 margin-left: 9px;
 float: left;
 display: inline;
}
#plog_other #avatar.private {
 background: url('../img/playerlog/avatar_back_other_privatec81e.webp');
 margin-left: 9px;
 float: left;
 display: inline;
}
#gender{
 margin-left: 7px;
 margin-top: 8px;
 width: 168px;
 height: 27px;
 float: left;
 text-align: center;
 line-height: 27px;
 display: inline;
}
#timePlayed{
 margin-left: 7px;
 margin-top: 1px;
 width: 168px;
 height: 41px;
 float: left;
 text-align: center;
 line-height: 16px;
 padding-top: 3px;
 display: inline;
}
#avatar .title{
 width: 345px;
 height: 34px;
 margin-left: 8px;
 margin-top: 8px;
 float: left;
 text-align: center;
 color: #4c3209;
 font-weight: bold;
 font-size: 18px;
 line-height: 31px;
 display: inline;
}
#avatar img{
 border: 1px solid #707070;
}
#avatar .body,
#avatar .head{
 height: 100px;
 margin-top: 8px;
 margin-left: 8px;
 float: left;
 display: inline;
}
#avatar .head{
 width: 100px;
}
#avatar .body{
 width: 60px;
}
/* S K I L L S   P A N E L*/
#scores{
 margin-right: 9px;
 float: right;
 background: url('../img/playerlog/score_backc81e.webp') transparent no-repeat;
 display: inline;
}
#scores .details,
#scores .title{
 width: 345px;
 height: 20px;
 margin-left: 8px;
 margin-top: 8px;
 float: left;
 text-align: center;
 color: #e8e8e8;
 font-weight: bold;
 font-size: 18px;
 line-height: 18px;
 display: inline;
}
#scores .details{
 font-size: 14px;
 margin-top: 0px;
}
#scores .buttonContainer{
 margin-left: 3px;
 width: 355px;
 height: 105px;
 overflow: hidden;
 margin-top: 2px;
}

.parchment{
 width: 367px;
 height: 372px;
 background: url('../img/playerlog/parchment_leftc81e.webp') no-repeat;
 margin-top: 0px;
}
#myAchievements.parchment{
 margin-left: 6px;
 float: left;
 display: inline;
}
#friendsAchievements.parchment{
 background: url('../img/playerlog/parchment_rightc81e.webp') no-repeat;
 margin-right: 6px;
 float: right;
 display: inline;
}
.parchment .title{
 color:       #43392d;
 font-size:    19px;
 height:      38px;
 line-height:   42px;
 margin:      6px auto auto;
 text-align:    center;
 width:      300px;
}
.accordion{
 font-family: Arial,Helvetica,FreeSans,sans-serif;
 width:       347px;
 height:      307px;
 margin:      auto;
 margin-top:    0px;
 font-variant:   normal;
 color:       #3d281d;
 overflow:     hidden;
}
.AMHead,
.AMHead.expanded {
 width: 347px;
 height: 24px;
 background: url('../img/playerlog/barc81e.gif?2') no-repeat;
 display: block;
 overflow: hidden;
 text-align: left;
 text-decoration: none;
}
.AMHead.expanded,
.AMHead.selected {
 background:     url('../img/playerlog/bar_selectedc81e.gif?2') no-repeat;
}
.AMHead span,
.AMHead.expanded span {
 float: left;
 text-align: left;
 cursor: pointer;
 display: inline;
}
.AMHead span.Title,
.AMHead.expanded span.Title {
 margin-top: 2px;
 float: left;
 margin-left: 22px;
 width: 324px;
 font-size: 11px;
 font-weight: bold;
 color: #3d281d;
 height: 20px;
 line-height: 18px;
 display: inline;
}
.AMBody,
.AMBody.expanded {
 border-left: 1px solid #292926;
 border-right: 1px solid #292926;
 overflow-y: hidden;
 background: url('../img/playerlog/brown_pixelc81e.gif?2') repeat-x bottom;
 font-size: 0.9em;
 color: #3d281d;
 height: 59px;
 display: none;
 width: 345px;
}
.AMBody.expanded,
.AMBody.selected {
 display: block;
}
.AMBody p,
.AMBody.expanded p {
 margin: 0px;
}
.AMBodyLiner{
 margin: 2px 7px;
}
.AMBodyLiner a {
 color: black;
}
/* A N C H O R S */
#scores .buttonContainer a.compare,
#logHeader_buttonless a.profile,
#logHeader a.profile,
#avatar a.privacy{
 color: #a9a9a9;
 text-decoration: none;
 text-align: center;
 font-weight: bold;
 display: block;
}
#logHeader_buttonless a.profile,
#logHeader_buttonless span.profile,
#logHeader a.profile,
#avatar a.privacy{
 float: left;
 margin-left: 4px;
 margin-top: 11px;
 font-size: 14px;
 width: 185px;
 line-height: 20px;
 height: 20px;
 display: inline;
}
#avatar a.privacy{
 background: url('../img/playerlog/buttons/privacyc81e.webp') transparent no-repeat left top;
 margin-left: 4px;
 margin-top: 5px;
 width: 171px;
 height: 25px;
 line-height: 25px;
}
#scores .buttonContainer a.compare{
 background: url('../img/playerlog/buttons/compare_with_friendsc81e.webp') transparent no-repeat left top;
 float: left;
 font-size: 15px;
 height: 25px;
 line-height: 25px;
 margin-left: 2px;
 margin-top: 1px;
 width: 263px;
 text-decoration: none;
 display: inline;
}
#scores .buttonContainer a.scoreButton{
 margin-left: 1px;
 margin-top: 1px;
 padding-top: 6px;
 width: 43px;
 height: 19px;
 line-height: 12px;
 float: left;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 font-family: arial;
 color: #a9a9a9;
 cursor: pointer;
 background: url('../img/playerlog/buttons/score_buttonc81e.webp') transparent no-repeat;
 text-align: center;
 display: inline;
}
#scores .buttonContainer a.scoreButton img{
 border: none;
 width: 16px;
 height: 16px;
 margin-left: 1px;
 margin-top: -2px;
 vertical-align: middle;
 margin-right: 1px;
}
#scores .buttonContainer a#skill0 {
 background: url('../img/playerlog/buttons/score_button_totalc81e.webp') transparent no-repeat;
 text-align: center;
 height: 14px;
 padding-top: 11px;
 vertical-align: bottom;
}
#scores .buttonContainer a#skill0.selected{
 background: url('../img/playerlog/buttons/score_button_total_pressc81e.webp') transparent no-repeat;
}
#scores .buttonContainer a.scoreButton.selected{
 color: #C0B679;
 background: url('../img/playerlog/buttons/score_button_pressc81e.webp') transparent no-repeat;
 width: 43px;
}
/* H O V E R   S T A T E S (must come after visited & link) */
#logHeader_buttonless a.profile:hover,
#logHeader a.profile:hover,
#avatar a.privacy:hover,
#scores .buttonContainer a.compare:hover {
 color: #c0b679;
 font-weight: bold;
}
#scores .buttonContainer a.scoreButton:hover {
 color: #C0B679;
}
#scores .buttonContainer a.compare:hover,
#avatar a.privacy:hover {
 background-position: left -25px;
}
#logHeader a.profile:hover,
#logHeader_buttonless a.profile:hover {
 background: url('../img/playerlog/buttons/profile_hoverc81e.webp') transparent no-repeat;
}
/* A C T I V E   S T A T E S (must come after hover)*/
#logHeader a.profile:active,
#logHeader_buttonless a.profile:active,
#avatar a.privacy:active,
#scores .buttonContainer a.compare:active {
 padding-left: 1px;
}
#logHeader a.profile:active,
#logHeader_buttonless a.profile:active {
 background: url('../img/playerlog/buttons/profile_pressc81e.webp') transparent no-repeat;
}
#avatar a.privacy:active,
#scores .buttonContainer a.compare:active {
 background-position: left bottom;
}
#scores .buttonContainer a.scoreButton.total:active{
 background: url('../img/playerlog/buttons/score_button_total_pressc81e.webp') transparent no-repeat;
 width: 43px;
}
#scores .buttonContainer a.scoreButton:active{
 background: url('../img/playerlog/buttons/score_button_pressc81e.webp') transparent no-repeat;
 width: 43px;
 color: #C0B679;
}
#plog_self #quests{
 background: url('../img/playerlog/quests_backc81e.webp') transparent no-repeat;
 width: 361px;
 height: 237px;
 margin-left: 9px;
 margin-top: 0px;
 float: left;
 margin-bottom: 12px;
 display: inline;
}
#plog_other #quests{
 background: url('../img/playerlog/quests_back_largec81e.webp') transparent no-repeat;
 margin:  8px 0 7px 3px;
 float: left;
 height: 361px;
 width: 361px;
 display: inline;
}
#friends{
 background: url('../img/playerlog/friends_backc81e.webp') transparent no-repeat;
 width: 361px;
 height: 237px;
 margin-right: 9px;
 margin-top: 0px;
 float: right;
 margin-bottom: 12px;
 display: inline;
}
#friends a, #quests a {
 color: #e8e8e8;
 text-decoration: none;
}
#friends a:hover, #quests a:hover{
 color: #f8f8f8;
}
#quests .title,
#friends .title{
 height: 33px;
 margin: auto;
 text-align: center;
 color: #4c3209;
 font-weight: bold;
 font-size: 18px;
 line-height: 32px;
 color: #e8e8e8;
}
#quests .buttonContainer{
 margin: 9px auto 0px auto;
 width: 336px;
 height: 17px;
 text-align: center;
}
#quests a#completed,
#quests a#started,
#quests a#uninitiated{
 color:       #e8e8e8;
 float:       left;
 display: inline;
 height:      15px;
 line-height:    15px;
 text-decoration:  none;
 margin:      1px 0px 1px 1px;
 font-size:     12px;
 cursor: pointer;
}
#quests a#completed{
 width:      113px;
}
#quests a#started{
 width:      98px;
}
#quests a#uninitiated{
 width:      120px;
}
#quests a#completed:hover,
#quests a#started:hover,
#quests a#uninitiated:hover{
 color:       #C0B679;
}
#quests a#completed:active,
#quests a#started:active,
#quests a#uninitiated:active,
#quests a#completed.selected,
#quests a#started.selected,
#quests a#uninitiated.selected {
 padding-left:   1px;
 color:       #C0B679;
}
#quests a#completed:active,
#quests a#completed.selected {
 width:      112px;
 background:    url('../img/playerlog/buttons/quests_pressc81e.webp') transparent no-repeat;
}
#quests a#started:active,
#quests a#started.selected {
 width:      97px;
 background:    url('../img/playerlog/buttons/quests_pressc81e.webp') transparent no-repeat;
}
#quests a#uninitiated:active,
#quests a#uninitiated.selected {
 width:      119px;
 background:    url('../img/playerlog/buttons/quests_pressc81e.webp') transparent no-repeat;
}
#friends .two_col,
#plog_self #quests .two_col,
#plog_self #quests .one_col {
 height:      140px;
 margin:      auto;
 margin:      10px 0px 0px 0px;
}
#plog_other #quests .two_col,
#plog_other #quests .one_col {
 height:      258px;
 margin:      auto;
 margin:      10px 0px 0px 0px;
}
#friends .two_col,
#friends .one_col {
 height:      176px;
 margin:      auto;
 margin:      0px 0px 0px 0px;
}
#friends .two_col ul,
#quests .two_col ul,
#friends .one_col ul,
#quests .one_col ul {
 float:       left;
 line-height:    17px;
 width:       165px;
 list-style:    none;
 padding:      2px 0px 0px 12px;
 margin:      0px;
 list-style:    none;
 color:       #e8e8e8;
 font-weight:    bold;
 font-variant:   normal;
 display: inline;
}
#friends .one_col li,
#quests .one_col li,
#friends .one_col li,
#quests .one_col li {
 height:17px;
 overflow:hidden;
}
#friends .one_col ul,
#quests .one_col ul{
 width:       337px;
}
/* PageControls nav */
.PageControls {
 text-align:    center;
 line-height:    12px;
 font-weight:    bold;
 color:       #e8e8e8;
 font-variant:   normal;
 width: 228px;
 margin: 8px auto 0 auto;
}
.PageControls a {
 outline:     0;
 width:      31px;
 height:      15px;
 padding: 0 0 0 1px;
 vertical-align:  middle;
 display:      block;
 font-size:    0;
 text-decoration: none;
 cursor: pointer;
 vertical-align: middle;
 float:left;
 position:relative;
 overflow: hidden;
}
.PageControls a.disabled {
 cursor: default;
}
.PageControls a img {
 outline:     0;
 width:      31px;
 height:      15px;
 vertical-align:  middle;
 visibility:    visible;
 position: relative;
 top: 0;
 left: 0;
}
.PageControls a.First {
 background:    url('../img/playerlog/buttons/jump_first_hoverc81e.webp') no-repeat;
}
.PageControls a.Previous {
 background:    url('../img/playerlog/buttons/jump_previous_hoverc81e.webp') no-repeat;
}
.PageControls a.Next {
 background:    url('../img/playerlog/buttons/jump_next_hoverc81e.webp') no-repeat;
}
.PageControls a.Last {
 background:    url('../img/playerlog/buttons/jump_last_hoverc81e.webp') no-repeat;
}
.PageControls a:hover {
    font-weight: normal;
}
.PageControls a:hover.First img,
.PageControls a:hover.Last img,
.PageControls a:hover.Next img,
.PageControls a:hover.Previous img {
 top: -99px;
}
.PageControls .page{
 background-color: white;
 width:       31px;
 height:      16px;
 color:       black;
 border:      none;
 text-align:    center;
}
#pageinfo {
 display: block;
 float: left;
 width: 100px;
 text-align: center;
}
/* PageControls nav */