.sf-menu.sf-style-spring {
  float: left;
  margin-bottom: 1em;
  padding: 0;
}
.sf-menu.sf-style-spring.sf-navbar {
  width: 100%;
}
.sf-menu.sf-style-spring ul {
  padding-left: 0;
}
.sf-menu.sf-style-spring a {
  border: 1px solid #ffffff;
  color: #37731f;
  padding: 0.75em 1em;
  white-space: nowrap;
}
.sf-menu.sf-style-spring a.sf-with-ul {
  padding-right: 2.25em;
}
.sf-menu.sf-style-spring.rtl a.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
.sf-menu.sf-style-spring.sf-navbar a {
  border: 0;
}
.sf-menu.sf-style-spring span.sf-description {
  color: #13a;
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}
.sf-menu.sf-style-spring li,
.sf-menu.sf-style-spring.sf-navbar {
  background: #ecffdf;
}
.sf-menu.sf-style-spring li li {
  background: #eaffdb;
}
.sf-menu.sf-style-spring li li li {
  background: #daf8c5;
}
.sf-menu.sf-style-spring li:hover,
.sf-menu.sf-style-spring li.sfHover,
.sf-menu.sf-style-spring li.active a,
.sf-menu.sf-style-spring a:focus,
.sf-menu.sf-style-spring a:hover,
.sf-menu.sf-style-spring a:active,
.sf-menu.sf-style-spring.sf-navbar li li {
  background: #bff6a9;
}
.sf-menu.sf-style-spring.sf-navbar li ul {
  background-color: #bff6a9;
}
.sf-menu.sf-style-spring.sf-navbar li ul li ul {
  background-color: transparent;
}
.sf-menu.sf-style-spring .sf-sub-indicator {
  background-image: url(//kemahasiswaan.stiki.ac.id/sites/all/libraries/images/arrows-777777.png);
}
.sf-menu.sf-style-spring.rtl .sf-sub-indicator {
  background-image: url(//kemahasiswaan.stiki.ac.id/sites/all/libraries/images/arrows-777777-rtl.png);
}
.sf-menu.sf-style-spring ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-spring ul.sf-megamenu li.sf-megamenu-wrapper ol li {
	margin: 0;
	padding: 0;
}
.sf-menu.sf-style-spring ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {
	font-weight: bold;
}
.sf-menu.sf-style-spring ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
	display: inline;
	float: left;
	width: 12em;
}
.sf-menu.sf-style-spring.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
	float: right;
}
.sf-menu.sf-style-spring li.sf-parent-children-1 ul.sf-megamenu {
	width: 12em;
}
.sf-menu.sf-style-spring li.sf-parent-children-2 ul.sf-megamenu {
	width: 24em;
}
.sf-menu.sf-style-spring li.sf-parent-children-3 ul.sf-megamenu {
	width: 36em;
}
.sf-menu.sf-style-spring li.sf-parent-children-4 ul.sf-megamenu {
	width: 48em;
}
.sf-menu.sf-style-spring li.sf-parent-children-5 ul.sf-megamenu {
	width: 60em;
}
.sf-menu.sf-style-spring li.sf-parent-children-6 ul.sf-megamenu {
	width: 72em;
}
.sf-menu.sf-style-spring li.sf-parent-children-7 ul.sf-megamenu {
	width: 84em;
}
.sf-menu.sf-style-spring li.sf-parent-children-8 ul.sf-megamenu {
	width: 96em;
}
.sf-menu.sf-style-spring li.sf-parent-children-9 ul.sf-megamenu {
	width: 108em;
}
.sf-menu.sf-style-spring li.sf-parent-children-10 ul.sf-megamenu {
	width: 120em;
}/**//* deafult dynamic display block */
div.block-ddblock .ddblock-container {
  clear:both;
  position: relative;
}

div.block-ddblock div.slider.overflow-visible{
  overflow:visible!important;
}
/* default dynamic display block number pager */
div.block-ddblock .ddblock-number-pager a.activeSlide  {
  background: #88f;
}
div.block-ddblock .ddblock-number-pager a:focus {
  outline: none;
}
div.block-ddblock .ddblock-number-pager  {
/*  padding-bottom: 3px;     /* margin between bottom of pager and content */
  position: relative;
  left: 0;
  display: block;
}
div.block-ddblock .ddblock-number-pager a {
  margin: 0 2px 2px 0;      /* margin right and bottom between pagers */
  padding: 0px 6px;         /* pading left and right inside pager */
  border: 1px solid #ccc;
  background: #fc0;
  text-decoration: none;
  display: block;
  float: left;
  font-size:.9em;          /* adjust fontsize */
}
div.block-ddblock .ddblock-number-pager {
  display:block;
  position:relative;
}
div.block-ddblock .ddblock-number-pager ul {
  list-style-type:none;
  margin:0!important;
  padding:0!important;
}
div.block-ddblock .ddblock-number-pager ul li {
  background:#fff!important;
  display:inline;
  list-style-type:none!important;
  margin:0!important;
  padding:0!important;
}
div.block-ddblock .ddblock-number-pager ul li a.pager-link{
  background:#fc0;
  border:1px solid #ccc;
  display:block;
  float:left;
  font-family:Tahoma,Arial,sans-serif;
  font-size:.7em;
  font-weight:bold;
  height:15px;
  line-height:15px;
  margin:0 2px 0 0;
  text-align:center;
  text-decoration:none!important;
  width:15px;
}
div.block-ddblock .ddblock-number-pager ul li a.activeSlide{
  background:#999;
  color:#fff!important;
}
div.block-ddblock .ddblock-number-pager ul li a:focus{
  outline:none;
}
div.block-ddblock .ddblock-number-pager ul li a.pager-link:hover{
  background:#999;
  color:#fff!important;
}
div.block-ddblock .ddblock-number-pager ul li a.prev,
div.block-ddblock .ddblock-number-pager ul li a.next{
  background:#fc0;
  border:1px solid #ccc;
  display:block;
  float:left;
  font-family:Tahoma,Arial,sans-serif;
  font-size:.8em;
  font-weight:bold;
  height:15px;
  line-height:15px;
  margin:0 2px 0 0;
  text-align:center;
  text-decoration:none!important;
  width:30px;
}

