@import url('guilds/guilds.css');
@import url('character/character.css');

#rankings_head { border-bottom:1px #1d120e solid; margin:0 3px;float:left; width:99%; }

#rankings_head ul { margin:0 3px; }
#rankings_head ul li { margin:0 3px; float:right;border-left:1px #1d120e solid; border-top:1px #1d120e solid; border-right:1px #1d120e solid; padding:2px 4px; }
#rankings_head ul li.headactive { background:#581f0a; border-left:1px #7f2e10 solid; border-top:1px #e0511d solid; border-right:1px #7f2e10 solid; padding:2px 4px;  }
#rankings_head ul li.headactive a { color: #fff; }
#rankings_head ul li:hover { background:#581f0a; }

blockqoute { padding: 3px 10px; font-size:10px; display: block;margin:3px 10px; background:#101; width:92%; color:#aaa; }

#sorter { background: #121212; padding: 4px; margin: 2px; display:block; width:98%;}
#sorter a { margin: 0 2px; padding: 2px; }
#sorter a.active { background: #fff; color:#000; }
#sorter a.active  {  color:#000; }
form { display: inline; }

#sorter .right { float:right; margin:0px; margin-top:-4px; }
#sorter .right input,#sorter .right option ,#sorter .right select{ background: #444;  color:#32bcf7; }
#sorter .right input#searchchar { width:100px; border:1px #000 solid; margin:0 2px; }
#sorter .right input#searchbtn { width:50px; border:1px #000 outset; margin:0 2px; height:16px; font-size:11px; padding:0px; background: #000; color:#ff0; }

.subsorter { margin: 2px; padding:2px; overflow: hidden; height:20px; }
.subsorter a.alpha,.subsorter a:visited.alpha { padding: 2px 4px; margin: 0 2px; border: 1px #121212 solid; background: #666; cursor: pointer; }


#bot1sort { margin:0px;padding:0px;}
.subsorter a.numeric,.subsorter a:visited.numeric { padding: 2px 4px; margin: 0 1px; overflow:hidden; min-width:16px; text-align:center; display:block; float:left; border: 1px #121212 solid; background: #666; cursor: pointer; }
.subsorter a:hover.numeric { background: #fff; color:#000; }
.subsorter a.active,.subsorter a:visited.active  { background: #ff0; color:#000; }

#onlineWrapLeft { float:left;  margin-right:5px; padding:0 2px; background:#121212; height:100%; }
#onlineWrapLeft h3 { color:gold; font-size:12px; }
#onlineWrapLeft label { font-size:11px; margin-left:4px;  }
#onlineWrapLeft label b { float:right; background:#aaa; margin-top:4px; padding:0 2px;display:block;}
#onlineWrapRight { width:380px; float:left; }

.iPhoneCheckContainer{ position:relative; width:44px; height:14px; cursor:pointer; overflow:hidden; float:left;  }
.iPhoneCheckContainer input{ position:absolute; top:5px; left:30px;  }
.iPhoneCheckHandle{ display:block; height:27px; width:39px; cursor:pointer; position:absolute; top:0; left:0;  }
.iPhoneCheckHandle .iPhoneCheckHandleBG{ position:absolute; width:5px; height:100%; top:0; left:0; z-index:1;  }
.iPhoneCheckHandle .iPhoneCheckHandleSlider{ position:absolute; top:0; left:0; height:14px; width:20px; background:url(images/iphone-slider.png) no-repeat; z-index:2;  }
label.iPhoneCheckLabelOn,label.iPhoneCheckLabelOff{ font-size:11px; line-height:12px; font-weight:bold; font-family:Helvetica Neue,Arial,Helvetica,sans-serif; text-transform:uppercase; cursor:pointer; display:block; height:14px; position:absolute; width:52px; top:0;  }
label.iPhoneCheckLabelOn{ color:#fff; background:url(images/iphone-on.png) no-repeat; text-shadow:0px 0px 2px rgba(0,0,0,0.6); left:0; padding:1px 0 0 2px;  }
label.iPhoneCheckLabelOff{ color:#8B8B8B; background:url(images/iphone-off.png) no-repeat right 0; text-shadow:0px 0px 2px rgba(255,255,255,0.6); text-align:right; right:0; padding:1px 2px 0 0;  }


#Onlineli { width:380px;  float:left;  }
#Onlineli .elemt {overflow:hidden; display:block; float:left; width:100%;}
#Onlineli ol { background: #111; float:left; clear:both; width:100%; margin:2px 0px; overflow:hidden;}
#Onlineli ol li {  float:left; font-size:11px; padding:0 2px; margin:2px;}
#Onlineli ol li.name h2 { font-size:12px; }
#Onlineli ol li.name { font-size:11px; }
#Onlineli ol li.class,#Onlineli ol li.location,#Onlineli ol li.since,#Onlineli ol li.level,#Onlineli ol li.reset { float:right; text-align:center;display:block; font-size:10px; }
#Onlineli ol li label { clear:both; display:block; padding:0px 2px;text-transform:uppercase; background:#101; border:1px #333 solid; font-size:8px;}
#Onlineli ol li.since { width:90px; }
#Onlineli ol li.location { width:80px; }

li.bloodcastle { float:left; display:block; width:47%; margin:5px; }
li.bloodcastle:nth-child(odd) { clear:both; }
li.bcList { background: #101; margin:2px; float:left; width:100%; padding:2px;}
li.bcList .date { font-size:11px; }
li.bcList .name { margin-left:20px; color: #e88540;}
li.bcList .point { float:right; background: #888; padding:0px 2px; margin-right:5px; color: #000; }