body, html
{
	margin:0;
	padding:0;
	background-color:#fafaf8;
	font-family:Helvetica, Arial, Sans-Serif;
}
img 
{
	border:none;
}

#page-aligner 
{
	width:886px;
	padding:0;
	margin:0 auto;
}
#fake_img 
{
	width:0px;
	height:0px;
}



/************************ Header starts from here ******************************/
#header
{
	background:url('Images/header-background.jpg') right top no-repeat;
	width:886px;
	height:93px;
	float:left;
	display:inline;
	margin:0;
}
#header img 
{
	border:none;
}

#header #american-academy-of-family-physicians
{
	margin:5px 0 0 20px;
	width:217px;
}


#header #AAFP-learning-link
{
	width:245px;
	margin:0;
	float:right;
	display:inline;
}
.header-text 
{
	display:none;
}


/********************************* End header ****************************************/




/******************************        Top Bar starts from here      ****************/

#top-bar 
{
	float:left;
	display:inline;
	width:886px;
	height:27px;
	background:#fffefe;
	font-family:Arial, Helvetica, Sans-Serif;
	margin:0 0 0 0;
}


#top-bar .login-bar 
{
	margin:6px 10px 0 0;
	float:right;
	display:inline;
}

#top-bar .login-bar .login-text
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 21px 0 0;
	
	float:left;
	display:inline;
}
#top-bar .login-bar .login-link
{
	font-size:12px;
	color:#117adc;
	padding:0 10px 0 0;
	float:left;
	display:inline;
}
#top-bar .login-bar .login-link a, #top-bar .login-bar .login-link a:link,  #top-bar .login-bar .login-link a:hover  /*** links */
{
	color:#767676;
	text-decoration:none;
}
#top-bar .login-bar .separator 
{
	background:#767676;
	width:1px;
	height:12px;
	float:left;
	display:inline;
	margin:2px 10px 0 0;
	font-size:0px;
	letter-spacing:-10px;
	overflow:hidden;
}


/******************************       end Top Bar starts from here      ****************/






/****************************** Top Menu Styles *****************************/


#top-menu 
{
	float:left;
	display:inline;
	width:868px;
	background:url(Images/top-menu-background.gif) top left no-repeat;
	height:42px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	padding: 0 0 0 18px;
}

