/*
 * @package     : JSite!Framwork - Reset/CSS
 * @author      : Tu Masdan E.P. <utu.eka@gmail.com>
 * @copyright   : 2008 Tu@Masdan
 * @version     : 1.0.1 [2008/10/20]
 * @license     : -
 * @link        : -
 */

@import url( /resources/css/sifr.css );
@import url( /resources/css/reset.css );
@import url( /resources/css/png.css );
@import url( /resources/css/msg.css );
@import url( main.css );
@import url( form.css );
@import url( leftmenu.css );

div#advertising{display: block;margin-bottom: 10px;border-bottom: 1px dotted #666}
div#advertising img{display: block;margin: 0;border: none;}

h2#page-title, h3#page-title{padding: 0 10px 0 10px;font-size: 18px;font-weight:normal;color: #0066CC;text-align: center;line-height: 35px}
h3.content-title, h4.content-title{font-weight: normal;font-size: 16px;color: #009900;padding: 5px 0 5px 0;margin-bottom: 10px;border-bottom: 1px dotted #1f1f1f}

div.leader-picbox{padding-top: 45px}
div.leader-picbox .outer{width: 160px;padding-bottom: 46px;margin: 0 auto 10px auto;background: url(../images/photo-frame-b.gif) no-repeat bottom center}
div.leader-picbox .outer .inner{padding-top: 27px;background: url(../images/photo-frame-t.gif) no-repeat top center}
div.leader-picbox .outer .inner .contents{width: 140px;padding: 0 10px 0 10px;margin: 0;background: #fff;color: #000;text-align: center}
div.leader-picbox .outer .inner .contents h3, div.leader-picbox .outer .inner .contents h4{padding: 0 0 2px 0;font-weight: normal;font-size: 14px;color: #0066CC}
div.leader-picbox .outer .inner .contents p{padding: 2px 0}

.polls_color_1{ background-color: #8D1B1B; border: 2px ridge #B22222; }
.polls_color_2{ background-color: #6740E1; border: 2px ridge #4169E1; }
.polls_color_3{ background-color: #8D8D8D; border: 2px ridge #D2D2D2; }
.polls_color_4{ background-color: #CC8500; border: 2px ridge #FFA500; }
.polls_color_5{ background-color: #5B781E; border: 2px ridge #6B8E23; }

table.e-calendar{width: 100%;border-collapse: separate;border-spacing: 1px}
.e-calendar th, .e-calendar td{text-align: center;padding: 0;color: #000;font-size: 10px}
.e-calendar td{width: 14%;height: 25px;}
.e-calendar tr.weekday td{background: #bdbb50;font-size: 12px;font-weight: normal}
.e-calendar td.in-month{background: #8BB1D8}
.e-calendar td.in-month-sunday{background: #FF3300;color: #FFFFFF}
.e-calendar td.in-month-now{background: #3399ff;font-weight: bold;}
.e-calendar td.in-info{background: transparent}
.e-calendar td.out-month{background: transparent}
.e-calendar a.info-link{display: block;background: #66ccff;line-height: 25px;color: #FFFF00}
.e-calendar a.info-link:hover{color: #475a6c}

.data-index{margin: 0 0 5px 0;padding: 0;border: none;background: none}
.data-index dt{list-style: none;float: left;width: 30%;margin: 0;padding: 2px 0;border: none;color: #666; white-space: nowrap}
.data-index dd{margin: 0;padding: 2px 0; width: 70%; float: left;border: none;border-bottom: 1px dotted #333;color: #666}

ul.small-gallery{list-style-type: none;padding: 0;margin: 0;}
ul.small-gallery li{display: inline;}
ul.small-gallery li a{width: 80px;height: 80px;padding: 0;margin: 0 1px 1px 0;float: left;background-color: #050505;border: solid 1px #f5f5f5;}
ul.small-gallery li a{text-align: center;overflow: hidden;}
ul.small-gallery li a:hover{border: solid 1px #FF3300;}
ul.small-gallery li a img{border: none;margin: 0;}

div.web-links{width: 180px;padding: 0;margin: 0 auto 10px auto}
div.web-links h3.title{text-align: center;font-size: 16px;font-weight: normal;padding: 0;margin-bottom: 5px}
div.web-links ul, div.web-links ul li{padding: 0; margin: 0}
div.web-links ul li, div.web-links ul li a{display: block;width: 180px;height: 50px;margin-bottom: 5px}
div.web-links ul li a{text-decoration: none}
div.web-links ul li a img{ margin: 0; border: none;}

div.web-shortcut{width: 180px;padding: 0;margin: 0 auto 10px auto}
div.web-shortcut h3.title{text-align: center;font-size: 16px;font-weight: normal;padding: 0;margin-bottom: 5px}
div.web-shortcut ul, div.web-shortcut ul li{padding: 0; margin: 0}
div.web-shortcut ul li, div.web-shortcut ul li a{display: block;width: 180px;height: 80px;margin-bottom: 5px}
div.web-shortcut ul li a{text-decoration: none; background:url(../images/shortcut.gif) no-repeat 0 0}
div.web-shortcut ul li a:hover{text-decoration: none; background:url(../images/shortcut-over.gif) no-repeat 0 0}
div.web-shortcut ul li a img{margin: 0;border: none;width: 180px;height: 80px}

div.gallery{padding: 0;margin: 0;border-top: 1px dotted #ccc}
div.gallery .category{padding: 5px 0 5px 0;margin-bottom: 5px;border-bottom: 1px dotted #ccc}
div.gallery .category p{float: left; display: inline;padding: 0; margin: 0}
div.gallery .category p.thumb{width: 150px;height: 150px;margin-right: 10px}
div.gallery .category p.thumb a{width: 140px;height: 140px;display: block;padding: 4px;text-decoration: none;border: 1px solid #ddd}
div.gallery .category p.thumb a:hover{border: 1px solid #3399FF}
div.gallery .category p.info{width: 300px} 
div.gallery .category p.info span.brief{font-size: 14px;color: #0099CC}

div.gallery .collection{padding: 5px 0 0 5px;margin-bottom: 5px;border-bottom: 1px dotted #ccc}
div.gallery .collection p{padding: 0}
div.gallery .collection p.item{width: 130px;float: left; display: inline;padding: 0;margin: 0 5px 5px 0;border: 1px solid #ccc}
div.gallery .collection p.item a.image{width: 120px;height: 120px;display: block;padding: 0;margin: 4px;text-decoration: none;/*border: 1px solid #666*/}
div.gallery .collection p.item a.image{background: #fff url(../images/ajax-blue-big-indicator.gif) no-repeat center center}
div.gallery .collection p.item a.image:hover{/*border: 1px solid #3399FF*/}
div.gallery .collection p.item a.image img{margin: 0;border: none}
div.gallery .collection p.item span.info{display: block;padding: 0 5px 0 5px;text-align: center}

/* ---------------------------------------------------------- */
/* for media */
/* ---------------------------------------------------------- */
div#media{padding: 0;margin: 0;border-top: 1px dotted #ccc}
#media div.tabloid{padding: 5px 0 5px 0;margin-bottom: 5px;border-bottom: 1px dotted #ccc}
#media .tabloid div.logo, #media .tabloid div.info{float: left;display: inline;padding: 0;margin-right: 10px}
#media .tabloid .logo{width: 150px;height: 150px}
#media .tabloid .logo a{width: 150px;height: 150px;display: block;text-decoration: none;border: 1px solid #ddd}
#media .tabloid .logo a:hover{border: 1px solid #3399ff}
#media .tabloid .logo a img{border: 1px solid #999; margin: 4px}
#media .tabloid .info{width: 380px} 
#media .tabloid .info h3{font-size: 16px;color: #0099cc; font-weight: normal}
#media #detail{}
#media #detail h2.title{font-size: 16px;font-weight: normal;text-align: center;color: #006699}
#media #detail p.picture{width: 270px;margin: 0 10px 0 0;float: left;background: #FFFFCC;border: 1px solid #ddd}
#media #detail .picture a.img{width: 260px;height: 260px;margin: 4px;display: block;background: #fff;border: 1px solid #ddd}
#media #detail .picture a.img:hover{border: 1px solid #FFCC00}
#media #detail .picture a.img img{margin: 4px;border: 1px solid #999}
#media #detail .picture span.note{display: block;padding: 5px;margin: 0;color: #666}
#media #detail ul{list-style-image:url(../images/dot_green.png);padding-left: 30px}
#media #detail ol{list-style: decimal-leading-zero;padding-left: 30px}

#bbar ul{font-family: Arial, Helvetica, sans-serif;font-size: 12px}
#bbar ul li{float: left;display: inline;height: 20px;text-align: center}
#bbar ul li a{display: block;line-height: 20px;padding: 0 10px 0 10px;color: #ccc;font-weight: bold;text-decoration: none}
#bbar ul li a:hover{ background: #fff;color: #2a3947}

#tbar ul{font-family: Arial, Helvetica, sans-serif;font-size: 11px}
#tbar ul li{float: left;display: inline;height: 18px;text-align: center}
#tbar ul li a{display: block;line-height: 18px;padding: 0;color: #333;font-weight: normal;text-decoration: none;border-left: 1px dotted #666}
#tbar ul li a{background: url(../images/tbar-icon.gif) no-repeat 2.5px -2.5px;padding-left: 17.5px;margin-left: 10px}
#tbar ul li a:hover{color: #FF9900}

/*-------------------------------------------------------------
table ex-rate
-------------------------------------------------------------*/
table.ex-rate{border-collapse: collapse;border-spacing: 1px;border: 1px solid #999;width: 95%;margin: 0 auto 0 auto}
table.ex-rate thead, table.ex-rate tbody, table.ex-rate tfoot{}
table.ex-rate td{padding: 2px}
table.ex-rate thead tr th{font-size: 11px;font-weight: normal;text-align: center}
table.ex-rate tbody tr td{font-size: 9px;border-top: 1px solid #666}
table.ex-rate tfoot tr td{border-top: 1px solid #666;color: #999}
.id-rate{color: #ffff99;font-size: 10px;font-weight: bold}

/*-------------------------------------------------------------
histats
-------------------------------------------------------------*/
dl#histats{padding-bottom: 10px;border-top: 1px solid #999;}
dl#histats dt{font-weight: normal;font-size: 12px;color: #ffff99}
dl#histats dd{border-bottom: 1px solid #999;text-align: right;font-size: 10px}

/*-------------------------------------------------------------
cotent-photos
-------------------------------------------------------------*/
p.content-photos{padding: 0;margin: 0;width: 285px}
p.content-photos a{display: block;float: left;border: 1px solid #ccc; margin: 0 5px 5px 0}
p.content-photos a:hover{border: 1px solid #FFFF66}
p.content-photos a img{display: block;border: 1px solid #666;margin: 5px}
p.content-photos.l{float: left;margin: 0 5px 5px 0}
p.content-photos.r{float: right}

/*-------------------------------------------------------------
tool-page
-------------------------------------------------------------*/
p#tool-page{display: block;height: 18px;padding: 10px 0 10px 0;margin: 0;}
#tool-page a:link, #tool-page a:visited{display: block;float: left;width: 16px;height: 16px;padding: 0;margin: 0 10px 0 0;text-decoration: none;font-size: 0;border: 1px solid #ccc;}
#tool-page a:hover, #tool-page a:active{border: 1px solid #CC0000;}
#tool-page a img{display: block;margin: 0;border: none;width: 16px;height: 16px;}
#tool-page a.pdf{background: url(../images/pdf-button.png) no-repeat 0 0;}
#tool-page a.print{background: url(../images/print-button.png) no-repeat 0 0;}