/* layouts */

body {
  margin: 0;
  padding: 0;
  background: #fff;
}

div#container { margin: 0px auto; padding: 0px; background: rgb(255, 255, 255) url('http://sman1-mura.sch.id/styles/bmpk/fbbg760.gif') repeat-y scroll 50% 0pt; width: 830px; }

div#header { margin: 0px auto; padding: 0px; background: rgb(255, 255, 255) url('http://sman1-mura.sch.id/styles/bmpk/logo.png') no-repeat 20px 5px; width: 760px; height: 115px; text-align: left; }
div#header a { display: block; color: transparent; border: 1px solid transparent; margin: 0 0 0 15px; width: 400px; height: 90px; }
div#header h1 { display: none; }

div#wrap {
}

div#wrap.admin {
}

div#content {
  padding: 15px 20px 15px 0;
  margin: 0 35px 0 0;
  width: 550px;
  float: right;
}

div#menu {
  text-align: center;
  margin: 0 35px;
  padding: 0;
  background: url(../img/menu-bg.png) repeat-x top; 
  height: 33px;
}

div#menu ul { margin: 0; padding: 0 8px 0 190px; }

div#menu ul li {
  list-style: none;
  float: left;
  border-left: none;
  border-right: 1px solid #ccc;
}

div#menu ul li.right {
  float: right;
  border-left: 1px solid #ccc;
  border-right: none;
}

div#menu span a { color: #a00; }
div#menu a {
  display: block;
  padding: 9px 10px;
}

div#menu a:hover {
  color:  #fff;
  background: #999;
  text-decoration: none;
}

div#menu a.active {
  color: #fff;
  background: #333;
}

div#banner {
  margin: 15px 0 0 0;
  text-align: center;
}

div#title {
  margin: 3px 0;
  text-align: center;
}

div#search {
	float: right;
	width: 250px;
	text-align: right;
	margin-top: 20px;
	margin-right: 10px;
}

div#flash {
  padding: 10px 15px;
  padding-left: 35px;
  margin: 10px 0 20px 0;
  background: #e2f2e9 url(../img/notice.gif) no-repeat 10px center; 
  border: 1px solid #bcf2cc;
}

div#sidebar {
  width: 160px;
  float: left;
  margin: 40px 0 0 50px;
}

div#banner { display: none; }

div#footer { margin: 0px auto; padding: 0px; background: rgb(255, 255, 255) url('http://sman1-mura.sch.id/styles/bmpk/fbfooter.gif') no-repeat scroll center top; width: 830px; height: 20px; text-align: center; }
div.contentbottom { clear: both; border-top: 1px dotted rgb(204, 204, 204); margin: 0 auto; padding: 0px; background: rgb(255, 255, 255) url('bottom-logo.gif') no-repeat scroll right bottom; clear: both; width: 760px; text-align: center; }
div.contentbottom p { font-size: 10px; color: rgb(153, 153, 153); }
div.contentbottom p a { font-size: 10px; }
div.botleft { margin: 15px 0px 15px; padding: 0px; float: left; width: 260px; text-align: left; }
div.botleft p { margin: 0px; padding: 0px 20px 0px 25px; }
div.botmiddle { border-left: 1px dotted rgb(204, 204, 204); margin: 15px 0px 15px; padding: 0px; float: left; width: 220px; text-align: left; }
div.botmiddle p { margin: 0px; padding: 0px 20px 0px 25px; }
div.botright { border-left: 1px dotted rgb(204, 204, 204); margin: 15px 0px 15px; padding: 0px; float: left; width: 260px; text-align: left; }
div.botright p { margin: 0px; padding: 0px 20px 0px 25px; }
div.clear { clear: both; width: 760px; height: 0px; }

div#fulltext-search {
}

div#category-search {
}

div#pagination {
  text-align: center;
  margin: 10px 0 5px 0;
  padding: 2px;
}

div#options {
  text-align: right;
  margin-bottom: 5px;
}

div.actions {
  float: right;
  text-align: right;
  width: 200px;
  margin: 15px 5px 0;
}

table {
  margin: 0;
  width: 100%;
  border: 1px solid #3A7EBD;
  border-collapse: collapse;
}

th {
  background-color: #3A7EBD;
  padding: 2px;
  text-align: left; 
}

tr.odd {
  background: #b2d5f2;
}

tr.even {
  /* background: #c9dded; */
  background: #fff;
}

tr.detail {
}

td {
  padding: 4px 0 0 0;
  margin: 0;
}

img {
  border: 0;
}

dl { margin: 0 5px 0 0; padding: 0; }
dd { float: left; width: 6em; text-align: right; margin: 0 5px 0 0; clear: left; }
dt { }
dd.lf { float: none }
.one, .two, .three { float: left; }

div.detail {
  /* border-top: 1px dotted #666; */
  padding: 5px 5px 10px 3em;
}

table.detail {
  border: none;
  width: 48%;
}
table.detail td { padding: 0; }
table.detail td.field {
  text-align: right;
  padding-right: 5px;
  width: 40%;
}
table.detail td.photo {
  padding-left: 35px;
}

