@charset "utf-8";
/* CSS Document */

body {
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #333;
    background:#d6dee0 url(../img/bg_repeat_x_dua.jpg) repeat-x 1px top;
}

div {
   padding:0;
   margin:0;
}

a {
   text-decoration: none;
   color: #0000A0;
}

img {
    border:0;
}

a:hover, a:visited {
   color: #0000A0;
   /* color:#b9bed2; */
}

a:hover {
   text-decoration: underline;
   color: #09bed2;
}

* html .reset, .reset tbody th,
* html .reset tbody td, 
* html .reset tbody tr {
    padding-top:1px;
    padding-bottom:1px;
    margin:1px;
}

.reset, .reset > tbody th, .reset > tbody td, .reset > tbody tr {
    padding-top:1px;
    padding-bottom:1px;
    margin:1px;
}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

blockquote {
  font: 14px/22px normal sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}

hr {
    border:0;
    border-top:1px solid gray;
    height:0px;
}
   
#container {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(../img/bg_top.jpg) no-repeat 0 0;
}
#top_nav {
	text-align: right;
	color: #FFF;
}

#top_nav a {
    color: #fff;
}

#left_nav {
	width: 210px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
}

#left_nav .top {
    background:transparent url(../img/inner/atas.png) no-repeat 0 0;
	font-size: 9pt;
	height:20px;
}

#left_nav h2.top {
    margin:0; padding:4px 0;
    zoom:1;
    margin-bottom:-3px;
}

#left_nav .white {
    background-color: #fff;
    width: 100%;
    padding-bottom: 10px;
    text-align:left;
    font-family:Verdana, Geneva, sans-serif;
    font-size:1em;
    font-weight:normal;
}

#left_nav .white .sb-inner {
   background-color: #fff;
}

#left_nav #bottom_curve {
    -moz-border-radius-bottomright:0.5em;
    -moz-border-radius-bottomleft:0.5em;
    -webkit-border-bottom-right-radius:0.5em;
    -webkit-border-bottom-left-radius:0.5em;
}

#left_nav ul {
   list-style:none;
   margin:0;
   padding:0;
}

#left_nav .header, #left_nav .ui-state-default {
    padding:2px 1px;
    padding-left:18px;
    display:block;
}

#left_nav .ui-state-active:hover {
    color:#fff;
}

#left_nav .ui-state-default
{
    background:none;
    border:0;
    color: #0000A0;
}

#left_nav .ui-state-default:visited {
    color: #0000A0;
}

#left_nav  ul li {
    padding:5px 2px 5px 20px;
}


#left_nav  ul li a {
    color: #0000A0;
}

#left_nav .level3-item li:hover {
    background-color: #E1E1FF;
    text-decoration:none;
}

#left_nav .level3-item a:hover {
    text-decoration:none;
}

#left_nav .ui-corner-tl, 
#left_nav .ui-corner-tr  , 
#left_nav .ui-corner-bl , 
#left_nav .ui-corner-br , 
#left_nav .ui-corner-top, 
#left_nav .ui-corner-bottom, 
#left_nav .ui-corner-right , 
#left_nav .ui-corner-left , 
#left_nav .ui-corner-all {
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

#left_nav .level3 {
    display:inline-block;width:9px;height:13px;background-position: -52px -208px;
}

#left_nav .level3.squaresmall-minus {
    display:inline-block;width:9px;height:13px;background-position: -68px -208px;
}

#logo {
    float:left;
/*    margin-left:40px;*/
    height:60px;
    width:300px;
}

#logo a, #logo img {
    border:0;
}

/* - */
/** Bursa saham info */
#bursa_saham {
   width: 240px;
   height:26px;
   line-height: 26px;
   margin:0 auto;
   margin-right:0;
   margin-top:-7px;
  color:#fff;
  text-align:center; 
}

#bursa {
    width: 240px;
/*    line-height:23px;*/
/*    margin:0 auto;*/
/*    margin-right:0;*/
/*    position:absolute;*/
/*    top:40px;*/
    padding:8px 0 10px 0;
    color:#fff;
}

#bursa_saham .sb-inner, #bursa .sb-inner {
   background-color: rgba(0, 0, 0, 0.3);
}

#container #mainCenter {
	margin: 0 auto;
	text-align: center;
	width: 943px;
