/**
 * plugins/themes/sbm/sbm.css
 *
 * Copyright (c) 2014 Epri T. Saputra (SBM ITB IT Team)
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * SBM theme stylesheet.
 *
 */

body {
	background-color: #fff;
	/*font-family: "Times New Roman", Times, Georgia, serif;*/
	font-family: 'Open Sans Condensed', sans-serif;
}

a {
	text-decoration: none;
}

a:link {
	color: #069;
	border-bottom: 1px dot #069;
}

a:active {
	color: #39c;
}

a:visited {
	color: #069;
}

a:hover {
	/*color: #EEEEFF;*/
	color: #39c;
	border-bottom: 1px dot #069;
	background: none;
}

label.error {
	color: #f60;
}

input.defaultButton {
	color: #EEEEFF;
	background: #069;
}

#container {
	background-color: #FAFAFA;
}

#header #brandingBar {
	background: rgb(208,228,247); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(208,228,247,1)), color-stop(24%,rgba(115,177,231,1)), color-stop(50%,rgba(10,119,213,1)), color-stop(79%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#header #brandingBar {
	width: 100%;
	height: 80px;
}

#header #brandingBar a{
	border-bottom: none;
}

#header #brandingBar #sbm-logo {
	margin-top: 10px;
	margin-left: 140px;
	float: left;
}

#header #brandingBar #itb-logo {
	margin-top: 15px;
	margin-right: 140px;
	float: right;
}

#header img.headerBanner {
	width: 100%;
	height: 134px;
}

#header {
	min-height: 100px;
	background-color: #fff;
}

#headerTitle {
	text-align: center;
}

#header h1 {
	line-height: 1.5;
	font-family: "Times New Roman", Times, Georgia, serif;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-size: 2em;
	background-color: #069;
	color:  #fff;
	background: rgb(44,83,158); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(44,83,158,1)), color-stop(100%,rgba(44,83,158,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#footer {
	position: static;
	width: 80%;
	display: block;
	clear: both;
	background-color: #ffffff;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 1px;
	padding-bottom: 10px;
	margin-left: 10%;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.8);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.8);
}

#footer .logo {
	margin-top: 10px;
	margin-left: 5px;
}

#footer .logo, #footer #title {
	float: left;
	margin-top: 10px;
	border-bottom: none;
	font-size: 10px;
}

#footerContent {
	margin: 0 auto;
	border-top: 2px #454545 solid;
}

#footer #title {
	width: 80%;
	text-align: center;
}

#footer #title a, #footer #title a:hover {
	font-size: 10px;
}

#footer .privacy {
	font-size: 10px;
	font-family: Helvetica Neue;
	color: #000000;
	margin-top: 9px;
	width: 70px;
	margin-right: 5px;
	float: right;
}

#footer .ccommons {
	float:right;
}

#footernavbar {
	width: 100%;
	position: relative;
	margin-bottom: 3px;
	background: #fff;
}

#footernavbar ul.menu {
	border-top: 1px solid #ccc;
	width: 100%;
	margin: 0 5px 0 0;
	height: 29px;
	padding: 5px 0 0 0;
	float: left;
	text-align: center;
}

#footernavbar a, #footernavbar a:hover {
	font-size: 10px;
	font-family: Helvetica Neue;
}

#main {
	background-color: #fff;
	margin-top: 15px;
	border: 1px solid #ccc;
	border-radius: 1px;
	padding-left: 0.5em;
	margin-bottom: 0.5em;
	font-family: 'Open Sans Condensed', sans-serif;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.8);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.8);
}

#main h2 {
	font-family: "Times New Roman", Times, Georgia, serif;
	text-transform: uppercase;
}

#main h3 {
	font-family: "Times New Roman", Times, Georgia, serif;
	text-transform: uppercase;
}

#navbar {
	/*border-bottom: 1px dotted #069;*/
	font-family: Helvetica Neue,Helvetica,Verdana,sans-serif;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
	padding: 0;
    background-color: #f2f2f2;
}

#breadcrumb {
	height: 18px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 0;
	font-style: italic;
}

#content {
	border-top: 1px solid #ccc;
	font-size: .9em;
}

#content h3 {
	font-family:  "Times New Roman", Times, Georgia, serif;
	text-transform: uppercase;
	font-size: 1.3em;
}

#content h4 {
	font-family:  "Times New Roman", Times, Georgia, serif;
	text-transform: uppercase;
}

#content h5 {
	text-transform: uppercase;
}

span.highlight {
	border-bottom: 1px dotted #069;
}

table.listing tr.highlight {
	background: #fcff64;
}

table.listing tr.fastTracked {
	background-color: #EEEEFF;
}

table.listing td.headseparator {
	border-top: 1px dotted #069;
}

table.listing td.endseparator {
	border-top: 1px dotted #069;
}

span.formError {
	color: #f60;
}

ul.formErrorList {
	color: #f60;
}

div.separator {
	border-bottom: 1px solid #ccc;
}

#sidebar div.block {
	font-size: 1.2em;
	/*padding-bottom: 1.5em;*/
	padding: 0 0 1.5em 1em;
	border: 1px solid #ccc;
    border-radius: 1px;
	margin-bottom: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.8);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.8);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.8);
}

#rightSidebar ul, #leftSidebar ul {
	margin-left: 0px;
	padding-left: 0px;
}

#rightSidebar li, #leftSidebar li {
	list-style-type: none;
}

#rightSidebar, #leftSidebar {
	margin-top: 5px;
	/*border-bottom: 1px dotted #069;*/
}

#sidebar div.block span.blockTitle {
	font-weight: bold; 
}

/* ### Form ### */ form {
}    margin-left:auto;
    margin-right:auto;
    max-width: 500px;
    text-shadow: 1px 1px 1px #FFF;
	font-size: .9em;
}
form label {
    /*display: block;*/
    margin: 0px;
}
form label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
}
form input[type="text"], form input[type="email"], form input[type="password"], form textarea, form select{
    border: 1px solid #DADADA;
    margin-bottom: 5px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: auto;
    line-height:10px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
form textarea{
    padding: 5px 3px 3px 5px;
}
form select {
    background: #FFF url('down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0px;
    text-overflow: '';
    width: auto;
    height: 25px;
    line-height: 10px;
}
form textarea{
    height:100px;
}
form .button {
    background: #E27575;
    border: none;
    padding: 5px 20px 5px 20px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
form .button:hover {
    background: #CF7A7A
}