/*
  _   _   _   _   _   _   _   _   _   _   _   _  
 / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ 
( X | H | T | M | L | K | I | T | C | H | E | N )
 \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ 
 
http://www.xhtmlkitchen.com

file: main.css
Last-Edit: 24 August 2008 16:28

*/

body{
	background: #5a5a5a url(../images/backgrounds/bodybg2.png) no-repeat center top;
	font-family: arial, sans-serif;
	font-weight: lighter;
}

.margin{
	padding: 10px 20px 20px 80px;
}

.margin1{
	margin: 5px 20px 20px 30px;
}
 
.margin2{
	margin-top: 0px;
}

.padding1{
	padding-left: 20px;
}

.margin4{
	margin-right: 50px;
}


.padding0{
	padding: 0;
}

.floatleft{
	margin: 20px;
	float: right;
}

.center{
	width: 92%;
	text-align: center;
}

.hide{
	display:none;
}

#curtain{
	width: 100%; height: 2000px;
	display: none;
	background: #000000;
	position: absolute;
	z-index: 200;
	opacity: 0.46;
}

#loader{
	width: 62px; height: 62px;
	text-align: center;
	position: absolute;
	top: 490px; left: 438px;
	z-index: 200;
	/*visibility: hidden;*/
}

#loader img{
	margin-top: 12px;
}

/* Main Styles */

#wrapper{
	width: 100%;
	height: auto;
	float: left;
	background: url(../images/backgrounds/bottombg.png) repeat-x 0 bottom;
}

#container{
	width: 916px; height:auto;
	margin: 0 auto;
	position: relative;
}

#main{
	width: 916px; height: auto;
	margin: 10px 0px 40px;
	background: url(../images/backgrounds/mainbg.png);
	float: left;
}

#header{
	width: 916px; height: 210px;
	float: left;
	background: url(../images/backgrounds/headerbg.png) no-repeat center top;
}

a#logo{
	width: 322px;height: 191px;
	display: block;
	top: 0; left: 18px;
	position: absolute;
	z-index: 99;
}

a#logotext{
	width: 153px;height: 20px;
	display: block;
	font-size: 16px;
	color: #b3b3b3;
	text-align: center;
	top: 115px; left: 110px;
	position: absolute;
	z-index: 100;
}




/* Main Menu */

#mainmenu{
	width: 541px; height: 36px;
	background: url(../images/backgrounds/mainmenubg.jpg) no-repeat right top;
	padding: 9px 0 9px 55px;
	top: 32px; left: 296px;
	position: absolute;	
}
	#mainmenu li{
		float: left;
		padding: 0 2px 0 5px;
	}
	
	#mainmenu li a{
		float: left;
		padding: 0 8px 0 0;	
	}
	
	#mainmenu li a span{
		height: 28px;
		display: block;
		font-size: 18px;
		font-weight: normal; /*bold */
		color: #FFFFFF;
		text-align: center;
		padding: 7px 0 0 8px;
		float: left;
	}
	
	#mainmenu li a:hover{
		background-position: right -35px;
		cursor: pointer;
	}
	
	#mainmenu li a:hover span{
		background-position: left -35px;
		cursor: pointer;
	}
	
	a#home,a#joinnow,a#faq,a#contact,a#blog,a#forum,a#advertise{
		background: url(../images/menu/mbgr.gif) no-repeat right top;
	}
	
	a#home span,a#joinnow span,a#faq span,a#contact span,a#blog span,a#forum span,a#advertise span{
		background: url(../images/menu/mbgl.gif) no-repeat left top;
	}
	/*
	a#joinnow{
		width: 90px;
		background: url(../images/menu/joinnow.jpg);
	}
	*/
	/*
	a#faq{
		width: 66px;
		background: url(../images/menu/faq.gif);
	}
	
	a#contact{
		width: 80px;
		background: url(../images/menu/contact.gif);
	}
	
	a#blog{
		width: 63px;
		background: url(../images/menu/blog.gif);
	}
	
	a#forum{
		width: 72px;
		background: url(../images/menu/forum.gif);
	}
	*/
	
	#mainmenu li .active{
		background-position: 0 -35px;
	}
	
	#mainmenu li .active span{
		background-position: 0 -35px;
	}

/* Language Menu */

