@charset "utf-8";
/* CSS Document */

#wrapper {
	padding:0px;
	width:960px;
	text-align:left;
}

#header {
	margin:0 auto;
	padding:0px;
	width:960px;
	height:70px;
}

#menubar {
	margin:0px auto;
	padding:0px;
	width:960px;
	height:132px;
}

#border-top {
	height:7px; 
	width:100%;
	margin:20px 0px;
	padding:0;
	background:url(/images/top_border.gif) top left repeat-x;
	float:left;
}

#border-bottom {
	height:8px; 
	width:100%;
	margin:15px 0px;
	padding:0;
	background:url(/images/bottom_border.gif) top left repeat-x;
}

#learn_more {
	float:left;
	width:450px;
	margin:10px 80px 0px 30px;
}

#adwords_top {
	float:left;
	width:210px;
	margin:0px;
	padding:0px;
}

#adwords{
	float:left;
	width:960px;
	margin:20px 0px 0px 0px;
}

.adwords_box {
	float:left;
	width:215px;
	margin:0px 24px 0px 0px;
	padding:0px;
}

#nav-lang {
	float:left;
	width:200px;
	margin:5px 0px 0px 0px;	
}

#logo {
	float:left;
	width:187px;
	margin:0px;
	padding:0px;
}

iframe#newsletter {
  width: 450px;
  height: 50px;
  border: 0;
  float: right;
  margin: 20px 0 0 0;
}

#main {
	margin:0px auto;
	width:960px;	
}


#mainContainer {
	margin:0px auto;
	width:960px;	
	height:auto;
}

.date {
	float:left;
	width:500px;
}

.study .date { 
	line-height:24px;
	width:130px;
}

#copyright {
	float:left;
	width:960px;
	border-top:1px solid #cccccc;
	padding:15px 0px 0px 0px;
	margin:20px 0px;
}


#flash_cod, #flash {
	float:left;
	height:365px;
	width:500px;
	margin:0;
	padding:0;
}


#flash_detail {
	float:left;
	height:430px;
	width:500px;
	margin:0;
	padding:0;
}

.layer {
	position:absolute;
	left: 50%;
	top: 425px;
	width:485px;
	height:350px;
	background:#FFF;
	padding:0;
	margin:0px 0px 0px -472px; 
	
	display:none;
}

.download_bar  {
	float:left;
	width:500px;
	height:21px;
	text-align:right;
	background:url(/images/bg_jpg_pdf.gif) top right no-repeat;
	margin:0px;
}

.chart a, .download_bar a, .study a {
	background:url(/images/btn_pdf.gif) center left no-repeat;
	padding:0px 0px 0px 16px;
	margin-right:5px;
	line-height:24px;
}

.chart a:hover, .download_bar a:hover, .study a:hover {
	text-decoration:underline;
}

#charts {
	width:350px;
	float:left;
	margin:0px 0px 0px 55px;
}

.chart {
	margin-bottom:20px;
}

#studies h1 {
	font-size:18px;
	line-height:22px;
	margin:0px 0px 4px 0px;
	padding:0;
}


#flash_nav {
	width:45px;
	float:left;
	margin:0px;
	padding:0;
	height:430px;
}

#flash_nav img {
	margin:0px 0px 1px 1px;
	cursor:pointer;
}

#flash_nav #spacer {
	width:44px;
	height:168px;
}


#flash #noflash {
	float:left;
	width:500px;
	height:430px;
	background:url(/images/flash_bg.png) top left no-repeat;	
	margin:0;
	padding:0;
}


#flash_cod #noflash {
	float:left;
	width:500px;
	height:364px;
	background:url(/images/bg_noflash.gif) top left no-repeat;	
	margin:0;
	padding:0;
}


#studies {
	width:340px;
	height:405px;
	float:left;
	margin:0px 0px 0px 55px;
}

#studies>a {
  display: block;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  margin-top: 10px;
}

#studies>a:hover {
  text-decoration: underline;
}

.study {
	width:340px;
	margin:10px 0px 30px 0px;
	padding:0;
}

.layer .study {
	margin:25px 0px 0px 25px;
}

#embedForm {
	margin:25px 0px 0px 25px;
}

#embedForm input, #embedForm textarea {
	width:340px;
	height:180px;
}

#forwardForm {
	width:340px;
	margin:10px 0px 0px 0px;
	padding:0;
	border:2px solid #cccccc;
	height:180px;
}

#forwardForm label {
	float:left; 
	width:130px;
	margin:10px;
	color:#6fa0a6;
}