#top-menu .navigation-menu 
{
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

#top-menu .navigation-menu li 
{
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

#top-menu .navigation-menu li a 
{
	color:#fff;
	text-decoration: none;
	display:block;
	background:url(Images/yelow-separator.gif) 100% 8px no-repeat;
	padding:13px 15px 3px 15px;
	margin:0 0 0 -1px;
}

#top-menu .navigation-menu .lastItem a 
{
	background:none;
}

#top-menu .navigation-menu .activeItem a
{
	background:#fafaf8;
	color:#000;
}

/****************************** End Top Menu Styles *****************************/



.home-page-content 
{
	background-color:#fff;
	float:left;
	display:inline;
	padding: 0 0 15px 0;
}
.page-content 
{
	background-color:#fff;
	float:left;
	display:inline;
	padding: 0 0 15px 0;
}





/**************** Home page - Features section *****************************/

.feature-section 
{
	margin: 0 0 0 12px;
	float:left;
	display:inline;
	width:863px;
	height:328px;
	background:#e7e7e7;
}
#rotation-banner 
{
	width:834px;
	height:301px;
	margin:14px 0 0 14px;
}
.feature-section-background 
{
	float:left;
	display:inline;
	background:url(Images/feature-section-background.jpg) top left no-repeat;
	width:834px;
	height:301px;
	margin:14px 0 0 14px;
}
.new-activity-section 
{
	float:left;
	display:inline;
	width:481px;
	height:301px;
	position:relative;
	top:0px;
	left:0px;
	
}
.new-activity-image 
{
	float:left;
	display:inline;
	width:481px;
	height:301px;
}

.new-activity-button 
{
	position:absolute;
	top:262px;
	left:0px;
	width:179px;
	height:37px;
	
}

.new-activity-arrows 
{
	position:absolute;
	width:60px;
	height:27px;
	top:266px;
	left:415px;
}
.new-activity-arrows .left-arrow 
{
	float:left;
	display:inline;
	width:27px;
	height:27px;
}
.new-activity-arrows .right-arrow 
{
	float:left;
	display:inline;
	width:27px;
	height:27px;
	margin:0 0 0 5px;
}



.welcome-section 
{
	float:left;
	display:inline;
	margin: 16px 0 0 20px;
	width:320px;
}

.welcome-section .activity-link-borders
{
	width:252px;
	overflow:visible;
	border-top:solid 1px #f5ece8;
	border-bottom:solid 1px #f5ece8;
	margin:9px 0 0 0;
}

.welcome-section .activity-link
{
	width:300px;
	overflow:visible;
	padding: 10px 0 16px 0;
	font-size:14px;
}
.welcome-section .activity-link a 
{
	color:#fff;
	text-decoration:none;
}
.welcome-section .activity-link .serie 
{
	letter-spacing:1px;
	display:block;
}

.welcome-section .activity-link .activity-title 
{
	font-size:20px;
	line-height:1em;
	font-weight:bold;
	display:block;
}

.quick-poll 
{
	font-size:14px;
	color:#fff;
}

.quick-poll-text 
{
	float:left;
	display:inline;
	width:150px;
}
.quick-poll-header 
{
	display:block;
	margin:12px 0 10px 0;
	text-transform:uppercase;
}
.quick-poll-image 
{
	float:left;
	display:inline;
	width:160px;
	margin:12px 0 0 0;
}

/**************** end Home page - Features section *****************************/





/*************** available-now section ******************************/

.available-now 
{
	float:left;
	display:inline;
	width:863px;
	height:100px;
	background:url(Images/available-now-background.gif) top left no-repeat;
	margin:0 0 0 12px;
}

.available-now-title 
{
	float:left;
	display:inline;
	width:27px;
	text-align:center;
	padding:7px 0 0 0;
}

.available-now-activity 
{
	float:left;
	display:inline;
	width:267px;
	height:91px;
	padding: 9px 0 0 11px;
	position:relative;
	top:0px;
	left:0px;
}

.available-now-activity .tract-name 
{
	font-size: 11px; 
	color:#fff;
	text-transform:uppercase;
}

.available-now-activity h2 
{
	font-size: 18px; 
	line-height:18px;
	color:#fff;
	margin:0;
	padding:0 0 3px 0;
}
.available-now-activity p 
{
	font-size: 14px; 
	line-height:14px;
	color:#fff;
	margin:0;
	padding:0;
}

.view-activity-button 
{
	position:absolute;
	width:96px;
	height:16px;
	top:76px;
	left:150px;
}






/*************** end available-now section ******************************/






/************************ thee columns ************************/

.three-columns-container 
{
	width:863px;
	float:left;
	display:inline;
	margin:23px 0 0 12px;
	background:url(Images/three-columns-background.gif) top left repeat-y;
	position:relative;
	top: 0px;
	left:0px;
}
.page-content .three-columns-container 
{
	margin:5px 0 0 12px;
}

.three-columns-container .header 
{
	text-transform:uppercase;
	color:#363636;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	position:relative;
	top:-10px;
	margin:0 0 0 0;
	
}

.three-columns-container .topics 
{
	float:left;
	display:inline;
	margin:0 0 -18px 6px;
	width:232px;
	
}

.stay-current 
{
	position:absolute;
	bottom: -15px;
	left:10px;
	width:220px;
}
.error 
{
	color:Red;
}
.stay-current .blue-header 
{
	color:#006390;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
	margin: 5px 0 5px 0;
}
.stay-current .email 
{
	border:solid 1px #6e6e6e;
	width:178px;
	height:16px;
	font-size:12px;
	float:left;
	display:inline;
	padding:0;
}
.stay-current .go 
{
	float:left;
	display:inline;
	margin: 0 0 0 -1px;
}

.coming-soon 
{
	float:left;
	display:inline;
	margin:0 0 -3px 27px;
	padding:0 0 0 12px;
	width:337px;
	color:#6e6e6e;
	font-size: 12px;
}
.coming-soon h2 
{
	color:#6e6e6e;
	font-size: 14px;
	margin:3px 0 3px 0;
	padding:0;
	
}
.coming-soon .images 
{
	padding:6px 0 0 0;
}
.coming-soon .images img 
{
	margin: 0 12px 0 3px;
}
.coming-soon p 
{
	margin:0;
	padding:0 0 4px 0;
}
.coming-soon .gray-line 
{
	width:349px;
	height:1px;
	font-size:0px;
	line-height:0px;
	background:#9a9a9a;
	margin: 4px 0 2px -12px;
	
}

.latest-podcasts 
{
	float:left;
	display:inline;
	margin:0 0 -18px 31px;
	width:218px;
}
.page-content .latest-podcasts .header 
{
	margin:0;
}



.topics .tracts .gray-line 
{
	width:232px;
	height:1px;
	font-size:0px;
	line-height:0px;
	background:#9a9a9a;
	margin: 4px 0 2px 0;
	
}
.topics .tracts .tract-link 
{
	padding:0 0 0 19px;
	text-indent: -12px;
}

.topics .tracts .tract-link a 
{
	color:#6e6e6e;
	text-decoration:none;
}

.latest-podcasts .tracts .tract 
{
	color:#363636;
	font-size:13px;
	margin: 7px 0 4px 0;
	font-weight:bold;
}

.latest-podcasts .tracts .activity 
{
	font-size:12px;
	margin: 0 0 4px 0;
	font-weight:bold;
}
.latest-podcasts .tracts .activity-number 
{
	color:#6e6e6e;
}






/************************ end thee columns ************************/





/************************** Footer *******************************/
#footer 
{
	width:850px;
	float:left;
	display:inline;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:9px;
	margin: 10px 0 0 25px;
	padding: 0 0 20px 0;
	text-transform:uppercase;
}
#footer a 
{
	color:#434343;
	text-decoration:none;
}
#footer a:hover 
{
	text-decoration:underline;
}
#footer .copy 
{
	color:#434343;
	margin: 5px 0 0 0;
}

#footer .left-part 
{
	float:left;
	display:inline;
	width:450px;
	color:#434343;
}

#footer .right-part 
{
	float:left;
	display:inline;
	width:400px;
	text-align:right;
	color:#434343;
}




/**************************** End footer **********************************/






/**************************** Left Menu *********************************/


.activity-menu, .ProfileData
{
	float:left;
	display:inline;
	width:173px;
	padding:0 0 
}
.activity-menu .header 
{
	background:url(Images/left-menu-header-background.gif) top left no-repeat;
	margin:0 0 -10px 0;
}

.yellow-line 
{
	background:#cdac72;
	font-size:0px;
	line-height:0px;
	height:1px;
	width:147px;
	margin:10px 0 0 8px;
}
.activity-menu .tract 
{
	font-weight:normal;
	padding: 6px 0 6px 14px;
	line-height:12px;
	font-size:14px;
	text-indent:-12px;
	margin:6px 0 0 19px;
}
.activity-menu .tract a 
{
	color:#fff;
	text-decoration:none;
}

.activity-menu .activity-header 
{
	margin:0!important;
	font-weight:normal;
	
}
.podcasts .activity-header 
{
	margin:5px 0 10px 0!important;
	font-weight:normal;
	
}
.activity-menu .activity-header a
{
	color:#fff !important;
	text-decoration:none;
	display:block;
	margin: 0 0 0 15px;
}
.activity-menu .activity-header a span 
{
	text-indent:-15px;
	margin:0 5px 0 20px!important;
	color:#fff !important;
	font-weight:normal;
	padding:0;
	display:block;
}
.activity-menu a:focus, .activity-menu .tract:focus
{
	outline:none!important;
}

.activity-menu .activity-header a:hover, .activity-menu .activity-header a:hover span 
{
	color:#646464 !important;
	background:#e7e7e7;
	display:block;
}

.activity-menu .activeItem
{
	color:#646464;
	background:#e7e7e7;
	display:block;
}
.activity-menu .activeItem a
{
	color:#646464 !important;
}
.activity-menu h2.activeItem 
{
	background:none;
}

.activity-menu h2.activeItem a, .activity-menu h2.activeItem a span 
{
	color:#646464 !important;
	background:#e7e7e7;
	display:block;
}
.menu-podcasts-container{
	margin:0 0 0 -5px!important;
}
.menu-podcasts-container .navigationItem a
{
	padding: 6px 0 6px 14px;
	line-height:14px;
	font-size:14px;
	text-indent:-14px;
	margin:6px 0 0 9px;
	color:#fff !important;
}
.menu-podcasts-container .activeItem a
{
	color:#646464;
}




/***************************** end left menu ********************************/







/****************************** Content area ********************************/

#content 
{
	float:left;
	display:inline;
	width:863px;
	margin:0 0 15px 12px;
	background:url(Images/internal-page-content-background.gif) top left repeat-y;
	color:#363636;
}




/**************** Text element *************/

#content .content-container 
{
	float:left;
	display:inline;
	width:660px;
	height:500px;
	overflow:auto;
	margin:30px 0 0 16px;
	font-size:12px;
}
#content .no-menu 
{
	background:#e7e7e7;
	width:813px;
	margin:0;
	padding: 15px 20px 15px 30px;
}
#content .webcast-container 
{
	float:left;
	display:inline;
	width:660px;
	font-size:12px;
	margin:30px 0 0 16px;
	background:url('Images/text-box-middle.png') left top repeat-y;
}
#content .webcast-container .content-container
{
	height:400px;
	margin:0;
}
#content .webcast-container .webcast-bottom-container
{
	float:left;
	display:inline;
	width:660px;
	overflow:auto;
	margin:7px 0 10px 0;
	background:url('Images/gray-vertical-line.gif') 439px 0 repeat-y;
}


#content .webcast-container .supporter-logo 
{
	float:left;
	display:inline;
	width:430px;
	font-size: 12px;
}
#content .webcast-container .supporter-logo * 
{
	font-size: 12px;
}
#content .webcast-container .begin-webcast 
{
	float:left;
	display:inline;
	width:200px;
	margin: 0 0 0 20px;
	font-size: 12px;
}
#content .webcast-container .begin-webcast *
{
	font-size: 14px;
}
#content .webcast-container .begin-webcast p 
{
	margin:0 0 10px 18px;
}


/**************************** end Content area ********************************************/









/**************************************** Text Styles **********************************/
#content h1 
{
	color: #d38e15;
	font-size:18px;
	margin: 0 0 10px 0;
}

#content h2 
{
	font-size:14px;
}
#content h2 a 
{
	color:#333;
}
#content h3 
{
	font-size:12px;
}

#content h1 .gray 
{
	color:#363636;
	font-size:18px;
}


#content .activity-scroll 
{
	padding: 0 20px 0 0;
	overflow:auto;
	height:310px;
}











/******************************** Accrodion for downloads *******************************/

#downloadsAccrodion 
{
	border-bottom:1px solid #8e8e8e;
}
#downloadsAccrodion .subheader
{
	font-size:14px;
	font-weight:bold;
	border-top:1px solid #8e8e8e;
	padding:10px 5px 10px 10px;
}
#downloadsAccrodion .subheader:focus 
{
	outline:none;
}
#downloadsAccrodion .subheader a 
{
	color:#363636;
	text-decoration:none;
}
#downloadsAccrodion .subheader a:focus 
{
	outline:none;
}
#downloadsAccrodion .accrodion-content 
{
	padding: 0 10px 20px 10px;
}


/******************************** Accrodion for Polls *******************************/

#pollsAccrodion 
{
	border-bottom:1px solid #8e8e8e;
}
#pollsAccrodion .subheader
{
	font-size:10px;
	font-weight:bold;
	padding:0 5px 10px 10px;
	margin:0 0 0 0;
}
#pollsAccrodion .groupBegin
{
	border-top:1px solid #8e8e8e;
	padding:10px 5px 10px 10px;
	margin:5px 0 0 0;
}
#pollsAccrodion .subheader:focus 
{
	outline:none;
}
#pollsAccrodion .subheader h3.GroupTitle 
{
	line-height:14px;
	margin:0;
}
#pollsAccrodion .subheader .QuestionText
{
	
}
#pollsAccrodion .subheader .QuestionText .brown 
{
	color:#d38e15;
}
#pollsAccrodion .subheader a 
{
	color:#363636;
	text-decoration:none;
}
#pollsAccrodion .subheader a:focus 
{
	outline:none;
}
#pollsAccrodion .accrodion-content 
{
	padding: 0 10px 20px 10px;
	font-size:10px;
	font-weight:bold;
}
/******************************** End Accrodion for downloads *******************************/








/******************************** Webcast Progress *******************************/
#content .WebcastProgress 
{
	empty-cells:show;
	border-collapse:collapse;
	width:600px;
	
}
#content .WebcastProgress a 
{
	color:#8a3012;
}
#content .WebcastProgress td, #content .WebcastProgress th
{
	text-align:left;
	margin:0;
	padding:5px;
	border-bottom:solid 1px #ccc;
	
}
#content .WebcastProgress .description 
{
	width:400px;
	
}
#content .WebcastProgress .LinkAvailable 
{
	font-weight:bold;
}
#content .WebcastProgress .LinkLocked
{
	color:#999;
}
#content .WebcastProgress .podcastImage 
{
	margin:0 0 -10px 0 ;
}
#content .WebcastProgress .podcastNote 
{
	display:block;
	font-size:10px;
	line-height:12px;
	padding:0;
	margin:10px 0 0 0;
}
#content .WebcastProgress .posttestNote 
{
	display:block;
	font-size:12px;
	font-style:italic;
	line-height:12px;
	padding:0;
	margin:10px 0 0 0;
}

#content .WebcastProgress .continue 
{
	margin:0 0 0 0;
	
}

/******************************** End Webcast Progress *******************************/




/*************** Bread crumbs  *********/

#content .webcast 
{
	height:580px;
	overflow:auto;
	margin:0 0 0 16px;
	font-size:12px;
}
#content .breadcrumbs-container 
{
	height:25px;
	overflow:hidden;
}

#content .bread-crumbs 
{
	height:19px;
	margin:6px 0 0 0;
}

#content .bread-crumbs .navigationItem 
{
	background:url(Images/bread-crumbs-active-left.gif) top left no-repeat;
	height: 19px;
	width:auto;
	display:inline;
	float:left;
	
	padding: 0 0 0 0;
}
#content .bread-crumbs .navigationItem a 
{
	height: 17px;
	display:block;
	float:left;
	background:url(Images/bread-crumbs-active-right.gif) top right no-repeat;
	margin:0 -10px 0 0;
	padding: 2px 22px 0 18px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	
}

#content .bread-crumbs .firstItem 
{
	background:url(Images/bread-crumbs-active-left-first.gif) top left no-repeat;
}
#content .bread-crumbs .firstItem a
{
	padding: 2px 22px 0 10px;
}

#content .bread-crumbs .lastItem a
{
	background:url(Images/bread-crumbs-active-right-last.gif) top right no-repeat;
	padding: 2px 10px 0 18px;
}

#content .bread-crumbs .disabledItem .navigationItem
{
	background:url(Images/bread-crumbs-notactive-left.gif) top left no-repeat;
}
#content .bread-crumbs .disabledItem .navigationItem a
{
	background:url(Images/bread-crumbs-notactive-right.gif) top right no-repeat;
}

#content .bread-crumbs .disabledItem .firstItem 
{
	background:url(Images/bread-crumbs-notactive-left-first.gif) top left no-repeat;
}
#content .bread-crumbs .disabledItem .firstItem a
{
	padding: 2px 22px 0 10px;
}

#content .bread-crumbs .disabledItem .lastItem a
{
	background:url(Images/bread-crumbs-notactive-right-last.gif) top right no-repeat;
	padding: 2px 10px 0 18px;
}


/*************** end Bread crumbs  *********/






/* flash player */
#content #flashcontent 
{
	width:560px;
	height:390px;
	margin:0 0 0 0;
}

.player-buttons 
{
	width:613px;
}

/* flash player */













/************ User Profile *******************/
.ProfileData
{
	float:left;
	display:inline;
	width:173px;
	background:url(Images/left-menu-header-background.gif) top left no-repeat;
	padding: 8px 0 0 0;
}

.ProfileData h3 
{
	color:#fff;
	font-size:16px;
	margin:0 0 0 8px;
	padding:0 17px 0 0;
}

.ProfileData .edit 
{
	float:right;
	color:#c1c1c1;
}

.ProfileData .edit a
{
	color:#c1c1c1;
	font-size:12px;
}
.ProfileData .yellow-line 
{
	margin-top:3px;
}
.profile-form 
{
	margin: 0 0 0 5px;
}

.profile-form p 
{
	width:150px;
	overflow:hidden;
	word-spacing:normal;
}

.profile-field-name 
{
	font-size:11px;
	color:#c1c1c1;
	margin:10px 0 0 0;
	padding:0;
}

.profile-field-value 
{
	font-size:16px;
	color:#fff;
	margin:5px 0 0 0;
	padding:0;
}


#content h1.LearningLinkProgress 
{
	color:#363636;
}

/***************** end User Profile ********************/









/******** Content table **********/



#content table.contentTable{
	border:1px #d5ccb3 solid;
	border-collapse:collapse;
	font-size:12px;
}
#content .contentTable th{
	font-weight:bold;
	text-align:center;
	background-color:#d5ccb3;
	border:1px #eeefdf solid;
}
#content .contentTable td{
	font-weight:normal;
	text-align:left;
	border:1px #d5ccb3 solid;
	padding:3px;

}
#content .contentTable tr.subheader {
 background: #e0e1e3;
}

