/* popup.css */

/* -- [GENERIC styles for all popup pages ------*/
html,body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-color: #b5daff;
	
}

p {
	margin: 10px 15px 10px 15px;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

h1 { 
	color:#E51C14; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px; 
	font-weight:normal;
	line-height:1.2em;
	margin:6px 0px 0px 6px;
	padding:0px;
}

h4 {
	border-top:1px gray solid;
	color:#E51C14;
	font-size:14px; 
	font-weight:bold; 
	margin:6px 5px 8px 5px;
	padding:8px 0px 3px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size:14px; 
	font-weight:bold;
	margin:0px 0px 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 15px;
}

table {padding: 5px 5px 0 5px; background-color: #fff;}
th, tr, td {vertical-align: top; padding: 5px;}

#popupWrap {
	border: 18px solid #b5daff; background-color: #fff;
}



.closeButton {
	margin:25px 0px 0px 15px;
}

/* Was able to remove "height: 100%" and an extra DIV (nest) to 
fix the scrollbar issue without this coded below....

div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/

/* --- [  over ride ] ---- */

.smallText {
	font-size:10px;
	line-height:1.3em;
}

span.important {
	color:#E51C14; 
}

div.fixedHeight {
height: 460px;

}