/*----------------- Global Tags ---------------------*/
* {
	padding:0;
	margin:0 auto;
	/* font-family:Tahoma, serif; */
	/* color:#333333; */
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:13px;
}
body {
    color:#000000;
	font-size:11px;
	/* background-color:#E4F3BC; */
	background-color:#E4F3BC;
	width:1022px;
}
.clearing {
    clear:both;
}
img {
	border:0;
}
a {
    /* color:#75a8d5; */
   /*  color:#004080;
    text-decoration:underline; */
	font:bold 11px Geneva,Arial,Helvetica,sans-serif;
	text-decoration:none;
}
a:link{
/* color:#000000; */
/* color:#699535; */
color:#006400;
}
a:visited{
/* color:#000000; */
/* color:#699535; */
color:#006400;
}
a:hover {
    /* text-decoration:none; */
	/* color:#FFA500; */
	/* color:#699535; */
	color:#006400;
font:bold 11px Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
h3{
   /*  background:url('h3_background.gif') no-repeat; */
    /* padding:19px 20px 8px 20px;
    *padding:18px 20px 10px 20px; */
	padding:5px 5px 0px 10px;
    *padding:18px 20px 10px 20px;
    color:#006400;
	font:bold 13px Geneva,Arial,Helvetica,sans-serif;
    font-weight:bold;
}
h1 {
    /* font-size:14px;
    color:#2973b3;
    padding:6px 0 6px 10px;
    margin-bottom:7px;
	background-color:#f4f4f4; */
	background-color:#FFFFFF;
background-image:url("../images/gradientfromtop.gif");
background-position:0 -50px;
background-repeat:repeat-x;
border:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
color:#303030;
margin:0;
padding-bottom:2px;
padding-left:4px;
padding-top:2px;

font-size:160%;
font-weight:normal;
margin-bottom:0px;
}

h1 a{
    font-size:14px;
    color:#2973b3;
    padding:6px 0 6px 10px;
    margin-bottom:7px;
	background-color:#f4f4f4;
}

h4 {
    font-size:30px;
    color:white;
    padding:6px 0;
    margin-bottom:7px;
    padding:7px;
}

h2 {
    /* color:#ff5d2b; */
    color:#004080;
    font-size:19px;
    font-weight:bold;
}

h2.tutheader {
background-color:#FFFFFF;
background-image:url("../images/gradientfromtop.gif");
background-position:0 -50px;
background-repeat:repeat-x;
border:1px solid #D4D4D4;
border-bottom:0px solid #D4D4D4;
color:#303030;
margin:0;
padding-bottom:2px;
padding-left:4px;
padding-top:2px;

font-size:160%;
font-weight:normal;
margin-bottom:0px;
/* margin-top:10px; */
}

h1, h2, h3 {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
/* font-weight:normal; */
text-align:left;
}

#abstrak {
    /* color:#ff5d2b; */
    color:#000000;
    /* font-size:12px;
    font-weight:bold; */
}
#main {
	width: 1022px;
	background-color:#fff;
	border:1px #D4D4D4 solid;
}
/*--------------------------- Header ----------------------*/
#header {
    /* min-height:75px;
	    background:url('tile-header.gif') repeat-x; */
	/* position: absolute; */
	/* z-index:-2; */
	top: 0;
	/* width: 898px; */
	width: 1022px;
	height: 198px;
	/* height: 154px; */
	/* background-image: url('../images/Header.png'); */
	/* background-image: url('../images/Header_lib.gif'); */
	background-image: url('../images/head.png');
	background-repeat: no-repeat;
	background-position: top;
}
#header h1{
	font-size:30px;
	color:white;
}
.logo {
	margin:25px 0 0 18px;
	float:left;
}
.banner {
	float:right;
	margin:24px;
}

/*----------------------- Footer -----------------------*/
#footer {
	
    /* background-color:#FFF; */
    background-color:#85D75E;
    border-top:2px solid #e6e6e6;
    margin:10px 0px 0 0px;
}
.footer_links {
    float:left;
    font-weight:bold;
    color:#c6c6c6;
    padding:18px 0 0 20px;
}
.footer_links span{
    border-right: solid 1px #c6c6c6;
    padding-left:15px;
}
.footer_links a{
    font-weight:normal;
}
.copyrights {
    padding:10px 0 0 20px;
    float:left;
    color:#c6c6c6;
}
.description {
	padding:10px 20px 0 0;
	float:right;
    color:#c6c6c6;
}
.description a{
    color:#c6c6c6;
    text-decoration:none;
}
.description a:hover{
    text-decoration:underline;
}

