/* vim: set ft=css ts=4 sts=4 sw=4 si noet: */

html {
	background: #020167;
}

body {
	background: url(../img/background.jpg) repeat top;
	font-family: "Tahoma", arial, trebuchet;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

html.tinymce-popup,
body.tinymce-popup {
	background: white;
}

/* container area */

a {
	color: yellow;
}

a.select {
	padding-right: 4px;
}

ul {
	list-style-type: decimal;
}

p.wrap {
	margin: 0 0 1em;
}

.fset1 {
	background: url(../img/title-heading.png) no-repeat;
	height: 35px;
	padding: 4px 0 0 30px;
	color: #fff;
}

.container {
}

#header {
	background: url(../img/header.png) no-repeat 100% top;
	height: 160px;
	width: 1016px;
}

.logo {
	height: 187px;
	width: 305px;
	position: absolute;
	left: 0px;
}
.xljagoan {
	background: url(../img/xljagoan.png) no-repeat top left;
	height: 77px;
	width: 607px;
	position: absolute;
	right: 0px;
	top: 170px;
	z-index: 10;
}

.mplayer {
	background: url(../img/bg-module2.jpg) repeat;
	height: 45px;
	margin-top: 50px;
	width: 100%
}

.player-button {
	height: 50px;
	background: url(../img/mplayer-puasa.png) no-repeat 100% 0;
	top: 12px;
	left: 48px;
}

#monFlash {
	position: relative;
	left: 39px;
	top: 10px;
}
/* menu */
.main-menu {
	float: right;
	width: 650px;
	height: 100px;
}

.main-menu a {
	position: relative;
	text-decoration: none;
	outline-style: none;
	color: #fff;
	word-spacing: 25px;
}

.main-menu a:hover {
	color: yellow;
}

.main-menu ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	position: relative;
	top: 10px;
	height: 106px;
	width: 619px;
	background: url(../img/mainmenu.png) no-repeat 50% 0;
}

.main-menu li {
	float: left;
	width: 100px;
	text-align: center;
	position: relative;
	top: 30px;
	left: 40px;
}

.main-menu a .hover {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.main-menu a:hover {
	background: none;
	cursor: pointer;
}
.main-menu li.home {
	width: 100px;

}

.main-menu li.sekolah {
	width: 125px;
}

.main-menu li.gaya {
	width: 88px;
}

.main-menu li.game {
	width: 100px;
}

.main-menu li.topik {
	width: 120px;
}
.main-menu li.home a .hover {
}
.main-menu li.sekolah a .hover {
}
.main-menu li.gaya a .hover {
}
.main-menu li.game a .hover {
}
.main-menu li.topik a .hover {
}
/* end menu */


#content-body {
}

.content {
	margin-bottom: 10px
}

.content td p {
	margin: 0 0 0.5em;
}

.content td {
	border-bottom: 1px solid #fff;
	padding: 5px 5px 2px;
}
.content .l-bg {
    padding-left: 15px;
    padding-top: 20px;
    background: url(../img/paper-l.png) repeat-y 0px 10px;
}

.content .r-bg {
    -moz-box-shadow: 4px 3px 5px -4px #000;
	padding: 25px 10px;
    background: url(../img/paper-r.png) repeat top;
    min-height: 200px;
}

.content h3.fset1 {
    background: url(../img/title-heading.png) no-repeat top;
    margin-bottom: 35px;
    width: 188px;
	position: absolute;
}

.wrap-content.middle {
	background: ;
	width: 1016px;
	margin: 0 auto;
}

.wrap-content.top {
	padding-top: 90px;
}

.wrap-content.bottom {
	background: ;
	padding-bottom: 50px;
	
}
.container {
	position: relative;
}

.mod-bottom {
	margin-top: 10px;
	background: url(../img/bg-bottom.jpg) repeat;
	z-index: 0;
}

img.top {
	float: left;
}

.form {
	padding: 10px;
	background: #fff;
}

.form-title {
	background: url(../img/pendaftaran.png) no-repeat top;
	height:29px;
	width: 240px;
	margin: 0 auto;
}

.content th, td, caption {
	font-size: 11px;
	padding: 4px 5px;
	vertical-align: top;
}

