/*@import url(drop-down.css);*/

body, h1, h2, h3, a, ul, li, img {
	margin: 0px;
	padding: 0px;
}
body {
	background: #133678 url(../images/body_bg.jpg) repeat-y center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}
img {
	border:none;
}
ul {
	list-style-type: none;
}
h1 {
	float: left;
	height: 49px;
	width: 245px;
	padding-top: 10px;

}
h1 a{
	text-indent: -9999px;
	float: left;
	overflow:hidden;
	height: 49px;
	width: 245px;
	background-image: url(../images/e_harmony_logo.jpg);
}
h2 {
	float:left;
	width:100%;
	height:65px;
	text-indent:-9999px;
	background: url(../images/headers/heading_bg.gif) repeat-x left top;
}
h2 span {
	display:block;
	height:100%;
	background-repeat: no-repeat;
	background-position: 17px 25px;
}
h3 {
	color:#000000;
	font-weight:bold;
	font-size:18px;	
	margin-bottom:20px;
}
.second_heading {
	margin-top:25px;
}
h3 span {
	display:block;
	font-weight:normal;
	font-size:13px;	
	font-style:italic;
	padding-top:15px;
	line-height:15px;
	width:65%;
}

p {
	color:#000;
	font-size:12px;
	line-height:15px;
}

p.footnote {
	font-size:10px;
	margin-top:35px;
}
a, p a {
	color:#0078c9;
	text-decoration:underline
}
a:hover, p a:hover {
	text-decoration:none;
	color:#48aa00;
}
#page-wrapper {
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
}
#page-inner {
	float:left;
	padding: 0 10px;
	width:990px;
	background: url(../images/content_bg.jpg) repeat-y left top;
}
.content_wrapper {
	float:left;
	width:968px;
	padding: 0 11px;
	background: url(../images/top_bg.jpg) repeat-x left top;
}
.content {
	float:left;
	width:892px;
	padding: 20px 38px 20px 38px;
	background-color:#FFF;
}
.header{
	float:left;
	width:100%;
	height:99px;
}

.main_menu{
	float:left;
	width:560px;
	height:28px;
	padding-left:70px;
	background: url(../images/menu_line.gif) no-repeat 10px bottom;
}

.main_menu li{
	float:left;
	margin: 0;
}

.main_menu li a{
	float:left;
	line-height:28px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
li.selected a{
	background-position: left bottom;
}
a.about { 
	background-image: url(../images/menu/aboutus.gif);
	width:102px;
}
a.newsroom { 
	background-image: url(../images/menu/newsroom.gif);
	width:110px;
}
a.contact { 
	background-image: url(../images/menu/contact_us.gif);
	width:116px;
}
a.careers { 
	background-image: url(../images/menu/careers.gif);
	width:116px;
}

.sub_items {
	float:left;
	width:560px;
	padding: 18px 0 27px 75px;
	height:26px;
}
.sub_items li {
	float:left;
}
.sub_items li a {
	float:left;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
.sub_items li a:hover, .sub_items li.selected a {
	background-position: left bottom;
}
a.company_overv {
	background-image: url(../images/menu/company_overw.gif);
	width:89px;
}
a.faq {
	background-image: url(../images/menu/corporate_faq.gif);
	width:96px;
}
a.directors {
	background-image: url(../images/menu/board_of_directors.gif);
	width:95px;
}
a.management {
	background-image: url(../images/menu/management_team.gif);
	width:107px;
}
a.share {
	background-image: url(../images/menu/shareholders.gif);
	width:110px;
}
a.press_cov {
	background-image: url(../images/menu/press_cov.gif);
	width:116px;
}
a.press_rele {
	background-image: url(../images/menu/press_rele.gif);
	width:117px;
}


a.employee_prof {
	background-image: url(../images/menu/employee_prof.gif);
	width:109px;
}
.sub_items li a.job_listing {
	background-image: url(../images/menu/job_listing.gif);
	width:101px;
	height:23px;
}
a.corp_culture {
	background-image: url(../images/menu/corp_culture.gif);
	width:113px;
}
a.benefits {
	background-image: url(../images/menu/benefits.gif);
	width:113px;
}


.news {
	padding-left:170px;
	width:400px;
}
.news li {
	margin-right:10px;
}
#about span {
	background-image: url(../images/headers/about_us.gif);
}
#comp_over span {
	background-image: url(../images/headers/company_overview.gif);
}
#press_rele span {
	background-image: url(../images/headers/press_rele.gif);
}
#press_cov span {
	background-image: url(../images/headers/press_coverage.gif);
}
#contact span {
	background-image: url(../images/headers/contact_us.gif);
}
#corp_faq span {
	background-image: url(../images/headers/corporate_faq.gif);
}
#directors span {
	background-image: url(../images/headers/board_of_directors.gif);
	background-position: 17px 22px;
}
#management span {
	background-image: url(../images/headers/management_team.gif);
}
#shareholders span {
	background-image: url(../images/headers/shareholders.gif);
	background-position: 17px 24px;
}
#job_listing span {
	background-image: url(../images/headers/job_listings.gif);
}
#corp_culture span {
	background-image: url(../images/headers/hd-corporateculture.gif);
}
#benefits span {
	background-image: url(../images/headers/hd-benefits.gif);
}
#employee_prof span {
	background-image: url(../images/headers/hd-employeeprofiles.gif);
}

