/* Context Switch  */
/* Author: Keer Tan  */
/* Date: 2010-2-25  #csColumn .column img{ padding:20px 0; display:block;}
#csColumn .column p { line-height:18px;	font-size:1em;	text-align: justify;}
#csColumn .column div{ float:left; padding:0; margin:0;}

*/

em { color:#333}
div.cover { padding:20PX; text-align:center; margin-top:20px;}
div.success { padding:20PX; font-size:100%; color:#000; margin-top:50px; border:2px dotted #ff3c00;}
.contextSwitch { background:url(../img/cs_bg.png) no-repeat top left; height:670px; font-size:100%;}
	.contextSwitch h2 { margin:0; padding:20px 0 10px 0; font: 200%/normal AstoriaRoman, Corble, Calibri, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
	.contextSwitch .content p { text-align:justify; line-height:18px; font-size:95%;}
	.contextSwitch .content p span { color:#f68c20}
	.contextSwitch .content a.csLeft:link, .contextSwitch .content a.csLeft:visited { float:left; padding-bottom:10px;}	
	.contextSwitch .content a.csLeft:hover{ float:left; color:#000}	

	#subscribeMe { float:right; position: relative; top:-18px; left:50px;}
	#issue201001 { float:right; position: relative; top:-8px; left:62px;}
	.space20{ margin-top:20px;}

#csColumn{margin: 0 500px 0 0 ; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
	#csColumn { margin: 0; margin:20px 50px; width:400px;}

#csColumnRight{float: right;width: 500px;margin: 20px 0; }
	.contextSwitch #csColumnRight h2 { font-size:21px; }
	.contextSwitch #csColumnRight p { font-size:80%; line-height:14px; margin:0; margin-bottom:10px; text-align:justify}
	#csColumnRight .column { float:left; margin:0 50px; width:400px;}
	#csColumnRight .tabmenu { float:left; margin:0 50px; padding:0;}
	
	.toc_small_normal { background:url(../img/tob_small_normal.png) no-repeat left top; width:380px; height:25px;}
	.toc_small_hot{ background:url(../img/tob_small_hot.png) no-repeat left top; width:380px; height:25px;}
	.toc_big_normal{ background:url(../img/tob_big_normal.png) no-repeat left top; width:380px; height:42px;}
	.toc_big_hot{ background:url(../img/tob_big_hot.png) no-repeat left top; width:380px; height:42px;}

/* ContextSwitch */

div#contextSwitch{ float:left; margin:30px 0; padding:0; background-color:transparent;text-align:left; width:400px;}
	#featuredprod{ margin:0; padding:0; float:left;}
	#featuredprod{position:relative;background-color:transparent;background:url(../img/contextswitch_201001_bg_on.gif) bottom center no-repeat; height:461px;}
	#featuredprod ol{list-style-type:none;margin:0; padding:0px;}
	
	#featuredprod .featprod-hidden{display:none;}
	#featuredprod ol li{color:#666;padding:0; margin:0; text-align:center;}
	#featuredprod ol li div{ float:left; margin:0; padding:0;width:300px;height:375px;}
	#featuredprod ol li div img.cover {border:0;height:375px; width:300px; }
	#featuredprod ol li blockquote{ float:left; margin:0 4px 0 4px; text-align:left;}
	#featuredprod ol li blockquote p { line-height:14px; font-size:80%; color:#333; font-weight:lighter; margin:0; padding:0; text-align:left;}
	#featuredprod ol li blockquote span{ display:block; font-size:100%; padding-top:5px; color:#000; margin:0;}
	#featuredprod ol li blockquote img.author{ float:left; padding:0px;width:80px; height:80px; margin:0; border:1px solid #e5e5e3; margin-right:5px;}
	#featuredprod ol li blockquote img.bookmarker{ float:right; display:inline; padding:0px;width:16px; height:16px; margin:0; margin-right:5px; margin-top:5px;}
	
	#featuredprod ol li blockquote img.downloadFlash{ margin:12px 10px; padding:0; width:180px; height:60px }
	#featuredprod ol li blockquote img.downloadHardcopy{margin:12px 0; padding:0; width:180px; height:60px }
	#featuredprod ol li blockquote img.subscribeNow{margin:12px 20px; padding:0; width:350px; height:60px }
	
	#featuredprod .featprod-previous{float:left; width:40px;height:60px; margin-top:80px;}
	#featuredprod .featprod-next{float:right; width:40px;height:60px; margin-top:80px;}
	#featuredprod .featprod-previous a{width:40px;height:60px; background:none;}
	#featuredprod .featprod-previous a:hover{ background:url(../img/contextswitch_201001_bg.gif) no-repeat 0 -170px;width:40px;height:60px;text-decoration:none; border:0;}
	#featuredprod .featprod-next a{width:40px;height:60px;  background:none;}
	#featuredprod .featprod-next a:hover{ background:url(../img/contextswitch_201001_bg.gif) no-repeat -360px -170px;width:40px;height:60px; text-decoration:none; border:0;}


/* Previous issue */
.contextSwitch #preIssue{ float:left; margin:0; background:url(../img/contextswitch_201001_previous_bg.gif) no-repeat left top; text-align:left;height:60px; padding:0 10px; width:380px}
.contextSwitch .column .preIssue ul {margin: 0px; padding:0px; font-size: 12px; color: #000; white-space: nowrap;}
.contextSwitch .column .preIssue li {	display: inline; list-style-type: none; padding: 0 !important;}
.contextSwitch .column .preIssue li img { border: 0; }
.contextSwitch .column .preIssue li img.left { float: left; margin: 0px 5px 0px 0; padding:0;}
.contextSwitch .column .preIssue li p { float:left; padding: 10px 5px; padding-left:0;}
.contextSwitch .column .preIssue li a, .contextSwitch .column .preIssue li a:visited  { text-decoration: none; padding-right: 10px; color: #000; font-size:12px;}
.contextSwitch .column .preIssue li a:hover { color: #ff0;}


/* Drop Down Menu */
.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}
.dropdown {  position: relative; top:-22px; left:0px; z-index:9; margin-left:255px;}
#csColumn .column .dropdown dd, #csColumn .column .dropdown dt, #csColumn .column .dropdown ul { margin:0px; padding:0px;}
#csColumn .column .dropdown dd { position:relative; }
#csColumn .column .dropdown a, #csColumn .column .dropdown a:visited { color:#000000; text-decoration:none; outline:none;}
#csColumn .column .dropdown a:hover { color:#5d4617;}
#csColumn .column .dropdown dt a:hover, #csColumn .column .dropdown dt a:focus {background: url(../img/bt_dropment_bg_on.png) no-repeat right center;  color:#5d4617; border: 0px solid #5d4617; height:22px;}

#csColumn .column .dropdown dt a {background: url(../img/bt_dropment_bg_off.png) no-repeat right center; display:block; padding-right:20px; border:0px solid #d4ca9a; width:125px; text-align:center; height:22px; line-height:12px; font-size:12px;color:#000; text-transform: capitalize;}
#csColumn .column .dropdown dt a span {cursor:pointer; display:block; padding:5px;}

#csColumn .column .dropdown dd ul {border:1px solid #898989; background-color:#f5f5f5; color:#C5C0B0; display:none;left:0px; padding:2px 0px; position:absolute; top:1px; width:auto; min-width:143px; list-style:none;}

#csColumn .column .dropdown dd ul li a { padding:5px; display:block; text-align:left; line-height:14px; font-size:11px; text-transform:uppercase; border-bottom:1px solid #fff;}
#csColumn .column .dropdown dd ul li a:hover { background-color:#e5e5e5; color:#5d4617; margin:0 2px;}

#csColumn .column .dropdown img.flag { border:none; vertical-align:middle; margin-right:5px; }
.flagvisibility { display: inline;}
.dropdown span.value { display:none;}
 
 
        
.menutitle{ margin:0; cursor:pointer;background-color:none; text-align:left; border:0;  padding-left:15px;  line-height:18px; font-size:12px; font-family:arial}

.submenu{margin-bottom: 10px; border:0; background-color:none; padding:10px; font-weight:normal; font-family:Arial; width:378px; border:1px solid #f5f5f5;}
.submenu h2{ margin:0; padding:0; color:#ff3c00; padding-bottom:5px; }


.ceditoral { float:left; padding:0; margin:0; clear:none; width:100%; height:480px; overflow: auto;}


	#csColumn .column li.t3{ padding:1px 0; padding-left:10px; border-bottom: 1px dashed #ccc; font:12px Arial; vertical-align:middle; width:390px;}
	#csColumn .column li.t3 span { display:inline; padding-left:10px; line-height:24px;}  	
	#csColumn .column li.t3 span img{ vertical-align:middle}