/***************************
* Rounding System Components
****************************/

/* Default for Target Divs
   -----------------------*/
div.rounded{
    border-width: 1px;
    border-style: solid;
}

/* Border Containers
   ------------------ */
div.r_header, div.r_footer{
    position: absolute;
    overflow: hidden;
}
div.r_header{
    top: -2px;
    left: -1px;
}
div.r_footer{   
    bottom: -2px;
    left: -1px;
}

/* Drawn Borders    Note: Border colors will be read and set
   ------------- */
   
div.r_header span, div.r_footer span, span.drop_shadow{
    display: block;
    height: 1px;
    overflow: hidden;
}
div.r_header span.top_border{
    margin: 0 1px 0 1px;
    border-left: 1px solid;
    border-right: 1px solid;
}
div.r_footer span.bottom_border{
    margin: 0 1px 0 1px;
    border-left: 1px solid;
    border-right: 1px solid;
}

div.r_header span.top_gradient{
    border-left: 2px solid;
    border-right: 2px solid;
}
div.r_footer span.bottom_gradient{
    border-left: 2px solid;
    border-right: 2px solid;
}
div.dropshadowed div.r_footer{
    border-bottom: 1px solid #ecebe6;
}
/*end rounding system components*/

/* workaround rounding issue */
div.dinaDiv, div#dinaDiv {
    height:1px !important;
    background-color:#807d6c;
    margin-right:1px;
    margin-left:1px !important;
    overflow:hidden;
}
div#dinaDiv {
   background-color:#fbfaf4 !important;
   border:1px solid #ccc;

   border-bottom:0px;
   width:302px !important; 
   margin-top:18px;
   
}



/* new stuff here */
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
    background-image:none;
}


div#stagingDiv {
    visibility:hidden;
    position:absolute;
    left:-1000px;
}
div#leftColumn {
    float:left;
    width:132px;
    margin-left:8px;
    margin-right:10px;
    position:relative;
    margin-top:16px;
}

* html div#leftColumn {
    margin-top:34px;
    margin-right:4px;
}

div#promoBox {
    clear:both;
    padding-top:30px;
    padding-left:2px;
}

div#pf_left {
    width:133px;
    border:1px solid #ccc;
    border-top:0;
    border-bottom:0px;
    padding:0;
    padding-bottom:16px;
    margin:0;
    position:relative;
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
    font-size:10px;
    color:#333;
    background-color:#fbfaf4;
    line-height:20px;
    overflow:hidden;
}

img#navTop {
    position:absolute;
    left:-2px;
    top:-20px;
    z-index:5;
}

img#navmiddle {
    position:relative;
    left:-3px;
}

img#navbottom {
    position:relative;
    left:-3px;
    bottom:0px;
}
* html img#navbottom {
    bottom:3px;
}

*+html img#navbottom {
    bottom:3px;
}

#pf_left div.formatList {
     padding:10px;
     padding-right:5px;
}
#pf_left ul {
  margin:10px;
  margin-right:5px;
}

#pf_left ul li {
    position:relative;
    padding-left:20px;
    line-height:12px;
    margin-bottom:10px;
}

#pf_left ul li input{
    position:absolute;
    top:0px;
    left:0px;
}

* html #pf_left ul li input{
    left:-23px;
}


div#formatLbl, div#optionLbl {
    background-color:#807d6c;
    height:18px;
    font-weight:bold;
    font-size:11px;
    color:#fff;
    display:block;
    padding-left:10px;
    border:1 px solid #fbfaf4;
    overflow:hidden;
    display:block;
}

#pf_left p{
     margin:0px;
     padding:0px;
}
.goBackNote {
    font-size:9px;
     line-height:10px;            
}
#pf_left button {
    height:28px;
    width:112px;
    background-image:url(/rd_images/printer_friendly/pf_print_btn.jpg);
    background-repeat:no-repeat;
    background-color:transparent;
    border:medium none;
    cursor:pointer;  
    margin-left:10px;
}

#pf_main {
    float:left;
    width:520px;
    overflow:hidden;
   /* margin-top:18px;*/
    margin-right:10px;
    
}
* html #pf_main {
    margin-top:18px;
}

#pf_main div.mainDottedDiv {
    font-family:Georgia, "Times New Roman", Times, serif;
    border:1px dotted #999;
    padding:30px 30px 30px 40px;
    position:relative;
    margin-top:10px;
    font-size:9px;
    line-height:14px;
    clear:both;
}


div#pf_main div#fullDiv {
       border:1px dotted #999;
       padding-left:40px;
       padding-right:30px;
       padding-top:30px;
       height:600px;
       position:relative;
       
}
* html div#pf_main div#fullDiv {
    height:660px !important;
}

div#fullDiv, div.mainDottedDiv {
    background-image:url(/rd_images/printer_friendly/pf_punch_holes_bg.jpg);
    background-repeat:no-repeat;
    background-position:0px;
}


