﻿
/*************************************/
/* Content VE popup layout and style */ 
/*************************************/

/* the ero styles below are modifications to the VE pre-defined styles (see http://www.soulsolutions.com.au/Articles/VirtualEarthPopupStyles/tabid/79/Default.aspx) */
/*
.ero {z-index:5!important;	padding: 0 4px;} 
.ero .ero-shadow {background:transparent;}
.ero .ero-body {width: 406px; background:transparent; border:none; font: 80% Arial, Sans-serif ; margin-top:-150px;}  
.ero .ero-actionsBackground {background:transparent; margin:0px;}
.ero .ero-previewArea {padding:0px;background:transparent;}
.ero .ero-previewArea div.firstChild {padding:0px;margin-left:1px;margin-right:6px;background:transparent;}
.ero .ero-actions {padding:0;}

.ero .ero-rightBeak {right: -1px;}  
.ero .ero-leftBeak {left: -1px;}
.ero .ero-leftBeak, .ero .ero-rightBeak {
	position: absolute;
	top: 10px;
	width: 19px;
	height: 34px;
}
*/
/*
.ero {z-index:5!important;padding:0 19px;margin:0px;} 
.ero .ero-shadow {top:-150px;}
.ero .ero-body {overflow: visible;padding:0px;margin:0px;border: solid 1px #84a2d4;min-width: 416px;}  
.ero .ero-actionsBackground {padding:0px;margin:0px;}
.ero .ero-previewArea {padding:0px;margin:0px;}
.ero .ero-previewArea p {margin:0px;padding:0px;font-size:0em;}

.ero .ero-previewArea div.firstChild {padding:0px;margin:0px;}
.ero .ero-previewArea .title {margin:0px;}
.ero .ero-actions {padding:0px;margin:0px;}
* html .ero .ero-actions {padding: 0px; margin:0px;}
.ero .ero-actions ul li {margin-bottom: 0px;}
.ero .ero-paddingHack {height: 0px;width: 0px;font-size: 0px;}


*/
.ero {z-index:5!important;padding:0 19px;margin:0px;}   /* 19px is for the beak to stick out  */