/* default dynamic display block prev-next pager */
div.block-ddblock .ddblock-prev-next-pager a.activeSlide  {
  background: #88f;
}
div.block-ddblock .ddblock-prev-next-pager a:focus {
  outline: none;
}
div.block-ddblock .ddblock-prev-next-pager  {
/*  padding-bottom: 3px;     /* margin between bottom of pager and content */
  position: relative;
  left: 0;
  display: block;
}
div.block-ddblock .ddblock-prev-next-pager a {
  background: #fc0;
  border: 1px solid #ccc;
  display: block;
  float: left;
  font-size:.9em;          /* adjust fontsize */
  height:15px;
  line-height:15px;
  margin: 0 2px 2px 0;      /* margin right and bottom between pagers */
  padding: 0px 6px;         /* pading left and right inside pager */
  text-decoration: none;
  width:30px;
}

/* default dynamic display block image pager */
div.block-ddblock .ddblock-image-pager a.activeSlide  {
  background: #ddd;
}
div.block-ddblock .ddblock-image-pager a:focus {
  outline: none;
}
div.block-ddblock ul.ddblock-image-pager {
  margin: 0 0 3px 0;
  padding: 0;
  line-height:1em;
}
div.block-ddblock .ddblock-image-pager li {
/* width: 61px;         /*width of list item 55 from picture width + 2 X 3px padding*/
  float: left;
  margin: 0 3px 3px 0; /* margin right and bottom between pagers */
  padding: 0;
  list-style: none;
  border: 1px solid #ccc;
  background: #fff;
}
div.block-ddblock .ddblock-image-pager li a {
/*  width: 55px;         /* width of list item*/
/*  height: 55px;        /*height of list item*/
  padding: 3px;
  display: block;
  background: #fff;
}
div.block-ddblock .ddblock-image-pager li img {
  border: none;
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}

div.block-ddblock ul.ddblock-image-pager {display:block;position:relative;}
div.block-ddblock ul.ddblock-image-pager  {list-style-type:none;margin:0!important;padding:0!important;}
div.block-ddblock ul.ddblock-image-pager li {background:#fff!important;display:inline;list-style:none!important;padding:0!important;}
div.block-ddblock ul.ddblock-image-pager li a.pager-link{background:#fff;border:1px solid #ccc;display:block;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.7em;font-weight:bold;height:55px;line-height:55px;margin:0 2px 2px 0;padding:3px;text-align:center;text-decoration:none!important;width:55px;}
div.block-ddblock ul.ddblock-image-pager li a.activeSlide{background:#ddd;color:#fff!important;}
div.block-ddblock ul.ddblock-image-pager li a:focus{outline:none;}
div.block-ddblock ul.ddblock-image-pager li a.pager-link:hover{background:#ddd;color:#fff!important;}

div.block-ddblock ul.ddblock-image-pager li a.prev{background:#fff!important;display:inline;list-style:none!important;padding:0!important;}
div.block-ddblock ul.ddblock-image-pager li a.next{background:#fff!important;display:inline;list-style:none!important;padding:0!important;}


/* default dynamic display block custom pager */
div.block-ddblock .ddblock-custom-pager a.activeSlide  {
background: #eee;
}
div.block-ddblock .ddblock-custom-pager a:focus {
  outline: none;
}

/********************* previous next pager on slide **********************/
div.block-ddblock div.pager-slide{
  height: 50px;
  position: absolute;
  top:130px;
  width:50px;
  z-index:50;
}
div.block-ddblock div.pager-slide a{
  display:block;
  height:50px;
  opacity: 0.7;
  width:50px;
}
div.block-ddblock div.next-container a.next{
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/modules/ddblock/css/_images/next.png) no-repeat;
}
div.block-ddblock div.prev-container a.prev{
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/modules/ddblock/css/_images/prev.png) no-repeat;
}
div.block-ddblock div.next-container a.next:hover{
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/modules/ddblock/css/_images/next.png) no-repeat;
  opacity:1;
}
div.block-ddblock div.prev-container a.prev:hover{
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/modules/ddblock/css/_images/prev.png) no-repeat;
  opacity:1;
}
div.block-ddblock div.pager-slide a:focus{
  outline:none;
}
/********************* previous next pager on slide **********************/
div.block-ddblock div.prev-container{left:5px;}
div.block-ddblock div.next-container{left:128px;}/**//**
 * @file
 * HTML Element Styling
 *
 * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
 * is the place where you should set (not reset) the default styling for all
 * HTML elements.
 *
 * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 * @see http://snook.ca/archives/html_and_css/no_css_reset/
 */


/*
 * Fonts
 *
 * Our font size and line height declarations are based on the following
 * articles:
 * - http://www.alistapart.com/articles/howtosizetextincss
 * - http://24ways.org/2006/compose-to-a-vertical-rhythm
 *
 * All modern browsers use a 16px default font size. Specifying the font-size
 * and line-height in ems (relative to the 16px default font) allows the user
 * to resize the font in the browser and produces the most consistent results
 * across different browsers.
 */
body {
  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
}

#skip-to-nav,
#page {
  /*
   * To use a 12px font size on the page, delete the 14px declarations.
   * to use a 14px font size on the page, delete the 12px declarations.
   */

  /* Use a 12px base font size with a 18px line height */
  font-size: 0.75em; /* 16px x .75 = 12px */
  line-height: 1.5em; /* 12px x 1.5 = 18px */

  /* Use a 14px base font size with a 21px line height */
  /* font-size: 0.875em; */ /* 16px x .875 = 14px */
  /* line-height: 1.5em; */ /* 14px x 1.5 = 21px */
}

/*
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;

@font-face {
  font-family: 'Example';
  src: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/fonts/example.eot);
  src: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/fonts/example.eot?iefix) format('eot'),
    url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/fonts/example.woff) format('woff'),
    url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/fonts/example.ttf) format('truetype'),
    url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/fonts/example.svg#webfontOkOndcij) format('svg');
  font-weight: normal;
  font-style: normal;
}

 */

body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
  /* The following font family declarations are based on the Microsoft core web
   * fonts which are common fonts available on most computer systems. The DejaVu
   * and Nimbus Sans fonts are commonly available on Linux systems where the MS
   * fonts are less common. Tahoma and Helvetica are also widely available.
   *
   * A user's web browser will look at the comma-separated list and will
   * attempt to use each font in turn until it finds one that is available
   * on the user's computer. The final "generic" font (sans-serif, serif or
   * monospace) hints at what type of font to use if the web browser doesn't
   * find any of the fonts in the list.

  font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
  font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;

  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;

  font-family: "Courier New", "DejaVu Sans Mono", monospace;

   */

  /* font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; */
  /* font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif; */
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

.block-superfish {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;	
	/* Use a 14px base font size with a 21px line height */
   font-size: 1.25em;  /* 16px x .875 = 14px */
   
}

pre,
code,
kbd,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace;
}

