/*CODEX NEW CSS change this to codex.css when going live**/
.CornersWrapper	{ width:100%; }

.hidden	{position:absolute; top:-999em;}

h2, h3, h2 a, h3 a	{ color:#D52B1E}/*may need to change to D5041E for contrast reasons*/

h3 a {text-decoration:none}

#codex_header{
	margin:0; 
	padding:0; 
	height: 136px; 
	width:100%;
	background:#021362 url(../images/codex/codex_banner.jpg) bottom left no-repeat;
	border-bottom:1px solid #B2B2B2;
}

/*\*/html>body #codex_header	{height:auto; min-height:136px; overflow:hidden;}/**/

.logo { padding-right:30px; width:91px;}

.codex_home {margin:0; padding:0; float:left; position:relative; width:202px; height:20px; overflow:hidden;}
.codex_home a { color:#fff; display:block}
.codex_home span	
{
	background:url(../images/codex/code_topleft_nav.gif)  no-repeat top left; 
    position:absolute; 
	left:0; 
	top:0; 
	/*z-index:1;*/
    width:202px; 
	height:20px;
    /* margin:0;
	 padding:0; */
	 cursor:pointer;
	 color:#FFF}




#codex_header h1.black {color:#000; position:absolute;}
#codex_header p{	margin:0; 	position: absolute}/*remove this once the codex templates have been updated AK*/
#codex_header p a {
	display:block; 
	height:100px; 
	width:230px;
	margin-top:5px;
	color: #FFF; 
	float:left; 
	margin-left:10px;
	font-size:0.01em !important;
	text-align:right; }
	
/*\*/html>body #codex_header p a{height:auto; min-height:100px ; overflow:hidden;}/**/

/*this replaces #codex_header p a */
#codex_header h1 a {
	display:block; 
	height:100px; 
	width:230px;
	margin-top:5px;
	color: #FFF; 
	float:left; 
	margin-left:10px;
	font-size:0.01em !important;
	text-align:right; }
	
/*\*/html>body #codex_header h1 a{height:auto; min-height:100px ; overflow:hidden;}/**/

.codexNewsPanels{
	width:31%;
	float:left;
	margin-right:3%;
	height:200px;
	margin-bottom:10px;	}
	
/*\*/html>body .codexNewsPanels{ height:auto; min-height:200px; overflow:hidden}/**/