/*   width: 923px; /*Original*/
	padding-top: 10px;
}
#container #mainCenter #shading {
/*    margin-top:40px;*/
	padding: 5px 8px; /*15*/
    background-color: rgba(0, 0, 0, 0.3);
    
    -moz-border-radius:0.6em;
    -webkit-border-radius:0.6em;
    
/*    -webkit-box-shadow: rgba(64, 64, 64, 0.5) -2px 2px 5px;*/
/*    -moz-box-shadow: rgba(64, 64, 64, 0.5) -2px 2px 5px;*/
/*    box-shadow: rgba(64, 64, 64, 0.1) -2px 2px 5px;*/
}

#top {
    height:79px;
    clear:both;
}

#shading .sb-inner {
   background-color: rgba(0, 0, 0, 0.3);
}

#shading_special {
/*    margin-top:35px;*/
    margin-top:-5px;
    padding: 5px 8px; 
}

#shading_special .sb-inner {
    background-color: rgba(0, 0, 0, 0.3);
}

/* - */
/** Main Nav */

#main_nav {
/*   padding-top:10px;*/
	padding-bottom:5px;
	color: #CCC;
	background: url(../img/menu-bg.jpg) repeat-x left top;
	z-index:10;
    height:19px;
}

#main_nav #menu { float:left; height:26px; }

#main_nav #search {
	width: 260px;
	float: right;
    margin-top: 0px;  /*ie has -2px*/
	text-align: right;
}

#main_nav #search #search-field {
    color:gray;
    height: 14px;
    line-height:9pt;
    font-size: 7pt;
    padding:1px 0;
}

#main_nav #search .search-icon {
	border:0;
    width:17px;
    height:20px;
    background:transparent url(../img/button-search-biru.png) no-repeat 0 0;
	background-position: 0px 3px;
}

#main_nav #search img {
   vertical-align:middle;
}

/* - */
/** menu */
#main_nav ul {list-style-type:none; margin:0; padding:0; text-align:left;}
ul#menu {margin-left:10px;}
ul#menu a {text-decoration:none;color:#b9bed2;margin:0; padding:5px 10px;}
ul#menu a:hover {color:#09bed2;;}
ul#menu > li {padding:0;margin:0;}
ul#menu > li:hover {background: url(../img/menu-hover-bg.jpg) repeat-x 0 0;}
ul#menu > li#active {background: url(../img/menu-hover-bg.jpg) repeat-x 0 0;}
ul#menu > li a {border-left:1px solid #444444; border-right:1px solid #000;}
ul#menu > li:first-child a {border-left:0;}
ul#menu > li#active > a {background:url(../img/menu-hover-indicator.jpg) no-repeat 105% 0; color:#fff}

ul#menu li {position:relative; display:inline; float:left;z-index:55;}
ul#menu li a {display:block; padding:5px 10px;}

/* sub-menu */
ul#menu li ul {position:absolute; display:none; visibility:hidden;z-index:55; margin:0;padding:0}
ul#menu li ul li {float:none; display:block; min-width:150px;
   width:150px; /* ie6 doesn't understand min-width */
   z-index:55;
}
ul#menu li ul li a {position:relative; display:block; padding:5px; border:none;
    border-bottom:1px solid #000;}
ul#menu li ul li:last-child a {border-bottom:none;}
   
ul#menu li ul li {background-color:rgba(0,0,0,0.7);}
ul#menu li ul li .sb-inner {background-color:rgba(0,0,0,0.7);}

/* sub-sub-menu */
ul#menu li ul ul {position:absolute;left:150px;top:0;}
/** /menu **/

/* - */
/** Quick Links */

#quick_links ul {list-style-type:none; margin:0; padding:0;}
#quick_links li { text-align:left; padding:3px 5px 2px 40px; }

#quick_links li span {
   width:30px;
   display:inline-block;
   vertical-align:middle;
}

#quick_links {
	width: 240px;
	float: right;
	text-align: center;
}

#quick_links.list {text-align: left;}

#quick_links li img { vertical-align:middle;}

/* - */
/** Easy Slider */

#slider{
    padding:0;
    margin: 0 auto;
    margin-top: 6px; /* must change in ie7.css too */
    margin-bottom: 8px;
/*      height: 255px;*/
      height:248px;