/*
 * Block-level elements
 *
 * To achieve a pleasant vertical rhythm, we use the 1.5em line height of our
 * base font as the top and bottom margins for our block level elements and make
 * the line heights of any larger fonts be a multiple of 1.5 ems. For more
 * information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl,
hr, table, fieldset {
  margin: 1.5em 0;
}

/* Headings */
h1 {
  font-size: 2em;
  line-height: 1.5em;
  margin: 0.75em 0;
  /* 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a
     margin specified in ems is relative to the element's font-size, not to the
     pages' base font size. So, for example, if we want a 1.5em margin (relative
     to the base font), we have to divide that length by the element's
     font-size:  1.5em / 2em = 0.5em  */
}

h2 {
  font-size: 1.5em;
  margin: 1em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.5 = 1em */
}

h3 {
  font-size: 1.3em;
  margin: 1.154em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.3 = 1.154 */
}

h4,
h5,
h6 {
  font-size: 1.1em;
  margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
}

/* Other block-level elements */
p {
}

blockquote {
  margin-left: 2em;
  margin-right: 2em;
}

pre {
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
}

hr {
  height: 1px;
  border: 1px solid #666;
}

address {
}

/*
 * Lists
 *
 * We need to standardize the list item indentation.
 */
ul,
ol {
  margin-left: 0; /* LTR */
  padding-left: 2em; /* LTR */
}

.item-list ul /* Drupal overrides */ {
  margin: 1.5em 0;
  padding: 0 0 0 2em; /* LTR */
}

ul ul, ul ol,
ol ol, ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
  margin: 0;
}

li {
  margin: 0;
  padding: 0;
}

.item-list ul li,
ul.menu li,
li.expanded,
li.collapsed,
li.leaf /* Drupal override */ {
  margin: 0;
  padding: 0;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dl {
}

dt {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0 0 0 2em; /* LTR */
  padding: 0;
}

/*
 * Tables
 *
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
table {
  border-collapse: collapse;
  /* width: 100%; */ /* Prevent cramped-looking tables */
}

th {
  text-align: left; /* LTR */
  padding: 0;
  border-bottom: none;    
}

tbody {
  border-top: none;
}

thead {
}

tfoot {
}

caption {
}

colgroup {
}

col {
}

tr {
}

td {
}

/*
 * Forms
 */
form {
  margin: 0;
  padding: 0;
}

fieldset {
  padding: 0.5em;
}

legend {
}

label {
}

input {
}

select {
}

optgroup {
}

option {
}

textarea {
}

button {
}

/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a:link {
}

a:visited {
}

a:hover,
a:focus {
}

a:active {
}

/*
 * Other inline elements
 */
img {
  border: 0;
  /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
}

abbr, /* Abbreviations */
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

q {
}

cite {
}

strong, b {
}

em, i {
}

code,
kbd,
samp,
tt,
var /* Code, keyboard input, sample output, teletype, variable */ {
}

del {
}

ins {
}

big {
}

small {
}

sub {
}

sup {
}
/**//**
 * @file
 * Wireframes Styling
 *
 * Add wireframes to the basic layout elements.
 */


.with-wireframes #header .section,
.with-wireframes #content .section,
.with-wireframes #navigation .section,
.with-wireframes .region-sidebar-first .section,
.with-wireframes .region-sidebar-second .section,
.with-wireframes .region-footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc;
}
/**//**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
}

#page-wrapper,
.region-bottom {
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

#page {
}

/*
 * Header
 */
#header {
}

#header .section {
}

.region-header {
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;
}

#main {
}

/*
 * Content
 */
#content,
.no-sidebars #content {
  float: left; /* LTR */
  width: 960px;
  margin-left: 0; /* LTR */
  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

.sidebar-first #content {
  width: 760px;
  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.sidebar-second #content {
  width: 760px;
  margin-left: 0; /* LTR */
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
  width: 500px;
  margin-left: 230px; /* LTR */ /* The width of .region-sidebar-first */
  margin-right: -730px; /* LTR */ /* Negative value of #content's width + left margin. */
}

#content .section {
  margin: 0;
  padding: 0;
}

/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 3em; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 30em; /* Set this to the same value as the navigation height above. */
}

#navigation .section {
}

/*
 * First sidebar
 */
.region-sidebar-first {
  float: left; /* LTR */
  width: 230px;
  margin-left: 0; /* LTR */
  margin-right: -230px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
}

.region-sidebar-first .section {
  margin: 0 20px 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: left; /* LTR */
  width: 230px;
  margin-left: 730px; /* LTR */ /* Width of content + sidebar-first. */
  margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}

.region-sidebar-second .section {
  margin: 0 0 0 20px; /* LTR */
  padding: 0;
}

/*
 * Footer
 */
.region-footer {
}

/*
 * Page bottom
 */
.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-bottom {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/
/**//**
 * @file
 * Page Background Styling
 *
 * The default layout method of Zen doesn't give themers equal-height columns.
 * However, equal-height columns are difficult to achieve and totally
 * unnecessary. Instead, use the Faux Columns method described in the following
 * ALA article:
 *   http://www.alistapart.com/articles/fauxcolumns/
 */


body.html {
	background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/bg-body.png) center top no-repeat;
}

.mceContentBody {
background: none !important;
}

body.cke_show_borders {
	background:none;
}

#page-wrapper {
}

#page {
}

#header {
}

#header .section {
}

#main-wrapper {
}

#main {
}

.region-footer {
}
/**//**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal6-reference.css, line 510.)
 */


div.tabs {
  margin: 0 0 5px 0;
}

ul.primary {
  margin: 0;
  padding: 0 0 0 10px; /* LTR */
  border-width: 0;
  list-style: none;
  white-space: nowrap;
  line-height: normal;
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-bar.png) repeat-x left bottom;
}

ul.primary li {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

ul.primary li a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0 0 0 5px; /* width of tab-left.png */
  border-width: 0;
  font-weight: bold;
  text-decoration: none;
  color: #777;
  background-color: transparent;
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-left.png) no-repeat left -38px;
}

ul.primary li a .tab {
  display: block;
  height: 20px; /* 24px (parent) - 4px (padding) */
  margin: 0;
  padding: 4px 13px 0 6px;
  border-width: 0;
  line-height: 20px;
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-right.png) no-repeat right -38px;
}

ul.primary li a:hover,
ul.primary li a:focus {
  border-width: 0;
  background-color: transparent;
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-left.png) no-repeat left -76px;
}

ul.primary li a:hover .tab,
ul.primary li a:focus .tab {
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-right.png) no-repeat right -76px;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  border-width: 0;
  color: #000;
  background-color: transparent;
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-left.png) no-repeat left 0;
}

ul.primary li.active a .tab,
ul.primary li.active a:hover .tab,
ul.primary li.active a:focus .tab {
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-right.png) no-repeat right 0;
}

ul.secondary {
  margin: 0;
  padding: 0 0 0 5px; /* LTR */
  border-bottom: 1px solid #c0c0c0;
  list-style: none;
  white-space: nowrap;
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-secondary-bg.png) repeat-x left bottom;
}

ul.secondary li {
  float: left; /* LTR */
  margin: 0 5px 0 0;
  padding: 5px 0;
  border-right: none; /* LTR */
}

ul.secondary a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  color: #777;
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-secondary.png) repeat-x left -56px;
}

ul.secondary a .tab {
  display: block;
  height: 18px; /* 24px (parent) - 6px (padding) */
  margin: 0;
  padding: 3px 8px;
  line-height: 18px;
}

ul.secondary a:hover,
ul.secondary a:focus {
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-secondary.png) repeat-x left bottom;
}

ul.secondary a.active,
ul.secondary a.active:hover,
ul.secondary a.active:focus {
  border: 1px solid #c0c0c0;
  color: #000;
  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/tab-secondary.png) repeat-x left top;
}
/**//**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
}

#page-wrapper {
	width:980px;
}

#page {
	background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/sisi-kiri.png) no-repeat scroll 0 0 transparent;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */
#header {
	background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/head1.png) no-repeat scroll 0 0 transparent;
	height:189px;
}

#header .section {
}

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin: 0;
  padding-top: 10px;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
  float: left;
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
	
}

.region-header /* Wrapper for any blocks placed in the header region */ {
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
    background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/konten.png) repeat-x scroll 0 -239px transparent;
    margin-left: 10px;
    width: 960px;
}

#main {
	background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/sisi-kanan.png) no-repeat scroll 947px -175px transparent;
    width: 970px;
 
}

/*
 * Content
 */
#content {
    
}

#content .section {
	margin: 0 10px 0 40px;
}

.region-highlighted {
background: #CDE;
padding: 7px;
margin: 0 0 20px;
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title /* Comment title */ {
  margin: 0;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
    background: none repeat scroll 0 0 #CCDDEE;
    height: 35px;
}

tr.even td.active{
	background: none repeat scroll 0 0 #CBDCED;
}
tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
  height: 35px;
}

td {
	padding: 5px;
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.region-help /* Help text on a page */ {
}

.more-help-link /* Link to more help */ {
}

.region-content /* Wrapper for the actual page content */ {
}

ul.links /* List of links */ {
}

ul.links.inline {
  display: block; /* Let the links be inline, but the container be a block. */
}

ul.links li {
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager /* A list of page numbers when more than 1 page of content is available */ {
  padding: 0;
}

.item-list .pager li /* Each page number in the pager list */ {
  padding: 0 0.5em;
}

.feed-icon /* The link to the RSS or Atom feed for the current list of content */ {
}

.more-link /* Aggregator, blog, and forum more link */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
	margin: 0 10px 10px;
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}

.region-sidebar-second .section {
	margin:0 10px 10px;
}

/*
 * Footer
 */
.region-footer {
 	height:275px; 
	padding: 20px 0;
}

/*
 * Page bottom
 */
.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {    
	background: none repeat scroll 0 0 #4b6998;    
    /* height: 230px; */
    margin: 0 auto;
    /*padding: 0 169px;    */
	overflow:hidden;
	width:960px;
}

#footer {
background:#4B6998;
}
.region-bottom1 {
	background: none repeat scroll 0 0 #4b6998;    
	margin: 0 auto;
	width:960px;
}

.region-bottom1 .block {
	background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/uline1.png) repeat-x scroll transparent;
    color: #FFFFFF;
    font-size: 0.75em;
    height: 43px;
    margin-bottom: 0;
    padding: 16px 0;
}

th {
background: none repeat scroll 0 0 #CCDDAA;
    border-bottom: medium solid;
    height: 35px;
    padding: 0 15px;
    text-align: center;
}

.foto img {
border: 1px solid #C4C4C4;
padding: 5px; 
background: white;
-webkit-box-shadow: 0px 0px 5px 0px #999;
-moz-box-shadow: 0 0px 5px 0px #999;
box-shadow: 0px 0px 5px 0px #999;
}

.webform-client-form .form-item {
  margin: 1em 0;
}

.webform-client-form .form-item label {
  display: block;
  font-weight: bold;
  color: #546e7a;
  padding: 5px 0 2px;
}

.webform-client-form fieldset {
  border: 1px solid #4caf50;
  padding: 1em 2em;
}

legend {
  background: #4caf50;
  padding: 0.5em 1em;
  margin-left: -25px;
  position: relative;
  top: 14px;
}

.webform-component--model-pembelajaran .form-item.webform-component-radios:nth-child(odd) {
  background: #dfdfdf;
  padding: 15px 20px;
  width: 200px;
}

.webform-component--model-pembelajaran .form-item.webform-component-radios:nth-child(even) {
  padding: 15px 20px;
  width: 200px;
}

.webform-component--model-pembelajaran .form-item.webform-component-radios {
  width: 200px;
}