#forwardForm input, textarea {
	float:right; 
	width:150px;
	margin:10px 10px;
	font-size:11px;
}

#forwardForm input[type=submit] {
	width:163px;
	height:26px;
	background:url(/images/btn_studies.gif) top left no-repeat;
	color:#6fa0a6;
	text-align:center;
	line-height:26px;
	font-size:12px;
	border:none;
	float:right;
}

#forwardForm textarea {
	height:40px;
}

#overview .study {
	width:400px;
	float:left;
	margin:15px 0px 0px 0px;
}

#btn_studies {
	float:right;
	width:340px;
	height:165px;
	margin:0px 0px 0px 55px;
}

#btn_studies a {
	float:left;
	width:163px;
	height:26px;
	display:block;
	background:url(/images/btn_studies.gif) top left no-repeat;
	color:#6fa0a6;
	text-decoration:none;
	text-align:center;
	line-height:26px;
	margin-right:10px;
}

#overview {
	margin:15px 0px;
	width:660px;
	height:600px; 
	border:1px solid #E6E5E6;
	overflow:auto;
	padding:10px;
	float:left;
}

#branch {
	float:left;
	width:240px;
	margin:15px 0px 0px 30px;
	
}

#branch label {
	font-weight:bold;
	width:60px;
	margin:0;
	padding:0;
	float:left;
	line-height:24px;
}

#branch select {
	width:170px;
	margin:0;
	padding:0;
	float:left;
}

/*********FOOTER***********/
#footer {
	margin:0px auto;
	width:960px;
}

/*********NAVIGATION***********/
#nav {
	margin:50px auto 35px auto;
	width:960px;	
	height:133px;
	background:url(/images/nav/bg.gif) top left no-repeat;
}

ul#menu, ul#avaibleLessons{
	margin:0px 45px;
	/*height:133px;*/
	padding:0px;
	list-style-type:none;
}

ul#menu li, ul#avaibleLessons li {
	float:left;
	width:173px;
	display:inline;
	font-size:14px;
	margin-right:1px;
}

ul#menu li a, ul#avaibleLessons li a  {
	text-decoration:none;
}

.title, .question {
	float:left;
	width:152px;
	margin:0;
	padding:0;
}

.title {
	padding:8px 0px 0px 20px;
	margin-top:3px;
	height:26px;
}

.green {
	color:#33cc33;
}

.blue {
	color:#3366cc;
}

.yellow {
	color:#f5c800;
}

.orange {
	color:#FC9700;
}

.red {
	color:#de4632;
}

.question {
	padding:5px 10px 0px 12px;
	height:93px;
	font-size:18px;
	line-height:22px;
	width:150px;
	text-decoration:none;
	background-position: left bottom;
	background-repeat: no-repeat;
}

a.question:hover {
	text-decoration:underline;
}

#avaibleLessons li a {
	padding:5px 10px 0px 10px;
	margin:0;	
	font-size:18px;
	line-height:22px;
	display:block;
}


.redActive {
	color:#FFFFFF;
	background:url(/images/nav/redTop.gif) top left no-repeat;
}

.blueActive {
	color:#FFFFFF;
	background:url(/images/nav/blueTop.gif) top left no-repeat;
}

.orangeActive {
	color:#FFFFFF;
	background:url(/images/nav/orangeTop.gif) top left no-repeat;
}

.yellowActive {
	color:#FFFFFF;
	background:url(/images/nav/yellowTop.gif) top left no-repeat;
}

.greenActive {
	color:#FFFFFF;
	background:url(/images/nav/greenTop.gif) top left no-repeat;
}

.r {
	background:url(/images/nav/bg_red.gif) top left no-repeat;
}

.b {
	background:url(/images/nav/bg_blue.gif) top left no-repeat;
}

.o {
	background:url(/images/nav/bg_orange.gif) top left no-repeat;
}

.y {
	background:url(/images/nav/bg_yellow.gif) top left no-repeat;
}

.g {
	background:url(/images/nav/bg_green.gif) top left no-repeat;
}

/***************SLIDE STUFF*****************/
#subnav {
	width:960px;
	float:left; 
	margin:0; 
	padding:0; 
}

.scrollbtn_left {
	float:left; 
	width: 15px; 
	margin:0; 
	padding:40px 15px;
	cursor:pointer;
}

.scrollbtn_l_inactive, .scrollbtn_r_inactive {
	display:none;
}

.scrollbtn_right {
	float:left; 
	width: 15px; 
	margin:0; 
	padding:40px 0px 40px 15px;
	cursor:pointer;
}