div#pf_main a.title {
    display:block;
    font-size:15px;
    color:#333;
    font-weight:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-transform: capitalize;
}

div#pf_main div#notesAndNuts {
    width:174px;
    float:left;
    padding-top:12px;
    margin-right:10px;
    overflow:hidden;
    position:relative;
   
}

div#prnttxt {
   position:relative;

}

div#pf_main div#printPhotoBox {
    width:170px;
    border:1px solid #ccc;
    padding:1px;
    margin-bottom:4px;
}

div#pf_main #content_div {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:9px;
    overflow:visible;
}

div#prnttxt a.title {
    display:block;
    font-size:15px;
    color:#333;
    font-weight:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-decoration:none;
    text-transform: capitalize;
}
div#fullDiv div#prepDiv, div#fullDiv div#ingDiv, div.mainDottedDiv div#prepDiv, div.mainDottedDiv div#ingDiv {
    margin:8px 0px 12px 0px;
    line-height:13px;
}
div.photoClone div#prepDiv, div.photoClone div#ingDiv {
    margin:8px 0px 12px 0px;
    line-height:13px;
}

div#ingDiv {
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
}
div.reviewDiv {
    margin:0px 0px 10px 0px;
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
    color:#333;
    font-size:9px;
    line-height:14px;
}
p.fork_rating {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:7px;
    
}

p.fork_rating img {
    width:30px;
    margin-right:5px;
}

p.fork_rating span {
    color:#8fb97d;
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
    font-size:8px;
    font-style:italic;
}


div.reviewDiv p {
    clear:both;
    font-family:Georgia, "Times New Roman", Times, serif;
}
p#copyright, .copyright {
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
    font-size:5px;
    clear:both;
   /* text-align:center;  */
    color:#999;
}

#fullDiv #copyright {
   text-align:center;
}


/*
p.copyright {
    position:relative;
    bottom:50px;
    left:0px;
}
*/
div#nutrionalInfo {
   /* float:left;*/
}

div#userNotes, div#nutrionalInfo {
    position:relative;
    margin-bottom:20px;
    /*display:block !important;*/
}
#nutrionalInfo img, div#userNotes img {
   display:block;
}

div#notesAndNuts div#userNotes img {
    position:absolute;
    top:-19px;
    left:-1px;
}

div#notesAndNuts div#userNotes {
    border:1px solid #ccc;
    margin-top:25px;
}

div#notesAndNuts div#userNotes p {
    padding:10px;
}

div.bottomDiv {
    padding:20px;
    padding-left:0px;
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
    font-size:8px;
    position:relative;
    
}

div.bottomDiv div#userNotes {
   /* position:absolute;
    right:0px;
    top:20px;*/
    
}

span#publish_date {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:6px;
   color:#333;
}
span#photo_credit {
  /*  font-family:Georgia, "Times New Roman", Times, serif;  */
    font-size:5px;
    color:#333;
    margin-bottom:20px;
}

#logoLbl {
    position:relative;
}
div.partnerLogo {
    position:absolute;
    right:0px;
    top:-28px;
    height:60px;
    width:120px;
    /*background-color:grey;*/
}
span.greySpan {
    color:#ccc;
}

div#recipeInfoDiv {
    line-height:14px;
}
/* ADVERTISEMENT STYLES */

div#textad {
    font-size:8px;
    font-family:Georgia, "Times New Roman", Times, serif;
}

div#skyscraper {
    border:1px solid #ccc;
    background-color:#fbfaf4;
    padding:0px 2px 2px 2px;
    width:300px;
    overflow:hidden;
    border-top:0px;
}


div#skyscraper h2 {
    background-image:url(/rd_images/modules/secondary/ad_widget/advertising.gif);
    background-position:center;
    background-repeat:no-repeat;
    height:6px;
    margin:0pt auto;
    padding:3px 0pt 4px;
    text-indent:-10000px;
    width:67px;
}



div#skyscraper div {
    background-color:gray;  
    background-repeat:no-repeat;
    width:300px;
}


* html div#skyscraper {
    position:relative;
    left:-1px;
}

*+html div#skyscraper {
    position:relative;
    top:0px;
    left:-1px;
}

*+html body {
    padding-top:10px;
}

*+html div#dinaDiv {
    margin-top:0px;
}

* html div.partnerLogo {
       /* display:block; */
        position:absolute;
        top:0px;
        right:60px;
}

*+html div.partnerLogo {
      /*  display:none;  */
        position:absolute;
        top:0px;
        right:60px;
}





/* end stuff here */


#holderDiv3, #holderDiv4 {
    line-height:18px;
}

/* PC IE6 */
* html body #holderDiv3 {
	width: 460px;
}

/* Safari */
body #holderDiv3 {
	width: 445px;
}

/* Firefox */
html:lang(en) > body #holderDiv3 {
	width: 460px;
}

