﻿
body
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:.8em;
	background:#666 url(../images/bg_matrimony.png);
	margin:0;
	padding:0;
}
#container {
/*background:#FFFFFF url(../Images/Loginpage/container_bg.jpg) no-repeat scroll 0 0;*/
background-color:#fff;
margin:0 auto;
width:788px;
}
#header {
height:67px;
position:fixed;
margin-left:0px;
top:0;
width:788px;
}
#logo {
float:left;
margin-left:10px;
margin-top:6px;
}
#logo img {
height:34px;
width:246px;
}
#punch_line {
float:left;
margin-left:30px;
margin-top:40px;
margin-left:-245px;
}
#top_searchFrm {
background:url(../Images/Loginpage/bg_matri_top_frm.png) repeat-x bottom;
height: 90px;
font-size:.85em;
float:left;
margin-top:15px;
width:778px; 
padding:5px 0 0 10px; 
}
#topNav {
float:right;
font-size:10px;
width:320px;
height: 16px;
color:#000;
text-transform:uppercase;
}

#topNav a {
text-decoration:none; color:#000;
}
#topNav a:Hover {
text-decoration: underline;
}
#topNav .current {
text-decoration: underline;
}


#ForgotUP {
font-size:1em;
color:#000;
}
#ForgotUP a {
text-decoration:none; color:#000;
}
#ForgotUP a:Hover {
text-decoration: underline;
}


#content {
padding-top:220px;
}
#mainColumn {
background:url(../Images/Loginpage/girl_matrimonial.jpg) no-repeat;
margin-top: -75px;
margin-left:15px;
width:460px;
height:304px;
}

#LogoutColumn {
background:url(../Images/Loginpage/dadhichMatrimony_ad2.jpg) no-repeat;
margin-top: -75px;
margin-left:15px;
width:460px;
height:316px;
}
#banners
{
	float:right;
	width:294px;
	margin:0px 10px 20px 0px;
	margin-top: -70px;
}
#banners .banner
{
	margin:0px 10px 20px 10px;
}
div#pic1{
width:273px; height:100px; margin:15px 0px 0px 16px; padding-left:20px; float:left; background:url(../Images/Loginpage/bg_profile_by_id.png) no-repeat;
}
div#pic3{
margin-top:-25px; width:293px; height:160px; float:left; background:url(../Images/Loginpage/bg_login_frm.png) no-repeat;
}

div#register_ribbon{
width:780px; margin-left: 40px; height:80px; color:#FFFFFF; font-size:10px; font-weight:normal;
}
.step1{
float:left; width:190px; height:53px; margin: -15px 0 0 0; padding: 30px 5px 5px 8px; background: url(../Images/Loginpage/stage1.png) no-repeat; z-index:1; color:#fff; text-decoration:none;cursor:pointer;
}
.txtlinkwhite a{
color:#fff; text-decoration:none; cursor:pointer;
}
.txtlinkwhite a:hover{
color:#fff;
}

div#step2{
float:left; width:190px; height:53px; margin: -15px 0 0 -40px; padding: 30px 5px 5px 8px; background: url(../Images/Loginpage/stage2.png) no-repeat; z-index:2;color:#fff; text-decoration:none;cursor:pointer;
}
div#step3{
float:left; width:235px; height:63px; margin-top: -30px; margin-left:-40px; padding: 45px 5px 5px 8px; background: url(../Images/Loginpage/stage3.png) no-repeat; z-index:3;color:#fff; text-decoration:none;cursor:pointer;
}
div#step4{
float:left; width:137px; height:70px; font-size:18px; margin: -15px 0 0 -18px; padding: 25px 5px 5px 8px; background:url(../Images/Loginpage/bg_register_free.gif) no-repeat; z-index:4;
}
div#step4 a {
text-decoration:none; color:#FFFFFF;
}
div#step4 a:Hover {
text-decoration: underline;
}
div#tabs_feature{
width:771px; height:163px; margin:auto; text-align:center;
}
.inputFld {
	background:transparent;
	color:#000;
	width:186px;
	border:0;
	font:bold 11px;
	padding:0px;
	height:18px;
}

#header .submitBtn {
	cursor:pointer;
	border:outset 1px #FFF;
	background:#007dce;
	margin:0px;
	width:66px;
	color:#fff;
	font-weight:bold;
}

 
.blacklink a {
	color:#000000;
	text-decoration:none;
}

		  
.blacklink a:visited {
	color:#000000;
	text-decoration:none;
	height:10px;
}
   