.content td.points {
	color: #990000;
	font-weight: bold;
	text-align: right;
}

.content th {
	border-bottom: 1px dotted #999;
}

.schools .body {
	width: 98%;
	float: left;
}

.schools .kota {
}

blockquote.slogan {
	margin: 0;
}

p.desc {
	margin: 0.5em;
}

.school-title a {
	font-size: 1em;
	text-decoration: none;
}

/* module */

.mod-blank a {
	color: red;
}

.mod-blank a:hover {
	color: yellow;
}
.mod div.image {
	height:150px;
	text-align: center;
}
.mod.login {
	margin-bottom: 10px
}

.paper .l-bg {
	position: relative;
	top: 20px;
}

.paper .r-bg {
	padding: 0 15px 10px;
}

.alt3, .alt4 {
	margin-top : 20px;
}

.alt1 .r-bg,
.alt2 .r-bg,
.alt3 .r-bg,
.alt4 .r-bg {
	padding: 10px 15px;
	color: #fff;
	min-height: 270px;
}

#login-form a {
	color: red;
}

.mod.login.paper {
	background: url(../img/top-module-red.png) top no-repeat;
}

.paper.login .l-bg {
	background: url(../img/bg-module-red.jpg) repeat!important;
}

.mod.paper.alt1 {
	background: url(../img/top-module-ungu.png) top no-repeat;
}
.paper.alt1 .l-bg {
	background: url(../img/bg-module-ungu.jpg) repeat!important;
}

.paper.alt2 .l-bg {
	background: url(../img/bg-module-orange.jpg) repeat!important;
}

.paper.alt3 .l-bg {
	background: url(../img/bg-module-blue.jpg) repeat!important;
}

.paper.alt4 .l-bg {
	background: url(../img/bg-module-green.jpg) repeat!important;
}

.mod.paper.alt2 {
	background: url(../img/top-module-orange.png) top no-repeat;
}

.mod.paper.alt3 {
	background: url(../img/top-module-blue.png) top no-repeat;
}

.mod.paper.alt4 {
	background: url(../img/top-module-green.png) top no-repeat;
}
.mod.login.paper {
	margin-top: 20px;
}

.mod.login.paper .r-bg {
	background: none;
}

.paper .r-bg {
	color: #fff;
}

.alt1 .l-bg,
.alt2 .l-bg,
.alt3 .l-bg,
.alt4 .l-bg,
.mod.login.paper .l-bg {
	top:35px;
}

.alt1 h3.fset1,
.alt2 h3.fset1,
.alt3 h3.fset1,
.alt4 h3.fset1,
.promo h3.fset1,
.mod.login.paper h3.fset1,
.mod.login h3.fset1,
.mod.promo h3 {
	z-index: 1;
	margin-bottom: 0;
	padding: 10px 0 0 50px;
	position: relative;
	width: 80%;
	height: 30px;
	background: none;
	color: #fff;
	top: 35px
}


.mod.login h3.fset1, 
.mod.promo h3.fset1, 
.pin-paper h2.fset3 {
	background: url(../img/title-heading.png) no-repeat top;
	z-index: 1;
	margin-bottom: 0;
	padding: 10px 0 0 50px;
	position: relative;
	width: 80%;
	height: 38px;
	color: #fff;
	top: 50px
}

.pin-paper h2.fset3 {
	top: 22px;
	left: 12px;
	line-height: 2em;
	padding: 0 0 0 20px;
}
.mod.login.paper h3.fset1 {
	text-align: center;
}

.alt1 h3.fset1,
.alt2 h3.fset1,
.alt3 h3.fset1,
.alt4 h3.fset1 {
	text-decoration: blink;
}

.mod a:hover {
	color: #fff;
}
h3.long {
	color: #000;
}
.paper a, .mod a {
	color: yellow!important;
}

.index.content a, .index a, .login-action-body a {
	color: red!important;
}
.content a, .wrap a {
	color: yellow;
}

.content .pin-paper, .pin-paper .content {
	color: white;
}

.schools.view a, .entry a, .paging a, #reg-term a, p > a {
	color: red!important;
}

h3.fset1 {
	margin-bottom: 35px;
	width: 188px;
}

