Anda di halaman 1dari 39

/* begin Page */ @font-face { font-family: 'Myanmar3'; src: url('myanmar3.eot'); src:url('myanmar3.ttf') format('truetype'); } span.

pagenav { color: #4fa3e0; display: inline-block; font-family: "Tahoma", Arial, sans-serif; font-size: 10px; line-height: 18px; text-decoration: none; text-transform: uppercase; } span.pagenav a { text-decoration:none; } .pagenav a { text-decoration:none; color:#000000; } a.pagenav:hover { text-decoration:none; } a.pagenav { text-decoration:none; color: #fff; border: 1px solid #ddd; /* CURVED CORNERS */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; margin-right: 2px; padding: 2px 8px; color: #4fa3e0; background-color: #4fa3e0; border-color: #4b9ec9 #2e7fb4 #206fa8; text-shadow: 0px 1px 1px #206fa8; background: -moz-linear-gradient(top, #b5dfef, #7fc3df 5%, #4fa3e0 ); background: -webkit-gradient(linear, left top, left bottom, from(#b5dfef), color-stop(0.05, #7fc3df), to(#4fa3e0) ); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7fc3d

f', EndColorStr='#4fa3e0'); } a.pagenav:hover { border-color: #d0d0d0; /* DROP SHADOWS */ -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); color: #303030; border-color: #4092c0 #1f68a1 #175e97; background-color: #3f91c0; background: -moz-linear-gradient(top, #aad9ec, #72bad9 5%, #3f91c0 ); background: -webkit-gradient(linear, left top, left bottom, from(#aad9ec), color-stop(0.05, #72bad9), to(#3f91c0) ); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#72bad 9', EndColorStr='#3f91c0'); } a.pagenave:active { /* INNER SHADOWS */ -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rg ba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15); box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0, 0,0,0.15); color: #585858; border-color: #206fa8 #2e7fb4 #4b9ec9; text-shadow: 0px -1px 1px #1f68a1; background: -moz-linear-gradient(top, #3f91c0, #72bad9 ); background: -webkit-gradient(linear, left top, left bottom, from(#3f91c0), to(#72bad9) ); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3f91c 0', EndColorStr='#aad9ec'); } body { margin: 0 auto;

padding: 0; background-color: #F6F6F6; font-size:14px; font-family: 'Myanmar3', Yunghkio, 'Masterpiece Uni Sans', 'WinUni Innwa ', 'Win Uni Innwa', Parabaik, Arial, Helevtica, Verdana, san-serif; line-height:20px; } #art-main { position: relative; width: 100%; left: 0; top: 0; } #art-page-background-simple-gradient { position: absolute; background-image: url('../images/Page-BgSimpleGradient.jpg'); background-repeat: repeat-x; top:0; width: 100%; height: 1px; } .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } form { padding:0 !important; margin:0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } /* end Page */ /* begin Box, Sheet */ .art-Sheet { position:relative; z-index:0; margin:0 auto; width: 1000px; min-width:43px; min-height:43px;

} .art-Sheet-body { position: relative; z-index: 1; padding: 1px; } .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .artSheet-bc,.art-Sheet-cr, .art-Sheet-cl { position:absolute; z-index:-1; } .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl { width: 42px; height: 42px; background-image: url('../images/Sheet-s.png'); } .art-Sheet-tl { top:0; left:0; clip: rect(auto, 21px, 21px, auto); } .art-Sheet-tr { top: 0; right: 0; clip: rect(auto, auto, 21px, 21px); } .art-Sheet-bl { bottom: 0; left: 0; clip: rect(21px, 21px, auto, auto); } .art-Sheet-br { bottom: 0; right: 0; clip: rect(21px, auto, auto, 21px); } .art-Sheet-tc, .art-Sheet-bc { left: 21px; right: 21px; height: 42px; background-image: url('../images/Sheet-h.png'); } .art-Sheet-tc

