@charset "utf-8";
/* CSS Document */
@import url('push.css');
@import url('fonts.css');

* {margin:0; padding:0; outline:0;}
* :focus {outline: none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
html, body{width: 100%; height: 100%; margin: 0; word-wrap: break-word;}
html {font-size: 100%; overflow-y: auto; overflow-x:hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; webkit-font-smoothing: antialiased;}
body{background:url(../images/bg1.jpg) no-repeat center center fixed !important; background-size: cover !important; font-size:12px; hasLayout:true; color:#000; text-shadow: 0 1px 0 #fff;}
/*body{background:#fcfcfc url(../images/home-bg.jpg) no-repeat center center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; hasLayout:true; color:#000; text-shadow: 0 1px 0 #fff;}*/

body a{text-decoration: none;  -webkit-transition: all .3s ease;  -moz-transition: all .3s ease;  -o-transition: all .3s ease;  transition: all .3s ease;}
body:before {content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px;  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,.5); -ms-box-shadow: 0 0 10px rgba(0,0,0,.5); -o-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5);  z-index: 100;}

/*for the login form*/
input[type="text"].login-ctrl, input[type="password"].password-ctrl{height:33px; width:87%; background:none; border:none; border-bottom:1px solid #a9a9aa; margin-bottom: 20px; padding-left:30px; box-shadow:none;}
input[type="text"]:hover.login-ctrl, input[type="text"]:active.login-ctrl, input[type="password"]:hover.password-ctrl, input[type="password"]:active.password-ctrl{border-bottom:1px solid #0099cc; }

.adj-login-icon{position: absolute; margin-top: 10px; margin-left: 4px; border-right: 2px solid #797979; padding-right: 5px;}
.adj-password-icon{position: absolute; margin-top: 66px; margin-left: 4px; border-right: 2px solid #797979; padding-right: 5px; float:left; left:0;}

.bgwhite{background:#fff;}

.borderbottom{border-bottom:1px solid #efefef;}
.bordertop{border-top:1px solid #efefef;}
.seperate{border-bottom:2px solid #dddddd;}
.widthfull{width:100%;}
.fl{float:left;}


.loginBtn{background:#da1c23; width:108px !important; height:30px !important; border:none; color:#fff}
.noborderound{border-radius:0 !important;}
form{margin: 0 0 5px !important;}
.borderTop5{border-top:5px solid #494949;}

h2{font-family: 'CenturyGothicRegular' !important;}
.carousel-control{top:50% !important; border:none !important; font-size:2.5em !important; line-height:33px !important;}
.thumbnailCtrl{height:35px; cursor:pointer}

.date, .eventDate, .eventDate div h2, .monthYear{font-family: 'BebasNeueRegular' !important;}
.date h3, .qod h2{color:#da1c23; font-size:80px;}
.date p{color:#9a9a9a; font-size:20px;}

body, .happybirthday, .congratulation{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
.happybirthday h4, .congratulation h4{color:#333333 !important; font-size:1.2em; font-weight:100;}
.profilePicBirthdayDisplay{width:48px; height:61px; border:1px solid #a2a2a2;}
.happybirthday div p{color:#0e90cc; font-size:0.82em; line-height:100%;}
.happybirthday div p span, .congratulation p, .event p{color:#000;}

.congratulation h4{background:#da1c23; text-shadow:none !important; color:#fff !important; padding:5px 10px; font-size:1.1em !important;}
.congratulation > div > div > p {font-size:0.86em; line-height: 130%;}
.congratulation p span{color:#da1c23 !important; font-weight:700;}
.congratulation p img{width:100%; height:108px;}
/*.congratulation p:nth-child(3), .congratulation p:nth-child(4){font-size:0.9em;}*/
.lightcolortxt{color:#6d6d6d !important;}
.italic{font-style:italic;}
.reduceFont{font-size:1.5em !important;}

.ashBg{background:#f3f3f3;}
.announcement h2, .event h2{font-weight:100;}
.event h2{color:#a2a2a2 !important;}
.event > div > p > strong{color:#616161;}
.event > div > p, .annTxt{color:#676767; font-size:0.9em; line-height:130%;}

.eventDate div h2{background:#da1c23; color:#fff; text-shadow:none; text-align:center; font-size:60px; padding:10px;}
.monthYear{font-size:22px; text-align:center;}

footer h6{text-align:center; font-size:10px; color:#969595; font-weight:100;}

/*for the error and success message*/
.message{
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		background-size: 40px 40px;			
		background-image: -webkit-gradient(linear, left top, right bottom,
								color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
								color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
								to(transparent));
		background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
								
		 -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);		
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 99%;
		 border: 1px solid;
		 color: #fff;
		 padding: 0 0 5px 10px;
		 text-shadow: none;
		 -webkit-animation: animate-bg 5s linear infinite;
		 -moz-animation: animate-bg 5s linear infinite;
}

.errors{background-color:#db5d5d !important; border-color: #c43d3d; text-align:center; color: #fff !important; left: 0; position: fixed; top: 0; width:100%;}

@-webkit-keyframes animate-bg{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


@-moz-keyframes animate-bg 
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}