.webform-component--model-pembelajaran .fieldset-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.webform-component--model-pembelajaran .form-radios {
  margin: 10px;
}


.webform-client-form input.form-text, .webform-client-form select.form-select {
  border: 2px solid #dfdfdf;
  line-height: 30px;
  height: 30px;
  border-radius: 5px;
  padding-left: 5px;
}

.webform-client-form input.form-text:required, .webform-client-form select.form-select:required {
  border: 2px solid #bbdefb;
  background: #f1f8e9;
}

.webform-client-form input.form-text:hover, .webform-client-form select.form-select:hover {
  border-bottom: 2px solid #5cd881;
}



.webform-client-form label.option:hover {
  color: #8d8cd4;
}

.webform-progressbar {
  margin-bottom: 65px;
}

form.webform-client-form {
  padding: 20px;
  background: #e3f2fd;
}

.webform-client-form input.form-submit {
  background-color: #3f51b5; /* Green */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}

.webform-client-form input.form-submit:hover {
background-color: #5c6bc0;
color: #fff176;
}

.view-hasil-tracer-study .attachment.attachment-after {
  display: flex;
  flex-wrap: wrap;
}/**//**
 * @file
 * Block Styling
 */

#block-superfish-1.block.block-superfish {
    left: 14px;
    position: relative;
    top: -65px;
    z-index: 20;
}

.block /* Block wrapper */ {
  margin-bottom: 1.5em;
}

.block.first /* The first block in the region */ {
}

.block.last /* The last block in the region */ {
}

.block.odd /* Zebra striping for each block in the region */ {
}

.block.even /* Zebra striping for each block in the region */ {
}

.sidebar h2.block-title /* Block title */ {
	border-bottom: 1px solid #BBBBBB;
    color: #456EC2;
    font-style: italic;
    padding-bottom: 10px;
}

.block .content .content {
	padding-left:0px;
	margin-top:18px;
}

.block .content .field-type-image img{
	background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #AACCCC;
    float: left;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 3px;
}

.block .title h2 {

}

.block .view-arsip-proposal-ukm h3,
.region-bottom h2.block-title {
	font-family: Trebuchet MS;
    letter-spacing: -1px;
    text-transform: uppercase;
	margin: 1.154em 0 0.3em 0;	
}

.region-bottom h2.block-title {
	background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/uline1.png) repeat-x scroll center bottom transparent;
    color: #FFFFFF;
    font-size: 1em;
    padding: 15px 0;
	margin:0;
}

.region-bottom .book-block-menu ul.menu {
	font-size: 0.9em;
    margin: 0.75em 0;
    padding-left: 0;
}

.region-bottom .book-block-menu ul.menu a{
	color:#eee;
	text-decoration:none;
}

.region-bottom .book-block-menu ul.menu a:hover{	
	text-decoration:underline;
}

.block .view-arsip-proposal-ukm .item-list {
	border-bottom: 1px solid #ccc;
	padding-bottom:10px;
}

.block .view-arsip-proposal-ukm .item-list ul{
	list-style: none outside none;
	margin:0;
	padding:0;
}
.block .view-arsip-proposal-ukm .views-field-field-mulai {
	color:#bc2122;
	font-size:0.95em;
}

.block .view-arsip-proposal-ukm .views-field-title a{
	text-decoration:none;
	text-transform: capitalize;
}

.block .view-arsip-proposal-ukm .views-field-title a:hover{
	text-decoration:underline;	
}

.block .view-arsip-proposal-ukm .views-field-title{
	padding-bottom:10px;
}

.block .content /* Block's content wrapper */ {
	padding-left:10px;
}

#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
}

#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
}

#block-block-1 /* First block created with "Add block" link */ {
}

#block-blog-recent /* "Recent blog posts" block */ {
}

#block-book-navigation /* "Book navigation" block for the current book's table of contents */ {
}

#block-comment-recent /* "Recent comments" block */ {
}

#block-forum-active /* "Active forum topics" block */ {
}

#block-forum-new /* "New forum topics" block */ {
}

#block-locale-language /* Language switcher block */ {
}

#block-menu-menu-NAME /* Custom menu block  */ {
}

#block-node-recent /* "Recent content" block */ {
}

#block-node-syndicate /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */ {
}

#block-poll-recent /* "Most recent poll" block */ {
}

#block-profile-author-information /* "Author information" block for the profile of the page's author */ {
}

#block-search-form /* "Search form" block */ {
    left: 600px;
    position: relative;
    top: -25px;
	width:280px;
}

#block-search-form  #edit-search-block-form--2/* "Search form" block */ {
	width:180px;
}

#block-shortcut-shortcuts /* "Shortcuts" block */ {
}

#block-statistics-popular /* "Popular content" block */ {
}

#block-system-main-menu /* "Main menu" block */ {
}

#block-system-management /* "Management" block for Drupal management menu */ {
}

#block-system-navigation /* "Navigation" block for Drupal navigation menu */ {
}

#block-system-user-menu /* "User menu" block for Drupal user menu */ {
}

#block-system-help /* "System help" block */ {
}

#block-system-main /* "Main page content" block */ {
}

#block-system-powered-by /* "Powered by Drupal" block */ {
}

#block-user-login /* "User login form" block */ {
	background: none repeat scroll 0 0 #EBEFE1;
    border-radius: 0 0 10px 10px;
    padding-bottom: 10px;
}

#block-user-login h2.block-title /* "User login form" block */ {
	  background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/login.png) no-repeat scroll 10px 8px #E4E9C5;
    border-radius: 10px 10px 0 0;
    font-family: Helvetica;
    font-style: italic;
    font-weight: normal;
    padding: 15px 0 15px 53px;
    text-transform: capitalize;
}


#block-user-new /* "Who's new" block for a list of the newest users */ {
}

#block-user-online /* "Who's online" block for a list of the online users */ {
}

#block-superfish-1 .content {
	padding:0;
}

.region-footer .block {
    float: left;
/*     width: 25%; */
}

.region-footer .content table {
	margin: 0px auto;
}

.region-footer .content table td{
	padding: 20px 26px 20px 7px;
}

.region-bottom .block {
	float: left;
    padding: 0 20px;
    width: 29%;
}


.region-bottom .content,
.region-bottom .content p {
	margin:0 0 5px;
	color:#fff;
	font-size:0.90em;
}