.column_wide {
	float:left;
	width:575px;
	padding: 26px 38px 67px 18px;
	min-height:350px;
	position:relative;
	background-color:#FFFFFF;
}
.column_narrow {
	float:left;
	width:198px;
	padding: 20px 27px 200px 23px;
	position: relative;
	border-top: solid 26px #FFF;
	text-align:center;
}


.navigate {
	float:left;
	width:100%;
	padding: 10px 0;
}
.navigate a {
	float:right;
	font-size:11px;
/*	color:#44a700;	*/
	padding-right:10px;
	background: url(../images/top_bullet.gif) no-repeat right 5px;
}
.bottom_box {
	border: 1px solid #c8d9ec;
	padding: 30px 23px 25px 20px;
	margin:30px 0 10px 0;
	position:relative;
}
.bottom_box span {
	position:absolute;
	top:-8px;
	left:7px;
	padding: 0 13px;
	background-color:#FFF;
	font-weight:bold;
	
}
.footer {
	background: url(../images/content_bottom.jpg) no-repeat left top;
	float: left;
/*	height: 80px;	*/
	padding: 20px 21px 0px 21px;
	width:968px;
	text-align:center;
}

/*
.footer li {
	display:inline;
	color:#FFFFFF;
	padding-right:5px;
	line-height:22px;
	font-size:11px;
}
.footer a {
	color:#FFFFFF;
	margin-right:8px;	
	font-size:11px;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
}
*/

