/* Figure CSS Document - for layout, positioning, and structure of design elements */
/* Created by Jonathan Pratchios - Property of QAS */
/* Copyright 2006 */


#siteframe {
	position:relative;
	width:770px; height:auto;
	margin:0px auto;
}


/* /HTML Tags
_________________________________________*/
* { margin:0px; padding:0px; }

body { margin-top:15px; margin-bottom:5px;}

img{ display:block;
	margin-bottom:0px; padding:0px; }

img.thumbnail {
	float:left; clear:left;
	width:60px; height:45px;
	margin:0px; padding-right:5px;}
	
img.chart{padding: 2 2 2 2;}

hr{ display:none; }

p.p1{ margin-bottom:10px;}


sub{display:block;
	margin:3px 50px 20px 0px;}
sub.normal{
	display: inline;
	margin:0;
}
sup{}
	
span{ background:none; }

ul { list-style-type:none; }
#content.article ul { 
	margin:0 0 0 13px;
	}#content.article ul li{ 
		padding:0 5px 8px 0px;
		list-style-type:square;
		
		font-weight:normal;
		color: #4963b1;/*#6666FF;*/
	}
#content.article #articleTools ul{
	margin:0 0 0 1px;
}
#content.article #articleTools li{ 	
		list-style-type: none;
		padding:0;
	}

li{ list-style-type: none}

li.l1{margin:0px 0px 8px 0px}

.left{ float:left; position:relative;}
.right{ float:right; position:relative;}

.hidden{ display:none; }	

	
/* /Content
_________________________________________*/
div#content{
	float:right; clear:right;
	width:594px; height:100%;
	padding:2px 10px 15px 0px;
	margin-top: 3px;
	}
div#content h1.title{ /* SECTION TITLE */
	position: relative;	
	margin:2px 0px 8px 0px; padding-bottom:1px;
	}
div#content p{ 
	margin-bottom:10px;
	font-size:12px; line-height:15px;
}
div#content img.left{margin:5px 10px 2px 0px; float:left; position:relative; }
div#content img.right{margin:5px 0px 2px 10px; float:right; position:relative; }
	
/* /Content (Section Main Feature)
_________________________________________*/
div#feature{
	position:relative;
	float:left; clear:left;
	width:350px;
}



/* /Content (Article)
_________________________________________*/
div#articleBox{position:relative; padding-bottom:75px;}
	
h2.headline{
	margin:10px 0px 10px 0px;
}
div#content.article h4.date{
		display:inline; margin:0px 5px 0px 0px;}
	div#content.article h4.source{ display:inline; }
	div#content.article h4.summary{ margin:3px 0px 12px 0px; padding-top:5px;
}
#articleTools{
	position:relative; float:right;	
	margin-left:3px;}
	body#crosswords #articleTools, body#cafe #articleTools{top:-30px}

#articleTools ul a.button1 span{
	width:58px;
	padding: 4px 3px 3px 6px; padding-left:25px;
}
#articleTools ul a.button2 span{
	width:58px;
	padding: 4px 3px 3px 6px; padding-right:22px;
}
#articleTools h4{
	position:relative; top:0px; left:0px;
 	display:block;
	height:20px; width:192px; z-index:10;
	margin-bottom:2px; padding-bottom:0px;
	overflow:hidden;	
	}

.spacer1{
	float:left; clear:left;
	width:1px; height:420px;
	padding:0px 0px 0px 0px;
	margin-left:-1px;
	background-color:#FFFFFF;
}
#articleQuote{
	position:relative;
	float:left; clear:both;
	width:205px;
	margin:15px 15px 18px 8px; padding:20px 0px 0px 15px;}
	html>body #articleQuote{margin-left:15px;}
	div#articleBox.large #articleQuote{margin-top:20px}
	
#advertisement{
	float:right; clear:right;
	width:120px; height:1000px;
	margin-left:10px;
	background-color:#009900;
}
div#articleBox .chart {margin:2px 5px 0px 0px;}
div#articleBox .chart img{
	width:300px;
}
div#nutrition{
	float: right; 
	margin: 0px -195px 0px 10px; position:relative; 
	top: 75px;
	text-align:left;
}
div#articleBox div#nutrition table { width:220px; background-color:#EFEFEE;}