/******** end Content table **********/


/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*****************************************************Styles below should be checked or rewrited ********************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/







































#content .player-container 
{
	float:left;
	display:inline;
	width:589px;
	height:auto;
	margin:16px 0 0 16px;
	background:url('Images/player-box-middle.png') left top repeat-y;
}
#content .player-container .top-element
{
	float:left;
	display:inline;
	width:589px;
	height:14px;
	background:url('Images/player-box-top.png') left top no-repeat;
	font-size:0px;
}
#content .player-container .center-element
{
	float:left;
	display:inline;
	width:522px;
	height:auto;
	padding:0 19px 30px 48px;
	background:url('Images/text-box-arrow.gif') 15px 0 no-repeat;
	font-family:Arial, Verdana, Sans-Serif;
	
}

#content .player-container .bottom-element
{
	float:left;
	display:inline;
	width:589px;
	height:10px;
	background:url('Images/player-box-bottom.png') left top no-repeat;
	font-size:0px;
}



#content .simplePlayer {
	float:left;
	display:inline;
	width:700px;
	height:auto;
	margin:10px 0 0 -120px;
	background:url('Images/player-box-middle.png') left top repeat-y;
}
#content .simplePlayer .top-element
{
	float:left;
	display:inline;
	width:589px;
	height:14px;
	background:url('Images/simplePlayer-box-top.png') left top no-repeat;
	font-size:0px;
}
/*
#content h1 
{
	font-family:Arial, Verdana, sans-serif;
	color:#e58e1b;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0 0 10px 0;
	
}
#content h2 
{
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	margin:0;
	padding:12px 0 10px 0;
	
}
#content .player-container h2 
{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	margin:0;
	padding:5px 0 10px 0;
}
#content .player-container h3 
{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	margin:0;
	padding:0 0 10px 0;
}
#content p 
{
	line-height:20px;
	margin:0;
	padding:0 0 20px 0;
}
#content ul 
{
	margin:0 0 0 30px;
	padding:0 0 20px 0;
}

#content ol 
{
	margin:0 0 0 22px;
	padding:0 0 10px 0;
}
#content ol ul 
{
	margin:5px 0 0 22px;
	padding:0 0 10px 0;
}


#content .player-container p 
{
	line-height:15px;
	font-size:14px;
	margin:0;
	padding:0 0 20px 0;
}

#content .webcast-link img
{
	border:none;
}
#content .webcast-link 
{
	float:left;
	text-align:right;
	width:589px;
	margin:11px 0 0 0;
}



/************************ RegistrationForm ******************************/

