/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Popup window styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.popup {
	position: relative;
	width: 436px;
	font-size: 1.2em;
	padding-top: 60px;
	text-align: left;
	z-index:999;
}
	.popup2 {width: 244px;}
	.popup .top {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 120px;
		margin: 0; padding: 0;
		background: transparent url(../images/popupwindow_top.png) no-repeat 0 0;
	}
	.popup2 .top {background: transparent url(../images/popupwindow_top2.png) no-repeat 0 0;}
		.popup h2 {
			line-height: 27px;
			margin: 20px 0 0 20px;
			width: 360px;
			color: #fff;
			font-size: 1.333em;
			font-weight: bold;
			font-family: arial, "helvetica neue", helvetica, sans-serif;
		}
		.popup h3 {
			line-height: 27px;
			margin: 0 0 3px 0;
			font-size: 1.1em;
			font-weight: bold;
			font-family: arial, "helvetica neue", helvetica, sans-serif;
		}
		.popup h2 em	{font-weight: bold; font-style: italic;}
	.popup a.close {
		background: transparent url(../images/popupwindow_btn_close.png) no-repeat 0 0;
		position: absolute;
		right: 20px;
		top: 24px;
		width: 27px;
		height: 22px;
	}
		.popup a.close span { position: absolute; left: -9999px; }
	.popup .popupWindow {
		width: 100%;
		background: transparent url(../images/popupwindow_mid.png) no-repeat left 60px;
		position: relative;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.popup2 .popupWindow {background: transparent url(../images/popupwindow_mid2.png) no-repeat left 60px;}
		.popup .popupContent {
			margin: 0;
			padding: 5px 25px 0;
			font-family: arial, helvetica, sans-serif;
			line-height: 1.6em;
			position: relative;
			min-height:45px;
		}
			.popup .popupContent a	{display: block; color: #334a7c; font-weight: bold; margin-bottom: .5em;}
			.popup .popupContent a.oldEnglishPopup  {display: inline-block;}
			.popup .popupContent .t-zone a {display: inline;}
			.popup .popupContent p	{margin-bottom: .0em;}
			
			.popup .popupContent li {
				padding: 0; margin: 0; margin-bottom: .5em;
				font-weight: bold;
				list-style-position: outside;
			}
			.popup .popupContent li a	{display: inline; font-weight: normal;}
			
			.popup .popupContent hr		{border: 0; padding: 0; margin: .5em 0; color: #d9e0f7; height: 1px; background: #d9e0f7; width: 100%; text-align: left;}
	
		.popup .popupEntries			{position: relative; width: 95%; clear: both;}
		.popup .popupThesaurus ul		{width: 30%; float: left; clear: none; margin-right: 10px; margin-top: .5em;}
		.popup .popupThesaurus ul li a	{font-weight: normal;}
		.popup .popupScroll				{position: relative; overflow: auto; height: 230px;}
		.popup .popupScroll hr			{width: 95%}
	
	.popup .bot {
		width: 100%;
		height: 47px;
		background: transparent url(../images/popupwindow_bot.png) no-repeat 0 0;
		clear: both;
		position:relative;
	}
	.popup2 .bot {background: transparent url(../images/popupwindow_bot2.png) no-repeat 0 0;}
		.popup .bot .balloonArrow {
			background: transparent url(../images/popup_arrow.png) no-repeat 0 0;
			width: 59px;
			height: 27px;
			position: absolute;
			left: 130px;
			top:12px;
		}
		.popup .balloonArrow2 {
			background: transparent url(../images/popup_arrow2.png) no-repeat 0 0;
			width: 37px;  
			height: 22px;
			position: absolute;
			left: 30px;
			top: -16px;
			z-index: 10;
		}
.popup .loadingIcon span { display: inline; }
.popup .loadingIcon { width: auto; height: 44.4px; display: block; background: transparent url(../images/loading.gif) no-repeat center center; }

.popup .popupContent .categoriesPopupInner h2	{float: none; font-size: 1.1em; line-height: 1em; margin: 0; margin-bottom: .25em; width: auto;}
.popup .popupContent .categoriesPopupInner ul	{display: block; float: none; width: auto;}
.popup .popupContent .categoriesPopupInner li	{font-weight: normal;}
.popup .popupContent .categoriesPopupInner p	{font-family: arial, verdana, helvetica, sans-serif; font-size: 0.833em; margin-bottom: 1em;}

/* Placeholder for manual internal markup */
.popupDev								{position: relative; text-align: center; width: 100%; z-index: 999999;}

/* Popop + Lightbox for Dialogs */
.popupDialog				{position: relative; width: 526px; min-height: 350px; font-size: 1.2em; padding-top: 60px; text-align: left;  font-family: arial, "helvetica neue", helvetica, sans-serif;}
.popupDialog .top			{position: absolute; left: 0; top: 0; width: 100%; height: 310px; background: transparent url(../images/popupdialog_top.png) no-repeat 0 0;}
.popupDialog .popupWindow	{position: relative; left: 0; top: 0; width: 100%; background: transparent url(../images/popupdialog_mid.png) no-repeat 0 210px;}

.popupDialog .popupContent	{position: relative; top: 10px; margin: 0; padding: 0 25px; overflow: hidden; padding-bottom: 50px; background: transparent url(../images/popupdialog_bot.png) no-repeat 0 bottom;}
.popupDialog h2				{line-height: 27px; float: left; margin: 12px 0 0 12px; width: 500px; color: #1a63ab; font-size: 1.250em; font-weight: bold; font-family: arial, "helvetica neue", helvetica, sans-serif;}
.popupDialog a.close		{background: transparent url(../images/popupwindow_btn_close.png) no-repeat 0 0; position: absolute; right: 12px; top: 12px; width: 28px; height: 27px;}
.popupDialog a.close span	{position: absolute; left: -9999px;}

.popupDialog .popupContent h4					{font-family: arial, "helvetica neue", helvetica, sans-serif; font-weight: bold; margin-bottom: .5em;}
.popupDialog .popupContent h4 span				{font-weight: normal;}
.popupDialog .popupContent input.textfield 		{width: 210px; background-image: url(../images/input_pubhome_bottompanel.png);}
.popupDialog .popupContent form .row			{position: relative; margin-bottom: 1em; width: 100%;}
.popupDialog .popupContent .radioButtons input 	{position: relative; top: 2px; width: auto; padding: 0; margin: 0; margin-right: .25em; background-image: none; height: auto;}
.popupDialog .popupContent .radioButtons label 	{margin-right: 1em;}
.popupDialog .popupContent .checkBoxes input 	{position: relative; top: 2px; width: auto; padding: 0; margin: 0; margin-right: .5em; background-image: none; height: auto;}
.popupDialog .popupContent .checkboxRow			{margin-bottom: .5em;}
.popupDialog .popupContent fieldset.input		{margin-bottom: 1em;}	
.popupDialog .popupContent input.submit			{width: auto; height: auto; margin: 0; margin-left: .25em; padding: 0; background-image: none;}

.popupDialog .popupContent h3				{font-size: 1.250em; font-weight: bold; color: #D15211; margin-bottom: .5em;}
.popupDialog .popupContent p				{margin-bottom: 1em; line-height: 1.8em;}
.popupDialog .popupContent ul				{width: 90px; display: inline; float: left; margin-right: 5px; text-align: left;}
.popupDialog .popupContent ul.last			{margin: 0; float: right;}
.popupDialog .popupContent li				{padding: 0; margin-bottom: .5em; font-weight: bold; list-style-position: outside;}
.popupDialog .popupContent .thesaurusLink	{font-family: arial, "helvetica neue", helvetica, sans-serif; font-weight: bold; display: block; margin-top: 1em;}

.popup .popupContent .articleSnippet p {margin-bottom: 1em;}
.popup .popupContent .articleSnippet ul {list-style: disc inside none;}
.popup .popupContent .articleSnippet li {list-style: disc inside none; font-weight: normal;}