@charset "utf-8";

/* CSS Document */



*html, body { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



* {

	margin: 0;

	padding: 0;

}

body { background:#01062e url(../images/bground.jpg) repeat-y; }



/* breaks pop ups -- will fix



#wrapper { width:1056px; margin:20px auto; }



*/

/*coming soon*/

#container_comingsoon { width:992px; height:602px; margin:0px auto; background:url(../images/bground_comingsoon.jpg) no-repeat; }



#content_comingsoon { width:370px; height:330px; padding:180px 0px 0px 470px; }

#content_comingsoon .txt { padding-top:70px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px;}

#content_comingsoon .img_btn { padding-top:20px; text-align:center; }





/*splash*/

#container_splash { width:992px; height:602px; margin:0px auto; background:url(../images/bground_splash.jpg) no-repeat; }



#content_signin { position:relative; float:left; width:350px; height:330px; padding:180px 0px 0px 170px; }

#content_signin .txt { padding-top:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px;}

#content_signin .img_btn { position:relative; float:left; width:100px; padding:5px 0px 0px 20px; text-align:right; }

#content_signin .forpwd { position:relative; float:left; width:100px; padding:20px 0px 0px 100px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#eba814; }

#content_signin .forpwd a { color:#eba814; }

#content_signin .forpwd a:hover { color:#eba814; text-decoration:none; }



.signin { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px; font-weight:bold; color:#fff; padding:10px 0px 6px 115px; }

.username { position: relative; float:left; width:272px; padding-top:2px; }

.password { position: relative; float:left; width:272px; padding-top:12px; ?padding-top:5px; padding-bottom:10px; }

#error { position: relative; float:left; width:350px; padding:0px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff; text-align:center; }	

#error a { color:#fff; }	

#error a:hover { color:#fff; text-decoration:none; }	



#container_splash_error { width:992px; height:602px; margin:0px auto; background:url(../images/bground_splash_error.jpg) no-repeat; }



#content_splash { position:relative; float:left; width:300px; height:280px; padding:230px 0px 0px 50px; _padding:230px 0px 0px 0px; }

#content_splash .txt { padding-top:70px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px;}

#content_splash .img_btn { padding-top:20px; padding-left:150px; text-align:center; }





/*sign in downlockables*/

#container_signin { width:992px; height:602px; margin:0px auto; background:url(../images/bground_downlockables.jpg) no-repeat; }





/*claim form*/

#container_cform{ width:992px; height:602px; margin:0px auto; background:url(../images/bground_claimform.jpg) no-repeat; }

#container_cform_emailerror{ width:992px; height:602px; margin:0px auto; background:url(../images/bground_claimform_emailerror.jpg) no-repeat; }



#content_cform { width:720px; position:relative; float:left; height:350px; padding:160px 0px 0px 170px; }

#content_cform .txt { padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; text-align:center; }

#content_cform .error_txt { padding:10px 0px 0px 330px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff; text-align:center; }

#content_cform .img_btn { clear:both; padding:0px 0px 0px 600px; text-align:center; }

.cflogin { position: relative; float:left; width:410px; height:25px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px; font-weight:bold; 

color:#fff; padding:0px 0px 1px 441px;  }

.cffield { position: relative; float:left; width:272px; padding-top:0px; }

#cfield { position: relative; float:left; width:150px; padding-top:5px; }

#sfield { position: relative; float:left; width:80px; padding:5px 0px 5px 25px; }

.zipfield { position: relative; float:left; width:272px; padding-top:5px; _padding-top:0px; }

#error_cf { position: relative; float:left; width:360px; padding:2px 0px 0px 361px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff; }	

img { border:0px; }





/*registration page*/

#container_reg { width:992px; height:602px; margin:0px auto; background:url(../images/bground_reg.jpg) no-repeat; }



#content_reg { position:relative; float:left; width:430px; height:330px; padding:170px 0px 0px 170px; }

#content_reg .txt { padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; text-align:center; }

#content_reg .img_btn {position:relative; float:right; padding:10px 20px 0px 0px; text-align:center; }



#content_regsm { position:relative; float:left; width:230px; height:60px; padding:355px 0px 0px 50px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#2b1a0a; line-height:16px; letter-spacing:0px;  }

.login { position: relative; float:left; width:272px; height:25px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px; font-weight:bold; color:#fff; padding:0px 0px 5px 140px; }

.field { position: relative; float:left; width:272px; padding-top:0px; }



#inputfields { margin-top:20px; }



.input { width:225px; height:18px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.inputerror { width:225px; height:20px; background-color:#ffd9d9; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.inputsignin { width:190px; height:18px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.inputsigninerror { width:190px; height:20px; background-color:#ffd9d9; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }



ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }



/*registration page error*/

#container_regerorr { width:992px; height:602px; margin:0px auto; background:url(../images/bground_regallerrors.jpg) no-repeat; }

.error_txt { position:relative; float:left; padding:20px 0px 0px 60px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff; text-align:center; }

#container_regerorr_login { width:992px; height:602px; margin:0px auto; background:url(../images/bground_reglogerror.jpg) no-repeat; }

#container_regerorr_pwd { width:992px; height:602px; margin:0px auto; background:url(../images/bground_regpincasserror.jpg) no-repeat; }

#container_regerorr_pwd1 { width:992px; height:602px; margin:0px auto; background:url(../images/bground_regpasserror.jpg) no-repeat; }





/*Splash*/

#container_code { width:992px; height:602px; margin:0px auto; background:url(../images/bground_accesscode.jpg) no-repeat; }

#content_code { width:400px; height:330px; padding:180px 0px 0px 270px; }

#content_code .txt { padding-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:16px; }

#content_code .access { position:relative; float:left; width:240px; padding:52px 0px 0px 48px; }

#content_code .img_btn {position:relative; float:left; width:110px; padding-top:30px; }



#content_code .links { padding-top:20px; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#eba814; font-weight:bold; text-align:center; }

#content_code .links a {color:#eba814; font-weight:bold; text-decoration:underline; }

#content_code .links a:hover {color:#eba814; font-weight:bold; text-decoration:none; }



#container_code_error { width:992px; height:602px; margin:0px auto; background:url(../images/bground_accesscode_error.jpg) no-repeat; }

.code_error_txt { padding:10px 0px 0px 50px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff; }





/*already played*/

#container_alreadyplayed { width:992px; height:602px; margin:0px auto; background:url(../images/bground_alreadyplayed.jpg) no-repeat; }



#content_alreadyplayed { width:370px; height:350px; padding:150px 0px 0px 200px; }

#content_alreadyplayed .txt { padding-top:70px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px;}

#content_alreadyplayed .img_btn { padding-top:20px; text-align:center; }





/*game*/

#container_game { width:992px; height:602px; margin:0px auto; background:url(../images/bground_game.jpg) no-repeat; }



#content_game { width:670px; height:360px; padding:150px 0px 0px 280px; }

#content_game .txt { position:relative; float:left; width:300px; padding:85px 0px 0px 220px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px; }

#content_game .img_btn { position:relative; float:left; padding-top:25px; text-align:center; }



#container_loser { width:992px; height:602px; margin:0px auto; background:url(../images/bground_nonwin.jpg) no-repeat; }



#content_loser { width:570px; height:360px; padding:150px 0px 0px 150px; }

#content_loser .txt { position:relative; float:left; padding:30px 0px 0px 150px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px; }

#content_loser .img_btn { position:relative; float:left; padding:0px 0px 0px 200px; text-align:center; }

#content_loser .text { position:relative; float:left; padding:15px 0px 0px 100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px; }



#auth { padding:10px 0px 0px 100px; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#e5de85; font-weight:bold; text-align:center; }





/*coming soon*/

#container_prize { width:992px; height:602px; margin:0px auto; background:url(../images/bground_grandprize.jpg) no-repeat; }

#container_prizef { width:992px; height:602px; margin:0px auto; background:url(../images/bground_firstprize.jpg) no-repeat; }

#container_prizes { width:992px; height:602px; margin:0px auto; background:url(../images/bground_secprize.jpg) no-repeat; }



#content_prize{ width:420px; height:380px; padding:130px 0px 0px 470px; }

#content_prize .txt { padding-top:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#2b1a0a; text-align:center; line-height:13px;}

#content_prize .img_btn { padding-top:10px; text-align:center; }

#content_prize .auth { padding-top:0px; color:#e5de85; font-weight:bold; }





/*success*/

#container_success { width:992px; height:602px; margin:0px auto; background:url(../images/bground_success.jpg) no-repeat; }



#content_success { width:570px; height:330px; padding:180px 0px 0px 390px; }

#content_success .txt { padding-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px;}

#content_success .img_btn { padding-top:20px; text-align:center; }





/*over*/

#container_over { width:992px; height:602px; margin:0px auto; background:url(../images/bground_over.jpg) no-repeat; }



#content_over { width:370px; height:330px; padding:180px 0px 0px 490px; }

#content_over .txt { padding-top:120px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2b1a0a; font-weight:bold; text-align:center; line-height:15px;}

#content_over .img_btn { padding-top:20px; text-align:center; }





/*footer*/

#fotter { width:992px;  height:90px; clear:both; }

#fotter_left { width:280px; position:relative; float:left; padding:10px 0px 0px 70px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#dbe1ff; }

#fotter_left a { font-size:10px; color:#dbe1ff; text-decoration:none; }

#fotter_left a:hover { font-size:10px; color:#dbe1ff; text-decoration:underline; }

#fotter_right { width:300px; position:relative; float:left; padding-top:10px; padding-left:275px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#dbe1ff; 

text-align:right; }



#bottom { width:992px; height:80px; clear:both;  margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#124ca8; }

#bottom_imgleft { width:75px; position:relative; float:left; padding:10px 0px 0px 120px; }

#bottom_txt { width:450px;  position:relative; float:left; padding:20px 50px 0px 50px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#124ca8; text-align:center; }

#bottom_txt a { font-size:12px; color:#124ca8; text-decoration:none; }

#bottom_txt a:hover { font-size:12px; color:#124ca8; text-decoration:underline; }

#bottom_imgright { width:100px; position:relative; float:left; padding:10px 100px 0px 0px; }



/* END - MARIJA STYLES */







/* START- SEAN STYLES */



body#icons, body#sounds, body#wallpapers, body#video {

	height: auto;

	padding: 0;

}







.clear { 

	clear: both; 

	}





div.promotionsTag {

	display: none; 

}	



body#splash {

background: #01062E url(../images/bground.jpg) repeat-y scroll 0 0;

}



body#splash * {

	text-align: center;

	margin:0 auto;

}

/*START - SOUNDS PAGE STYLES*/







body#sounds div#container {

	width:537px;

	height:360px;

	background: url('../images/sounds_bg.jpg') no-repeat;

	margin: 0 auto -20px;

}



body#icons div#container {

	width:537px;

	height:360px;

	background: url('../images/icons_bg.jpg') no-repeat;

	margin: 0 auto -20px;

}