/* /Content Table Data
________________________________________*/
div.table1, div.table2, div.table3{
	position:relative;
	margin:0px 8px 5px 0px;
	padding:0px 0px 0px 0px;
	background-position:top left; background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	}
	div.table1{	width:594px; background-image:url(../images/tabel1_bg_grey.gif); margin:0px}
	div.table2{	width:349px; background-image:url(../images/tabel2_bg_grey.gif);}
	div.table3{	width:234px; background-image:url(../images/tabel3_bg_grey.gif);}
	
div.table1 table, div.table2 table, div.table3 table{	
	width:100%;
	background-color:transparent;
	border:none; font-size:13px;
	margin:0px 1px 0px 1px;
}

tr.table_title td{
	border:none;
}
tr.table_labels td{
	border-top:none;}
	body.professional tr.table_titles td{
	border-left:1px solid #b7caff;
}
tr.table_source td{
	border:none; border-right:1px solid #999999;
}
tr.table_title h2{
	margin:3px 0px 3px 0px;
	
	background-color:#FFFFFF;
	border:none; font-size:20px;
	text-indent:5px; 
	}
tr.table_source sup{
	margin:0px;
	
	font-size:11px; font-weight:normal;
	letter-spacing:-0.01em; line-height:9px; text-align:right;
	}
tr.table_labels {
	line-height:19px;
	background-image:url(../images/table_top_blu.gif);
	background-position:0px 0px; background-repeat:repeat-x;
	font-weight:bold; color:#333333;
	}body.professional tr.table_labels {
		background-image:url(../images/table_top_drkblu.gif);
		color:#FFFFFF;
	}
td {
	padding:3px;
	border-bottom:1px solid #DDDDDD; border-right:1px solid #999999;
	text-align:center; 
	}	
div.table3 div.edge2{
	height:9px; width:235px; z-index:15;
	margin-top:-9px;
	}	
div.table2 div.edge2{
	height:9px; width:235px; z-index:15;
	margin-top:-9px;
	}
	
	
/* /Content (Buttons)
_________________________________________*/
a.button1, a.button2{
	float:left; height:20px;
	margin:5px; margin-left:2px;
	}
a.button1 span, a.button2 span{
	float:left; display:block; 
	height:13px; 
	padding: 4px 6px 3px 8px
	}
a.button1 span{padding-left:25px}
a.button2 span{padding-right:25px}
a.button1 span.icon-none{padding-left:8px}
a.button2 span.icon-none{padding-right:8px}

				
	
/* /Boxes - Universal
_________________________________________*/
div.box1 h3, div.box2 h3, div.box3 h3, div.box4 h3, div.box5 h3{ 
	display:block; 
	height:20px; width:100%; 
	padding-top:13px;
}
div.edge1{
	position:absolute; 
	top:0px;
	left: 0px;
	height:12px; 
	width:100%; 
	z-index:40}
html>body div.edge1 span{
		display:block; 
		height:15px; width:100%;
		background-color:#FFFFFF;
		/*background-image:url(../images/transparent.gif);*/
		opacity: .30;
		}
		
div.edge2{ 
	position:absolute; bottom:-1px; left:0px;
	height:9px; width:100%; z-index:45; 
}


/* /Box 1 - 594px wide
_________________________________________*/
div.box1{
	position:relative;
	float:right; clear:right;
	width:594px; 
	margin-bottom:8px;
}	
div.box1 em{
	display:block; 
	height:22px; 
	margin-bottom:0px; 
}
div.box1 ul{
	width:100%; clear:both;
	margin-bottom:-1px;
	}html>body div.box1 ul{margin-bottom:0px;
}
div#content div.box1 a{
	position:relative;
	display:block; cursor:pointer;
	height:55px; 
	margin:0px; padding:11px 2px 4px 8px;
}
div#content div.box1 a br{display:none;}

div#archive.box1 ul li a, div#results.box1 ul li a{padding-right:54px;}
div#archive span.date, div#results span.date{
	display:block;	position:absolute;
	bottom:9px; right:8px;
	width:42px; height:28px;}
	div#archive span.date span, div#results span.date span{
	display:block; width:100%;
	padding-bottom:1px;
}
span.resultNum {
	display:block; overflow:visible;
	float:left; clear:left;
	width:60px; height:45px;
	margin:0px 0px 0px 0px; padding:15px 5px 0px;}

/*   /Box 2 - 350px wide
_________________________________________*/
div.box2{
	position:relative;
	float:left; clear:left;
	width:350px; 
}
div.box2 img{
	height:250px; width:348px;
}
div.box2 h2, div.box2 p{
	height:100%;
	margin:0px; padding:5px 2px 0px 8px;
}
div.box2 ul{
	width:334px;
	padding:6px 8px 6px 6px;
	}