.kotak {
    background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/bg-bottom.png) no-repeat scroll 0 0 transparent;
    padding: 3px;
    width: 202px;
	height:130px;
	position:relative;
}

.gambar {	
	position:absolute;
	z-index:100;
}

.keterangan {
    height: 115px;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 202px;
}

.keterangan h3 {
	font-size: 1.2em;
    margin: 1em 0 0.5em;
}

.keterangan p {
	margin: 1em 0;
}

.fb_iframe_widget iframe {
	/*height:30px !important;*/
	width:50% !important;
	padding:10px !important;
	background:rgba(255,255,255,0.5) !important;
}

table.uiGrid {
	width:100% !important;
}/**//**
 * @file
 * Navigation Styling
 */


/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
#navigation {
  /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation .content ul /* Menu block links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */
#navigation .content li {
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */
#main-menu {
display:none;
}

#secondary-menu {
    background: none repeat scroll 0 0 #123D68;
    float: right;
    margin-top: 0;
	margin-right:100px;
    padding: 5px 20px;
	border-radius:0 0 10px 10px;
}

#secondary-menu a {
	color:white;
	text-decoration:none;
}

#secondary-menu a:hover {
	color:white;
	text-decoration:underline;
}


ul#secondary-menu.links li {
	padding: 0 0.5em;
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
.block-menu-block {
}
/**//**
 * @file
 * Views Styling
 */

.view-arsip-penting a,
.view-recent-blog-post a,
.region-bottom .item-list a{
	color: #7777AA;
    font-size: 1em;
    text-decoration: none;
	line-height:23px;
}

.view-recent-blog-post a,
.region-bottom .item-list a {
	color : #EEE;
}

.view-arsip-penting a.active,
.view-recent-blog-post a.active {
	color: #339;
}

.view-arsip-penting a:hover,
.view-recent-blog-post a:hover {
	text-decoration:underline;
}

/**//**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

.node-promoted /* A node that has been promoted to the front page */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
    background: none repeat scroll 0 0 #2559A3;
    border: 3px solid #719BD1;
    float: left;
    margin: 0 10px 15px;
    padding: 10px;
    /* width: 40%; */ 
}

.node-sticky h2.node-title a,.node-sticky h2.node-title a:active{
	color:#eee;
}

.node-sticky a {
	color:#DD0;
}

.node-sticky .content{
	color:#ddd;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
}

.node-sticky ul.links.inline {
	display:none;
}

.node .submitted /* The "posted by" information */ {
	display:none;
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-page /* Page content node */ {
}

.node-article /* Article content node */ {
}

h2.node-title /* Node title */ {	
	font-family: Trebuchet MS;
    letter-spacing: -1px;
	text-transform:capitalize;
}

h2.node-title a,h2.node-title a:active{
	color:#3a5da6;
	text-decoration:none;
}

h2.node-title a:hover{
	text-decoration:underline;
}


.node .user-picture /* The picture of the node author */ {
float:right;
}

.node .user-picture  img/* The picture of the node author */ {
height:50px;
}

.node .submitted /* The "posted by" information */ {
	color:#aaa;
}

.node .node-readmore {
	/* visibility:hidden;	 */
}

.node .node-readmore a{
	/* visibility:hidden;	 */
	    background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/bg-readmore.png) repeat-x scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #EEEEEE;
    float: right;
    height: 25px;
    padding: 3px 26px;
	text-decoration: none;
}

.node .content /* Node's content wrapper */ {

}

#content .node .content /* Node's content wrapper */ {
	clear:both;
}

.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
	
	border-bottom: 1px solid #2C4D8F;
    clear: both;
    display: block;
    height: 24px;
}

.node a[title~=Pendaftaran] {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    color: #2222AA;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
}

.node a[title~=Pendaftaran]:hover{
    background: none repeat scroll 0 0 #aaa;
    
    color: #2222ff;
    
}

.node .meta .date {
    background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/icon-date.png) no-repeat scroll 0 0 transparent;        
}

.node .meta {	
	width:100%;
	/* height:24px; */
	
}

.node .meta .author  {
    background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/icon-author.png) no-repeat scroll 0 0 transparent;
    
}

.node .meta > span {
	color:#888F96;
    display: block;
    float: left;
    font-size: 0.95em;
    height: 34px;
    line-height: 24px;
    padding-left: 26px;
    width: 160px;
}

.node .meta > span a{
	color:#888F96;
	text-decoration:none;
}

.node .meta > span a:hover {	
	text-decoration:underline;
}

.field img {
    border: 2px solid grey;
    padding: 3px;
    background:lightgrey;
}

.field img.file-icon {
    background:transparent;
    border: none;
    padding:0px;
}

.odd .field-type-image img{
	float:right;
	margin-left:10px;
}

.even .field-type-image img{
	float:left;
	margin-right:10px;
}

.media-youtube-video {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}/**//**
 * @file
 * Comment Styling
 */


#comments /* Wrapper for the list of comments and its title */ {
  margin: 1.5em 0;
}

#comments h2.title /* Heading for the list of comments */ {
}

#comments h2.comment-form /* Heading for the comment form */ {
}

.comment /* Wrapper for a single comment */ {
}

.comment-preview /* Preview of the comment before submitting new or updated comment */ {
  background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */
}

.comment.new /* A new comment since the user last viewed the page. */ {
}

.comment.first /* The first comment in the list of comments */ {
}

.comment.last /* The last comment in the list of comments */ {
}

.comment.odd /* An odd-numbered comment in the list of comments */ {
}

.comment.even /* An even-numbered comment in the list of comments */ {
}

.comment-unpublished /* Unpublished comments */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
}

.comment-by-anonymous /* A comment created by an anonymous user */ {
}

.comment-by-node-author /* A comment created by the node's author */ {
}

.comment-by-viewer /* A comment created by the current user */ {
}

h3.comment-title /* Comment title */ {
}

.new /* "New" marker for comments that are new for the current user */ {
  color: #c00;
}

.comment .user-picture /* The picture of the comment author */ {
}

.comment .submitted /* The "posted by" information */ {
}

.comment .content /* Comment's content wrapper */ {
}

.comment .user-signature /* The user's signature */ {
}

