/**
* ConnectUI - onboarding.css
*
* @author Eshwar <eshwar@triconinfotech.com>
* @copyright Copyright © 2009, McGraw-Hill Higher Education, All rights reserved.
*/

/* float clearing for IE7 */
*+html .clearfix{
 min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.addition_continer {
 float: right;
 width: 271px;
}

.addition_box {
 background-color: #e2ebf0;
 clear: both;
 margin-bottom: 32px;
 width: 271px;
}

.addition_box .add_bottom_left, .addition_box .add_bottom_right, .addition_box .add_top_left, .addition_box .add_top_right {
 background-color:#FFFFFF;
 background-image: url(../images/onboarding/round_corner.png);
 background-repeat: no-repeat;
}

.addition_box .addition_content {
 background-color: #e2ebf0;
 border-left: solid 1px #cfdfe7;
 border-right: solid 1px #cfdfe7;
 font-size: 14px;
 padding: 20px 20px;
}
.addition_box .addition_content p {
 text-align: center;
}

.addition_box .addition_content>img {
 display: block;
 padding-bottom: 10px;
 margin: 0 auto;
 width: auto;
 cursor: pointer;
}

.addition_box .add_bottom_left {
 background-position: left bottom;
 padding: 0 0 0 11px;
 height: 7px;
}

.addition_box .add_bottom_right {
 background-position: right bottom;
}

.addition_box .add_top_left {
 background-position: 0 0;
 padding: 0 0 0 11px;
 height: 31px;
}

.addition_box .add_top_right {
 background-position: right top;
}

.addition_box .add_top_right h3{
 font-size: 17px;
 padding: 6px;
 margin: 0px;
}

.addition_box .addition_content ul {
 padding: 0px;
 margin: 0px;
}

.addition_box .addition_content>ul li {
 cursor: pointer;
 list-style-type: none;
 padding: 0px;
 margin: 0 0 10px 8px;
}

.connect_description {
 float: left;
 margin-bottom: 32px;
 width: 545px;
}

.connect_description .description_bottom_left, .connect_description .description_bottom_right, .connect_description .description_top_left, .connect_description .description_top_right {
 background-color:#FFFFFF;
 background-image: url(../images/onboarding/rounded_corner.png);
 background-repeat: repeat;
}

.connect_description .description_bottom_left {
 background-position: left bottom;
 padding: 0 0 0 11px;
}

.connect_description .description_bottom_right {
 background-position: right bottom;
 padding: 5px 0;
}
 
.connect_description .description_bottom_right .display_details {
 float: right;
 font-size: 15px;
 margin-right: 12px;
 margin-top: 8px;
}

.connect_description .description_bottom_right .navigation_button {
 float: left;
 margin-top: 6px;
 margin-left: 178px;
 width: 150px;
}

.connect_description .description_bottom_right .navigation_button .previous{
 background-image: url(../images/onboarding/description_arrow.png);
 background-position: 58px 0px;
 background-repeat: no-repeat;
 color: #065e96;
 float: left;
 margin-right: 5px;
 padding: 3px 24px 3px 0;
 cursor: pointer;
}

.connect_description .description_bottom_right .navigation_button .previous.disable{
 background-position: 58px -35px;
 color: #adcadc;
 cursor: default;
}
.connect_description .description_bottom_right .navigation_button .next{
 background-image: url(../images/onboarding/description_arrow.png);
 background-position: -35px 0;
 background-repeat: no-repeat;
 color: #065e96;
 float: left;
 padding: 3px 0px 3px 26px;
 cursor: pointer;
}
.connect_description .description_bottom_right .navigation_button .next.disable{
 background-position: -35px -35px;
 color: #adcadc;
 cursor: default;
}

.connect_description .description_bottom_right .navigation_button a{
 text-decoration: none;
 font-size: 14px;
 padding: 0 5px;
}

.connect_description .description_container {
 border-left: solid 1px #d5d5d5;
 border-right: solid 1px #d5d5d5;
 font-size: 13px;
 padding: 0px 5px;
}

.connect_description .description_container>p {
 padding: 5px 0 8px 0;
}

.connect_description .description_container>p span {
 float: left;
}

.connect_description .description_container>p a {
 float: right;
 margin-bottom: 5px;
}

.connect_description .description_top_left {
 background-position: left top;
 padding: 0 0 0 11px;
}

.connect_description .description_top_right {
 background-position: right top;
 height: 10px;
}

.connect_planning #useful_tips {
 padding: 0px 0px 20px 0px;
}