/*--------------------- Columns ----------------------*/
#wrapper {
	background-color:#FFF;
}
#left_column {
    /* margin-top:16px; */
    margin-top:4px;
    float:left;
    width:205px;
    margin-left:0px;
}
html>body #left_column{
    margin-left:5px;
}
#middle_column {
    /* margin-top:15px; */
	/* margin-top:8px; */
	margin-top:4px;
    float:left;
    margin-left:20px;
    margin-left:5px;
    width:800px;
    background-color:white;
}
#middle_column p{
    text-align:justify;
}
#menu_column {
    float:left;
    width:500px;
    margin-left:0px;
	margin:0px 10px 0 10px;
	color:#fff;
}
#menu_column a,#search_column  a{
    color:#fff;
}
#search_column {
	float:right;
	width:365px;
    /* background-color:#FFF; */
    border-top:0px solid #e6e6e6;
    margin:0px 10px 0 10px;
}
#right_column {
    margin-top:14px;
    float:right;
    margin-right:5px;
    width:175px;
}
html>body #right_column {
    margin-right:10px;
}
#middle_column ul {
	padding:10px 0 10px 16px;
}

/*------------------------- Block --------------------------*/
.action_errors {
    font-size:16px;
    color:red;
    margin:8px;
}
.validation_errors {
    color:red;
	float:right;
}

/*----------------------- Template Preview ----------------------*/
.template{
    width:155px;
    background:url('/static/images/template_background.png') no-repeat;
    height:268px;
    text-align:center;
    float:left;
}
.thumbnail {
    height:155px;
    text-align:center;
}
table{
    width:95%;
	margin:3px;
	padding:0;
}
#tabgraf{
	margin:3px;
	padding:0;
}
.template a{
    margin:0;
}
.template .links {
	background:#ff5d2b;
	color:white;
    padding:5px;
	margin:0 4px 5px 4px;
    text-align:center;
}
.template .links a {
	color:white;
	font-weight:bold;
    padding:0 10px;
}
.template .info {
    padding:2px 5px 5px 15px;
    height:65px;
    text-align:left;
}
.template .info a {
	color:#75a8d5;
	font-weight:normal;
}
.view_templates{
   	width:155px;
	margin:2px 8px 0 12px;
	text-align:center;
	float:left;
}
html>body .view_templates{
    margin:15px 7px 10px 18px;
    *margin:2px 8px 0px 12px;
}
.browse_all{
    clear:both;
    font-weight:bold;
    text-align:right;
    margin-top:15px;
    margin-bottom:15px;
    padding:0 21px 5px 0;
}
html>body .browse_all{
    padding:0 16px 5px 0;
}

/*------------------- Template Container ----------------------*/
.template_container {
    text-align:right;
    margin-bottom:10px;
}
.pager {
    margin:10px 20px 10px 0;
}
html>body .pager {
    margin:5px 20px 5px 0;
    *margin:10px 20px 10px 0;
}
.pager a {
	margin:0;
	font-weight:normal;
}
.avatar img{
	width:60px;
	height:60px;
    float:right;
    margin-right:183px;
    *margin-right:178px;
    vertical-align:bottom;
}

/*------------------------ Antispam System ------------------------*/
.validator{
    display:none;
}
.imageGenerator{
    float:right;
    border:1px solid black;
}
.antispam_system{
    margin-top:13px;
    float:right;
    margin-bottom:15px;
    width:335px;
}
.form_message {
    color:red;
}
.antispam{
    float:left;
    width:116px;
}

/*------------------------ Contacts Live Chat --------------------*/
.live_chat{
	padding:0 5px 20px 0;
}
.live_chat a{
    padding:0;
}
.live_chat img{
	margin:15px 0 0 0;
}
.ttfield {
    display: none;
}
.link{
	padding:3px;
	color:#75a8d5;
    text-decoration:none;
	font-size:13px;
}
.link:hover{
    text-decoration:underline;
	text-decoration:link;
	text-decoration:bold;
}
.datalist{
 /* border:1px grey dashed; */
 border:1px #D4D4D4 solid;
 

}
.datalist img{

}
.imgs{
border:1px solid #D4D4D4;
}
.gbr{
margin:0;
background:url('logo-bsn3.gif') no-repeat;
float:left;
}
.bigimgs{
border:3px solid black;
float:left;
margin:10px;
}
.doyongkanan{
float:left;
width:70%;
margin-top:12px;
}
.nb{
/* border:1px solid #CCCCCC; */
border:1px solid #FFA500;
/* background-color:#ECECEC; */
background-color:#FFA500;
}
.pnb{
	margin:4px;
	padding:2px;
	font-size:12px;
	/* color:#535054; */
	color:#000;
}
#download-box {
background-color:#FFFFE1;
border:1px solid #FF0000;
margin-bottom:10px;
padding:5px;
}
#download-box p {
border-bottom:medium none;
margin-left:5px;
}
#download-box a {
text-decoration:none;
}
#download-box a:hover {
text-decoration:underline;
}
#download-box .download-title {
background-color:inherit;
margin-left:5px;
}

.submit input, .submit input:focus, .buttons, .button2focus, .buttonSubmit, .yn-button button {
background:url("../images/fade-butt.png") repeat scroll 0 0 transparent;
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-style:double;
border-width:3px;
color:#333333;
cursor:pointer;
padding:0 0px;
}