/*      width: 100%;*/
    position: relative;
    width: 875px;
    overflow: hidden;
}
#slider .sb-inner {
/*   background-color: rgba(0, 0, 0, 0.3);*/
}
#slider ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	margin:0;
	padding:0;
	    width:875px;
	    height:248px;
    position:relative;
	overflow:hidden; 
	}
#slider img {
   border:0;
   	    width:875px;
	    height:248px;
}

#slider #numbering {
    
    position:absolute;
    right:15px;
    bottom:15px;
}

#slider #numbering a {
    border:1px solid #515151;
    background-color: #0d1d36;
    text-decoration:none;
    color: #fff;
    font-size:.9em;
    font-weight: bold;
    display:block;
    display:inline-block;
    width:13px;
    height:13px;
    margin-left:5px;
}

#slider #numbering a:visited { color:#fff;}
/*#slider #numbering a:visited { color:#fff;}*/

#slider #numbering a.active {
    border:1px solid #808080;
    background-color: #816f49; color:#000;
}

#prevBtn, #nextBtn{ 
	display:block;
	width:28px;
	height:28px;
    position:absolute;
/*    left:20px;*/
/*    top:148px;*/
    margin-left:17px;
    margin-top:-148px;
	}	
#nextBtn{ 
	margin-left:880px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:28px;
	height:28px;
    background:url(../img/button-left.png) no-repeat 0 0;   
	}	
#nextBtn a{ 
    background:url(../img/button-right.png) no-repeat 0 0;   
	}												

/* - */
/** Mainbody */

#mainbody {
	background-color: #fff;
	padding: 5px 18px 5px 18px;
	margin-top: 5px;
/*    margin-bottom: 30px;*/
	text-align: left;
    min-height:350px;
/*    height:auto !important;*/
/*    height:350px;*/
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
}

#mainbody.with-nav-pane {
    float:right;
	width: 670px;
	margin:0 auto;
	margin-right:0;
	margin-top:10px;
	margin-bottom:10px;
	padding: 0 20px 30px 10px;
    position: relative;
}

#mainbody .sb-inner {
    background-color:#fff;
}

#mainbody.kedaitenaga {
	background-color: #fff;
	width: 875px;
	margin:0 auto;
	margin-right:0;
	margin-top:10px;
	margin-bottom:10px;
	padding: 20px;
	padding-top:0;
    padding-bottom:30px;
	text-align:left;
	position: relative;
}


#mainbody.with-nav-pane h2, #mainbody h2{
   font-size: 1.2em;
/*   font-weight: bold;*/
	color: #C00;
/*   padding-top: 5px;*/
   padding-bottom: 5px;
    margin:10px 1px;
}

#mainbody h2 .print {

    position: absolute;
    width:19px;
    height:12px;
    right:95px;
    background-image:url(../img/printer.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding:2px 0;
    float:right;
}

#mainbody h2 .text-print {
	float:right;
	position:absolute;
	right:10px;
    color:#808080;
    font-size:0.7em;
    padding:2px 0;
}

#mainbody h3 {
    font-size:1.0em;
    color: #EA0000;
    text-shadow: #bbb 1px 1px 0px;
/*    -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;*/
}

#mainbody #faq h3 {
    color:#0070C1;
    text-shadow:none;
}

/*#mainbody table h2 { margin:10px 1px 0; }*/

#mainbody.with-nav-pane #flashcontent {
    z-index:-50;
/*   height:350px;*/
/*   width:648px;*/
/*   text-align:left;*/
}

#mainbody th#breadcrumbs {
    background-color:transparent; 
    color: #000; 
    text-transform:none; 
    text-align:left;
    letter-spacing:0;
    font-weight:normal;
}

#mainbody #bodyhighlight {
	width: 100%;
/*    height: 140px;*/
	background-color: #202133;
	text-align: left;
	padding: 5px 5px 10px 5px;
	margin:0 auto;
    margin-top: 25px;
    
    -moz-border-radius:0.8em;
    -webkit-border-radius:0.8em;
}

#mainbody table.bodyhighlight {
    width: 80%;
}

#mainbody table.bodyhighlight tr td {
    vertical-align: top;
    padding-left: 10px;
}

#bodyhighlight h4 {
	color: #adb9de;
	font-size: 11px;
	font-weight: bold;
	margin:0;
	padding:0;
}

#bodyhighlight .img img {
    border:0;
}

