/*------------------------
 Style Page     
 Site: www.fe.unpad.ac.id
 Author:Zakaria
-------------------------*/

/* Accessibility Navigation */
#header .student-res {
	top: 20px;
	right: -2px; 
}
#header .student-res li.home { display:none; }
#header .student-res li.prefs { visibility:visible; }

/* Main photo */
#content { position:relative;}
#content .main-photo { position: absolute; left:17px; width: 639px; height: 309px; float: left; margin-bottom: 6px; overflow:hidden; }
#content .main-photo img { display: block; }
#content #selected-photo { position: absolute; left:17px; width: 639px; height: 309px; margin-bottom: 6px;}
#content #selected-photo img { display: block; }

/* Home accordion
#home-accordion { width: 309px; height: 309px; float: right; margin:0 16px 6px 0; background: url(../images/bg/home-accordion.gif) bottom no-repeat; overflow: hidden; } */
#home-accordion { width: 309px; height: 309px; margin:0 16px 6px 660px; background: url(../images/bg/home-accordion.gif) bottom no-repeat; overflow: hidden; }
#home-accordion .inner { padding: 0 2px; height: 188px; overflow: hidden; }

/* Home accordion - WIP */
#home-accordion .wip h2 { height: 38px; }
#home-accordion .wip h2 span { background-image:url(../images/text/wip.gif); cursor: pointer; }
#home-accordion .wip .inner { background: url(../images/bg/wip.gif) no-repeat; position: relative; }
#home-accordion .wip #slideshow { position: absolute; width: 305px; height: 188px; overflow: hidden; }
#home-accordion .wip #slideshow img { display: block; position: absolute; left: 0;	top: 0; width: 305px; height: 188px; }
#home-accordion .wip #slideshow .shadow { display: block; position: absolute; top: 0; left: 0; width: 305px; height: 14px; z-index: 99; background: url(../images/bg/wip-shadow.png) no-repeat; }
#home-accordion .wip .inner .more { position:absolute; top:165px; height: 18px; width:296px; padding: 5px 0 0 9px; background: #C5D4D0; margin: 0; font-size: 0.82em; text-transform: uppercase; z-index:99; }
#home-accordion .wip .inner a.go-to { float:left; text-decoration: none; color: #243995; padding-left: 8px; background: url(../images/bg/plus2.gif) left center no-repeat; }
#home-accordion .wip .inner a.submit { float:right; text-decoration: none; color: #243995; background:url(../images/icons/accordion-photo.png) 0px -15px no-repeat; padding: 0px 15px 0px 17px;}
#home-accordion .wip .inner a:hover.submit { background:url(../images/icons/accordion-photo.png) 0px 0px no-repeat;}

/* Home accordion - Events */
#home-accordion .events h2 { height: 40px; }
#home-accordion .events h2 span { background-image: url(../images/text/events.gif); cursor: pointer; }
#home-accordion .events .inner { background: url(../images/bg/events.gif) no-repeat; }
#home-accordion .events .inner ul { margin: 23px 0 13px 10px; width: 282px; height: 129px; overflow: auto; }
#home-accordion .events .inner li { padding-left: 8px; background: url(../images/bg/plus2.gif) 0 5px no-repeat; line-height: 1.27; margin-bottom: 3px; }
#home-accordion .events .inner li.eventheader { padding-left: 0px; background: none; line-height: 1.27; margin-top: 10px; color: #0D2C7C; font-weight:bold;}
#home-accordion .events .inner ul a { color: #454b49; text-decoration: none; }
#home-accordion .events .inner ul a:hover { color: #000604; text-decoration: none; }
#home-accordion .events .inner ul a strong { font-weight:normal; }
#home-accordion .events .inner .more { height: 18px; padding: 5px 0 0 9px; background: #C5D4D0; margin: 0; font-size: 0.82em; text-transform: uppercase; }
#home-accordion .events .inner a.go-to { float:left; text-decoration: none; color: #243995; padding-left: 8px; background: url(../images/bg/plus2.gif) left center no-repeat; }
#home-accordion .events .inner a.submit { float:right; text-decoration: none; color: #243995; background:url(../images/icons/accordion-event.png) 0px -15px no-repeat; padding: 0px 15px 0px 17px;}
#home-accordion .events .inner a:hover.submit { background:url(../images/icons/accordion-event.png) 0px 0px no-repeat;}
#home-accordion .events .inner a.search { float:right; text-decoration: none; color: #243995; background:url(../images/icons/accordion-event.png) 0px -15px no-repeat; padding: 0px 15px 0px 17px;}
#home-accordion .events .inner a:hover.search { background:url(../images/icons/accordion-event.png) 0px 0px no-repeat;}