.noMarginRight{ margin-right:0; }
.codexNewsPanels h2 { position:absolute; top:-1000px; }
.codexNewsPanels p	{margin-top:10px;}
.codexNewsPanels a {text-decoration:none; color:#000033;}
.codexNewsPanels h3 { font-size:0.9em; padding-right:25px; height:25px; background: url(../images/codex/red_arrow.gif) 100% 80% no-repeat; }
html>body .codexNewsPanels h3	{height:auto; min-height:25px; overflow:hidden;}
.codexNewsPanelsImage			{	background-position:top; 
									background-repeat: left no-repeat; 
									height:60px; 								
									}
									
html>body .codexNewsPanelsImage		{height:auto; min-height:60px; overflow:hidden}
.codexNewsPanelsImage a				{	display:block}

.codexImage1					{ 	background-image:url(../Codex/Issue7/Images/features_home1.jpg); height:60px;}
.codexImage2					{	background-image:url(../Codex/Issue7/Images/features_home2.jpg); height:60px;}
.codexImage3					{	background-image:url(../Codex/Issue7/Images/features_home5.jpg); height:60px;}
.codexNewsContent{}
.homeFeature h2{margin:2px 0px 7px 0px;}
.homeFeature p{margin:2px 0px 3px 0px;}
.furtherLinks	{ 	width:100%; wid\th:45%;  /*clear:right;*/ }
.fullstory		{	background:url(../images/structure/Leftbullet.gif) left no-repeat; padding-left:15px; width:50%; wid\th:25%; margin:0px 0px 3px 0px;}
.video 			{ 	background:url(../images/codex/video_link.gif) left no-repeat; float:right; width:130px; wid\th:25%; padding-left:60px; }


/*right nav items for codex landing page*/

.newsItems			{ 	margin-top:25px; }
.newsItems h2		{ position:absolute; top:-1000px;}
.newsItems h3		{ 	color:#D52B1E; font-size:1.1em; margin:0; padding:0;}
.newsItems a		{ 	text-decoration:none;}
.newsItems a:hover	{ text-decoration:underline}

.newsItems ul		{ 	list-style-type:none; 
						margin:0; 
						padding:0; 
						border-bottom:1px solid #CCCCCC; 
						padding-bottom:5px; 
						margin-bottom:5px;
						
							}
			
.newsItems ul li	{	font-size:80%;
						padding:3px 15px 3px 12px;
						border:none;
						background:url(../images/codex/Leftbullet.gif) top left no-repeat;
						height:1%; 
						font-weight:normal;
	}
.newsItems ul li a	{ text-decoration:none; color:#000033; font-weight:normal;}
.newsItems ul li a:hover { text-decoration:underline;}
.newsItems ul.noBorder	{ border-bottom:none; }

.newsItems ul li span{ font-weight:bold}

.newsItems ul li ul {margin:0; padding:0;  border-bottom:none;}
.newsItems ul li ul li{margin:0; padding-left:0; background:none; font-size:90%;}

.newsItems h4.journals {color:#0066CC;}
.newsItems h4.news		{color:#692C71;}


.rightBrief				{}
.rightBrief	h4			{}			




/*Journals/News/Features Page*/

h2.blue { color:#0066CC;} /*move to journals css*/

.journalMain { background-color:#ECECEC; height:40px; padding-left:15px;   }
html>body .journalMain { height:auto; min-height:40px; overflow:hidden}

.journalMain img 	{ float:left; margin-top:5px; }
.journalMain a		{  margin-top:120px; line-height:3em; margin-left:10px; color:#FF0000}

.journalList, .eventList	{	border-top:1px solid #CCCCCC; margin-top:10px; }
.journalList h3		{	color:#0066CC; font-size:1em; margin-top:5px}

.journalListings, .eventListings	{ width:100%; clear:both; padding-bottom:5px; float:left }
.journalListings h4, .eventListings h4	{margin:0; padding-bottom:5px; color:#000033; width:50%;}
.eventListings h4.fullWidth	{margin:0; padding-bottom:5px; color:#000033; width:70%;}
.journalListings p	{}

.journalListings img, .eventListings img {float:right; margin-left:10px;}
.journalListings .redArrows, .eventListings .redArrows	{float:right;}

/*Journals listings again*/

.journalLeft	{	width:68%; background-color:#33FF00; float:left}
.journalRight	{	width:30%; background-color:#0066FF; float:right; margin-left:2%; background-position:left}
.otherLinks 	{	width:65%; margin:0; padding:0; }
p.date			{	float:left; width:60%; color:#000033; font-weight:bold; font-size:0.8em; }
p.moreinfo a 	{	float:right; 
					width:18%; 
					background:url(../images/codex/red_arrow.gif) right no-repeat; 
					text-decoration:none;
					font-weight:normal ;
					color:#000033;
					font-size:0.8em;

					}
p.moreinfo a:hover{ text-decoration:underline; color:#D52B1E;}

/*Events page*/

.calendarItem		{	margin-top:25px;  border-bottom:1px solid #CCCCCC;}
.calendarItem h4	{ color:#D52B1E; font-size:1.1em; margin:0; padding:0;}
.eventList h3		{ color:#D52B1E;}
.noMarginTop		{ margin-top:5px;}

/*events search form*/

.searchListings	{background-color:#ECECEC; height:120px; padding-left:20px; padding-top:10px; padding-bottom:10px; }
html>body .searchListings { height:auto; min-height:120px; overflow:hidden}
/*
.searchListings form		{ margin-top:10px;}
.searchListings form label	{ font-weight:bold; float:left; clear:both}
.searchListings form input.text	{margin-left:50px; width:52%; padding:2px;}


.option			{	float:left; width:100%; clear:right}
.option	p		{	width:50px; float:left}
.option1		{	width:43%;  float:left;  margin:0 0 0 68px;	}
.option2		{	width:36%; float:left; margin-left:20px; }
.option1 label, .option2 label {width:50px; float:left; margin-left:0}

#eventSearch .option2 select{width:30%;}
#eventSearch .option1 select{width:20%;}
.option1 select, .option2 select { width:200px;}
.eventSubmit	{ float:right; margin-right:140px; }*/


/*Editorial Class for right nav*/

.editorial				{	height:80px; 
							border:1px solid #CCCCCC; 
							background:url(../images/codex/edit_bkground.jpg) bottom left repeat-x;
							margin-bottom:10px;
							margin-right:10px;}
html>body .editorial	{ 	height:auto; min-height:80px; overflow:hidden} 


.editorial h3	{ 	color:#E2007A; 	padding:10px 0 10px 5px; position:absolute; z-index:1; font-size:1.1em}
.editorial img	{ 	float:right; padding-top:10px; padding-right:10px; padding-left:5px}
.editorial p 	{	margin:0; padding:0;line-height:1.2em;  }
.editorial a	{ 	text-decoration:none; color:#000033; font-size:0.8em; display:block; width:175px; height:50px; padding:30px 0 0 5px; margin-top:0px;  z-index:1000}
.editorial a:hover	{ text-decoration:underline}

/*content page styles*/

.authorDetails		{	width:40%; margin-top:20px;}

.inBrief	{ 	padding-bottom:20px; clear:both;  }
html>body .inBrief { float:left; *float:none; width:100%}



.inBrief h3	{	background:url(../images/codex/bullet_pink.gif) left no-repeat; 
				padding-left:20px; 
				margin-top:0;
				padding-top:0;
				border-bottom:1px solid #CCCCCC; 
				margin-bottom:5px; 
				}


ul.bulletStyle 		{ 	list-style-type:none;  }
ul.bulletStyle li	{	background: url(../images/codex/bullet_list_pink.gif) no-repeat top left; padding-left:12px; padding-bottom:5px }

.smallImages		{ width:170px; float:right; margin:0 0 10px 20px;}
.smallImages p		{ padding-top:5px; font-weight:bold; font-size:0.7em;}

.wideImage			{ width:400px; margin:0 20px 10px 0; }
.wideImage p		{ padding-top:5px; font-weight:bold; font-size:0.7em;}

.portrait			{ width:210px;}
.landscape			{ width:292px;}
.boxedContent		{ border:2px solid #CCCCCC; padding:5px;}


.hiddentext			{ position:absolute; top:-1000px;}

.contactDetails		{ margin-left:20px}

#footer .Codexcopyright	{width:22%;  float:right;  text-align:right; margin:0 20px 0 0; padding:10px 0 0 0; }

html>body #footer .Codexcopyright {width:25%;}

#footer .Codexcopyright p{  font-size:0.9em; line-height:1em; color:#999999; }

.breakword	{word-wrap:break-word;}

/*right nav RSS link*/

.rss		{ margin-top:25px;}
.rss p		{	background:url(../images/structure/rss_logo.gif) no-repeat left; 
				color:#000033; 
				padding-left:20px;
				line-height:1.4em;
				font-size:1.1em;}
.rss a		{ text-decoration:none;}
.rss a:hover	{ text-decoration:underline}
#centerPad{min-height:450px;}
* html #centerPad{height:450px;}  /*IE6 and below */
.downloadcodex span{padding-right:20px;}
.homeFeature{clear:both;}


/*Latest News*/

.LatestNewsHolder {}
.LatestNewsHolder .paging		 		{	text-align:center; }
.LatestNewsHolder .paging ul 			{ 	margin:0 5px 0 5px; padding:0; list-style-type:none;   }
.LatestNewsHolder .paging ul li			{ 	display:inline; border:1px solid #ccc; margin:0 3px 0 0; padding:2px 2px 2px 3px;   }
.LatestNewsHolder .paging ul li a		{ 	text-decoration:none; color:000033;}
.LatestNewsHolder .paging ul li a:hover { 	text-decoration:underline}
.LatestNewsHolder .paging ul li.PrevNext	{ 	border:none}
.LatestNewsInner						{ clear:both; padding-top:20px}
.LatestNewsInner h3 					{ padding-bottom:5px}
.LatestNewsInner p.LNewsDate			{ margin-top:0}