#language{
	width: 541px; height: 30px;
	background: url(../images/backgrounds/langbatbg.jpg) repeat-x 0 top;
	padding: 4px 0 4px 65px;
	top: 87px; left: 285px;
	position: absolute;
}
	#language li{
		padding-right: 2px;
		float: left;
	}
	
	#language li a{
		width: auto; height: 27px;
		font-size: 10px;
		color: #545454;
		display: block;
		padding: 0 0 0 9px;
		float: left;
	}
	
	#language li a span{
		height: 16px;
		display: block;
		padding: 7px 9px 4px 0;
		cursor: pointer;
		float: left;
	}
	
	#language li .active{background: url(../images/backgrounds/langac.png) no-repeat left top;}
	#language li .active span{background: url(../images/backgrounds/langac2.png) no-repeat right top;}
	
	#language li a:hover{background: url(../images/backgrounds/langac.png) no-repeat left top;}
	#language li a:hover span{background: url(../images/backgrounds/langac2.png) no-repeat right top;}

#slogan{
	width: 460px; height: 80px;   /* 	width: 500px; height: 80px;  */
	top: 135px; left: 358px;
	position: absolute;
}

#slogan h1{
	font-size: 26px; /*34*/
	font-stretch: condensed;
	color: #6AC018
}
#slogan h2{
	font-size: 16px;
	font-weight: lighter;
	color: #a1a1a1;
	/*margin-top: -10px;*/
}



/* Center Styles */

#center{
	width: 854px; height: auto;
	padding: 10px 21px 10px 41px;
	float: left;
}

#anime{
	width: 834px; height: 527px;
	background: url(../images/backgrounds/animebg.jpg) no-repeat;
	margin: 40px 0 0 0;
	float: left;
	z-index: 97;
	position: relative;
}

	#anime a.button{
		width: 212px; height: 36px; /* was width: 262px; */
		display: block;
		font-size: 20px;
		font-weight: normal;
		color: #ffffff;
		left: -151px;
		padding: 12px 0 0 30px;
		position: absolute;
		z-index: 130;
		direction:ltr;
	}

	#anime a.button:hover {
		background-position: 0 0;
	}

	#anime .active {
		background-position-y: 0px;
	}
	
	#anime .nonactive {
		background-position-y: -48px;
	}
	
	
	#playdemo{
		background: url(../images/buttons/playdemo.png) no-repeat left top;
		top: 78px;
	}
	
	#join{
		background: url(../images/buttons/join.png) no-repeat left top;
		top: 173px;
	}
	
	#tryit{
		background: url(../images/buttons/tryit.jpg) no-repeat left top;
		top: 267px;
	}
	
	#information{
		width: 200px; height: 152px;
		top: 340px; left: 30px;
		position: absolute;
		z-index: 100;
		color: #6ec21e;
	}
	
	#information ul{
		/*list-style-position:  inside;*/
		/*list-style-type: disc;*/
		/*list-style-image: url(../images2/smileys/happyfaceyellowsmall.gif);*/
	}
	
	#information ul li{
		font-size: 14px;
		color: #a1a1a1;
		height:23px;
		vertical-align: middle;
	}
	#information h2 {
		font-size: 18px;
		font-weight: normal;
		height: 15px;
		margin: 0 0 20px 0;
	}	
	
	#animeblock{
		width: 578px; height: 574px;
		background: url(../images/backgrounds/anime.jpg) no-repeat;
		left: 134px; top: -26px;
		position: absolute;
		z-index: 95;
	}
	
	#loginbox{
		width: 542px; height: 543px;
		display: none;
		background: url(../images/backgrounds/loginbg.png) no-repeat;
		left: 20px; top: 15px;
		position: absolute;
		z-index: 102;
	}
	
	#joinmobiluck{
		display: none;
	}

	
	#loginbox h4{
		width: 268px; height: 92px;
		background: url(../images/backgrounds/joinmobiluck.png) no-repeat;
		/*text-indent: -9999px;*/
		text-indent: 90px;
		color: white;
		font-size: 24px;
		line-height: 100px;
		left: 118px; top: 92px;
		position: absolute;
	}
	
	#loginbox form{
		width: 308px; height: 276px;
		top: 204px; left: 124px;
		position: absolute;
	}
	
	#loginbox label{
		width: 95%; height: 18px;
		display: block;
		font-size: 14px;
		/*font-weight: normal;*/
		color: #ffffff;
		margin: 5px 0 5px 9px;
		float: left;
	}
	
	#loginbox input{
		width: 278px; height: 32px;
		background: url(../images/backgrounds/inpubg.png) no-repeat;
		font-size: 15px;
		color: #a1a1a1;
		padding: 15px 15px 0 15px;margin: 0;
		border: 0;
		float: left;
	}
	
	#loginbox form p{
		width: 90%; height: auto;
		font-size: 11px;
		color: #ffffff;
		margin: 0 0 5px 9px;
		float: left;
	}
	
	#loginbox form p a{
		color: #cfcfcf;
	}
	
	#loginbox button{
		width: 107px; height: 46px;
		background: url(../images/buttons/iagree.png) no-repeat;
		font-size: 15px;
		font-weight: normal;
		color: #FFFFFF;
		margin: 0 0 0 80px;
		cursor: pointer;
		border: 0;
		float: left;
		cursor: pointer;
	}
	
	#luckphone, #joinmobiluck {
		width: 410px; height: 600px;
		display: none;
		background: url(../images/backgrounds/luckphone.png) no-repeat;
		top: -50px; left: 60px;	/* -45 58 */
		position: absolute;
		z-index: 119; /*201; // just on top of buttons*/
	}

	#luckphone .screen, #joinmobiluck .screen {
		width: 311px; height: 384px;
		margin: 100px 0 0 45px;	/* 55 */
		float: left;
		background-image: none;
	}


	object, embed {		
		padding: 0;
		margin: 0;
		border:none;
		z-index: -600;	
	}

	#flashanime {
		padding: 0;
		margin: 0;
		display: <?='<?=$_COOKIE[user_id] "none":"block"?>'?>;
		top: -10px; left: -153px;
		position: absolute;
		z-index: -10; /*102; works everywhere but ie*/
	}

