/*

*/

/* =PUBLICATION STYLES
-------------------------------------------------------------- */

/* =sidebars
------------------ */

#secondary-publication {
	float: right;
	margin-right:-1px;
	width: 310px;
}
.sidebar-publication{border-top:3px solid #0066CC;  padding:10px 0; margin:-20px  0 60px;}

.publication-left{background-color: ;
	float:left; width:785px}
.publication-right{
	float:right; width:150px; border-left:1px solid #dedede; font-size:12px; line-height:16px; padding-right:0px; margin-right: 10px
}
.pubtype{
	border-bottom:3px solid #1882D1; box-shadow:0 1px 0 #ccc; padding:10px 0;width:100%; }

ul#pubtype{ padding:0; margin:0;margin-bottom:0px;list-style:none;}

ul#pubtype li{
	font-family:WWF, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0px 0px 0px 8px; font-size:13px; /*line-height:5px;*/height: 25px; text-shadow:0 1px 0 #ccc; text-align:left; }
//modificated by kaka
ul#pubtype li.current{ padding-bottom: 10px;}

ul#pubtype li.current a{ color:#003366;}

div#pub-other{margin-top:40px;}
ul#pub-other{  padding:0; margin:0;margin-top:20px;list-style:none;}
ul#pub-other h2{margin-top:2px;margin-bottom:30px;font-size:15px; line-height:18px; font-weight:bold; text-transform:uppercase; font-family: WWF, Arial, Helvetica, sans-serif;}
ul#pub-other li{padding:0 0 10px 0 ; margin:0;margin-bottom:10px; border-bottom: 1px dashed #CBDCF2; }
ul#pub-other li a img{ padding:3px; border:solid 1px #dedede;}

div#pub-other-cat{margin-top:40px;}
#pub-other-cat h2{margin-top:2px;margin-bottom:30px;font-size:18px; line-height:18px; font-weight:normal; text-transform:uppercase; font-family: WWF, Arial, Helvetica, sans-serif;}
ul#pub-other-cat li{padding:0 0 10px 0 ; margin:0;margin-bottom:10px; border-bottom: 1px dashed #CBDCF2; }

ul#pub-other-cat2 h2{margin-top:2px;margin-bottom:30px;font-size:18px; line-height:18px; font-weight:normal; text-transform:uppercase; font-family: WWF, Arial, Helvetica, sans-serif;}
ul#pub-other-cat2 li{padding:0 0 10px 0 ; margin:0;margin-bottom:10px; border-bottom: 1px dashed #CBDCF2; }


/* =primary
------------------ */
ul#publist { list-style:none; margin: 30px 10px 0 10px;padding:0; font-size:12px; line-height:16px; 
}
ul#publist li{ width:365px; float:left;}
ul#publist li:nth-child(odd){margin-right:33px; }
ul#publist li div.kiri {float:left; width:150px;position:relative;}
ul#publist p.pub-type{
	position: absolute;
 	z-index:24;top:18px; left:-8px; width:15em;}
ul#publist p.pub-type a{
	color:#fff; background:#CC0000;padding:1px 4px 2px 6px;
	font-size:12px; line-height:14px; text-transform:uppercase; font-family: WWF, Arial, Helvetica, sans-serif;
	text-shadow:0 -1px #d0284b, 0 1px #f96080;
	-moz-box-shadow:1px 1px 2px # 666;;
	-webkit-box-shadow:1px 1px 2px #666;;
	-o-box-shadow:1px 1px 2px #666;;
	box-shadow:1px 1px 2px #666;
	position: relative;  
	width: 50%;  
}
ul#publist p.pub-type a:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 2px 4px;
	border-style: solid;
	border-color: #600 #600 transparent transparent;
}

ul#publist li a img{ padding:3px; border:solid 1px #dedede;}


ul#publist li div.kanan {float:right; width:210px;}
ul#publist h2{margin-top:2px;margin-bottom:3px;font-size:15px; line-height:18px; font-weight:bold; text-transform:uppercase; font-family: WWF, Arial, Helvetica, sans-serif;}
ul#publist p.pub-author{ margin-bottom:10px; font-style:italic; }
ul#publist p.pub-author a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}
ul#publist p.pub-author a.info:hover{z-index:25; background:#FFFDF7; border-bottom: 1px solid #FC9;}
ul#publist p.pub-author a.info span{display: none}
ul#publist p.pub-author a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-4em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left; padding:10px; 
	 -moz-border-radius: 5px; border-radius: 5px; background:#FFFDF7; border: 1px solid #FC9;  box-shadow:2px 2px 2px #999;
	 filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
} 