#RegistrationForm .x-form-text 
{
	width:320px;
	border:solid 1px #999999;
	padding:2px 2px 2px 2px;
	font-size:12px;	
}

#RegistrationForm .field-container
{		
	padding: 0px 0px 15px 0px;	
}

#RegistrationForm .field-caption
{		
	font-weight: bold;
}

#RegistrationForm select
{
	width:325px;
	border:solid 1px #999999;
	padding:2px 0px 2px 0px;
	font-size:12px;	
}

.error
{
	color: red;
	font-weight: bold;
	font-size:12px;	
}

/************************ ProfileForm ******************************/

#ProfileForm .x-form-text 
{
	width:320px;
	border:solid 1px #999999;
	padding:2px 2px 2px 2px;
	font-size:12px;	
}

#ProfileForm .field-container
{		
	padding: 0px 0px 15px 0px;	
}

#ProfileForm .field-caption
{		
	font-weight: bold;
}

#ProfileForm select
{
	width:325px;
	border:solid 1px #999999;
	padding:2px 0px 2px 0px;
	font-size:12px;	
}

#ProfileForm .error
{
	color: red;
	font-weight: bold;
	font-size:12px;	
}


/********************** tests **************************************************/


.questions {
	width:100%;
	border-collapse:collapse;
}
.questions table {
	border-collapse:collapse;
	width:100%;
	margin-top:3px;
}
.questions table td {
	border-bottom:none;
	border-bottom:solid 1px #cccccc;
}
.questions a {
	color:#912000;
}
.questions td {
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 1px;
	text-align:left;
}
.questions th {
	text-align:left;
	vertical-align:top;
	padding:5px 3px 1px 1px;
}
table.question_group {
	margin-top: 0px;
	padding-top: 0px;
}
table.question_group th 
{
	padding-left:8px;
}
table.question_group td {
	margin-top: 0px;
	padding-top: 2px;
}
table.question_group td.question-input{
	text-align:center !important;
}


