/* standard elements */
* { margin: 0; padding: 0; }
body { background: #ffffff url('../images/bg.gif') repeat-y center top; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 75%; font-style: normal; font-weight: normal; font-variant: normal; }

p, cite, code, ul, ol, td { font-size: 1.1em; line-height: 1.3em; color: #003300; }
p, code, div, ul, ol, h1, h2, h3, h4, h5, h6, li, td { cursor: default; }
input, textarea { color: #555; font: normal 1.1em Arial; }
ul {margin-left: 1.1em;}

img.rt { margin-right: 8px; }
img.lt { margin-left: 8px; }
img.rt.w-100, img.lt.w-100 { width: 100px; }
img.rt.w-150, img.lt.w-150 { width: 150px; }
img.rt.w-200, img.lt.w-200 { width: 200px; }
img.rt.w-250, img.lt.w-250 { width: 250px; }
img.rt.w-300, img.lt.w-300 { width: 300px; }
img.rt.w-350, img.lt.w-350 { width: 350px; }
img.rt.w-400, img.lt.w-400 { width: 400px; }
img.rt.w-450, img.lt.w-450 { width: 450px; }
img.rt.w-500, img.lt.w-500 { width: 500px; }
img.rt.w-550, img.lt.w-550 { width: 550px; }
img.rt.w-600, img.lt.w-600 { width: 600px; }

a { color: #2e8000; text-decoration: none; }
a:hover { text-decoration: underline; }
.hand { cursor: pointer; }
.noborder { border: 0px; }

/* misc */
.clearer {clear: both;}

/* structure */
.container { background: url('../images/bgcontainer.gif') repeat-y; margin: auto ; width: 800px; }
.container.menu { background: none; }

/* header */
.header { background: #eeeeee url('../images/profauna-id-header.jpg') no-repeat; height: 156px; margin: 0 auto; width: 800px; }
.header-france { background: #eeeeee url('../images/profauna-fr-header.jpg') no-repeat; height: 156px; margin: 0 auto; width: 800px; }
.header-id { background: #eeeeee url('../images/profauna-id-header.jpg') no-repeat; height: 156px; margin: 0 auto; width: 800px; }
.header-id-bali { background: #eeeeee url('../images/profauna-id-bali-header.jpg') no-repeat; height: 154px; margin: 0 auto; width: 800px; }
.suarasatwa-header { background: #eeeeee url('../images/suarasatwa-header.jpg') no-repeat; height: 156px; margin: 0 auto; width: 800px; }
.members-header { background: #eeeeee url('../images/members-header.jpg') no-repeat; height: 200px; margin: 0 auto; width: 800px; }

/* footer */
.footer { background: #009900 url('../images/bgfooter.gif') repeat-x; color: #FFF; font-size: 1em; text-align: center; width: 800px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 5px 0px 5px 0px; height: 45px; }
.footer .copy { font-size: 1.1em; font-weight: bold; }
.footer a {color: #ffffff;}
.footer a:hover {color: #FAFCB0;}

/* left */
.left { clear: both; float: left; width: 200px; }
/* right */
.right { float: right; width: 600px; }
/* item */
.content { clear: both;}
.content { float: left; width: 100%; }
.content h1 { color: #006600; font-size: 2em; line-height: 1.1em; font-weight: bold; padding: 25px 16px 4px 16px; }
.content h4.title { color: #006600; font-size: 1.2em; line-height: 1.1em; font-weight: bold; padding: 2px 16px 4px 16px; }
.content h4.title.top-title { padding: 25px 16px 0px 16px; }
.content h5 { color: #006600; font-size: 1.1em; line-height: 1.1em; font-weight: bold; padding: 25px 16px 8px 16px; }
.content h5.center { text-align: center; }
.content h1.non { padding-top: 2px; }
.content h1 a { color: #FFF; text-decoration:none; background-color: #a6b515;	 }
.content h1 a:visited{ color: #ffffff; text-decoration:none; background-color: #a6b515; }
.content h1 a:hover{ color: #ffffff; background-color: #a6b515;  }
.content h2 { font-size: 1.3em; font-weight: bold; padding: 8px 16px 8px 16px; color: #FF9900; }
.content h2.bb { margin: 0px 16px 8px 16px; padding: 8px 0px 4px 0px; border-bottom: dashed 1px #c9adad; }
.content h3 { font-size: 1.2em; font-weight: bold; color: #006600; margin-left: 16px; padding: 6px 16px 4px 18px; background: url('../images/b_nextpage.png') 0px 8px no-repeat; }
.content h3.date { height: 25px; vertical-align:bottom; line-height: 23px; border-bottom: solid 1px #cccccc; font-weight: normal; font-size: 1em; color: #999999; margin: 0px 16px 10px 16px; padding: 15px 0px 0px 0px; background: none; }
.content h3.date a { color: #999999; }
.content p { color: #003300; padding: 0px 16px 8px 16px; }
.content p.bold { font-weight: bold; }
.content p.ml-34 { margin-left: 34px; }
.content p.title { font-weight: bold; color: #2e8000; padding: 8px 16px 8px 16px; }
.content p.center { text-align: center; }
.content p.p-sub, .content p.sub { margin-left: 18px; }
.content p.h3 { margin-left: 18px; }
.content p span span { clear: none; margin-left: 5px; padding-left: 14px; background: url('../images/b_lastpage.png') 0px 4px no-repeat; }
.content span.icon { font-family: Wingdings; }
.content span.caption { font-style: italic; }
.content span.press { font-size: 1em; color:#999999; }
.content table { margin: 4px 8px 4px 16px; padding: 0px; border: 1px solid #cccccc; }
.content table td, .content table th { padding: 5px; border: none; }
.content table.box { border-collapse: collapse; margin: 8px 16px 8px 16px; border: none; }
.content table.box td, .content table.box th { padding:5px; border:1px solid #cccccc; height: 20px;}
.content table.box tr.bg01 { background: #f6f6f6; }
.content table.box tr.bg02 { background: #efefef; }
.content table.box tr.bg03 { background: #e0e0e0; }
.content table.box td.vt, .content table.box th.vt  { vertical-align: top; }
.content table.box td.vb, .content table.box th.vb  { vertical-align: bottom; }
.content table.box td.vm, .content table.box th.vm  { vertical-align: middle; }
.content table.box td.al, .content table.box th.al  { text-align: left; }
.content table.box td.ac, .content table.box th.ac  { text-align: center; }
.content table.box td.ar, .content table.box th.ar  {  text-align: right; }
.content table.box td.it, .content table.box th.it  {  font-style: italic; }
.content table.box td.b, .content.form table.box.form td.b { border: 0px 0px 0px 0px; }
.content table.box td.bt, .content.form table.box.form td.bt { border-top: 1px solid #000000; }
.content table.box td.br, .content.form table.box.form td.br { border-right: 1px solid #000000; }
.content table.box td.bb, .content.form table.box.form td.bb { border-bottom: 1px solid #000000; }
.content table.box td.bl, .content.form table.box.form td.bl { border-left: 1px solid #000000; }
.content table.box, .content table.box td.b, .content table.box td.bt, .content table.box td.br, .content table.box td.bb, .content table.box td.bl { border-color: #cccccc; }
.content table.box.sub { border-collapse: collapse; margin: 0px 16px 8px 34px; border: 1px solid #cccccc; }
.content table.box.sub td, .content table.box.sub  th { padding: 0px 5px 0px 5px; border:1px solid #cccccc; }
.content table.noborder { margin: 0px 16px 0px 16px; padding: 0px; border: none; }
.content table.noborder td, .content table.noborder th { vertical-align: top; padding: 0px; border: none; }
.content table.noborder td h4 { color: #ff9900; font-size: 1.1em; line-height: 1.1em; font-weight: bold; padding: 0px 0px 6px 0px; }
.content table.noborder td h5 { color: #666666; font-size: 1em; line-height: 1.1em; font-weight: bold; padding: 0px 0px 6px 0px; }
.content table.noborder td span.note { display: block; padding: 6px 0px 8px 0px; font-size: 0.9em; line-height: 1.1em; color: #ff0000; }
.content table.noborder td ul li { padding-bottom: 16px; line-height: 1.1em;}
.content table.noborder td ul li ul li{ padding-bottom: 0px; font-size: 0.9em; line-height: 1.1em; }
.content table.noborder td ul { margin-left: 0px; padding: 10px 0px 10px 16px;  }
.content table.noborder td ul ul { list-style: url('../images/panah-small.gif'); margin-left: 0px; padding: 0px 0px 0px 16px;  }
.content table.noborder table.box { border-collapse: collapse; margin: 8px 0px 8px 0px; border: none;}
.content table.noborder table.box td, .content table.noborder table.box th { vertical-align: middle; padding: 2px 8px 2px 8px; border:1px solid #cccccc; }
.content table.noborder table.box td.nopadding { padding: 0px; }
.content table.noborder table.box td { font-size: 1em; line-height: 1.1em; }
.content table.noborder table.box td a { padding: 3px 8px 3px 8px; display: block; }
.content table.noborder table.box td a:hover { text-decoration: none; background-color: #ff9900; color: #ffffff; }
.content table.noborder table.box th { font-weight: bold; color: #666666; background: #eeeeee; text-align: left; }
.content table.noborder td a.back-top { margin: 0px; padding: 8px 0px 8px 16px; font-size: 0.9em; line-height: 1.1em; }
.content table.noborder td.t { border-top: 3px solid #000000; }
.content table.noborder td.r { border-right: 3px solid #000000; }
.content table.noborder td.b { border-bottom: 3px solid #000000; }
.content table.noborder td.l { border-left: 3px solid #000000; }
.content table.noborder td.t, .content table.noborder td.r, .content table.noborder td.b, .content table.noborder td.l { border-color: #ff9900; }
.content table.center td { text-align: center; }
.content table.title { padding: 8px 0px 8px 0px; border: 1px solid #a6b515; text-align: center; }
.content table.hlg { border-collapse: separate; margin: 4px 8px 4px 16px; padding: 0px; border: none; }
.content table.hlg td, .content table.hlg th { padding: 0px; border:1 none; line-height: 1em; text-align: center; vertical-align: top; }
.content table.hlg td a { width: 200px; height: 130px; margin: 5px; padding: 10px; display: block; border: 1px solid #ecfcc4; }
.content table.hlg td a h4 { font-size: 1.2em; font-weight: bold; line-height: 1.2em; padding: 2px 0px 2px 0px; color: #ff9900; }
.content table.hlg td a img { border: none; }
.content table.hlg td a:hover { text-decoration: none; background: #ecfcc4; border: 1px solid #add699;}
.content table.hlg td a:hover h4 { color: #006600; }
.content table td.bold, .content table.hlg td.bold, .content table.box td.bold, .content table.center td.bold { font-weight: bold;}
.content table td.lt, .content table.hlg td.lt, .content table.box td.lt, .content table.center td.lt { text-align: left; }
.content table td.rt, .content table.hlg td.rt, .content table.box td.rt, .content table.center td.rt { text-align: right; }
.content table td.ct, .content table.hlg td.ct, .content table.box td.ct, .content table.center td.ct { text-align: center; }
.content ol { list-style: decimal; margin-left: 26px; padding: 0px 16px 10px 26px; }
.content ol li { padding: 0px 0px 8px 0px; }
.content ol li p { padding: 4px 0px 4px 0px; line-height: 1.1em; }
.content ol ol { list-style: lower-alpha; margin-left: 12px; padding: 0px 0px 0px 0px; padding-left: 12px; font-size: 1em; line-height: 1.4em; }
.content ol ol li { padding: 0px 0px 0px 0px; }
.content ol ol.p { list-style: lower-alpha; margin-left: 12px; padding: 0px 0px 6px 0px; padding-left: 12px; font-size: 1em; line-height: 1.3em; }
.content ol ol.p li { padding: 0px 0px 4px 0px; }
.content ol ul li { margin-left: -10px; padding: 0px 0px 0px 0px; list-style: url('../images/panah-small.gif'); }
.content ol.list li { padding: 0px 0px 0px 0px; }
.content ol.nopadding li { padding: 0px; }
.content ol.odisc { margin-left: 16px; padding-left: 16px; list-style-type: disc; }
.content ol.ola { list-style-type: lower-alpha; }
.content ol.olr { list-style-type: lower-roman; }
.content ol.dec { list-style-type: decimal; }
.content ol.onpb { padding-bottom: 0px; }
.content ol.npb li { padding-bottom: 0px; }
.content ol.nkn li { line-height: 1.2em; margin-left: 0px; padding: 0px 16px 10px 0px; list-style-type: none; text-indent: -30px; }
.content ol.nkn li span { white-space: pre; }
.content ol.nkn.npb li { padding-bottom: 0px; }
.content ol.nkn.ti-26 li { text-indent: -26px; }
.content ol.ykn li {list-style-type: lower-alpha; text-indent: 0px; }
.content ol.ac { list-style: decimal; }
.content ol.ac li span { margin-left: -10px; margin-right: 35px; }
.content ol.ml-40 { margin-left: 40px; padding: 0px 16px 10px 40px }
.content ol.sub { margin-left: 30px; padding-left: 30px; }
.content ol.sub ol.nkn li { line-height: 1.2em; margin-left: 0px; padding: 0px 16px 4px 6px; list-style-type: none; text-indent: -30px; }
.content ol.sub ol.list li { padding: 0px 16px 0px 6px; }
.content ol.sub ol.sub { margin-left: 15px; padding: 10px 0px 0px 15px; }
.content ol.sub ol.sub li { padding: 0px 0px 0px 0px; }
.content ol.sub ol.odisc { margin-left: 20px; padding-left: 0px; list-style-type: disc; }
.content ol.olower-alpha { list-style-type: lower-alpha; }
.content ol.oarrow { list-style: url('../images/panah-small.gif'); }
.content ol.disc { margin-left: 16px; padding: 0px 16px 10px 26px; list-style-type: disc; }
.content ul { margin-left: 26px; padding: 0px 16px 10px 16px; }
.content ul.p li { padding: 0px 0px 4px 0px; }
.content ul.arrow { list-style: url('../images/panah-small.gif'); }
.content ul.arrow li { padding-left: 8px; }
.content ul.arrow li.archives { margin-left: -12px; text-indent: -79px; padding-left: 100px; display: block; background: url('../images/panah-small.gif') no-repeat 0px 6px; }
.content ul.arrow li.archives span.press { white-space: pre;}
.content ul.sub { margin-left: 25px; padding-left: 25px; }
.content ul.pading-but li { line-height: 1.2em; list-style-type: none; padding: 0px 0px 8px 15px; background: url('../images/b_nextpage.png') 0px 4px no-repeat; }
.content ul.pading-but li h6 { font-size: 1.1em; color: #000000;}
.content ul li.sub { list-style-type: none; }
.content ul li.sub-li { list-style-type: none; margin-left: 0px; padding-left: 12px; background: url('../images/b_nextpage.png') 0px 4px no-repeat; }
.content ul.link li { margin-bottom: 10px; padding-bottom: 4px;  border-bottom: dashed 1px #ccd7dc; }
.content ul.link li h4 { font-weight: bold; line-height: 1.1em; font-size: 1.1em; color: #ff9900; }
.content ul.link li h4 a { color: #ff9900; }
.content .join-link { width: 800px; margin: 100px 0px 50px 0px; }
.content .join-link ul { list-style-type: none; clear: both; margin: 0px; }
.content .join-link ul li { padding: 0px; float: none;}
.content .join-link ul li a { display: block; cursor: pointer; width: 400px; font-weight: bold; line-height: 50px; font-size: 20px; margin: 10px 0px 10px 0px; text-align: center; text-decoration: none; padding: 15px 20px 15px 20px; border: 1px solid #add699; background: #ecfcc4; }
.content .join-link ul li a:hover { color: #ffffff; background-color: #ff9500; text-decoration: none; }
.content .join-link ul li a span { color: #FF0000; }
.content .join-link ul li a:hover span { color: #FFFF00; }
.content .clearer { clear: both; height: 20px; }
.content .clearer-nospacer { clear: both; }
.content .more { clear: both; padding: inherit; height: auto; margin-left: 16px; padding: 8px 4px 8px 16px; background: url('../images/b_lastpage.png') 0px 10px no-repeat; }
.content .back-page { clear: both; padding: inherit; height: auto; color: #cccccc; margin-left: 16px; padding: 8px 4px 8px 16px; background: url('../images/b_firstpage.png') 0px 10px no-repeat; }
.content .back-top { clear: both; padding: inherit; height: auto; margin-left: 16px; padding: 8px 4px 8px 16px; background: url('../images/b_toppage.png') 0px 10px no-repeat; }
.content .back-top-border-top { clear: both; margin: 10px 16px 0px 16px; padding: 8px 0px 8px 16px; background: url('../images/b_toppage.png') 0px 9px no-repeat; border-top: dashed 1px #c9adad; }
.content .back-top-sub { clear: both; padding: inherit; height: auto; margin-left: 34px; padding: 0px 16px 12px 16px; background: url('../images/b_toppage.png') 0px 2px no-repeat; }
.content .main { float: left; width: 400px; }
.content .news { float: right; text-align: left; width: 195px; height: 2400px; border-left: 1px solid #ff9500; background: #ecfcc4; }
.content .news .more { clear: both; padding: inherit; height: auto; margin-left: 10px; padding: 8px 4px 8px 15px; background: url('../images/b_lastpage.png') 0px 10px no-repeat; }
.content .news .back-page { clear: both; margin-left: 10px; padding: 8px 10px 8px 16px; }
.content .news p { line-height: 1.1em; padding: 0px 10px 10px 10px; }
.content .news p.all { line-height: 1em; padding: 0px 10px 10px 10px; }
.content .news h1 { color: #ffffff; font-size: 1.3em; font-weight: bold; line-height: 40px; padding: 0; padding-left:10px; background-color: #006600; }
.content .news h2 { color: #006600; font-size: 1.1em;  line-height: 1.1em; font-weight: bold; padding: 0px 10px 8px 10px; }
.content .news h3 { font-weight: normal; font-size: 1em; color: #2e8000; margin: 0px; padding: 8px 10px 4px 10px; background: none; }
.content .news h3.mapi { text-align: center; padding: 0px; }
.content .news h3.mapi a { color: #006600; display: block; padding: 4px 10px 4px 10px; text-decoration: none; background-color: #ffffff; }
.content .news h3.mapi a:hover { background: #ffff00; text-decoration: none; } 
.content div div.note { color: #ff0000; font-weight: bold; font-size: 1.2em; line-height: 1.2em; text-align: center; margin: 4px 16px 4px 16px; padding: 8px; border: 1px solid #FF0000; background: #ffefef;}
.content div div.note a { color: #ff0000; }
.content div div.note a:hover { text-decoration: none; } 
.content div div.note.info { color: #c87800; border: 1px solid #ff9900; background: #fff3e1; }
.content div div.note.info a { color: #c87800; }
.content div div.note.box { color: #006600; border: 1px solid #add699; background: #ecfcc4;}
.content div div.note.box a { color: #006600; }
.content div div.note.w-100 { width: 100px; }
.content div div.note.w-150 { width: 150px; }
.content div div.note.w-200 { width: 200px; }
.content div div.note.w-250 { width: 250px; }
.content div div.note.w-300 { width: 300px; }
.content div div.note.w-350 { width: 350px; }
.content div div.note.w-400 { width: 400px; }
.content div div.note.w-450 { width: 450px; }
.content div div.note.w-500 { width: 500px; }
.content div div.note.w-550 { width: 550px; }
.content div div.note.w-600 { width: 600px; }

.black a { color: #000; text-decoration: none; }
.black a:hover { text-decoration: underline; }

/* disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none */
/* navigation */
.top { font: normal 1.1em Verdana,sans-serif; height: 30px; line-height: 30px; margin: 0 auto; width: 800px; background-color: #006600; text-align: right; }
.top a { color: #FFF; display: block; line-height: 30px; text-decoration: none; width: 100%; }
.top a:hover { color: #FFF; background-color: #ff9500; text-decoration: none; }
.top span { padding-right: 12px; }

/* sub navigation */
.navigation { float: left; margin-right: 1px; width: 200px; }
.navigation h1 { color: #FFF; font-size: 1.3em; line-height: 40px; padding-left: 12px; background-color: #006600; }
.navigation ul {margin: 0; padding: 0;}
.navigation a { color: #2e8000; }
.navigation li { border-bottom: 1px solid #add699; list-style: none; }
.navigation li span { display: block; cursor: default; color: #2e8000; padding: 8px 4px 8px 12px; background-color: #ecfcc4; }
.navigation li a { display: block; padding: 8px 4px 8px 12px; text-decoration: none; background-color: #ecfcc4; }
.navigation li a img { padding: 0px 6px 0px 0px; }
.navigation li.submenu a { display: block; padding: 8px 4px 8px 24px; text-decoration: none; background: #ecfcc4 url('../images/b_nextpage.png') 12px 12px no-repeat; }
.navigation li a:hover { color: #ffffff; background-color: #ff9500; text-decoration: none; }
.navigation .main-menu li a:hover { color: #ffffcc; background: #005000; text-decoration: none; }
.navigation .search li { height: 55px; vertical-align: middle; color: #003300; display: block; padding: 4px 4px 4px 12px; text-decoration: none; background-color: #ecfcc4; }
.navigation .search li a { color: #59552f; display: block; padding: 0px; text-decoration: none; background-color: #f5f6bf; }
.navigation .search li a:hover { color: #59552f; background-color: #f5f6bf; }
.navigation .title  { color: #006600; font-size: 1.2em; font-weight: bold; padding: 8px 4px 4px 12px; }
.navigation .body { color: #003300; padding-left: 12px; padding-right: 4px;  }
.navigation .body a { color: #2e8000; margin: 0px; padding: 0px; text-decoration: none; }
.navigation .body a:hover { text-decoration: underline;}

/* icon menu */
div.icon { clear: both; margin: 10px 16px 0px 16px; padding: 10px 0px 10px 0px; border-top: dashed 1px #c9adad; }
div.icon p, div.icon h2 { padding: 0px 0px 0px 0px; }
div.icon p span { clear: none; margin-left: 5px; padding-left: 14px; background: url('../images/b_lastpage.png') 0px 4px no-repeat; }
div.icon p span.read-more.noleft { margin-left: 0px; }
div.icon h2 { padding-bottom: 8px; font-weight: bold; color: #ff9900; }
div.icon h2 a { color: #ff9900; }
div.icon h4 { padding-bottom: 8px; font-weight: bold; color: #006600; }
div.icon h4 a { color: #ff9900; }
div.icon a.link { text-decoration: none; }
div.icon a.link img { padding: 0px 4px 0px 0px }
div.icon img { padding: 0px 0px 8px 0px }
div.icon.noborder { border-top: 0px; }
div.icon.clearer { clear: both; display: block;}
div.icon.is-80 h2, div.icon.is-80 h4, div.icon.is-80 p { margin-left: 90px; }
div.icon.is-110 img{ margin-bottom: 10px;}
div.icon.is-100 h2, div.icon.is-100 h4, div.icon.is-100 p { margin-left: 110px; }
div.icon.is-110 { margin-top: 0px; padding-top: 0px; }
div.icon.is-110 h2, div.icon.is-110 h4, div.icon.is-110 p { margin-left: 120px; }
div.icon.is-110 ul {  border: 0px solid #cccccc; margin: 0px 0px 0px 135px; padding: 0px 0px 10px 0px; }
div.icon.is-110 ul li { line-height: 1.2em; list-style: url('../images/panah-small.gif'); }
div.icon.is-165 h2, div.icon.is-165 h4, div.icon.is-165 p { margin-left: 175px; }

div.lt { float: left; }
div.lt img { margin: 0px 8px 0px 16px; }
div.lt span { margin: 2px 8px 4px 16px; }
div.rt { float: right; }
div.rt img { margin: 0px 16px 0px 8px; }
div.rt span { margin: 2px 16px 4px 8px; }
div.ct { float: left; }
div.ct img { margin: 0px 16px 0px 16px; }
div.ct span { margin: 2px 16px 4px 16px; }
div.ct.center { float: none; text-align: center; }
div.lt.w-100 img, div.rt.w-100 img, div.ct.w-100 img { width: 100px; }
div.lt.w-100 span, div.rt.w-100 span, div.ct.w-100 span { width: 92px; }
div.lt.w-125 img, div.rt.w-125 img, div.ct.w-125 img { width: 125px; }
div.lt.w-125 span, div.rt.w-125 span, div.ct.w-125 span { width: 117px; }
div.lt.w-150 img, div.rt.w-150 img, div.ct.w-150 img { width: 150px; }
div.lt.w-150 span, div.rt.w-150 span, div.ct.w-150 span { width: 142px; }
div.lt.w-185 img, div.rt.w-185 img, div.ct.w-185 img { width: 185px; }
div.lt.w-185 span, div.rt.w-185 span, div.ct.w-185 span { width: 177px; }
div.lt.w-200 img, div.rt.w-200 img, div.ct.w-200 img { width: 200px; }
div.lt.w-200 span, div.rt.w-200 span, div.ct.w-200 span { width: 192px; }
div.lt.w-202 img, div.rt.w-202 img, div.ct.w-202 img { width: 202px; }
div.lt.w-202 span, div.rt.w-202 span, div.ct.w-202 span { width: 192px; }
div.lt.w-250 img, div.rt.w-250 img, div.ct.w-250 img { width: 250px; }
div.lt.w-250 span, div.rt.w-250 span, div.ct.w-250 span { width: 242px; }
div.lt.w-227 img, div.rt.w-227 img, div.ct.w-227 img { width: 227px; }
div.lt.w-227 span, div.rt.w-227 span, div.ct.w-227 span { width: 219px; }
div.lt.w-275 img, div.rt.w-275 img, div.ct.w-275 img { width: 275px; }
div.lt.w-275 span, div.rt.w-275span, div.ct.w-275 span { width: 267px; }
div.lt.w-300 img, div.rt.w-300 img, div.ct.w-300 img { width: 300px; }
div.lt.w-300 span, div.rt.w-300 span, div.ct.w-300 span { width: 292px; }
div.lt.w-335 img, div.rt.w-335 img, div.ct.w-335 img { width: 335px; }
div.lt.w-335 span, div.rt.w-335 span, div.ct.w-335 span { width: 327px; }
div.lt.w-350 img, div.rt.w-350 img, div.ct.w-350 img { width: 350px; }
div.lt.w-350 span, div.rt.w-350 span, div.ct.w-350 span { width: 342px; }
div.lt.w-400 img, div.rt.w-400 img, div.ct.w-400 img { width: 400px; }
div.lt.w-400 span, div.rt.w-400 span, div.ct.w-400 span { width: 392px; }
div.lt.w-450 img, div.rt.w-450 img, div.ct.w-450 img { width: 450px; }
div.lt.w-450 span, div.rt.w-450 span, div.ct.w-450 span { width: 442px; }
div.lt.w-500 img, div.rt.w-500 img, div.ct.w-500 img { width: 500px; }
div.lt.w-500 span, div.rt.w-500 span, div.ct.w-500 span { width: 492px; }
div.lt.w-600 img, div.rt.w-600 img, div.ct.w-600 img { width: 566px; height: 180px;}
div.lt.w-600 span, div.rt.w-600 span, div.ct.w-600 span { width: 558px; }
div.lt img, div.rt img, div.ct img { display: block; border: 1px solid #aaaaaa; }
div.lt.border-none img, div.rt.border-none img, div.ct.border-none img { border: 0px; }
div.lt span, div.rt span, div.ct span { font-style: italic; display: block; padding: 4px; border: 1px solid #aaaaaa; background: #ffffa0; }
div.lt.ac span, div.rt.ac span, div.ct.ac span { text-align: center; font-style: normal; }
div.lt.ac a:hover span, div.rt.ac a:hover span, div.ct.ac a:hover span{ color: #ffffff; text-decoration: none; cursor: hand; background-color: #ff9900; border: 1px solid #ff0000; }

div.clear { float: none; clear: both; }

/* form display: block; */
#petition_letter { width: 500px; margin: 25px auto 0; }
.lettertop, .lettertop *, .letterbottom, .letterbottom * { font-size: 0; line-height: 0; }
.lettertop, .letterbottom { display: block; height: 15px; background: #fff; margin: 0 15px; }
.letterbottom { height: 40px; margin-right: 40px; }
.lettertop .left, .lettertop .right { display: block; width: 15px; height: 15px; background-image: url(../images/lettertop.gif); background-repeat: no-repeat; }
.letterbottom .left, .letterbottom .right { display: block; width: 15px; height: 40px; background-image: url(../images/letterbottom.gif); background-repeat: no-repeat; }
.letterbottom .right { width: 40px; }
.lettertop .left { float: left;  background-position: top left; }
.lettertop .right { float: right; background-position: top right; }
.letterbottom .left { float: left;  background-position: bottom left; }
.letterbottom .right { float: right; background-position: bottom right; }

.lettertop .left, .letterbottom .left, .lettertop .right, .letterbottom .right { display:inline; /* for IE6 */ position:relative; /* for IE6 */ }
.lettertop .left { background-position: top left; }
.letterbottom .left { background-position: bottom left; }
.lettertop .left, .letterbottom .left { float: left; margin-left: -15px; }
.lettertop .right { float: right; background-position: top right; margin-right: -15px; }
.letterbottom .right { float: right; background-position: bottom right; margin-right: -40px; }
.lettertop .middle, .letterbottom .middle { display: block; height: 15px; margin: 0 15px; background: #fff; }
.letterbottom .middle { padding-bottom: 25px; padding-left: 15px; margin-right: 40px; }
.lettercontent { border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; background-color: #fff; padding: 0px 16px; font-size: 12px; }

#trailimageid { display: none; font-size: 1,1em; z-index: 500; left: 0px; top: 0px; position: absolute; }
#trailimageid h2 { font-size: 1.2em; font-weight: bold; padding: 0px 0px 12px 0px; color: #006600; }
#trailimageid img { border: 1px dashed #cccccc; }
#products { width: 560px; border: 0px; }
#products table { padding: 0px; margin: 0px; }
#products img { border: 1px solid #cccccc; }
#products h2 { font-size: 1.2em; font-weight: bold; padding: 2px 16px 4px 0px; color: #006600; }
#products p { padding: 0px; }
#products p span { font-weight: bold; }
#products .sku { font-size: 1em; font-weight: bold; padding: 0px 0px 10px 0px; }
#products .price { font-size: 1.2em; font-weight: bold; padding: 10px 0px 0px 0px; color: #ff9900; }
#products hr { border: 0px;  color: #cccccc; }
#products .back-top { clear: both; width: 560; text-align: right; height: 20px; border-top: dashed 1px #c9adad; padding: 0px 20px 0px 0px; background: url('../images/b_toppage.png') 544px 5px no-repeat; }

input.full-width, textarea.full-width { width: 300px; background-color: rgb(233, 249, 255); }

.title-images { font-style: italic; display: block; padding: 4px; border: 1px solid #aaaaaa; background: #ffffa0; }
.textbesar { margin: 0px 16px 2px 16px; font: bold 13px arial; color:#000;}

.content-messages .title { height: 40px; margin: 0px 16px 2px 16px; padding: 10px 10px 10px 60px; background: #c1d3f5 url('../images/style/quote_end.gif') no-repeat scroll 0% 0%; margin-top: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; line-height: 16px; }
.content-messages .message { margin: 0px 16px 2px 16px; padding: 10px 10px 10px 60px; background: #d1dee3; margin-top: 2px; }
.content-messages .date-petition {	font-weight: bold; font-size: 1em; color: #2e8000; margin: 0px; padding: 0px 16px 0px 14px; background: none; }

.boxnomor { font: bold 11px Arial; margin: 0px 16px 0px 16px; border: 1 solid #000;}
.boxnomor a { vertical-align: middle; text-align: center; height: 15px; width: 15px; display:block; float:left; border:1px solid #CCC; padding:4px; margin:0px 1px 0px 1px; text-decoration:none; color:#333; background-color:#f0f0f0; }
.boxnomor a:hover { background-color: #c1d3f5; text-decoration: none; border:1px solid #ff9500;}

.boxnomor .selected { vertical-align: middle; text-align: center; height: 15px; width: 15px; display:block; float:left; border:1px solid #000; padding:4px; margin:0px 1px 0px 1px; text-decoration:none; color:#FFFFFF; background-color:#003300; }

.boxnomor a.on-prevpage { background: url('../images/b_prevpage.png') 8px 7px no-repeat; background-color: #f0f0f0;}
.boxnomor .off-prevpage { vertical-align: middle; text-align: center; height: 15px; width: 15px; display:block; float:left; border:1px solid #d1dee3; padding:4px; margin:0px 1px 0px 1px; text-decoration:none; color:#d1dee3; background: url('../images/b_off_prevpage.png') 8px 7px no-repeat; background-color: #e6f4f9;}
.boxnomor a:hover.on-prevpage { background-color: #c1d3f5;}

.boxnomor a.on-firstpage { background: url('../images/b_firstpage.png') 6px 7px no-repeat; background-color: #f0f0f0;}
.boxnomor .off-firstpage { vertical-align: middle; text-align: center; height: 15px; width: 15px; display:block; float:left; border:1px solid #d1dee3; padding:4px; margin:0px 1px 0px 1px; text-decoration:none; color:#d1dee3; background: url('../images/b_off_firstpage.png') 6px 7px no-repeat; background-color: #e6f4f9;}
.boxnomor a:hover.on-firstpage { background-color: #c1d3f5;}

.boxnomor a.on-nextpage { background: url('../images/b_nextpage.png') 8px 7px no-repeat; background-color: #f0f0f0;}
.boxnomor .off-nextpage { vertical-align: middle; text-align: center; height: 15px; width: 15px; display:block; float:left; border:1px solid #d1dee3; padding:4px; margin:0px 1px 0px 1px; text-decoration:none; color:#d1dee3; background: url('../images/b_off_nextpage.png') 8px 7px no-repeat; background-color: #e6f4f9;}
.boxnomor a:hover.on-nextpage { background-color: #c1d3f5;}

.boxnomor a.on-lastpage { background: url('../images/b_lastpage.png') 6px 7px no-repeat; background-color: #f0f0f0;}
.boxnomor .off-lastpage { vertical-align: middle; text-align: center; height: 15px; width: 15px; display:block; float:left; border:1px solid #d1dee3; padding:4px; margin:0px 1px 0px 1px; text-decoration:none; color:#d1dee3; background: url('../images/b_off_lastpage.png') 6px 7px no-repeat; background-color: #e6f4f9;}
.boxnomor a:hover.on-lastpage { background-color: #c1d3f5;}

table.polling { margin: 0px 16px 8px 16px; padding: 0px 0px 0px 0px; width: 450px; }
table.polling-index { margin: 0px 10px 8px 10px; padding: 0px 0px 0px 0px; width: 175px; }
table.polling.border, table.polling-index.border { padding: 0px 0px 0px 0px; border: 1px solid #add699; }
table.polling td, table.polling th, table.polling-index td, table.polling-index th { padding: 2px 10px 2px 5px; border: none; height: 20px;}
table.polling tr.row-01, table.polling-index tr.row-01 { background-color: #dfecc7}
table.polling tr.row-02, table.polling-index tr.row-02 { background-color: #eff6dd}
table.polling td div.polling-color-01 { background-color: #8D1B1B; }
table.polling td div.polling-color-02 { background-color: #6740E1; }
table.polling td div.polling-color-03 { background-color: #8D8D8D; }
table.polling td div.polling-color-04 { background-color: #CC8500; }
table.polling td div.polling-color-05 { background-color: #5B781E; }

div.polling { padding: 0px 0px 0px 0px; }
div.polling p { padding: 0px 16px 8px 16px; }
div.polling p.polling { clear: both; font-size: 1.1em; padding: 8px 16px 10px 16px; }

div.polling-index { padding: 0px 0px 0px 0px; }
div.polling-index h2.polling-index { padding: 8px 10px 16px 10px; }
div.polling-index p { padding: 8px 10px 8px 10px; }
div.polling-index p.polling-index { clear: both; font-size: 1.1em; padding: 8px 10px 10px 10px; }

.content.form h5 { padding: 8px 16px 0px 16px; }
.content.form table.box.form { border-collapse: collapse; margin: 8px 16px 8px 16px; border: 0px; background-color: #ffffff; }
.content.form table.box.form td, .content table.box.form th { padding: 4px; border:0px; height: 20px;}
.content.form table.box.form td img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.content.form table.box.form input, .content.form table.box.form textarea, .content.form table.box.form select { margin: 0px 0px 0px 0px; color: #555; font: normal 1em Arial; }
.content.form table.box.form input.form, .content.form table.box.form textarea.form { padding: 0px 5px 0px 5px; border: 1px solid #add699; }
.content.form table.box.form select.form { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; border: 1px solid #add699; }
.content.form table.box.form input.form.w-100, .content.form table.box.form textarea.form.w-100 { width: 100px; }
.content.form table.box.form input.form.w-150, .content.form table.box.form textarea.form.w-150 { width: 150px; }
.content.form table.box.form input.form.w-105, .content.form table.box.form textarea.form.w-105 { width: 105px; }
.content table.box td.b, .content.form table.box.form td.b, .content table.box td.bt, .content.form table.box.form td.bt, .content table.box td.br, .content.form table.box.form td.br, .content table.box td.bb, .content.form table.box.form td.bb, .content table.box td.bl, .content.form table.box.form td.bl { border-color: #cccccc; }
label.error { display: none; color: #850c0c; }
label.success  { display: none; color: #142986; }
td label.error { display: none; color: #850c0c; padding: 0px 0px; background: url('../../../template/profauna/images/alert-icon.png') no-repeat 10px 0px; width: auto; }
td label.success  { display: none; color: #142986; padding: 0px 0px; background: url('../../../template/profauna/images/check-icon.png') no-repeat 10px 0px; width: auto; }
.list-error { display: none; }
.content.form table.box.form input:focus, .content.form table.box.form textarea:focus { border: 1px dotted black; }
.content.form table.box.form input.error, .content.form table.box.form select.error, .content.form table.box.form textarea.error { border: 1px dotted red; }


/* suara satwa */
.suara-satwa { padding: 0px 16px 0px 16px; }
.suara-satwa.thumbs ul { margin: 0px; padding: 0px; clear: both; }
.suara-satwa.thumbs ul li { list-style-type: none; padding: 0px 0px 0px 0px; float: left; }
.suara-satwa.thumbs ul li a, .suara-satwa.thumbs ul li a.new { display: block; cursor: pointer; margin: 0px 8px 10px 0px; padding: 4px 2px 4px 2px; text-align: center; text-decoration: none; border: 1px solid #add699; background: #ecfcc4; }
.suara-satwa.thumbs ul li a:hover, .suara-satwa.thumbs ul li a:hover span { color: #ffffff; background-color: #ff9500; text-decoration: none; }
.suara-satwa.thumbs ul li a img, .suara-satwa.thumbs ul li a.new img  { border: none; width: 120px; }
.suara-satwa.thumbs ul li a span, .suara-satwa.thumbs ul li a.new span  { color: #336600; display: block; width: 120px; padding: 8px 4px 4px 4px; }
.suara-satwa.thumbs ul li a.new { border: 1px solid #cccccc; color: #999999; background: #eeeeee; }
.suara-satwa.thumbs ul li a:hover.new, .suara-satwa.thumbs ul li a:hover.new span { cursor: default; color: #999999; background: #eeeeee; }
.suara-satwa.thumbs ul li a.new span { color: #999999; }

.info-news { margin: 0px 16px 0px 20px; padding: 0px 10px 0px 10px; background-color: #FF9900; }
.info-news a {text-decoration: none; }
.info-news marquee { color: #FFF; font-size: 1.3em; line-height: 40px; font-weight: bold; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }