/* SHOULD I PLAY THE LOTTERY STYLESHEET */


/*

Colors in logo:
light orange: ff8a00
dark orange: ff4200
purple: 960098
blue: 003ace
green: 4dc100
turquoise: 00c4b8

*/

body 
{
	/*background-image: url('http://localhost/lottery/images/bgpattern.png';*/
	/*background: url('../images/bgpattern.png');*/
	font-family: arial, sans-serif;
}

p
{
	margin: 5px;
	padding: 0;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	text-align:justify;
}

h1
{
	margin: 10px 0;
	padding: 0;
	color: #000;
	font-size: 28px;
	font-weight: normal;
}

#header
{
	height: 95px;
	width: 100%;
}

#logo
{
	background-image: url('../images/logo.png');
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 20px;
	width: 584px;
	height: 54px;
}

#ads-top
{
	width: 468px;
	height: 60px;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

#content-wrap
{
	width: 750px;
	height: 880px;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	/*box-shadow: 1px 1px 2px #000;*/
	position: relative;
	/*padding-top: 30px;*/
}

/*#content-wrap-index
{
	width: 750px;
	height: 750px;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}*/

#content
{
	padding-top: 15px;
	width: 90%;
	height: 95%;
	/*background: #000000;*/
	margin-left: auto;
	margin-right: auto;
}

#navigation
{
	height: 45px;
	border-bottom:solid 1px #b7ddf2;
}

#navigation .home
{
	float: left;
	background: url('../images/home.png') no-repeat;
	height: 40px;
	width: 180px;
}

#navigation .home:hover
{
	float: left;
	background: url('../images/homehover.png') no-repeat;
	height: 40px;
	width: 180px;
}


#navigation .explanation
{
	float: left;
	background: url('../images/explanation.png') no-repeat;
	height: 40px;
	width: 195px;
}

#navigation .explanation:hover
{
	float: left;
	background: url('../images/explanationhover.png') no-repeat;
	height: 40px;
	width: 195px;
}


#navigation .about
{
	float: left;
	background: url('../images/about.png') no-repeat;
	height: 40px;
	width: 180px;
}

#navigation .about:hover
{
	float: left;
	background: url('../images/abouthover.png') no-repeat;
	height: 40px;
	width: 180px;
}

#navigation .contact
{
	float: left;
	background: url('../images/contact.png') no-repeat;
	height: 40px;
	width: 180px;
}

#navigation .contact:hover
{
	float: left;
	background: url('../images/contacthover.png') no-repeat;
	height: 40px;
	width: 180px;
}

#form-container
{
	padding-top: 10px;
	height: 370px;
	border:solid 2px #b7ddf2;
	background:#ffffff;
}

#form-container p
{
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}


#contact-form-container
{
	padding-top: 10px;
	height: 450px;
	border:solid 2px #b7ddf2;
	background:#ffffff;
}

#contact-form-container p
{
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}

/*#lottery-form
{
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}
*/
#form-table
{
	width: 100%;
	position: relative;
	/*background-color: #000000;*/
}

.lottery-form
{
	margin:0 auto;
	width:75%;
	padding:14px;
}

#lottery-form-style
{
	border:solid 2px #b7ddf2;
	background:#ffffff;
}

.lottery-submit
{
	background: url('../images/calculate.png') no-repeat;
    width: 188px;
    height: 35px;
    border: none;
}

.lottery-submit:hover
{
	background: url('../images/calculateHover.png') no-repeat;
    width: 188px;
    height: 35px;
    border: none;
    cursor: hand; 
    cursor: pointer;
} 

.send
{
	background: url("../images/send.png") no-repeat;
	width: 187px;
	height: 40px;
	border: none;
}

.send:hover
{
	background: url("../images/sendhover.png") no-repeat;
	width: 187px;
	height: 40px;
	border: none;
    cursor: hand; 
    cursor: pointer;
}


.spacer
{
	height: 20px;
}

#footer
{
	width: 750px;
	height: 55px;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding-top: 35px;
	/*box-shadow: 1px 1px 2px #000;*/
	
}

#footer-text
{
	text-align: center;
}

#content-wrap-action
{
	
	width: 750px;
	height: 660px;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#content-action
{
	padding-top: 20px;
	width: 90%;
	height: 500px;
	/*background: #000000;*/
	margin-left: auto;
	margin-right: auto;
}

#content-action p
{
	margin-left: 20px;
	margin-right: 20px;
}

#action-answer-yes
{
	width: 100%;
	height: 85%;
	background: #4dc100;
	opacity: 1;
	border-style: solid;
	border-color: #338100;
}

#action-answer-no
{
	width: 100%;
	height: 85%;
	background: #ff0000;
	opacity: 1;
	border-style: solid;
	border-color: #a00000;
}

#coming-soon-content-wrap
{
	width: 750px;
	height: 100px;
	background: #ffffff;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
}
/* tooltips */
.tooltip
{
	display:inline;
	position:relative
}
.tooltip:hover
{
	text-decoration:none;
	cursor:help;
}
.tooltip:hover:after
{
	background:#111;
	background:rgba(0,0,0,.8);
	border-radius:5px;
	bottom:28px;
	color:#fff;
	content:attr(title);
	display:block;
	/*left: 1px;*/
	float: left;
	padding:5px 15px;
	position:absolute;
	white-space:nowrap;
	z-index:98
 }
 .tooltip:hover:before
{
	border:solid;
	border-color:#111 transparent;
	border-width:6px 6px 0 6px;
	bottom:22px;
	content:"";
	display:block;
	left:50%;
	position:absolute;
	z-index:99
}

.question
{
font-size: 120%;
font-weight: bold;
color: #003ace;
}

.answer
{
font-size: 120%;

}

#disclaimer
{
	position:absolute; 
	bottom:10px;
}