div.box2 li{ display:inline; clear:none; margin-bottom:5px; }

div#feature.box2{
	margin-top:8px;
}div#feature.box2 h2{ height:40px;
}div#feature.box2 p{ height:45px;
}


/* /Box 3 - 236px wide
_________________________________________*/
div.box3{
	position:relative;
	float:right; clear:right;
	width:235px; 
	margin-bottom:8px;
}	
div.box3 em{
	display:block; 
	height:32px; 
	margin-bottom:0px; 
}
div.box3 ul{
	width:100%; clear:both;
	margin-bottom:1px;
	}html>body div.box3 ul{margin-bottom:0px;
}
div.box3 li{
	position:relative;
	}
div#content div.box3 a{
	display:block; cursor:pointer;
	height:49px; 
	margin:0px; padding:6px 2px 4px 4px;
}


/* /Box 4 - 192px wide
_________________________________________*/
div.box4{
	position:relative; float:left;
	width:192px;
	margin:5px 9px 10px 0px;
}div.box4#articleTools{float:right; margin-right:0px}

div.box4 em{
	display:block; 
	height:32px; 
	margin-bottom:0px; 
}
div.box4#articleTools img{ width:190px; }
div.box4#articleTools ul{
	width:187px; 
	padding:2px 0px 6px 4px;}
	html>body div.box4#articleTools ul{padding-bottom:66px;}
div#content div.box4 ul{
	width:100%; clear:both;margin-bottom:-1px;}
	html>body div#content div.box4 ul{margin-bottom:0px;
}
div#content.section div.box4 a, div#message div.box4 a{
	display:block; cursor:pointer;
	height:49px; 
	margin:0px; padding:6px 2px 4px 4px;
}

/* /Box 5 - 192px wide
_________________________________________*/
div.box5{
	position:relative; float:left;
	width:192px;
	height: 192px;
	margin:5px 9px 10px 0px;
}
div.box5 h3 {padding: 0; height: auto;}
div.box5 em{
	display:block;
	margin-bottom:0px;
}
div.box5 .edge2 {height:11px;}
div#content div.box5 p{margin-bottom:0;}
	html>body div#content div.box5 ul{margin-bottom:0px;
}

/* /Box 6 - 192px wide
_________________________________________*/
div.box6{
	position:relative; float:left;
	width:192px;
	height: 192px;
	margin:5px 9px 10px 0px;
}
div.box6 h3 {padding: 0; height: auto; color: #ffffff;}
div.box6 em{
	display:block;
	margin-bottom:0px;
}
div.box6 .edge2 {height:11px;}
div#content div.box6 ul{
	width:100%; clear:both;margin: 5px 0 -1px 0;}
	html>body div#content div.box6 ul{margin-bottom:0px;
}



/* /Box 7 - 192px wide - gh - ptinr redesign 3.24.08
____________________________________________*/
div.box7{
	position:relative; float:right;
	width:192px;
	height: 392px;
	margin:5px 0px 10px 0px;
}
div.box7 h3 {padding: 0; height: auto;}

div.box7 .accordian_pane div {
	display: none;

}

div.box7 .edge2{height:10px;}

div.box7 .active div {
	display: block;
	height: 210px;

}

/* /Box-List
_________________________________________*/
div#box-list{
	overflow:hidden; float:both; clear:both;
	margin:5px auto;}
	div#box-list.col2{width:405px;} 
	div#box-list.col3{} 

div#box-list #rowend{ margin:5px 0px 10px 0px; }
div#content div#box-list div.box4 a{
	display:block; cursor:pointer;
	height:100%;
	margin:0px; padding:0px 0px 4px 0px;
	} 
div#box-list div.box4 em{
	display:block; margin:6px 4px 4px 8px;}
	html>body div#box-list div.box4 em {margin-bottom:8px;
	}

/* /Box-List
_________________________________________
div#box-list{
	margin:10px 0px 0px 0px;}


div#content.section div#box-list #rowend{ margin:5px 0px 10px 0px; }
div#content.section div#box-list div.box4 a{
	display:block; cursor:pointer;
	height:100%;
	margin:0px; padding:0px 0px 4px 0px;
	}
div#content.section div#box-list div.box4 em{
	display:block; margin:6px 4px 4px 8px;}
	html>body div#content.section div#box-list div.box4 em {margin-bottom:8px;
	}
*/