div.detail img { border: 1px solid #333; padding: 1px; height: 120px; }
	
table.stats {
  border: 1px solid #3A7EBD;
}

tr.total { background: #063163; }
tr.total td { color: #fff; font-weight: bold; }
tr.section { background: #3A7EBD; }
td.key { padding-left: 30px; }
td.number { text-align: right; padding-right: 10px; }
td.nodata { text-align: center; }
tr.total td.key, tr.section td.key {  padding-left: 10px; }

div#region-search { margin: 10px 0; }

h1, h2, h3 { text-align: center }

div#admin-warn {
  background: #B2D5F2;
  margin: 20px 0 20px 2px;
  padding: 1em .5em;
}

div#admin-warn p {
  text-align: center;
}

/* typography */

* {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #333;
}

h1 { font-size: 1.4em; line-height: 40px; }
h2 { font-size: 1.1em }
h3 { font-size: 1em }

a { text-decoration: none }
a.print { padding-left: 20px; background: url('http://sman1-mura.sch.id/styles/bmpk/print.gif') left no-repeat; }

a:hover { text-decoration: underline }

div#title {
  font-weight: bold;
  font-size: 40px;
  letter-spacing: .1em;
}

div#menu {
  font-weight: bold;
}

div#footer p {
  font-family: Verdana, sans-serif;
  font-size: 0.9em;
  color: #ddd;
  padding: 0;
  margin: 0;
}

div#pagination,
div#pagination a,
div#pagination img,
div#pagination em {
  font-size: 1em;
}

div#pagination em {
  font-weight: bold;
  font-style: normal;
}

div#flash {
  font-weight: bold;
}

div#sidebar {
	font-family: Verdana, sans-serif;
}

table th, table td {
  font-size: 0.9em;
}

tr.big td {
  font-size: 1.1em;
}

th, th a {
  color: #fff;
}

td { vertical-align: top; }

table.detail td.field { font-weight: bold; }

dl, dd, dt {
  font-size: 0.9em;
}

dd { font-weight: bold; }

td span.big {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.6em;
  font-weight: normal;
}

td span.no {
  display: block;
  width: 3em;
  text-align: right;
}

td span.no img {
  vertical-align: middle;
  margin-right: 3px;
}

table.stats td { font-size: 1em; text-transform: uppercase; }
tr.section td.key { font-weight: bold; }
td.number { font-family: "Courier New", Courier, monospace; font-weight: bold; }

/* form */

fieldset, legend, input, select, textarea {
  border: 1px solid #B2D5F2;
  background: #efefef;
}

input:focus, select:focus, textarea:focus {
  background: #ffffff;
}

input:hover, select:hover, textarea:hover {
  background: #ffffff;
}

input[type="submit"], input[type="button"], legend {
  background: #5cc4f7;
}

input.action, legend {
  background: #B2D5F2;
}

input[type="submit"], input[type="button"] {
	border: 1px outset #ddd;
}

input.action {
	border: 1px outset #ddd;
}

input[type="submit"]:hover, input[type="button"]:hover {
  cursor: pointer;
  background: #ffffff;
}

input.action:hover, input.action:hover {
  cursor: pointer;
  background: #ffffff;
}

fieldset {
  padding: 15px 10px;
  margin: 0 0 20px 0;
  background: none;
}

fieldset p {
  margin: 0 0 5px;
  padding: 0;
  clear: both;
}

fieldset p span { font-size: 1.4em; }

legend {
  margin-bottom: 10px;
  padding: 1px 10px;
  font-weight: bold;
  letter-spacing: .5em;
  text-transform: uppercase;
}

label {
  float: left;
  width: 12em;
  line-height: 2em;
  font-weight: bold;
}

label.indent { } 

label img { border: 1px solid #333; padding: 1px; width: 120px }

input, textarea, select {
  padding: 2px;
  margin: 0; 
  width: 50%;
  font-size: 1.4em;
}

p.date select { width: 17%; }

option {
  font-size: 1em;
  padding: 0;
}

input[type="submit"], input[type="button"] {
  font-weight: bold;
  width: 7em;
}

input.action {
  font-size: 1em;
  font-weight: bold;
  width: 7em;
}

input.delete:hover {
  background: #a00; 
}

input.cancel {
  background: #aaa; 
}

select { width: 51%; }
select.right { text-align: right; }

.short { width: 20%; }
.number {
  text-align: right;
}

.form_error {
  border: 1px solid #e34c80;
}

div.errorMessage {
  font-weight: bold;
  padding: 10px 15px;
  padding-left: 35px;
  margin: 10px 0 20px 0;
  border: 1px solid #ffc8db;
  background: #fff0f5 url(../img/notice.gif) no-repeat 10px center; 
}

div#admin-warn p {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
}

div#admin-warn p span {
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-size: 1em;
}

div#search input {
	font-size: 1.1em;
	font-weight: bold;
}

div#search input[type="text"] {
	background: #fff;
	border: 1px solid #ccc;
	width: 7em;
}

div#search input {
	background: #fff;
	border: 1px solid #ccc;
	width: 7em;
}

div#search input[type="submit"] {
	padding: 1px;
	background: #ddd;
	width: 3em;
	border: 1px outset #ddd;
}

div#search input.action {
	padding: 1px;
	background: #ddd;
	width: 3em;
	border: 1px outset #ddd;
}