/************* Links at the bottom on webcast page *******************/

.webcast-links 
{
	margin:0!important;
	padding:0!important;
	list-style:none;
}
.webcast-links li 
{
	margin:0!important;
	padding:0 30px 0 0!important;
	list-style:none;
	float:left;
	display:inline;
}
a 
{
	color:#d38e15;
}


/********* Form Classes *************/
.shortInput 
{
	width:200px;
}

.longInput
{
	width:400px;
}
.longTextArea 
{
	width:400px;
	height:200px;
}
form p 
{
	padding:0 0 10px 0!important;
}








/****************** PollArchive *****************/



#poll-archive .poll-popup-result-bar 
{
	 height:6px; 
	 background:#e58e1b; 
	 font-size:0px;
}

#poll-archive h1 
{
	font-family:Arial, Verdana, sans-serif;
	color:#e58e1b;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0 0 10px 0;
	
}
#poll-archive h2 
{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	margin:0;
	padding:5px 0 10px 0;
	
}
#poll-archive p 
{
	line-height:18px;
	margin:0;
	padding:0 0 16px 0;
}

/****************** Popup Window *****************/

#poll-popup-window 
{
	position:absolute;
	width:375px;
	padding:0;
	z-index:5000;
	background:#fff;
	border: solid 2px #4a4a4a;
	border-bottom:none;
}
#poll-popup-window .poll-popup-result-bar 
{
	 height:6px; 
	 background:#e58e1b; 
	 font-size:0px;
}

