@import "common.css";

/* ------------------------------------------------------------------
  Filename:        popup.css
  Author:          AKQA
  Description:     Page layout for the popup template
  ------------------------------------------------------------------- */
  
.wrapper{
    background:none;
    font-size:1.06em;}

.container{
    width:760px;}
    
div.page{
    width:740px;
    background:url(/library/default/images/common/body/bg-popup-top.gif) no-repeat top left;}
    
div.page div.pageFooter {
    background: url(/library/default/images/common/body/bg-popup-bottom.gif) no-repeat bottom left;
    margin-bottom:0;}
    
div.footer, div.footerInner{
    width:760px;}
    
div.footer {
    height:20px;}
    
div.footerInner{
    background:url(/library/default/images/common/footer/bg-footer-left-popup.gif) no-repeat left top;}

div.footer div.noUL{
    background:#F16333 url(/library/default/images/common/footer/bg-footer-right-popup.gif) no-repeat right top !important;}
    
div.pageData div.mainContent{
    margin:0;
    padding:18px 0 0 24px;
    background:none;
    float:left;
    width:408px;}
    
div.pageData h2 {
    float:none;
    width:auto;
    height:auto;
    margin: 6px 0 25px 0;
    text-indent:0;
    font-size:1.9em;
	font-weight:normal;
	color:#c21b35;
	background:none;}
    
div.pageData p {
	margin: 10px 25px 10px 0;}

div.pageData p strong{
    display:block;
    margin-bottom:-10px;}
    
div.pageData ul {
    margin:0;
    padding:0;
    list-style-type:none;}
    
/*************    removed due to image disc aligning issues
div.pageData ul li { 
    background: url(/library/default/images/common/chevrons/black-bullet-disc.gif) no-repeat 0 51%;
    display:block;
    margin-left:10px;
    padding:2px 0 2px 12px;
    width:300px;
    text-decoration:none;} 
******************/

/*list-style-image: url("/library/default/images/common/chevrons/black-bullet-disc.gif"); */
   
div.pageData ul li {
	background: url(/library/default/images/common/chevrons/black-bullet-disc.gif) no-repeat 0 10%;
	display:block;
	margin-left:10px;
  	padding:2px 0 2px 12px;
    	width:300px;
	text-decoration:none;
} 

/* added to default links to underline */
div.page p a {
    text-decoration:underline;}
div.page p a:hover {
    text-decoration:none;}
div.page ul li a {
    text-decoration:underline;}
div.page ul li a:hover {
    text-decoration:none;}
    
div.pageData dt{
    font-weight:bold;
    font-size:1.2em;
    display:block;
    margin-bottom:5px;}

div.pageData dd{
    font-size:1.1em;
    margin:8px 0 20px 0;}

div.pageData dd a{
    text-decoration:underline;}

div.pageData dd a:hover{
    text-decoration:none;}
    
div.pageData div.offer.first {
    width:282px;
    float:left;
    margin-top:11px;
    margin-left:12px;}
    
div.page.split{
    width:740px;
    background:url(/library/default/images/common/body/bg-popup-top-split.gif) no-repeat top left;}
    
div.page.split div.mainContent{
    width: 690px;}
     
div.page.split div.mainContent div.leftPopup, div.page.split div.mainContent div.rightPopup{
    float:left;}
div.page.split div.mainContent div.leftPopup h2, div.page.split div.mainContent div.rightPopup h2, div.popupMainHeader h2
{
	text-indent:0;
	font-size:2em;
}
    
div.page.split div.mainContent div.leftPopup{
    width:345px;}
    
div.page.split div.mainContent div.rightPopup{
    width:310px;
    padding-left:35px;}
    
div.page.split div.mainContent form {
    clear:both;}

div.page.split div.mainContent form fieldset {
    margin:0;
    padding:0;}
    
div.page.split div.mainContent input, div.page.split div.mainContent select {
    margin-top:3px;
    margin-right:10px;
    float:left;}

div.page.split div.mainContent select{
    width:165px;}

div.page.split div.mainContent label{
    display:block;
    width:245px;
    margin-bottom:0px;}

div.page.split div.mainContent input{
    width:235px;}
    
div.page.split div.mainContent input.btnPlain{
    width:auto;}
    
div.page.split div.mainContent div.buttons{
    margin-top:12px;
    margin-bottom:6px;}
    
div.page.split div.mainContent ul {
    margin:-10px;
    padding:0;
    list-style-type:none;}
    
div.page.split div.mainContent li { 
    background:url('/library/default/images/common/chevrons/right-full-black.gif') no-repeat 0 51%;
    display:block;
    padding:6px 0 6px 10px !important;
    text-decoration:none;}
    
div.page.split div.mainContent li.last {
    font-weight:bold;
    padding:15px 0 15px 10px !important;}

/* added table styles */
table{
    margin-top:10px;
    table-layout:auto;
    }
th{
    color:#f26334;}
td, th{
    padding:7px 10px;}
.rightBorder{
    border-right:1px solid #d6d6d6;}
.row1{
    background-color: #E2E2E2;}

    
/* Place CSS rules for to-be-replaced elements here. 
Prefix by .sIFR-active so they only apply if sIFR is active. */
	
@media screen { 
	.sIFR-active div.pageData h1 {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size:210%;
		margin-top:0;
		margin-bottom:12px;
	}
	.sIFR-active div.popup dt {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		font-size:145%;
		margin-bottom:0;
	}
}