#block1{
	width: 357px; height: 241px;
	background: url(../images/backgrounds/block1.jpg) no-repeat;
	padding: 28px 32px;
	margin: 8px 0 0 0;
	float: left;
}

	#block1 h2 {
		width: 300px; height: 15px;
		font-size: 18px;
		font-weight: normal;
		color: #6ec21e;
		margin: 0 0 20px 0;
		float: left;
	}
	
	#block1 p{
		width: 100%; height: auto;
		font-size: 13px;
		color: #545454;
		margin: 0 0 20px 0;
		float: left;
	}

#block2{
	width: 357px; height: 157px;
	background: url(../images/backgrounds/block2.jpg) no-repeat;
	padding: 28px 32px 0 17px;
	margin: 8px 0 0 7px;
	position: relative;
	float: left;
	/* z-index: 97; */
}

	#block2 h2{
		width: 300px; height: 20px;
		font-size: 18px;
		font-weight: normal;
		color: #41c7f3;
		margin:-5px 0 10px 56px;	/*3px*/
		float: left;
	}
	
	#block2 p{
		width: 250px; height: auto;
		font-size: 12px;
		color: #545454;
		text-align: left;
		margin: 4px 0 10px 56px;
		float: left;
	}
	
	#block2 .message{
		width: 300px;
		color: #7d7d7d;
		margin: 0;
	}
	
	#block2 .col{
		width: 158px; height: 59px;
		float: left;
	}
	
	#block2 .col label{
		font-size: 11px;
		color: #545454;
		margin: 0 0 5px;
		float: left;
	}
	
	#block2 .col input{
		width: 140px; height: 20px;
		background: url(../images/backgrounds/inputbg.png) no-repeat;
		font-size: 13px;
		color: #545454;
		border: 1px solid #e9e0c9;
		padding: 4px 0 2px 4px;
		float: left;
	}
	
	#block2 button{
		width: 66px; height: 25px;
		background: url(../images/buttons/sendbutton.gif) no-repeat;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		cursor: pointer;
		position: absolute;
		top: 144px; right: 10px;
	}

	#block2 button:hover{
		background-position: 0px -26px;
	}

#block3{
	width: 357px; height: 88px;
	background: url(../images/backgrounds/block3.jpg) no-repeat;
	padding: 19px 32px 0 17px;
	margin: 7px 0 0 7px;
	position: relative;
	float: left;
}

	#block3 h2{
		width: 300px; height: 18px;
		font-size: 18px;
		font-weight: normal;
		color: #41c7f3;
		margin:-5px 0 10px 56px;	/*3px*/
		float: left;
	}
	
	#block3 p{
		width: 250px; height: auto;
		font-size: 12px;
		color: #545454;
		text-align: left;
		margin: 4px 0 20px 56px;
		float: left;
	}
	
	#block3 button{
		width: 85px; height: 26px;
		background: url(../images/buttons/clickbutton.gif) no-repeat;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		cursor: pointer;
		position: absolute;
		top: 69px; right: 10px;
	}

	#block3 button:hover{
		background-position: 0px -26px;
	}