body#wallpapers div#container {

	width:537px;

	height:360px;

	background: url('../images/wallpapers_bg.jpg') no-repeat;

	margin: 0 auto -20px;

}





body#sounds div#wrapper, body#icons div#wrapper, body#wallpapers div#wrapper {

	height:100%;

	width:100%;

}



#closeWin {

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	color:#ffffff;

	line-height: 1;

	position:relative;

	left:440px;

	top:25px;

	display: block;

	width: 60px;

	height: 1.3em;

	text-decoration: none;

} 





/* BUNNIES - SOUNDS PAGE*/

body#sounds #bunnies {

	width:480px;

	padding-top:165px;

	margin-left: 50px;

	height:150px;

	}



body#sounds #bunnies a {

	text-align: center;

	font-weight: bold;

	font-family: Verdana, Arial, sans-serif;

	font-size: 9px;

	color:#ffffff;

	width: 100px;

	padding-top: 100px;

	display: block;

	}



#bunny1 {

	background: url(../images/sounds_bunny1.png) no-repeat !important;

	background-image: none;

	float: left;

	width: 105px;

	margin-right: 8px;

	}



#bunny2 {

	background: url(../images/sounds_bunny2.png) no-repeat !important;

	background-image: none;

	float: left;

	width: 105px;

	margin-right: 8px;

	}



