@import url(//www.google.com/css/go-inlay.css);
@import url(//www.google.com/css/modules/buttons/g-button-chocobo.css);

#promo { width: 140px; float: right; margin: 0 0 1em 1em; background: #FFF; border: 1px solid #CCC; padding: 0 1em; margin-top: -1em; position: relative;}
#promo h4 { margin-bottom: 0; }
#promo p { margin-top: 0; }

#tabs {background: #ebeff9; border-bottom: 1px solid #6b90da; clear: right; list-style: none; margin-left: 0; margin-top: 2em; padding: 0;}
#tabs li a {display: block; outline: none; position: relative; line-height: 26px; border-top: 1px solid #ebeff9; border-bottom: 1px solid #6b90da; margin: 5px 0 -1px 10px; padding: 0 8px;}
#tabs li a:visited {color: blue;}
#tabs li a.tab_on {background: #FFF; border: 1px solid #6b90da; border-bottom: 1px solid #FFF; color: black; font-weight: bold; text-decoration: none;}
#add_link {float: right;}

#pagination {text-align: center; list-style: none; padding: 1em 0 0 0;}
#pagination li {display: inline; margin: 0 0.2em;}

.tip {margin: 0; }

.titlebar { margin: 0 0 1px 0; clear: right; font-size: 1.1em; cursor: pointer; }
.titlebar .number { padding: 0.3em 0 0.3em 0.8em; }
.titlebar .title { padding: 0.3em 2.5em 0.3em 0.8em; }

.cloudy .titlebar { color: black; }
.cloudy .titlebar .number { border-width: 0 0 0 5px; border-style: solid; background-color: #FFF !important; color: #666;}
.cloudy .titlebar .title { background: url('../img/plus2.gif') no-repeat center right; background-color: #FFF !important; }
.cloudy .on .titlebar .title { background: url('../img/minus2.gif') no-repeat center right; }
.cloudy .titlebar:hover .number, .cloudy .titlebar:hover .title, .cloudy .on .titlebar .number, .cloudy .on .titlebar .title { background-color: #DDEDFA !important; font-weight:bold; }

.rainbow .titlebar { color: white; font-weight: bold; }
.rainbow .titlebar .title { background: url('../img/plus.gif') no-repeat center right; }
.rainbow .titlebar .number span { opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.rainbow .on .titlebar .title { background: url('../img/minus.gif') no-repeat center right; }
.rainbow .titlebar:hover .number, .rainbow .titlebar:hover .title, .rainbow .on .titlebar .number, .rainbow .on .titlebar .title { background-color: #365789 !important; }

.content { border: 1px solid #CCC; margin: 0 0 1px 0; position: relative;}
.content .video { padding: 10px; }
.content .video embed, .content .video object {display: block;}
.content .video div {border: 1px solid #CCC; margin: 0;}
.content .video span { display: none; }
.content .text { padding: 0 1em 1em 1em; }
.content .text p { margin: 1em 1em 0 0; }
.content .text form { border: 1px solid #CCC; background: #F2F2F2; width: 270px; padding: 1em;}
.content .text form .g-first { margin-right: 1em; }
.content .video, .content form, .content .g-button { display: none; }
.youtube .content .video, .button .content .g-button, .search .content form { display: block; }
.youtube .content .text { width: 320px; overflow: hidden; padding: 0;}

.content {display: none;}
.on .content {display: block;}

#widget {position: absolute; bottom: 0; right: 0; margin: 0; height: 60px; width: 170px; display: none;}
td.zzRatingEditor, td.zzRatingDescription {padding-right: 0 !important;}

.user {border: 1px solid #CCC; display: block; font-weight: bold; padding: 0.9em; width: 290px; position: absolute; bottom: 12px; right: 12px;}
.user img {border: 1px solid #CCC; margin-right: 1em; vertical-align: text-top;}

.ugc .g-button {margin-bottom: 0;}
.ugc #widget {bottom: 10px; width: 255px;}