#poll-popup-window .content-container 
{
	background:none;
	width:375px;
	margin:0;
}
#poll-popup-window .content-container .top-element
{
	display:none;
}
#poll-popup-window .content-container .center-element
{
	float:left;
	display:inline;
	width:350px;
	height:auto;
	padding:12px 11px 5px 14px;
	background:url('Images/popup-text-box-top.png') left top no-repeat;
	font-family:Arial, Verdana, sans-serif;
	
}
#poll-popup-window .content-container .center-element .close 
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:16px;
	font-weight:bold;
	float:right;
}
#poll-popup-window .content-container .center-element .close a 
{
	text-decoration:none;
	color:#363636;
}
#poll-popup-window .content-container .bottom-element
{
	float:left;
	display:inline;
	width:300px;
	height:10px;
	background:url('Images/popup-text-box-bottom.png') left top no-repeat;
	font-size:0px;
}
#poll-popup-window h1 
{
	font-family:Arial, Verdana, sans-serif;
	color:#6e6e6e;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0 0 10px 0;
	
}
#poll-popup-window h1#poll-popup-window-content-title 
{
	text-transform:uppercase;
	color:#e58e1b;
	font-size:18px;
}
#poll-popup-window h2 
{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	margin:0;
	padding:5px 0 10px 0;
	
}
#poll-popup-window-content 
{
	font-size:14px;
}