/* Home accordion - News */
#home-accordion .news h2 { height: 40px; }
#home-accordion .news h2 span { background-image: url(../images/text/news.gif); cursor: pointer; }
#home-accordion .news .inner { background: url(../images/bg/news.gif) no-repeat; }
#home-accordion .news .inner .content { margin: 21px 0 17px 15px; width: 279px; height: 127px; color: #343A38; overflow: hidden; }
#home-accordion .news .inner .content h3 { font-size: 1em; line-height: 1.27; }
#home-accordion .news .inner .content p { line-height: 1.27; margin: 0; }
#home-accordion .news .inner img { float: right; margin-left: 8px; }
#home-accordion .news .inner ul { margin: 23px 0 13px 10px; width: 282px; height: 129px; overflow: auto; }
#home-accordion .news .inner li { padding-left: 8px; background: url(../images/bg/plus2.gif) 0 5px no-repeat; line-height: 1.27; margin-bottom: 3px; }
#home-accordion .news .inner ul a { color: #121917; text-decoration: none; }
#home-accordion .news .inner ul a:hover { color: #000604; text-decoration: none; }
#home-accordion .news .inner ul a strong { font-weight:normal; }
#home-accordion .news .inner .more { height: 18px; padding: 5px 0 0 9px; background: #C5D4D0 url(../images/bg/read-full-story.gif) no-repeat; font-size: 0.82em; text-transform: uppercase; width: 309px; margin: 0 -2px; }
#home-accordion .news .inner a.go-to { float:left; text-decoration: none; color: #243995; padding-left: 8px; background: url(../images/bg/plus2.gif) left center no-repeat; }
#home-accordion .news .inner a.submit { float:right; text-decoration: none; color: #243995; background:url(../images/icons/accordion-news.png) 0px -15px no-repeat; padding: 0px 15px 0px 17px;}
#home-accordion .news .inner a:hover.submit { background:url(../images/icons/accordion-news.png) 0px 0px no-repeat;}
#home-accordion .news .inner a.search { float:right; text-decoration: none; color: #243995; background:url(../images/icons/accordion-news.png) 0px -15px no-repeat; padding: 0px 25px 0px 17px;}
#home-accordion .news .inner a:hover.search { background:url(../images/icons/accordion-news.png) 0px 0px no-repeat;}

/* Expandable Home Boxes */
.expandable-box .inner { overflow: hidden; }
.expandable-box h2 { 
	line-height: 1.1; 
	margin-bottom: 6px;
	padding-bottom:3px;
	border-bottom:1px solid #F8961F; /*#DDDDDD;*/
}

