html{
	font-weight:normal;
	line-height:135%;
	color:#333;
	background-color:#f0ede6;
}
body {
	border:1px solid #cecece;
	margin-left: 5%;
	margin-right: 5%;
	background:#fff;
}
hr {
	margin-top:3px;
	margin-bottom:3px;
}
.title {
  min-height: 20px;
  padding: 12px;
  margin-bottom: 20px;
  background-color: #fff;
  color:red;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#myModalLabel {
	font-family: 'segoe print';
	font-size:18px;
	color:#1882b4;
}
#infomodul{
padding:5px;
  background:#f4eade;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  margin-bottom:10px;
}
.sidebar-title a {
	font-family: 'segoe print';
	font-size:16px;
	color:#1882b4;
}

blockquote{border-left:#660066 solid 5px;}

/*.span12 {
	margin-bottom:20px;
}
.span3 {
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	background:#fff;
	margin-bottom:20px;
	padding:20px;
}*/
.date {
	font-size: 11px;
	color:orange;
}

/* CSS Form validasi */
.required {
	font-size: 12px;
	color:red;
}

.error {
	font-size:small;
	color:red;
}

.harus_diisi {
	color:red;
	font-weight:bold;
}

.red {
	color:red;
	font-weight:bold;
}

.warn{
	color:red;
	font-size:12px;
	font-style:italic;
}

/* End Css Form validasi */

/* main menu */
.navbar-purple{
	font-size:10pt;
	color:red;
	background:#532E4E;
}

.navbar li a div {
	font-size:90%;
	line-height:100%;
	color:#666;
}

.nav-collapse li a .dropdown li a:hover {
  cursor: pointer;
}

/* navbar */
.navbar .nav.pull-down {
  margin-top: 0px; /* change according to logo/brand height */
  margin-bottom:0px;
}
.navbar .nav li.last a {
	padding-right:0;
}

.navbar .nav.pull-right{
  background:#003300;
}


/* dropdown on hover */
.navbar ul.nav li.dropdown > ul.dropdown-menu {
	margin-top:0px !important;
}
.navbar ul.nav li.dropdown > a {
	cursor:pointer;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle	{background-color:transparent; color:#b5d44b;}
.navbar .nav > li > .dropdown-menu:after					{border:none;}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover	{color:#b5d44b; background:#660066;}

.dropdown-menu									{padding:0px;}
.navbar .nav li .dropdown-menu					{background:#532E4E;}
.navbar .nav li .dropdown-menu li					{background-image:none; padding:0px;}
.navbar .nav li .dropdown-menu li a					{color:#fff; background:none transparent; border-bottom:1px solid #16181e; border-top:1px solid #34363b; text-align:left; font-size:90%;}
.navbar .nav li .dropdown-menu li a:hover			{color:#b5d44b; background:#660066;}
.navbar .nav li .dropdown-menu li:first-child a		{border-top:0px;}
.navbar .nav li .dropdown-menu li:last-child a		{border-bottom:0px;}
.navbar .nav li.open a.dropdown-toggle			{color:#b5d44b;}

.dropdown-submenu {
	position: relative;	
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu .dropdown-menu {
	left: 100%;
	top: 0;	
}
.dropdown-submenu .pull-left {
	float: none;
}

table#tablemodul1{
	color: #000;
	font-size: 11pt;
	padding: 0.5em;
	border-width: 1px;
	border-style: solid;
	border-color: #969BA5;
	border-collapse: collapse;
	
}
table#tablemodul1 tr td{
	padding: 0.5em;
	vertical-align: top;
	border-width: 0px;
	padding: 4px;
	border: 1px solid #CCC;
	
}

table#tablemodul tr td{
	font-size: 10pt;
	padding: 0.5em;
	vertical-align: top;
	border-width: 0px;
	padding: 4px;
	border: 1px solid #CCC;
}

table#tablemodul th{
  background:url(../img/header_ungu2.png);
  color:#fff;
  text-align:center;
}
table#table_menu{
  width:100%;
  /*border-style:inset;	*/
}

table#table_menu th{
	font-size: 9pt;
	text-align: left;
	padding: 0.5em;
	border: 0px; 
}

table#table_menu td{
	padding: 0.5em;
	vertical-align: top;
	border-width:0px;
	border-collapse: collapse;
}
.cc{
	width:150px;
	background-color:#edeffe;
	text-align:left;
		}

.cb{
	background-color:#f9f9f9;
	text-align:left;
}

/*slider*/

#slider-wrapper {
  width:680px;
  height:300px;
  margin:30px auto;
  padding:2px;
  background-color:black;
  -webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 5px rgba(0,0,0,.4);
  box-shadow:0 1px 5px rgba(0,0,0,.4);
}

.nivoSlider {
  position:relative;
  background:white url('loading.gif') no-repeat 50% 50%;
  width:680px; /* Make sure your images are the same size */
  height:300px; /* Make sure your images are the same size */
}

.nivoSlider img {
  position:absolute;
  top:0;
  left:0;
  display:none;
  width:680px; /* Make sure your images are the same size */
  height:300px; /* Make sure your images are the same size */
}

.nivoSlider a {
  border:none;
  display:block;
}

.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}

/* The slices and boxes in the slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}

.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}

.nivo-caption {
  font:normal bold 12px/normal Arial,Sans-Serif;
  position:absolute;
  left:0;
  bottom:0;
  background-color:black;
  color:white;
  opacity:.8; /* Overridden by `captionOpacity` setting */
  width:100%;
  z-index:8;
}

.nivo-caption a {
  color:white;
  border-bottom:1px dotted white;
}

.nivo-caption a:hover {color:#ffa}

.nivo-caption p {
  padding:8px 10px;
  margin:0;
}

.nivo-html-caption {display:none}
.nivoSlider .nivo-caption a {display:inline}

/* Direction nav styles (e.g. "Next" & "Prev") */
.nivo-directionNav a {
  border:none;
  display:block;
  width:30px;
  height:30px;
  position:absolute;
  top:50%;
  margin-top:-15px;
  z-index:9;
  background:transparent url('arrows.png') no-repeat 0 0;
  text-indent:-9999px;
  cursor:pointer;
}

a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}

a.nivo-prevNav {left:15px}

/* Control nav styles (e.g. 1, 2, 3 ...) */
.nivo-controlNav {
  position:absolute;
  top:330px;
  right:500px;
}

.nivo-controlNav a {
  font:normal normal 10px/normal Verdana,Tahoma,Arial,Sans-Serif;
  color:white;
  text-decoration:none;
  position:relative;
  z-index:9;
  cursor:pointer;
  background-color:#111;
  width:17px;
  padding:2px 0 3px;
  margin:0 0 0 4px;
  text-align:center;
  display:inline-block;
  *display:inline;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

.nivo-controlNav a.active {background-color:#39f}