@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Italic.ttf');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Bold.ttf');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-BoldItalic.ttf');
	font-weight: bold;
	font-style: italic;
}

html{background:#036 url(../thematic/2014/bg-feb-2014.jpg) top center no-repeat}

body{ margin:0px 0; padding:0; font:80%/1.5  'Roboto',Arial, Helvetica, sans-serif; color:#3a3a3a; min-height:400px;}

*{position:relative}
h1,h2,h3,h4,h5,h6,ul,li{display:block; margin: 0; padding:0;}
h1,h2,h3,h4,h5,h6{line-height:1.2; color:#DA9100;}
a,a:link,a:visited{text-decoration:none; color:#555;}
a:hover{color:#DA9100;}
.p10{padding:10px}
.m10{margin-bottom:10px}
.sdw{
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    box-shadow: 0px 0px 4px rgba(0,0,0,.4);}

*{position:relative}

.left{float:left}
.right{float:right}
.clear{clear:both}
.clearfix:after{content:"";width:0;height:0;display:block;clear:both}

.w-50{width:50%}
.w-25{width:25%}
.w-100{width:100%}
.w-75{width:75%}
.w-33{width:33.33%}
.w-67{width:66.67%}

.m-5{margin:5px;}

/* 

20 220 20 220 20 220 20 220 20 = 980 
20 700 20 220 20 = 980

20 460 20 220 20 220 20 = 980

*/

.sdw{-moz-box-shadow: 0px 0px 6px #bbb;
    -webkit-box-shadow: 0px 0px 6px #bbb;
    box-shadow: 0px 0px 6px #bbb;}
.sdw2{-moz-box-shadow: 0px 0px 10px #444;
    -webkit-box-shadow: 0px 0px 10px #444;
    box-shadow: 0px 0px 10px #444;}


.col-01{width:240px}
.col-02{width:720px}
.col-03{width:480px}
.col-04{}

.col-01 .block{margin: 0 0 20px 20px; width: 220px; background:#fff}
.col-01 .block ul{margin-left:20px}
.col-01 .block ul ul{margin-left:10px;}
.col-01 .block li{display:list-item; line-height:16px; padding: 2px 0;}
.col-title{background:#159; color:#fff;}
.col-title h3{padding: 0 10px; display:block; color:#fff; text-transform:uppercase; font-weight:normal;font-size:13px; line-height:28px;}
.col-title h3 a{color:#fff;}
.col-cont{padding:10px;}
.col-title a.feed{display:block; position:absolute; height:20px; width:20px; background:url(../images/feed.png) 2px 4px no-repeat; text-indent:-9999px; top:3px; right:10px;}
#side-menu{}
#side-menu li a{display:block; line-height: 24px; padding: 4px 7px;font-weight:bold}
#side-menu li li a{line-height:16px; font-size:13px;font-weight:normal}
#side-menu ul{margin:0!important; border-bottom:solid 1px #ddd; background: #eee}
#side-menu ul ul{border-bottom:none}
#side-menu ul li{display:block; padding: 0px 0px; border-top:solid 1px #ddd}
#side-menu ul ul li{padding-left: 10px; background:#fff}

.xtra-row-01{height:24px; background:#ddd}

#wrapper{width:980px; margin: 0 auto; min-height:400px; background:#fafafa; }

/* #header{height:100px; background:#159 url(../images/bg-header-repeat.png) bottom left repeat-x} */
#header{height:120px; background:#036}
/* .header{  height:100px; background: url(http://static.ub.ac.id/asset/thematic/default/bg-header.png) top left no-repeat} */
.header{  height:120px; #036} 
.logo{padding: 20px 0 0 30px}
.logo a{display:block; text-indent:-9999px; width:300px; height:80px; background:url(http://static.ub.ac.id/asset/thematic/default/logo.png) center no-repeat}

.header-link{padding: 0 20px 0 10px; margin: 50px 0 0 0
}
.header-link li{float:left}
.header-link a{color:#ddd; display:block; line-height:25px; padding: 0 5px; margin: 0 5px;}
.header-link a:hover{ color:#f39c12; border-bottom: solid 2px #f39c12}

#menu{height:40px; background:#f39c12; z-index:10;}
.menu{margin-left:20px;}
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: normal; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #036; }
ul.dropdown a:active                { color: #036; }
ul.dropdown li a                    { display: block; padding: 0px 15px;color: #036; line-height:40px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background:#e67e22; color: #036; position: relative; }
ul.dropdown li.hover a ,
ul.dropdown li:hover  a             { color: #036; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 					{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0;  background:#e67e22 ;padding: 10px ; margin-left:-1px;}
ul.dropdown ul li 					{ font-weight: normal;  float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; display: block; padding:5px; line-height: 1.2; color:#036; } 
ul.dropdown ul li a:hover{background:#f39c12}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


.searchForm{background:#fff; padding:2px 5px; display:block; height:20px; margin: 8px 20px 0 0;}
.searchForm input{border:none; height:20px; padding:0; margin:0; font-family: inherit; color:#aaa}
.searchForm input[type=text]{}
.searchForm input[type=text]:focus{color:#333}
.searchForm input[type=submit]{display:inline-block; height:20px; width:20px; background:url(../images/edit_find.png) center no-repeat}

#main{padding:20px 0 0 0; background:#f5f5f5; min-height:450px;
background: #f0f0f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #f0f0f0 91%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(91%,#f0f0f0), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 91%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 91%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 91%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f0f0 91%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */

}
.homeslider{height:300px; width:700px; background:#fff; margin: 0 0 20px 20px}


.small-banner{height:50px; background:#ddd; width:220px; margin: 0 0 20px 20px; display:none}
.small-banner a{display: block; height:50px; width: 220px;}

.quicklink{margin: 0 0 20px 20px; background:#fff; height:320px;width:220px; }

.quicklink ul{display: inline-table}
.quicklink li{display:inline-block; line-height: 1.5; margin:0; padding:0; float:left}
.quicklink li{ margin-right:5px;}
.quicklink ul.justlink{margin-bottom:5px;}

.ub-news{width:460px; margin: 0 0 20px 20px; min-height:400px; background:#fff;}
.ub-news .headline-text{font-size:17px; margin-bottom:5px; display:block;}
.ub-event, .ub-announcement{width:220px; margin: 0 0 20px 20px; min-height:400px; background:#fff;}
.ub-news .newsHeadline{padding-bottom:12px; background:#fff; padding: 10px; text-align:justify}
.ub-news .newsHeadline a{font-weight:bold; font-size:100%}
.newslink .event{}
.newslink .event {border-top:solid 1px #ddd}
.newslink .event li{ line-height:15px; padding:6px; border-bottom:solid 1px #ddd}
.newslink .event li:hover{background:#eee}
.newslink .event li:hover a{color:#159}

.directory{margin: 0 0 20px 20px; background:#fff;}
.directory-result{}
.directory-result .directory-result-block{margin:0 0 20px 20px; background:#fff; width:220px; height:100px;}
.directoryResult .block{width: 200px; margin: 0 0 20px 20px; padding: 10px; background:#fff; float:left; height: 100px;
-moz-box-shadow: 0px 0px 6px #ccc;
    -webkit-box-shadow: 0px 0px 6px #ccc;
    box-shadow: 0px 0px 6px #ccc;
}
.directoryResult .block a{display:block; color:#580; font-size: 12px; line-height: 20px;}
.directoryResult .block a.name{color:#a00; font-size:13px;}

.archivefill{padding: 15px 0; border-bottom:solid 2px #ddd; display:block; width: 660px}
.archivefill h2 a{font-size:18px; font-weight:normal; margin-bottom:5px; display:block; font-weight:bold; color:#159}
.archivefill span{color:#580; font-size:11px;}
.archivefill img{display:none}
.archivefill p{margin:5px 0}

.breadcrumb{padding: 0 20px; font-size:11px; line-height: 24px;}
.breadcrumb a{display:inline-block;}

.post{margin: 0 0 20px 20px; background:#fff; padding: 20px;}
.post-title{margin-bottom:20px; }
.post-title h1{font-weight:normal; max-width:500px}

/* POST ENTRY */
.post-entry{ font-size:14px; line-height:22px;}
.post-entry h1,.post-entry h2,.post-entry h3,.post-entry h4,.post-entry h5,.post-entry h6
{color:#b00; font-weight:normal}
.post-entry p{text-align:justify; margin: 0 0 10px 0}
.post-entry ul, .post-entry ol{margin:0 0 10px 30px; padding:0}
.post-entry ul p, .post-entry ol p{margin:0}
.post-entry ul li,.post-entry ol li{display:list-item}
.post-entry ul ul,.post-entry ol ul,.post-entry ol ol,.post-entry ul ol{margin-left:15px}
.post-entry img{display:block;margin: 20px}
.post-entry img[align=left], .post-entry img.left{float:left; margin: 0 20px 20px 0}
.post-entry img[align=right], .post-entry img.imgRight{float:right; margin: 0 0 20px 20px}
.post-entry img[align=middle]{float:none}
.post-entry span.span-link{display: inline-block; margin-left:5px; font-size:11px;}
.post-entry .div2{width:300px}
.post-entry .div2 h4 , .post-entry .div2 h5{font-size:15px;}
	ul.execute{position:absolute; top:0; right:0; border-bottom:dotted 1px #bbb; margin-top:5px; padding-bottom:3px}
	ul.execute li{display:inline-block;margin: 0px; font-size:10px; line-height:16px; color:#888}
	ul.execute a, ul.execute span{display:inline-block; line-height:16px; cursor:pointer; color:#888; }
	
	ul.execute .sprite{height:10px; width:10px; background:url(../images/sprite.png); margin-right:2px;}
	ul.execute .print{background:url(../images/print.gif)}
	ul.execute .doc{background:url(../images/word.gif)}
	ul.execute .pdf{background:url(../images/pdf.gif)}
	ul.execute .mailto{background:url(../images/mail.gif)}
	ul.execute .ps{background-position:-64px -40px;}

.post-entry table{border-collapse:collapse}
.post-entry table td{border:solid 1px #ddd; padding: 5px 10px}
.post-entry table th{border:solid 1px #ddd; padding: 5px 10px; background:#eee}


.aggblock{padding:10px 0; border-bottom: solid 4px #ddd}
.agginfo{width:180px; font-size:12px; line-height:16px;}
.agginfo h3{margin-bottom:10px}
.agginfo h4{margin-top:10px}
.aggctx{width:460px; margin-left:20px;}
.aggctx h3 a{font-size:13px; font-weight:normal; font-weight: auto}
.aggctx span.date{margin-bottom:2px; display:block; font-size:10px; color:#580; text-transform:uppercase}

#footer{background:#1a1a1a; min-height:20px; color:#ddd; font-size:90%; line-height:1.25;border-top:solid 1px #444}
#footer a{color:#666}
#footer a:hover{color:#ddd}
.linkfarm{padding: 20px 5px; margin: 0 10px; border-bottom:solid 1px #111}
.col-linkfarm{width:160px; margin: 0 15px;}
.col-linkfarm h3{color:#fff; font-weight:normal; margin-bottom:5px; text-transform:uppercase}
.col-linkfarm li{padding: 3px 0;}
.col-linkfarm li a{line-height:1.25}
.col-linkfarm ul{margin-bottom:10px;}
.footer{padding: 20px 5px; margin: 0 10px; border-top:solid 1px #222}
.footerlink li{display:inline-block; margin: 0 5px 0 0;}

.snetwork {margin-top:5px;opacity:.4}
.snetwork a{display:block; height:16px; width:16px; margin:0 0 0 4px!important;}
.snetwork a.facebook{background:url(../images/i-facebook.png)}
.snetwork a.twitter{background:url(../images/i-twitter.png)}
.snetwork a.flikr{background:url(../images/i-flickr.png)}
.snetwork a.google{background:url(../images/i-google.png)}
.snetwork a.youtube{background:url(../images/i-youtube.png)}
.snetwork li{margin:0!important;float:left!important; list-style:none; padding:0!important}
.snetwork a:hover{background-position:bottom center}

a.ubSmall{height:36px; width:36px; display:block; background:url(../images/ub-small.png) no-repeat; margin-top:-5px; opacity:.4}

#footer .right a{display:block; text-align:right; margin-right: 10px}
#footer .right a.ubSmall{width:40px; height:40px}

/* */
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { margin: 0; padding: 0; position:relative; margin-bottom:10px; 
}
.flexslider .slides { overflow:hidden}
.flexslider .slides > li {display: none; width:700px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width:700px; display: block; height:300px;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {zoom: 1; width:700px; height: 320px; background: url(../images/ajax-loader.gif) center center no-repeat #fff}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:rgba(0,0,0,.7);zoom: 1; width:220px; padding:20px; height:280px;font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; display:none!important}
.flex-caption { position: absolute; right: 0; top: 0;  color: #fff; display:block; z-index:9; }
.flex-caption h2{display:block; font-weight:normal; font-size:18px; line-height:22px; text-shadow: 0 -1px 0 rgba(0,0,0,.8);  color:#DAA520; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.flex-caption p{font-size:0.8em; margin-bottom:10px; display:block; }
.flex-caption a.more{display:block; color:#DAA520!important;margin:10px 0}

/* Direction Nav */
 ul.flex-direction-nav{   display:none; }
.flex-direction-nav li a {width: 20px; height: 20px; margin: 0 0; display: block;  cursor: pointer; text-indent: -9999px; background:#fff; position: absolute; bottom:10px; right:10px;z-index:999;}
.flex-direction-nav li .next {}
.flex-direction-nav li .prev {right: 35px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-direction-nav li a:hover{background: url(images/000-40.png);}

/* Control Nav */
.flex-control-nav { position: absolute; bottom: 0px; text-align: center; z-index:20; font-family:Arial, Helvetica, sans-serif; margin: 10px 0 0 0; background:#f2f2f2; width:100%; height:5px; padding-top:15px}
.flex-control-nav ul{display:block; margin: 10px auto 0;}
.flex-control-nav li {margin: 0 0 0 4px; display: inline-block; zoom: 1; *display: inline; text-align:center;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 40px; height: 5px; display: block; cursor: pointer; background:#ccc; color:#ccc; line-height:14px;font-weight:bold; font-size:10px; text-indent:-9999px}
.flex-control-nav li a:hover {background:#999}
.flex-control-nav li a.active {background:#DA9100; color:#082a4c}

.bannerslider img{height:140px!important; width:250px!important; margin-bottom:5px}


/* ORGANIC TABS */

/* Specific to example two */
#example-two  {background:#fff; }

#example-two .list-wrap { margin: 0 0 0 0;  background:#fff; display:block; min-height:130px; padding:10px 0!important}

.list-wrap  ul { list-style: none; }
.list-wrap  ul li {}
.list-wrap  ul li a { display: block; padding:0px; font-weight:normal;}
.list-wrap  ul li a:hover { }
.list-wrap  ul li:last-child a { border: none; }

.list-wrap  ul#UBTour li{text-align:left; display:block; padding-left: 20px}
.list-wrap  ul#quickLink1 li{text-align:right; display:block; padding-right: 20px}

#example-two .nav { overflow: hidden; margin: 0; padding:0; height:24px; margin-bottom:10px; border-bottom:solid 1px #ddd}
#example-two .nav li {  float: left;display:block; margin: 0 5px 0px 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 0px 10px; ;  text-align: center; border: 0; font-weight:normal; line-height:24px;  color:#aaa; font-size:14px;}
#example-two .nav li:hover{background:#eee}

#example-two li a.current{  color: #c00; background:#fff; text-decoration:none; font-weight:bold; background:#ddd}
#example-two li a.current:hover {}
#example-two .nav li a:hover, #example-two .nav li a:focus {  color:#666;  text-decoration:none}

/* PAGINATION */
#tnt_pagination {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:10px 0;
}
#tnt_pagination a:link, #tnt_pagination a:visited {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:2px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}
#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;
}
#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:2px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}
#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}

.selma-link{display:block;width:150px; height:100px; position:absolute; top: 500px; left:100%; margin: 0 0 0 10px}


table.prestasi-ub{font-size:90%!important; width:100%}
table.prestasi-ub thead{color: #048; text-transform:uppercase; font-size:95%;}
table.prestasi-ub td, table.prestasi-ub th{padding: 5px 10px; line-height:1.2; vertical-align:top}
table.prestasi-ub thead td{vertical-align:center; }
table.prestasi-ub thead img{width:20px;}
table.prestasi-ub img{margin:0!important; padding: 0!important; display:inline; margin-right: 0!important; float:none; text-align:center}
table.prestasi-ub p{margin:0; text-align: left}

.wbanner{margin:-15px 0 20px 20px;  height:75px; width:300px; opacity:.9}
.wbanner img{max-width:100%;}
.wbanner:hover{opacity:1}