ul.slideList {
	margin: 0;
	padding: 0;
}

/***************************************************/
#availableLessons {
	height:93px;
	width: 870px;
}

#availableLessons li {
	/*display: block;*/
	float: left;
	margin: 0;
	padding: 0px 4px 0px 0px;
	height:93px;
	width:170px;
}

#availableLessons li.red {
	background:url(/images/nav/bg_redActive.gif) top left no-repeat;
}
#availableLessons li.orange {
	background:url(/images/nav/bg_orangeActive.gif) top left no-repeat;
}
#availableLessons li.yellow {
	background:url(/images/nav/bg_yellowActive.gif) top left no-repeat;
}
#availableLessons li.blue {
	background:url(/images/nav/bg_blueActive.gif) top left no-repeat;
}
#availableLessons li.green {
	background:url(/images/nav/bg_greenActive.gif) top left no-repeat;
}

#availableLessons li div.inactive {
text-decoration: line-through;
}

#selectedLessons {
height: 93px;
width: 870px;
}

#selectedLessons li {
width: 173px;
}

#lessons {
height: 93px;
width: 870px;
}

#lessons li {
width: 173px;
}

ul.slideList {
margin: 0;
padding: 0;
}

ul.slideList li {
display: block;
float: left;
margin: 0;
padding: 0;
}

div.rating a.rate {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(/images/mainSprite.png) no-repeat;
  padding: 0;
  margin: 0;
}

div.rating a.rate.off {
  background-position: -55px -15px;
}

div.rating a.rate.on {
  background-position: -15px -15px;
}

div.rating a.rate.mo_off {
  background-position: -55px -15px;
}

div.rating a.rate.mo_on {
  background-position: -15px -15px;
}

#main>.box {
  background-color: #F1F1F1;
  width: 405px;
  margin: 30px 0 0 0;
  padding: 20px 20px 80px 20px;
}

#main>.box>p {
  font-size: 17px;
  font-weight: bold;
  line-height: 25px;
}

div.links {
  margin: 30px 0 0 0 ;
}

div.links>a {
  display: block;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  margin: 15px 0 0 0;
}

div.links>a:hover {
  text-decoration: underline;
}

#flash_cod>a.zoom {
  width: 45px;
  height: 40px;
  position: absolute;
  top: 11px;
  right: 4px;
  background-image: url(/images/mainSprite.png);
  background-position: -80px 0;
  cursor: pointer;
}

#glassPane {
  position: fixed;
  background-color: #808080;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
}

#zoomBox {
  position: absolute;
  top: 160px;
  left: 50%;
  width: 720px;
  height: 545px;
  margin: 0 0 0 -360px;
  background-color: #FFF;
  z-index: 1001;
  border: 1px solid #7D7D7D;
  color: #7D7D7D;
}

#zoomBox>div {
  width: 500px;
  margin: 100px auto;
}

#zoomBox>div>h1 {
  font-size: 18px;
  color: #7D7D7D;
  margin: 0 0 10px 0;
}

#zoomBox>div form {
  border: 2px solid #CCC;
  width: 460px;
  padding: 20px;
}

#closeButton {
  position: absolute;
  top: 135px;
  left: 50%;
  margin: 0 0 0 360px;
  width: 25px;
  height: 25px;
  background-image: url(/images/mainSprite.png);
  background-position: -210px 0;
  z-index: 1001;
}

#controls {
  position: absolute;
  top: 706px;
  left: 50%;
  margin: 0 0 0 -360px;
  width: 720px;
  height: 41px;
  background-color: #FFF;
  z-index: 1001;
  border: solid #7D7D7D;
  border-width: 0 1px 1px 1px;
}

#controls>a,
#controls>div {
  display: block;
  float: left;
  margin: 0 0 1px 1px;
  width: 45px;
  height: 40px;
  background-image: url(/images/mainSprite.png);
  background-color: #7D7D7D;
}

#controls>a {
  cursor: pointer;
}

#controls>div#slideLabel {
  background-image: none;
  width: 442px;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  height: 16px;
  padding: 12px 0;
}

#controls>a#rwdButton {
  background-position: 0 -40px;
}

#controls>a#prevButton {
  background-position: -45px -40px;
}

#controls>a#nextButton {
  background-position: -90px -40px;
}

#controls>a#fwdButton {
  background-position: -135px -40px;
}

#controls>a#recommendButton {
  background-position: -225px -40px;
}

#controls>a#embedButton {
  background-position:  -270px -40px;
}