td.data_content {
 font-size: 14px;
 padding: 10px 5px;
}

th.data_content {
 font-size: 14px;
 font-weight: bold;
 padding: 10px 5px 0 5px;
}

.data_container {
 background-image1: url(../images/onboarding/datacontainer_bg.png);
 background-position1: 0 0;
 background-repeat1: repeat-y;
 padding: 0px 8px;
 border-left: 1px solid #D4D4D4;
 border-right: 1px solid #D4D4D4;
}

.data_container_bottom {
 background-image: url(../images/onboarding/datacontainer_bottom.png);
 background-position: 0 0;
 background-repeat: no-repeat;
 bottom1: 15px;
 height: 15px;
 position: relative;
}

.gray_color {
 color: #dddddd;
}

.image_scroller {
 margin-left: 2px;
 width: 982px;
}

.image_scroller .scroller_topleft {
 background-image: url(../images/onboarding/scroller_top.png);
 background-repeat: no-repeat;
}

.image_scroller .scroller_topleft {
 background-position: left top;
}

.image_scroller .scroller_topright {
 background-image: url(../images/onboarding/scroller_bottom.png);
 background-position: left bottom;
 background-repeat: no-repeat;
}

.landing_page #bottom_container {
 padding-bottom: 10px;
}

.landing_page #bottom_container #bottom_left { 
 background:url(../images/onboarding/bottom_left_bg.gif) no-repeat left top;
 float: left;
 height: 211px;
 padding: 0 0 0 23px;
 position: relative;
 width: 342px;
}

.landing_page #bottom_container #bottom_left #left_inner {
 background:url(../images/onboarding/guide.png) no-repeat left bottom;
 position: absolute;
 padding: 2px 0 0 23px;
 top: -14px;
 width: 239px;
}

.landing_page #bottom_container #bottom_left #left_inner h2 {
 color: #FFFFFF;
 font-size: 24px;
 margin: 92px 0 6px 67px;
}

.landing_page #bottom_container #bottom_left #left_inner a {
 color: #FFFFFF;
 display: block;
 font-size: 14px;
 margin: 2px 0 74px 70px;
}

.landing_page #bottom_container #bottom_right {
 background:url(../images/onboarding/bottom_right_bg.gif) no-repeat left top;
 float: left;
 height: 211px;
 position: relative;
 width: 621px;
}

.landing_page #bottom_container #right_inner {
 position: relative;
 top: -50px;
 width: 431px;
}

.landing_page #bottom_container #right_inner #right_inner_top {
 background: url(../images/onboarding/instructor_top.png) no-repeat left top;
 height: 10px;
}

.landing_page #bottom_container #right_inner #right_inner_header {
 background: #f89204;
 padding: 4px 0px 8px 15px ;
}

.landing_page #bottom_container #right_inner #right_inner_header h2 {
 color: #333333;
 font-size: 24px;
}

.landing_page #bottom_container #right_inner h3 {
 display: block;
 font-size: 20px;
 font-weight: bold;
 margin: 35px 0 35px 0;
 text-align:center;
}

.landing_page #bottom_container #right_inner h3 em {
 font-size: 24px;
}

.landing_page #bottom_container #right_inner #right_inner_content {
 font-size: 16px;
 text-align: center;
}