{ top: 0; clip: rect(auto, auto, 21px, auto); } .art-Sheet-bc { bottom: 0; clip: rect(21px, auto, auto, auto); } .art-Sheet-cr, .art-Sheet-cl { top: 21px; bottom: 21px; width: 42px; background-image: url('../images/Sheet-v.png'); } .art-Sheet-cr { right:0; clip: rect(auto, auto, auto, 21px); } .art-Sheet-cl { left:0; clip: rect(auto, 21px, auto, auto); } .art-Sheet-cc { position:absolute; z-index:-1; top: 21px; left: 21px; right: 21px; bottom: 21px; background-color: #FFFFFF; } .art-Sheet { margin-top: -1px !important; } #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-b ackground-glare { min-width:1000px; } /* end Box, Sheet */ /* begin Header */ div.art-Header { margin: 0 auto;

position: relative; z-index:0; width: 998px; height: 150px; } div.art-Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 998px; height: 150px; background-image: url('../images/Header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ /* begin Logo */ .art-Logo { display : block; position: absolute; left: 102px; top: 34px; width: 783px; } h1.art-Logo-name { display: block; text-align: left; } h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover { font-family:Myanmar3,Arial, Helvetica, Sans-Serif; font-size: 33px; font-style: normal; font-weight: bold; text-decoration: none; padding:0; margin:0; color: #FFFFFF !important; } .art-Logo-text { display: block; text-align: left; } .art-Logo-text, .art-Logo-text a { font-family:Myanmar3,Arial, Helvetica, Sans-Serif; font-size: 13px;

font-style: normal; font-weight: normal; padding:0; margin:0; color: #DADDD9 !important; } /* end Logo */ /* begin Menu */ /* menu structure */ .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover { text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal; } .art-menu, .art-menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .art-menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .art-menu li:hover { z-index: 10000; white-space: normal; } .art-menu li li { float: none; } .art-menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none;

} .art-menu li:hover>ul { visibility: visible; top: 100%; } .art-menu li li:hover>ul { top: 0; left: 100%; } .art-menu:after, .art-menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .art-menu, .art-menu ul { min-height: 0; } .art-menu ul { background-image: url(../images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .art-menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; }

/* menu structure */ .art-menu { padding: 0px 0px 0px 0px; } .art-nav { position: relative; height: 50px; z-index: 100; } .art-nav .l, .art-nav .r

{ position: absolute; z-index: -1; top: 0; height: 50px; background-image: url('../images/nav.png'); } .art-nav .l { left: 0; right:0px; } .art-nav .r { right: 0; width: 998px; clip: rect(auto, auto, auto, 998px); } /* end Menu */ /* begin MenuItem */ .art-menu ul li { clear: both; } .art-menu a { position:relative; display: block; overflow:hidden; height: 50px; cursor: pointer; text-decoration: none; margin-right: 0px; margin-left: 0px; } .art-menu a .r, .art-menu a .l { position:absolute; display: block; top:0; z-index:-1; height: 150px; background-image: url('../images/MenuItem.png'); } .art-menu a .l { left:0; right:0px; } .art-menu a .r

{ width:400px; right:0; clip: rect(auto, auto, auto, 400px); } .art-menu a .t { font-family:Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; color: #FFFFFF; padding: 0 22px; margin: 0 0px; line-height: 50px; text-align: center; } .art-menu a:hover .l, .art-menu a:hover .r { top:-50px; } .art-menu li:hover>a .l, .art-menu li:hover>a .r { top:-50px; } .art-menu li:hover a .l, .art-menu li:hover a .r { top:-50px; } .art-menu a:hover .t { color: #FFFFFF; } .art-menu li:hover a .t { color: #FFFFFF; } .art-menu li:hover>a .t { color: #FFFFFF; } .art-menu a.active .l, .art-menu a.active .r { top: -100px; } .art-menu a.active .t { color: #0000CC; }

/* end MenuItem */ /* begin MenuSeparator */ .art-nav .art-menu-separator { display: block; width: 1px; height: 50px; background-image: url('../images/MenuSeparator.png'); } /* end MenuSeparator */ /* begin MenuSubItem */ .art-menu ul a { display:block; text-align: center; white-space: nowrap; height: 32px; width: 180px; overflow:hidden; line-height: 32px; margin-right: auto; background-image: url('../images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 0px; border-style: solid; } .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; } .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hove r, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 32px; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .art-menu ul ul a

{ margin-left: auto; } .art-menu ul li a:hover { color: #FFFFFF; background-position: 0 -32px; } .art-menu ul li:hover>a { color: #FFFFFF; background-position: 0 -32px; } .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span spa n { color: #FFFFFF; } .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span spa n { color: #FFFFFF; } /* end MenuSubItem */ /* begin ContentLayout */ .art-contentLayout { position: relative; margin-bottom: 5px; width: 998px; } /* end ContentLayout */ /* begin Box, Block */ .art-Block { position:relative; z-index:0; margin:0 auto; min-width:15px; min-height:15px; } .art-Block-body { position: relative; z-index: 1; padding: 7px; } .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .artBlock-bc,.art-Block-cr, .art-Block-cl {

position:absolute; z-index:-1; } .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl { width: 14px; height: 14px; background-image: url('../images/Block-s.png'); } .art-Block-tl { top:0; left:0; clip: rect(auto, 7px, 7px, auto); } .art-Block-tr { top: 0; right: 0; clip: rect(auto, auto, 7px, 7px); } .art-Block-bl { bottom: 0; left: 0; clip: rect(7px, 7px, auto, auto); } .art-Block-br { bottom: 0; right: 0; clip: rect(7px, auto, auto, 7px); } .art-Block-tc, .art-Block-bc { left: 7px; right: 7px; height: 14px; background-image: url('../images/Block-h.png'); } .art-Block-tc { top: 0; clip: rect(auto, auto, 7px, auto); } .art-Block-bc { bottom: 0; clip: rect(7px, auto, auto, auto); } .art-Block-cr, .art-Block-cl

{ top: 7px; bottom: 7px; width: 14px; background-image: url('../images/Block-v.png'); } .art-Block-cr { right:0; clip: rect(auto, auto, auto, 7px); } .art-Block-cl { left:0; clip: rect(auto, 7px, auto, auto); } .art-Block-cc { position:absolute; z-index:-1; top: 7px; left: 7px; right: 7px; bottom: 7px; background-color: #FFFFFF; } .art-Block { margin: 7px; } /* end Box, Block */ /* begin BlockHeader */ .art-BlockHeader { position:relative; z-index:0; height: 30px; padding: 0 8px; margin-bottom: 0px; } .art-BlockHeader .t { height: 30px; color: #000000; font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; font-size: 14px; font-style: normal; font-weight: bold; white-space : nowrap; padding: 0 1px; line-height: 30px;

/* end BlockHeader */ /* begin Box, BlockContent */ .art-BlockContent { position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .art-BlockContent-body { position: relative; z-index: 1; padding: 8px; }

.art-BlockContent-body { color:#000000; font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; font-size: 12px; font-style: normal; font-weight: normal; } .art-BlockContent-body a:link { color: #000000; font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; text-decoration: none; } .art-BlockContent-body a:visited, .art-BlockContent-body a.visited { color: #CC1111; font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; text-decoration: none; } .art-BlockContent-body a:hover, .art-BlockContent-body a.hover { color: #3366CC; font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; text-decoration: underline; }

.art-BlockContent-body ul { list-style-type: none; color: #282B26; margin:0; padding:0; } .art-BlockContent-body li { font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; font-size: 12px; text-decoration: none; } .art-BlockContent-body ul li { padding:0px 0 0px 9px; background-image: url('../images/BlockContentBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } /* end Box, BlockContent */ /* begin Box, Post */ .art-Post { position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .art-Post-body { position: relative; z-index: 1; padding: 10px; }

.art-Post { margin: 7px; } /* Start images */ a img { border: 0; }

.art-article img, img.art-article { margin: 1em; } .art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } /* Finish images */ /* Start tables */ .art-article table, table.art-article { border-collapse: collapse; margin: 1px; width:auto; } .art-article table, table.art-article .art-article tr, .art-article th, .art-art icle td { background-color:Transparent; } .art-article th, .art-article td { padding: 2px; border: solid 1px #161816; vertical-align: top; text-align:left; } .art-article th { text-align: center; vertical-align: middle; padding: 7px; } /* Finish tables */ pre { overflow: auto; padding: 0.1em; } /* end Box, Post */ /* begin PostHeaderIcon */ .art-PostHeader { text-decoration:none; margin: 0.2em 0; padding: 0; font-weight:normal;

font-style:normal; letter-spacing:normal; word-spacing:normal; font-variant:normal; text-decoration:none; font-variant:normal; text-transform:none; text-align:left; text-indent:0; line-height:inherit; font-family:Myanmar3,Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #3366CC; } .art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostH eader a:hover { font-family:Myanmar3,Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; margin:0; color: #3366CC; } /* end PostHeaderIcon */ /* begin PostHeader */ .art-PostHeader a:link { font-family:Myanmar3,Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #3366CC; } .art-PostHeader a:visited, .art-PostHeader a.visited { font-family:Myanmar3,Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #3366CC; } .art-PostHeader a:hover, .art-PostHeader a.hovered { font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; text-decoration: none; text-align: left; color: #3366CC; } /* end PostHeader */ /* begin PostIcons */

.art-PostHeaderIcons { padding:1px; } .art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .artPostHeaderIcons a:visited, .art-PostHeaderIcons a:hover { font-family:Arial, Helvetica, Sans-Serif; font-size: 11px; color: #3E443C; } .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visi ted, .art-PostHeaderIcons a:hover { margin:0; } .art-PostHeaderIcons a:link { font-family:Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #776B3C; } .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited { font-family:Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #575F54; } .art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover { font-family:Arial, Helvetica, Sans-Serif; text-decoration: none; color: #CDA71D; } /* end PostIcons */ /* begin PostContent */ /* Content Text Font & Color (Default) */ body { font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; } .art-PostContent { font-family: Myanmar3,Myanmar2, Yunghkio, 'Masterpiece Uni Sans', ThanLwin,Padau k,'WinUni Innwa',MyMyanmar,'Win Uni Innwa', Parabaik; font-size: 14px; line-height:24px; font-style: normal;

font-weight: normal; text-align: justify; color: #000000; } } /* Start Content link style */ /* The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active. http://www.w3schools.com/CSS/css_pseudo_classes.asp http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/ */ a { font-family:Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #0000CC; } /* Adds special style to an unvisited link. */ a:link { font-family:Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #0000CC; } /* Adds special style to a visited link. */ a:visited, a.visited { font-family:Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #CC1111; } /* :hover - adds special style to an element when you mouse over it. */ a:hover, a.hover { font-family:Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #0000CC; } /* Finish Content link style */ /* Resert some headings default style & links default style for links in heading s*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visit ed { font-weight: normal; font-style: normal; text-decoration: none; }

/* Start Content headings Fonts & Colors */ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover { font-family:Arial, Helvetica, Sans-Serif; font-size: 28px; font-style: normal; font-weight: bold; text-align: left; color: #000000; } h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover { font-family:Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #000000; } h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover { font-family:Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: bold; text-align: left; color: #000000; } h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover { font-family:Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: bold; text-align: left; color: #000000; } h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover { font-family:Myanmar3,Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left; color: #000000; } h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover { font-family:Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left; color: #000000;

} /* Finish Content headings Fonts & Colors */ /* end PostContent */ /* begin PostBullets */ /* Start Content list */ ol, ul { color: #000000; margin:1em 0 1em 2em; padding:0; font-family:Arial, Helvetica, Sans-Serif; font-size: 12px; } li ol, li ul { margin:0.5em 0 0.5em 2em; padding:0; } li { margin:0.2em 0; padding:0; } ul { list-style-type: none; } ol { list-style-position:inside; }

.art-Post li { padding:0px 0 0px 10px; line-height:1.2em; } .art-Post ol li, .art-Post ul ol li { background: none; padding-left:0; } .art-Post ul li, .art-Post ol ul li { background-image: url('../images/PostBullets.png'); background-repeat:no-repeat; padding-left:10px; }

/* Finish Content list */ /* end PostBullets */ /* begin PostQuote */ /* Start blockquote */ blockquote, blockquote p, .art-PostContent blockquote p { color:#141613; font-family:Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; text-align: left; } blockquote, .art-PostContent blockquote { border:solid 1px #161816; margin:10px 10px 10px 50px; padding:5px 5px 5px 41px; background-color:#FFFFFF; background-image:url('../images/PostQuote.png'); background-position:left top; background-repeat:no-repeat; } /* Finish blockuote */ /* end PostQuote */ /* begin Button */ .art-button-wrapper .art-button { display:inline-block; width: auto; outline:none; border:none; background:none; line-height:28px; margin:0 !important; padding:0 !important; overflow: visible; cursor: default; text-decoration: none !important; z-index:0; } .art-button-wrapper { display:inline-block; position:relative; height: 28px; overflow:hidden; white-space: nowrap; width: auto; z-index:0; }

.firefox2 .art-button-wrapper { display:block; float:left; } .art-button-wrapper .art-button { display:block; height: 28px; font-family:Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; white-space: nowrap; text-align: left; padding: 0 10px !important; line-height: 28px; text-decoration: none !important; color: #FFFFFF !important; } input, select { font-family:Myanmar3,Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .art-button-wrapper.hover .art-button, .art-button:hover { color: #FFFFFF !important; text-decoration: none !important; } .art-button-wrapper.active .art-button { color: #FFFFFF !important; } .art-button-wrapper .l, .art-button-wrapper .r { display:block; position:absolute; z-index:-1; height: 84px; background-image: url('../images/Button.png'); } .art-button-wrapper .l { left:0; right:1px; } .art-button-wrapper .r { width:403px;

right:0; clip: rect(auto, auto, auto, 402px); } .art-button-wrapper.hover .l, .art-button-wrapper.hover .r { top: -28px; } .art-button-wrapper.active .l, .art-button-wrapper.active .r { top: -56px; } /* end Button */ /* begin Footer */ .art-Footer { position:relative; z-index:0; overflow:hidden; width: 998px; margin: 5px auto 0px auto; } .art-Footer .art-Footer-inner { height:1%; position: relative; z-index: 0; padding: 8px; text-align: center; } .art-Footer .art-Footer-background { position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url('../images/Footer.png'); width: 998px; height: 150px; bottom:0; left:0; } .art-rss-tag-icon { position: relative; display:block; float:left; background-image: url('../images/livemarks.png'); background-position: center right; background-repeat: no-repeat; margin: 0 5px 0 0; height: 32px; width: 32px;

cursor: default; }

.art-Footer .art-Footer-text p { margin: 0; } .art-Footer .art-Footer-text { display:inline-block; color:#FFFFFF; font-family:Arial, Helvetica, Sans-Serif; font-size: 11px; } .art-Footer .art-Footer-text a:link { text-decoration: none; color: #C8BE92; font-family:Myanmar3,Arial, Helvetica, Sans-Serif; text-decoration: underline; } .art-Footer .art-Footer-text a:visited { text-decoration: none; color: #747F71; font-family:Arial, Helvetica, Sans-Serif; text-decoration: underline; } .art-Footer .art-Footer-text a:hover { text-decoration: none; color: #EBD070; font-family:Arial, Helvetica, Sans-Serif; text-decoration: none; } /* end Footer */ /* begin PageFooter */ .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover { font-family:Arial; font-size:10px; letter-spacing:normal; word-spacing:normal; font-style:normal; font-weight:normal; text-decoration:underline; color:#B3911A; } .art-page-footer {

margin:1em; text-align:center; text-decoration:none; color:#887A44; } /* end PageFooter */ /* begin LayoutCell */ .art-contentLayout .art-content { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 697px; } .art-contentLayout .art-content-wide { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 996px; } /* end LayoutCell */ /* begin LayoutCell */ .art-contentLayout .art-sidebar1 { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 299px; } /* end LayoutCell */

table.moduletable th { font-size: 140%; padding: .5em 0em; } .firefox2 table.poll tr td div { font-size:0; } #footer { text-align: center; }

.breadcrumbs { display: block; padding: .7em 0em; } .contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td .modifydate { font-size: 75%; padding-bottom: 1em; } .column_separator { padding-left: .4em; } .pagination span { padding: 2px; } .pagination a { padding: 2px; } div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } span.pathway { display: block; margin: 0 20px; overflow: hidden; } /* headers */ table.moduletable th, legend { margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left; } /* form validation */

.invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f6f6f6; } .ol-background { background-color: #666; } .ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; } .ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; } /* spacers */ span.article_separator { display: none; } .column_separator { padding-left: 10px; } td.buttonheading img { border: none; }

.clr { clear: both; } div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; } table.blog span.article_separator { display: none; } /* edit button */ .contentpaneopen_edit { float: left; } /* table of contents */ table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; float: right; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {

padding: 3px; } /* content styles */ table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: auto; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } .highlight { background-color: #fffebb; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu h3 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #eee; margin: -23px -4px 5px -5px; padding-left: 10px; padding-bottom: 2px; }

div.module_menu { margin: 0; padding: 0; margin-bottom: 15px; } div.module_menu div div div { padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto; } div.module_menu div div div div { background: none; padding: 0; } div.module_menu ul { margin: 10px 0; padding-left: 20px; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; } #leftcolumn div.module { padding: 0 10px; } #leftcolumn div.module table { width: auto; } /* forms */ table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; } form#form-login

{ text-align: left; } form#form-login fieldset { border: 0 none; margin: 0; padding: 0.2em; } form#form-login ul { list-style-type: none; margin: 0; padding: 0; } form#form-login ul li { background-image: none; padding: 0; } #modlgn_username, #modlgn_passwd { width: 90%; } #form-login-username, #form-login-password, #form-login-remember { display: block; margin: 0; } form#com-form-login { text-align: left; } form#com-form-login fieldset { border: 0 none; margin: 0; padding: 0.2em; } form#com-form-login ul { list-style-type: none; margin: 0; padding: 0; } form#com-form-login ul li { background-image: none; padding: 0; }

/* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #666; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } div.message { font-weight: bold; font-size: 14px; color: #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } /* Banners module */ /* Default skyscraper style */ .banneritem img { display: block;

margin-left: auto; margin-right: auto; } /* Text advert style */ .banneritem_text { padding: 4px; font-size: 11px; } .bannerfooter_text { padding: 4px; font-size: 11px; background-color: #f7f7f7; text-align: right; } /* System Messages */ /* see system general.css */ .pagination span { padding: 2px; } .pagination a { padding: 2px; } /* Polls */ .pollstableborder { margin-top: 8px; } .pollstableborder td { text-align: left; } /* WebLinks */ span.description { display: block; padding-left: 30px; } /* Frontend Editing*/ fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; }

legend { margin: 0; padding: 0 10px; } td.key { border-bottom: 1px solid #eee; color: #666; } /* Tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #d4d5aa; padding: 5px; max-width: 200px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* System Standard Messages */ #system-message { margin-bottom: 20px; } #system-message dd.message ul { background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat; border-top: 3px solid #de7a7b; border-bottom: 3px solid #de7a7b; margin:0px; padding-left: 40px; text-indent:0px; } /* System Error Messages */

#system-message dd.error ul { color: #c00; background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin: 0px; padding-left: 40px; text-indent: 0px; } /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #f0dc7e; border-bottom: 3px solid #f0dc7e; margin: 0px; padding-left: 40px; text-indent: 0px; } #syndicate { float: left; padding-left: 25px; } /* Component Specific Fixes */ #component-contact table td { padding: 2px 0; } .breadcrumbs img { margin: 0px; padding: 0px; border: 0px; } .mceToolbarTop { white-space: normal; } .mceEditor { background: none; } #archive-list { list-style-type: none; margin: 0px; padding: 0px; }

#archive-list li { list-style-type: none; background-image: none; margin-left: 0px; padding-left: 0px; } #navigation { text-align: center; } .article h3 img { border: none; display: inline; margin: 0; padding: 0; } .art-Footer-text .moduletable { border: none; margin: 0; padding: 0; } .pollstableborder td { vertical-align: middle; } .img_caption.left { float: left; margin-right: 1em; } .img_caption.right { float: right; margin-left: 1em; } .img_caption.left p { clear: left; text-align: center; } .img_caption.right p { clear: right; text-align: center; } .img_caption img { margin: 0em;

} .contentheading { font-family:Myanmar3,Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: bold; text-align: left; color: #000000; } /* Plugin compatilibity. */ /* 152316, DOCman */ .dm_taskbar ul { background-image: none; margin: 0px; padding: 0px; } .dm_taskbar ul li { background-image: none; }

Anda mungkin juga menyukai