/* CSS for CloveTWO: "Reach for your dreams" Contest Only */

#outer {
	width: 760px;
	margin: 4px 0px 4px 4px;
	padding:0px;
	text-align: left;
}

#image01 {
	width: 760px;
	height: 200px;
	padding:10px 0px 0px 0px;
}

#internal_container 
{
	background-image: url(/lorealtruematch/images/bg04.gif);
	background-repeat: repeat-y;
	width: 760px;
	height: 1600px;
	margin:2px 0px 0px 0px;
	padding:0px;
	border-top: 1px dotted #E4C9D1;
}


/*--------- Left Content---------------------------------*/

#leftContent {
	float: left;
	width: 550px;
	margin:0px;
	padding:0px;
	text-align: left;
/*	background-image: url(/lorealtruematch/images/bg02.gif);
	background-repeat: repeat-y;*/
}

.section01 {
 width: 550px;
 height: 310px;
 margin: 0;
 margin-top: 15px;
 padding: 0;
 text-align: justify;
 font-family: Arial, Helvatica, Verdana, san-serif;
 font-size: 12px;
 font-weight: normal;
}


.floatrightimg{
 float: right;
 width: 180px;
 height: 185px;
 margin: 10px;
 padding: 0;
 vertical-align: top;
}

.floatrightimg02{
 float: right;
 width: 180px;
 height: 185px;
 margin: 10px;
 padding: 0;
 vertical-align: top;
}

.section01 h3 {
 width: 400px;
 margin: 0;
 padding: 0;
 padding-top: 5px;
 padding-bottom: 5px;
 font-family: Georgia, Times, serif;
 font-size: 15px;
 font-weight: bold;
 color: #EB5353;
}

.section01 p {
 margin: 0;
 padding-left: 5px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #333;
}

.section01 ul {
 list-style-type: none;
 margin: 0;
 padding-left: 5px;
 padding-right: 0;
 padding-top: 5px;
 padding-bottom: 5px;
 width: 500px;
 font-size: 12px;
 text-align: left;
}

.section01 ul li{
 width: 500px;
 background-image: url(/lorealtruematch/images/bullet01.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 float: left;
 padding: 0;
 padding-left: 20px;
 margin: 0;
 margin-left: 5px;
 line-height: 18px;
}

.section01 ul li.two{
 width: 500px;
 background-image: url(/lorealtruematch/images/bullet01.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 float: left;
 color: #A74C66;
 padding: 0;
 padding-left: 20px;
 margin: 0;
 margin-left: 5px;
 line-height: 18px;
}

.section_mini {
 width: 550px;
 height: 200px;
 margin: 0;
 margin-top: 5px;
 padding: 0;
 text-align: justify;
 font-family: Arial, Helvatica, Verdana, san-serif;
 font-size: .12px;
 font-weight: normal;
}
 
.section_mini h3 {
 width: 300px;
 margin: 0;
 padding: 0;
 padding-top: 5px;
 padding-bottom: 5px;
 font-family: Georgia, Times, serif;
 font-size: 15px;
 font-weight: bold;
 color: #EB5353;
}
 
.section_mini ul {
 width: 300px;
 list-style-type: none;
 margin: 0;
 padding-left: 5px;
 padding-right: 0;
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 12px;
 text-align: left;
}

.section_mini ul li{
 width: 300px;
 background-image: url(/lorealtruematch/images/bullet01.gif);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 float: left;
 font-family: Arial, Helvatica, Verdana, san-serif;
 color: #A74C66;
 padding: 0;
 padding-left: 20px;
 margin: 0;
 margin-left: 5px;
 line-height: 20px;
}
 
.section01 #true_match_steps {
	list-style-type: none;
	margin:0px;
	padding-left: 5px;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	color: #A74C66;
	font-weight: bold;
	text-align: left;
}

.section01 #true_match_steps li {
	background-image: url(/lorealtruematch/images/bullet01.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding:0px;
	padding-left: 20px;
	margin:0px;
	margin-left: 5px;
	line-height: 18px;
}

.section03 {
	width: 550px;
	height: 25px;
	margin:0px;
	margin-top: 5px;
	padding:0px;
	font-family: Tahoma, Arial, Helvatica, Verdana, san-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(/lorealtruematch/images/bg03.gif) no-repeat top left;
}

.section03 ul {
	list-style-type: none;
	width: 540px;
	margin:0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #333;
	text-align: left;
}

.section03 ul li
{
	width: 160px;
	float: left;
	margin:0px;
	padding:0px;
	padding-left: 10px;
}

.section03 ul#section03_links li a:link, 
.section03 ul#section03_links li a:visited, 
.section03 ul#section03_links li a:active
{
	font-family:Verdana, Arial, Helvatica, san-serif;
	font-weight:bold;
	color: #BE2336;
}

.section03 ul#section03_links li a:hover
{
	font-family:Verdana, Arial, Helvatica, san-serif;
	font-weight:bold;
	color: #E77987;
	text-decoration: underline;
}

/*.section03 ul.section03_links li a:link, 
.section03 ul.section03_links li a:visited, 
.section03 ul.section03_links li a:active
{
	font-family:Verdana, Arial, Helvatica, san-serif;
	font-weight:bold;
	color: #BE2336;
}

.section03 ul.section03_links li a:hover
{
	font-family:Verdana, Arial, Helvatica, san-serif;
	font-weight:bold;
	color: #E77987;
	text-decoration: underline;
}*/

ul#story {
	list-style-type: none;
	margin:0px;
	padding-left: 5px;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 540px;
	font-family: Verdana, Arial, Helvatica, san-serif;
	font-size: 11px;
	text-align: left;
}

ul#story li {
	width: 540px;
	background-image: url(/lorealtruematch/images/bullet01.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	float: left;
	padding:0px;
	padding-left: 20px;
	margin:0px;
	margin-left: 5px;
	line-height: 18px;
}

html>body ul#story li {
	background-position: 0 .4em;
}

ul#story li a:link, 
ul#story li a:visited, 
ul#story li a:active,
.section01 a:link, 
.section01 a:visited, 
.section01 a:active
{
	font-family: Verdana, Arial, Helvatica, san-serif;
	color: #A74C66;
}

ul#story li a:hover, 
.section01 a:hover
{
	font-family: Verdana, Arial, Helvatica, san-serif;
	color: #A74C66;
	text-decoration: underline;
}

/*--------- Right Content---------------------------------*/

#rightContent {
	float: right;
	width:190px;
	height: 500px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	text-align: left;
}


.section02 {
	width: 180px;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;
	text-align: justify;
	font-family: Arial, Helvatica, san-serif;
	font-size: .8em;
	font-weight: normal;
}

.section02 h3 {
	width: 180px;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: left;
	font-family: Georgia, Times, serif;
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #EB5353;
}

.section02 p 
{
	font-size:12px;
	margin:0px;
	padding:10px;
	color: #333;
}

#rightContent .section02 a:link, 
#rightContent .section02 a:active, 
#rightContent .section02 a:visited
{
	color: #BE2336;
	text-decoration: none;
}

#rightContent .section02 a:hover {
	color: #E77987;
	text-decoration: underline;
}


/*------------------Contest.asp---------------------*/
#containerLogin {
	width: 760px;
	height: 1750px;
	margin:0px;
	margin-top: 2px;
	padding:0px;
	border-top: 1px dotted #E4C9D1;
	border-bottom: 1px dotted #E4C9D1;
}

html>body #containerLogin {
	height: 1600px;
}

#containerLogin h3 {
	width: 700px;
	margin:0px;
	padding:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Georgia, Times, serif;
	font-size: 17px;
	font-weight: bold;
	color: #EB5353;
}

ul#contest {
	list-style-type: none;
	margin:0px;
	padding-left: 5px;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 760px;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	color: #A74C66;
	font-weight: bold;
	text-align: left;
}

ul#contest li {
	width: 760px;
	background-image: url(/lorealtruematch/images/bullet01.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	float: left;
	padding:0px;
	padding-left: 20px;
	margin:0px;
	margin-left: 5px;
	line-height: 18px;
}

.table_contest {
	text-align: center;
}

.table_questions {
	font-family: Tahoma, Arial, Helvatica, san-serif;
	font-size: 11px;
	font-weight: normal;
	color: #A74C66;
	margin:0px;
	padding: 0 0 15px 40px;
}

.table_questions p {
	font-size: 12px;
	font-weight: normal;
	padding: 15px 5px; 
}


.table_sm {
	font-family: Tahoma, Arial, Helvatica, san-serif;
	font-size: 10px;
	font-weight: normal;
	color: #A74C66;
	margin:0px;
	padding: 30px 0 15px 40px;
}

input, button {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #A74C66;
	text-decoration: none	
}


.formBttn
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 1px;
	border: 2px solid;
	border-color: #BAAD9B #756856 #756856 #BAAD9B;
	background: #9A8C77;
	/*float: center;*/
}

.formBttn_logout
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	padding: 1px;
	border: 2px solid;
	border-color: #BAAD9B #756856 #756856 #BAAD9B;
	background: #9A8C77;
}

.textField {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	padding:0px;
	margin:0px;
}

/*--------- Contest01: True Match Maker ---------------------------------*/

#container_contest {
	width: 760px;
	height: 800px;
	margin:0px;
	padding:0px;
}

#image02 {
	width: 760px;
	height: 300px;
	margin:0px;
	padding:0px;
	background: url(/lorealtruematch/images/main_contest01.jpg) no-repeat;
	text-align: right;
	position:relative;
}

#login_box 
{
	float:right;
	clear:right;
	width: 280px;
	height: 130px;
	padding:0px;
	color: #98323E;
	font-family: Tahoma, Arial, Helvatica, san-serif;
	font-size: 11px;
	text-align: left;
	position:absolute;
	top:120px;
	right:155px;
}

#login_box ul{
	list-style-type: none;
	width: 280px;
	height: 110px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	font-weight: bold;	
}

#login_box ul li{
	float: left;
	width: 80px;
	height: 30px;
	margin:0px;
	padding: 0 10px;	
}

#login_box ul li .info {
	float: right;
	width: 200px;
	height: 30px;
	margin:0px;
	padding: 0 10px;
}

#login_box p {
	width: 280px;
	margin:0px;
	padding:0px;
	text-align: center;
	font-weight: bold;
}

#login_box a:link,
#login_box a:active,
#login_box a:visited
{
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	color: #98323E;
	text-decoration: underline;
}

#login_box a:hover 
{
	color: #E77987;
}


input {
	font-size: 11px;
	color: #98323E;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #98323E;
	text-decoration: none	
}

.formBttn
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 1px;
	border: 2px solid;
	border-color: #BAAD9B #756856 #756856 #BAAD9B;
	background: #9A8C77;
	/*float: center;*/
	font-weight: bold;
}

.textField {
	font-size: 11px;
	color: #98323E;
	font-family: Tohama, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 1px solid #98323E;
	padding:0px;
	margin:0px;
}

/*--------Video page container ----------*/
#video_container 
{
	margin: 20px auto; 
	display: block;
	width: 450px;
}