ul#publist p.pub-meta {color:#999; font-size:11px; line-height:12px;width:90%; margin:0;} 

	#pub-attachment a{text-decoration:none; opacity: 1}
	#pub-attachment a:hover{ opacity: 0.8;
}
	#pub-attachment a:active{ opacity: 0.9; padding: 6px 10px 6px;}
	
    .pub_button{
	margin-top:10px; float:none;margin-left:1px;
    background: #222 url(images/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border-bottom: 1px solid #222;
	/*
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
 	*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    position: relative;
    cursor: pointer;
    }
	.pub_button a{text-decoration:none; color:#fff}
	
	 
	a.pub_button span{display: none; font-weight:normal; text-shadow:none; z-index:900;}
	a.pub_button:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:10px;
	line-height:120%;
    top:25px;; left:1em; width:100px;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;padding:3px 5px 5px 15px;
	 -moz-border-radius: 5px; border-radius: 5px; background:#C3E0F7; border: 1px solid #6EB0E3;  box-shadow:2px 2px 2px #999;
	 filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
	
} 
.pub-downloads
{color:#999; font-size:11px; line-height:12px;width:90%; margin:0; margin-top:20px;}
.pub-downloads .title{ color: #333; font-weight:normal;}
.pub-downloads ul{ margin:0 0 0 13px; }
.pub-downloads ul li{padding:0 0 0 -13px;}

.pub-downloads.single
{color:#333; font-size:13px; line-height:18px;width:90%; margin:0; margin-top:20px;}

.pub-other{}

    /* Sizes ---------- */
    .small.pub_button {
    font-size: 11px;
    }
    .medium.pub_button {
    font-size: 13px;
    }
    .large.pub_button {
    font-size: 14px;
    padding: 8px 14px 9px;
    }
     
    /* Colors ---------- */
    .cyan.pub_button {
    background-color: #2daebf;
    }
    .red.pub_button {
    background-color: #e33100;
    }
    .magenta.pub_button {
    background-color: #a9014b;
    }
    .orange.pub_button {
    background-color: #ff5c00;
    }
    .yellow.pub_button {
    background-color: #ffb515;
    }
	.blue.pub_button{
	background-color:#1882D2;
	}
	
	/* single ---------- */
.pub-entry{}
.pub-entry h2{ color: #cc0000; font-size:18px; line-height:18px; font-weight:normal; text-transform:uppercase; font-family: WWF, Arial, Helvetica, sans-serif;}
.pub-entry img{padding:5px; border:1px solid #dedede; float:left; margin-right:20px;}
.pub-detail{margin-top:50px;}

table.pub-tab{border:none;font-family: 'helvetica neue', Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#373737;}
table.pub-tab tr td{border-top:1px solid #efefef;}
table.pub-tab tr td.odd{ font-weight:bold; padding-left:10px; width:120px;}


#pub-list table.pub-tab tr td a.judul {float:right;width:80%;}
#pub-list td {border-top:1px solid #efefef; vertical-align:top; font-size: 12px; line-height:14px;}
#pub-list td a img { border:1px solid #efefef; padding :3px; width:10%; height:10%; margin-top:1px; float:left; margin-right:10px;}
#pub-list td a.judul {float:right;width:84%;}

div#adv-pub-search td {border-top:1px solid #efefef; padding:10px 0 10px 10px;}
div#adv-pub-search h2 {color: #373737; font-size:22px; line-height:18px; font-weight:normal; text-transform:uppercase; font-family: WWF, Arial, Helvetica, sans-serif;margin-bottom:10px;}

/* --search --*/

.pub-s-result {padding:10px 30px; font-size: 12px; margin-bottom:10px; width:80%; -moz-border-radius: 5px; border-radius: 5px; text-align:center; margin:0 auto;margin-bottom:40px; }

.pub-s-result.no{border:1px #EF999C solid; background-color: #FCCCCE}
.pub-s-result.yes{border:1px #99C4EF solid; background-color: #BDDCFC}