#poll-popup-window .questions
{
	font-size:14px;
	width:310px;
}

#poll-popup-window .button 
{
	text-align:right;
	margin: 0;
	position:absolute;
	width:360px;
	left:0;
	height:30px;
}
#poll-popup-window p 
{
	line-height:18px;
	margin:0;
	padding:0 0 16px 0;
}
#poll-popup-window ul 
{
	margin:0 0 0 30px;
	padding:0 0 20px 0;
}

#poll-popup-window ol 
{
	margin:0 0 0 22px;
	padding:0 0 10px 0;
}
#poll-popup-window ol ul 
{
	margin:5px 0 0 22px;
	padding:0 0 10px 0;
}


#poll-popup-window .player-container p 
{
	line-height:13px;
	font-size:11px;
	margin:0;
	padding:0 0 20px 0;
}

#poll-popup-window .webcast-link img
{
	border:none;
}
#poll-popup-window .webcast-link 
{
	float:left;
	text-align:right;
	width:589px;
	margin:11px 0 0 0;
}






/***************   Bottom content   **********/
#bottom-content 
{
	width:587px;
	height:auto;
	float:left;
	display:inline;
	font-family:Arial, Verdana, Sans-Serif;
	margin:20px 0 0 18px;
	padding:0 0 0 0;
}



/******* Dropdown with program list ********/
#bottom-content .view-specialty-programs 
{
	float:left;
	display:inline;
	padding: 0 0 0 45px;
	height:60px;
}
#bottom-content .view-specialty-programs img 
{
	position:relative;
	top:8px;
	margin:0 20px 0 0;
}
#bottom-content .view-specialty-programs .shortInput 
{
	font-size:14px;
}



/*********** Upcoming program ****************/
#bottom-content .upcoming-programs 
{
	clear:left;
	float:left;
	display:inline;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	font-family:Arial, Verdana, Sans-Serif;
}

#bottom-content .upcoming-programs .top-element
{
	float:left;
	display:inline;
	width:577px;
	height:32px;
	background:url('Images/upcoming-programs-top.png') left top no-repeat;
	font-size:0px;
}
#bottom-content .upcoming-programs .center-element
{
	float:left;
	display:inline;
	width:509px;
	height:auto;
	padding:0 19px 0px 48px;
	background:url('Images/upcoming-programs-middle.png') left top repeat-y;
	font-family:Arial, Verdana, Sans-Serif;
	
}
#bottom-content .upcoming-programs .bottom-element
{
	float:left;
	display:inline;
	width:577px;
	height:57px;
	background:url('Images/upcoming-programs-bottom.png') left top no-repeat;
	font-size:0px;
}
#bottom-content .upcoming-programs .one-program
{
	padding: 5px 0 0 0;
}
#bottom-content .upcoming-programs .one-program h2 
{
	color:#e58e1a;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:14px;
	padding:0;
}
#bottom-content .upcoming-programs .one-program h2 a
{
	color:#e58e1a;
	text-decoration:none;
}
#bottom-content .upcoming-programs .one-program h2 a:hover 
{
	text-decoration:underline;
}
#bottom-content .upcoming-programs .one-program p 
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:14px;
	line-height:16px;
	padding:0 0 10px 0;
}



/****************** New programs *****************/
#bottom-content .programs 
{
	clear:left;
	float:left;
	display:inline;
	padding: 0 0 0 0;
	margin:0 0 20px 0;
	font-family:Arial, Verdana, Sans-Serif;
}

#bottom-content .programs .top-element
{
	float:left;
	display:inline;
	width:577px;
	height:14px;
	background:url('Images/programs-top.png') left top no-repeat;
	font-size:0px;
}
#bottom-content .programs .center-element
{
	float:left;
	display:inline;
	width:509px;
	height:auto;
	padding:10px 19px 0px 48px;
	background:url('Images/upcoming-programs-middle.png') left top repeat-y;
	font-family:Arial, Verdana, Sans-Serif;
	
}
#bottom-content .programs .bottom-element
{
	float:left;
	display:inline;
	width:577px;
	height:39px;
	background:url('Images/programs-bottom.png') left top no-repeat;
	font-size:0px;
}
#bottom-content .programs .one-program
{
	padding: 5px 0 0 0;
}
#bottom-content .programs .one-program h2 
{
	color:#e58e1a;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:14px;
	padding:0;
}
#bottom-content .programs .one-program h2 a
{
	color:#e58e1a;
	text-decoration:none;
}
#bottom-content .programs .one-program h2 a:hover 
{
	text-decoration:underline;
}
#bottom-content .programs .one-program p 
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:14px;
	line-height:16px;
	padding:0 0 10px 0;
}

