/** COMMON MODAL CODE **/

#modalCollectionContainer
{
}

.newModal
{
    position:absolute;
    top:0;
    left:0;
}

.newModal .newModalBackground
{
    background-color:#000000;
    opacity:.30;
    filter: alpha(opacity=30);
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

.newModalContent
{
    position:absolute;
    z-index:2;
    text-align:center;
}

.newModalFrame
{
    overflow-x:auto;
    overflow-y:auto;
    background-color:#ffffff;
    
    /* default sizes*/
    min-height:200px;
    min-width:400px;
    max-height:600px;
    max-width:800px;
}

.newModalButton
{
    margin:10px 0 10px 0;
}

/** SPECIFIC MODAL SIZES **/

/** using a more specific selector than the default .newModalFrame, these sizes will override the default behavior.
    simply set your anchor to have this class in it's rev attribute, and make sure as always that rel="modal":
    
    <a href="myModalContent.html" target="_blank" rel="modal" rev="myModalClass">heres something cool</a>
    
    and in the css:
    
    .myModalClass .newModalFrame
    {
        min-height:100px;
        min-width:100px;
        max-height:200px;
        max-width:200px;
    }
**/

.tellAFriendModal .newModalFrame
{
    min-height:60px;
    min-width:110px;
    max-height:60px;
    max-width:110px;
}

.shareThisVideoEmailModal .newModalFrame
{
    min-width:300px;
    min-height:100px;
    max-width:410px;
    max-height:516px;
}

.signUpWidgetModal .newModalFrame
{
    min-height:200px;
    min-width:415px;
    max-height:600px;
    max-width:435px;
}
.addThisPodcastModal .newModalFrame
{
    min-height:200px;
    min-width:575px;
    max-height:300px;
    max-width:600px;
}
.addThisPodcastModalItunes .newModalFrame
{
    min-height:480px;
    min-width:633px;
    max-height:480px;
    max-width:633px;
}
.shareThisPodcastModal .newModalFrame
{
    min-height:300px;
    min-width:575px;
    max-height:600px;
    max-width:600px;
}

/********* MODAL PREVIEWS ***********/
.signUpPreviewImage .newModalFrame
{
    min-height:200px;
    min-width:415px;
    max-height:520px;
    max-width:645px;
}

.modalInner {
	position: relative;
	padding: 20px 20px 20px 20px;
}
.modalIconContainer {
	border-bottom: 1px dotted #003876;
	width: 100%;
	height: 25px;
}
.modalInner h1 {
	float: left;
	border: 0 none;
}
.emailPrev {
	float: left;
	margin: 0;
	padding: 0 20px 0 150px;
}
.emailPrev a {
	text-decoration: none;
}
.modalSubmitBtn {
	float: left;
}
.modalSubmitBtn input {
	margin: 0;
}

/* Podcast Subscribe Icons */
.podcast_sprite2 {
	background: url(/common/images/podcast_library/icons_sprite.gif);
	margin: 0;
	padding: 0;
	border: 0 none;
}
.subIcons {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	cursor: hand;
}
.podcastRss, .podcastItunes, .podcastYahoo, .podcastGoogle, .podcastTellAFriend {
	float: left;
}
.podcastRss {
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.podcastItunes {
	background-repeat: no-repeat;
	background-position: -21px 0px;
}
.podcastYahoo {
	background-repeat: no-repeat;
	background-position: -42px 0px;
}
.podcastGoogle {
	background-repeat: no-repeat;
	background-position: -63px 0px;
}
.podcastTellAFriend {
	background-repeat: no-repeat;
	background-position: -84px 0px;
}
.subLinkText {
	float: left;
	width: 350px;
	padding: 2px 20px 0 0;
}

.sharePodcastEmailPreview .newModalFrame
{
    min-height:200px;
    min-width:415px;
    max-height:455px;
    max-width:615px;
}



.sampleSurveyModal .newModalFrame
{
    min-height:516px;
    min-width:606px;
    max-height:516px;
    max-width:606px;
}