/*
Theme Name: IELC
Theme URI: http://www.ielc-indonesia.com
Description: Designed by technoKAMP.
This work is licensed technoKAMP.
Version: 1.0
Author: technokamp.com
Author URI: http://www.technokamp.com
Tags: deep blue, fixed width, two columns, widgets
*/
/* CSS Document */
#common {
width: 100%;
height: 100%;
background-color: #0E1B45;
background-image: url(images/back_one.jpg);
margin: 0px auto 0px auto;
background-repeat: no-repeat;
padding: 0px 0px;
}
#page {
width: 780px;
height: auto;
margin: 0px auto 0px auto;
padding: 0px;
background-color: #FFFFFF;
background-image: url(images/back_2.jpg);
border-right-width: 8px;
border-left-width: 8px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #122F59;
border-left-color: #122F59;
}
#page1 {
width: 780px;
height: 142px;
background-color: #3655A7;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background-image: url(images/stone.jpg);
}
#header {
width: 781px;
height: 300px;
background-color: #820000;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#topheader {
width: 780px;
height: 8px;
background-color: #122F59;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#topheader img {
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
}
#banner {
width: 570px;
height: 228px;
background-color: #FFFFFF;
margin: 0px;
padding: 0px 0px;
float: right;
}
#banner img {
width: 571px;
height: 228px;
background-color: #fff;
float: right;
margin: 0px 0px;
padding: 0px 0px 0px 0px;
}
#banner-right {
width: 250px;
height: 228px;
background-color: transparent;
margin: 0px 0px;
padding: 0px 0px;
float: right;
}
#info {
width: 230px;
height:auto;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 10px;
}
#info h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: lighter;
color: #FFFFFF;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}
#info a {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#info a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
text-decoration: underline;
}
#info p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: lighter;
color: #FFF;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#info ul {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 20px 5px 0px 20px;
}
#info li {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-type: circle;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
}
#navdate {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
width:180px;
height:25px;
display:block;
color: #FFFFFF;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: auto;
padding-top: 20px;
text-align: right;
}
#welcomnav {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
width:210px;
height:25px;
display:block;
color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding-top: 20px;
text-align: left;
float: left;
}
#navdate a:hover{
color: #FFFFFF;
text-decoration:underline
}
#navdate a, navdate a:active, navdate a:visited{
color: #FFFFFF;
text-decoration:none;
}
#navbar {
background-color: #820000;
height:29px;
display:block;
}
#nav {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
width:760px;
height:30px;
display:block;
margin: 0 auto;
margin-left: -30px;
}
#nav, #nav ul {
list-style: none;
}
#nav li {
float: left;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#nav a:hover, #nav a:active {
color: #FEF6C5;
text-decoration:none
}
#nav .current-cat a, #nav .current-cat a:visited {
color: #876736;
}
/* Button Menus */
#nav li.btn_produk {
width: 85px;
height: 29px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10px;
}
#nav li.btn_produk a, #nav li.btn_produk a:active, #nav li.btn_produk a:visited {
display: block;
text-decoration: none;
color: #FFFFFF;
margin: 0px 0px;
padding: 9px 0px 8px 0px;
}
#nav li.btn_produk a:hover{
display: block;
text-decoration: none;
color: #FFFFFF;
margin: 0px 0px;
padding: 9px 0px 8px 0px;
}
/* Dropdown Menus */
#nav li ul {
position: absolute;
left: -999em;
width: 170px;
margin-left:-30px;
}
#nav li li {
width: 160px;
}
#nav li li a, #nav li li a:visited {
font-weight:normal;
font:11px Arial;
color:#886837;
}
#nav li li a:hover, #nav li li a:active {
color:#FEF6C5;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
a.main:hover
{ background:none;
}
/* Dropdown Menus */
#submenu li ul {
position: absolute;
left: -999em;
width: 210px;
margin-left:210px;
margin-top: -37px;
}
#submenu li li {
width: 160px;
}
#submenu li li a, #submenu li li a:visited {
font-weight:normal;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 20px;
background-image: url(images/btn6.jpg);
}
#submenu li li a:hover, #submenu li li a:active {
color:#FEF6C5;
background-image: url(images/btn6_on.jpg);
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfhover ul, #submenu li li.sfhover ul, #submenu li li li.sfhover ul {
left: auto;
}
a.main:hover
{ background:none;
}
#maincontent {
width: 780px;
height: 100%;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#maincontent img {
float:left;
/*margin: 5px 14px 8px 0px;*/
margin: 5px 5px 0px 5px;
padding: 0px;
}
#sidebar {
width:210px;
height: auto;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sidebar h1 {
color: #08609B;
font-family: 'Fertigo', Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;
color:#3D3F54;
margin: 0px 0px 0px 14px;
padding: 3px 0px 5px 3px;
}
#sidebar h2 {
color: #FFFFFF;
font-size: 8px;
margin: 0px 0px 0px 14px;
padding: 0px;
background-color: #6DA03B;
}
#content-common {
width: 460px;
height: auto;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#606060;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 16px 46px 20px 0px;
}
#content-common h1 {
font-family: "Times New Roman", Times, serif;
font-size: 24px;
font-weight: normal;
text-align: left;
line-height: 32px;
background: url('images/back-h1.gif') right top no-repeat;
padding:0px 0px 3px 0px;
border-top: #CCBB6A dotted 1px;
border-bottom: #CCBB6A dotted 1px;
color:#827132;
}
#content-common h2 {
font-size: 18px;
font-weight:lighter;
text-align: left;
line-height: 24px;
padding:10px 0px 0px 0px;
color:#606060;
}
#content-common p {
font-size: 11px;
text-align: left;
line-height: 18px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #333333;
}
#content-common ol {
font-size: 11px;
text-align: left;
line-height: 18px;
color:#333;
}
#content-common ul {
font-size: 11px;
text-align: left;
line-height: 18px;
color:#333;
}
#content-common li {
margin: 0px 0px;
padding: 3px 0px 3px 0px;
}
#content-common a {
font-size: 12px;
color: #CC6600;
font-weight: bold;
text-decoration: none;
}
#content-common a:hover {
color: #FF9900;
text-decoration: underline;
}
#content-common small {
font-size: 11px;
}
#content-front {
width: 540px;
height: auto;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin: 0px 0px 0px 15px;
padding: 16px 8px 20px 0px;
}
#content-front img {
margin: 0px 10px 0px 0px;
border: 0px;
}
#content-front a{
font-family: "Trebuchet MS", Verdana;
font-size: 13px;
color: #41748d;
}
#content-front h1 {
font-family: "Trebuchet MS", Verdana;
font-size: 20px;
font-weight: bold;
text-align: left;
padding:5px 0px 5px 0px;
color:#163868;
border-bottom: #506FC1 dotted 1px;
}
#content-front h2 {
font-family: 'Fertigo', Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
padding:5px 0px 5px 8px;
color:#FFFFFF;
background-color: #3D3F54;
}
#content-front h3 {
font-family: 'Fertigo', Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
padding:5px 0px 5px 8px;
color:#FFFFFF;
background-color: #639631;
}
#content-front h5 {
font-size: 12px;
font-weight: bold;
text-align: left;
padding:5px 0px 5px 0px;
margin: 0px 0px;
color: #3150A2
}
#content-front p {
font-size: 80%;
text-align: justify;
line-height: 18px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #333333;
}
#content-front ol {
font-size: 11px;
text-align: left;
line-height: 18px;
color:#333;
}
#content-front ul {
font-size: 11px;
text-align: left;
line-height: 18px;
color:#333;
}
#content-front li {
margin: 0px 0px;
padding: 3px 0px 3px 0px;
}
#content-front small {
font-size: 11px;
}
#content-front strong {
font-size: 12px;
color: #000000;
}
#content-right {
font-size: 12px;
width: 170px;
height: 400px;
float:right;
margin: 0px 0px;
padding: 24px 10px 0px 0px;
}
#content-right img {
border: dotted 1px #000000;
padding: 1px;
}
#ff-hack {
height: 20px;
clear: both;
}
#footer {
width: 765px;
height: 80px;
background-color: #1F2B5F;
clear: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 15px;
background-image: url(images/stone.jpg);
background-repeat: repeat-x;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #4571D2;
}
#footer a {
color: #64B3D9;
font-weight: normal;
text-decoration: none;
}
#footer a:hover {
color: #FFFFFF;
text-decoration: none;
}
#footer ul {
}
#footer li {
display:inline;
}
.pageBar {
color: #6C6C6C !important;
background-color: #FAFAFA;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
font-size: 11px;
height: 20px;
margin: 10px 0px 0px 0px;
padding: 3px 5px 3px 5px;
}
.pageInfo {
float: left;
color: #6C6C6C !important;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pageInfo b {
color: #427EA7 !important;
}
.pageNav {
float: right;
width:auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pageNav div {
float: left;
color: #427EA7;
margin: 0px 1px 0px 1px;
padding: 2px 4px 2px 4px;
}
.pageNav a {
float: left;
color: #DFA712 !important;
background-color: #FFFFFF;
border: 1px solid #EFEFEF;
display: block;
margin: 0px 1px 0px 1px !important;
padding: 2px 4px 2px 4px !important;
}
.pageNav a:hover {
color: #427EA7 !important;
background-color: #EDE9DB;
font-weight: bold;
text-decoration: none !important;
}
.both-clear {
clear: both;
}
@font-face {
font-family:'Fertigo';
src: url('images/Fertigo.otf') format('opentype');
}
.dropcap{
margin-right:6px;
margin-top: 5px;
float:left;
color:white;
font-size:50px;
line-height:60px;
padding-top:2px;
padding-right:5px;
padding-left:6px;
font-family: "Times New Roman", Times, serif;
background-color: #639631;
}
.teks6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #90CEEE;
}
.teks6 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #90CEEE !important;
text-decoration: none;
}
.teks6 a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #90CEEE;
text-decoration: underline;
}
.teks5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #3150A2;
}
.bawah {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #90CEEE;
}
.bawah a {
color: #90CEEE;
text-decoration: none;
}
.bawah a:active {
color: #90CEEE;
text-decoration: none;
}
.bawah a:visited {
color: #90CEEE;
text-decoration: none;
}
.bawah a:hover {
color: #FFFFFF;
text-decoration: none;
}
.lines {
border: 2px solid #999999;
}
.teksmiring {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
color: #666666;
}
.detail-event {
font-family: Tahoma, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 10px 5px 10px;
}
.detail-event h3 {
color: #333333;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 3px 0px;
}
.detail-event h3 cite {
text-align: right;
font-size: 10px;
font-weight: normal;
color: #A6A6A6;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
.detail-event h4 {
color: #427EA7;
display: block;
font-size: 12px;
font-weight: bold;
margin: 5px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}
.detail-event p {
color: #555555;
text-align: justify;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
.detail-event table {
color: #555555;
text-align: justify;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
.detail-event small {
color: #72B820 !important;
}
.detail-event p a {
color: #72B820!important;
text-decoration: none!important;
}
.detail-event p a:hover {
text-decoration: underline!important;
}
.detail-event strong {
color: #6175A8;
}
.detail-event p img{
/*background-image: url('images/images-bg-content.gif');*/
background-position: right top;
background-repeat: no-repeat;
float: right;
/*width: 116px;
height: 76px;*/
margin: 0px 0px 0px 5px;
padding: 3px 8px 9px 5px;
}
.list-archive {
margin: 0px 0px 0px 5px;
padding: 0px 0px 10px 0px;
}
.list-archive a {
color: #6175A8;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.list-archive a:hover {
color: #DFA712;
text-decoration: none;
border-bottom: 1px solid #DFA712;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.list-archive p {
color: #A6A6A6;
text-align: left;
font-size: 11px;
font-weight:bold;
}
.list-archive h3 {
color: #828282;
display: block;
font-size: 14px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 3px 0px;
}
.list-archive h3 cite {
color: #828282;
text-align: right;
font-size: 10px;
font-weight: normal;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
.list-archive cite {
color: #828282;
text-align: right;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
.list-archive ul {
margin: 0px 0px 10px 12px;
padding: 0px 0px 0px 0px;
}
.list-archive li {
color: #FFFFFF;
font-size: 11px;
background-image: url('images/separator/bullet-archive.gif');
background-position: left top;
background-repeat: no-repeat;
color: #FFFFFF;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}
.list-archive small {
color: #DFA712 !important;
}
.page-nav {
clear: both;
text-align:right;
font-size: 12px!important;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}
.page-nav a {
color: #72B820!important;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.page-nav a:hover {
color: #DFA712!important;
text-decoration: none;
border-bottom: 1px solid #DFA712!important;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.page-nav ul {
margin: 5px 0px 0px 0px!important;
padding: 0px 0px 0px 0px;
}
.page-nav li {
display: inline;
color: #C2C2C2;
background-image: url('images/separator/arrow-blue.gif');
background-position: left;
background-repeat: no-repeat;
list-style: none!important;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 15px!important;
}
.notebox-done {
width: 90%;
border: 1px solid #F1C200;
padding: 10px 13px 12px 43px;
margin: 5px 0px;
color: #362F2D;
background-color: #FEF8E0;
background-image: url('images/separator/notebox-done-topleft.gif');
background-position: top left;
background-repeat: no-repeat;
-moz-border-radius: 4px;
}
.notebox-info {
width: 92%;
border: 1px solid #F2EECE;
padding: 10px 13px 12px 43px;
margin: 5px 0px;
color: #362F2D;
background-color: #FCFBF3;
background-image: url('images/separator/notebox-info-topleft.gif');
background-position: top left;
background-repeat: no-repeat;
-moz-border-radius: 4px;
}
.notebox-info h2 {
font-size: 10pt;
color: #362F2D;
}
.notebox-info ul {
margin: 5px 0px 0px 20px;
padding: 0px;
}
.notebox-info li {
margin: 0px;
}
.notebox-alert {
width: 90%;
border: 1px solid #F2EECE;
padding: 15px 13px 12px 43px;
margin: 5px 0px;
color: #362F2D;
background-color: #FCFBF3;
background-image: url('images/separator/notebox-alert-topleft.gif');
background-position: top left;
background-repeat: no-repeat;
-moz-border-radius: 4px;
}
.notebox-warning {
width: 90%;
border: 1px solid #ED1C24;
padding: 10px 13px 12px 13px;
margin: 5px 0px;
color: #fff;
background-color: #F25E4F;
/*background-image: url('images/notebox-warning-topleft.gif');*/
background-position: top left;
background-repeat: no-repeat;
-moz-border-radius: 4px;
}
.notebox-warning a {
color: #ffffff;
text-decoration: underline;
}
/* CSS Document */
#striping {
width: auto;
height: 27px;
background-color: #656565;
}
.berita {
font-size: 11px;
color:#11809E;
margin: 0px 0px;
padding: 0px 0px 12px 0px;
}
.berita ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 16px 0px 30px;
}
.berita li {
margin: 0px 0px;
padding: 10px 0px;
}
.berita a {
color: #333;
text-decoration: none;
font-size: 11px;
display: block;
line-height: 16px;
margin: 0px 0px;
padding: 0px 0px;
}
.berita a:hover {
color: #B6A050;
text-decoration: underline;
}
.berita table {
font-size: 11px;
line-height: 14px;
color:#333;
margin: 8px 0px 10px 24px;
padding: 0px 0px 0px 0px;
}
.small {
color: #CC6600;
font-size: 10px;
margin: 0px 0px;
padding: 0px 0px 4px 0px;
}
.banner-ad {
height: auto;
margin: 20px 0px 0px 0px;
padding: 0px 0px 16px 15px;
font-size: 10px;
color: #000000;
}
.banner-ad a{
margin: 0px 0px;
padding:0px 0px;
text-decoration: none;
color: #0099FF;
}
.banner-ad a:hover{
text-decoration: underline;
}
.banner-ad img{
border: none !important;
margin: 0px 0px;
padding:0px 0px;
}
#submenu {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#submenu ul {
list-style: none;
clear: both;
font-size: 11px;
font-weight: bold;
margin: 0px 0px;
padding: 0px 0px 10px 0px;
}
#submenu li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#submenu a {
color: #D0D7D7;
text-decoration: none;
display: block;
margin: 0px 0px;
padding: 10px 0px 14px 48px;
background-image: url(images/btn7.jpg);
}
#submenu a:hover {
color: #FFFFFF;
background-color: #3D3F54;
background-image: url(images/btn7_on.jpg);
}
#submenured a {
color: #D0D7D7;
text-decoration: none;
display: block;
margin: 0px 0px;
padding: 10px 0px 14px 48px;
background-image: url(images/btn8.jpg);
}
#submenured a:hover {
color: #FFFFFF;
background-color: #3D3F54;
background-image: url(images/btn8_on.jpg);
}
.table-list {
clear: both;
padding: 10px 10px 10px 10px;
border-collapse: collapse;
border-top: #bbb 1px solid;
border-bottom: #bbb 1px solid;
text-align: left;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
margin: 10px 0px;
width: 100%;
background-color: #F2F8FD;
}
.table-list p {
text-align: justify;
}
.table-list img {
float: left;
margin: 0px 10px 5px 0px;
padding: 0px 0px 0px 0px;
}
.table-list ul {
padding: 0px;
margin: 0px 0px 0px 20px;
list-style-type: square;
}
.table-list tr {
border-top: #ffffff 1px solid;
border-bottom: #555555 1px solid;
border-collapse: collapse;
}
.table-list-name {
color: #003366;
width: 90px;
text-align: right;
font-weight: normal;
vertical-align: top;
padding: 8px 10px 6px 10px;
border-bottom: #ddd 1px solid;
}
.table-list th {
color: #003366;
background-color: #F7FAFC;
text-align: left;
font-weight: normal;
vertical-align: top;
padding: 8px 20px 6px 15px;
border-bottom: #D8EAF9 1px solid;
background-image: url('images/separator/table-list-bg.gif');
background-repeat: no-repeat;
background-position: top left;
}
.table-list td {
color: #000000;
background-color: #F7FAFC;
padding: 8px 15px 6px 5px;
border-bottom: #D8EAF9 1px solid;
}
.table-list-input {
color: #000000;
padding: 4px 15px 6px 0px;
border-bottom: #ddd 1px solid;
}
.table-list cite {
color: #666666;
font-style: normal;
}
/*.table-common {
width: 100%;
height: auto;
font-size: 11px;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.table-common th {
background-color: #CC6600;
background-image: url('images/table-th.gif');
background-repeat: repeat-x;
color: #FFFFFF;
padding: 5px;
}
.table-common td {
color:#666666;
border: solid 1px #CCCCCC;
padding:2px 0px 3px 3px;
}
.table-common a {
color: #005287 !important;
font-weight: bold;
text-decoration: none;
}
.table-common a:hover {
color: #CC6600 !important;
text-decoration: underline;
}
*/
.table-common {
clear: both;
text-align: left;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
border-width: 1px;
border-style: solid;
border-color: #999999;
border-collapse: collapse;
border-top: #ddd solid 1px;
border-left: #ddd solid 1px;
margin: 10px 0px 10px 1px;
width: 100%;
}
.table-common th {
color: #1C4675;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 0.2em 0.5em;
border: 1px solid #C9D5E1;
border-collapse: collapse;
border-top: none;
background-color: #E3EFF9;
background-image: url('images/separator/content-half-h2.gif');
background-repeat: repeat-x;
background-position: top;
}
.table-common td {
padding: 0.3em 0.4em;
color: #333333;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-color: #C9D5E1;
border-collapse: collapse;
background-color: #FFFFFF;
}
.table-common a {
color: #0C419A;
text-decoration: none;
}
.table-common .nama {
width: 150px;
font-weight: bold;
}
.table-common .judul {
width: 200px;
}
.table-common-alert td {
background-color: #aa2222;
color: #ffffff;
}
.table-common-alert a {
color: #fdc689;
}
.table-common-even {
}
.table-common-even td{
background-color: #F1F7FC !important;
}
.table-common-alert a:hover {
color: #A0410D;
}
.table-common-links {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.table-common-links a {
clear: inherit;
float: left;
border: #CDDCC8 1px solid;
font-family: Tahoma, Arial, sans-serif;
font-size: 8pt;
cursor: pointer;
margin: 0px 1px 0px 1px;
padding: 3px 5px;
color: #0C419A;
}
.table-common-links a:hover {
text-decoration: none;
background-color: #FFF9D6;
background-image: url('images/separator/button_bg.gif');
background-repeat: repeat-x;
}
.table-common-links a:active {
text-decoration: none;
padding: 4px 3px 1px 6px;
border: #ece9d6 1px solid;
border-bottom: #fffef5 2px solid;
border-right: #fffef5 2px solid;
}
.table-common-links img
{
border: none;
}
.form-login {
width: 237px;
height: 144px;
color: #454545;
text-align:left;
font-size: 10px;
background-image: url('images/separator/back-login.jpg');
background-repeat: no-repeat;
margin: 10px 0px 0px 0px;
padding: 16px 0px 0px 0px;
}
.form-login input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
padding: 2px;
margin: 2px 2px 0px 0px;
border: 1px solid #999999;
}
.form-login table {
margin: 0px 0px 0px 26px;
padding: 0px 0px 0px 0px;
}
.form-login div{
text-align: left;
font-size: 10px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 30px;
}
.form-login a{
color: #FF6C00;
font-weight: bold;
text-decoration: none;
}
.form-login a:hover {
color: #FFA84B;
text-decoration: underline;
}
.button {
display: inline;
text-align: right;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: auto;
}
.button input {
color: #FFFFFF;
background-color: #999999;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
border-top: 1px #A3A3A3 solid;
border-left: 1px #A3A3A3 solid;
border-right: 1px #A3A3A3 solid;
border-bottom: 1px #A3A3A3 solid;
margin: 0px 0px 0px 0px !important;
padding: 0px 2px 0px 2px !important;
cursor:pointer;
}
.button a {
border: #ece9d6 1px solid;
height: 14px;
padding: 3px 7px;
margin: 1px 1px 0px 0px;
display: block;
float: left;
overflow: hidden;
cursor: default;
}
.button a:hover {
text-decoration: none;
background-image: url('images/separator/button_bg.gif');
background-repeat: repeat-x;
background-color: #ffffff;
padding: 3px 7px;
border: #FCE171 1px solid;
}
.testimoni {
border-bottom: dotted 1px #669934;
margin-bottom: 8px;
}
.testimoni img {
float:left;
/*margin: 5px 14px 8px 0px;*/
margin: 5px 5px 0px 5px;
padding: 0px;
}
.news {
border-bottom: dotted 1px #996600;
margin-bottom: 8px;
}
.lineform {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; border: 1px solid #CCCCCC;}
.tombol {
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFFFFF;
border: 1px solid #DAE4E6;
background-color: #173974;
}
/* CSS Document */
.galeri-full {
width: auto;
height: 310px;
margin: 0px 0px 20px 0px;
padding: 0px 0px
}
.galeri-full img {
max-width: 410px;
height: 300px;
margin: 0px 0px;
padding: 0px 0px
}
.table-desc {
color: #333333;
font-size: 11px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.table-desc td {
padding-right: 10px;
}
/*
.galeri-thumb {
width: 440px;
height: auto;
margin: 0px 0px 8px 0px;
padding: 10px 0px 0px 0px;
}
.galeri-thumb img {
width: 64px;
height: 64px;
}
*/
/*
.galeri-thumb {
width: 555px;
padding: 0px;
text-align: center;
font-size: 10pt;
}
.galeri-thumb a {
display: block;
float: left;
width: 100px;
height: 140px;
margin: 4px 5px 4px 5px;
padding: 0px 0px 2px 0px;
border: #f8f9f5 1px solid;
text-align: center;
overflow: hidden;
color: #A06849 !important;
}
.galeri-thumb a:hover {
color: #A0410D !important;
border: #ece9d6 1px solid;
text-decoration: none;
background-color: #f8fcf9;
-moz-border-radius: 10px;
}
.galeri-thumb a:active {
}
.galeri-thumb img {
border: none;
display: block;
text-align: center;
margin: 5px auto 5px auto;
}
*/
.galeri-thumb {
font-size:10pt;
padding:0px;
text-align:center;
width:100%;
}
.galeri-thumb a {
border:1px solid #FFFFFF;
color:#A06849 !important;
display:block;
float:left;
height:160px;
margin:4px 5px 4px 5px;
overflow:hidden;
padding:0px 0px 2px;
text-align:center;
text-decoration:none;
width:100px;
}
.galeri-thumb a:hover {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#FFFFFF;
border:1px solid #F9E69B;
color:#A0410D !important;
text-decoration:none;
}
.galeri-thumb a:active {
}
.galeri-thumb img {
border:medium none;
display:block;
margin:5px 5px 5px 5px;
text-align:center;
}
.galeri-thumb-kecil {
font-size:10pt;
padding:0px;
text-align:center;
width:100%;
}
.galeri-thumb-kecil a {
border:1px solid #FFFFFF;
color:#A06849 !important;
display:block;
float:left;
height:84px;
margin:4px 5px 4px 5px;
overflow:hidden;
padding:0px 0px 2px;
text-align:center;
text-decoration:none;
width:100px;
}
.galeri-thumb-kecil a:hover {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#FFFFFF;
border:1px solid #F9E69B;
color:#A0410D !important;
text-decoration:none;
}
.galeri-thumb-kecil a:active {
}
.galeri-thumb-kecil img {
border:medium none;
display:block;
margin:5px 5px 5px 5px;
text-align:center;
}
.bold {
font-size:16px;
font-weight:bold;
}
.next {
font-size: 11px !important;
text-align: center;
color: #CC6600;
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
margin: 0px 0px 16px 0px;
padding: 3px 20px 3px 0px;
}
.next a {
font-size: 11px !important;
padding: 2px;
color: #CC6600; !important;
}
.next a:hover {
background-color: #FF9900;
padding: 2px;
color: #FFF !important;
}
.atas {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
float: right;
}
.atas td {
padding-right: 15px;
}
.atas li {
display: inline;
padding-right: 7px;
}
.atas a {
color: #333333;
text-decoration: underline;
}
.atas a:hover {
color: #333333;
text-decoration: none;
}