#holderDiv4 { 
	background: #eee;
	width: 556px; 
	position: absolute; 
	top: -500px; 
	left: -700px; 
}

/* PC IE6 */
* html body #holderDiv4 {
	width: 556px;
}

/* Safari */
body #holderDiv4 {
	width: 538px;
}

/* Firefox */
html:lang(en) > body #holderDiv4 {
	width: 556px;
}


div#cardWrapper {
   font-family:Georgia, "Times New Roman", Times, serif; 
}

/**************************************
    from old css 
    **********************************************/
    
.cardDiv3, .cardDiv4 {
	border: 1px dashed #000; 
	text-align: left;
	margin: 0 auto; 
	position: relative;
}

.cardDiv3 { 
	width: 480px; 
	height: 288px; 
	margin-bottom: 80px;  
}

/* PC IE6 */
* html body .cardDiv3 {
	width: 480px;
}

/* Safari */
body .cardDiv3 {
	width: 465px;
}

/* Firefox */
html:lang(en) > body .cardDiv3 {
	width: 480px;
}

.cardDiv4 { 
	width: 576px; 
	height: 384px; 
	margin-bottom: 10px;  
}

/* PC IE6 */
* html body .cardDiv4 {
	width: 576px;
}

/* Safari */
body .cardDiv4 {
	width: 558px;
}

/* Firefox */
html:lang(en) > body .cardDiv4 {
	width: 576px;
}

.cardPadding3, .cardPadding4 {
	padding: 10px;
    font-size:10px;
}

.cardFooter3, .cardFooter4 {
	font: 10px arial, helvetica, sans-serif;
	text-align: right;
	height: 20px;
	margin-right: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.cardTop3, .cardTop4, .cardTopFirst, .cardFirstTitle, .cardTitle {
/*	font: bold 10px arial, helvetica, sans-serif;  */
    font-size:13px;
    font-weight:bold;
	color: #333;
    text-transform: capitalize;
}

.cardTop3, .cardTop4 {
	/*height: 44px;  */
    padding-bottom:14px;
    
}

.cardTop3 span, .cardTop4 span{
    font-size:10px;
    font-weight:normal;
}

.cardTopFirst {
	height: 40px;
}

.cardFirstAd3 {
	width: 170px; 
	float:right; 
	text-align: left;
}

.cardFirstAd4 {
	width: 200px; 
	float:right; 
	text-align: left;
}

.cardFirstTitle {
	clear:both;
}

.cardLogo3, .cardLogo4 {
	/*height: 25px; */
	width: 99px; 
	float:left;
}

.scissors3, .scissors3First {
	width: 510px;
	margin: 0 auto;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}

.scissors4, .scissors4First {
	width: 570px;
	margin: 0 auto;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}

#cardPrintHeader {
	display:none;
	margin: 0 auto; 
	width: 576px; 
	text-align:right;
}

.scissors3, .scissors4 {
	page-break-before: always;
}


div#holderDiv3 {
    background: #eee;
	width: 460px; 
	position: absolute; 
	top: -400px; 
	left: -600px; 
}

/*div.partnerLogo {
        display:none;
        position:absolute;
        top:0px;
        right:5px;
}*/

.lblImg {
    width:25%;
}
#reviewLbl {
    width:46px;
}
#prepLbl {
    width:72px;
}
#ingLbl {
    width:66px;
}
#noteLbl {
    width:60px;
}
#noteFullLbl {
    width:35px;
}
#nutrLbl {
    width:95px;
}

/****** new cards *****/

div.txtContent {
    width:435px;
}

.continued {
    font-size:10px;
    font-weight:normal;
}

div.card2 div.txtContent {
    width:495px;
}

div.card, div.card2  {
    width:460px;
    border:1px dotted #333;
    font-size:10px;
    line-height:18px;
    padding:10px;
    padding-bottom:0px;
    margin-bottom:60px;
    position:relative;
}
div.card2 {
    width:554px;
    margin-bottom:50px;
}

div.card p, div.card2 p {
    padding:0;
    margin:0;
}
img.label {
    display:block;
    margin-top:10px;
}
img#noteImg {
    width:32px;
}
.titleNode {
    font-size:13px;
    font-weight:bold;
    color:#333;
    text-transform:capitalize;
}
.tmpCloneDiv {
    width:480px !important;
    position:absolute;
    left:-2000px;
    padding:10px;
}
.fork_rating {
    line-height:10px;
    margin-top:10px;
}
div.cardCount {
    text-align:right;
    padding-bottom:8px;
    position:absolute;
    bottom:0px;
    right:6px;
}


/* help link */
p#helpP {
    display:block;
    margin-top:10px;
    margin-bottom:5px;
    font-weight:bold;
    font-size:11px;
}
a#helpLink {
    text-decoration:underline;
    font-weight:normal;
}