/* /ToolTip
_________________________________________*/	
div#overDiv{
	position:absolute;
	width:200px; z-index:200;
	margin:10px 0px 0px -38px; padding:0px;
	visibility:hidden;
}
div#overDiv div#tip{
	width:200px;
	padding: 12px 2px 0px 0px;
}
div#overDiv span{
	display:none;
	margin: 3px 0px 0px 0px; padding:2px 2px 2px 3px;}
	html>body div#overDiv span{padding:2px 2px 3px 3px;} 
	div#overDiv span.hidden{display:none !important;} 
	div#overDiv span.ad{display:block !important;}
	div#overDiv span.external{display:block !important;
}
#overDiv p{
	padding: 2px 2px 5px 6px;
}	
	
	
/* /Dialogue Box
_________________________________________*/
div#dialoguebox{
	display:none; position:absolute;
	float:both; clear:both;
	top:127px; z-index:50; 
	margin-top:5px; margin-left:64px;}
	.alert{display:block !important; width:315px !important;}
	.interact{display:block !important; width:468px !important;
}

div#dialoguebox div#message{
	position:relative; top:-5px;
	padding:15px 15px 10px 67px;}
	div#dialoguebox div#message *{visibility:hidden;}
	div#dialoguebox div#message.active *{visibility:visible;
}
div#dialoguebox h1{margin-left:-67px; 
	}html>body div#dialoguebox h1{margin-left:0px;}
div#dialoguebox h2{ display:block; padding:0px 0px 16px 0px; 
	}div#dialoguebox h2.center{ display:block; padding:8px 0px 8px 0px; text-align:center; 
	}
div#dialoguebox p{ display:block; padding:0px 0px 8px 0px; 
	}
div#dialoguebox form{ display:block; padding:0px 0px 16px 0px; }
div#dialoguebox ul {display:block; clear:both; padding:0px;}
	html>body div#dialoguebox ul {padding-bottom:10px;}
div#dialoguebox li {float:left; padding:0px 0px 10px 0px;}
	html>body div#dialoguebox li {padding-bottom:0px;}
div#dialoguebox sub {display:block; padding:16px 0px 0px 0px; margin:0px;
	}


/* /Forms
_________________________________________*/
#message #formError{
	display:none; 
	width:302px; 
	margin:-2px 0px 0px 0px; padding:5px 5px 7px 32px;
}

#message label{
	position:relative; float:left;
	display:block;
	vertical-align:top;
	margin:0px 5px 10px 0px;
}
#message label span{
	margin:0px -4px 0px 0px; padding:3px 5px 5px 6px;}
	html>body #message label span{padding:4px 5px 4px 6px;
}
#message label .textbox{
	position:relative;
	vertical-align:top; right:0px;
	height:19px;
	margin:0px 0px 0px 0px; padding:3px 0px 0px 5px;}
#message label .textbox-multiline{
	vertical-align:top; float:left;
	width:332px; height:100px;
	margin:0px 0px 0px 0px; padding:3px 0px 0px 5px;}
	/*#message .label2 .textbox{
	margin:0px -4px 0px 0px;
}*/

#message label#emailTo .textbox{width:228px}
#message label#emailFrom .textbox{width:263px}
#message label#nameFirst .textbox{width:65px}
#message label#nameLast .textbox{width:118px}
#message label#email .textbox{width:242px}
#message label#phone .textbox{width:125px}
#message label#addressStreet .textbox{width:237px}
#message label#addressCity .textbox{width:116px}
#message label#addressState .textbox{width:24px}
#message label#addressZip .textbox{width:40px}



/* /Modal Elements 
_________________________________________*/
div#blockout{
	display:none; position:absolute;
	width:594px; height:500px; z-index:42;
	opacity: .005; filter: alpha(opacity=005);
	background-color:#FFFFFF;}
	div#blockout.active {
	display:block;
}
div#fadeout{
	position:relative;
	width:594px; height:100%; z-index:40;
	/*
	opacity: .995; filter: alpha(opacity=995);}
	div#fadeout.active {
		opacity: .05; filter: alpha(opacity=05);
	*/
}
#ajaxFrame {
	display:none;
	margin:0px; padding:0px;
	border:0px none FFFFFF;
}


/* /Branding
_________________________________________*/

#branding {
	position:relative;
	width:770px; height:80px;
	z-index:75;
}
#branding-global {
	position:absolute;
	top:0px; left:0px;
	float:left; clear:left;
	width:271px; height:72px;
	padding-top:8px; padding-left:6px;
}
#branding-global a{ 
 	display:block;
	width:209px; height:59px;
	text-indent:209px;
	overflow:hidden;
}

