/*
	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 { clear: both; overflow: hidden; float: left; width: 840px; height: 328px; background: url('./../img/netshare_steps_bg.png') no-repeat 0 0; }
.coda-slider { overflow: hidden; }

/* 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 }*/
.panel .panel-wrapper { float: left; width: 670px; padding: 0 25px; margin: 30px 0 0 0; overflow: hidden; }
.panel .content_step1 { background: url('./../img/netshare_step1_image.png') no-repeat 480px 60px; }
.panel .content_step2  { background: url('./../img/netshare_step2_image.png') no-repeat 470px 60px; }
.panel .content_step3  { background: url('./../img/netshare_step3_image.png') no-repeat 480px 60px; }
.panel .panel-wrapper h1 { height: 37px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0;}
.panel .panel-wrapper h2 { width: 430px; }
#static_page  .panel .panel-wrapper p { width: 430px; line-height: 1.9em; text-align: left; }
#static_page  .panel .panel-wrapper ul li { line-height: 1.9em; margin: 0; padding: 0; }
.panel .panel-wrapper ul.step1 { width: 430px; list-style-image: url('./../img/li_green.gif'); margin-left: 15px; }
.panel .panel-wrapper ul.step2 { width: 430px; list-style-image: url('./../img/li_orange.gif'); margin-left: 15px; }
.panel .panel-wrapper ul.step3 { width: 430px; list-style-image: url('./../img/li_blue.gif'); margin-left: 15px; }
.panel .panel-wrapper p a { display: block; width: 160px; height: 36px; margin: 20px auto 0; text-indent: -9999px; }
.panel .panel-wrapper p a.step1 { background: url('./../img/netshare_step1_btn_join.png') no-repeat 0 0; }
.panel .panel-wrapper p a.step2 { background: url('./../img/netshare_step2_btn_join.png') no-repeat 0 0; margin: 40px auto 0; }
.panel .panel-wrapper p a.step3 { background: url('./../img/netshare_step3_btn_join.png') no-repeat 0 0; margin: 40px auto 0; }
.panel .panel-wrapper h1.step1 { width: 221px; background: url('./../img/netshare_step1_header2.png'); }
.panel .panel-wrapper h1.step2 { width: 200px; background: url('./../img/netshare_step2_header2.png'); }
.panel .panel-wrapper h1.step3 { width: 541px; background: url('./../img/netshare_step3_header2.png'); }
.panel .step1_left { background: url('./../img/netshare_left_arrow.png') no-repeat 50% 50%; }
.panel .step3_right { background: url('./../img/netshare_right_arrow.png') no-repeat 50% 50%; }
.panel .step1_right a { display: block; width: 32px; height: 32px; background: url('./../img/netshare_step1_right_arrow.png') no-repeat; text-indent: -9999px; margin: 133px auto 0; }
.panel .step2_left a { display: block; width: 32px; height: 32px; background: url('./../img/netshare_step2_left_arrow.png') no-repeat; text-indent: -9999px; margin: 133px auto 0; }
.panel .step2_right a { display: block; width: 32px; height: 32px; background: url('./../img/netshare_step2_right_arrow.png') no-repeat; text-indent: -9999px; margin: 133px auto 0; }
.panel .step3_left a { display: block; width: 32px; height: 32px; background: url('./../img/netshare_step3_left_arrow.png') no-repeat; text-indent: -9999px; margin: 133px auto 0; }



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

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: 0 20px 0 0; overflow: hidden }
.coda-nav ul li { display: inline }
#static_page .coda-nav { }
#static_page .coda-nav ul li a { font: bold 11px/14px "trebuchet ms", verdana, sans-serif; text-align: center; display: block; width: 14px; height: 14px; float: left; margin-right: 1px; padding: 0; text-decoration: none }
#static_page .coda-nav ul.step1 li a { color: #74990d; }
#static_page .coda-nav ul.step2 li a { color: #f79d13; }
#static_page .coda-nav ul.step3 li a { color: #7ca7dc; }
#static_page .coda-nav ul.step1 li a.current { background: url('./../img/netshare_step1_act.png') no-repeat; color: #fff; display: block; width: 14px; height: 14px; float: left; margin-right: 1px; padding: 0; text-decoration: none }
#static_page .coda-nav ul.step2 li a.current { background: url('./../img/netshare_step2_act.png') no-repeat; color: #fff; display: block; width: 14px; height: 14px; float: left; margin-right: 1px; padding: 0; text-decoration: none }
#static_page .coda-nav ul.step3 li a.current { background: url('./../img/netshare_step3_act.png') no-repeat; color: #fff; display: block; width: 14px; height: 14px; float: left; margin-right: 1px; padding: 0; text-decoration: none }


/* Miscellaneous */
/*.coda-slider { float: left; overflow: hidden; position: relative; }*/
.coda-slider .panel { display: block; float: left; }
/*.coda-slider .panel-container { position: relative; }*/
.coda-nav-left, .coda-nav-right { float: left; width: 60px; width: 60px; height: 300px; line-height: 300px;  }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }