@charset "utf-8";
/* CSS Fonts */
@font-face {
font-family:'Interstate';
src:url('../fonts/interstate-regular-webfont.eot');
src:url('../fonts/interstate-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/interstate-regular-webfont.woff') format('woff'),
url('../fonts/interstate-regular-webfont.ttf') format('truetype'),
url('../fonts/interstate-regular-webfont.svg#Interstate') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Interstate';
src:url('../fonts/interstate-bold-webfont.eot');
src:url('../fonts/interstate-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/interstate-bold-webfont.woff') format('woff'),
url('../fonts/interstate-bold-webfont.ttf') format('truetype'),
url('../fonts/interstate-bold-webfont.svg#Interstate') format('svg');
font-weight:bold;
font-style:normal;
}
@font-face {
font-family:'Interstate';
src:url('../fonts/interstate-light-webfont.eot');
src:url('../fonts/interstate-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/interstate-light-webfont.woff') format('woff'),
url('../fonts/interstate-light-webfont.ttf') format('truetype'),
url('../fonts/interstate-light-webfont.svg#InterstateLightRegular') format('svg');
font-weight:lighter;
font-style:normal;
}
@font-face {
font-family:'DroidSerif';
src:url('../fonts/droidserif-regular-webfont.eot');
src:url('../fonts/droidserif-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/droidserif-regular-webfont.woff') format('woff'),
url('../fonts/droidserif-regular-webfont.ttf') format('truetype'),
url('../fonts/droidserif-regular-webfont.svg#DroidSerif') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'DroidSansRegular';
src:url('../fonts/DroidSans-webfont.eot');
src:url('../fonts/DroidSans-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans-webfont.woff') format('woff'),
url('../fonts/DroidSans-webfont.ttf') format('truetype'),
url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'DroidSansBold';
src:url('../fonts/DroidSans-Bold-webfont.eot');
src:url('../fonts/DroidSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
font-weight:bold;
font-style:normal;
}
/* CSS Document */
ul, li, ol, div {
padding:0;
margin:0;
}
html {
height:100%;
}
body {
background:url(../images/background.png) repeat;
font-family:Interstate;
font-size: 10px;
height:100%;
margin:0;
}
img {
border:0;
}
h2 {
font-size: 24px;
font-family: Interstate, Arial, sans;
font-weight: normal;
text-align: center;
}
h3 {
font-size: 20px;
font-family: Interstate, Arial, sans;
font-weight: normal;
text-align: center;
}
textarea {
resize: none;
}
ul ul,
ol ul {
margin: 0 0 0 20px;
}
#mainpage {
background:white;
min-height:500px;
margin:0 auto;
width:980px;
}
#subpage {
background:white;
padding:10px;
}
#titlebar {
background:#125580 url(../images/title-bg.png) no-repeat top left;
height:85px;
}
/* CSS Menu Bar */
#menubar {
background:#125580 url(../images/nav-bg.png) repeat-x top left;
height:33px;
width:960px;
z-index:99;
border-top:thin #FFFFFF solid;
border-bottom:thin #FFFFFF solid;
}
#menubar ul {
list-style:none;
padding:0;
margin:0;
}
#menubar li {
border-right:1px solid #125580;
float:left;
height:33px;
color:#fff;
font-size:12px;
font-weight:bold;
}
#menubar li:first-child {
border-left:none;
border-right:none;
background:url(../images/headmenubar.png) repeat-x;
}
#menubar li a {
color: #fff;
}
#menubar li a.headmenubar {
background: url(../images/menu_arrow_right.png) no-repeat top right;
padding-right:20px;
color:#000000;
}
img.menu_arrow_right {
position:relative;
top:12px;
left:2px;
}
#menubar li a {
display: block;
padding:9px 10px 10px 10px;
}
a:link, a:visited {
color:#333;
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
/* CSS Head Content */
#headcontent {
width:960px;
/*height:365px;*/
height:322px;
position: relative;
background:#fff;
}
#clearheadcontent {
height:46px;
background:#fff;
color: white;
}
#clearheadcontent h3 {
padding: 10px;
}
#headertabbedcontent {
width:245px;
height:319px;
background:#fff;
float:left;
}
#headertabmenubar {
position:absolute;
/*top:45px;*/
left:-23px;
height:44px;
width:268px;
z-index:100;
}
.headertabmenu {
position:relative;
left:4px;
}
.headertabmenu li {
background:url(../images/header-tab-menu-body-inactive.png) no-repeat;
float:left;
list-style:none;
width:135px;
height:50px;
margin-top:-2px;
margin-left:-6px;
font-size:13px;
text-align: center;
}
.headertabmenu li.current:first-child {
background:url(../images/header-tab-menu-head-active.png) no-repeat;
}
.headertabmenu li.current:first-child .headertabmenulinehidder {
background:url(../images/header-tab-menu-line-hidder.png);
}
.headertabmenu li.current {
background:url(../images/header-tab-menu-body-active.png) repeat;
}
.headertabmenu li.current .headertabmenulinehidder {
background:url(../images/header-tab-menu-line-hidder.png) repeat;
}
.headertabmenu li span {
color: #fff;
cursor: pointer;
position:relative;
top:18px;
left:4px;
padding:10px 13.5px;
padding-top:15px;
padding-bottom:14px;
}
.headertabmenu li:first-child span {
left:3px;
padding:10px 20px;
padding-top:15px;
padding-bottom:14px;
}
.headertabmenu li:last-child span {
padding:10px 15.5px;
padding-top:15px;
padding-bottom:14px;
}
.headertabmenu li:first-child {
background:url(../images/header-tab-menu-head-inactive.png) no-repeat;
width:135px;
}
.headertabmenulinehidder {
position:relative;
top:25px;
width:123px;
height:15px;
padding-left:5px;
padding-right:5px;
left:1px;
}
#maincontent {
padding: 0 10px 40px 10px;
}
.bannerform {
padding: 15px 0 0 0;
}
#headertabmenulinehidderfirst {
left:3px;
width:121px;
height:10px;
}
#headertabcontent {
position:absolute;
/*top:89px;*/
top:45px;
left:-24px;
background:url(../images/header-tabbed-panel.png) no-repeat;
height:290px;
width:270px;
}
#headertabbedcontentshadow {
position:absolute;
top:0px;
left:-24px;
z-index:150;
}
#headertabbedcontenthalfcircle {
position:absolute;
top:321px;
left:-24px;
}
#imageslider {
width:715px;
/*height:319px;*/
height:322px;
background:#fff;
float:right;
}
#imageslider #slider {
width:715px;
/*height:319px;*/
height:322px;
overflow:hidden;
}
#slider li {
/*height:319px;*/
height:322px;
width: 715px;
}
#slider img{
height: 100%;
}
.slidedescription {
position:relative;
top:-322px;
left:475px;
width:205px;
/*height:319px;*/
height:322px;
background:#000000;
background-color:rgba(0, 0, 0, 0.0);
color:#FFFFFF;
z-index:100;
display:none;
}
.slidedescriptiontextbox {
position:relative;
top:125px;
line-height:20px;
}
.slidedescriptiontexttop {
font-size:16px;
}
.slidedescriptiontextbottom {
font-size:24px;
font-family:Georgia, 'Times New Roman', Times, serif;
}
.slidedescriptiontextexpander {
font-size:10px;
}
.slidedescriptiontextexpander #slidedescriptiontextexpanderbutton {
position:relative;
top:3px;
}
#slidenav {
position:relative;
top:-45px;
height:45px;
width:715px;
background:#000000;
background-color:rgba(0, 0, 0, 0.5);
z-index:150;
display:none;
}
#slidenav ul {
position:relative;
top:17px;
margin-left:300px;
}
#slidenav ul li {
float:left;
list-style:none;
margin-left:5px;
}
#slidenav ul li .slidenavbutton {
cursor: pointer;
width:10px;
height:10px;
background:url(../images/image-slider-button-inactive.png) no-repeat;
}
#slidenav ul li .current {
background:url(../images/image-slider-button-active.png) no-repeat;
}
#slidenav ul li :hover .slidenavbutton {
background:url(../images/image-slider-button-active.png) no-repeat;
}
#imageslider:hover #slidenav, #imageslider:hover .slidedescription {
display:block;
}
#slidenav #slidenavbuttonleft {
float:left;
margin:5px 15px;
cursor:pointer;
}
#slidenav #slidenavbuttonright {
float:right;
margin:5px 15px;
cursor:pointer;
}
/* CSS Service */
#services {
position:relative;
height:239px;
border-top:thin #CCCCCC solid;
border-bottom:thin #CCCCCC solid;
padding-left: 10px;
z-index:200;
}
#services .servicesbox {
float:left;
width:239px;
height:239px;
border-right:thin #CCCCCC solid;
color:#135581;
font-size:25px;
text-align: center;
}
#services .servicesbox:last-child {
border-right:none;
}
#services .servicesbox.last-child {
border-right: none;
}
#services .servicesbox .imagebutton {
background:url(../images/services-inactive-bg.png);
margin: 15px auto 0;
height:81px;
width:81px;
}
#services .servicesbox .imagebutton img {
margin-top:15px;
}
#selectprogram {
border:thin #CCCCCC solid;
color:#000000;
font-size:13px;
position:relative;
width:205px;
padding-top:12px;
padding-bottom:12px;
margin: -53px auto 0 auto;
}
.servicesexplanationtitle {
position:relative;
top:18px;
}
.servicesexplanationtop {
position:relative;
margin-top:10px;
color:#000000;
font-size:13px;
}
.servicesexplanationbottom {
position:relative;
margin-top:-10px;
color:#000000;
font-size:13px;
}
#services .servicesbox:hover {
cursor:pointer;
}
#services .servicesbox:hover .imagebutton {
background:url(../images/services-active-bg.png);
}
#services .servicesbox:active .imagebutton {
background:url(../images/services-active-bg.png);
}
.activeservices {
position:relative;
top:-150px;
display:none;
}
.popupbox {
width:240px;
height:318px;
background:url(../images/popup-frame.png) no-repeat;
}
.popupbox a:hover {
text-decoration: none;
}
.smallactiveservices {
position:relative;
top:-30px;
display:none;
}
.popupbox.smallpopupbox {
width: 240px;
height: 200px;
background: url("../images/popup-frame-small.png") no-repeat;
}
.popupbox .onlineconsultationbox {
position:relative;
text-align: center;
top:20px;
}
.popupbox .onlineconsultationbox .onlineconsultation {
margin-left:15px;
margin-right:15px;
border-bottom:thin #FFFFFF solid;
font-size:13px;
}
.popupbox .onlineconsultationbox .onlineconsultation:first-child {
padding-top:13.8px;
padding-bottom:13.8px;
padding-left:10px;
padding-right:10px;
}
.popupbox .onlineconsultationbox .onlineconsultation a {
padding-top:13.8px;
padding-bottom:13.8px;
padding-left:10px;
padding-right:10px;
display:block;
background:#CCCCCC;
color:#333333;
}
.popupbox .onlineconsultationbox .onlineconsultation a:hover {
background:#F6F6F6;
color:#FF9900;
}
.popupbox .onlineconsultationbox .onlineconsultation:first-child {
background:#135581;
font-size:15px;
color:#FFFFFF;
}
.popupbox .onlineconsultationbox .onlineconsultation:last-child {
border-bottom:none;
}
.popupbox .sendmessagebox {
position:relative;
top:20px;
margin-left:20px;
margin-right:20px;
background:#CCCCCC;
font-size:16px;
}
.popupbox .sendmessagetitle {
color:#FFFFFF;
}
.popupbox .sendmessagetextbox {
width:160px;
height:35px;
padding-left:12px;
padding-right:12px;
border:none;
font-family:DroidSerif;
font-size:13px;
color:#DFDFDF;
}
.popupbox .sendmessagetextbox:focus {
color:#333333;
}
.popupbox .sendmessagetextarea {
width:160px;
height:70px;
padding-top:10px;
padding-left:12px;
padding-right:12px;
border:none;
font-family:DroidSerif;
font-size:13px;
color:#DFDFDF;
}
.popupbox .sendmessagetextarea:focus {
color:#333333;
}
/* CSS Program List */
#mainprogramlist {
background:#F6F6F6;
height:90px;
margin-top:1px;
margin-bottom:1px;
}
#mainprogramlist ul {
position:relative;
top:28px;
left:125px;
}
#mainprogramlist ul li {
list-style:none;
float:left;
padding-left:10px;
padding-right:10px;
}
#mainprogramlist ul li a .program {
width:126px;
height:126px;
}
#mainprogramlist ul li a .undergraduateprogram {
background:url(../images/under-graduate-program-inactive.png) no-repeat;
}
#mainprogramlist ul li a .undergraduateprogramintl {
background:url(../images/under-graduate-program-intl-inactive.png) no-repeat;
}
#mainprogramlist ul li a .binusonlinelearning {
background:url(../images/binus-online-learning-inactive.png) no-repeat;
}
#mainprogramlist ul li a .binusbusinessschool {
background:url(../images/binus-business-school-inactive.png) no-repeat;
}
#mainprogramlist ul li a .graduateprogram {
background:url(../images/graduate-program-inactive.png) no-repeat;
}
#mainprogramlist ul li a:hover .undergraduateprogram {
background:url(../images/under-graduate-program-active.png) no-repeat;
}
#mainprogramlist ul li a:hover .undergraduateprogramintl {
background:url(../images/under-graduate-program-intl-active.png) no-repeat;
}
#mainprogramlist ul li a:hover .binusonlinelearning {
background:url(../images/binus-online-learning-active.png) no-repeat;
}
#mainprogramlist ul li a:hover .binusbusinessschool {
background:url(../images/binus-business-school-active.png) no-repeat;
}
#mainprogramlist ul li a:hover .graduateprogram {
background:url(../images/graduate-program-active.png) no-repeat;
}
#mainprogramlist ul li a .undergraduateprogram.disabledprogram {
background:url(../images/under-graduate-program-disabled.png) no-repeat;
}
#mainprogramlist ul li a .undergraduateprogramintl.disabledprogram {
background:url(../images/under-graduate-program-intl-disabled.png) no-repeat;
}
#mainprogramlist ul li a .binusonlinelearning.disabledprogram {
background:url(../images/binus-online-learning-disabled.png) no-repeat;
}
#mainprogramlist ul li a .binusbusinessschool.disabledprogram {
background:url(../images/binus-business-school-disabled.png) no-repeat;
}
#mainprogramlist ul li a .graduateprogram.disabledprogram {
background:url(../images/graduate-program-disabled.png) no-repeat;
}
#clearprogramlist {
background:#FFFFFF;
font-size: 14px;
height:90px;
border-top:thin #CCCCCC solid;
}
/* CSS Schedule and Announcement */
#scheduleandannouncement {
border-bottom:1px #ccc solid;
}
#scheduleandannouncement .two-column {
float:left;
width:429px;
border-right:1px #ccc solid;
padding:0 30px;
}
#scheduleandannouncement .two-column.last-child {
border-right:none;
border-left: 1px solid #ccc;
padding: 0 20px 50px 30px;
margin-left: -1px;
position: relative;
}
#scheduleandannouncement .two-column ul {
font-family: DroidSerif, Georgia, 'Times new roman', serif;
margin-left:28px;
}
#scheduleandannouncement .two-column ul li.schedulelist {
list-style:none;
padding-top:20px;
padding-bottom:20px;
border-bottom:thin #CCCCCC solid;
min-height: 80px;
}
#scheduleandannouncement .two-column ul li:last-child {
border-bottom:none;
}
#scheduleandannouncement .two-column ul li ul {
margin-left:100px;
border:thin #CCCCCC solid;
}
#scheduleandannouncement .two-column ul li ul li:first-child {
background:#F6F6F6;
}
#scheduleandannouncement .two-column ul li ul li {
list-style:none;
border-bottom:thin #CCCCCC solid;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
font-size:14px;
}
.scheduleimg {
float: left;
margin: 10px 0 0 0;
}
.schedulelabel {
width:5px;
height:65px;
border:thin #CCCCCC solid;
float:right;
margin-right:-3px;
margin-top: 5px;
}
#labelundergraduateprogram {
background:#135581;
}
#labelundergraduateprogramintl {
background:#ef3239;
}
#labelbinusonlinelearning {
background:#5cc5ed;
}
#labelbinusbusinessschool {
background:#006bb9;
}
#labelgraduateprogram {
background:#ffc702;
}
/* CSS Article Information */
#scheduleandannouncement ul.articleinformation {
overflow: auto;
margin: 0 auto 40px auto;
width: 350px;
}
.articleinformation {
margin: 0 auto 50px;
overflow: auto;
width:350px;
}
.articleinformation li {
background:#666666;
color:#FFFFFF;
list-style:none;
float:left;
font-family: Interstate, Arial, sans;
font-size:10px;
border-right:thin #FFFFFF solid;
padding-left:10px;
padding-right:10px;
text-align: center;
text-transform: uppercase;
width: 95px;
}
.articleinformation li:last-child {
border-right:none;
}
/* CSS Article Expander */
#scheduleandannouncement ul.articleexpander {
margin: 0 auto;
}
.articleexpander li {
background:#666666;
color:#FFFFFF;
list-style:none;
float:right;
font-family: Interstate, Arial, sans;
font-size:10px;
border-left:thin #FFFFFF solid;
padding:1px 5px;
}
.articleexpander li:last-child {
border-left:none;
}
.articleexpander li:hover {
cursor:pointer;
}
/* CSS Page Expander */
.pageexpander {
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -75px;
text-align: center;
width: 150px;
z-index: 99;
}
.pageexpander a {
display: inline-block;
}
.pageexpander span {
background:#CCCCCC;
color:#FFFFFF;
float:left;
font-family: Interstate, Arial, sans;
font-size:10px;
border-right:thin #FFFFFF solid;
padding:1px 5px;
}
.pageexpander span.right {
border-right:none;
}
.pageexpander:hover {
cursor:pointer;
}
/* CSS Events */
#events {
height:290px;
border-bottom:thin #CCCCCC solid;
padding:50px 30px;
position: relative;
}
#eventsimageslider {
width:790px;
height:182px;
overflow:hidden;
}
.smallimageslider {
float:left;
margin-top:35px;
}
.smallimageslider .smallslidenav li {
list-style:none;
float:left;
padding-left:11.6px;
padding-right:11.6px;
}
.smallslidenavarrow {
margin-top:23px;
margin-bottom:94px;
}
.smallslidenavarrow:hover {
cursor:pointer;
}
.smallimageslidename {
width:200px;
margin-left:20px;
color:#135581;
font-size:18px;
}
/* CSS News */
#news {
height:850px;
border-bottom:thin #CCCCCC solid;
padding:50px 20px;
position: relative;
}
.newsimagewrapper {
margin: 40px 0;
}
/* CSS Testimonials */
#testimonials {
border-bottom:thin #CCCCCC solid;
padding:50px 30px;
position: relative;
}
#testimonialsimageslider {
margin: 0 auto;
width:790px;
overflow: hidden;
}
.bigimageslider {
margin-top:35px;
}
.bigimageslider .bigslidenav li {
list-style:none;
padding-left:11px;
padding-right:11px;
width: 768px;
}
.testimonialleft {
position: absolute;
left: 20px;
margin-top: 210px;
}
.testimonialright {
position: absolute;
right: 20px;
margin-top: 210px;
}
.bigslidenavarrow:hover {
cursor:pointer;
}
.bigimageslidename {
width:650px;
margin-left:50px;
color:#000000;
font-size:16px;
font-family: DroidSerif, Georgia, serif;
font-style: italic;
}
.imagetestimonialsname {
font-size:11px;
margin-top:32px;
}
.imagetestimonialssubname {
font-size:10px;
margin-top:-8px;
}
/* CSS Clear Page */
#clearpage {
background:#F6F6F6;
height:90px;
margin-top:1px;
}
/* CSS Titles */
.title {
font-size:28px;
margin-top:1px;
color:#135581;
}
.subtitle {
font-size:25px;
line-height:25px;
color:#135581;
}
.intro {
background:#CCCCCC;
font-size:13px;
line-height:20px;
padding-left:10px;
padding-right:10px;
}
/* CSS Articles */
.article {
font-size:14px;
font-family: DroidSerif, Georgia, 'Times new roman', serif;
line-height:20px;
text-align: justify;
}
/* CSS Footer */
.footer {
color: #fff;
font-family: DroidSerif, 'times new roman', serif;
font-size: 12px;
height:265px;
background:#333333;
}
.footer.addresslist {
height: 240px;
}
.footer.addresslist .footerbox{
border: none;
height: 180px;
}
.footer .footerbox {
float:left;
width:285px;
height:255px;
border-right:1px #fff dotted;
border-bottom:1px #fff dotted;
padding:25px 20px 10px 20px;
}
.footer .footerbox:last-child {
border-right:none;
}
.footer .footerbox.last-child {
border-right: none;
}
.minifootertitle {
color:#FFFFFF;
font-family: Interstate, Arial, sans-serif;
font-size:14px;
}
.bigfootertitle {
color:#FFFFFF;
font-family: Interstate, Arial, sans-serif;
font-size:24px;
margin-top:-15px;
}
.footerintrotop {
color:#FFFFFF;
font-size:13px;
font-family: DroidSerif, Georgia, serif;
margin-top:-5px;
}
#emailaddress {
float:left;
width:275px;
}
#txtEmailAddress {
margin-top:3px;
background:#666666;
border:0;
float:left;
height:38px;
width:211px;
margin:0;
color:#FFFFFF;
padding:1px 12px;
}
#btnSendEmailAddress {
background:#CCCCCC;
width:40px;
height:40px;
float:right;
margin:0;
background-image:url(../images/pesawat.png);
cursor:pointer;
}
.footer .footerbox .address {
font-family: DroidSerif, Georgia, serif;
padding-right:10px;
}
.footer .footerbox .footerpost {
border-left:1px solid #fff;
float: right;
padding-left:10px;
}
#footerowner {
border-top:1px #FFFFFF dotted;
color:#FFFFFF;
height:105px;
padding-top:25px;
background:#333333;
text-align: center;
}
#footercopyright {
height:30px;
background:#F6F6F6;
text-align: center;
}
#footercopyright p {
margin:0;
color:#666666;
font-size:10px;
padding-top:5px;
}
#footersocial {
list-style: none;
width: 260px;
margin: 0 auto;
}
#footersocial li {
float: left;
margin-right: 10px;
height: 40px;
width: 39px;
}
#footersocial a {
display: block;
height: 40px;
opacity: 0;
width: 39px;
}
#soctwitter { background: url("../images/sprite-global.png") repeat scroll -40px 0 transparent; margin-left: 10px; }
#socfacebook { background: url("../images/sprite-global.png") repeat scroll -80px 0 transparent; }
#socgoogle { background: url("../images/sprite-global.png") repeat scroll -120px 0 transparent; }
#socyoutube { background: url("../images/sprite-global.png") repeat scroll -160px 0 transparent; }
#socblogger { background: url("../images/sprite-global.png") repeat scroll -200px 0 transparent; }
#soctwitter a{ background: url("../images/sprite-global.png") repeat scroll -40px -40px transparent; }
#socfacebook a{ background: url("../images/sprite-global.png") repeat scroll -80px -40px transparent; }
#socgoogle a{ background: url("../images/sprite-global.png") repeat scroll -120px -40px transparent; }
#socyoutube a{ background: url("../images/sprite-global.png") repeat scroll -160px -40px transparent; }
#socblogger a{ background: url("../images/sprite-global.png") repeat scroll -200px -40px transparent; }
/* CSS Program Menu */
.bannerprogrammenu {
height:142px;
margin-top:10px;
}
.bannerundergraduateprogram {
background:#135581;
}
.bannerundergraduateprogramintl {
background:#ef3239;
}
.bannerbinusonlinelearning {
background:#5cc5ed;
}
.bannerbinusbusinessschool {
background:#006bb9;
}
.bannergraduateprogram {
background:#ffc702;
}
.bannerprogrammenu ul li {
list-style:none;
float:left;
padding-left:30px;
padding-right:30px;
}
.bannerprogrammenu ul li .menubox .menuimagebutton {
width:85px;
height:85px;
background:url(../images/inactive-program-menu.png);
}
.bannerprogrammenu ul li .menubox .menudescription {
font-size:11px;
margin-top:5px;
color:#FFFFFF;
}
.bannerprogrammenu ul li:hover .menubox .menuimagebutton {
background:url(../images/active-program-menu.png);
}
.bannerprogrammenu ul li .menubox .currentselectedprogrammenu {
background:url(../images/active-program-menu.png);
}
#switchprogrammenu {
margin-top:-110px;
margin-left:170px;
}
.bannerlogo {
margin-top:8px;
margin-left:10px;
cursor:pointer;
}
/* CSS Alur Pendaftaran */
#alurpendaftaran.statusdaftar {
left:5px;
width:775px;
}
#alurpendaftaran.statusdaftar9 {
position: absolute;
left: 65px;
top: 20px;
width: 700px;
}
.alurpendaftaranroute {
background: url('../images/alur-pendaftaran-route-9.png') top left no-repeat;
position:absolute;
height: 25px;
width: 580px;
top:45px;
left:125px;
z-index:2;
}
.alurpendaftaranroutestatusdaftar {
left:2px;
z-index:2;
}
.alurpendaftaranback {
position:absolute;
top:100px;
left:105px;
}
.alurpendaftarannextprev {
height:70px;
margin-top:25px;
border-top:thin #CCCCCC solid;
}
.prev {
margin-top:18px;
margin-left:50px;
float:left;
}
.next {
margin-top:18px;
margin-right:50px;
float:right;
}
.btnprev {
width:200px;
height:35px;
background:url(../images/ke-tahap-sebelumnya-inactive.png) no-repeat left #FFFFFF;
}
.btnnext {
width:200px;
height:35px;
background:url(../images/ke-tahap-selanjutnya-inactive.png) no-repeat right #FFFFFF;
}
.prev a:hover .btnprev {
background:url(../images/ke-tahap-sebelumnya-active.png) no-repeat left #FFFFFF;
}
.next a:hover .btnnext {
background:url(../images/ke-tahap-selanjutnya-active.png) no-repeat right #FFFFFF;
}
.btnprevtext {
width:160px;
color:#444446;
font-size:16px;
float:right;
}
.btnnexttext {
width:160px;
color:#444446;
font-size:16px;
float:left;
}
.prev a:hover .btnprevtext {
color:#ffdb20;
text-decoration: none;
}
.next a:hover .btnnexttext {
color:#ffdb20;
text-decoration: none;
}
.alurpendaftarantidaklulus {
color:#CCCCCC;
font-size:10px;
position: absolute;
top: 170px;
left: 230px;
}
#alurpendaftaran li {
float:left;
list-style:none;
padding:1px;
}
#alurpendaftaran li .activetahappendaftaran {
width:75px;
height:75px;
z-index:1;
}
#alurpendaftaran li .inactivetahappendaftaran {
width:75px;
height:75px;
z-index:1;
}
#alurpendaftaran li .alurpendaftarandescription {
width:189px;
height:115px;
background:url(../images/alur-pendaftaran-popup.png);
position:absolute;
display:none;
top:-110px;
text-align: center;
z-index:5;
}
#alurpendaftaran li .alurpendaftarandescriptiontext {
margin-top:33px;
margin-left:20px;
margin-right:20px;
font-size:13px;
color:#FFFFFF;
}
#alurpendaftaran li .alurpendaftarandescriptiontextstatusdaftar {
font-weight:normal;
line-height: 16px;
}
#alurpendaftaran li:hover .alurpendaftarandescription {
display:block;
}
#alurpendaftaran li:hover .activetahappendaftaran {
background:url(../images/alur-pendaftaran-active.png);
cursor:pointer;
}
#alurpendaftaran li .currentswitchactivetahappendaftaran {
background:url(../images/alur-pendaftaran-active.png);
}
#alurpendaftaran li:hover .inactivetahappendaftaran {
background:none;
}
#alurpendaftaran .activetahappendaftaran .activetahappendaftaranimage {
position:relative;
top:-3px;
left:-3px;
z-index:3;
}
#alurpendaftaran .inactivetahappendaftaran .inactivetahappendaftaranimage {
position:relative;
top:-3px;
left:-3px;
z-index:3;
}
.registrationstep {
background: url('../images/alur-pendaftaran-rail.png') top center no-repeat;
height: 100px;
margin: 10px auto;
position: relative;
}
.registrationstep.nohat {
background: none;
margin: 0;
}
/* CSS Prosedur */
.prosedurlist {
margin-left:20px;
font-size:13px;
}
.prosedurnote {
font-size:13px;
}
/* CSS Detail Program */
.detailprogrambox .detailprogramlist {
border-bottom:thin #CCCCCC solid;
padding:10px;
}
.detailprogrambox .detailprogramlist:last-child {
border-bottom:none;
}
/* CSS Program */
.programbox {
line-height:10px;
}
.programbox .programlist {
margin:25px;
}
.programbox .programlist .major {
font-weight:normal;
}
.programbox .programlist .undergraduatemajor {
color:#135581;
}
.programbox .programlist .undergraduateintlmajor {
color:#ef3239;
}
.programbox .programlist .binusonlinelearningmajor {
color:#5cc5ed;
}
.programbox .programlist .binusbusinessschoolmajor {
color:#006bb9;
}
.programbox .programlist .graduateprogrammajor {
color:#ffc702;
}
.programbox .programlist p {
font-size:15px;
}
.programbox .programlist p a {
color:#000000;
}
.programbox .programlist p a:hover {
color:#FF9900;
}
/* CSS Online Registration */
#onlineregistrationmenubar {
height:60px;
margin:0;
background:#F6F6F6;
}
#onlineregistrationmenubar ul li {
list-style:none;
float:left;
font-size:13px;
border-right:thin #999999 solid;
margin-top:22px;
margin-bottom:22px;
padding-left:10px;
padding-right:10px;
}
#onlineregistrationmenubar ul li:first-child {
padding-left:25px;
}
#onlineregistrationmenubar ul li a {
color:#999999;
}
#onlineregistrationmenubar ul li a:hover {
color:#FF9900;
}
#onlineregistrationmenubar ul li a.current {
color:#FF9900;
}
#onlineregistrationprofile {
float:right;
cursor:pointer;
height:60px
}
#onlineregistrationprofile .profile {
float:right;
border:none;
padding-left:5px;
padding-right:5px;
}
#onlineregistrationprofile .profile > #profilername {
color:#135581;
text-transform:uppercase;
}
#onlineregistrationprofile .profile:first-child {
padding-right:15px;
}
#onlineregistrationprofile .profile #profileimage {
margin-top:-18px;
margin-right:-20px;
}
.profiler {
position:absolute;
margin-left:-110px;
width:187px;
height:159px;
background:url(../images/profile-popup.png) no-repeat;
z-index:500;
display:none;
}
.profiler .profilerbox {
position:relative;
top:35px;
}
.profiler .profilerbox .profilerlist {
margin-left:20px;
margin-right:20px;
border-bottom:thin #FFFFFF solid;
}
.profiler .profilerbox .profilerlist a.profilerlink {
background:#CCCCCC;
padding:10px;
display:block;
color:#666666;
}
.profiler .profilerbox .profilerlist a.profilerlink:hover {
background:#F6F6F6;
color:#FF9900;
}
.profiler .profilerbox .profilerlist:last-child {
border-bottom:none;
}
/* CSS Profile */
.profilepage {
padding: 10px;
overflow: auto;
width: 960px;
}
.profile-photo {
float: left;
margin-left: 50px;
width:230px;
}
.profile-menu div,
.profile-photo div {
border: 1px solid #ddd;
padding: 2px;
text-align: center;
width: 206px;
}
.profile-photo div a,
.profile-menu div a {
display: block;
font-size: 14px;
padding: 5px 10px;
}
.profile-photo div a:hover,
.profile-menu div a:hover {
background: #ddd;
}
.profile-menu div a {
background: #eee;
height: 36px;
line-height: 36px;
}
.photobox {
font-size:14px;
padding: 0;
}
.profile-photo .photobox a {
padding: 0;
}
.profile-menu {
float: right;
margin-right: 50px;
}
.profile-info {
margin: 0 auto 0 auto;
width: 360px;
}
.profilename {
font-size:24px;
color:#135581;
margin-top:0;
}
.profilepage ul {
position:relative;
top:20px;
left:150px;
}
.profilepage ul li {
list-style:none;
float:left;
padding-left:10px;
padding-right:10px;
}
ul.educationList,
ul.jobList {
list-style: none;
}
ul.educationList:first-child h3{
margin: 0 0 5px 0;
}
.educationList li:hover,
.jobList li:hover {
background: #ccc;
cursor: pointer;
}
.educationList h3,
.jobList h3 {
font-weight: bold;
margin: 30px 0 5px 0;
text-align: center;
}
.educationList h4,
.jobList h4 {
font-family: Interstate,Arial,sans;
font-size: 20px;
font-weight: normal;
margin: 5px 0;
text-align: center;
}
/* .educationList table{
margin: 0 200px;
} */
.jobList table {
margin: 0 auto;
}
.educationList th,
.jobList th {
font-weight: normal;
text-align: right;
}
.educationList td{
padding: 5px;
width: 200px;
}
.jobList td {
padding: 5px;
}
.generatepage {
background:#F6F6F6;
padding-top:30px;
padding-bottom:50px;
padding-left:60px;
padding-right:60px;
margin-bottom:-20px;
}
.applicationpage {
background:#F6F6F6;
padding-top:30px;
padding-bottom:50px;
padding-left:60px;
padding-right:60px;
margin-bottom:-20px;
}
.widgetbox .widgetpage {
background:#FFFFFF;
margin:10px;
}
.widgetbox .widgetpage .widgetlist {
background:#F6F6F6;
padding: 10px;
}
.widgetbox .widgetpage .widgetlist .widget {
position:relative;
top:5px;
left:5px;
}
.widgetbox .widgetpage .widgetlist .widget li ,
.popupwidget .widget li {
float:left;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
list-style:none;
}
.widgetbox .widgetpage .widgetlist .widget li .widgetcontent ,
.popupwidget .widget li .widgetcontent {
float:left;
width:50px;
font-size:12px;
margin:3px;
}
.widgetbox .widgetpage .widgetlist .widget li .widgetcontent:last-child{
width:135px;
}
.popupwidget .widget li .widgetcontent:last-child {
width:225px;
}
.widgetbox .widgetpage .widgetlist .widget li .widgetcontent .name ,
.popupwidget .widget li .widgetcontent .name {
position:relative;
top:8px;
color:#135581;
font-size:14px;
}
.widgetbox .widgetpage .widgetlist .widget li .widgetcontent .jurusan,
.popupwidget .widget li .widgetcontent .jurusan {
position:relative;
top:8px;
font-size:11px;
}
.widgetbox .invitefriend {
font-size: 14px;
text-align: center;
}
.widgettitle {
color:#135581;
font-size:16px;
margin: 0 0 20px 0;
}
.profilefooter {
height:90px;
background:#F6F6F6;
border-top:thin #CCCCCC solid;
}
/* CSS Formulir Pendaftaran */
#formulirpendaftaranswitchtab {
width:620px;
margin: 30px auto 20px;
overflow: auto;
}
/* CSS Formulir Pendaftaran Ulang*/
#formulirpendaftaranulangswitchtab {
width:460px;
margin: 30px auto 20px;
overflow: auto;
}
/* CSS Formulir Pendaftaran Ulang BOL*/
#formulirpendaftaranulangbolswitchtab {
width:310px;
margin: 30px auto 20px;
overflow: auto;
}
#formulirpendaftaranswitchtab li ,
#formulirpendaftaranulangswitchtab li ,
#formulirpendaftaranulangbolswitchtab li {
list-style:none;
float:left;
}
#formulirpendaftaranswitchtab li.disabled .formulirpendaftaranswitchtabboxtext,
#formulirpendaftaranulangswitchtab li.disabled .formulirpendaftaranswitchtabboxtext,
#formulirpendaftaranulangbolswitchtab li.disabled .formulirpendaftaranswitchtabboxtext {
color: #ccc;
}
#formulirpendaftaranswitchtab li .formulirpendaftaranswitchtabbox,
#formulirpendaftaranulangswitchtab li .formulirpendaftaranswitchtabbox,
#formulirpendaftaranulangbolswitchtab li .formulirpendaftaranswitchtabbox {
width:152px;
height:47px;
cursor:pointer;
}
#formulirpendaftaranswitchtab li .formulirpendaftaranswitchtabboxhead,
#formulirpendaftaranulangswitchtab li .formulirpendaftaranswitchtabboxhead,
#formulirpendaftaranulangbolswitchtab li .formulirpendaftaranswitchtabboxhead {
background:url(../images/form-pendaftaran-tab-head-inactive.png);
}
#formulirpendaftaranswitchtab li .formulirpendaftaranswitchtabboxbody ,
#formulirpendaftaranulangswitchtab li .formulirpendaftaranswitchtabboxbody ,
#formulirpendaftaranulangbolswitchtab li .formulirpendaftaranswitchtabboxbody {
background:url(../images/form-pendaftaran-tab-body-inactive.png);
}
#formulirpendaftaranswitchtab li .formulirpendaftaranswitchtabboxtail,
#formulirpendaftaranulangswitchtab li .formulirpendaftaranswitchtabboxtail,
#formulirpendaftaranulangbolswitchtab li .formulirpendaftaranswitchtabboxtail {
background:url(../images/form-pendaftaran-tab-tail-inactive.png);
}
#formulirpendaftaranswitchtab li .currentswitchtabboxhead,
#formulirpendaftaranulangswitchtab li .currentswitchtabboxhead,
#formulirpendaftaranulangbolswitchtab li .currentswitchtabboxhead {
background:url(../images/form-pendaftaran-tab-head-active.png);
}
#formulirpendaftaranswitchtab li .currentswitchtabboxbody ,
#formulirpendaftaranulangswitchtab li .currentswitchtabboxbody ,
#formulirpendaftaranulangbolswitchtab li .currentswitchtabboxbody {
background:url(../images/form-pendaftaran-tab-body-active.png);
}
#formulirpendaftaranswitchtab li .currentswitchtabboxtail,
#formulirpendaftaranulangswitchtab li .currentswitchtabboxtail,
#formulirpendaftaranulangbolswitchtab li .currentswitchtabboxtail {
background:url(../images/form-pendaftaran-tab-tail-active.png);
}
#formulirpendaftaranswitchtab li .formulirpendaftaranswitchtabboxtext,
#formulirpendaftaranulangswitchtab li .formulirpendaftaranswitchtabboxtext,
#formulirpendaftaranulangbolswitchtab li .formulirpendaftaranswitchtabboxtext {
position:relative;
top:15px;
left:-5px;
font-size:13px;
color:#666666;
line-height: 14px;
}
.dataseparator {
font-size:13px;
}
.scholarshipregistration,
.scholarshipregistrationnonakad{
display:none;
}
.noform {
color:#0000FF;
font-size:15px;
font-weight:bold;
}
.emailconfirmation {
padding:25px;
background:#FFCCFF;
border:thin #FF0000 dashed;
color:#FF0000;
}
/* CSS Upload Foto dan Berkas */
#filearea {
padding-top:30px;
padding-bottom:30px;
padding-left:300px;
padding-right:300px;
border:thick #CCCCCC dashed;
line-height:5px;
}
#fileuploadprogressbar {
width:100%;
height:10px;
background:#FFCC00;
}
#filedetail {
padding-top:10px;
padding-bottom:10px;
width:100%;
border-top:thin #CCCCCC solid;
border-bottom:thin #CCCCCC solid;
}
#filename {
font-size:14px;
}
#filesize {
float:right;
margin-right:15px;
font-size:14px;
}
/* CSS Download Kartu TPKS */
.downloadbox .downloadlist {
border-bottom:thin #CCCCCC solid;
height:75px;
padding-top:25px;
}
.downloadbox .downloadlist:last-child {
border-bottom:none;
}
.downloadbox .downloadlist a {
color:#000000;
}
.downloadbox .downloadlist a .downloadfield {
height:75px;
}
.downloadbox .downloadlist a .downloadfield .downloadbutton {
width:50px;
height:50px;
background:url(../images/download-inactive.png) no-repeat;
}
.downloadbox .downloadlist a:hover .downloadfield .downloadbutton {
background:url(../images/download-active.png) no-repeat;
}
.downloadbox .downloadlist a .downloadfield .kartutpks {
position:relative;
top:5px;
width:46px;
height:41px;
background:url(../images/kartu-tpks-inactive.png) no-repeat;
}
.downloadbox .downloadlist a:hover .downloadfield .kartutpks {
background:url(../images/kartu-tpks-active.png) no-repeat;
}
.downloadbox .downloadlist a .downloadfield .berkas {
width:46px;
height:55px;
background:url(../images/berkas-inactive.png) no-repeat;
}
.downloadbox .downloadlist a:hover .downloadfield .berkas {
background:url(../images/berkas-active.png) no-repeat;
}
.downloadbox .downloadlist a .downloadfield .download {
float:left;
}
.downloadbox .downloadlist a .downloadfield .download:last-child {
float:right;
}
.downloadbox .downloadlist a .downloadfield .downloaddescription {
padding:10px;
margin-left:5px;
}
.downloadbox .downloadlist a .downloadfield .downloaddescription .descriptiontop {
font-size:15px;
}
.downloadbox .downloadlist a .downloadfield .downloaddescription .descriptionbottom {
color:#999999;
font-size:12px;
}
.downloadbox .downloadlist a:hover .downloadfield .downloaddescription .descriptiontop {
color:#135581;
}
.cardbox .cardinformation li {
list-style:none;
float:left;
padding-left:10px;
padding-right:10px;
}
/* CSS Pengumuman Hasil TPKS */
.pengumumanbox .pengumumanlist {
border-bottom:thin #CCCCCC solid;
}
.pengumumanbox .pengumumanlist:last-child {
padding-top:50px;
border-bottom:none;
}
.pengumumaninfo {
background:#CCCCCC;
border:thick #F6F6F6 solid;
}
.pengumumaninfo td {
background:#FFFFFF;
padding:20px;
}
.pengumumaninfo .info {
position:relative;
top:-5px;
color:#135581;
font-weight:bold;
}
.pengumumaninfo .detailinfo {
position:relative;
top:5px;
color:#333333;
}
.pengumumaninfo .small {
font-size:13px;
}
.pengumumaninfo .big {
color:#333333;
font-size:60px;
font-weight:bold;
}
.pengumumaninfo .big .text {
position:relative;
top:5px;
line-height:50px;
}
/* CSS Pembayaran */
#pembayaranswitchtab {
width:480px;
}
#pembayaranswitchtab a {
display: block;
}
#pembayaranswitchtab a:hover {
text-decoration: none;
}
#pembayaranswitchtab li {
list-style:none;
float:left;
margin: 0 10px;
}
#pembayaranswitchtab li .pembayaranswitchtabbox {
background:url(../images/metode-pembayaran-inactive.png) no-repeat;
width:138px;
height:58px;
padding:15px 0 0 0;
cursor:pointer;
font-size:13px;
color:#666666;
}
#pembayaranswitchtab li .activepembayaranswitchtabbox {
background:url(../images/metode-pembayaran-active.png) no-repeat;
}
/*insert by Rian, 12 Nov 2013*/
#paymentmethod {
width:480px;
}
#paymentmethod a {
display: block;
}
#paymentmethod a:hover {
text-decoration: none;
}
#paymentmethod li {
list-style:none;
float:left;
margin: 0 10px;
}
#paymentmethod li .tabpembayaran {
background:url(../images/metode-pembayaran-active.png) no-repeat;
width:138px;
height:58px;
padding:15px 0 0 0;
cursor:pointer;
font-size:13px;
color:#666666;
}
.metodepembayaranbox .metodepembayaranpagelist {
padding-top:20px;
padding-bottom:30px;
padding-left:30px;
padding-right:30px;
border-bottom:thin #CCCCCC solid;
}
.metodepembayaranbox .metodepembayaranpagelist:last-child {
border-bottom:none;
}
.pembayaran {
font-size:13px;
}
input.txtPembayaran, select.cbxPembayaran {
border:thin #999999 solid;
margin-top:10px;
width:325px;
height:25px;
}
select.cbxBulan, select.cbxTahun {
width:155px;
height:25px;
}
input.txtNoKartu {
width:255px;
}
input.txtKodePos {
width:162.5px;
}
#visamastercard {
position:relative;
top:8px;
}
.hintkodepengaman {
color:#ff9c00;
text-decoration:underline;
}
.learnmorelist .list {
float:left;
list-style:none;
padding-left:125px;
}
.learnmorelist .list:last-child {
padding-left:250px;
}
.learnmore li {
background:#666666;
color:#FFFFFF;
list-style:none;
float:left;
font-size:10px;
border-right:thin #FFFFFF solid;
padding-top:1px;
padding-bottom:1px;
padding-left:5px;
padding-right:5px;
}
.learnmore li:last-child {
border-right:none;
}
.learnmore li:hover {
cursor:pointer;
}
.policy {
color:#ff9c00;
}
/* CSS Briefing Calon Mahasiswa/wi Baru */
.jadwalbriefing {
margin-left:145px;
}
.jadwalbriefing li {
font-size:14px;
list-style:none;
font-family:DroidSerif;
line-height:20px;
}
.persiapanbriefing {
margin-left:165px;
}
.persiapanbriefing li {
font-size:14px;
font-family:DroidSerif;
line-height:20px;
}
/* CSS Welcome */
.welcomefooter {
position:relative;
width:960px;
height:90px;
margin-top:100px;
margin-left:-110px;
margin-bottom:-75px;
background:#F6F6F6;
border-top:thin #CCCCCC solid;
}
#binusmaya {
margin-top:-68px;
}
/* CSS Schedule */
.contentbox {
font-size: 13px;
}
.contentbox p {
line-height: 24px;
}
.contentbox ul.scheduleinfolist {
margin-left:55px;
margin-right:55px;
}
.contentbox ul.scheduleinfolist a:link,
.contentbox ul.scheduleinfolist a:visited {
color: #0d307d;
}
.contentbox ul.scheduleinfolist a:hover,
.contentbox ul.scheduleinfolist a:active {
text-decoration: underline;
}
.contentbox ul.scheduleinfolist li.schedulelist {
list-style:none;
line-height: 14px;
padding-top:20px;
padding-bottom:20px;
border-bottom:thin #CCCCCC solid;
min-height: 120px;
}
.contentbox ul.scheduleinfolist li.schedulelist:last-child {
border-bottom:none;
}
.contentbox ul.scheduleinfolist li.schedulelist ul.scheduleinfolistdetail {
margin-top:-128px;
margin-left:175px;
border:thin #CCCCCC solid;
width:453px;
}
.contentbox ul.scheduleinfolist li.schedulelist ul.scheduleinfolistdetail li:first-child {
background:#F6F6F6;
}
.contentbox ul.scheduleinfolist li.schedulelist ul.scheduleinfolistdetail li {
list-style:none;
border-bottom:thin #CCCCCC solid;
padding-top:12px;
padding-bottom:12px;
padding-left:10px;
padding-right:10px;
font-size:14px;
}
.contentbox ul.scheduleinfolist li.schedulelist ul.scheduleinfolistdetail li:last-child {
border-bottom:none;
}
.contentbox .schedulelabel {
width:5px;
height:105px;
border:thin #CCCCCC solid;
float:right;
margin-right:-3px;
margin-top:0px;
}
.contentbox #labelundergraduateprogram {
background:#135581;
}
.contentbox #labelundergraduateprogramintl {
background:#ef3239;
}
.contentbox #labelbinusonlinelearning {
background:#5cc5ed;
}
.contentbox #labelbinusbusinessschool {
background:#006bb9;
}
.contentbox #labelgraduateprogram {
background:#ffc702;
}
.contentbox ol {
margin: 0 0 0 20px;
}
/* CSS Scholarship */
.scholarshiplist {
margin-left:12px;
}
.scholarshipsublist {
margin: 0 0 0 15px;
list-style:disc;
}
.catatanlist li,
.scholarshiplist li,
.scholarshipsublist li {
margin: 10px 0;
}
.catatanbox {
font-size:14px;
line-height:20px;
}
.catatantitle {
color:#CC3300;
}
.catatanlist {
margin-left:20px;
}
/* CSS News */
.newslist .list {
list-style:none;
border-bottom:thin #CCCCCC solid;
min-height:195px;
}
.newslist .list:last-child {
border-bottom:none;
}
.newslist .list .newscontent .content {
float:left;
font-size:13px;
list-style:none;
padding:10px;
}
.newslist .list .newscontent .content:first-child {
width:300px;
height:150px;
}
.newslist .list .newscontent .content:last-child {
width:450px;
height:150px;
}
.smallnewstitle {
color:#135581;
font-size:18px;
}
.newspagelist {
float:right;
list-style:none;
}
.newspagelist li {
float:left;
border:thin #333333 solid;
margin:3px;
}
.newspagelist li a {
display:block;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
color:#333333;
font-size:13px;
}
.newspagelist li a:hover {
background:#ffdb20;
}
/* CSS Events */
.eventslist .list {
list-style:none;
border-bottom:thin #CCCCCC solid;
height:195px;
}
.eventslist .list:last-child {
border-bottom:none;
}
.eventslist .list .eventscontent .content {
float:left;
font-size:13px;
list-style:none;
padding:10px;
}
.eventslist .list .eventscontent .content:first-child {
width:300px;
height:150px;
}
.eventslist .list .eventscontent .content:last-child {
width:440px;
height:150px;
}
.smalleventstitle {
color:#135581;
font-size:18px;
}
.eventspagelist {
float:right;
list-style:none;
}
.eventspagelist li {
float:left;
border:thin #333333 solid;
margin:3px;
}
.eventspagelist li a {
display:block;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
color:#333333;
font-size:13px;
}
.eventspagelist li a:hover {
background:#ffdb20;
}
/* CSS Content Box */
.contentbox {
padding:50px 90px;
font-family: DroidSerif, Georgia, serif;
}
.minicontentbox {
}
.subcontentbox {
background:#FFFFFF;
}
.supersubcontentbox {
background: #F6F6F6;
min-height: 250px;
margin: 20px 0;
padding: 40px;
}
/*CSS Pop Up Content Box*/
.popupcontentbox {
padding-top:10px;
padding-bottom:25px;
padding-left:25px;
padding-right:25px;
}
/* CSS Table */
.borderedtable {
background: #ccc;
border-spacing: 1px;
}
.borderedtable tr {
background: #fff;
}
.borderedtable td {
padding: 2px 5px;
}
.grid {
font-size:12px;
color:#333333;
background:#000000;
}
.grid thead {
margin:0px;
}
.grid th {
background:#CCCCCC;
}
.grid .odd td {
background:#FFFFFF;
}
.grid .even td {
background:#F6F6F6;
}
.grid td {
background:#FFFFFF;
padding:10px;
}
.prosedur {
font-size:13px;
color:#333333;
background:#000000;
}
.prosedur thead {
margin:0px;
}
.prosedur th {
background:#CCCCCC;
}
.prosedur .odd td {
background:#FFFFFF;
}
.prosedur .even td {
background:#F6F6F6;
}
.prosedur td {
background:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
}
.apps {
border-spacing: 1px;
font-size:16px;
color:#333333;
background:#000000;
width: 100%;
}
.apps thead {
background: #135581;
margin:0px;
text-align: center;
}
.apps thead td {
background: #135581;
color: #fff;
}
.apps th {
padding:20px;
color:#FFFFFF;
font-size:18px;
text-align: center;
}
.apps.undergraduate th {
background:#135581;
}
.apps.undergraduateintl th {
background:#ef3239;
}
.apps.binusonlinelearning th {
background:#5cc5ed;
}
.apps.binusbusinessschool th {
background:#006bb9;
}
.apps.graduate th {
background:#ffc702;
}
.apps tr {
background: #fff;
}
.apps td {
padding:10px;
line-height:25px;
}
.apps.scholarshipmark input {
width: 50px;
}
.referensi {
font-size:13px;
color:#333333;
background:#CCCCCC;
}
.referensi thead {
margin:0px;
}
.referensi th {
background:#CCCCCC;
font-weight:normal;
padding:10px;
}
.referensi td {
background:#FFFFFF;
padding:10px;
}
.uploadlist {
font-size:13px;
color:#333333;
background:#CCCCCC;
}
.uploadlist thead {
margin:0px;
}
.uploadlist th {
background:#CCCCCC;
font-weight:normal;
padding:10px;
}
.uploadlist td {
background:#FFFFFF;
padding:10px;
}
.uploadlist td a {
color:#333333;
text-decoration:underline;
}
.scholarship {
font-size:14px;
color:#333333;
background:#000000;
}
.scholarship thead {
margin:0px;
}
.scholarship th {
background:#CCCCCC;
}
.scholarship .odd td {
background:#FFFFFF;
}
.scholarship .even td {
background:#F6F6F6;
}
.scholarship td {
background:#FFFFFF;
padding: 10px 15px;
vertical-align: top;
}
/* CSS Footer Tabbed Content */
#footertabbedcontent {
position:relative;
width:1000px;
height:125px;
margin-left: -16px;
margin-bottom: -21px;
margin-top: 50px;
background: url(../images/footer-tabbed-panel.png) no-repeat top left;
}
#footertabmenubar {
position:absolute;
top:-5px;
left:165px;
height:43px;
width:300px;
z-index:100;
}
.footertabmenu {
position:relative;
left:4px;
}
.footertabmenu li {
background:url(../images/footer-tab-menu-body-inactive.png) no-repeat right top;
float:left;
list-style:none;
width:135px;
height:52px;
font-size:13px;
}
.footertabmenu li.current:first-child {
background:url(../images/footer-tab-menu-head-active.png) no-repeat;
}
.footertabmenu li.current:first-child .footertabmenulinehidder {
background:url(../images/footer-tab-menu-line-hidder.png);
}
.footertabmenu li.current {
background:url(../images/footer-tab-menu-body-active.png) no-repeat;
}
.footertabmenu li.current .footertabmenulinehidder {
background:url(../images/footer-tab-menu-line-hidder.png) repeat-x;
}
.footertabmenu li a {
color: #fff;
position:relative;
top:22px;
left:4px;
padding:10px 13.5px;
padding-top:18px;
padding-bottom:11px;
}
.footertabmenu li:first-child a {
left:-3px;
padding:10px 12px;
padding-top:18px;
padding-bottom:11px;
}
.footertabmenu li:last-child a {
padding:10px 15.5px;
padding-top:18px;
padding-bottom:11px;
}
.footertabmenu li:first-child {
width:144px;
text-align:right;
}
.footertabmenu li:last-child {
margin-left:-6px;
}
.footertabmenulinehidder {
position:relative;
top:25px;
width:117px;
height:15px;
padding-left:5px;
padding-right:5px;
left:4px;
}
#footertabmenulinehidderfirst {
left:3px;
width:128px;
height:12px;
}
#footertabcontent {
position:absolute;
top:55px;
left:215px;
/*width:995px;*/
}
#footertabbedcontentimage {
position:absolute;
top:-49px;
left:101px;
z-index:150;
}
#footertabbedcontenthalfcircle {
position:relative;
top:-326px;
left:-13px;
}
/* CSS Fancy Links */
.fancylink {
width:225px;
height:35px;
background:url(../images/right-arrow.png) no-repeat right #FFFFFF;
font-size:13px;
color:#999999;
cursor:pointer;
}
.program {
background:url(../images/down-arrow.png) no-repeat right #FFFFFF;
}
.fancylinktext {
position:relative;
top:10px;
text-align: center;
width:186px;
}
/* CSS Fancy Text Box */
input[type=text].fancytextbox, input[type=password].fancytextbox {
width:225px;
height:33px;
border:none;
font-size:12px;
color:#999999;
text-align:center;
}
/* CSS Page Line */
.pageline {
background:#CCCCCC;
border:none;
height:1px;
}
.pageline.program {
left:-110px;
}
.pageline.profile {
}
.pageline.briefing {
width:auto;
}
/* CSS Input */
input[type=text], input[type=password], select {
border:thin #999999 solid;
font-family: DroidSerif, Georgia, serif;
height:25px;
width:250px;
}
input[type=button], input[type=submit], input[type=reset] {
color:#666666;
padding:3px;
padding-left:10px;
padding-right:10px;
background:#FFCC00;
border:thin #999999 solid;
font-size:15px;
font-weight:bold;
font-style:italic;
}
textarea {
border:thin #999999 solid;
font-family: DroidSerif, Georgia, serif;
font-size: 13px;
height:100px;
width:250px;
}
/* CSS Button Link */
.buttonlink,
a.buttonlink {
color:#666666;
cursor: pointer;
padding:5px 10px;
background:#FFCC00;
border:1px #999999 solid;
display: inline-block;
font-size:15px;
}
/* CSS Expander */
.expandable-container .expandable {
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
}
.expandable-container .expandable h3.expander {
padding:15px 15px 15px 45px;
margin:0px;
cursor:pointer;
background:#eee url('../images/icon_plus.png') no-repeat 15px 17px;
}
.expandable-container .expandable h3.expander:hover {
background-color:#ddd;
}
.expandable-container .expandable h3.expander.expanded {
background-image:url('../images/icon_minus.png');
}
.expandable-container .expandable .expandable-content {
display:none;
padding:10px;
background:#fafafa;
}
/* CSS Loading Page */
#loadingpage {
position:fixed;
display:none;
z-index:1000;
}
/* CSS Overlay Page */
#overlaypage {
position:fixed;
background:#b3b3b3;
width:100%;
height:100%;
top:0%;
left:0%;
display:none;
opacity:0.8;
z-index:800;
}
/* CSS Warning */
.warningmark, .hiddenwarning {
color:#FF0000;
font-size:13px;
}
/* CSS Card Box */
.cardbox {
padding:10px;
font-size:13px;
}
.cardnote li {
list-style:none;
margin-top:10px;
margin-bottom:10px;
}
.clear { clear: both; }
.errorlist {
color: #f00;
font-size: 12px;
padding: 10px;
text-align: center;
}
.ui-autocomplete {
font-size: 12px;
max-height: 100px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
/* add padding to account for vertical scrollbar */
padding-right: 20px;
}
.contact form {
text-align: left;
}
.contact form #send{
width: 92px;
cursor: pointer;
font: 9px 'Interstate';
background: #c1c1c1;
color: #606060;
border: none;
padding-bottom: 7px;
padding-top: 4px;
}
.contact form #send:hover{
background: #919191;
}
.contact form #contactsubject,
.contact form #contactorigin
{
padding: 0 10px;
height: 30px;
color:#cacaca;
width: 250px;
margin: 2px 0;
line-height: 40px;
font: 12px 'DroidSerif';
font-style: italic;
}
.contact form #contactsubject:focus,
.contact form #contactorigin:focus,
.contact form textarea:focus {
color: #333;
font-style: normal;
}
.contact form textarea
{
width: 250px;
margin: 2px 0 5px 0;
height: 55px;
padding: 10px 10px 0 10px;
font: 12px 'DroidSerif';
color:#cacaca;
font-style: italic;
resize: none;
}
.sendcontactbutton {
padding-right: 15px;
text-align: right;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
.fix {
width: 100%;
}
.fix td {
font-size: 14px;
padding-bottom: 40px;
vertical-align: top;
}
.fix .key {
width: 40%;
text-align: right;
color: #135581;
text-transform: uppercase;
font-family: Interstate, Arial, sans;
font-size: 16px;
padding-right: 20px;
}
.center { text-align: center; }
.justify { text-align: justify; }
.right { text-align: right; }
.bottom , .bottom td { vertical-align: bottom; }
.top, .top td { vertical-align: top; }
.regisrationtext { font-size: 14px; }
p.breaker { margin-top: 50px; }
.textlist li { margin: 10px 0; }
.paragraphlist { margin: 0 0 0 20px; font-size:13px; }
.paragraphlist li { margin: 20px 0; }
.strike { text-decoration: line-through; }
.outsideschedule li{
margin: 25px 0;
}
.infogrid {
border: none;
margin:0 auto;
font-size:13px;
color:#666666;
}
.infogrid td,
.infogrid th{
padding: 3px;
}
.tablewithborder {
background: #666;
border: 1px solid #666;
border-spacing: 1px;
width: auto;
}
.tablewithborder tr{
background: #fff;
}
.tablewithborder td {
padding: 5px 10px;
}
#bottomprogrambox,
#smallprogrambox {
background: #fff;
border: 2px solid #ccc;
font-size: 11px;
position: absolute;
top:36px;
height: 240px;
overflow: auto;
text-align: center;
width: 220px;
z-index: 99;
}
#bottomprogrambox h3,
#smallprogrambox h3 {
background: #eee;
font-size: 13px;
font-weight: bold;
padding: 10px;
margin: 0;
}
#bottomprogrambox p,
#smallprogrambox p {
margin: 0;
padding: 0;
}
#bottomprogrambox a,
#smallprogrambox a {
display: block;
padding: 5px 10px;
}
#bottomprogrambox a:hover,
#smallprogrambox a:hover {
background: #f6f6f6;
text-decoration: none;
}
a.block { display: block; }
ul.standarlist {
line-height: 24px;
margin: 10px 0 0 20px;
}
ul.standarlist li {
margin: 0 0;
}
/*Payment Verificator*/
#payment-verificator{
font: 10px 'Interstate';
height:66px;
margin:-30px 0 45px -15px;
position: relative;
z-index: 99;
}
#payment-verificator .information{
float:left;
width:715px;
background:#f1f1f1;
height:62px;
border:solid 1px #c9c9c9;
border-left: none;
margin-top:2px;
line-height: 62px;
}
#payment-verificator .information p{
display: inline-block;
font-size: 12px;
line-height: 16px;
margin: 0;
vertical-align: middle;
padding:0 20px;
}
#payment-verificator .verificator{
float:left;
width:270px;height:87px;
background: url('../images/verificator-payment/ribbon.png');
text-align: center;
}
#payment-verificator .verificator .verificator-org{
display:inline-block;
overflow:hidden;
vertical-align: middle;
margin:0 35px;
}
#payment-verificator .verificator .verificator-org:first-child{
margin-left:0;
}
#payment-verificator .verificator .verificator-org:last-child{
margin-right:0;
}
#payment-verificator .verificator .holder{
margin-top:20px;
height:31px;
display: inline-block;
}
#payment-verificator .verificator .holder:after{
content:'.';
visibility:hidden;
clear:both;
}
#payment-verificator .verificator .separator{
/*float:left;*/
display: inline-block;
text-indent: -999px;
width:1px;
overflow: hidden;
height:25px;
border-right:solid 1px #c9c9c9;
vertical-align: middle;
}