h3.fset1.long {
    background: url(../img/title-heading-long.png) no-repeat top left;
    width: 100%;
}


.login .l-bg,
.promo .l-bg,
.profile .l-bg {
    position: relative;
    top: 20px;
    background: url(../img/bg-module2.jpg) repeat;
}

.login .r-bg,
.profile .r-bg {
    padding: 5px 10px 0px;
	text-align: center;
	height: 100%;
}

.promo .r-bg {
    padding: 40px 10px 10px;
	text-align: center;
	height: 100%;
}

.profile .r-bg {
	padding: 10px;
}

.login-action-body {
	float: left;
	background:url(../img/login-object.png) no-repeat 100% 41px;
	width: 100%;
	height: 120px;
	padding-top: 20px;
	color: #fff;
}

.slide-banner {
	padding-bottom: 5px;
}

.logout-action-body {
	float: left;
	background:url(../img/logout_model.png) no-repeat 100% 21px;
	width: 100%;
	height: 120px;
}

.login-action, .register-action, .logout-action, .profile-action {
	background:url(../img/login-box.png) no-repeat 10px 10px;
	float: left;
	width: 93px;
	height: 33px;
	color: #1e2072!important;
	padding: 10px 0 0 10px;
	clear: left;
	text-decoration: none;
	outline-style: none;
}

.logout-action {
	background:url(../img/login-box.png) no-repeat 10px 20px;
	height: 50px;
	width: 93px;
	padding: 20px 0 0 10px;
}

.profile-action {
	background:url(../img/chalk-line.png) repeat-x bottom;
	padding:5px 0 0;
	width: auto;
}

.login-action:hover, .register-action:hover, .logout-action:hover, .profile-action:hover {
	color: red!important;
}

.mod-blank h3.fset1 {
	background: url(../img/title-bottom.png) no-repeat;
	color: #fff;
	margin: 10px 0;
	width: 188px;
	position: relative;
}

.mod-blank {
	color: #fff;
	padding: 10px;
}

#search {
	background: url(../img/search.png) no-repeat;
}

.search-container input {
	margin-left: 10px!important;
	margin-top: 10px!important;
}

.search-container button {
	background: none!important;
	font-weight: bold!important;
	width: 70px!important;
}
.mod-bot1 {
/*	border-right: 1px solid;*/
	float: left;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
}

.pin-paper h2.fset3 {
	background: url(../img/title-heading.png) no-repeat;
}

.pin-paper .content {
	padding: 30px 10px 10px 10px;
	background: url(../img/bg-module2.jpg) repeat;
}
.green .pin-paper h2.fset3 {
	    background: url(../img/pin-green.png) no-repeat scroll 0 0 transparent;
}

.orange .pin-paper h2.fset3 {
	    background: url(../img/pin-orange.png) no-repeat scroll 0 0 transparent;
}

.purple .pin-paper h2.fset3 {
	    background: url(../img/pin-purple.png) no-repeat scroll 0 0 transparent;
}

.blue .pin-paper h2.fset3 {
	    background: url(../img/pin-blue.png) no-repeat scroll 0 0 transparent;
}

.green .pin-paper {
	    background: url(../img/pin-paper-green.png) repeat scroll 0 0 transparent;
}

.orange .pin-paper {
	    background: url(../img/pin-paper-orange.png) repeat scroll 0 0 transparent;
}

.purple .pin-paper {
	    background: url(../img/pin-paper-purple.png) repeat scroll 0 0 transparent;
}

.blue .pin-paper {
	    background: url(../img/pin-paper-blue.png) repeat scroll 0 0 transparent;
}


/* end module */

/* end container */

/* footer area */

#footer {
	height: 50px;
	width: 100%;
	background: #020167;
	margin-top:30px;
	-moz-box-shadow: 0px 5px 5px 0px #000 inset;
	color: #fff;
}

.copyright {
	float: right;
	width: 20%;
	background: url(../img/xl-logo.png) no-repeat right;
}

.copyright p {
	margin: 1em 0;
}
.footer-note {
	font-size: 11px;
	margin-top: 1.5em;
	float: left;
}

.bottom-menu input {
	margin: 0px;
}

.bottom-link span {
	float: right;
}
	