#bunny3 {

	background: url(../images/sounds_bunny3.png) no-repeat !important;

	background-image: none;

	float: left;

	width: 105px;

	margin-right: 8px;

	}



#bunny4 {

	background: url(../images/sounds_bunny4.png) no-repeat !important;

	background-image: none;

	float: left;

	width: 105px;

	margin-right: 0;

	}

	

*html #bunny1 {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kraft.promotions.com/ravingrabbids/images/sounds_bunny1.png"); 

	width:100px; 

	}

	

*html #bunny2 {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kraft.promotions.com/ravingrabbids/images/sounds_bunny2.png"); 

	width:100px; 

	}

	

*html #bunny3 {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kraft.promotions.com/ravingrabbids/images/sounds_bunny3.png"); 

	width:100px; 

	}

	

*html #bunny4 {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kraft.promotions.com/ravingrabbids/images/sounds_bunny4.png"); 

	width:100px; 

	}

	

#bunny1 *, #bunny2 *, #bunny3 *, #bunny4 *, #wallpaper1 *, #wallpaper2 *, #wallpaper3 * {

	position: relative;

	}



#instructionsLink {

	/*link to instructions pop up*/

	font-weight: bold;

	font-family: Verdana, Arial, sans-serif;

	font-size: 9px;

	color:#ffffff;	

	clear:both;

	float:right;

	margin: 12px 27px 0 0;	

	position: relative;

}