#bodyhighlight .img {
/*    margin:0;
    padding:0;*/
}

#bodyhighlight .content {
    color: #c4c8d8;
    margin:0;
    padding:0;
}
#bodyhighlight h4 {
    width:205px;
}

/*#bodyhighlight .img {
    width: 190px;
}*/

#main_left {
    background-color: #fff;
    border:1px solid #dfdfdf;
    width: 624px;
    
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
}

#main_left .sb-border { background-color: #dfdfdf; }
#main_left .sb-inner { background-color: transparent; }
/* - */
/** Featured */

#featured {
	padding: 0px;
	margin: 0px;
	height: 90px;
	padding-left: 16px;
	padding-top: 8px;
	border:0;
}

/* - */
/** Highlight */

#highlight {
	height: 90px;
	margin:5px 0;
}

#highlight h2, #announcement h2 {
    margin:0;
    padding: 2px;
	padding-left: 18px;
	font-size: 12px;
	font-weight: bold;
	color:#09C;
	background:transparent url(../img/header-repeart-body.png) repeat-x 0 0;
	position:relative;

    border-top:1px solid #dfdfdf; 
    border-bottom:0;
}

#highlight .view-all, #announcement .view-all {
    position:absolute;
    right:0;
	padding-right: 10px;
	font-size: 11px;
	font-weight: normal;
}

#highlight .content, #announcement .content {
    margin-top:5px;
    background-color:transparent;
/*    color: #000;*/
}

#highlight .content ul, #announcement .content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 20px;
}
#highlight .content ul li, #announcement .content ul li {   
    padding: 2px 1px;
    background-image: url(../img/red-bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 12px;
}

#highlight .content a, #announcement .content ul li a {
    margin:0;
    padding:0;
    color:#000;
}

/* - */
/** Announcement */

#announcement {
	height: 90px;
	margin: 0;
	border-top:0;
}

#mainbody #bodyhighlight #careline {
	float: left;
	width: 190px;
	margin:0;
/*    margin: 5px 10px 0px 10px;*/
}
#mainbody #bodyhighlight #onestop {
	float: left;
	width: 190px;
	margin:0;
/*    margin: 5px 10px 0px 10px;*/
}
#mainbody #bodyhighlight #wecare {
	float: left;
	width: 190px;
	margin:0;
/*    margin: 5px 0px 0px 10px;*/
}
#mainbody #bodyhighlight #maintenance {
	float: left;
	width: 190px;
	margin:0;
	margin: 5px 10px 0px 10px;
}

#footer {
    margin: 14px 0 50px 0;
	padding:0 30px;
	text-align: left;
	color: #000;
	position: relative;
}
#footer #rss {
	text-align: right;
	float: right;
}
#footer #follow {
	text-align: right;
	float: right;
}
a.rss, a.twitter {display:block;float:left;width:37px;height:38px; margin-left:10px;}
a.download {display:block;width:50px;height:50px; margin-left:10px;}
.rss:hover, .twitter:hover, .download:hover { text-decoration:none;}
.rss {
   background-image:url(../img/button-oren.png);
}
.twitter {
   background-image:url(../img/button-biru.png);
}

.clear {
	clear: both;
}

.link a {
   color: #000;
}

.leftAlign {
	text-align:left;
}
.scroll {
   height:900px;
   overflow:scroll;
}

/*#flash-file {display:none;}*/

/*Tenders*/
.tender {
    padding-left:20px;
}

.tender .body {
    padding:5px 2px;
    padding-left:5px;
    width:560px;
    border:1px solid #C0C0C0;
}

.tender span {
    width: 150px;
    display:inline-block;
    padding:5px 2px;
}

.tender p {
    padding:5px 2px;
    padding-left:5px;
    width: 400px;
    display:inline-block;
    background-color:#D9D3E2;
}


.tender-table, .tender-table th, .tender-table td {
    border-spacing:0px;
    border-color:#D4E0EE;
    border-width:0 1px 1px 0;
    border-style:solid;
    padding:0;
	color: #555;
}

.tender-table th {
    font-family: "Trebuchet MS", Arial, sans-serif;
    background: #DAE7F1;
	color: #4F76A3;
	font-size: 1.2em;
	font-weight: bold;
}

.tender-table td, .tender-table th {
    vertical-align: top;
    border-width:1px 0 0 1px;
	padding: 6px 6px 6px 12px;
}