.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
}

.indented /* Nested comments are indented */ {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}
/**//**
 * @file
 * Form Styling
 */


.form-item /* Wrapper for a form element (or group of form elements) and its label */ {
  margin: 0.5em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
  border: 1px solid #c00;
}

.form-item label /* The label for a form element */ {
  display: block;
  font-weight: bold;
}

#user-login-form .form-item label /* The label for a form element */ {  
  font-weight: normal;
  color:#555;
}

#user-login-form .form-item input[type=text],
#user-login-form .form-item input[type=password] /* The label for a form element */ {  
  width:92%;
}

#user-login-form .item-list li a{
	color:#c0312d;
	text-decoration:none;
}

#user-login-form .item-list li a:hover{	
	text-decoration:underline;
}


.form-item label.option /* The label for a radio button or checkbox */ {
  display: inline;
  font-weight: normal;
}

.form-required /* The part of the label that indicates a required field */ {
  color: #c00;
}

.form-item .description /* The descriptive help text (separate from the label) */ {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
  margin: 0; /* Drupal core uses "0.4em 0" */
}

.form-submit /* The submit button */ {
}

.container-inline div,
.container-inline label /* Inline labels and form divs */ {
  display: inline;
}

.tips /* Tips for Drupal's input formats */ {
}


/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form /* Wrapper for the search form */ {
}


/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left; /* LTR */
  padding-top: 10px;
    
}


/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
  margin-top: 1.5em;
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
  margin-top: 1.5em;
}

#user-login ul {
  margin: 1.5em 0;
}


/*
 * Drupal admin tables
 *
 * We overrode these styles in html-reset.css, but restore them for the admin
 * section of the site.
 */

form th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

form tbody {
  border-top: 1px solid #ccc;
}

form tr.even {
  background-color: #fff;
}

form table .item-list ul {
  margin: 0;
}
/**//**
 * @file
 * Field Styling
 */


.field /* Wrapper for any field. */ {
}

/*
 * Field types (Core)
 */
.field-type-text {
}

.field-type-text-long {
}

.field-type-text-with-summary {
}

.field-type-image {
}

.field-type-file {
}

.field-type-taxonomy-term-reference {
}

.field-type-number-integer {
}

.field-type-number-decimal {
}

.field-type-number-float {
}

.field-type-list-text {
}

.field-type-list-boolean {
}

.field-type-list-integer {
}

.field-type-list-float {
}

/*
 * Field types (Contrib)
 */
.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {
}

.field-type-node-reference {
}

.field-type-user-reference {
}


/*
 * Named fields
 */
.field-name-body {
}

.field-name-field-image {
}

.field-name-field-tags {
}

.field-name-field-tags .field-item {
    display: inline;
	font-size: 0.95em;
    margin-right: 10px;
}

.field-name-field-tags .field-item a{
    text-decoration:none;
	color:#999;
}

.field-name-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ {
}

/**/.block-superfish {
	padding-top: 10px;	
	z-index:20;
	
}

#navigation .block-superfish .content>ul>li{
	padding: 10px;	
}

.sf-menu.sf-style-spring {
  float: left;
  margin-bottom: 1em;
  padding: 0;
  
	background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/bg-menu.png) repeat scroll 0 0 #383B59;
	border-radius: 15px 15px 15px 15px;
	height: 56px;
	padding-left: 10px;
	width: 930px;
}
.sf-menu.sf-style-spring.sf-navbar {
  width: 100%;
}
.sf-menu.sf-style-spring ul {
  padding-left: 0;
}
.sf-menu.sf-style-spring a {
  border: none;
  color: #fff;
  padding: 0.75em 1em;
  white-space: nowrap;
  font-weight:bold;
  text-decoration:none;
  text-transform:capitalize;
}

.sf-menu.sf-style-spring li li.first a {
	margin-top:20px;
}

.sf-menu.sf-style-spring li li a {
	font-weight:normal;
	font-size:1em;
}


.sf-menu.sf-style-spring a.sf-with-ul {
  padding-right: 2.25em;
}
.sf-menu.sf-style-spring.rtl a.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
.sf-menu.sf-style-spring.sf-navbar a {
  border: 0;
}
.sf-menu.sf-style-spring span.sf-description {
  color: #13a;
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}
.sf-menu.sf-style-spring li,
.sf-menu.sf-style-spring.sf-navbar {
  background: transparent;
}

.sf-menu.sf-style-spring li li.first {
	background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/pulldown.png) no-repeat top center #323556;
}

.sf-menu.sf-style-spring li li.last {
	background: none no-repeat top center #323556;
	border-radius:0 0 10px 10px;
}

.sf-menu.sf-style-spring li li {
  background: #323556; 
  font-size:0.8em;
	
}
.sf-menu.sf-style-spring li li li {
  background: transparent;
}
.sf-menu.sf-style-spring li:hover,
.sf-menu.sf-style-spring li.sfHover,
.sf-menu.sf-style-spring li.active a,
.sf-menu.sf-style-spring a:focus,
.sf-menu.sf-style-spring a:hover,
.sf-menu.sf-style-spring a:active,
.sf-menu.sf-style-spring.sf-navbar li li {
  background: transparent;
  /* background: none no-repeat top center #3e4268;   */
  color:yellow;
}

.sf-menu.sf-style-spring li li:hover,
.sf-menu.sf-style-spring li li.sfHover,
.sf-menu.sf-style-spring li li.active a,
.sf-menu.sf-style-spring li li a:focus,
.sf-menu.sf-style-spring li li a:hover,
.sf-menu.sf-style-spring li li a:active,
.sf-menu.sf-style-spring.sf-navbar li li {  
	background-color: #323556;
	color:yellow;
}

.sf-menu.sf-style-spring li li.last:hover,
.sf-menu.sf-style-spring li li.last.sfHover,
.sf-menu.sf-style-spring li li.last.active a,
.sf-menu.sf-style-spring li li.last a:focus,
.sf-menu.sf-style-spring li li.last a:hover,
.sf-menu.sf-style-spring li li.last a:active,
.sf-menu.sf-style-spring.sf-navbar li li.last {  
  /*background: none no-repeat top center #3e4268;*/
  background-color: #323556;
  border-radius:0 0 10px 10px;
}

