/**
 * West Siberan Resources
 * @version 2007-04-19
 */

@import url(/styles/shared/960/reset.css);
@import url(/styles/shared/960/960.css);
@import url(/styles/shared/default-1.3.css);
@import url(/styles/shared/afwimagearchive-1.0.css);
@import url(/styles/shared/afwpress-1.0.css);
@import url(/styles/shared/afwshare-1.3.css);
@import url(/styles/shared/afwinsiders-1.0.css);
@import url(/styles/shared/afwcalendar-1.0.css);
@import url(/styles/shared/csspplay/pro_five_air/style.css);

body { background: url(/images/v4_body_bg.gif) repeat-x #fff; margin-top: 0; padding-top: 0 }
form { margin: 0; padding: 0 }

/* LAYOUT
--------------------------------------------------- */
div#afw div#header { margin: 0; padding: 0 }
    div#afw div#header div.logo { width: 500px; height: 90px; float: left; }
    div#afw div#header div.logo a.logolink { float: left; width: 270px; height: 86px; overflow: hidden; }

    div#afw div#header div.tools { width: 200px; float: right; margin: 30px 0 0 0 }
        div#afw div#header div.tools div.langs { float: right; margin: 0 0 5px 0 }
        div#afw div#header div.tools div.search { clear: both; float: right }
        div#afw div#header div.tools div.search input.txt { border: none; background: url(/images/v4_input_bg.gif) no-repeat 0 0; padding: 3px 2px 4px 5px; width: 146px }
        div#afw div#header div.tools div.search input.btn { border: none; background: transparent; position: absolute; margin: 1px 0 0 135px; width: 10px }

div#afw div#body { padding: 20px 0 0 0 }
    div#afw.full.wide div#body { margin: 0 }
div#afw div#right { margin: 20px 0 0 0 }

div#afw div#footer { margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: solid 1px #f6f6f6 }
    div#afw div#footer div.copy { float: left; width: 500px }
    div#afw div#footer div.links { float: right; width: 200px; text-align: right }
    div#afw div#footer div.links span.delimiter { padding: 0 5px; color: #d0d0d0 }

a img { border: none }

/* IMAGES
--------------------------------------------------- */
img.floatleft { float: left; margin: 0 20px 5px 0 }
img.floatright { float: right; margin: 0 0 5px 20px }
img.border { border: solid 1px #e0e0e0; padding: 2px; background: #fff }
li.pdf { background-image: url(/images/shared/LGPL/crystal_project/16x16/mimetypes/pdf_document.png) }
a.pdf { background: url(/images/shared/LGPL/crystal_project/16x16/mimetypes/pdf_document.png) no-repeat; padding-left: 20px }
a.html { background: url(/images/shared/LGPL/crystal_project/16x16/filesystems/folder_html.png) no-repeat; padding-left: 20px }
a.excel { background: url(/images/shared/icon/silk/page_white_excel.png) no-repeat; padding-left: 20px }
div#afw-share div.right div.downloadexcel ul li { background: url(/images/shared/icon/silk/page_white_excel.png) no-repeat 0 0; padding-left: 22px ! important }
a.arrow { background: url(/images/v4_arrow1.gif) no-repeat 100% 6px; padding: 0 12px 0 0 }
a.arrow:hover { background-image: url(/images/v4_arrow1_over.gif) }

/* NAVIGATION MENUS
--------------------------------------------------- */
/* top */
div#top-navigation { margin: 10px 0 10px 0; padding: 5px 0 5px 0 }
    ul.pro-five { height: 24px; padding: 0; background-image: url(/images/v4_tabs/pro_five_0c.gif) }
    ul.pro-five li a { background-image: url(/images/v4_tabs/pro_five_0a.gif) }
    ul.pro-five li a b { background-image: url(/images/v4_tabs/pro_five_0b.gif) }
    ul.pro-five li.selected a { background-image: url(/images/v4_tabs/pro_five_2a.gif) }
    ul.pro-five li.selected a b { background-image: url(/images/v4_tabs/pro_five_2b.gif) }
    ul.pro-five li a:hover { background-image: url(/images/v4_tabs/pro_five_1a.gif) }
    ul.pro-five li a:hover b {background-image: url(/images/v4_tabs/pro_five_1b.gif) }
    ul.pro-five li.current a:hover { background-image: url(/images/v4_tabs/pro_five_2a.gif) }
    ul.pro-five li.current a:hover b { background-image: url(/images/v4_tabs/pro_five_2b.gif) }

/* left */
div#left-navigation {}
    div#left-navigation ul { list-style: none; margin: 8px 0 0 0; padding: 0 }
    div#left-navigation ul li { margin: 0; padding: 6px 0; border-top: solid 1px #eee }
    div#left-navigation ul li ul li { padding-left: 20px }
    div#left-navigation ul li.selected b { font-weight: bold }
    div#left-navigation ul li.selected ul li b { font-weight: normal }
    div#left-navigation ul li.selected ul li.selected b { font-weight: bold }
    div#left-navigation h2 {  }

/* SPOTS
--------------------------------------------------- */
div.spot.gradient.s220 { width: 220px }
div.spot.gradient.s220 div.body { background: url(/images/v4_gradient_green_220.gif) no-repeat 0 0; min-height: 50px; margin: 0; padding: 10px 16px 1px 16px }
div.spot.gradient.s220 div.bottom { height: 6px; background: url(/images/v4_gradient_green_220.gif) no-repeat 0 -694px; margin: 0 0 20px 0 }
    div.spot.gradient.s220.blue div.body { background-image: url(/images/v4_gradient_green_220.gif) }
    div.spot.gradient.s220.blue div.bottom { background-image: url(/images/v4_gradient_green_220.gif) }

div.spot.gradient.s300 { width: 300px }
div.spot.gradient.s300 div.body { background: url(/images/v4_gradient_green_300.gif) no-repeat 0 0; min-height: 80px; margin: 0; padding: 10px 16px 1px 16px }
div.spot.gradient.s300 div.bottom { height: 6px; background: url(/images/v4_gradient_green_300.gif) no-repeat 0 -294px; margin: 0 0 20px 0 }
    div.spot.gradient.s300.blue div.body { background-image: url(/images/v4_gradient_green_300.gif) }
    div.spot.gradient.s300.blue div.bottom { background-image: url(/images/v4_gradient_green_300.gif) }
    div.spot.gradient.s300.green div.body { background-image: url(/images/v4_gradient_green_300.gif) }
    div.spot.gradient.s300.green div.bottom { background-image: url(/images/v4_gradient_green_300.gif) }

div.spot.gradient ul, div.spot.gradient p, div.spot.gradient h2 { margin-bottom: 5px }

/* CALENDAR
--------------------------------------------------- */
div.afwcalendar {}
div.afwcalendar div.event { margin: 0 0 10px 0 }

/* SITEMAP
--------------------------------------------------- */
div.sitemap {}
div.sitemap div.spot div.body { height: 280px }
div.sitemap div.section h2 {  }

/* ENTRY PAGES
--------------------------------------------------- */
div#afw.startpage div#right { margin: 0 }
div#afw.startpage div.ticker { margin: 0 0 10px 0 }
div#afw.startpage div.ticker table { width: 268px; margin: 0; padding: 0 }
div#afw.startpage div.ticker table th.afw-headinglong { background: none; border-color: #eee }
div#afw.startpage div.ticker table th.first, div#afw.startpage div.ticker table td.first { padding-left: 0 }
div#afw.startpage div.ticker table td { border-color: #eee }

div#afw.subentry.press div.spot { margin: 0 0 20px 0 }
div#afw.subentry.press div.afwcalendar.spot { margin: -10px 0 20px 0 }

/* FILES
--------------------------------------------------------------- */
div.afw-files { }
div.afw-files table td { padding: 5px 0 }
div.afw-files table tr td.coverage, div.afw-files table tr td.lang { padding-top: 20px }

/* PRESS
----------------------------------------- */
div.afwpress.detail div.date { margin: 15px 0 }
div#afwpress-detail div.body { width: 102% }

/* SHARE
----------------------------------------- */
/* total width */
div#afw-share div.header, div#afw-share div.ticker, div#afw-share div.wrapper, div#afw-share div.wide,
div#afw-share div.wide div.wrapper, div#afw-share div.footer { width: 700px }
/* left width */
div#afw-share div.left { width: 500px }
/* left width */
div#afw-share div.right { width: 200px }
/* orderbook & shareinfo */
div#afw-share div.wide div.left { width: 342px }
div#afw-share div.wide div.right { width: 342px }

/* SPECIAL PAGES
--------------------------------------------------- */
div#afw.about.concept div#body h3 { border-bottom: solid 1px #f3f3f3 }
div#afw.about.concept div#body ul { margin-left: 45px; }

/* TABLES
--------------------------------------------------- */
div.afw-table table { width: 100% }
div.afw-table table th, div.afw-table table td { color: #666 }
div.afw-table table .first { text-align: left ! important }
div.afw-table table .afw-headinglong { background: #fbfdfd; color: #008185; border-top: solid 1px #ccc; padding: 5px; font-size: 13px }
div.afw-table table .afw-heading2 { background: #ecf4f4; color: #008185; border-top: solid 1px #ccc; padding: 5px; font-size: 12px }
div.afw-table table .afw-heading2.even { background: #e3edee }
div.afw-table table .afw-heading3.even { background: #e3edee }
div.afw-table table .afw-heading4.even { background: #e3edee }
div.afw-table table .afw-plain.even { background: #ecf4f4 }
div.afw-table table .afw-subtotal, div.afw-table table .afw-subtotal3, div.afw-table table .afw-total { background: #ecf4f4 }
div.afw-table table .afw-subtotal.even, div.afw-table table .afw-subtotal3.even, div.afw-table table .afw-total.even { background: #e3edee }
div.afw-table table .afw-note { color: #666 }
div.afw-table table th, div.afw-table table td { background: #fbfdfd; border-color: #fff ! important }

div.afw-table-download { margin: 10px 0 }
div.afw-table-intro table td h3 { padding: 0 20px 0 0; font-size: 13px }
div.afw-table-intro table td.last { padding: 0 0 0 20px }

table.twocols { width: 100%; margin: 0 0 10px 0 }
table.twocols td.first { padding-right: 10px; width: 50% }
table.twocols td.last { padding-left: 10px; width: 50% }

/* FILES
--------------------------------------------------- */
div.afw-files.list table { width: 100% }
div.afw-files.list table th { text-align: left; padding: 20px 0 5px 0  }
div.afw-files.list table td { padding: 10px 0 }
div.afw-files.list table td.last { white-space: nowrap }
div.afw-files.list table td.last ul li { background-position: 0 50% ! important; margin: 0 5px 0 0; padding: 0 0 0 18px }

/* IMAGE ARCHIVE
--------------------------------------------------- */
div.afwimagearchive div.items div.item { width: 200px }
div.afwimagearchive div.items div.item { height: 160px }

/* TYPOGRAPHY
--------------------------------------------------- */

body { font-family: 'trebuchet ms',tahoma; color: #666; font-size: 13px; line-height: 16px }
h1, h2, h3, p { font-weight: normal; margin: 0 0 15px 0; padding: 0 }
p { line-height: 20px }
h1, h2, h3 { font-family: tahoma }
h1 { letter-spacing: -1px; color: #008185; font-size: 24px; line-height: 24px }
h2, div.afwpress.detail div.headline, div.head strong { font-size: 18px; line-height: 22px; color: #008185 }
div.afwpress.detail div.headline strong { font-weight: normal }

a { color: #008185 }
a:hover {  }
a:visited { color: #666 }
textarea, select, input { font-size: 12px }
    div#afw div#header div.tools div.search input.txt { font-size: 11px }

div.afw-table table td, div.afw-table table th { font-size: 12px }

div.spot div.body, div.spot div.body p {  font-size: 12px; line-height: 16px }
div.spot.gradient h2, div.head strong, div#afw.startpage h2, div#afw.subentry.press h2, div.afw-table-intro h2 { font-size: 14px; font-family: tahoma; font-weight: normal }

div.sitemap div.section h2 { font-size: 14px; font-family: tahoma }

div.date { font-size: 11px; font-style: italic }

div#afw div#top-navigation li a { font-family: tahoma; font-size: 11px; text-decoration: none; color: #999 }
div#afw div#top-navigation li a:hover { color: #666 }
div#afw div#top-navigation li.selected a { color: #666 }

div#afw div#left-navigation h2 { font-size: 14px; font-family: tahoma  }
div#afw div#left-navigation a { font-family: tahoma; font-size: 11px; text-decoration: none; color: #666 }
div#afw div#left-navigation b { font-weight: normal }

div#afw div#body p b i { font-style: normal; font-weight: normal; font-size: 15px }
div#afw div#footer { font-size: 12px }

div#afw div#header div.tools div.search input.txt { color: #666 }

div#AFW-share-small div#AFW-share-ticker table td { font-size: 12px; padding: 2px 4px ! important }
div#AFW-share-small div#AFW-share-ticker table { border: solid 1px #eee; border-bottom: none }
div#AFW-share-small div#AFW-share-graph img { border: solid 1px #eee ! important; border-top: none ! important }

div#afw.startpage div.ticker table th.afw-headinglong { font-size: 14px; font-weight: normal; font-family: tahoma; padding-bottom: 10px }

div#body ul { list-style-image: none; list-style-position: outside; list-style-type: square; margin: 0px 0px 15px 20px; }

/* Box decorations */
.box_shadow {
-moz-box-shadow: 3px 3px 8px #aaa; /* FF3.5+ */
-webkit-box-shadow: 3px 3px 8px #aaa; /* Saf3.0+, Chrome */
box-shadow: 3px 3px 8px #aaa; /* Opera 10.5, IE9, Chrome 10+ */
margin-bottom: 4px
}
.rotate {
-moz-transform: rotate(-2.5deg);
/* -webkit-transform: rotate(-2.5deg); Disabled for Chrome since it has issues with antialiasing */
-ms-transform: rotate(-2.5deg);
transform: rotate(-2.5deg);
}