.tender-table tbody tr { background: #EDF1F8; }

.tender-table tbody tr:nth-child(even) {
    background-color: #F7F9FC;
}



.close img {
   padding:4px;
   border:1px solid #021a40;
   background-color:#333;

}
.notice	{ 
	padding: 1px 0 0 230px; 
	position: relative; 
	min-height: 300px; 
	text-align: justify;
}
.close { 
	position: absolute;
	top: 5px;
	left: 5px;
}
.notice-main	{ 
	position: relative; 
	min-height: 60px; 
	text-align: justify;
}
.notice-main .close { 
	display:none;
}

/* Pagination CSS */
.paging ul{border:0; margin:0; padding:0;}

#pagination-clean li{

border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-clean li, #pagination-clean a{

border:solid 1px #DEDEDE;
margin-right:2px;
}
#pagination-clean .previous-off,
#pagination-clean .next-off {

color:#888888;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-clean .next a,
#pagination-clean .previous a {

font-weight:bold;
border:solid 1px #FFFFFF;
} 
#pagination-clean .active{

color:#000;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-clean a:link,
#pagination-clean a:visited {

color:#0033CC;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-clean {

text-decoration:none;
}

/**
 * Digg Style Pagination;
 */

ul#pagination-digg
{ 
    border:0; margin:0; padding:0;
}

#pagination-digg li
{
    border:0; margin:0; padding:0;
    font-size:11px;
    list-style:none;
    float:left;
    margin-right:2px;
}
#pagination-digg a
{
    border:solid 1px #9aafe5;
    margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off 
{
/*    border:solid 1px #DEDEDE;*/
    color:#888888;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
/*    padding:3px 4px;*/
}
#pagination-digg .previous-off a,
#pagination-digg .next-off a
{
    border:solid 1px #DEDEDE;
}
#pagination-digg .next a,
#pagination-digg .previous a 
{
    font-weight:bold;
}
#pagination-digg .active
{
    background:#2e6ab1;
    color:#FFF;
    font-weight:bold;
    display:block;
    float:left;
    padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited 
{
    color:#0e509e;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
}
#pagination-digg a:hover
{
    border:solid 1px #0e509e;
}

/**************************************/
/*              BUTTONS               */
/**************************************/

a.button{
	background:url(../../img/admin/button.png);
	display:inline-block;
	color:#555555;
	font-weight:bold;
	height:50px;
	line-height:48px;
	margin:0 5px 50px 0;
	text-decoration:none;
	width:180px;
}
a:hover.button{
	color:#0066CC;
}

.img-modules{
	background-repeat: no-repeat;
	background-position: 12px 10px;
	text-indent:47px;
	display:block;
}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}


/* ----------- stylized ----------- */
#stylized{
	float:left;
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#stylized textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#stylized button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
/* Highlights, Announcement, News, Bursa and Shareholdings CSS */

#news-archives {
    float: right;
    width: 170px;
    background-color: #F9F9F9;
}

#news-archives .post {
    padding: 2px 5px 2px 15px;
}

#news {
	display: inline;
	float: left;
	margin-right: 20px;
	width: auto;
/*    margin: 20px;*/
/*    width: 460px;*/
	text-align:justify;
	}
#news .post {
	margin-bottom: 40px;
	overflow: hidden;
	display: inline-block; 
	}
#news .post {
	display: block; 
	}

#news .post h2 a {
	color: #666666;
	text-decoration: none; 
	}
#news .post h2 a:hover {
	text-decoration: underline; 
	}
#news .post .post-info, #news .post .post-meta {
	clear: both;
	padding: 5px 0;
	border-bottom: 1px solid #eeeeee; 
	}
#news .post .post-meta {
	margin-top: 20px;
	margin-bottom: 0; 
	}
#news .post img, .tenagalink img {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #cccccc;
	margin: 0 10px 10px 0;
	}
#news .post img .float-left {
	display: inline;
	float: left; 
	}

/* File type icons */

#news .post a {
text-decoration:none;
}

#news .post a[href^="mailto:"] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../img/icons/mail.png) center left no-repeat;
}

#news .post a[href$='.pdf'] {
display:inline-block;
padding-left:35px;
line-height:32px;
background:transparent url(../img/icons/pdf.png) center left no-repeat;
}

