body { font: 12px Arial, Helvetica, sans-serif; color:#2f3330; margin: 0; padding: 0; line-height: 1.4em; } /* wrapper */ #wrapper { width: 960px; margin: 0 auto; } /* global styles */ /* font */ .font01 { font: 14px Arial, Helvetica, sans-serif; } .font02 { font: 16px Arial, Helvetica, sans-serif; color: #fff; } .font03 { font: 11px Arial, Helvetica, sans-serif; color: #fff; } .font04 { font: 12px Arial, Helvetica, sans-serif; color: #fff; } .font05 { font: 12px Arial, Helvetica, sans-serif; color: #006B4D; } /* fontlink*/ .fontlink01 { font: 12px Arial, Helvetica, sans-serif; color:#2f3330; text-decoration: none; } .fontlink01:hover { font: 12px Arial, Helvetica, sans-serif; color:#009900; text-decoration: none; } .fontlink02 { font: 11px Arial, Helvetica, sans-serif; color:#085239; text-decoration: none; } .fontlink02:hover { font: 11px Arial, Helvetica, sans-serif; color:#2f3330; text-decoration: none; } .date { font: 11px Arial, Helvetica, sans-serif; margin: 0;} .btm-content .fontlink { font: 11px Arial, Helvetica, sans-serif; color: #fc6900; text-decoration: underline; } .btm-content .fontlink:hover{ font: 11px Arial, Helvetica, sans-serif; color:#005643; text-decoration: none; } /* clear */ .clear { clear: both; margin: 0; } .clear-height { clear: both; height: 4px; margin: 0; } .clear-height2 { clear: both; height: 20px; margin: 0; } .clear-border { clear: both; border-top: 1px solid #b2c9c2; height: 15px; margin: 20px 0 0 0; padding: 0; } .clear-border2 { clear: both; border-bottom: 1px dotted #ccc; margin: 0; padding: 0; height: 20px; } /* top header */ #topheader { clear: both; display: block; background: url(../images/bgtopheader.jpg) no-repeat; height: 95px; margin: 0; padding: 3px 0 0 0; } /* Top menu */ #topleftcontent { float: left; width: 557px; margin:0 ; padding: 0 0 0 20px; } /* top menu */ #topleftcontent #topmenu { clear: both; margin: 0; } #topleftcontent #topmenu ul {margin: 0; padding: 0; } #topleftcontent #topmenu ul li {color: #fff; display:inline; list-style-type: none; margin: 0; padding: 0 13px 0 0; border-right: 1px solid #fff; } #topleftcontent #topmenu ul li a { font: 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none;} #topleftcontent #topmenu ul li a:hover { color: #fcbe11; text-decoration: none;} #topleftcontent #topmenu .bdr-tpmenu { border: none; } #topleftcontent #topmenu .margin-tpmenu {margin: 0 0 0 10px; border: none; } /* tagline */ #tagline { clear: both; margin: 0; } #tagline h2 { font:normal 20px Arial, Helvetica, sans-serif; color: #fff; margin: 48px 0 0 0; padding: 0;} /* logo */ #logo { float: left; width:150px; margin: 0 0 0 188px; } #logo h1 { background:url(../images/logo.gif) no-repeat; display: block; height: 90px; width: 175px; margin: 0; padding: 0; text-indent: -9000px; } #logo h1 a { display: block;color: #fff; text-decoration: none; text-indent: -9000px; height: 90px; width: 175px;} #logo h1 a:hover {display: block; color: #fff; text-decoration: none;text-indent: -9000px; height: 90px; width: 175px;} /* global menu */ #globalmenu { background:url(../images/nav.jpg) no-repeat; width: 948px; height: 35px; clear: both; padding: 0 0 0 12px; height: 35px; position: relative; z-index: 200; } /* headercotent */ #headerslider { width: 690px; height: 300px; clear: both; margin: 0; padding: 0;} #headercontent { position: relative; clear: both; background-color: #c9c9c9; width:960px; height: 300px; margin: 0; padding: 0; } #deepheader { clear: both; background-color: #c9c9c9; width:960px; height: 150px; margin: 0; padding: 0; } #firstdeepheader { clear: both; width:960px; height: 150px; margin: 0; padding: 0; } /* flash cotent */ #rotatecontent {float: left; width:690px; height: 300px; margin: 0; } /* top leftcontent */ #actv-content{ position: absolute; top: 0; left: 690px; width: 223px; padding: 23px 20px 0 20px;} /* activation content */ #box-activation { background:url(../images/bgactivation.gif) no-repeat; text-align: center; color:#08583B; width: 230px; height: 158px; margin: 0; padding: 20px 0 0 0;} #box-activation p { margin: 0; padding: 0 10px 0 0; } #box-activation form { margin: 20px 0 0 0; padding: 0; } #box-activation input{ margin:5px 0 0 0; padding: 0; } /* bottom activation */ #box-btmactivation { background: url(../images/bg-btmactivation.gif) no-repeat; width: 230px; height: 84px; margin: 0; padding: 0; } #box-btmactivation img { margin: 10px 0 0 50px; padding: 0; border: none;} /* center meu */ #center-menu { background:url(../images/bg_btmmenua.gif) no-repeat; width: 960px; height: 32px; clear: both; margin:0; padding: 0; } #center-menu ul { margin:0; padding: 8px 0 0 20px; } #center-menu ul li { display: inline; list-style-type: none; border-right: 1px solid #b6cec7; margin: 0; padding: 0 26px 0 26px; } #center-menu ul li a { font-weight:bold; color:#00573c ; text-decoration: none; } #center-menu ul li a:hover { color:#333 ; text-decoration: none; } #center-menu ul li.bdr-mn { border:none; } /* first row */ #first-row { background:url(../images/bg-content.gif) repeat-x; clear: both; width: 960px; margin: 0; padding: 17px 0 40px 0;} /*left menu */ #leftmenu { float: left; width: 200px; padding: 0 0 0 20px; margin: 0 0 20px 0; } #leftmenu h3 { font: 16px Arial, Helvetica, sans-serif; color:#fc6900; margin: 0; padding: 0 0 11px 0; border-bottom: 1px solid #ccc; } /* front left */ #front-left { float: left; margin: 0; padding: 0 0 0 20px;} /* kurs tabel */ #kurs { clear: both; padding: 15px 0 0 0; } /* form search */ #form-search { float: left; width: 223px; padding: 0; } #form-search form { margin: 0; padding: 0; } #form-search form p { clear: both; display: block; margin: 0 ; padding: 0 0; } #form-search label { float: left; font: 11px Arial, Helvetica, sans-serif; color:#005643; margin: 0; padding: 0; } #form-search input.margin-label { float: left; margin: 0; padding: 0; } #form-search input { float: left; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #c9c9c9; width:180px; height: 15px; margin: 0; padding: 0;} #form-search select { font: 11px Arial, Helvetica, sans-serif; float: left; border: 1px solid #c9c9c9; height: 18px; margin: 2px 0 5px 0; padding: 0;} #form-search select.width-slct { font: 11px Arial, Helvetica, sans-serif; float: left; border: 1px solid #c9c9c9; width:180px; margin:0 0 10px 0; padding: 0 0;} #form-search input.btn-go { background:url(../images/btn-go.gif) no-repeat; float: left; border: none; width: 20px; height: 20px; margin: 0 0 0 10px; padding: 0;} #form-search input.margin-radio { float: left; width:12px; margin: 0 4px; padding: 0; border: none; } #form-search2 { float: left; width: 200px; padding: 0; margin: 10px 0 0 0; } #form-search2 form { margin: 0; padding: 0; } #form-search2 form p { clear: both; display: block; margin: 0 ; padding: 0 0; } #form-search2 label { float: left; font: 11px Arial, Helvetica, sans-serif; color:#005643; margin: 0; padding: 0; } #form-search2 input.margin-label { float: left; margin: 0; padding: 0; } #form-search2 input { float: left; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #c9c9c9; width:140px; height: 15px; margin: 0; padding: 0;} #form-search2 select { font: 11px Arial, Helvetica, sans-serif; float: left; border: 1px solid #c9c9c9; height: 18px; margin: 2px 0 5px 0; padding: 0;} #form-search2 select.width-slct { font: 11px Arial, Helvetica, sans-serif; float: left; border: 1px solid #c9c9c9; width:150px; margin:0 0 10px 0; padding: 0 0;} #form-search2 input.btn-go { background:url(../images/btn-go.gif) no-repeat; float: left; border: none; width: 20px; height: 20px; margin: 0 0 0 10px; padding: 0;} #form-search2 input.margin-radio { float: left; width:12px; margin: 0 4px; padding: 0; border: none; } /* FB & Twitter */ #fbtwitter label { float: left; font: 11px Arial, Helvetica, sans-serif; color:#005643; margin: 0; padding: 0; } /* three column box */ #three-boxcolumn { float: left; margin: 0 0 10px 0; padding: 0; } #three-boxcolumn img { padding: 0; margin: 0 10px 0 0; border: 0;} /* center content */ #center-content { float: left; width: 670px; margin: 0 0 0 30px;} #center-content .bsm-news { float: left; width: 326px; margin: 0; } #center-content .bsm-news h4 {font: bold 15px Arial, Helvetica, sans-serif; color:#fc6900; margin: 0 0 10px 0; } #center-content .bsm-news h3 {font: 18px Arial, Helvetica, sans-serif; color:#005643; margin: 0; padding: 0; text-decoration: none; } #center-content .bsm-news h3 a {font: 18px Arial, Helvetica, sans-serif; color:#005643; margin: 0; padding: 0; text-decoration: none; } #center-content .bsm-news h3 a:hover {font: 18px Arial, Helvetica, sans-serif; color:#fc6900; margin: 0; padding: 0; text-decoration: underline; } #center-content .bsm-news p { margin: 0; padding: 0 0 4px 0; } #center-content .bsm-news a {font: 11px Arial, Helvetica, sans-serif; color:#005643; text-decoration: none; } #center-content .bsm-news a:hover { color:#333; text-decoration: none; } #center-content .bsm-news dl { margin: 10px 0 0 0; padding: 0; } #center-content .bsm-news dl dt { font: 11px Arial, Helvetica, sans-serif; margin: 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; } #center-content .bsm-news dl dd { font: 11px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; } #center-content .bsm-news dl dd a { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-decoration: none; color: #005643;} #center-content .bsm-news dl dd a:hover { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-decoration: underline; color: #2f3330;} /* margin-news */ #center-content .margin-news { margin: 0 0 0 15px; padding: 0; } /* info kair */ #infokarir { float: left; width: 210px; padding: 0 0 0 30px;} #infokarir h4 { font: 16px Arial, Helvetica, sans-serif; color:#fc6900; margin: 0 0 10px 0; padding: 0; } #infokarir h5 { font: 12px Arial, Helvetica, sans-serif; display: block; background-color:#848784 ; color: #fff; margin: 0 ; padding: 2px 6px; } #infokarir p { margin: 0; padding: 10px 10px; } #infokarir a { font: 12px Arial, Helvetica, sans-serif; color:#2f3330; text-decoration: underline; } #infokarir a:hover { color:#005643; text-decoration: none; } /* info karir atas */ #infokariratas { float: left; width: 210px; padding: 0 ; margin:10px 0 10px 0; } #infokariratas h4 { font: 16px Arial, Helvetica, sans-serif; color:#fc6900; margin: 0 0 10px 0; padding: 0; } #infokariratas h5 { font: 12px Arial, Helvetica, sans-serif; display: block; background-color:#848784 ; color: #fff; margin: 0 ; padding: 2px 6px; } #infokariratas p { margin: 0; padding: 5px 5px 0 0; } #infokariratas a { font: 12px Arial, Helvetica, sans-serif; color:#2f3330; text-decoration: none; } #infokariratas a:hover { color:#005643; text-decoration: none; } /* testimonial */ .btm-content { float: left; width: 420px; padding: 0 0 0 20px; } .btm-content .minimumheight { min-height: 150px; } .btm-content h3 {font: 16px Arial, Helvetica, sans-serif; color:#fc6900; margin: 0 0 10px 0; } .btm-content h4 {font: bold 12px Arial, Helvetica, sans-serif; color:#005643; margin: 0; padding: 0; text-decoration: none; } .btm-content h4 a {font: bold 12px Arial, Helvetica, sans-serif; color:#005643; margin: 0; padding: 0; text-decoration: none; } .btm-content h4 a:hover { color:#fc6900; margin: 0; padding: 0; text-decoration: underline; } .btm-content p { margin: 0; padding: 0 0 4px 0; } .btm-content img { float: left; margin: 0; padding: 0 5px 4px 0; } .btm-content a {font: 11px Arial, Helvetica, sans-serif; color:#005643; text-decoration: none; } .btm-content a:hover { color:#333; text-decoration: none; } /* polling */ #polling { background:url(../images/btm-polling.gif) no-repeat bottom; float: left; width: 230px; margin: 0 0 0 20px; padding: 0 0 10px 0; } #polling h3 { background:url(../images/title-poling.gif) no-repeat; width: 230px; height: 30px; text-indent: -9000px; margin: 0; padding: 0; } #polling p { margin: 0; padding: 10px 10px; } #polling form { clear: both; margin: 0; padding: 0 0 0 10px; } #polling form p { clear: both; margin: 0; padding: 3px 0 0 0; } #polling input { float: left; height: 15px; margin: 0; padding: 0; } #polling label { float: left; margin: 0; padding: 0 0 0 5px; } /* button polling */ #polling .btn-polling { float: left; width: 20px; height: 20px; padding: 10px 0 0 10px; } #polling .btn-polling a { display: block; background:url(../images/icon_go01.gif) no-repeat; width: 20px; height: 20px; text-indent: -9000px; } #polling .btn-polling a:hover { display: block; background:url(../images/icon_go01.gif) no-repeat; width: 20px; height: 20px; text-indent: -9000px; } #polling .result { float: right; margin: 10px 10px 0 0;} #polling .result a {font: 11px Arial, Helvetica, sans-serif; color:#005643; text-decoration: none; } #polling .result a:hover { color:#333; text-decoration: none; } /* btm boxcontent */ #btm-boxcontent { clear: both; margin: 0 0 20px 0; } /* right content */ #rightcontent { float: left; width: 689px; margin:0 0 0 30px; padding: 0 0 20px 0; } #rightcontent h3 { font: 25px Arial, Helvetica, sans-serif; margin: 0 ; padding: 0 0 15px 0; } #rightcontent h4 { font: 18px Arial, Helvetica, sans-serif; margin: 15px 0 15px 0 ; padding: 0 0 15px 0; } #rightcontent h2 { float: right; font: 18px Arial, Helvetica, sans-serif; color: #08533b; margin: 0 ; padding: 0 0 8px 0; } #rightcontent p { margin: 0; padding: 0 0 5px 0; } #rightcontent ul { margin: 0; padding: 0; } #rightcontent ul li { list-style-type: disc; margin: 0 0 0 30px; padding: 0; } .content-mn { float: left; width: 250px; color:#009A6E; } .content-mn { padding: 0; margin: 0;} .content-mn ul { margin: 0; padding: 0;} .content-mn ul li { list-style-type: circle; margin: 0; padding: 0; color:#009A6E;} .content-mn ul li a { font: 11px "Arial Black", Gadget, sans-serif; font-weight: lighter; margin: 0; padding: 0; text-decoration: underline; color:#006B4D; } .content-mn ul li a:hover {font: 11px "Arial Black", Gadget, sans-seri; margin: 0; padding: 0; text-decoration: none; color:#009A6E; } /* border bottom */ .bdr-bottom { border-bottom: 1px solid #b2c9c2;; clear: both; margin: 0 0 30px 0; padding: 0; } .bdr2-bottom { border-bottom: 1px solid #b2c9c2;; clear: both; margin: 30px 0 30px 0; padding: 0; } /* breadcrumb */ #breadcrumb { clear: both; margin:3px 0 10px 0; font: 12px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; } #breadcrumb a { font: 12px Arial, Helvetica, sans-serif; color: #FF6600; text-decoration: none;} #breadcrumb a:hover {color: #333; text-decoration: none;} /* footet */ #footer-menu { clear: both; background-color: #d1d1d1; margin: 0; padding: 0 ; text-align: center; height: 52px; } #footer-menu ul { margin: 0; padding:7px 90px; } #footer-menu ul li { display: inline; list-style-type: none; border-right: 1px solid #333; margin: 0; padding: 0 8px 0 8px; font-size: 8px; } #footer-menu ul li a { font: 11px Arial, Helvetica, sans-serif; color:#2f3330 ; margin: 0; padding: 0; text-decoration: none; } #footer-menu ul li a:hover { font: 11px Arial, Helvetica, sans-serif; color:#005643 ; margin: 0; padding: 0; text-decoration: none; } #footer-menu .bdr-footermn { border: none; } /* footer bottom content */ #btm-footer { clear: both; margin: 10px 0 0 0; } #btm-footer .copyright { float: left; margin: 0 0 0 20px; } #btm-footer .copyright img { margin: 0; padding: 0; border: none; } #btm-footer .logo { float: right; margin: 0 20px 0 0; } #btm-footer .logo img { margin: 0 5px 0 0; padding: 0; border: none; }