.search {
	background: url(../img/search-icon.png) no-repeat 15px 3px;
}
.search input {
	width: 150px;
	float: right;
}

.search label {
	width:0px;
}

.item-container {
	overflow: hidden;
}

.item-teaser {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

.item-teaser h3 {
	margin: 10px 0 5px;
	
}

.item-teaser .actions {
	text-align: right;
}

.item-list {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.item-list ul li a {
	text-decoration: none;
}

.scaffold.tablecontainer {
	width: 100%;
	float: left;
	clear: left;
}

body.tinymce-popup .tablecontainer {
	padding: 2px;
}

.scaffold.tablecontainer a.vote {
	float: right;
}

.scaffold.actions ul li a {
	float: left;
	text-indent: -10000px;
	outline-style: none;
}

.scaffold.actions ul {
	height: 50px;
}
.scaffold.actions ul li{
	width: 50px;
	float: left;
}
.scaffold .list a {
	background: url(../img/list-all.png) no-repeat;
	height: 32px;
	width: 32px;
}
.scaffold .edit a {
	background: url(../img/ubah.png) no-repeat;
	height: 32px;
	width: 32px;
}

.scaffold .delete a {
	background: url(../img/hapus.png) no-repeat;
	height: 32px;
	width: 32px;
}

.scaffold .new a {
	background: url(../img/tambah.png) no-repeat;
	height: 32px;
	width: 32px;
}
.authorship {
	margin-bottom: 3px;
	font-weight: bold;
}

.vote-count {
	float: left;
}

.blink-vote .vote {
	background: url(../img/xljm_votemading_horiz.gif) no-repeat;
	width: 200px;
	height: 35px;
}


.vote {
	float: left;
	clear: right;
	background: url(../img/thumb.png) no-repeat;
	height: 16px;
	width: 16px;
	text-indent: -10000px;
	outline-style: none;
}

.vote-count a {
	text-decoration: none;
}
.photo {
	float: left;
	margin: 0 5px;
	width: 100%;
}

.scaffold.form .photo {
	margin: 10px 5px;
	text-align: center;
}

.scaffold.form .photo .input.checkbox label {
	text-align: center;
	float: none;
}

.photo label {
	width: auto!important;
}

.photo input {
}

.t-info {
	float: left;
	clear: left;
}
.goto {
	float: left;
	clear: right;
	background: url(../img/lihat.png) no-repeat;
	height: 16px;
	width: 16px;
	text-indent: -10000px;
	outline-style: none;
}

#attachments-browser .prev,
#attachments-browser .next {
	padding-right: 5px;
}

.play-action a {
	height: 115px;
	width: 80px;
	float: left;
	background: url(../img/btn_main.png) no-repeat;
	text-indent: -10000px;
	outline-style: none;
}

.play-action a:hover {
	background: url(../img/btn_main_hover.png) no-repeat;
}

#forgot-password .submit {
	width: 50%;
}

#change-password label {
	width: 30%;
}

.breadcrumb {
	padding: 5px 0;
	color: grey;
}

.breadcrumb a {
	color: #083A08;
}

.hits {
    font-size: 0.9em;
    color: #666;
}

hr {
    margin-top: 10px;
    margin-bottom: 0px;
    background: #333;
}

.date-wrap {
	background: url(../img/date.png) no-repeat top;
}

.finder .left {
	float: left;
	line-height: 25px;
}

.finder .left label {
	width: 100px;
	float: left;
}

.finder .left.spaced {
	padding-left: 10px;
}

.finder .buttons {
	float: left;
	padding: 0 5px;
	clear: right;
}

ul.comment-filter {
	list-style-type: none;
	display: block;
	clear: both;
	padding: 10px 5px;
}

ul.comment-filter li {
	display: inline;
	padding: 5px;
}

form.comment-filter .input {
	float: left;
}

form.comment-filter .input label {
	width: 100px;
	float: left;
}

form.comment-filter .submit {
	float: left;
	clear: right;
	padding-left: 10px;
}

table.comment-list {
	clear: both;
}
.author, .date {
	    font-size: 0.9em;
}

.author {
	    font-weight: bold;
}

.date {
	    color: #666;
}