.landing_page #bottom_container #right_inner span {
 color: #f38f03;
}

.landing_page #bottom_container #right_inner p {
 margin: 3px 0;
}

.landing_page #bottom_container #right_inner p a {
 padding: 0 5px;
}

.landing_page #pageInterior_bottom{
 background-image: url(../images/onboarding/landing_bottom.gif);
 background-position: center bottom;
 background-repeat: no-repeat; 
}

.landing_page #top_container {
 background: url(../images/onboarding/landing_bg.gif) no-repeat right bottom;
}

.landing_page #top_container #logo_container {
 padding: 34px 0 80px 42px;
}

.landing_page #top_container #logo_container h1 {
 color: #333333;
 font-size: 35px;
 font-weight: bold;
 margin-top: 25px;
 width: 600px;
}

.landing_page #top_container #logo_container p {
 color: #333333;
 font-size: 18px;
 margin: 20px 0 0 30px;
 width: 530px;
}

.navigating_connect #connect_detail {
 padding:18px 50px 0px 58px;
}

.navigating_connect_view .jcarousel-skin-tango {
 /*padding: 30px 0px !important;*/ 
}

.navigating_connect_view #connect_detail {
 padding:18px 50px 0px 58px;
}

.navigating_connect_view .QuickGuidesShowAll {
 background:transparent url('../images/quickguides_down_arrow.png') no-repeat 716px -4px;
}

.navigating_connect_view .scroller_content>p {
 padding: 0 0 5px 30px;
}

.navigating_connect_view .image_scroller {
 padding-bottom: 10px;
}

.navigating_connect_view .search_faq {
 font-size: 17px;
 padding: 0 0 10px 0;
 text-align: center;
}

.navigation_header {
 position: relative;
 top: 12px;
 width: 870px;
 z-index: 5;
}

.navigation_header ul {
 float: left;
 margin-left: 20px;
}

.navigation_header li {
 background: transparent url(../images/onboarding/navigation_left.png) no-repeat scroll left top;
 font-size: 15px;
 font-weight: bold;
 padding: 0 0 0 15px !important;
 text-align: center;
}

.navigation_header li div {
 background: transparent url(../images/onboarding/navigation_right.png) no-repeat scroll right top;
 font-size: 18px;
 font-weight: bold;
 padding: 7px 54px 15px 41px !important;
 text-decoration: none;
}

.navigation_tab {
 margin: 20px 0 0 0;
}

.navigation_tab_header {
 position: relative;
 top: 11px;
}

.navigation_tab_header ul {
 float: right;
 margin-right: 55px;
 display:none;
}

.navigation_tab_header ul li {
 background: transparent url(../images/onboarding/navigation_tab_left.png) no-repeat scroll left top;
 float: left;
 font-size: 18px;
 padding: 0 0 0 3px !important;
 margin: 0 5px 0 4px;
 text-align: center;
}

.navigation_tab_header ul li a {
 background: transparent url(../images/onboarding/navigation_tab_right.png) no-repeat scroll right top;
 color: #FFFFFF;
 display: block;
 font-size: 18px;
 font-weight: bold;
 padding: 7px 36px 7px 30px !important;
 text-decoration: none;
}

.navigation_tab_header ul li.active {
 background: transparent url(../images/onboarding/navigation_left.png) no-repeat scroll left top;
 float: left;
 font-size: 18px;
 font-weight: bold;
 margin: 0 5px 0 4px;
 padding: 0 0 0 10px !important; 
 text-align: center;
}

.navigation_tab_header ul li.active a {
 background: transparent url(../images/onboarding/navigation_right.png) no-repeat scroll right top;
 color: #333333;
 display: block;
 font-size: 18px;
 font-weight: bold;
 padding: 7px 30px 18px 22px !important;
 text-decoration: none;
}

.scroll_box {
 border-top: 1px solid #CECECE;
 height: 370px;
 width: 870px;
 overflow: auto;
}