.ero .ero-body {overflow: visible;padding:0px;margin:0px;border: solid 1px #84a2d4;min-width: 416px;}  
.ero .ero-actionsBackground {padding:0px;margin:0px;}
.ero .ero-previewArea {padding:0px;margin:0px;}
.ero .ero-previewArea p {margin:0px;padding:0px;font-size:0em;}

.ero .ero-previewArea div.firstChild {padding:0px;margin:0px;}
.ero .ero-previewArea .title {margin:0px;}
.ero .ero-actions {padding:0px;margin:0px;}
* html .ero .ero-actions {padding: 0px; margin:0px;}
.ero .ero-actions ul li {margin-bottom: 0px;}
.ero .ero-paddingHack {height: 0px;width: 0px;font-size: 0px;}

.myPopUpDiv {padding:0px;width: 416px;}

#cttCtnr
{
 background:white; 
 padding:5px;
 padding-bottom:10px;
}


#cttSum
{
 filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#f7fcfe', startColorstr='#E7F1F8', gradientType='0');
 background:#E7F1F8;  
 padding:8px;
 padding-bottom:8px; 
 min-height:153px;    /* Firefox only:  */
}

#cttHeadr {margin-bottom:10px;}

#cttTitle
{
 /*float:left;*/
 font-weight:bold;
 font-size: 125%;
 color:#4d5aaf;
 margin-right: 10px;
}

#cttRating
{
 /* float:right; 
 text-align:right;*/
}

#cttRateAct{margin-left:5px; vertical-align:text-top; color:#e6b422; font-weight:bold;}

#cttDesc
{  clear:both;
}

#cttTxt
{
    font-size:115%;
}

.cttPhotoCtnr
{ 
 padding-left:3px;
 float: right;
 /*border:1px solid ThreeDShadow; */

}

#cttPhoto
{
 padding:2px;
 background:white;
}


#cttPhotoMenu
{
  text-align:right;
}

/* CSS for Details area of the VE pop up */

.dtlDiv
{
}

.dtlTitle
{
 font-weight:bold;
 color:#4d5aaf;
}

.dtlValue
{
}

#cttSumBottom
{
  clear:both; 
}

#cttCreatedBy
{
 
 float:right;
 padding-top:23px;
 color:ThreeDShadow;
}

.displayPopUp { font-size:110%;}

.tinyPic
{
 height:15px;
 vertical-align:middle;
 margin-left:3px;
 border:0px;
}

.mbrLink
{
    text-decoration:none;
    color: #a16d5d;
  
}

.mbrThumbnail
{
    border:0px;
  
}

#cttTopMenu
{
 height:24px; /* this ensures that cttSum corners are rounded properly at the bottom even if empty */
 padding-top:10px;
 padding-bottom:3px;
}

#cttTopMenu ul
{
list-style-type:none;margin:0;padding:0
}
#cttTopMenu ul li
{
    margin-top:2px;
}

#bookmarkLink
{
}



/* CSS for Reviews area of the VE pop up */

.cmtLine
{
 height:1px;
 color:#E7F1F8;
 clear:both;
}

#cttCmt
{
 clear:both;
 padding-top:8px;
}

#cttCmtHdr
{
 font-weight:bold;
 font-size: 115%;
 color:#6373B5; 
 padding-left:5px;   
 padding-top:3px;
 float:left;
}

#cttReviews
{
    /*height:300px;
    overflow:auto;*/
}


.PrayerAnsweredDiv
{
    color: #e6b422;font-size: 120% ; font-weight:bold;
    margin-left: 120px;
    padding-top: 2px; 
}

.cttReview
{
 clear:both;
}

.cttReviewFind
{
     clear:both;margin-top:5px;
}

.mbrBit
{
 padding-top:2px;
 float:left;   
 /*height:40px;*/
 width: 44px;  
 overflow:hidden;
 color:#a16d5d;
 font-size:90%;
 text-align:center;
}

.rvwBlock
{
  width:339px;  
  filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#fff8dc', startColorstr='#FFFFF0', gradientType='0');
  background-color:#fffff0;/*#ffffe0;/*#fbfaf5;/*#F7FFCE; #FFFFC6; */
  padding: 2px 6px 6px 6px;
}

.rvwBlockFind
{
   width:215px;  
  margin-right:3px; 
  filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#fff8dc', startColorstr='#FFFFF0', gradientType='0');
  /*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#fff5ee', startColorstr='#fffafa', gradientType='0');*/
  background-color:#fffff0;/*#ffffe0; /*#fbfaf5;/*#F7FFCE; #FFFFC6; */
  padding: 2px 6px 6px 6px;
}

.rvwBlockFindUsr
{
  width:400px;  
  margin-top: 5px;
  filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#fff8dc', startColorstr='#FFFFF0', gradientType='0');
  /*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#fff5ee', startColorstr='#fffafa', gradientType='0');*/
  background-color:#fffff0;/*#ffffe0; /*#fbfaf5;/*#F7FFCE; #FFFFC6; */
  padding: 2px 6px 6px 6px;
}

.rvwBlockFind1   /* need this again with width so gradient effect works in MyMap prayer response tab   */
{
  width:373px;  
  margin-right:3px; 
  filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#fff8dc', startColorstr='#FFFFF0', gradientType='0');
  /*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#fff5ee', startColorstr='#fffafa', gradientType='0');*/
  background-color:#fffff0;/*#ffffe0; /*#fbfaf5;/*#F7FFCE; #FFFFC6; */
  padding: 2px 6px 6px 6px;
}

.rvwTitle
{
  color:#4d5aaf;
  font-size: 100%; 
  font-weight:bold;  
  /*padding-left:5px;*/
  padding-right:5px;
}

.rvwRating
{ padding-right: 5px;}

.rvwDesc
{
  /*width:348px; */
  font-family: Verdana, Arial, Sans-Serif;
  overflow:hidden;
  height:26px;
}

.prayerLink {text-decoration:none; color:#666; }

.rvwBlockHdr {height:17px; overflow:hidden;}

.rvwBlockImg {margin-right:5px; border:0px;}

.rvwDate
{
  text-align:right; 
  font-size:90%; 
  color:ThreeDShadow;
}

.reviewPrayBut {width:4em; margin-left:20px; color:white; background-color:#e6b422; padding:2px 2px; text-decoration:none; text-align:center; font-weight:bold; font-size: 110%;}
.reviewPrayBut:hover {background-color:#fcc800;}

#pdReplyBut
{
 padding:5px 5px; color:white; background:#84a2d4; width:4em; text-decoration:none; text-align:center; font-weight:bold; font-size: 110%;
}

#pdReplyBut:hover{background: #FFA826;}