/* 
    Document   : customs
    Created on : 19 Feb 13, 11:46:06
    Author     : KANG-ASEP
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.streamer {
display: table;
margin-bottom: 23px;
border-bottom: 1px solid #d2d2d2;
}
.streamer .heading {
vertical-align: top;
display: table-cell;
position: relative;
width:88px;
padding: 16px 14px;
border-top: 4px solid #e63900;
background: #0f4600;
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#0f4600), color-stop(60%,#0a2d00), color-stop(100%,#071f00));
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.streamer .heading h2 {
color: #ffc51a;
}
.streamer .heading strong {
display: block;
font-size: 1.25em;
font-weight: normal;
text-transform: uppercase;
}
.streamer .listing {
float: left;
margin-bottom: 0;
background: #f3f3f1 url(../img/bg-streamer-4.gif) repeat-y 0 0;
background: rgba(243,243,241,.7) url(../img/bg-streamer-4.gif) repeat-y 0 0;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
}
.streamer .listing h3 {margin-bottom: 4px;font-size: 1.1em;font-weight: bold;}

/*font: bold 1.08em/1.38 Helvetica, Arial, sans-serif;*/
/*font-family: "PT Sans", "Lato", "Trebuchet MS", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;*/

.streamer .listing h3 a { text-decoration: none;color: #0a2d00;}
.streamer .listing h3 a:hover {
text-decoration: underline;
}
.streamer .view-hedu-homepage-events .events {
color: #6C6C6C;
}
.streamer p{
    padding: 0px 0px;
}
.streamer .view-hedu-homepage-events .events {
color: #6C6C6C;
}

.streamer .events {
line-height: 1.4;
font-weight: normal;
text-transform: none;
font-size: 1.0em;
}
.streamer .listing li {
float: left;
width: 185px;
margin-right: 1px;
padding: 16px 14px;
/*border-top: 1px solid #d2d2d2;*/
height: 99px;
}
.streamer .prime {
display: table-cell;
width: 856px;
background-color: #fbfbfb;
}

.listing {
list-style-type: none;
}
.streamer .heading .more a {
color: #ffff33;
}
p.more a {
display: inline-block;
text-decoration: none;
}

.streamer .heading .more a:hover{
    text-decoration: underline;
}

#filter-drop {
width: 960px !important;
}
.filter-wrap {
margin-bottom: 23px;
background: #a7a7a7;
background: -moz-linear-gradient(top, #a7a7a7 0%, #939393 51%, #808080 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7a7a7), color-stop(51%,#939393), color-stop(100%,#808080));
background: -webkit-linear-gradient(top, #a7a7a7 0%,#939393 51%,#808080 100%);
background: -o-linear-gradient(top, #a7a7a7 0%,#939393 51%,#808080 100%);
background: -ms-linear-gradient(top, #a7a7a7 0%,#939393 51%,#808080 100%);
background: linear-gradient(top, #a7a7a7 0%,#939393 51%,#808080 100%);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.filter {
float: right;
position: relative;
/*border-left: 1px solid #004400;*/
background: url(../img/bg-filter-dvdr.gif) 0 0 repeat-y;
}
.filter strong {
display: block;
padding: 9px 37px 7px 15px;
background: url(../img/bg-filter-arrow.gif) no-repeat 90% center;
color: #fff;
/*font-size: 1.08em;*/
cursor: pointer;
/*text-transform: uppercase;*/
}
.filter strong span {
display: block;
padding: 0px 20px 0px 46px;
background: url(../img/quick_link.png) 0 0 no-repeat;
}
.filter strong:hover{opacity: 1;}
.filter ul {
display: none;
position: absolute;
width: 100%;
z-index: 100;
}

.filter-wrap li {color: #6c6c6c;list-style: none; width: 100%;}
.filter:hover ul, .filter:focus ul, #filter-drop .over ul { display: block;}
.filter a {
display: block;
padding: 5px 12px 6px 12px ;
background: #494949;
opacity: 1.5;
color: white;
font-size: 1.15em;
letter-spacing: .025em;
line-height: 1.4;
text-decoration: none;
border-bottom: 1px solid #383838;
/*border-top: 2px solid #4d4d4d;*/
border-top: none;
}
.filter a:hover{background-color: #0f4600;border-top-color: #0f4600;}
.filter a.clr-ekonomi:hover{background: #b3b300;border-top-color: #b3b300;}
.filter a.clr-komputer:hover{background: #b35900;border-top-color: #b35900;}
.filter a.clr-kedokteran:hover{background: #00b300;border-top-color: #00b300;}
.filter a.clr-kesehatan:hover{background: #0000b3;border-top-color: #0000b3;}
.filter a.clr-teknik:hover{background: #0000b3;border-top-color: #0000b3;}
.filter a.clr-hukum:hover{background: #b30000;border-top-color: #b30000;}
.filter a.clr-fisip:hover{background: #800080;border-top-color: #800080;}


.filter a:hover{background-color: #0f4600;border-top-color: #ffff00;color:#fff;}
.filter a.warna-fe:hover{background: #ffdd00;border-top-color: #e6c700;color:#fff;}
.filter a.warna-fk:hover{background: #336600;border-top-color: #264d00;color:#fff;}
.filter a.warna-ft:hover{background: #0000cc;border-top-color: #0000b3;color:#fff;}
.filter a.warna-fisip:hover{background: #cc00ff;border-top-color: #a300cc;color:#fff;}
.filter a.warna-fik:hover{background: #ff9900;border-top-color: #cc7a00;color:#fff;}
.filter a.warna-fh:hover{background: #e60000;border-top-color: #b30000;color:#fff;}
.filter a.warna-fikes:hover{background: #66ccff;border-top-color: #33bbff;color:#fff;}
.filter a.warna-pasca:hover{background: #993366;border-top-color: #73264d;color:#fff;}

#filter-drop.fix { position: fixed; top: 0;  z-index: 99; }

.shieldfix { background-attachment: fixed !important; } 

.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
/*home content*/
.expand .list{position: relative;background: url(../img/bg_home_content.png) 0 bottom no-repeat;margin: 0 0 1.2em;}
.expand .first{margin-left: 0;}
.expand h3{font: 1.5em Georgia, "Times New Roman", serif;margin-bottom: 10px;}
.expand h3 a {display: block;text-decoration: none;line-height: 1.2;color: #0a2d00;}
.expand h3 a:hover{text-decoration: underline;}
.expand p {font-size: 13px;line-height: 1.5;word-wrap: break-word;font-family: Helvetica, Arial, sans-serif}
.expand .from-author{position: absolute;bottom: 7px;padding-left: 130px;font-size: .9em;margin: 0px;}
.expand .date {position: absolute;bottom: 10px;font-size: .9em;line-height: 1em;}
.list{list-style-type: none;}
/*background: #fff;background: -moz-linear-gradient(top,#fff,#f6f6f6);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f6f6f6));background: -webkit-linear-gradient(top,#fff,#f6f6f6);background: -o-linear-gradient(top,#fff,#f6f6f6);background: -ms-linear-gradient(top,#fff,#f6f6f6);background: linear-gradient(top,#fff,#f6f6f6);border-bottom : 1px solid #ddd;border-left : 1px solid #ddd;box-shadow: #ddd 1px 1px 2px;*/
.expand li{ width: 308px;margin-left: 17px;}
ul.part-a li{float: left;margin-bottom: 1.5em;}
.expand .content-home{padding: 10px 13px 30px;}
.expand .content-home img.pagehome{max-width: 282px;max-height:202px; }
.expand .lead-video {padding: 0px 0px 35px;width: 308px;}
.lead-video h3 { margin: 10px 13px;}
.lead-video p {margin: 0px 13px;}
.lead-video a:hover{text-decoration: underline;}
.part-a .first{margin-left: 0;}
.part-a:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}
.more-category{position: relative;z-index: 10;display: block;cursor: pointer;padding: 10px 13px;color: #ababab;padding-right: 14px;text-transform: uppercase;font-size:13px;text-decoration: none;font-weight: bold;}
/*.more-category span{background: url(../img/arrow-right.png)no-repeat right 4px;}
.more-category span:hover{background: url(../img/arrow-right-hover.png)no-repeat right 4px;}*/
/*.more-category a{}*/
.more-category:hover{color:white;}
.item-cat-{border-top: 4px solid #0f4600;}
.item-cat-1{border-top: 4px solid #0f4600;}
.item-cat-2{border-top: 4px solid #008000;}
.item-cat-3{border-top: 4px solid #400080;}
.item-cat-4{border-top: 4px solid #800040;}
.item-cat-5, .item-cat-0{border-top: 4px solid #003300;}
.item-cat-6{border-top: 4px solid #008040;}
.item-cat-7{border-top: 4px solid #408000;}
.item-cat-8{border-top: 4px solid #808000;}
.item-cat-9{border-top: 4px solid #000080;}
.item-cat- .more-category:hover ,.item-cat- .more-category:focus {background: #0f4600; }
.item-cat-1 .more-category:hover ,.item-cat-1 .more-category:focus {background: #0f4600; }
.item-cat-2 .more-category:hover ,.item-cat-2 .more-category:focus {background:#008000; }
.item-cat-3 .more-category:hover,.item-cat-3 .more-category:focus  {background:#400080; }
.item-cat-4 .more-category:hover,.item-cat-4 .more-category:focus  {background:#800040; }
.item-cat-5 .more-category:hover,.item-cat-5 .more-category:focus ,.item-cat-0 .more-category:hover,.item-cat-0 .more-category:focus  {background:#003300; }
.item-cat-6 .more-category:hover,.item-cat-6 .more-category:focus  {background:#008040; }
.item-cat-7 .more-category:hover,.item-cat-7 .more-category:focus  {background:#408000; }
.item-cat-8 .more-category:hover,.item-cat-8 .more-category:focus  {background:#808000; }
.item-cat-9 .more-category:hover,.item-cat-9 .more-category:focus  {background:#000080; }

.more-category span{margin-left: 5px;}
/* #homeContent ul li p { 
padding: 10px 15px 20px;
} */
#homeContent ul li p.img{padding:0px;}
#homeContent ul li p{overflow: hidden;}
#homeContent .date{margin-bottom: 0;color: #ababab;font-weight: bold;font-size: 0.9em;text-transform: uppercase;}
/*end home content*/

#bordered_color_1{border-top: 4px solid #0f4600;}
#bordered_color_2{border-top: 4px solid #008000;}
#bordered_color_3{border-top: 4px solid #400080;}
#bordered_color_4{border-top: 4px solid #800040;}
#bordered_color_5{border-top: 4px solid #008040;}
#bordered_color_6{border-top: 4px solid #408000;}
#bordered_color_7{border-top: 4px solid #003300;}
#bordered_color_8{border-top: 4px solid #808000;}
#bordered_color_9{border-top: 4px solid #353535;}
.port3_box .content,.box_first .content{padding: 10px 13px 30px;}
.port3_box .content p,.box_first .content p{text-align: left;}



.port3_box , .box_first {position: relative; width:308px; height: 401px;float:left;
background: #fff;
background: -moz-linear-gradient(top,#fff,#f6f6f6);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top,#fff,#f6f6f6);
background: -o-linear-gradient(top,#fff,#f6f6f6);
background: -ms-linear-gradient(top,#fff,#f6f6f6);
background: linear-gradient(top,#fff,#f6f6f6);
border-bottom : 1px solid #ddd;
/*border-left : 1px solid #ddd;*/
box-shadow: #ddd 1px 1px 2px;
}
.port3_box {margin:0 0 15px 17px;}
.box_first{margin-left: 0px;}
/*.more-category {position: relative;
z-index: 10;
display: block;
margin-bottom: 10px;
font-weight: bold;
padding: 10px 13px;
cursor: pointer;
color: #a7a7a7;
text-transform: uppercase;
font-size: .92em;
text-decoration: none;
}
.more-category:hover{color: #fff;}*/

.port3_box .content h3, .box_first .content h3{margin-bottom: 10px;}
.port3_box .content p img ,.box_first .content p img{float: left;margin-right: 18px;display: block;
margin: 0 0 15px;
max-width: 275px;
height: auto;
max-height: 138px;}
.port3_box .content .from , .box_first .content .from {
position: absolute;
bottom: 7px;
padding-left: 130px;
font-size: .9em;
margin: 0px;
}

.port3_box .content .date, .box_first .content .date {
margin-bottom: 0;
color: #ababab;
font-weight: bold;
font-size: 0.9em;
text-transform: uppercase;
position: absolute;
bottom: 7px;
}

.load-more {
display: block;
margin-bottom: 20px;
padding: 8px 0 8px;
background: #0f4600;
color: white;
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-decoration: none;
cursor: pointer;
}

.load-more:hover, .load-more:focus {
background: #0a2d00;
color: white;
cursor: pointer;
-webkit-transition: background-color 75ms linear;
-moz-transition: background-color 75ms linear;
-o-transition: background-color 75ms linear;
transition: background-color 75ms linear;
}
.load-more span {
padding: 1px 32px 0px 0px;
background: url(../img/controls_arrow_down_16.png) no-repeat right 0;
}

.action-footer {
margin-top: 25px;
padding: 25px 0;
background: #e6e6e6;
border-top: 1px solid #ababab;
}
.action-footer .streamer{margin-bottom: 0px;}
.action-footer .streamer .heading {
border-top: none;
width: 103px;
color: #ffcc34;
background: #0f4600;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f4600), color-stop(100%,#0a2d00));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4600', endColorstr='#0a2d00',GradientType=0 );
}
.action-footer .streamer .heading strong{font-size: 14px;font-weight: bold;color: #ffc51a;}
.streamer-sosialita .prime{display: table-cell;background: none;width:829px;}
.action-footer .prime {
/*border-right: 1px solid #d2d2d2;*/
border-right: none;
}
#content-sosialita {border-right: 1px solid #d2d2d2;}
#content-sosialita .head{margin-bottom: 16px;
color: #ababab;
font: bold 1em Helvetica, Arial, sans-serif;
text-transform: uppercase;}
#content-sosialita .head a { text-transform: lowercase; font-weight: normal;}
#content-sosialita .head a:hover ,#content-sosialita a:hover {text-decoration: underline;}
.body .table{border-collapse:collapse!important}.body .table td,.body .table th{background-color:#fff!important}
.body table td,.body table th{border:1px solid #ddd!important}
.body .table {border:1px solid #ddd}.body .table>tbody>tr>td,.body .table>tbody>tr>th,.body .table>tfoot>tr>td,.body .table>tfoot>tr>th,.body .table>thead>tr>td,.body .table>thead>tr>th{border:1px solid #ddd}.body .table>thead>tr>td,.body .table>thead>tr>th{border-bottom-width:2px}
/*.streamer-sosialita .heading, .streamer-sosialita .prime {
display: table-cell;background: none;
}*/
/*.action-footer .streamer-sosialita #content-sosialita .overview li {
width: 180px;
border-left: none;
border-right: 1px solid #d2d2d2;
}*/
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}