/* content styles */
div.content h1{
	width: 90%;
	font-size: 25px;
	color: #505050;
	margin: 30px 0 0 0;
	padding-left: 50px;
	float: left;	
}

div.content h4{
	width: 90%;
	font-size: 15px;
	color: #a2a2a2;
	margin: -10px 0 10px 0;
	padding-left: 50px;
	float: left;	
}

div.content{
	background: url(../images/buttons/contentico.png) no-repeat 40px 45px;
	margin: 30px 0 0 0;
}

div.content h2{
	width: 100%;
	font-size: 20px;
	color: #6AC018;
	margin: 15px 0 0 30px;
	float: left;	
}

div.block{
	width: auto; height: auto;
	background: #e8f8f8 url(../images/backgrounds/blocktl.png) no-repeat left top;
	margin: 20px 0 10px;
	float: left;
}

	div.block div{
		width: auto; height: auto;
		background: url(../images/backgrounds/blocktr.png) no-repeat right top;
		float: left;
	}
	
	div.block div div{
		width: auto; height: auto;
		background: url(../images/backgrounds/blockbl.png) no-repeat left bottom;
		float: left;
	}
	
	div.block div div div{
		width: 834px; height: auto;
		background: url(../images/backgrounds/blockbr.png) no-repeat right bottom;
		float: left;
	}
	
	div.block div div div div{
		width: auto; height: auto;
		background: url(../images/backgrounds/blockbg.png) no-repeat center top;
		float: left;
	}
	
	div.block h3{
		width: 85%;
		font-size: 19px;
		color: #68bcf1;
		padding: 20px 30px 0px 35px;
		float: left;
	}
	
	#center div.block h4{
		width: 85%;
		font-size: 16px;
		color: #68bcf1;
		margin: 0;
		padding: 20px 30px 0px 35px;
		float: left;
	}
	
	div.block p{
		width: 90%;
		font-size: 14px;
		color: #545454;
		padding: 20px 30px 20px 30px;
		/* margin-left: 25px; */
		float: left;
	}
	
	div.block ul{	
		list-style-position: outside;
		list-style-type: disc;
		float: left;
		padding: 0 20px 0px 30px; 
		margin-left: 15px; 
	}
	
	div.block ul li{
		font-size: 14px;
		color: #545454;
		padding: 0 20px 10px 5px; 
		/* margin-left: 5px; */
	}
	