#news .post a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] {
display:inline-block;
padding-left:35px;
line-height:18px;
background:transparent url(../img/icons/swf.png) center left no-repeat;
}

#news .post a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
display:inline-block;
padding-left:35px;
line-height:18px;
background:transparent url(../img/icons/xls.png) center left no-repeat;
}

#news .post a[href$='.ppt'], a[href$='.pps'] {
display:inline-block;
padding-left:35px;
line-height:18px;
background:transparent url(../img/icons/ppt.png) center left no-repeat;
}

#news .post a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
display:inline-block;
padding-left:35px;
line-height:18px;
background:transparent url(../img/icons/doc.png) center left no-repeat;
}

#news .post a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
display:inline-block;
padding-left:35px;
line-height:18px;
background:transparent url(../img/icons/zip.png) center left no-repeat;
}

.tenagalink img {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #cccccc;
	margin: auto;
}
	
/**
 * File types icon, re'classes'
 */

a.icon {
text-decoration:none;
padding-left:40px;
line-height:18px;
}

a.icon[href^="mailto:"] {
display:inline-block;
background:transparent url(../img/icons/mail.png) center left no-repeat;
}

a.icon[href$='.pdf'] {
display:inline-block;
background:transparent url(../img/icons/pdf.png) center left no-repeat;
}

a.icon[href$='.swf'], 
a.icon[href$='.fla'], 
a.icon[href$='.swd'] {
display:inline-block;
background:transparent url(../img/icons/swf.png) center left no-repeat;
}

a.icon[href$='.xls'],
a.icon[href$='.csv'], 
a.icon[href$='.xlt'], 
a.icon[href$='.xlw'] {
display:inline-block;
background:transparent url(../img/icons/xls.png) center left no-repeat;
}

a.icon[href$='.ppt'], 
a.icon[href$='.pps'] {
display:inline-block;
background:transparent url(../img/icons/ppt.png) center left no-repeat;
}

a.icon[href$='.doc'], 
a.icon[href$='.rtf'], 
a.icon[href$='.txt'], 
a.icon[href$='.wps'] {
display:inline-block;
background:transparent url(../img/icons/doc.png) center left no-repeat;
}

a.icon[href$='.zip'], 
a.icon[href$='.gzip'], 
a.icon[href$='.rar'] {
display:inline-block;
background:transparent url(../img/icons/zip.png) center left no-repeat;
}

a.icon.above {
    padding:0;
    padding-top:35px;
    background-position:top center;
}
    
    /* Wrap Google maps in nice CSS placeholder and make sure the size doesn't break the div*/
#map-container {
	padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #ccc #999 #ccc;
	-webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
	-moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
	box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
	width: 640px;
}

#statemap {
	width: 640px;
	height: 400px;
}
/* -------------------------------------------
		NOTIFICATIONS
-------------------------------------------- */

.notification {
	line-height: 20px;
	clear: both;
	height: 30px;
	margin: 8px 0px 8px 0px;
	padding: 20px 25px 10px 60px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}


.notification strong 	{ margin-right: 5px;}
.notification p 		{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	color: #333333;
}
.message p {
	font-size: 12px;
}


.warning {
	background-image: url(../img/icons/error.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #FFC237;
	background-color: #FFEAA8;
	color: #826200;
}
.success {
	background-image: url(../img/icons/accept.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #99C600;
	background-color: #EFFFB9;
	color: #3C5A01;
}

.failure {
	background-image: url(../img/icons/exclamation.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #EB5339;
	background-color: #FCCAC2;
	color: #AC260F;
}

.information {
	background-image: url(../img/icons/information.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #418ACC;
	background-color: #D0E4F4;
	color: #235685;
}

.lightbulb {
	background-image: url(../img/icons/lightbulb.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #D3A350;
	background-color: #FEF0CB;
	color: #835F21;
}

/* Quarterly result styling */
.year_list h4 {
    color: #7F2907;
    margin-bottom:6px;
}
.year_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
}
.year_list li {    
    padding: 4px 1px;
    background-image: url(../img/red-bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 12px;
}

/**
 * Fancybox just for bod overrides.
 */

div#fancy_div 
{
	background-color:#fff;
	color:#000;
	overflow:auto;
}


/* End of file layout.css */
/* Location: ./application/themes/tnb/css/layout.css */