.divAdvanceSearch
{
width: 131px;
clear:both;
cursor:pointer;
text-align:center;
}

.divAdvanceSearch h3
{
font-size:11px;
font-weight:bold;
height:22px;
width:131px;
padding:10px 0 0 0;
background:url(../images/bg_advanceSearch.png) no-repeat left;
margin:0;
}

.divAdvanceDtl
{
line-height:20px;
text-align:left;
background:url(../images/bg_advanceSearchDtl.png) repeat-y;
width:121px;
padding-left:10px;
border-bottom:2px solid #fff;
color:#FFFFFF;
margin-top:-11px;
}
.divAdvanceDtl ul
{
text-align:left;
margin-left:0px;
padding:0px 0px 0px 0px;
list-style: none; 

}
.divAdvanceDtl li {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;
color:#000;
}
.divAdvanceDtl li a {
text-decoration:none; color:#000;
}
.divAdvanceDtl li a:Hover {
text-decoration: underline;
}



        

#footer
{
position: relative;
/*clear: both;*/
height: 66px;
text-align: center;
line-height: 20px;
background-image: url('../Images/BasicCssImages/a50.gif');
color: #A8A88D;
width: 788px;
margin:auto;
font-size: 11px;
}

#footer a
{
color: #8C8C73;
text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
	color: #8C8C73;

}

   
            

input.blur 
{
	color: #CCC;
}


	
		#makeMeScrollable
	{
		width:100%;
		height: 100px;
		position: relative;
		
	}
	
		#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		
	}
	
	.scrollWrapper
	{
		margin-left:5px;
	}
	
	/* Profile of the day CSS start*/


    .PD_srdisp_topbar
{
	padding: 6px 0 0 1px;
	margin-left:10px;
	
}

.PD_srdisp_bgdiv
{
	padding: 0 0 5px 0;
	
	
}
.PD_srdisp_img
{
	float: left;
	margin: 2px 5px 0 0;
	border: #484848 2px solid;
	
}
.PD_srdisp_basic
{
	
	font: 10px verdana;
	width:140px;
	PADDING-LEFT: 10px;
	
}
.PD_profileid
{
	padding-left: 5px;
	font-weight:bold; 
	text-align: left;
	font-size:11px;
	color: #000;
}
.PD_profileid a
{
	text-decoration: none;
	color: #000;
	font: bold 10px/13px;
}
.PD_profileid a:hover
{
	text-decoration: underline;
	color: #000;
}
 /*Profile of the day CSS end*/
 /*    --------Gritter CSS Start-------------*/
	#gritter-notice-wrapper 
{
	
	position:fixed;
	right: 				3px;
	bottom:				3px;
	
	z-index:9999;
}

.gritter-close {
	display:none;
	position:absolute;
	top:10px;
	left:3px;
	background:url(images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:32px;
	height:32px;
}
.gritter-image {
	
	float:left;
}
/*    --------Gritter CSS End-------------*/


/* Main Site CSS For Form Fields */
/*.input{
	font-size:1em;
	padding:0px;
	height:18px;
}
.input:hover {
    border: 1px solid #f00;
    background: #ffc;
}*/
select {
background-color: #FFF;
border: 1px solid #7F9DB9;
color: #000;
outline:none;
font-size:1em;
margin: 0px;
width:130px;
}

fieldset {padding:0 5px 0 5px; border:0; margin-left:10px; margin-top:15px;}
.HomeFrmErr
{
color:#fff;
font-weight:bold;
}


select, input, textarea, button {outline:none; margin:0px;}
.button {
	cursor:pointer;
	border:outset 1px #FFF;
	background-color:#007DCE;
	color:#fff;
	font-weight:bold;
	padding:4px 7px;
}
.button:hover {
   border: 1px solid #FFF;
   background : #BED9EE;
   color:#333;
}









/* ColorBox Core Style  Start*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorboxImages/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious :hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorboxImages/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext: hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/colorboxImages/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/colorboxImages/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose :hover{background-position:bottom center;}
        
        /* ColorBox Core Style  Start*/
        
 /****************** cluetip CSS Start********************* */       
        
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../Images/colorboxImages/loading.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}


.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #F4FFE3;
}
.cluetip-default #cluetip-outer ul 
{
	margin-left:14px;
	list-style:outer;
}

.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  /*background-color: #6DAC00;*/
  background:#6DAC00 url(../Images/bg_button.gif) repeat-x;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

 /****************** cluetip CSS End********************* */     