div.blocko{
	width: auto; height: auto;
	background: #ffebb9 url(../images/backgrounds/blockotl.png) no-repeat left top;
	margin: 0 0 10px; /* 20px 0 10px;  PL replaced to replicate margin of 'fullblock'  */
	float: left;
}

	div.blocko div{
		width: auto; height: auto;
		background: url(../images/backgrounds/blockotr.png) no-repeat right top;
		float: left;
	}
	
	div.blocko div div{
		width: auto; height: auto;
		background: url(../images/backgrounds/blockobl.png) no-repeat left bottom;
		float: left;
	}
	
	div.blocko div div div{
		width: 834px; height: auto;
		background: url(../images/backgrounds/blockobr.png) no-repeat right bottom;
		float: left;
	}
	
	div.blocko div div div div{ /* Added by PL 2008-09-19 */
	background: none;
	float: left;
	}
	
	div.blocko h3{
		/*  width: 85%; */
		font-size: 19px;
		color: #c8940d;
		padding: 20px 30px 0px 30px;
		float: left;
	}
	div.blocko p{
		font-size: 14px;
		color: #545454;
		padding: 20px 30px 20px 30px;
		float: left;
	}
	
	/* form */
	
	div.block form{
		padding: 0px 30px 30px 30px;
		float: left;	
	}
	
	div.block .row{
		width: 166px; height: auto;
		background: none;
		padding: 0 10px 0 0;
		float: left;
	}
	
	div.block .fullrow{
		width: 350px; height: auto;
		background: none;
		float: left;
	}

	select {
		color: #545454;
	}
	
	div.block .fullrow input {
		width: 335px; height: 20px;
		background: url(../images/backgrounds/inputbg.png) no-repeat;
		font-size: 12px;
		color: #545454;
		border: 1px solid #e9cd88;
		padding: 3px 0 0 4px;	/*5px 0 2px 4px;*/
		float: left;
	}
	
	div.block label{
		width: 95%;
		font-size: 12px;
		/*font-weight: normal;*/
		color: #545454;
		margin: 10px 0 3px;
		float: left;

	}
	
	div.block .halfrow input{
		width: 160px; height: 20px;
		background: url(../images/backgrounds/inputbg.png) no-repeat;
		font-size: 12px;
		color: #545454;
		border: 1px solid #e9cd88;
		padding: 3px 0 0 4px; /*5px 0 2px 4px;*/
		float: left;
	}
	
	
	
	div.block .row input{
		width: 160px; height: 20px;
		background: url(../images/backgrounds/inputbg.png) no-repeat;
		font-size: 12px;
		color: #545454;
		border: 1px solid #e9cd88;
		padding: 3px 0 0 4px; /*5px 0 2px 4px;*/
		float: left;
	}
	
	div.block .fullrow textarea{
		width: 335px;  height: 100px; 
		background: url(../images/backgrounds/inputbg.png) no-repeat;
		font-size: 12px;
		color: #545454;
		border: 1px solid #e9cd88;
		padding: 3px 0 0 4px; /*5px 0 2px 4px;*/
		float: left;
	}
	
	div.block .radio{
		width: 20px; height: 20px;
		background: none;
		border: none;
		float: left;
	}
	
	#btsend, #btnew, #btreply {
		width: 65px; height: 26px;
		background: url(../images/buttons/sendbutton.gif) no-repeat;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		margin: 20px 10px 0px 0;
		cursor: pointer;
		float: right;
	}
	
	#btsend:hover, #btnew:hover, #btreply:hover {
		background-position: 0 -26px;
	}

	div.block .mrow {
		width: 300px; height: auto;
		background: none;
		float: left;
	}
	
	div.block .mrow input{
		display: inline;
	}
	
div.halfblock{
	margin-top: 20px;
	margin-right: 10px;
}

	div.halfblock div div div{
		width: 412px; height: auto;
	}
	
	div.halfblock h3{
		width: 292px;
		padding: 35px 20px 20px 80px;
		margin-bottom: 0px;
	}
	
	div.halfblock p{
		/*background: url(../images/backgrounds/tk.png) no-repeat 20px 0;*/
		padding: 10px 20px 20px 30px;
		text-align: justify;
	}
	
	div.halfblock .qe{ /* PL added 2008-09-12 */
	 background: url(../images/backgrounds/qe.png) no-repeat 20px 30px;
	}
	
	div.halfblock .tk{ /* PL added 2008-09-12 */
	 background: url(../images/backgrounds/tk.png) no-repeat 20px 30px;
	}
	
	div.halfblock .tko{
		background: url(../images/backgrounds/tko.gif) no-repeat 20px 30px;
	}




div.fullblock{
	margin: 0 0 10px;
}

div.fullblock div div div{
	width: 834px; height: auto;
	}

div.fullblock h3{
		width: 700px;
		padding: 35px 20px 20px 80px;
	/* margin-bottom: -27px; */
	}

div.fullblock h4{
	width: 700px;
	padding: 35px 20px 20px 80px;
}

div.fullblock p{
	padding: 10px 20px 10px 30px;
}

div.fullblock .qe{
	background: url(../images/backgrounds/qe.png) no-repeat 20px 30px;
}

div.fullblock .tk{
	background: url(../images/backgrounds/tk.png) no-repeat 20px 30px;
}




/* Footer Styles */