.expandable-box h3 {
	color:#CC3300;
	line-height: 1.2; 
	margin-bottom: 6px;
	padding-bottom:3px;
	border-bottom:1px solid #F8961F;
}
.expandable-box a { text-decoration: none; color: #4a4a4a; }
.expandable-box a:hover { 
	color: #BB2200; 
}
.expandable-box .tab { clear: both; margin: 10px 0 0 0; height: 16px; }
.expandable-box .tab a { 
	display: block; 
	/*width: 106px;*/ 
	height: 16px; 
	text-align: center;
	width:50px;
	float:right;
	background-color:#FCDF70; /*#D6DDDD;*/
}
.expandable-box .tab a span { background-image: url(../images/bg/-toggle.gif); }
.az-index .tab a span { background-image: url(../images/bg/box3-toggle.gif); }

/* Featured Links */
.featured-links { 
	margin-bottom:10px;
	background:#FDFDFD url(../images/optsbg.gif) repeat;
	border-bottom:5px solid #FCDF70; /*#DDDDDD;*/
	border-top:1px solid #DBD8DA;
	border-left:1px solid #DBD8DA;
	border-right:1px solid #DBD8DA;
} 
.featured-links .inner { 
	padding: 15px 26px 5px 21px; 
	height: 132px; 
}
.featured-links2 { 
	margin:0 10px 5px 4px;
	padding:15px;
	font-size:13px;
	background-color:#F0EEE4;
	border-bottom:5px solid #FCDF70;
	border-top:5px solid #FCDF70;
	min-height:550px;
}
.featured-links2 ol, .featured-links2 ul{
	margin:10px 0 0 30px;
}
.featured-links2 ol li, .featured-links2 ul li{
	list-style: outside;
}

.featured-links2 img {
	background-color:#EEEEEE;
	border:1px solid #DEDEDE;
	float:left;
	font-style:italic;
	margin:16px 15px 5px 0;
	padding:3px;
	text-align:center;
}

.featured-links2 a {
	color:#BB2200;
}

ul#archive li {
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #F0EEE4;
	border-right:1px solid #F0EEE4;
	border-top:1px solid #F0EEE4;
	margin:0;
	padding:5px 5px 40px;
}

ul#archive li:hover {
	background:url(../images/background-gradasi.png) repeat-x;
}

ul#archive h7 a{
	margin-bottom:6px;
	font-size:13px;
	color:#0D2C7C;
	text-decoration:none;
}

ul#archive h7 a:hover{
	color:#BB2200;
}

ul#archive img {
	background-color:#EEEEEE;
	border:1px solid #DEDEDE;
	float:left;
	font-style:italic;
	margin:2px 5px 0 0;
	padding:3px;
	text-align:center;
}

.featured-links2 a:hover {
	color:#BB2200;
	text-decoration:underline;
}

.featured-links2 #textnav {
	margin:0px 0 10px 0;
	color:#0D2C7C;
	font-size:12px;
}

.featured-links2 #post {
	color:#B0AFAF;
	font-size:12px;
}

.featured-links3 { 
	border-bottom:5px solid #FCDF70;
	border-top:5px solid #FCDF70;
	margin:0 0 10px 8px;
	padding:15px;
	width:200px;
	background: #FCDF70 url(../images/bg-yellow.png.png) repeat;
} 

.featured-links3 a{
	font-size:12px;
}

.featured-links3 a:hover{
	color:#BB2200;
} 

.featured-links .tab { 
}
.featured-links .tab a { 
}
.featured-links .tab a span { background-image: url(../images/bg/box-toggle.gif); }
.featured-links h2 { margin-bottom: 8px; }
.featured-links ul { 
	float: left; 
	width: auto; 
}
.featured-links ul.first { margin-right: 6px; }
.featured-links li { 
	padding-left: 7px;
	line-height: 1.5; 
}
.featured-links li a{
	font-size:12px;
}
.featured-links li a:hover {
	color: #BB2200; 
}
.featured-links a {
	color: #4D4D4D; 
}