#branding-local {
	position:absolute;
	top:0px; right:0px;
	float:right; clear:right;
	width:273px; height:72px;
	padding-top:8px; padding-right:4px;
}	
#branding-local a{ 
 	display:block;
	width:209px; height:59px;
	margin-left:65px;
	text-indent:209px;
	overflow:hidden;
}
	

/* /SiteTools
_________________________________________*/
#siteTools {
	position:relative;top:0px;
	width:216px; height:80px; z-index:75;
	margin:-80px 0px 0px 277px;
	}
#siteTools ul {
	float:right;
	margin-right:-6px; padding:2px 2px 0px 0px;
	}
#siteTools li {
	display:inline;
	}
		

/* /Search
_________________________________________*/
#search {
	position:relative; top:0px;
	width:240px; height:30px; z-index:75;
	margin:-35px 0px 0px 280px; padding-top:5px;
}
#search .textbox{
	width:186px; height:19px;
	padding:3px 0px 0px 5px;
}
#search .textbtn{
	height:22px;
	margin:1px 0px 0px -4px;
	vertical-align:top;
	}html>body #search .textbtn{margin-top:0px;
}
#search div{display:inline;}
#search fieldset{border:0px solid}
#search legend{display:none;}
#search label{margin:0px;}
#search label span{display:none;}

	
/* /Navigation (Global)
_________________________________________*/
#nav-global{
	float:left; clear:left;
	margin-top:-1px; width:162px;
	/*padding-bottom: 32767px;
	margin-bottom: -32767px;*/
	}
#nav-global div{
	display:block;
	position:relative;
	list-style-type:none;
	margin-bottom:-1px;
	}
#nav-global div h4{
	position:relative; top:-4px;
	z-index:10;
 	display:block;
	width:162px; height:30px;
	margin-bottom:-10px;
	padding-bottom:0px;
	font-size:0px; line-height:30px; text-indent:162px; /* hides text */
	overflow:hidden;	
	}
#nav-global div.category-1 h4{height:31px; left:0px;}
#nav-global a{
	display:block; overflow:hidden;
	width:130px; height:16px;
	z-index:11;
	padding-top:3px; padding-left:25px;
	}
#nav-global a.object{
	display:block; overflow:hidden;
	width:auto; height:auto;
	z-index:11;
	padding:0px;
}

#nav-global span.edge2{
	display:block; margin-bottom:10px;
	width:157px; height:17px;	
}

/* /Category-4 List (Icon-based Tools Menu) */
#nav-global div.icon-menu{
	margin:25px 0px 0px 0px; padding:0px 0px 3px 0px;}
#nav-global div.icon-menu h4{
	margin:0px 0px -2px 0px; padding:0px;}
#nav-global div.icon-menu ul{
	display:block; overflow:hidden;
	width:155px;
}
#nav-global div.icon-menu li{
	float:left;
}
#nav-global div.icon-menu a{
	display:block; overflow:hidden;
	width:25px; height:28px;
	padding:3px 3px 0px 4px;
	margin:0px 0px 5px 5px;
	}
	
	
/* /Category-4 List (Icon-based Tools Menu) */
#nav-global div.icon-menu-test{
	margin:25px 0px 0px 0px; padding:0px 0px 3px 0px;}
#nav-global div.icon-menu-test h4{
	margin:0px 0px -2px 0px; padding:0px;}
#nav-global div.icon-menu-test ul{
	display:block; overflow:hidden;
	width:155px;
}
#nav-global div.icon-menu-test a{
	display:block; overflow:hidden;
	width:151px; height:28px;
	padding:3px 3px 0px 4px;
	margin:0px 0px 0px 5px;
	}
#nav-global div.icon-menu-test li{margin:0 0 5px 0}
#nav-global div.icon-menu-test a img{
	float:left; clear:left;
	padding-right:5px;
}
	
/* /Switcher
_________________________________________*/

#nav-global div#switcher{
	display:block; width:200px;
	position:absolute; z-index:100;
	top:80px; left:623px; margin-top:-1px;
	}
	
	
/* /Footer
_________________________________________*/

div#footer{
	position:relative;
	float:both; clear:both;
	height:45px; width:770px; z-index:50;
	}
div#footer span{
	display:block;
	height:45px;
	padding-left:169px; padding-right:169px;
	}
div#footer div{
	position:relative; display:block;
	width:432px; height:45px;
}
div#footer a{
	padding-left:8px; padding-right:8px;
}