.column_narrow h3 {
	font-size:14px;
	margin-bottom:0;
	text-align:left;
	
}
.year {
	color:#00569a;
	font-size:12px;
	font-weight:bold;
	background: url(../images/side_list_collaps.gif) no-repeat left 2px;
	padding-left: 20px;
	float:left;
	width:178px;
	margin:10px 0;
	text-align:left;
	text-decoration: none;
}
.column_narrow .openpet {
	background-image: url(../images/side_list_collapsed.gif);
}
.releases li {
	padding: 7px 0 0 12px;
	background: url(../images/black_bullet.gif) no-repeat 3px 14px;
}
.releases {
	float:left;
	width:100%;
	padding-bottom:15px;
	text-align:left;
}
.releases a {
/*	text-decoration: none;	*/
}
.releases .active a {
	color:#000000;
	font-weight: bold;
	text-decoration: none;
}
.releases .active a:hover {
	text-decoration: none;
}
.releases p {
	font-size:10px;
	font-style:italic;
	color:#000000;
}
.fun_fact {
	position: absolute;
	left: 23px;
	bottom: 0px;
	text-indent:-9999px;
	background-image: url(../images/fun_fact.jpg);
	height: 292px;
	width: 218px;
}
.side_links {
	padding-bottom:50px;
	float:left;
	width:100%;
}
.side_links li {
	margin-top:15px;
	float:left;
	width:100%;
}
.side_links a {
	font-size:14px;
	font-weight:bold;
	margin-left: 10px;
	color:#00569a;
	line-height:16px;
	float:left;
}
.question, .person {
	color:#00569A;
	font-weight: bold;
	line-height:26px;
	cursor:pointer;
	background-image: url(../images/side_list_collaps.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
}
.question:hover, .person:hover {
	text-decoration:underline;
}
.column_wide .openpet {
	background-image: url(../images/side_list_collapsed.gif);
}
.answer, .info {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 27px;
}
.answer span { 
	margin-left:-20px;
	width:15px;
	float:left;
}
.person {
	font-weight:bold;
	cursor:pointer;
	margin-top:10px;
}

.director, .shareholder {
	color:#00569A;
	font-weight: bold;
	line-height:26px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: 8px 7px;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
/*	padding: 0px;	*/
}

.side_bul {
	margin-top:5px;
	float:left;
	width:100%;
}
.side_bul li {
	padding: 15px 0 0 10px;
	float:left;
	width:188px;
	background: url(../images/black_bullet.gif) no-repeat left 21px;
}
.side_bul a {
	color:#44A700;
}
/*
.press li {
}
.press li div {
	float:left;
	width:142px;
	height:58px;
	margin-left: -10px;
}
.press {
	margin-top:20px;
}
}*/
.press p {
	font-style:italic;
}
.shadetabs li{
	display:inline;
}
.press h3 {
	color:#133678;
	font-size:14px;
	margin:15px 0;
}
.press_wrapper {
	float:left;
	width:525px;
	margin: 1px 0 25px 0;
	background-image: url(../images/box_bg.jpg);
	height: 180px;
	border: 1px solid #a9c2de;
	padding: 11px 24px 0 24px;
	position:relative;
}
.press_wrapper h3 {
	margin-bottom:15px;
	font-size:24px;
}
.press a {
	background: url(../images/box_link_bg.gif) no-repeat left top;
	position: absolute;
	height: 35px;
	width: 95px;
	padding-left:38px;
	left: 23px;
	bottom: 18px;
	line-height:35px;
/*	color:#44A700;	*/
}
.press_wrapper a.selected {
	text-decoration:underline;
}
.press a.watch {
	background-image: url(../images/watch_video.gif);
}
.press_wrapper .press {
	float:left;
	width:100%;
	height:140px;
}
.press .image {
	float:right;
	height:50px;
	padding:30px 0 0 10px;
	width:180px;
	text-align:center;
}

.shadetabs {
	float:left;
	padding:3px 0;
	width:100%;
	text-align:right;
}
.shadetabs a {
/*	color:#c94c00;	*/
	text-decoration: none;
	padding:2px;
	margin: 3px;
	font-weight:bold;
}
.text_menu {
	position:absolute;
	background-image: url(../images/text_menu_bg_small.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 67px;
	top: 54px;
	right: 38px;
	padding: 11px 0 0 0;
}
.text_menu a {
	margin-left:12px;
	padding: 3px 0 3px 24px;
	font-size:11px;
	background-repeat: no-repeat;
	background-position: left top;
}
.print {
	background-image: url(../images/printer.gif);	
}
.text_menu .email {
	background-image: url(../images/mail.gif);	
	background-position: left 3px;
}
.contact_form form {
	background: url(../images/contact_form_bg.gif) no-repeat left top;
	float: left;
	width: 500px;
	padding-top:30px;
}
.contact_form h3 {
	font-size:12px;
	font-weight:normal;
	text-transform:none;
}
.other_contacts ul {
	padding:25px 0 0 5px;
	text-align:left;
	float:left;
	width:193px;
}
.other_contacts li {
	padding: 0 0 15px 18px;
/*	background: url(../images/side_list_collaps.gif) no-repeat left 2px;	*/
	float:left;
	width:175px;
}
.other_contacts li a {
	color:#00569a;
	font-weight:bold;
	line-height:14px;
	text-decoration: none;
}
.row {
	float:left;
	width:100%;
	padding-bottom:22px;
}
.contact_form label  {
	float:left;
	width:216px;
	padding-right:30px;
	font-weight:bold;
	text-align:right;
	line-height: 22px;
}
.contact_form input, .contact_form textarea {
	border-width: 2px;
	border-style: solid;
	border-top-color: #969696;
	border-right-color: #fbfbfb;
	border-bottom-color: #fbfbfb;
	border-left-color: #969696;
	width:180px;
}
.contact_form p {
	font-size:10px;
	margin: 3px 0 0 248px;
	padding-left:14px;
	background-repeat: no-repeat;
	background-position: left 3px;
	width:150px;
	line-height:12px;
}
.mail_ico {
	background-image: url(../images/mail_small.gif);
}
.light {
	background-image: url(../images/light_icon.gif);
}
.capcha {
	float:left;
	margin-left:247px;
	display:inline;
}
.capt {
	padding-bottom:6px;
}
.contact_form input.btn {
	border:0;
	margin: 10px 0 0 240px;
	width:auto;
}
.prev_cov {
	margin-top:35px;
}
.prev_cov li {
	float:left;
	width:100%;
	padding-bottom:25px;
}
.prev_cov .left {
	float:left;
	width:190px;
	padding-right:15px;
}
.left {
	text-align:right;
	font-weight:bold;
}
.left p {
	margin: 0px;
	padding: 0px;
}
.left span {
	display:block;
	font-size:10px;
	font-weight:normal;	
	padding-bottom:10px;
}
.right span {
	display:block;
	padding-bottom:10px;
	font-weight:bold;	
}
.right p {
	margin: 0px;
	padding: 0px;
}
.prev_cov .right {
	float:left;
	width:370px;
}

.column_wrapper {
	float:left;
	width:879px;
	background:#EDF4FC url(../images/narrow_column_bg.gif) repeat-x left bottom;
}
.column_inner {
	float:left;
	width:100%;
	background: url(../images/white_bg.gif) repeat-y left top;
}
.top_space {
	margin-top:25px;
}
#matching span {
	display:inline;
	font-size:18px;
	text-transform:lowercase;
	font-weight:bold;
}



/** Careers Pages **/

.heading_pic {
	display:block;
	padding-bottom:20px;
}
.search_form, .search_form .row {
	float:left;
	width:100%;
}
.search_form {
	padding-top:25px;
}
.search_form .row, .login_form .row {
	padding-bottom:8px;
}
.search_form label, .login_form label {
	float:left;
	width:62px;
	padding-right:5px;
	line-height:20px;
	height:20px;
	text-align:right;
}
.login_form label { 
	width:80px;
	padding-left:10px;
}
.search_form p {
	float:left;
	line-height:22px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.search_form input, .login_form input {
	height:16px;
	line-height:16px;
	padding: 1px 0;
	width:480px;
}
.search_form .submit {
	text-align:center;
	padding: 20px 0 40px 0;
}
.login_form .submit {
	text-align:center;
	padding: 20px 0 40px 0;
	margin: 0 0 0 -145px;
	width:575px;
}
.search_form .submit input, .login_form .submit input {
	float:none;
	width:auto;
	padding:0;
	height:auto;
	border:none;
}
.search_form input.short, .login_form input.short {
	width:145px;
	margin-right: 5px;
}
.search_form select, .search_form input, .login_form input  {
	border:solid 1px #809dbb;
	float:left;
}
.search_form select {
	width:482px;
	margin-right: 5px;
}
.search_form select.short {
	width:45px;
	margin-right: 5px;
}
.login_form {
	float:left;
	width:425px;
	padding: 10px 0 0 145px;
}
.login_form p {
	font-size:11px;
	margin-top:5px;
}
.bottom_ad {
	float:left;
	width:100%;
	text-align:center;
}



/** Footer **/

#bottom					{background-image:url(http://static.eharmony.com/assets/images/bg-bottom.gif); width:990px; height:18px; margin:0px auto}

DIV.footer			{margin:0px auto; font-size:11px; color:#FFFFFF; text-align:center}
DIV.footer ul		{list-style:none; margin:0px; padding:0px}
DIV.footer li		{display:inline; padding:0px 3px}
DIV.footer a		{color:#FFFFFF; text-decoration: none;}
DIV.footer a:hover	{text-decoration:underline;}

DIV.footer h4,h5		{font-size:11px; color:#FFFFFF; font-weight:normal}

DIV.footer #left	{width:450px; float:left; text-align:left}
DIV.footer #right	{width:450px; float:right; text-align:right}


/* REFORMATTED GLOBAL FOOTER */
DIV.footer DIV.footerEH 			{width:215px; float:left; text-align: left;}
DIV.footer DIV.footerEH	ul		{list-style:none; margin:0px; padding:0px; font-size:11px; color:#FFFFFF}
DIV.footer DIV.footerEH	li		{padding-bottom:5px; display: block;}
DIV.footer DIV.footerEH a		{color:#FFFFFF}

DIV.footer DIV.footerEH2 		{width:180px; float:left; text-align: left;}
DIV.footer DIV.footerEH2	ul		{list-style:none; margin:0px; padding:0px; font-size:11px; color:#FFFFFF}
DIV.footer DIV.footerEH2	li		{padding-bottom:5px; display: block;}
DIV.footer DIV.footerEH2 a		{color:#FFFFFF}

DIV.footer DIV.footerEH3 		{width:155px; float:left; text-align: left;}
DIV.footer DIV.footerEH3	ul		{list-style:none; margin:0px; padding:0px; font-size:11px; color:#FFFFFF}
DIV.footer DIV.footerEH3	li		{padding-bottom:5px; display: block;}
DIV.footer DIV.footerEH3 a		{color:#FFFFFF}

DIV.footer #rightPatent		{float:right; width:350px; text-align:right; font-size:10px; color:#FFFFFF}
DIV.footer #leftCopy		{float:left; width:600px; font-size:10px; color:#FFFFFF; text-align: left;}
DIV.footer #leftCopy a		{color:#FFFFFF}