/* Campaign Links */
.campaign { margin: 5px 0 0 0; } 
.campaign .inner { padding: 12px 26px 0 21px; height: 48px; }
.campaign .tab { }
.campaign .tab a { margin-left: 90px; }
.campaign .tab a span {  }
.campaign h2 { margin-bottom: 8px; }
.campaign p { margin: 0; }
.campaign img { margin: 0 0 0 18px; }
.campaign ul { float: left; width: 232px; margin-top:0; }
.campaign li { padding-left: 7px; line-height: 1.1; }
.campaign a { color: #4D4D4D; }

/* Today News / Events */
.uva-today { } 
.uva-today .inner { padding: 15px 15px 0 23px; height: 205px; }
.uva-today .tab { margin-top: 3px; }
.uva-today .tab a { margin-left: 77px; }
.uva-today h2 a { color: #0D2C7C; padding-right: 18px; }
.uva-today li { padding-left: 8px; line-height: 1.1; margin-bottom: 7px; }
.uva-today li.podcast { margin-left: -2px; padding-left: 10px; }
.uva-today ul { min-height:175px;}

/* Feature Area */
.interest { 
	height:259px; 
	overflow:hidden; 
} 
.interest .inner { 
}
.interest .tab { 
}
.interest h2 { 
	color:#bb2200; 
	margin: 10px 0 8px 0;  
}
.interest h2 a { color:#bb2200; }
.interest li.podcast { margin-left: -2px; padding-left: 10px; }
.interest p { margin:0 0 -3px 0; }
.interest .feature { background:#cc3300; height:193px; width:304px; overflow:hidden; margin-left:1px;}
.interest .feature .text {
	width:90px; 
	float:left; 
	padding-top:10px;
}
.interest .feature .text h3, .interest .feature .text p {margin:10px 10px 10px 20px; color:#FFF; line-height:13px;}
.interest .feature .text p.more a {
	color:#ffeebb; 
	font-size:9px; 
	text-transform:uppercase; 
	padding: 0 0 0 8px; 
}
.interest .feature .text h3 {
	font-weight:normal;
}
.interest .feature .video {background:#000000; width:304px; float:left; padding-top:0px; text-align:center;}
.interest .feature .youtube {background:#cc3300; width:304px; float:left; padding-top:4px; text-align:center;}
.interest .feature .image {
	width:210px; 
	margin-left:-1px; 
	float:right; 
}
.interest ul, #interest-links {margin:0; padding:2px 10px 0 10px;}
.interest li, #interest-links a {margin:2px 3px 0 3px; float:left; display:inline; line-height: 1.1;}
.interest li, .interest li a, #interest-links a {background:none; color:#cc3300; font-size:11px; padding:1px 3px;}
.interest li a.on, .interest li a.selected, #interest-links a.activeSlide { background:#cc3300; color:#fff;}
#interest-buttons {float:right;}
#interest-links {float:left;}
#interest-buttons a {color:#cc3300; margin:2px 0 0 0; padding:2px 10px 0 10px;}
#interest-buttons, #interest-links {padding:2px 5px 0 5px; height:17px;}
.feature-holder {background:transparent !important;}

.headlines {
	background:url(../images/bgfeature.jpg) repeat-x scroll 0 0;
	color:#FFF;
	font-size:12px;
	padding:10px;
	margin:0 0 20px 0;
	height:80px;
}

/* A-Z Website Index */
.az-index { 
	margin:0px;
	padding:0px;
} 
.az-index .inner { 
	padding:10px 16px 0 16px;
	font-size:12px;
	background:#fcdf70;
	width:256px;
	margin: 10px 0 0 2px;
	border-bottom:5px solid #A78061; /*#4D1B05;*/
	border-top:5px solid #A78061; /*#DDDDDD*/
	height:524px;
}
.az-index .tab { margin-top: 3px; }
.az-index .tab a { margin-left: 105px; }
.az-index h2 a { color: #0D2C7C; }
.az-index h2.search {float:left; margin:0; padding:0; width:90px;}
.az-index p.type {float:left; margin-top:2px; width:175px;}
.az-index form p { margin: 0 0 3px 0; }
.az-index form input { margin: 0 4px 0 0; vertical-align: top; }
.az-index input.text { color: #6F6F6F; border: solid 1px #d6dddd; width: 250px; padding: 1px 6px; margin-right: 1px; }
.az-index li { 
	padding: 2px 0px; 
	line-height: 1;
	margin-bottom:2px;}
.az-index li.first { border-top: none; }

#az-index-results { min-height: 120px;}

/* Text Version */
#audience-nav-alt {visibility:hidden; height:0 !important; margin:0 !important; padding:0 !important; position:absolute; left:-9999px; top:-9999px;}