#footer{
	width: 916px; height: 156px;
	background: url(../images/backgrounds/footerbg.png) no-repeat 0 bottom;
	position: relative;
	float: left;
}
	#logo2{
		width: 97px; height: 90px;
		left: 30px; top: 27px;
		position: absolute;
	}
		
	#copytext{
		width: 340px; height: auto;
		left: 140px; top: 39px;
		position: absolute;
	}
	
	#copytext small{
		font-size: 11px;
		color: #6AC018;
	}
	
	
	
	/* Footer Menu Style */
	
	#footermenu{
		width: 320px; height: auto;
		left: 140px; top: 58px;
		position: absolute;
	}
	
	#footermenu li{
		font-size: 11px;
		padding: 0 2px 0 2px;
		color: #a8a8a8;
		float: left;
	}

	#footermenu li a{
		color: #a8a8a8;
	}
	
	#footermenu li a:hover{
		color: #868686;
	}
	
	
	
	/* Network links Style */
	
	#networklinks{
		width: 165px; height: auto;
		right: 53px; top: 35px;
		position: absolute;
	}
	
	#networklinks li{
		padding: 0 1px 0 1px;
		float: left;
	}

	#networklinks li a{
		width: 31px; height: 28px;
		display: block;
		text-indent: -9999px;
		position: relative;
		float: left;
	}
	
	#networklinks li a .label{
		height: 23px; width: 200px;
		display: none;
		font-size: 11px;
		color: #7f7f7f;
		text-align: center;
		padding: 3px 0 0 0;
		position: absolute;
		top: -27px; left: -85px;
	}
	
	#networklinks li a:hover .label{
		display: block;
	}
	
	a#digg{
		background: url(../images/backgrounds/digg.gif) no-repeat;
	}
	/*
	a#digg .label{
		background: url(../images/backgrounds/adddigg.gif) no-repeat center;
		text-indent: 0px;
	}
*/

	a#delicious{
		background: url(../images/backgrounds/delicious.gif) no-repeat;
	}
/*	
	a#delicious .label{
		background: url(../images/backgrounds/adddelicious.gif) no-repeat center;
		text-indent: 0px;	
	}
*/		
	a#stumbleupon{
		background: url(../images/backgrounds/stumbleupon.gif) no-repeat;
	}
/*	
	a#stumbleupon .label{
		background: url(../images/backgrounds/addstumbleupon.gif) no-repeat center;
		text-indent: 0px;
	}
*/		
	a#reddit{
		background: url(../images/backgrounds/reddit.gif) no-repeat;
	}
/*	
	a#reddit .label{
		background: url(../images/backgrounds/addreddit.gif) no-repeat center;
		text-indent: 0px;
	}
*/		
	a#facebook{
		background: url(../images/backgrounds/facebook.gif) no-repeat;
	}
/*	
	a#facebook .label{
		background: url(../images/backgrounds/addfacebook.gif) no-repeat 40px;
		text-indent: -27px;
	}
*/
	
	/* Addbookmarks*/
				
	a#addbookmark{
		width: 222px; height: 25px;
		display: block;
		background: url(../images/buttons/addtobookmarks.gif) no-repeat;
		font-size: 13px;
		color: #39c8ee;
		text-align: center;
		padding: 8px 0 0 0;
		left: 467px; top: 31px;
		position: absolute;
	}
	
	a#designfabrika{
		width: 80px; height: 21px;
		display: block;
		text-indent: -9999px;
		right: 44px; bottom: 28px;
		position: absolute;
	}
	
	#footerball{
		width: 26px; height: 136px;
		background: url(../images/backgrounds/footerball.gif) no-repeat;
		left: -23px;bottom: 45px;
		z-index: 100;
		position: absolute;
	}



/* Members mark*/
#members {
	position:absolute; 
	left: +780px; top:-170px;  /*  	left: +663px; top:-25px;   */
	z-index:200;  /* 	z-index:96;   */
	width:150px; height: 150px; 
	background: url(../images2/members150x150.png) no-repeat; 
	vertical-align: middle; 
	text-align:center; 
	color:white;
}

/* form success and error */

.formsuccess, .formerror {
	color:green; 
	font-weight:bold; 
	padding:20px
}

.formsuccess {
	color: #6ec21e; 
}

.formerror {
	color: orange; 
}

.formerror li {
	color: orange; 
}

/*-------------------------------------------------------------------------
=SIFR CONFIGURATION
-------------------------------------------------------------------------*/
.sIFR-flash { visibility:visible !important; margin:0; padding:0 }
.sIFR-unloading .sIFR-flash { visibility:hidden !important }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important }
.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden }
.sIFR-replaced div.sIFR-fixfocus { margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none }

@media print {
    .sIFR-flash { display:none !important; height:0; width:0; position: absolute; overflow:hidden; }
    .sIFR-alternate { visibility:visible !important; display:block !important; position:static !important; left:auto !important; top:auto !important; width:auto !important; height:auto !important }
}

/*---- Header styling ---*/
.sIFR-active div#center h1 { visibility:hidden; font:30px helvetica, Helvetica, sans-serif; line-height:1em }