body#icons #instructionsLink {

	/*link to instructions pop up*/

	font-weight: bold;

	font-family: Verdana, Arial, sans-serif;

	font-size: 9px;

	color:#ffffff;	

	clear:both;

	float:right;

	margin: 58px 27px 0 0;	

	}

	

/*END - SOUNDS PAGE STYLES*/





/* START - ICON CONTENT STYLES */	



#iconContainer {

	width:460px;

	padding-top:165px;

	margin-left: 75px;

	height:100px;

	}



#iconContainer div {

	margin-right: 42px;

}	

	

#iconContainer a {

	text-align: center;

	font-weight: bold;

	font-family: Verdana, Arial, sans-serif;

	font-size: 9px;

	color:#ffffff;

	width: 100px;

	padding-top: 65px;

	display: block;

	}



	





#icon1 {

	background: url(../images/icon1.jpg) no-repeat center center;

	float: left;

	width: 100px;

	text-align: center;

	}



#icon2 {

	background: url(../images/icon2.jpg) no-repeat center center;

	float: left;

	width: 100px;

	text-align: center;

	}



#icon3 {

	background: url(../images/icon3.jpg) no-repeat center center;

	float: left;

	width: 100px;

	text-align: center;

	}

	

/* END - ICON CONTENT STYLES */		







/* START - WALLPAPER CONTENT STYLES*/



body#wallpapers #bunnies {

	width:490px;

	padding-top:110px;

	margin-left: 40px;

	height:205px;

	}

	





body#wallpapers #bunnies a {

	text-align: center;

	font-weight: bold;

	font-family: Verdana, Arial, sans-serif;

	font-size: 9px;

	color:#ffffff;

	width: 100px;

	display: block;

	margin: 2px auto 0;

	}

	

body#wallpapers .first {

	padding-top:110px;

}

	

#wallpaper1 {

	background: url(../images/wallpaper1.png) no-repeat !important;

	background-image: none;

	float: left;

	width: 150px;

	height: 150px;

	margin-right: 5px;

	}

		



#wallpaper2 {

	background: url(../images/wallpaper2.png) no-repeat !important;

	background-image: none;

	float: left;

	width: 150px;

	margin-right: 5px;

	}



#wallpaper3 {

	background: url(../images/wallpaper3.png) no-repeat !important;

	background-image: none;

	float: left;

	width: 150px;

	margin-right: 5px;

	}



	

*html #wallpaper1 {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kraft.promotions.com/ravingrabbids/images/wallpaper1.png"); 

	width:150px; 

	}

	

*html #wallpaper2 {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kraft.promotions.com/ravingrabbids/images/wallpaper2.png"); 

	width:150px; 

	}

	

*html #wallpaper3 {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://kraft.promotions.com/ravingrabbids/images/wallpaper3.png"); 

	width:150px; 

	}

/* END - WALLPAPER CONTENT STYLES */	



/* START - INSTRUCTIONS PAGES STYLES */



body#instructions {

	background-color:#28531a;

}



body#instructions div#container {

	background-color:#28531a;

	width: 400px;

	margin: 0 auto;

}



body#instructions div#wrapper {

	width: 95%;

	padding: 20px 0 0 0;

	margin-left: 20px;

	

	font: 11px verdana, arial, sans-serif;

}



body#instructions p {

	margin:0;	

}

body#instructions p#title {

	font-weight: bold;

	color:#9ab03a;

}



body#instructions p.listHeader {

	font-weight: bold;

	color:#ffffff;

	padding-top:20px;

}



body#instructions p {

	color:#ffffff;

}

body#instructions ol {

	padding: 0;

	width: 70%

}

body#instructions li {

	padding:0;

}



a#instructionsClose {

	float: right;

	position: relative;

	bottom: 20px;

}

/* END - INSTRUCTIONS PAGES STYLES */











/* START - VIDEO PAGE STYLES */



body#video div#container {

	width:537px;

	height:360px;

	background: url('../images/video_bg.jpg') no-repeat;

	margin: 0 auto -20px;

}





#videoContainer {

	width:455px;

	padding-top:70px;

	margin-left: 80px;

	height:245px;

	}





#videoContainer a {

	text-align: center;

	font-weight: bold;

	font-family: Verdana, Arial, sans-serif;

	font-size: 9px;

	color:#ffffff;

	float: left;

	width: 70px;

	}



	#videoContainer #linksContainer {

		margin: 5px 0 0 30px;

	}	



	body#video #instructionsLink {

		width: 120px;

		position: relative;

		left: 320px;

		top: 10px;

	}	



/* START - VIDEO PAGE STYLES */









/* hide spotlight tags since they add approximately 15 pixel space at top of page */

#spotlight {

	display: none;

	}