﻿/* HTML TAGS 
-----------------------------------------------------------------*/
* {margin:0;padding:0; list-style-type:none;}
body.home {font-size:.7em;font-family:Verdana, sans-serif;color:#000;background:#b4d5f3 url(Images/bg_main.jpg) repeat-x;}
p {padding:5px 0;line-height:1.4em}
p.first {padding:0 0 5px 0;}
img {border:none;}
hr {background-color:none;border:none;border-top:1px solid #000;height:1px;margin:5px 0 10px 0;}

/* CODE & CODE BLOCKS 
----------------------------------------------------------------*/
code {font-size:1.1em;color:#990000;font-weight:bold;}
code.code_block {white-space:pre;width:570px;display:block;padding:15px 15px 25px 15px;line-height:.8em;overflow-x:auto;overflow-y:hidden;height:auto;background:#f0f9ff;margin:15px 0;}

/* PAGE 
----------------------------------------------------------------*/
.page {width:950px;margin:0 auto;padding-top:40px;}

/* LINKS
----------------------------------------------------------------*/
a:link 		{color:#0072bc;text-decoration:none;}
a:visited 	{color:#0900bc;text-decoration:none;}
a:hover 	{text-decoration:underline;}
a:active	{color:#18a758;}

/* LISTS
----------------------------------------------------------------*/
ul.list, ol.list {padding:10px 0 10px 30px}
ul.first, ol.first{padding-top:0;}
/* nested lists */
li ul.list, li ol.list {padding:0 0 0 40px}
ul.list li, ol.list li{list-style:disc;padding:2px 0;}
ol.list li{list-style:decimal;}
ol.big_lists li, ul.big_lists li{padding:10px 0;}

/* HEADINGS
----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-family:"trebuchet MS", arial, sans-serif;}
h1 {font-size:1.7em;font-weight:normal;}
h2 {font-size:1.1em;}
h3 {font-size:1.2em;margin:10px 0;}
h4 {font-size:1em;}
h5 {font-size:.9em;}
h6 {font-size:.9em;}
h1.first, h2.first, h3.first, h4.first, h5.first, h6.first {margin-top:0;padding-top:0;}
.home_column_feature .heading_landing_page {padding:5px 0 18px 0;}
.heading_landing_page {background:url(Images/bg_heading_landing_page.png) repeat-x bottom;padding-bottom:15px;color:#545353;font-size:1.6em;font-weight:normal;}
.home_column_top_container .heading_landing_page {font-size:1.9em;}

		/* NAV MAIN 
		-------------------------------------------------------------*/
		.nav_main {background:#0495f3 url(Images/bg_sprite.png) 0 -789px repeat-x;font-size:1.2em;width:100%;border-bottom:1px solid #49b8ff;border-top:1px solid #49b8ff;position:relative;border-right:1px solid #016fb6;}
		.nav_main ul {}
		.nav_main li {float:left;}
		.nav_main a:link, .nav_main a:visited {text-decoration:none;color:#dff2ff;;padding:7px 10px;border-right:1px solid #016fb6;border-left:1px solid #49b8ff;display:block;}
		.nav_main li.current_item a:link, .nav_main li.current_item a:visited {background:#0057cc url(Images/bg_sprite.png) 0 -949px;color:#FFF;}
		.nav_main a:hover {cursor:pointer;background:#0382e7 url(Images/bg_sprite.png) 0 -870px repeat-x;}
		.nav_main li span {display:block;}
		/* search */
		p.search {position:absolute;top:4px;right:15px;text-align:right;width:400px;padding:0;line-height:1em;}
		p.search input#WLSearchBoxButton {border:none;background:#d4d4d4 url(Images/bg_sprite.png) 0 -1263px repeat-x;color:#d4d4d4;text-indent:-10000px;font-size:1px;height:21px;width:21px;cursor:pointer;display:block;position:absolute;top:1px;right:0;}
		p.search input#WLSearchBoxInput {border:1px solid #5a5a5a;background:#EEE url(Images/bg_sprite.png) 0 -1214px repeat-x;height:19px;margin-right:19px;width:180px;}
		
		/* NAV BOOKS MODULE 
		-------------------------------------------------------------*/
		ul.nav_books_module {font-size:.9em;width:100%;margin-top:-14px;margin-left:10px;margin-bottom:10px;min-height:30px;_height:30px;}
		ul.nav_books_module li {float:left;padding-left:6px;}
		ul.nav_books_module li.first {padding-left:0;}
		ul.nav_books_module li span {display:block;float:left;min-height:18px;_height:18px;padding:3px 8px 0 8px;}	
		ul.nav_books_module a:link, ul.nav_books_module a:visited {text-decoration:none;}
		ul.nav_books_module a:hover {cursor:pointer;text-decoration:underline;}
		ul.nav_books_module li.current_item a:link, ul.nav_books_module li.current_item a:visited {background:#FFF url(Images/bg_nav_books_module_current_item.png) no-repeat;color:#666;display:block;float:left;}
		ul.nav_books_module li.current_item span {background:url(Images/bg_sprite.png) left -1074px no-repeat;color:#666;}
		ul.nav_books_module li.current_item a:link, ul.nav_books_module li.current_item a:visited {background:url(Images/bg_sprite.png) right -1026px no-repeat;}
		ul.nav_books_module li.current_item a:hover {text-decoration:none;}

/* SPRITE BG IMAGE  
----------------------------------------------------------*/
.sprite		 							{background:url(Images/bg_sprite.png) no-repeat;}
.heading_landing_page .sprite_news, 
.heading_landing_page .sprite_articles, 
.heading_landing_page .sprite_blogs, 
.heading_landing_page .sprite_essential_downloads, 
.heading_landing_page .sprite_books, 	
.heading_landing_page .sprite_showcase,
.heading_landing_page .sprite_video,
.heading_landing_page .sprite_labs,
.heading_landing_page .sprite_latest 	{padding:5px 0 3px 72px;display:block;}
.heading_landing_page .sprite_articles 	{background-position:0 -95px;}
.heading_landing_page .sprite_blogs 	{background-position:0 -200px;}
.heading_landing_page .sprite_books 	{background-position:0 -298px;}
.heading_landing_page .sprite_essential_downloads {background-position:0 -1342px;}
.heading_landing_page .sprite_showcase 	{background-position:0 -1440px;}
.heading_landing_page .sprite_video		{background-position:0 -1540px;}
.heading_landing_page .sprite_labs		{background-position:0 -1644px;padding-left:56px;}
.heading_landing_page .sprite_rss 		{background-position:0 -512px;padding:25px 0 3px 0;display:block;float:right;width:14px;}
.home_column_top_container .heading_landing_page .sprite_rss 	{background-position:0 -509px;}
.sprite_more  							{background-position:0 -584px;}
.sprite_plus  							{background-position:0 -473px;padding-left:15px;}
.sprite_minus  							{background-position:0 -403px;padding-left:15px;}
.icon_new								{background-position:0 -1763px;padding-left:39px;}
.heading_landing_page .sprite_latest	{background-position:0 -1844px;}

/* HEADER   
----------------------------------------------------------*/
.header {background:#2073c1 url(Images/bg_header.jpg) no-repeat;color:#FFF;position:relative;height:59px;}
img.logo {padding:12px 0 0 15px;display:block;}
p.user_menu {position:absolute;top:5px;right:15px;text-align:right;color:#93c2e6;}
p.user_menu a:link, p.user_menu a:visited {color:#FFF;}

/* POSTS
----------------------------------------------------------*/
.post_item .first {padding-top:0;}
.post_item {padding-top:15px;}
.post_item h3.post_title {font-size:1em;margin:0;padding-bottom:0;padding-top:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
.post_item .post_title a {font-weight:bold;}
.post_item .post_date {color:#666666;font-size:0.8em;margin:0;padding:2px 0 0 0;font-style:italic;}
.post_more {clear:both;margin:10px 0 0 0;font-size:.9em;padding:10px 0 0 0;}
.post_item_image {float:left;padding:0 10px 5px 0;position:relative;}
.post_description {margin:0;padding:0 0 0 0;}
.column .post_description {overflow:hidden;}
.home_column_top_container p.post_description,
.home_column_top_container .post_more,
.home_column_top_container .post_date,
.home_column_top_container h3.post_title {margin-left:72px;}
/* enlarge icon and div */
.post_item_image a img.icon_enlarge {position:absolute;right:16px;bottom:13px;}
.post_item_image_enlarged {border:1px solid #b2b2b2;border-right:2px solid #4c4c4c;border-bottom:2px solid #4c4c4c;padding:10px;position:relative;width:380px;}
.post_item_image_enlarged a:link.close, .post_item_image_enlarged a:visited.close {font-size:.9em;display:block;text-align:right;padding:0 14px 1px 0;background:url(Images/icon_close.png) no-repeat right;margin:0 0 9px 0;color:#0072bc;}
.post_item_image_enlarged img.enlarged_photo {border:none;padding:0 6px 0 0;background:url(Images/bg_enlarge_photo_shadow.png) no-repeat top right;}
.post_item_image_enlarged h3.post_title {padding:5px 4px 0 0;font-size:1em;}

/* ADS
----------------------------------------------------------*/
/* featured items */
.ad_item {padding-top:20px;}
.ad_item.first {padding-top:0;}
.ad_item h3.ad_title {font-size:1em;margin-top:0;padding-top:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
.ad_item .ad_title a {font-weight:bold;}
.ad_item_image {float:left;padding:0 10px 5px 0;}
.ad_description {margin:0;padding:10px 0 0 0;}
.advertise_here {text-align:right;font-size:.8em;margin-top:4px;}
/* kanoodle - horizontal */
.ad_text_blocks{border-top:1px solid #d1d1d1;padding:20px 0 20px 0;margin:20px 0 0 0;min-height:1px;_height:1px; height:65px;}
.ad_text_blocks p{float:left;width:275px;margin:0;padding:0;margin-right:31px;_margin-right:24px;}
/* kanoodle - vertical (when in the side column) */
.column .ad_text_blocks{padding:0;margin:0;min-height:1px;_height:1px;border-top:none;}
.column .ad_text_blocks p{margin:0;padding:10px 0;width:100%;}
/* banners */
p.ad_banner {text-align:center;padding-bottom:15px;}
.ad_banner img {display:block;margin:0 auto;}

/* ACCORDIAN
----------------------------------------------------------*/
.accordion_container
{
	width: 180px;
	float: left;
	margin-top: 5px;
	border-bottom: 1px solid #d3e5f1;
}
.accordionHeader .accordionLink
{
	border-bottom: 1px solid #9a9a9a;
	background: url(Images/bg_sprite.png) #9f9f9f repeat-x 0px -709px;
	display: block;
	padding: 3px 0 1px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	font-family: "trebuchet MS" , arial, sans-serif;
	cursor: pointer;
	font-weight: bold;
}
/* selected item */ 
.accordionHeaderSelected .accordionLink
{
	border-bottom: 1px solid #5792b8;
	background: url(Images/bg_sprite.png) #2fa5f4 repeat-x 0px -637px;
	display: block;
	padding: 3px 0 1px 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
	font-family: "trebuchet MS" , arial, sans-serif;
}

/* hover */
.accordionHeader :hover.accordionLink
{
	background-position: 0 -715px;
	text-decoration: none;
}
.accordionHeaderSelected :hover.accordionLink
{
	background-position: 0 -645px;
	text-decoration: none;
}
/* sprites */ 
.accordionHeader .accordianSprite
{
	background: url(Images/bg_sprite.png) no-repeat 0px -473px;
	padding-left: 15px;
}
.accordionHeaderSelected .accordianSprite
{
	background: url(Images/bg_sprite_blue.png) 0px -403px;
	padding-left: 15px;
}
/* content */
.accordionContent {background:#E9F1F6;border-left:1px solid #d3e5f1;border-right:1px solid #d3e5f1;padding:10px 10px;min-height:226px;_height:226px;}
.accordionContent p, .accordionContent h3, .accordionContent h2 {font-family:"trebuchet MS", arial, sans-serif;font-size:1em;}
.accordionContent p {font-family:"trebuchet MS", arial, sans-serif;line-height:1.4em;}
.accordionContent h3 {margin:10px 0 4px 0;font-weight:normal;}
.accordionContent h3.first {margin-top:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}
.accordionContent h4 {margin:10px 0 1px 0;}
.accordionContent h4.first {margin-top:10px;}
.accordionContent h5 {font-size:1em;margin:0;padding:0;font-weight:normal;}
.accordionContent li {margin:0;padding:0;line-height:1.3em;}

/* HOME COLUMNS
----------------------------------------------------------*/
.home_column_top_container {position:relative;min-height:1px;_height:1px;}
.home_column_news {width:400px;float:left;margin-right:20px;}
.home_column_feature {width:300px;float:left;margin-left:20px;}
.home_column_feature p {line-height:1.36em;}

/* GENERIC COLUMNS
----------------------------------------------------------*/
/* three column secitons */
.column_three_container {position:relative;min-height:1px;_height:1px;}
.column_three_container .column {width:290px;float:left;margin-right:20px;}
.column_three_container .last {width:300px !important;margin-right:0 !important;_width:290px;}
/* two column sections */
.column_two_container {position:relative;min-height:1px;_height:1px;}
.column_two_container .column {width:600px;float:left;margin-right:20px;}
.column_two_container .last {width:300px !important;margin-right:0 !important;_width:290px;}
/* two column sections INSDIDE THE MAIN COLUMN */
.column_two_container .column_two_container .column {width:290px;float:left;margin-right:20px;}
.column_two_container .column_two_container .last {width:290px !important;margin-right:0 !important;_width:290px;}
/* three columns INSIDE another column */
.column .column_three_container {position:relative;min-height:1px;_height:1px;padding-top:15px;}
.column .column_three_container .column {width:190px;float:left;margin-right:15px;}
.column .column_three_container .last {width:190px !important;margin-right:0 !important;_width:190px;}

/* CONTENT
----------------------------------------------------------*/
.content {background:#FFF;position:relative;margin:5px 0;padding:15px;}

/* BOOK MODULE LIST   
----------------------------------------------------------*/
ul.book_module_list {padding:0 15px 20px 15px;margin-bottom:25px;}
ul.book_module_list li {padding:0 0 10px 0;clear:both;}
ul.book_module_list img {float:left;margin-right:15px;margin-bottom:10px;}

/* MODULE PAGINATION   
----------------------------------------------------------*/
.module_pagination {background: url(Images/bg_sprite.png) 0 -1114px repeat-x;padding-top:20px;font-size:.9em;padding-bottom:50px;}
.module_pagination p {float:left;padding:0 2px;margin:0;}
ul.paging_ui {float:right;text-align:right;color:#999;}
ul.paging_ui li {float:left;padding:0 3px;border:1px solid #FFF;}
ul.paging_ui li.current_item {border:1px solid #CCC;}

/* FOOTER
----------------------------------------------------------*/
.footer_mini_map {background:#ecf5fc;position:relative;margin:0 0 5px 0;padding:10px 10px 15px;font-size:.9em;_height:1px;}
.footer_mini_map ul {float:left;margin:0 34px 0 0;width:150px;_margin-right:30px;}
.footer_mini_map ul li {padding:3px 0;}
.footer_mini_map ul li.site_map_inner_header {padding-top:15px;}
/* footer */
.footer {background:#47739D;color:#d9e2eb;position:relative;margin:0 0 40px 0;padding:15px;font-size:.9em;min-height:1px;_height:1px;}
.footer a:link, .footer a:visited {color:#d9e2eb;text-decoration:underline;}
.footer a:hover {text-decoration:none;}
.footer ul {float:left;width:270px;margin:0;padding:0;margin-right:30px;}
.footer ul.footer_about {float:left;width:300px;padding:0;margin-right:0px;}
.footer ul li {padding:2px 0;}		

/* BREADCRUMB
----------------------------------------------------------*/
.footer_mini_map .breadcrumb {background:url(Images/bg_breacrumb_mini_site_map.png) repeat-x bottom;padding:4px 0 24px 0;}
.breadcrumb_container {background:#ecf5fc;margin-top:5px;padding:0 0 0 10px;}

/* FORMS
----------------------------------------------------------*/
.button
{
	border: 1px solid #5792b8;
	background: #2fa5f4 url(Images/bg_sprite.png) 0 -637px repeat-x;
	display: block;
	padding: 0 0px 0 0px;
	color: #FFF;
	font-weight: bold;
	font-size: 0.8em;
	font-family: "trebuchet MS" , arial, sans-serif;
	cursor: pointer;
	width: 80px;
}
.button:hover {text-decoration:none;background-position:0 -645px;}
/* select boxes */
.ContainerListBox {font-size:.9em;}
/* three column download section */
.column .column_three_container .download_button {width:170px;margin:10px 0;}
.column .column_three_container .ContainerListBox {width:170px;}

/* MISC   
----------------------------------------------------------*/
p.skip_to_links {display:none;}
.clear {clear:both;margin:0;height:0;line-height:0.0;font-size:0;
 display:block;}
.photo {border:1px solid #d9d9d9;border-right-color:#a8a8a8;border-bottom-color:#a8a8a8;padding:5px;background:#FFF;
    width: expression(this.width > 95 ? 95: true);max-width: 95px;}
.video_curation {color:#666;}
#page ul li {list-style-type:disc; margin: 5px 0 5px 20px;}
#page ol li {list-style-type:decimal; margin: 5px 0 5px 20px;}
/* button links */
a:link.button_link, a:visited.button_link {border:1px solid #2fa5f4;background:#2fa5f4 url(Images/bg_sprite.png) 0 -637px repeat-x;padding:0 8px;color:#FFF;font-family:"trebuchet MS", arial, sans-serif;cursor:pointer;line-height:1.2em;}
a:hover.button_link {text-decoration:none;background-position:0 -645px;}
a.button_link.emphasized {font-size:1.2em;font-weight:bold;border-width:2px;}
.button_link_group {margin:10px 0 15px 0;}
.toc {background:url(Images/bg_toc.png) repeat-x bottom;padding:15px;font-weight:normal;border:1px solid #B2B2B2;border-topX:none;margin:15px 0;}
.toc h2 {font-size:1.4em;color:#545353;font-weight:normal;}
p + h2 {margin-top:18px;}
/* IE6 won't read the "p + h2, .top_margin" so we list it again below */
.top_margin {margin-top:18px;}
/* Tablas*/
.cellhead
{
	border-bottom: 1px solid #9a9a9a;
	background: url(Images/bg_sprite.png) #9f9f9f repeat-x 0px -709px;
	padding: 3px 0 1px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	font-family: "trebuchet MS" , arial, sans-serif;
	font-weight: bold;
}

/* Collapsable Panel*/
.collapsePanel
{
	width: 100%;
	height: 0px;
	background-color: transparent;
	overflow: hidden;
	text-align: left;
	font-size: x-small;
	font-family: Verdana, Arial;
}

.collapsePanelHeader
{
	width: 100%;
	height: 19px;
	color: white;
	background: url(Images/bg_sprite.png) #9f9f9f repeat-x 0px -709px;
	float: left;
	padding: 2px;
	cursor: pointer;
	vertical-align: middle;
	font-weight: bold;
	font-size: 0.9em;
	font-family: "trebuchet MS" , arial, sans-serif;
	font-weight: bold;
}

/* Grid */
.wflistheader
{
	text-align: left;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	border-color: #eeeeee;
	background-color: #eeeeee;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}
.wflistfooter
{
	text-align: left;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	border-color: #eeeeee;
	background-color: #eeeeee;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}