.sf-menu.sf-style-spring li li.first:hover,
.sf-menu.sf-style-spring li li.first.sfHover,
.sf-menu.sf-style-spring li li.first.active a,
.sf-menu.sf-style-spring li li.first a:focus,
.sf-menu.sf-style-spring li li.first a:hover,
.sf-menu.sf-style-spring li li.first a:active/* ,
.sf-menu.sf-style-spring.sf-navbar li li.first */ {  
  /*background: none no-repeat top center #323556;   */
  background-color: #323556;
  color:yellow;
}

.sf-menu.sf-style-spring.sf-navbar li ul {
  background-color: transparent;
}
.sf-menu.sf-style-spring.sf-navbar li ul li ul {
  background-color: transparent;
}
.sf-menu.sf-style-spring .sf-sub-indicator {
  background-image: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/images/arrows-777777.png);
}
.sf-menu.sf-style-spring.rtl .sf-sub-indicator {
  background-image: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/images/arrows-777777-rtl.png);
}
.sf-menu.sf-style-spring ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-spring ul.sf-megamenu li.sf-megamenu-wrapper ol li {
	margin: 0;
	padding: 0;
}
.sf-menu.sf-style-spring ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {
	font-weight: bold;
}
.sf-menu.sf-style-spring ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
	display: inline;
	float: left;
	width: 12em;
}
.sf-menu.sf-style-spring.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
	float: right;
}
.sf-menu.sf-style-spring li.sf-parent-children-1 ul.sf-megamenu {
	width: 12em;
}
.sf-menu.sf-style-spring li.sf-parent-children-2 ul.sf-megamenu {
	width: 24em;
}
.sf-menu.sf-style-spring li.sf-parent-children-3 ul.sf-megamenu {
	width: 36em;
}
.sf-menu.sf-style-spring li.sf-parent-children-4 ul.sf-megamenu {
	width: 48em;
}
.sf-menu.sf-style-spring li.sf-parent-children-5 ul.sf-megamenu {
	width: 60em;
}
.sf-menu.sf-style-spring li.sf-parent-children-6 ul.sf-megamenu {
	width: 72em;
}
.sf-menu.sf-style-spring li.sf-parent-children-7 ul.sf-megamenu {
	width: 84em;
}
.sf-menu.sf-style-spring li.sf-parent-children-8 ul.sf-megamenu {
	width: 96em;
}
.sf-menu.sf-style-spring li.sf-parent-children-9 ul.sf-megamenu {
	width: 108em;
}
.sf-menu.sf-style-spring li.sf-parent-children-10 ul.sf-megamenu {
	width: 120em;
}

.sf-sub-indicator {
    background: none no-repeat scroll -10px -100px transparent;
    display: compact;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 0.75em;
    text-indent: 0em;
    top: 1.05em;
    /*width: 10px; */
}/**/
.block-ddblock {
    /* background: url(//kemahasiswaan.stiki.ac.id/sites/all/themes/sugeng/images/bg_fade.png) repeat-x scroll left top #FFFFFF; */
	background: none repeat-x scroll left top #2559a3;
    border: 1px solid #2559a3;
	border-radius:15px;
    font-family: Georgia,"Times New Roman",Times,serif;
    height: 300px;
    margin: 0 15px;
    padding: 10px 20px;
    position: absolute;
    top: 15px;
    width: 888px;
	overflow:hidden;
	color:#ddd;
}

.block-ddblock.contextual-links-region {
	position:absolute;
}
.block-ddblock div.number-pager {
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    position: absolute;
    width: 888px;
    background-color: #719BD1;
    border-top: 1px solid #386DA8;
}

.block-ddblock div.number-pager a {
    display: block;
    float: left;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 0.7em;
    font-weight: bold;
    height: 13px;
    line-height: 13px;
    margin: 0 4px 0 0;
    text-align: center;
    text-decoration: none;
    width: 13px;
    border: 1px solid #96BFE6;
}

.block-ddblock div.number-pager a.activeSlide {
    background: none repeat scroll 0 0 #A90532;
    color: #FFFFFF;
}

.block-ddblock div.number-pager a:focus {
  outline: none;  
}

.block-ddblock a {
	color:#eee;	
	text-decoration:none;
	text-transform:capitalize;
}

.block-ddblock p {
	line-height:1.5em;
	margin: 1em 0;
}

div.ddblock-cycle-upright10p div.slide-read-more a {
  text-decoration: none;  
  color: #eae32a;
}

.content div.ddblock-cycle-upright10p h1 {
    line-height: 1em;
    margin: 0;
    padding: 0 0 15px;
}

.content div.ddblock-cycle-upright10p div.slider {
    float: left;
    width: 890px;
}

.content div.ddblock-cycle-upright10p div.slide-text {
    float: left;
    font-size: 17px;
    font-style: italic;
    width: 350px;
}

.content div.ddblock-cycle-upright10p div.slide-read-more a {
	right:270px;
}

.content div.ddblock-cycle-upright10p div.slide-inner img {
    background: none repeat scroll 0 0 #ADC7EA;
    /* border: 1px solid #C9CE29; */
    height: 200px;
    padding: 5px;
    width: 500px;
}/**/
@media print {
  /**
   * @file
   * Print styling
   *
   * We provide some sane print styling for Drupal using Zen's layout method.
   */
  
  
  /* underline all links */
  a:link,
  a:visited {
    text-decoration: underline !important;
  }
  
  /* Don't underline header */
  #site-name a:link,
  #site-name a:visited {
    text-decoration: none !important;
  }
  
  /* CSS2 selector to add visible href after links */
  #content a:link:after,
  #content a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 0.8em;
    font-weight: normal;
  }
  
  /* Un-float the content */
  #content,
  #content .section {
    float: none;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Turn off any background colors or images */
  body,
  #page-wrapper,
  #page,
  #main-wrapper,
  #main,
  #content,
  #content .section {
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }
  
  /* Hide sidebars and nav elements */
  #skip-to-nav,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  .region-footer,
  .breadcrumb,
  div.tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    visibility: hidden;
    display: none;
  }
  
  /* If you un-comment the "page { overflow-y: hidden; }" ruleset, Firefox clips
     the content after the first page. */
  #page-wrapper {
    overflow-y: visible;
  }
}/**/