/** COMMON MODAL CODE **/

#modalCollectionContainer
{
}

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

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


.newModalContent
{
    position:absolute;
    z-index:1002;
    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;
}

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

.resetPasswordModal .newModalFrame
{
    min-height:100px;
    max-height:100px;
    min-width:330px;
    max-width:330px;
}

/** SPECIFIC MODAL SIZES **/

.exerciseModal .newModalFrame
{
    min-height:400px;
    min-width:300px;
    max-height:600px;
    max-width:756px;
}

.instructionalImagePreviewModal .newModalFrame
{
    min-height:256px;
    max-height:256px;
    min-width:256px;
    max-width:256px;
    padding:0px;
}
.previewPhotoUploadModal .newModalFrame
{
    min-height:250px;
    max-height:250px;
    min-width:350px;
    max-width:350px;
}
.instructionalPhotoUploadModal .newModalFrame
{
    min-height:250px;
    max-height:250px;
    min-width:350px;
    max-width:350px;
}
.videoUploadModal .newModalFrame
{
    min-height:350px;
    max-height:350px;
    min-width:350px;
    max-width:350px;
    padding:0px;
}
.exerciseDetailsModal .newModalFrame
{
    min-height:250px;
    max-height:800px;
    min-width:450px;
    max-width:758px;    
}
.articleDetailsModal .newModalFrame
{
    min-height:250px;
    max-height:800px;
    min-width:450px;
    max-width:758px;    
}
.featurePhotoUploadModal .newModalFrame
{
    min-height:250px;
    max-height:250px;
    min-width:350px;
    max-width:350px;
}
.thumbnailPhotoUploadModal .newModalFrame
{
    min-height:250px;
    max-height:250px;
    min-width:350px;
    max-width:350px;
}
.performancePlanViewMemberModal .newModalFrame
{
    min-height:250px;
    max-height:250px;
    min-width:350px;
    max-width:350px;
}
.memberPerformancePlanListModal .newModalFrame
{
    min-height:400px;
    max-height:400px;
    min-width:600px;
    max-width:600px;
}

/* Modal General Styles */

div#modalContent {
	background: url(/common/images/modalBg.gif) no-repeat;
	background-color: #b9b9b9;
    border: 2px solid #7d9eb5;
	min-height: 676px;
	width: 737px;
	position: relative;
}
div#modalContent h2 {
	padding: 15px 10px 5px 10px;
}
div#modalMasthead {
	background: url(/common/images/ARC-RedefineAthletes-modal-logo.png) no-repeat left top;
	height: 70px;
	width: 345px;
	margin-top: 10px;
	padding: 0;
}
div#modalLeftCol {
	min-height: 448px;
	width: 390px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
div#modalRightCol {
	min-height: 448px;
	width: 347px;
	margin-bottom: 10px;
	padding: 0;
	float: left;
	position: relative;
}
div#exerciseVidBlock {
	height: 235px;
	width: 370px;
	margin-left: 10px;
	padding: 0;
	float: left;
}
div#exerciseImgBlock {
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	height: 269px;
	width: 370px;
	margin: 0 0 0 8px;
	padding: 0;
	float: left;
	overflow-x: scroll;
}
div.modalScrollingImages {
	margin-top: 10px;
}
div#videoTags, div#imageTags {
	width: 350px;
	margin-top: 10px;
	padding: 0 15px 0 15px;
	float: left;
	line-height: 18px;
}
div#imageTags {
	padding: 0 20px 0 20px;
}
span.tagTitle {
	font-weight: bold;
	color: #00389a;
}
div.modalGreenCallout {
	width: 332px;
	margin: 5px 0 0 9px;
	padding: 0;
	float: left;
}
div.modalTop {
	background: url(/common/images/greenCallout_top.png) no-repeat;
	height: 13px;
	width: 332px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div.modalFill {
	background: url(/common/images/greenCallout_fill.png) repeat-y;
	min-height: 25px;
	width: 332px;
	margin: 0;
	padding: 0;
}
div.modalBottom {
	background: url(/common/images/greenCallout_bottom.png) no-repeat;
	height: 13px;
	width: 332px;
	margin: 0;
	padding: 0;
}
span.modalGreenCalloutTitle {
	font-weight: bold;
	font-size: 12px;
	color: #00389a;
	padding-left: 15px;
}
div.modalGreenCallout ul {
	list-style-position: inside;
	list-style-type: disc;
	margin: 5px 0 0 0;
	padding-left: 25px;
}
div.modalGreenCallout ul li {
	line-height: 14px;
}
.floatLeft {
    float:left;
}