.scroller_container {
 margin: 0 auto;
 width: 924px;
}

.scrollertop {
 background-image: url(../images/onboarding/scroller_bg.png);
 background-position:left top;
 background-repeat: no-repeat;
 height: 12px;
}

.scrollertop_right {
 background-image: url(../images/onboarding/scroller_bg.png);
 background-position:right top;
 background-repeat: no-repeat;
 height: 12px;
 margin-left: 15px;
}

.scroller_content {
 background-image: url(../images/onboarding/scroller_ctr_bg.png);
 background-position: left top;
 background-repeat: repeat-y;
}

.scroller_content>p {
 color: #D65C33;
 font-size: 23px;
 font-weight: bold;
 padding: 0 0 5px 25px;
}

.scroller_content_right {
 background-image: url(../images/onboarding/scroller_ctr_bg.png);
 background-position: right top;
 background-repeat: repeat-y;
 padding-bottom: 10px;
 margin-left: 10px;
}

.scroller_content_right label {
 float: right;
 font-size: 12px;
 margin: 6px 20px;
}

.scroller_content .scroller_header {
 color: #d65c33;
 font-size: 23px;
 font-weight: bold;
 padding: 0 0 5px 35px;
}

.scroller_content ul li {
 float:left;
 margin-left:4px;
 margin-right:12px;
}

.staticcarousel {
 height1: 362px;
}
.staticcarousel li {
 float:left;
 margin-left:4px;
 margin-right:12px;
 width: 533px;

}
.staticcarousel .imgdiv {
 width: 535px;
 height1: 362px;
 overflow: hidden;
 margin-bottom: 10px;
}
.staticcarousel li p {
 padding:20px;
}
.scroller_content .content_box {
 margin-bottom1: 10px;
 width: 284px;
}

.scroller_content .content_box .content_box_top {
 background-image: url(../images/onboarding/content_top.png);
 background-position:left top;
 background-repeat: no-repeat;
 height: 8px;
}

.scroller_content .content_box .content_top_note {
 background-image: url(../images/onboarding/top_note.png);
 background-position:left top;
 background-repeat: no-repeat;
 float: right;
 height: 20px;
 padding: 2px 0;
 position: absolute;
 right:-1px;
 top:-8px;
 text-align: center;
 width: 83px;
 display:none;
}

.scroller_content .content_box .content_top_note a {
 color: #da7858;
 font-size: 11px;
 font-weight: bold;
 margin: 2px 0 0 2px;
 text-decoration: none;
}

.scroller_content .content_box .content_box_middle {
 background-color: #FFFFFF;
 border-left: solid 1px #d5d5d5;
 border-right: solid 1px #d5d5d5;
 padding: 5px 10px;
 position: relative;
}

.scroller_content .content_box .content_box_middle>p { 
 color: #065e96;
 float: right;
 font-size: 14px;
 font-weight: bold;
 padding-top: 25px;
 text-decoration:none;
 width: 150px;
}

.scroller_content .content_box .content_box_middle img {
 float:left;
 margin-right:14px;
}

.scroller_content .content_box .content_box_bottom{
 background-image: url(../images/onboarding/content_top.png);
 background-position: left bottom;
 background-repeat: no-repeat;
 height: 8px;
}

.scrollerbottom {
 background-image: url(../images/onboarding/scroller_bg.png);
 background-position: left bottom;
 background-repeat: no-repeat;
 height: 12px; 
}

.scrollerbottom_right {
 background-image: url(../images/onboarding/scroller_bg.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 height: 12px; 
 margin-left: 15px;
}

.spacer_bottom {
 background-color: #FFFFFF;
 height: 1px;
 left: -29px;
 position: relative;
 width: 982px;
 margin-bottom: 8px;
}

.spacer_top {
 background-color: #CACACA;
 height: 1px;
 left: -29px;
 position: relative;
 width: 982px;
 margin-top: 10px;
}

.students .scrollertop {
 position:relative;
 top: 1px
}

.students #connect_detail {
 padding: 18px 40px 53px 48px;
}

