@font-face {
		font-family: contestFont;
		src: local(contestFont), url('/contests/babyphotocontest/assets/css/AlwaysInMyHeart.ttf') format('opentype');
	}
	body,html{margin:0px;padding:0px;background:#EAEAEA;color:#000;}
   #body a{
      color:#000;
   }
   #body{
		max-width:1000px;
		width:100%;
		margin:0px auto;
		display:block;
		font-family:Calibri, Arial, Helvetica, sans-serif;
	}
	#side{
		max-width:190px;
		width:100%;
		margin:0px auto;
		display:inline-block;
		vertical-align:top;
		font-family:Calibri, Arial, Helvetica, sans-serif;
		float:right;
	}
	#mainBody{
		max-width:800px;
		width:100%;
		margin:0px auto;
		display:inline-block;
		vertical-align:top;
		font-family:Calibri, Arial, Helvetica, sans-serif;
	}
	.box{
		margin:10px;
		padding:10px;	
		clear:both;
	}
	.ribbon,.ribbonLinks{
		background:url("/contests/babyphotocontest/assets/ribbon.png");
		line-height: 30px;
		background-size:100% 100%;
		text-align:center;
		color:#FFF;
		font-size:28px;
	}
	.ribbon{
		background: url("/contests/babyphotocontest/assets/ribbon.png") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: Calibri,Arial,Helvetica,sans-serif;
    font-size: 30px;
    margin: 0 auto !important;
    position: relative;
    text-align: center;
    width: 95%;
    /*z-index: 1;*/
    font-weight: bold;
	}
	.ribbon:first-child{
		margin-top:0px;
	}
	.row{
      display:block;
   }
   .row > label > span{
      display:inline-block;
      width:128px;
   }
   .ad{
      margin:10px; 
      text-align:center;
   }
   .belowRibbon{
      margin-top: -25px;
       padding-top: 35px;
   }
   .sponsorAd{margin-bottom: 50px;background: #FFF;text-align: center;}
   #mainBody > div {
      margin-left: 0;
      margin-right: 0;
   }
   .mediaHolder{
      background: none repeat scroll 0 0 #FFFFFF;
      margin-left: 0;
      margin-right: 0;
      min-height: 576px;
   }
   .coverPhoto-container{
      min-height: 0;
   }
   .clear-class{display: block;clear: both;}

   .formHolder{
      background: #F5F5F5;
      border: 1px solid #DEDEDE;
      border-radius: 5px;
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      display:block;
   }
   
   .stepsHolder > div{text-align: center;padding: 10px !important;cursor: pointer;}
   .formHolder > div{padding: 20px 10px 0;}
   .formHolder > div:last-child{padding: 20px 10px 10px;}
   .formHolder .contest-errors{display: block;padding: 0 10px;color: #B70E8D;padding-left: 5px;}
   .formHolder input,.formHolder select,.formHolder option{
      display: block;
      width: 100%;
      height: 50px;
      border: 1px solid #DEDEDE;
      background: #FFF;
      border-radius: 3px;
      line-height: normal;
      font-size: 16px;
      padding: 8px;
   }
   .formTitle {
      font-size: 22px;
   }
   .descCount {
      color: #9F9F9F;
      font-weight: bold;
      height: 20px;
      text-align: right;
   }
   .formHolder .contest-calender{
      background-image: url(/contests/babyphotocontest/assets/calender-icon.png);
      background-position:right 10px center;
      background-repeat: no-repeat;
      background-size: 28px auto;
   }
   .formHolder .action-btn, .regBannerHolder .participateBtn{
      background: none repeat scroll 0 0 #b70e8d;
      border-radius: 3px;
      color: #FFFFFF;
      padding: 6px 12px;
      vertical-align: middle;
      font-style: italic;
      font-size: 22px;
      cursor: pointer;
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
      font-weight: bold;
   }
   .formHolder .action-btn:hover{
      text-decoration: underline;
   }
   .stepsHolder{
      border-bottom: 4px solid #b70e8d;
      margin-bottom: 10px;
      display: none;
      font-size: 18px;
   }
   .step-tab{
      display: inline-block;
      vertical-align: bottom;
      background: #c9dd0a;
      padding: 10px;
      border-radius: 10px 10px 0 0;
      color: #000;
      font-weight: bold;
      cursor: pointer;
   }
   .col-1-2.form-tab{
      padding: 2px;
      display: inline-block;
      vertical-align: bottom;
   }
   .col-1-2.form-tab > div {
      background: none repeat scroll 0 0 #EAEAEA;
      border-radius: 10px;
      color: #000000;
      font-size: 20px;
      font-weight: bold;
      padding: 20px 10px;
      text-align: center;
   }
   .col-1-2.form-tab > div img{
      max-width: 100%;
      border-radius: 4px;
      margin-top: 8px;
      opacity: 1;
   }
   .col-1-2.form-tab > div img:hover{
      opacity: 0.7;
   }
   .col-1-2.form-tab> div:hover{
      text-decoration: underline;
   }
   .col-1-2.signup-tab> div:hover{
      text-decoration: none;
   }
   .step-selected{
      background: #b70e8d;
      color: #FFF;
      font-size: 22px;
   }
   .regWithHolder {text-align: center;margin-bottom: 10px;display: none;}
   .regWithHolder .col-1-2.form-tab > div img{cursor: pointer;margin-top: 0px;}
   .regWithEmail-form{display: none;}
   .img-selector-btn{
   background: none repeat scroll 0 0 #AE0062;
   border: medium none;
   color: #FFFFFF;
   cursor: pointer;
   font-size: 20px;
   vertical-align: middle;
   padding: 2px 10px;
   height: 100%;
   
 background-color: #D9007A; background-image: -webkit-gradient(linear, left top, left bottom, from(#D9007A), to(#AE0062));
 background-image: -webkit-linear-gradient(top, #D9007A, #AE0062);
 background-image: -moz-linear-gradient(top, #D9007A, #AE0062);
 background-image: -ms-linear-gradient(top, #D9007A, #AE0062);
 background-image: -o-linear-gradient(top, #D9007A, #AE0062);
 background-image: linear-gradient(to bottom, #D9007A, #AE0062);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D9007A, endColorstr=#AE0062);
}
.select-file-holder:hover .img-selector-btn, .img-selector-btn:hover{
   background-color: #a6005d; background-image: -webkit-gradient(linear, left top, left bottom, from(#a6005d), to(#7b0045));
 background-image: -webkit-linear-gradient(top, #a6005d, #7b0045);
 background-image: -moz-linear-gradient(top, #a6005d, #7b0045);
 background-image: -ms-linear-gradient(top, #a6005d, #7b0045);
 background-image: -o-linear-gradient(top, #a6005d, #7b0045);
 background-image: linear-gradient(to bottom, #a6005d, #7b0045);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a6005d, endColorstr=#7b0045);
}
.select-img-url{
   display:inline-block;
   width:170px;
   max-width: calc(100% - 180px);
   overflow: hidden;
   vertical-align: middle;
}
.select-file-holder{
   margin: 10px;
   border:1px solid #333;
   /*display: inline-block;*/
   vertical-align: middle;
   cursor: pointer;
   text-align: left;
   height: 33px;
   overflow: hidden;
   max-height: 34px;
}
.regBannerHolder, .regBannerImgHolder{
   margin-bottom: 10px;
}
.regBannerImgHolder img{
   width: 100%;
}
.regBannerHolder .regPara {
   color: #B70E8D;
   font-size: 24px;
   font-weight: bold;
   padding: 20px 10px;
   padding-top: 0;
   text-align: center;
}
.regBannerHolder .reg123 > .col-1-3{
   padding: 0 10px;
   display: inline-block;
   vertical-align: middle;
}
.regBannerHolder .reg-circle-desc, .regBannerHolder .reg-circle{
   display: inline-block;
   vertical-align: middle;
   line-height:20px;
   font-size: 18px;
   cursor: pointer;
}
.regBannerHolder .reg-circle {
    border-radius: 28px;
    color: #FFFFFF;
    font-size: 38px;
    height: 55px;
    line-height: 52px;
    text-align: center;
    width: 55px;
}
.regBannerHolder .reg-circle-desc {
    margin-left: 10px;
    text-align: left;
    width: calc(100% - 82px);
    font-size: 20px;
    font-weight: bold;
    color: #525252;
}
.regBannerHolder .reg123 > .col-1-3:hover .reg-circle{
   background: #000 !important;
}
.regBannerHolder .reg123 > .col-1-3:hover .reg-circle-desc{
   color: #B70E8D;
}
.regBannerHolder .participateBtn{
   background: none repeat scroll 0 0 #353535;
    border: 4px solid;
    border-radius: 44px;
    box-shadow: 6px 6px 3px #999;
    display: block;
    font-style: normal;
    margin: 22px auto 0;
}
.regBannerHolder .participateBtn:hover{
   background: none repeat scroll 0 0 #B70E8D;
}
.participateBtn-holder {
    border-bottom: 1px solid #333333;
    margin: 0 auto 10px;
    padding-bottom: 20px;
    width: 88%;
}
.tabHolder{
    display: none;
}
.tabHolder, .regWithHolder {
   display: none;
}
.regDetails {
   font-size: 20px;
   line-height: 40px;
   margin: 0 auto;
   max-width: 590px;
   width: 100%;
}
.regDetails i {
    border-color: rgba(0, 0, 0, 0) #B70E8D;
    border-style: solid;
    border-width: 8px 0 8px 15px;
    content: "";
    display: inline-block;
    width: 0;
    margin-right: 8px;
}
.regDetails .color-1 i {
   border-color: rgba(0, 0, 0, 0) #00c99b;
}
.regDetails .color-2 i {
   border-color: rgba(0, 0, 0, 0) #ff4a39;
}
.regDetails .color-3 i {
   border-color: rgba(0, 0, 0, 0) #a7b900;
}
.reg123 {
    margin: 0 auto;
    text-align: center;
    max-width: 760px;
    width: 100%;
}

.regPara-1{
   font-weight: bold;
   font-size: 20px;
   margin-bottom: 10px;
   color: #B70E8D;
   text-align: left;
}
.fb-recommend{
   font-size: 14px;
   text-decoration: none;
   text-align: left;
   max-width: 300px;
   margin: 5px auto 0;
    text-align: right;
}
.fb-recommend-trigger{
   position: relative;
}
.fb-recommend-popup {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 8px 10px #333;
    left: -12px;
    min-width: 300px;
    padding: 8px;
    position: absolute;
    top: 25px;
    display: none;
    text-align: left;
}
.fb-recommend-popup:before {
    border-bottom: 15px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-right: 11px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 7px;
    position: absolute;
    top: -15px;
}
.fb-recommend-popup:after {
    border-bottom: 12px solid #ffffff;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -12px;
}
@media(max-width: 767px) {
   .formHolder .col-1-2{
      padding: 0px;
   }
   .bDaySide{display: none;}

}
@media(min-width: 767px) {
   .tabHolder {
      min-height: 285px;
   }
   .regWithHolder {
      min-height: 274px;
   }
   .regBannerHolder {
      min-height: 326px;
   }
}
      
/*css for lightbox start here  */
.web_dialog_overlay,.web_dialog_overlay1
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    z-index: 999;
    display: none;
}
.dialog-inner{
	background: #EAEAEA;
	border: 25px solid #FFF;;
	/*height:100%;*/
	-moz-box-shadow:   3px 5px 20px 6px #222;
   -webkit-box-shadow: 3px 5px 20px 6px #222;
   /*box-shadow: 3px 5px 20px 6px #222;*/
   border-top: 0px;
	overflow-y:auto;
   border-color: #EAEAEA;
}
.web_dialog2,.web_dialog1
{
    display: none;
    position: fixed;
    width: 520px;
    height: auto;
    top: 10%;
    left:28%;
    overflow: auto;
    /*margin-top: -100px;
    padding: 5px;*/
    z-index: 999;
    font-family: Verdana;
    font-size: 10pt;
    box-shadow: 3px 5px 20px 6px #222;  
}
.web_dialog_title,.web_dialog_title1
{
    border-bottom: solid 5px #6D84B4;
    background-color: #6D84B4;
    padding: 5px;
    color: White;
    font-weight:bold;
    font-size:20px;
}
.web_dialog_title a
{
    color: White;
    text-decoration: none;
    font-size:20px;
    font-weight:bold;
}
.scrollbar{
	max-width:100%;
	padding:0px;
	text-align:center;
}
.web_dialog_title_bar{
   background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 20px; padding: 10px;
}
.web_dialog_title_bar span {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}
.web_dialog_title_bar a{
   cursor: pointer;
    display: inline-block;
    font-size: 25px;
    height: 25px;
    text-align: right;
    text-decoration: none;
    vertical-align: top;
    width: 10%;
}
/*css for lightbox end here */
/*css for crop tool end here */

.cropFrame {
	overflow : hidden;
	position : relative;
    display: inline-block;
}

.cropImage {
	position : absolute;
	top      : 0;
	left     : 0;
	cursor   : move;
	max-width: none;
}

.cropControls {
	background : #000;
	width      : 100%;
	/*height     : 26px;*/
	position   : absolute;
	z-index    : 100;
	top     : 0;
	left       : 0;
	opacity    : 0;
	filter     : alpha(opacity=0);
	transition : opacity .25s linear;
	-moz-transition    : opacity .25s linear;
	-webkit-transition : opacity .25s linear;
    t-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	text-align:center;
}

.cropFrame.hover .cropControls {
	opacity    : .75;
	filter     : alpha(opacity=75);
}

.cropControls span {
	display   : block;
	float     : left;
	color     : #fff;
	font-size : 12px;
	margin    : 7px 0 0 5px;
   font-weight: bold;
}

.cropZoomIn,
.cropZoomOut {
	display         : inline-block;
	margin          : 4px;
   padding: 0 5px;
	background      : #fff;
   border: 1px solid #000;
	color           : #000;
	border-radius   : 4px;
	/*width           : 18px;
	height          : 20px;*/
	font-family: calibri;
   font-size: 17px;
   font-weight: bold;
	text-align      : center;
	text-decoration : none;
	cursor          : pointer;
	/* IE SUCKS */
	zoom            : expression(this.runtimeStyle.zoom = "1", this.appendChild( document.createElement("b") ).className = "after")\9;
}

.cropZoomIn::after,
.cropZoomIn .after {
	content : "Zoom In +";
	display : block;
}

.cropZoomOut::after,
.cropZoomOut .after {
	content        : "Zoom Out -";
	display        : block;
}

#viewport,#editViewport{
	/*height: 198px;*/
    overflow: hidden;
    /*position: absolute;
    width: 358px;*/
    z-index: 1;
	/*background:red;*/
	display:none;
}
#cropbox,#editCropbox{
    left: 0px;
    position: relative;
    top: 0px;
    /*width: 498px;*/
    z-index: auto
}
#viewportHolder, #editViewportHolder{
	position:relative;
	/*height:300px;*/
}
.crop-img-container{clear:both;display:block;max-width:500px;width:100%;margin:0px auto;}
.crop-img-container-for-big{max-width:350px;}
/*css for crop tool end here */

.addPhoto{
		background:#e2e2e2;
		border:2px dashed #bbbbbb;
		border-radius:5px;
		width:100%;
		position:relative;
		cursor:pointer;
		max-width:375px;
		margin:0px auto;
	}
   .addPhoto-small{
		background:#e2e2e2;
		border:2px dashed #bbbbbb;
		border-radius:5px;
		height:196px;
		position:relative;
		cursor:pointer;
		max-width:171px;
		margin:0px auto;
	}
   .addPhoto-cover{
		background:#e2e2e2;
		border:2px dashed #bbbbbb;
		border-radius:5px;
		position:relative;
		cursor:pointer;
		margin:0px auto;
      max-width: 489px;
      max-height: 251px;
      height: 100%;
      width: 100%;
      text-align: center;
      margin: 0 auto;
	}
   .addPhoto:hover, .addPhoto-small:hover, .addPhoto-cover:hover{
      background:#d9d9d9;
		border:2px dashed #888888;
   }
   .addPhoto-small .imgDiv{
		margin-top: 4em;
      text-align: center;
	}
   .addPhoto .imgDiv, .coverPhoto-holder .imgDiv{
    left: 40%;
    position: absolute;
    text-align: center;
    top: 40%;
    z-index: 1;
}
.coverPhoto-holder .imgDiv{
    left: 44%;
}
.coverPhoto-holder{
   margin: 10px;
}
.imguploaderholder .col-6-12 {
    padding: 0 10px !important;
}
.imgUploaderHolder{display: none;}
.err-summary{
   color: #B70E8D;
   text-align: center;
}
#backDrop{
   display: none;
   opacity: 0.6;
   background: #000;
   width: 100%;
   height: 100%;
   position: fixed;
   top:0;
   left: 0;
   z-index: 100;
}
.aboveBackDrop{
   z-index: 101;
}