html { background-color: white; }
body { font-size: 14px; color: #303030; background-color: white;font-family: helvetica, arial, 'lucida grande', 'lucida sans', sans-serif; line-height: 1.3; }
h1,h2,h3,h4, h5, h6 {margin:0.5em 0 0.25em 0;}
h1 { font-size: 30px; color: #303030; line-height: 1; }
h2 { font-size: 22px; color: #f4064f; line-height: 1.2; }
h3 { font-size: 18px; color: #303030; font-weight:bold; }
h4 { font-size: 16px; color: #f4064f; font-weight:bold;}
h5 { font-size: 14px; color: #303030; font-variant:small-caps;}
h6 { font-size: 12px; color: #f4064f;  font-variant:small-caps; }
strong { font-weight:bold; }
abbr,acronym {border-bottom:1px dotted #000;cursor:help;}
em {font-style:italic;}
blockquote { margin:1em; }
ul,dl {padding: 0;margin: 4px 0 1em 20px;}
ol { padding: 0; margin: 4px 0 1em 35px; }
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left:1em;}
th,td {border:1px solid #e5e5e5;padding:.5em;}
th {font-weight: bold;text-align: center;}
table.v2 { -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true); -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #f4f4f4; }
.v2 thead th { border-top: 0; }
.v2 tbody th { border-left: 0; }
.v2 tbody tr:last-child td,.v2 tbody tr:last-child th { border-bottom: 0; }
.v2 tbody td:last-child { border-right: 0; }
.v2 thead th:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;  border-left: 0; }
.v2 thead th:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;  border-right: 0; }
.v2 tbody tr:last-child th { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.v2 tbody tr:last-child td:last-child { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.v2 thead th {color: white;background-color: #33ccff;}
.v2 tbody th {color: gray;background-color: #f4f4f4;text-align:left;}
.v2 caption {margin:.5em 0;font-size: 16px;text-align:center;color: gray;}
p,fieldset,table {margin-bottom:1em;}
hr { border: 0; width: 80%; background-color: #303030; height: 1px;  margin: 1.5em auto;}
img { border: 0; }
a:link, a:visited, a:active { text-decoration:none; color: #f4064f;}
a:hover { color: orange; }
a image {border: 0}
a:hover image {border: 0}
:focus { outline-color: none; }
input[type=submit],input[type=reset],label,select,.pointer { cursor:pointer; }

.yui-t6 .yui-b { width: 285px; }
.yui-t6 #yui-main .yui-b { margin-right: 298px; *margin-right: 300px; }
#hd #login { float: right; margin: 10px 25px 0 0; }
#logo { margin: 20px 0 10px 25px; }
#logo a { font-size: 32px; }
.menubar { height: 39px; clear: both; background-color: orange; }
.menubar a { display: block; float: left; color: $chifonLemon; padding: 9px 20px; font-size: 16px; letter-spacing: .5px; }
.insetImage { border: 1px solid $makisPink; background-color: white; text-align: center; min-width: 100px; margin: 10px;width: 120px; padding: 4px; color: #303030; }
.insetImage img { width: 120px; }
.insetImage .caption { font-size: 10px; text-align: left; line-height: 12px; width: 120px; margin: 0 auto; }
.tleft { float: left; clear: left; }
.tright { float: right; clear: right; }
.info { background-color: #E6EFC2; color: #264409; border: 2px solid #C6D880; padding: 8px; text-align: center; }
.error { background-color: #FBE3E4; color: #8A1F11; border: 2px solid #FBC2C4; padding: 8px; text-align: center; }
.error h1 { color: #8A1F11; font-size: 20px; }
.waitIndicator { position: fixed; left: 50%; top: 50%; margin-left: -64px; margin-top: -64px; }
#pagination { text-align: center; clear; all; }
#pagination .yui-pg-current-page { color: purple; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#pagination a.yui-pg-page { color: white; background-color: orange; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; }
#pagination a { color: orange; }
.css2 .formButtons { margin: 1em 0 0; }
.css2 .formField { clear: left; padding-left: 30px; overflow: hidden; }
.css2 .formLabel, .css2 .formEdit, .css2 .formInfo { float: left; margin: 5px 0; }
.css2 .formLabel { width: 125px; padding-right: 20px; }
.css2 .fieldInfo {background:url(fam/information.png) no-repeat; color:#14C134; padding-left:20px; margin-left: 6px; }
.css2 .fformFerr {background:url(images/caution-mark.png) no-repeat; color: #df0021; margin-left: 4px; padding-left:20px; }
.css2 .fieldError {background:url(fam/exclamation.png) no-repeat 0 2px;  color: #d0584f; margin-left: 4px; padding-left:20px;}
.css2 input[type="radio"] {margin: 0 5px;}
.css2 textarea.simple {height:300px;}
.formContainer {background-color: gray;-moz-border-radius: 4px; -webkit-border-radius: 4px;padding:15px;margin: 12px auto;color: #303030;}
.formContainer .formTitle {color:white; font-size: 16pt;}
.formContainer input[type="text"],.formContainer textarea {border: 1px solid gray;width:200px;padding: 2px;background-color: white;color: #303030;margin: 1px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.formContainer input[type="text"]:focus, .formContainer textarea:focus {border: 2px solid #33ccff;background-color: #fffcb2;margin: 0;}
.formContainer textarea { width: 100%; }
.formContainer .formButtons { clear: left;  text-align: right; overflow: hidden; }
.formContainer .fieldset { margin: 15px 0; }
.formContainer .fieldsetFields {background-color: white;font-size: 93%;padding: 10px 10px 10px 10px;-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;;}
.formContainer .noTitle .fieldsetFields {-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;}
.formContainer .fieldsetTitle {background-color: #33ccff;color: white;font-weight:bold;padding-left:20px;padding-top:7px;font-size: 16px;-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;}
#main { margin: 30px 10px 30px 30px; }
#about {line-height:120%;}
#sidebar { line-height:1.3; padding: 30px 30px 30px 10px; color: $sidebarFG; background-color: $sidebarBG; min-height: 600px; }
#sidebar h1 { font-size: 20px; color: $sidebarSectionHeader; border-bottom: 1px solid $sidebarSectionHeaderUL; padding-bottom: 2px; padding-top:20px; }
#sidebar h2 { font-size: 16px; color: $primaryColor; }
#aboutMore {cursor: pointer; text-decoration:none; color:$moreColor; }
#subinfo a { margin: 5px; }
#cpanel { position: fixed; padding: 10px; background: #fffcb2;  width: 498px; margin: -119px 0 0 -249px; top: 40%; left: 50%; z-index: 400; }
#cpanel .hd { color: #f4064f; font-size: 20px; margin-bottom: .7em; }
#cpanel .bd { color: #303030; top: 50px; left: 15px; }
#cpanel .ft { margin-top: .7em; }
#cpanel input[type='text'] { background: url(bbStatic/images/dialogTextField.png); width: 432px; height: 23px; font-size: 18px; border: 0; margin-left: 10px; padding: 1px 4px; }
#cpanel .formFerr { margin: 2px 0 0 10px; color: #Ff7870 }
#dialogmask { z-index: 399; width: 2048px; height: 2048px; position: fixed; top: 0; left: 0; background-color: black; }
#cpanel .wait { position: absolute; right: 30px; top: 12px; width: 15px; height: 15px; background: url(bbStatic/images/panelWait.gif); }
#cpanel a:focus { outline: none; }
.buttons { text-align: center; }
.buttons a { padding: 4px; margin: 0 16px; }
.buttons a.p { background: url(bbStatic/images/buttonp.png) no-repeat scroll right top; color: white;}
.buttons a.n { background: url(bbStatic/images/buttonn.png) no-repeat scroll right top; color: #f0f0f0;}
.buttons a.p:hover { color: blue; }
.buttons a.n:hover { color: #dfbb4f; }
.v2 table tr:hover { background-color: $tableHoverRowBG; }
.v2 tr.odd { background-color: $tableAltRowBG; }

#magLayout { background-color: $magLayoutFrame; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#magLayout h2 { margin: 4px; }
.magLayoutRow { margin-bottom: 20px; }
.blogBrief { border: 1px solid $blogBriefTrimColor; padding: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: $blogBriefBGColor; }
.blogBrief h1 { margin: 6px 0 0 0; font-size: 19px; font-weight: normal; }
.blogBrief .featurePhoto { float: left; border: 6px solid $featurePhotoTrim; line-height: 0; margin: 0px 10px 4px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.blogBrief .noPicture { width: 120px; height: 120px; background-color: black; opacity: .3;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';filter: alpha(opacity=30); zoom: 1; }
.blogBrief .description {line-height:130%; clear: left; height: 140px; overflow: auto; padding: 10px; }
.blogBrief .continue { text-align: right; }
.catdate .date { color:#33ccff; font-size: 11px; }
.catdate .category { color: #f4064f; font-weight: bold; font-variant:small-caps;}
.blogIndex h2 { margin-bottom: 0; }
.blogIndex .catdate { margin-bottom: 15px; }
.blogEntry { background-color: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px; margin-bottom: 20px; }
.blogEntry .content { margin-top: 10px; }
.blogEntry img { margin: 4px 10px; }
#editBlog #f1\.title, #addBlog #f1\.title { width: 500px; font-size: 20px; }
#commentArea { background: #f4f4f4; padding: 10px; color: $commentArea; position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.commentBoxContents { position: relative; z-index: 2; }
.commentContainer { position: relative; line-height: 1em; margin: 0 25px; overflow: hidden;}
.commenter { float: left; width: 110px; }
.commentAvatar { width: 80px; height: 80px; }
.avatarFrame { width: 80px; height: 80px; background: url(bbStatic/blog/gravatar_frame.png) no-repeat; position: absolute; top:0; left: 0;}
.commentName,.commentName a { color: #f4064f; font-size: 14px; margin-top: 4px; }
.commentDate { font-size: 10px; }
.commentTitle { color: #303030; font-size: 22px; margin-bottom: 10px; }
.commentText { background-color: white; color: #303030; border: 1px solid gray; padding: 4px; margin-left: 120px; padding: 18px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.commentStatus { font-size: 8px; color: #33ccff; }
.speechMark { width: 33px; height: 30px; background: url(bbStatic/blog/commentTriangle_white.png); position: absolute; top: 14px; left: 88px; }
.blogAuthor .speechMark { background-image: url(bbStatic/blog/commentTriangle_blue.png); left: 89px; }
.blogAuthor .commentText { background-color: #e2eff7; border: 1px solid #303030; }
#gallery { border: 1px solid $mediumGray; padding: 10px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#gallery div { float: left; border: 1px solid gray; width: 120px; height: 90px; text-align: center;padding: 5px; background-color: $green; margin: 1px; }
#gallery img { -moz-box-shadow: 3px 2px 7px 0px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); }
#yearSelect { margin: 20px 0 0 -20px; }
#yearSelect li { float: left; margin: 0 10px; list-style-type: none; font-size: 20px; }
#yearSelect .selected a { color: white; background-color: #f4064f; }
#yearSelect li a { color: #f4064f; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#blogIndex img { border: 2px solid #f4f4f4; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

html, body { padding: 0; margin: 0;  font-family: geneva, helvetica, ariel, sans-serif; }
h1 { font-size: 26px; font-weight: normal; }
h2 { font-size: 24px; font-weight: normal; margin-top: 0; }
h3 { font-size: 22px; font-weight: normal; }
#main { margin: 0; position: relative; }
input { font-size: 18px; padding: 4px; color: #606060; border: 1px solid #aaaaaa; }
input.formOkButton { background-color: #33ccff; color: white; padding: 4px; border: 0; margin: 0 4px;}
#alert { font-size: 10px; margin: 32px 0 0 80px; }
#alert a { padding: 2px; color: #f4064f;background-color: white; }
#quickbar { position: fixed; top: 0; background-color: black; opacity: .8;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';filter: alpha(opacity=80); zoom: 1; width: 100%; left: 0; z-index: 240; color: #d0d0d0; }
#quickbar form { display: inline; }
#quickbar input { background-color: #f0f0f0; padding: 0; font-size: 20px; }
#quickbar input[type="button"] { font-size: 12px; }
#tabmsg { position: absolute; left: 410px; top: 9px; }
#funkeys { position: fixed; width: 420px; right: 80px; top: 50px; background-color: white; z-index: 300; display: none;-moz-box-shadow: 3px 2px 7px 0px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); border: 2px solid #808080; padding: 10px; }
#funkeys h1 { margin: 0; text-align: center; background-color: #f0f0f0; color: #f4064f; }
#funkeys .fkbody p { text-align: center; }
#funkeys li { list-style: none; }
#funkeys .key { width: 74px; float: left; margin: 2px 10px 16px 0; text-align: right; }
#funkeys .keyli { clear: left; margin: 0 20px; }
#shield { width: 100%; height: 1500px; background-color: black; opacity: .5;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';filter: alpha(opacity=50); zoom: 1; z-index: 100; display: none; position: absolute; }
#tweet { display: none; position: absolute; border: 5px solid #ffe600; background-color: #FFFEEE; width: 400px;z-index: 130; -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true); }
#events { max-height: 320px; padding: 4px 0; overflow: auto; }
#tweet #events a { text-decoration: none; border-bottom: 2px dotted #f4064f; color: #f4064f; }
#tweet #events a.twitpic { border: 0; }
#events .thread { float: right; margin: 4px 2px; width: 33px; height: 18px; background: url(images/conv.png); }
#events div.reply,#subBox div.reply { float: right; background: url(images/reply.png); width: 28px; height: 18px; margin: 4px 0 4px; }
#events div.rt,#subBox div.rt { float: right; float: right; background: url(images/rt.png); width: 36px; height: 19px; margin: 4px 2px; }
#pointer { background: url(images/corner-right.png); position: absolute; top: 0; left: 0; width: 14px; height: 16px; display: none; z-index: 130; }
#top { background: white; padding: 8px; }
#s { font-size: 18px; font-weight: bold; color: #000000; }
#s a { color: gray; }
#name { float: right; font-size: 16px; font-weight: bold; color: #888888;}
#bio { font-size: 12px; color: #909090; text-align: left; }
#bottom .left { float: left; padding: 2px 0 4px 8px; }
#bottom .right { float: right; padding: 6px 8px 0 0; }
#bottom { color: #f4064f; height: 38px; line-height: 31px; border-top: 2px solid #FFFCB2; }
#bottom #id { cursor: pointer; }
#bottom #follow { width: 38px; height: 19px; margin-top: 12px; background: url(images/follow.png); }
#bottom #unfollow { width: 28px; height: 31px; background: url(images/exit.png); }
#fresh { background-color: #c8f2ff; overflow: hidden; }
#lastHour { background-color: #f4f4f4; overflow: hidden; color: #777777; font-size: 20px; }
#lastDay { background-color: #e5e5e5; color: #6d6d6d; font-size: 20px;}
#moreThanDay { background-color: #dddddd; color: #6d6d6d; font-size: 20px; }
a.twitpic { float: left; width: 75px; height: 75px; background-color: lightgray; margin: 4px 6px 2px 0; border: 0; }
.thumb { float: left; margin: 4px 4px 8px; border: 0; width: 48px; height: 48px; z-index: inherit; line-height: 0;position: relative; -moz-box-shadow: 2px 2px 3px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=2,offY=2, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=2,offY=2, positive=true); }
div.fresh .thumb { border-bottom: 3px solid #33ccff; margin-bottom: 5px;}
#userImage { display: none; position: absolute; line-height: 0; z-index: 130;}
.thumbphoto { position: absolute; top: 0; left: 0; width: 10px; height: 10px; background-color: red; }
#eBundle .matched { z-index: 110; position: relative; }
#status { position: fixed; bottom: -23px; padding: 1px 4px; width: 100%; background: #ffe600; color: black; height: 21px; }
#logout { position: fixed; right: -97px; width: 128px; height: 38px; background: url(images/goodnight.png); top: 80px; opacity: .5;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';filter: alpha(opacity=50); zoom: 1; z-index: 310; cursor: pointer; }
#logoutL { width: 28px; height: 31px; margin: 2px 0 0 2px; }
#myinfo { position: relative; }
#myname { font-size: 27px; padding-top: 6px; padding-left: 16px; float: left; }
#mythumb { float: left; margin: 0;}
#mythumb .mythumb { margin: 0; }
#mybm { float: left; padding-left: 40px; padding-top: 4px; }
#mybm a { border: 0; }
#mybmtip { float: left; background-color: #FFF097; padding: 2px 8px; font-size: 12px; margin-left: 7px; display: none; }
.time { color: #33ccff; font-size: 10px; margin-left: 0px; padding-top:5px;}
#tweet #events .time a { color: inherit; border: 0; }
#subBox .time .source a { color: inherit; border: 0; }
.r0 { background-color: #fffcb2; padding: 6px 12px; overflow: hidden; }
.r1 { background-color: white; padding: 6px 12px; overflow: hidden; }
#subBox .r0 { background-color: white; }
#subBox .r1 { background-color: #ebf2fb;}
#pipiospeak { position: absolute; top: 10px; right: 278px; background: url(images/bubble-01.png); width: 149px; height: 104px; color: white; display: none; }
#subBox { border: 5px solid #33ccff; position: absolute; z-index: 150; width: 400px; display: none;background-color: #f8f8f8; overflow: hidden; min-height: 30px; -moz-box-shadow: 3px 2px 7px 0px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); }
#wf { width: 43px; height: 11px; position: absolute; right: 10px; top: 8px; background-image: url('images/bluesquares.gif'); }
#header { height: 190px; background-color: #33ccff;}
#pipio { position: absolute; top: 40px; right: 100px; z-index: 50; }
#title { padding: 55px 0 0 80px; }
.cloud { background: url('images/t4bp_CloudMenu.png'); width: 102px; height: 51px; z-index: 10;}
.cloud a { position: relative; display: block; background: url('images/t4bp_CloudMenu.png'); top: 16px; left: 0px; width: 102px; height: 20px; }
#indexmenu { position: absolute; top: 28px; right: 610px; }
#indexmenu a { background-position: 0 -100px; }
#indexmenu a:hover,#indexmenu.selected a { background-position: 0 -120px; }
#newsmenu { position: absolute; top: 105px; right: 535px; }
#newsmenu a { background-position: 0 -60px; }
#newsmenu a:hover,#newsmenu.selected a { background-position: 0 -80px; }
#matchmenu { position: absolute; top: 70px; right: 425px; }
#matchmenu a { background-position: 0 -140px; }
#matchmenu a:hover,#matchmenu.selected a { background-position: 0 -160px; }
#menuray { position: absolute; width: 245px; height: 152px; background: url('images/t4bp_CloudMenu.png') -102px 0;}
#controls { background-color: white; overflow: visible; height: 103px; position: relative;}
#controls p { color: gray; font-size: 16px; }
#services { width: 360px; right: 136px; background-color: #dddddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px; position: absolute;z-index: 60; -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true); }
#services .service { width: 40px; height: 40px; display: block; float: left; background: #f4f4f4; -moz-border-radius: 4px; -webkit-border-radius: 4px;margin: 8px 5px ; cursor: pointer; }
#services .service.off img { opacity: .6;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';filter: alpha(opacity=60); zoom: 1; }
#services h1 { font-size: 18px; }
#services input[type="text"] { font-size: 16px; width: 140px; }
#services input[type="submit"] { font-size: 16px; margin: 0 2px; position: relative; top: -1px; }
#sTitleOuter { background: #f4f4f4; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px; clear: left; margin: 56px 4px 4px 5px; }
#sTitle { background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 2px 4px; clear: left; min-height: 20px; position: relative; }
#sTitle .desc { font-size: 90%; color: gray; }
#ssel { background: #f4f4f4; position: absolute; left: -9999px; top: 50px; width: 40px; height: 12px; }
#btab { position : absolute; bottom: 0; display: none; background: #f4f4f4; z-index: 2; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; padding: 2px 8px; }
#btab img { vertical-align: middle; }
#btabDisp { margin-right: 12px; }
#updateNotify { position: absolute; bottom: 19px; color: white; background: #f4064f; z-index: 5; left: 2px; -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true);padding: 4px; -moz-border-radius: 16px; -webkit-border-radius: 16px; min-width: 21px; text-align: center; display: none; cursor: pointer; }
#procInd { float: right; width: 10px; height: 10px; background: url(images/process.gif); display: none; position: relative;top: 6px; left: 3px; }
#subSelectClose { width: 16px; height: 16px; background: url(fam/cross.png); position: absolute; right: 1px; top: 1px; cursor: pointer;}
#swallowtail { width: 23px; height: 33px; background: url(images/swallowTail.png); position: absolute; top: -2px; right: 21px; }
#entername #screenname { float: left; display: block; background-color: #f4f4f4; }
#screenname { margin-right: 8px; margin-bottom: 20px; border: 0;}
#snameEntry, #snameEntry h1 { color: #777777; }
.accolade { width: 400px; background-color: white; border: 0px solid gray; padding: 1em; float: left; -moz-box-shadow: 2px 2px 3px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=2,offY=2, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=2,offY=2, positive=true); -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden; }
.accolade.leftside { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); float: left; }
.accolade.rightside { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); float: right; }
#accolade { font-size: 20px;}
#accolade h4 { color: #555555; font-weight: normal; font-size: 16px; letter-spacing: .5px; }
.accoladeImage { float: left; padding-right: 20px; }
.accoladeImage img { width: 48px; height: 48px; }
#accolade a { text-decoration: none; color: #f4064f; }
.accoladeDate a { font-size: 12px; border-bottom: 0; margin-left: 10px; }
.section { padding: 20px 80px; }
#miniD { padding: 4px; background-color: white; color: gray; border: 1px solid gray; position: absolute; z-index: 350; }
#miniD form { text-align: center; }
#pagesection { overflow: hidden; display: none; position: absolute; bottom: 0; right: 35px; }
#ps1, #ps2 { float: left; position: relative;}
#ps1 { margin-right: 8px; top: 9px;}
#ps2 { margin-left: 10px; top: 9px;}
#pagination { float: left; }
#pagination span, #pagination a { float: left; display: block; }
#pagination a { border: 0; color: white; background-color: lightgray; }
#pagination a:hover { background-color: #e49fb4; }
#pagination .yui-pg-current-page { background-color: #f4064f; color: white;}
#yui-pg0-0-page-report { position: relative; top: 6px; }
#wait { position: absolute; top: 50px; left: 50%;  display: none; z-index: 5;}
#footer { height: 800px; background-color: #33ccff; color: white; clear: both; text-align: center; padding-top: 40px; }
#footer a { color: white; }
#footer #scb { font-size: 20px; padding-bottom: 30px; }
#footer #scb a { text-decoration: none; border-bottom: 1px solid white; }
#footer #scb .t { border: 0; margin-left: 18px; position: relative; top: 5px; }
#blinks { margin-bottom: 40px; }
#blinks a { color: #dddddd; margin: 0 40px; text-decoration: none;}
#blinks a:hover { border-bottom: 1px solid #dddddd;}
#blinks.index .l0, #blinks.why .l1, #blinks.news .l2, #blinks.comments .l3 { color: white; border-bottom: 1px solid white;}
#tweetout { position: fixed; width: 540px; top: 240px; left: -565px; padding: 10px; background-color: #33ccff; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px;-moz-box-shadow: 0 0 20px -5px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 30px;-mss-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';ffilter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); z-index: 240; }
#tweetout #count { float: right; font-size: 22px; }
#tweetout textarea { }
#tweetout input { margin: 4px; background-color: #a4e9ff; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 0; padding: 0px 4px; }
#tweetout input.formOkButton { float: right;  background-color: white; color: #33ccff; }
#tweetout #toForm { clear: right; }
#toHandle { position: absolute; right: -57px; top: -9px; cursor: pointer;}
#symbols { cursor: pointer; font-size: 16px; padding: 16px; }
#symbols span:hover { background-color: #ffe600; }
#symbolTog, #shrinkBtn, #shrinkURLBtn { cursor: pointer; }
#mytweet { font-size: 16px; width: 98%; height: 66px; }
#tweetout *:focus { outline: 0; }
#toMessageTo { }
#TOConversation { overflow: hidden; height: 25px; }
.minithumb { vertical-align: middle; height: 21px; width: 21px; -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true); }
#standardPage { background-color: white; padding: 50px; }
#standardPage a { border: 0; }
#commentArea { -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 55px; }
#help { position: fixed; width: 400px; left: 50%; margin-left: -200px; top: 20%; -moz-box-shadow: 3px 2px 7px 0px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); background: #ededed;z-index: 290; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 60px 10px 10px; }
#whelpContent { height: 400px; padding-top: 87px; text-align: center; }
#showHelp { position: fixed; bottom: 24px; right: 2px; width: 31px; height: 31px; background: url(images/lifesaver.png); cursor: pointer; }
#helpClose { position: absolute; right: 8px; top: 8px; width: 25px; height: 24px; background: url(images/t4bpHelp_close.png); }
#hTitleBar { position: absolute; left: 10px; top: 0; width: 400px; height: 60px; background: url(images/t4bpHelp.png) no-repeat 50% 0;}
#helpContent { overflow: hidden; background: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#help .stitle { text-align: left; font-size: 20px; padding-top: 16px; -moz-border-radius: 6px; -webkit-border-radius: 6px; height: 50px; padding-left: 20px; }
#help .scontent { padding: 20px 20px 0; height: 400px; overflow: auto; background: url(images/lifesaverImg.png) 100% 100% no-repeat; border-top: 1px solid #f4f4f4; }
#help #hNavigation { height: 20px; background: #ededed; text-align: center; padding-top: 10px; }
#help .helpLink { cursor: pointer; color: #f4064f; }
#helpPrevious { float: left; width: 20px; height: 15px; background: url(images/grayArrowLeft.png); }
#helpNext { float: right; width: 20px; height: 15px; background: url(images/grayArrow.png); }
#helpPrevious:hover { background: url(images/pinkArrowLeft.png); cursor: pointer; }
#helpNext:hover { background: url(images/pinkArrow.png); cursor: pointer; }
#help img { vertical-align: middle; }
#help li img { vertical-align: bottom; }
#help h2 { font-size: 16px; }
#help h3 { font-size: 14px; font-variant: small-caps; }
#help .img { -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true); }
#help .fr { float: right; margin-left: 15px; }
#help .fl { float: left; margin-right: 15px; }
#help .ce { text-align: center; -moz-box-shadow: none; -webkit-box-shadow: none;-ms-filter: none;filter: none; margin: 20px 0; }
#help .ce img { -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true); }
#help .ns { -moz-box-shadow: none; -webkit-box-shadow: none;-ms-filter: none;filter: none; }
#help .ns img { -moz-box-shadow: none; -webkit-box-shadow: none;-ms-filter: none;filter: none; }
#help ul { margin: 15px; }
.nb li { list-style: none; }
*:focus { outline: none; }
.formContainer { -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.formContainer form fieldset { background-color: white; }
.formContainer input[type="text"] { -moz-border-radius: 0px; -webkit-border-radius: 0px; }
textarea { width: 90%; border: 0; padding: 4px; height: 44px; }
textarea:focus { border: 0; margin: 1px; background-color: white; }
.fformContainer .fieldsetFields,.formContainer .noTitle .fieldsetFields { -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.formContainer .fieldsetFields { font-size: 100%; }
#cpanel { color: white; -moz-box-shadow: 0 0 20px -5px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 30px;-mss-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';ffilter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); -moz-border-radius: 16px; -webkit-border-radius: 16px;background: -webkit-gradient(linear, left top, left bottom, from(#33ccff), to(white));background: -moz-linear-gradient(top, #fffcb2, #fffcb2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";}
#cpanel .hd { text-align: center; font-size: 26px; }
#cpanel .bd { text-align: center; }
#cpanel .wait { background: url(images/waitingFlower.gif); }
.buttons { height: 30px; }
.buttons a { margin: 0 16px; cursor: pointer; }
.buttons a.p { background: #33ccff; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.buttons a.n { background: gray; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.buttons a.n:hover { color: black; }
#pbarc { width: 200px; left: 50%; margin-left: -100px; position: fixed; top: 30%; padding: 10px;  border: 2px solid #33ccff;z-index: 200; background: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#pbarh { border: 1px solid gray; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#pbar { background-color: #33ccff; height: 20px; width: 0;}
#tweetthis a { border: 0; }
#addACommentForm a { border: 0; }
.blogEntry { padding: 55px; -moz-border-radius: 0px; -webkit-border-radius: 0px; margin: 0; }
.blogEntry h1#title { padding: 0; }
.commentBoxContents { max-width:780px; }
.avatarFrame { background-image: url(images/gravatar_frame.png); }
#main .commenter a { border-bottom: 0; }
.shadow { -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true); }
#layoutcon { float: right; margin-right: 15px; position: relative; background: url(images/layoutControl.png); width: 175px; height: 29px; }
#layoutcon div { float: left; width: 27px; height: 27px; }
#layoutcon #b1 { margin-left: 2px; }
#layoutcon #b4 { margin-left: 25px; }
#layoutcon .cursor { width: 26px; height: 26px; border: 2px solid red; position: absolute; }
#gameboard { border: 5px solid #ffe600; width: 700px; height: 472px; margin: auto; overflow: hidden; background-color: white; }
#leftside { background-color: #ffe600; padding-left: 28px; }
#leftside .imgh { border: 2px solid #dddddd; background-color: white; float: left; width: 48px; height: 48px; margin: 20px 6px; }
#leftside img { display: block; cursor: move; z-index: 1; width: 48px; height: 48px; }
#rightside { clear: both; padding: 30px 0; overflow: hidden; }
#rs1 { float: left; width: 310px; margin-left: 80px; }
#rs2 { float: left; width: 310px; }
#rightside .target { clear: both; }
#rightside div.avatar { width: 48px; height: 48px; border: 2px solid #ddd; float: left; margin: 6px 0; }
#rightside div.sname { position: relative; top: 14px; left: 20px; color: #303030; }
#scorebox { height: 40px; margin: 10px 0; border: 4px solid #dddddd; position: relative; background-color: white; }
#scoremeter { height: 100%; background-color: #33ccff; position: absolute; top: 0; left: 0; text-align: right; }
#scoremsg { color: #303030; padding: 6px 6px 0 0; }
#buttons { text-align: center; margin: 20px; }
#playagain { background-color: #f4064f; color: white; padding: 10px; text-align: center; width: 200px; display: inline; margin: 20px;  cursor: pointer; }
#doneButton { background-color: #33ccff; color: white; padding: 10px; width: 200px; display: inline; margin: 20px; cursor: pointer; }
.smark { width: 44px; height: 44px; position: relative; z-index: 1; left: -37px; top: 4px; }
.correct { background: url(images/maru.png);}
.wrong { background: url(images/batsu.png); }
#frontpage { background: white; position: relative;  text-align: center; }
#frontpage h1 { font-size: 32px; color: #666666; }
#frontpage h2 { margin-top: 100px; }
#frontpage #p2 { width: 426px; height: 369px; position: absolute; top: 100px; left: -50px;background: url(images/pipio_Opac20.png);}
#pav { text-align: center; width: 420px; margin: auto; }
#pav #or { float: left; color: #ffe600; font-size: 32px; line-height: 36px; margin-left: 20px;}
#pav #peeker { float: right; margin-left: 20px; background: url(images/peekaviewTop.png); width: 48px; height: 36px; }
#pavbox { clear: both; border: 2px dashed #ffe600; color: #666666; margin: auto; text-align: left; padding: 4px 20px 20px;background: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#pavbox h3 { font-size: 16px; }
#pavbox #screenname { background: #E5E5E5; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#pavbox #go { background: url(images/peekaviewButton.png); border: 0; width: 63px; height: 31px; }
#fulltwitpic { display: none; position: absolute; left: 50%; }
#logview { position: fixed; bottom: 0; right: 0; width: 400px; height: 200px; opacity: .7; background-color: black; color: white;padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 0 20px -5px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 30px;-mss-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';ffilter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); margin: 10px; overflow: auto; z-index: 200; }

#loveComments { position: fixed; z-index: 280; right: 0; top: 160px; width: 26px; height: 147px; background: url('bbStatic/lc/fb-tab.png') -26px 0; opacity: .5; cursor: pointer; }
#loveCommentsBox { position: fixed; z-index: 280; top: 160px; right: -400px; width: 400px; background-color: #f0f0f0; -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true)';filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=3,offY=3, positive=true); }
#lcin { background-color: #D3EDF4; margin: 10px; padding: 10px 20px; position: relative;  min-height: 200px; color: #666666; }
#lcin img { display: block; margin: auto; margin-bottom: 10px; }
#lcin { font-family: "lucida grande", arial, sans-serif; font-size: 12px; text-align: center; }
#lcButtons { text-align: center; height: 20px; padding-top: 10px; position: relative; }
#lcButtons input { border: 0; }
#lcform textarea#lcfb,#lcform textarea#lcfb:focus { height: 81px; border: 0px; background-color: white; border: 0; margin: 0; overflow: auto; }
#lcButtons #lcsend { position: absolute; right: -23px; bottom: -16px; }