@charset "UTF-8";

/* process */
h2 {
text-indent: -9000px;
background: transparent url(../images/process/page-title.gif) no-repeat scroll left top;
}

h3 {
display: none;
}

.section {
position: relative;
}

/*
jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */
.panel h2.title {
margin-bottom: 10px
}
noscript div {
background: #ccc;
border: 1px solid #900;
margin: 20px 0;
padding: 15px
}

/* Most common stuff you'll need to change */
.coda-slider-wrapper {
padding: 10px 0;
position: relative;
}
.coda-slider {
background: #ccc
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
height: 200px;
overflow: auto !important;
padding-right: 20px;
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider,
.coda-slider .panel {
width: 600px;
} 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider,
.coda-slider-wrapper.arrows .coda-slider .panel {
width: 600px;
}
.coda-slider-wrapper.arrows .coda-slider {
margin: 0 10px;
}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {
background: #000;
color: #fff;
width: 44px;
height: 44px;
text-indent: -9000px;
}

.coda-nav-left a {
background: #fff url(../images/process/arrow_left.png) no-repeat 0 0;
}

.coda-nav-right a {
background: #fff url(../images/process/arrow_right.png) no-repeat 0 0;
}

/* Panel padding */
.coda-slider .panel-wrapper {
padding: 0 3px 3px;
}

/* Preloader */
.coda-slider p.loading {
padding: 20px;
text-align: center
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav {
width: 600px !important;
margin: 0 auto;
text-align: left;
}

.coda-nav ul {
clear: both;
display: block;
/* margin: auto; */
overflow: hidden;
width: 410px !important;
}

.coda-nav ul li { display: inline }
.coda-nav ul li a {
background: #f9f9f9;
color: #333;
display: block;
float: left;
margin-right: 1px;
/* padding: 10px 8px 8px; */
text-decoration: none;
line-height: 1em;
border-top: 1px #d6d6d6 solid;
border-right: 1px #c0c0c0 solid;
border-left: 1px #d6d6d6 solid;
font-size: 11px;
text-indent: -9999px;
width: 78px;
height: 30px;
}
/* tab image default */
.coda-nav ul li.tab1 a {background: #f9f9f9 url(../images/process/tab-default1.gif) no-repeat center;}
.coda-nav ul li.tab2 a {background: #f9f9f9 url(../images/process/tab-default2.gif) no-repeat center;}
.coda-nav ul li.tab3 a {background: #f9f9f9 url(../images/process/tab-default3.gif) no-repeat center;}
.coda-nav ul li.tab4 a {background: #f9f9f9 url(../images/process/tab-default4.gif) no-repeat center;}
.coda-nav ul li.tab5 a {background: #f9f9f9 url(../images/process/tab-default5.gif) no-repeat center;}
/* tab image current */
.coda-nav ul li.tab1 a.current {background: #39c url(../images/process/tab-current1.gif) no-repeat center;}
.coda-nav ul li.tab2 a.current {background: #39c url(../images/process/tab-current2.gif) no-repeat center;}
.coda-nav ul li.tab3 a.current {background: #39c url(../images/process/tab-current3.gif) no-repeat center;}
.coda-nav ul li.tab4 a.current {background: #39c url(../images/process/tab-current4.gif) no-repeat center;}
.coda-nav ul li.tab5 a.current {background: #39c url(../images/process/tab-current5.gif) no-repeat center;}

/* Tab nav */
.coda-nav ul li a.current {
background: #39c;
color: #fff;
border-top: 1px #14a5ef solid;
border-right: 1px #0e74a8 solid;
border-left: 1px #14a5ef solid;
}

/* Miscellaneous */
.coda-slider-wrapper {
clear: both;
overflow: hidden;
}

.coda-slider {
/* float: left; */
overflow: hidden;
position: relative;
border-top: 5px #39c solid;
margin: 0 auto !important;
}

.coda-slider .panel {
display: block;
float: left
}

.coda-slider .panel-container {
position: relative
}

.coda-nav-left {
position: absolute;
left: 30px;
top: 280px;
}

.coda-nav-right {
position: absolute;
right: 30px;
top: 280px;
}

.coda-nav-left a, .coda-nav-right a {
display: block;
text-align: center;
text-decoration: none
}


/* IE 6 */
* html .coda-nav {
width: 700px !important;
}

* html .coda-nav ul {
width: 400px !important;
margin: 0 100px !important;
}

* html .coda-nav ul a:hover {
text-decoration: none;
color: #333;
}

* html .coda-nav ul a.current:hover {
text-decoration: none;
color: #fff;
}

* html .coda-slider {
left: 100px;
height: 608px !important;
}


/* pdf
------------------------------------- */
.process-pdf {
text-align: right;
margin-right: 100px;
float: right;
position: absolute;
right: 0px;
top: 15px;
}

.process-pdf a {
background:transparent url(../images/common/icon_movie_mini_red.gif) no-repeat scroll left 0px;
color:#FF2400;
padding-left:12px;
font-size: 11px;
}

.process-pdf a:hover {
color:#FF2400;
z-index: 1000;
}