.video_container {
 width: 886px;
}

.video_box {
 margin: 0 auto;
 width: 600px;
}

.video_box span {
 display: block;
 float: left;
 font-size: 14px;
 margin: 5px 50px;
 text-align: center;
}

.video_box span>p {
 margin: 5px 0;
}

.video_icon {
 bottom: 0px;
 position: absolute;
 right: 0px;
 display:none;
}

#connect_detail .addition_content ul li .addition_number {
 float: left;
 height: 30px;
 padding-right: 10px;
 width: 10px;
}

#connect_detail .addition_content ul li .addition_text {
 float: right;
 width: 200px;
}

#connect_detail .addition_content ul li .addition_text:hover {
 text-decoration: underline;
}

#connect_detail .addition_content .search_faqs {
 font-size:14px;
 font-weight: bold;
 padding: 30px 0 0 9px;
}

#connect_detail .addition_content .search_faqs input {
 border: solid 1px #bfd2dc;
 height: 20px;
 width: 189px;
}

#connect_detail .addition_content .search_faqs a {
 float: right;
 margin: 18px 7px 0 0;
}

#connect_detail {
 padding: 20px 50px 53px 58px;
 position:relative;
}

#connect_detail #connect_header {
 margin-bottom:40px;
 padding: 0px;
}

#connect_detail #connect_header h1 {
 float: left;
 font-size: 35px;
 margin: 20px 0 0;
 width1: 405px;
 width: 575px;
}

#connect_detail #connect_header p {
 float: right;
 margin: 0px;
}

#connect_detail #connect_subheader {
 font-weight:bold;
 padding-bottom:8px;
 position:absolute;
 right:50px;
 top:65px;
}

#connect_detail #connect_subheader.student {
 position:static;
}

#connect_detail #connect_subheader h2 {
 color: #767676;
 float: left;
 font-size: 17px;
 margin: 0 0 0 28px;
 width: 720px;
}

#connect_detail #connect_subheader h3 {
 float: left;
 font-size: 18px;
 width: 720px;
}

#connect_detail #connect_subheader a {
 color:#164A83;
 float: right;
 font-size: 16px;
 padding-right: 5px;
 width: 180px;
}

#connect_detail #connect_subheader a:hover {
 color:#000000;
}

#connect_detail #connect_video {
 border-bottom:  solid 1px #e2e2e2;
 margin: 22px 8px 0 0;
 padding-bottom: 18px;
}

#connect_detail #connect_video #video_content {
 border:1px solid #d5d5d5;
 float: left;
 margin: 0px;
 width: 543px;
 height: 305px;
}

#connect_detail #useful_tips #basic_tips {
 float: left;
 margin-left1: 26px; 
 width: 530px;
}

#connect_detail #useful_tips>h3 {
 color: #767676;
 font-size: 18px;
}

#connect_detail #useful_tips>ul li {
 background: transparent url(../images/onboarding/bullet.png) no-repeat scroll 1px 14px;
 font-size: 14px;
 list-style-type: none;
 padding:10px 0 10px 14px; 
}

#useful_tips {
 border-bottom: solid 1px #e2e2e2;
 padding: 20px 28px;
}

#videoPlayerContainer{
 display:none;
}

.overlay {
	padding:40px;	
	width:576px;  
	display:none;
	background-image:url(http://static.flowplayer.org/img/overlay/white.png);	
}

.close {
	background:url(http://static.flowplayer.org/img/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	display:block;
	width:35px;
	height:35px;
	cursor:pointer;
}

#player {
	height:450px;
	display:block;
}

.mycarousel {
	margin-bottom: 10px !important;
}

.requiredField, .error {
 color:#CC0000;
 font-weight:bold;
}