.new-program 
{
	float:right;
	width:75px;
	height:44px;
	position:relative;
	top:-15px;
}


















/************************** Tract list on home page **********************/

.home-page-series 
{
	width:564px;
	min-height:433px;
	padding:0 0 0 0!important;
}
.home-page-series .serie 
{
	background:url(Images/home-page-tract-descr-top-part.gif) top left no-repeat;
	margin:0 0 8px 0;
	padding:0 0 0 0!important;
}
.home-page-series .serie .serie-description 
{
	width:270px;
	padding:10px 0 0 45px;
}
#content .home-page-series .serie .serie-description p 
{
	line-height:15px!important;
	font-family:Arial, Sans-Serif;
}
.home-page-series .serie-bottom 
{
	background:url(Images/home-page-tract-descr-bottom-part.gif) bottom left no-repeat;
	height:10px;
	font-size:0px;
	line-height:0px;

}
.home-page-series-image 
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:267px;
	height:433px;
}
#page-aligner .home-page-series h1 
{
	font-size:16px;
	color:#e58e1b;
}
a.serie-link 
{
	font-weight:bold;
	text-decoration:none;
	color:#e58e1b;
	background:url(Images/home-page-arrow.png) right 50% no-repeat;
	padding-right:15px;
}
a.serie-link:hover 
{
	text-decoration:underline;
}





.webcast-list 
{
}
#page-aligner .webcast-list h2 
{
	margin:0 0 0 0;
}
.webcast-list .activity 
{
	float:left;
	display:inline;
	width:70px;
}
.webcast-list .description 
{
	margin:0 0 0 70px;
}

#page-aligner .text-intend 
{
	text-indent:-75px;
	margin-left:75px;
}

.poll-archive-item 
{
	margin-bottom:30px;
	padding-bottom:8px;
	border-bottom: dotted 1px #ccc;
	width:95%;
}

#newToLearningLink 
{
}
#newToLearningLink .content-container 
{
	margin-left:0;
}
#newToLearningLink h1 
{
	font-size:18px;
}
#newToLearningLink p 
{
	margin-bottom:0;
	padding-bottom:5px;
}
#newToLearningLink ul
{
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
}
#newToLearningLink ul li 
{
	margin:0 0 5px 0;
	padding:0 0 0 75px;
	list-style:none;
	background:url(Images/ellow_dot.gif) left 6px no-repeat;
	text-indent:-65px;
}
#newToLearningLink hr 
{
	display:block;
	border:none;
	height:1px;
	background-color:#000;
	width:360px;
	margin:0 0 0 0;
	text-align:left;
}

#content .activity-header activiy 
{
}
#content .activity-header a, #content .activity-header a:active, #content .activity-header a:hover, #content .activity-header a:focus, #content .activity-header a:visited
{
}














/******************* Printer friendly version *******************************/
.print-page 
{
	text-align:right;
	margin:0 0 0 0;
	padding:0;
	font-size:12px;
}

.for-print 
{
	
}

.for-print #content .activity-scroll 
{
	padding: 0 20px 0 0;
	overflow:visible;
	height:auto;
	
}
.for-print #content 
{
	width:auto;
	background:none;
	padding:0 20px 0 0;
}
.for-print #content .webcast-container 
{
	width:auto;
	background:none;
}
.for-print #content .webcast-container .content-container 
{
	width:auto;
	background:none;
	overflow:visible;
	height:auto;
}



/********************** Popup Overlay *********************/


#videoBoxOverlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#333;
	display:none;
	-moz-opacity:.75;
	opacity:.75;
	filter:alpha(opacity=75);
	z-index:10000;
}

/************* pop up styles **********/
.ui-dialog 
{
	width:300px;
	background:url(Images/popup-bg.png) top left no-repeat;
}
.ui-dialog .ui-dialog-title 
{
	padding: 15px 10px 4px 20px;
	float:left;
	position:relative;
	width:400px;
	font-size:16px;
	font-weight:bold;
	color:#e37c1d;
}
.ui-dialog .ui-dialog-titlebar-close 
{
	float:left;
	position:relative;
	cursor:pointer;
	text-decoration:none;
}
.ui-dialog .ui-dialog-titlebar-close:hover 
{
	text-decoration:underline;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon 
{
	float:left;
	position:relative;
	width:70px;
	padding: 15px 0 4px 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon 
{
	text-decoration:underline;
}
.ui-dialog .ui-dialog-content 
{
	float:left;
	width:450px;
	padding: 10px 30px 0 20px;
	font-size:12px;
}