﻿
/* CSS Document */
*
{
padding: 0px;
margin: 0px;
}
body
{
background: #F9F9F7 url(../Images/BasicCssImages/a1.gif) repeat-x;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #4f4f4f;
}

#outer
{
position: relative;
width: 780px;
margin: 0 auto;
background: #fff url(../Images/BasicCssImages/abg.gif) repeat-y;
}

#inner
{
position: relative;
padding: 0 20px 5px 20px;
z-index: 2;
margin:auto;
}
#header {
background-image:url(../Images/BasicCssImages/bg_matrimony_top.png);
height:60px;
}

#logo {
float:left;
margin-left:10px;
margin-top:6px;
}

#logo img {
height:34px;
width:271px;
}

#punch_line {
float:left;
margin-left:30px;
margin-top:40px;
margin-left:-265px;
}

#topNav {
float:right;
width:250px;
height: 16px;
color:#000;
text-transform:uppercase;
text-align:center;
}

#topNav a {
text-decoration:none; color:#000;
}
#topNav a:Hover {
text-decoration: underline;
}
#topNav .current {
text-decoration: underline;
}

/* Top Login control Start */

.loginTop {
clear:both;
cursor:pointer;
height:23px;
margin:0;
margin:0 0 0 0;
padding:0 !important;
width:120px; 
}

.loginExpand {
width:200px;
position:relative;
border-left:1px #cacaca dotted;
border-right:1px #cacaca dotted;
z-index: 2500;
background: url(../Images/bgTopLogin.gif) #fffbf4 no-repeat bottom;
float: right;
padding:5px;
margin-top:5px;
}

/* Top Login control End */
.WhiteLink a {
text-decoration:none; color:White;
}
.WhiteLink a:Hover {
text-decoration: underline;
}
.WhiteLink .current {
text-decoration: underline;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
background: #fff url(../Images/BasicCssImages/upbg.gif) no-repeat;
width: 780px;
height: 264px;
z-index: 1;
}

#menu
{
position: relative;
background-color:#ffaf00;
height: 40px;
padding: 0px 20px 0px 5px;
margin:0 0 10px 0;
}

#menu ul
{
}

#menu ul li
{
display: inline;
line-height: 40px;
padding-left: 3px;
}

#menu ul li.first
{
border-left: 0px;
}

#menu ul li a
{
background-color: transparent;
background-repeat: repeat-x;
padding: 8px 12px 8px 12px;
font-size: 12px;
color: #fff;
font-weight: bold;
}

#menu ul li a:hover
{
background-color: #f1f1f1 ;
color: #4A4A24;
text-decoration: none;
}

#primarycontent_reg
{
position: relative;
width: 100%;
padding:25px 0 0 5px;

}
#primarycontent
{
position: relative;
width: 535px;
padding:6px 0 0 5px;
margin:auto;
float: right;
}

#primarycontent_singleCol
{
position: relative;
width: 730px;
/*background:url(../Images/BasicCssImages/a33.gif) repeat-x bottom;*/
margin:auto;
}

#navcontent
{
padding: 0 8px 0 5px;
position: relative;
width: 185px;
color:#393939;
float: left;
margin-bottom:5px;
}

.navcontent
{
padding: 0 8px 0 5px;
position: relative;
width: 185px;
color:#393939;
float: left;
margin-bottom:5px;
}
.nav_text{
color:#393939;
text-decoration:none;
}
.nav_text a{
color:#393939;
text-decoration: none;
}
.nav_text a:hover{
color:#393939;
text-decoration: underline;
}

.navigator_dtl {
width:180px; 
background:url(../Images/BasicCssImages/div_bg_top.gif) repeat-x top; 
padding:3px;
margin-top:10px;
border-right:1px #cacaca dotted; 
border-left:1px #cacaca dotted; 
border-bottom:1px #cacaca dotted;
line-height:17px;
color:#FFFFFF;
overflow:hidden;
}
.SearchByIDControl
{
width:180px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:red;
margin:10px 0px 10px 0px;

}
.SearchByIDControlInput
{
	width: 120px; vertical-align:top;
}
.SearchByIDControlbutton {
	width:40px;
	cursor:pointer;
	border:outset 1px #D9F0B5;
	background:#1777B1;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 10px;
}
.SearchByIDControlbutton:hover {
    border: 1px solid #6DAC00;
    background: #BBDDFF;
	color:#333;
}


#navigator_user ul
{
margin: 0; padding:5px 0 0 10px;
}

#navigator_user ul li a {
text-decoration:none;
}
#navigator_user  ul li a:Hover {
text-decoration: underline;
}
.navigator_userLink 
{
margin: 0; 
padding:5px 5px 5px 25px;
color:#393939;
}

.navigator_userLink  li a {
text-decoration:none; color:#000;
}
.navigator_userLink   li a:Hover {
text-decoration: underline;
}

.navigator_userWelcome 
{
margin: 0; 
color:#393939;
list-style: none;
}

.navigator_userWelcome  li a {
text-decoration:none; color:#000;
}
.navigator_userWelcome   li a:Hover {
text-decoration: underline;
}

.dadhich_gotra   {
	text-decoration:none; 
	color:#ff870a;
}
.dadhich_gotra 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: 730px;
margin:auto;
}

#footer a
{
color: #8C8C73;
text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
	color: #8C8C73;

}


.inputFld {
	background: #fbfbfb;
	color:#000;
	width:175px;
	border:1 thin inset;
	font-size:11px;
	padding:0px;
	height:15px;
}
/* Additional Styles for two coloumn layout */

#lnav_welcome{
background:url(../Images/BasicCssImages/bg_div_welcome.png) repeat-x top #FFFFFF; 
padding:10px 5px 5px 2px; 
width:185px; 
margin:auto; 
line-height:20px; 
border-bottom:1px #444 dotted;
}

#lnav_heading{
background-color:#1777B1; 
height:20px; 
text-align:center; 
font-weight:bold; 
color:#FFF;
text-shadow:0.1em 0.1em 0.2em black;
}
.txt_black_bold{
color: #000000; font-weight:bold;
}
#mem_type{
float:left; 
margin: 10px 5px 0 5px; 
text-align:center; 
width:24px; 
height:50px;
}


#mem_info{
float:right; 
margin: 10px 5px 0 5px; 
padding:5px; 
background:#FFAF00; 
border:1px #fff dotted;
text-align:center;
}
#mem_info a
{
	color:#fff;
}

input.blur {
				color: #CCC;
			}



/* Profile of the day CSS start*/


    .PD_srdisp_topbar
{
	padding: 6px 0 0 1px;
	
}

.PD_srdisp_bgdiv
{
	padding: 0 0 5px 0;
	overflow:hidden;
	border-bottom: #484848 1px solid;
}
.PD_srdisp_img
{
	float: left;
	margin: 2px 5px 0 0;
	border: #484848 2px solid;
	
}
.PD_srdisp_basic
{
	margin-top: 5px;
	padding: 0 0 5px 5px;
	font: 10px verdana;
	
}
.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*/
 
 /* Extra Css For Page Data Start*/

.PageNameMsg
{
	color:#CC0000;
	font-size:14px;
	font-weight:bold;
}
.TextSize12
{
	font-size:12px;
}
.TextSize10
{
	font-size:10px;
}

.boldText
{
	color: #000;
	font-weight: bold;
}
.PageSkipMsg a
{
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.PageSkipMsg a:hover
{
	text-decoration:underline;
}

.CompulsaryMsg
{
	float: right;
	color: Red;
}


.ErrorDiv
{
	color:red;
}
.RedText
{
	color: red;
}

.PhotoDetils
{
 padding-left: 20Px;
 width : 80%;
 background-color:White;
}

.Datatable
{
	padding-left: 10Px;
	width:90%
}
.Datatable td
{
	padding-bottom: 7Px;

}
.PhotpDetailRow
{
	
}
.BlankRow
{
	height: 20px;
}

.colspantdText
{
	width: 100%;
	float: left;
}


.tdText
{
	width: 30%;
	float: left;
	vertical-align:top;
}

.tdControlText
{
	width: 70%;
                  float: left;
	vertical-align:top;
}
.ContactInfoImg
{
	width:16px; height:16px;
}
  
    .ViewDetailleftflow{ float:left; margin-left:0px;font:bold 16px verdana,Arial; color:#CC0000;margin-top: 15px;}
    .ViewDetailRightflow{margin-top: 20px; float:right;font:normal 11px verdana,Arial; }
    .ViewDetailRightflow p{width: auto; vertical-align:bottom;}
     .left30 {margin-left: 30px;float:left; width:100%;}
     .Fontstyle{ font:normal 11px verdana,arial; color:#EF9429 }

/* 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;
}
#header .submitBtn {
	cursor:pointer;
	border:outset 1px #FFF;
	background:#007dce;
	margin:0px;
	width:66px;
	color:#fff;
	font-weight:bold;
}
fieldset {padding:0 5px 0 5px; border:0; margin-left:10px; margin-top:15px;}
dl {margin: 0 0 0 20px}
dt {float:left; width:130px; margin:0 10px 5px 0;}
dd {float:left; width:200px; margin:0 ;}

.HomeFrmErr
{
color:#fff;
font-weight:bold;
}

/*Safari*/
select, input, textarea, button {outline:none; margin:3px;}
.button {
	cursor:pointer;
	border:outset 1px #FF870A;
	background:#FF870A url(../Images/bg_button.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	padding:4px 7px;
}
.button:hover {
    border: 1px solid #FF870A;
   background : #BBDDFF;
	color:#333;
}

.button_upload {
	cursor:pointer;
	border:outset 1px #6DAC00;
	background:#6DAC00 url(../Images/bg_button.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	padding:4px 7px;
}


.formselect 
{
/*border:2px dotted #00f;*/
	}

.buttonwrapper{ 
overflow: hidden; 
width: 100%;
}
.redTextExpressIntMsg
{
	color:#cc0000;
}

      
      .LogoutMsg
{
 color:Red; margin-top:10px;
  text-align:left; vertical-align:top;
}
      .LoginControlUI
{
 width:300px; margin-left:30px;

}
.blackLink   a {
	text-decoration:none; 
	color:#000;
}
.blackLink    a:Hover {
	text-decoration: underline;
}
   
   

    .con_fig
    {
    border: 1px solid #A8A8B6;
    line-height:2;
    }
    .o14{font:normal 14px verdana,Arial; color:#EF9429;}
    .greyele{font:normal 11px verdana,Arial; color:#666666}
    .grayline{height:2px; background-color:Gray;}
    .redTxt{font:bold 14px verdana,Arial; color:#CC0000;}
    .leftflow{ float:left; margin-left:0px;margin-top: 15px;}
    .rightflow{ float:right; margin-right:0px;margin-top: 17px;}
    .PinkTxt{ font:bold 16px Verdana,Arial; color:#F29327 }
    
     .ContactMore{color:#CC0000; cursor:pointer}
    /*LINKS FONTS COMMON*/
    .bluelink { text-decoration:none;}
   .bluelink a { color:#003498; text-decoration:none;}
   .bluelink a:hover { color:#003498; text-decoration:underline;}
 
	/* Photo Page  CSS start*/
    

	 .search_feature_div
{
	width: 530px;
	background: url(../Images/SearchResult/bg_search_ftr_lower.png) repeat-x;
border-right:#EDEFED1pxsolid;
border-left:#EDEFED1pxsolid;
border-bottom:#EDEFED1pxsolid;
padding-bottom:3px;
}
.srch_ftr_box
{
	float: left;
	margin: 0 0 0 2px;
	width: 127px;
	padding: 5px 0 0 0;
	text-align: left;
}

.srch_ftr_box_delete
{
	float: left;
	margin: 0 0 0 2px;
	width: 160px;
	padding: 5px 0 0 0;
	text-align: left;
}

.srch_ftr_box a
{
	text-decoration: none;
	color: #000;

	
}
.srch_ftr_box a:hover
{
	text-decoration: underline;
	color: #000;
}

.ftr_top_ttl
{
	height: 31px;
	padding: 8px 0 3px 3px;
	width: 100%;
	background: url(../Images/SearchResult/bg_search_featured.gif) top repeat-x;
}





	
		#makeMeScrollable1
	{
		width:520px;
		margin:auto;
		/*height: 300px;*/
		position: relative;
	}
	
	
	#makeMeScrollable2
	{
		width:520px;
		margin:auto;
		/*height: 300px;*/
		position: relative;
	}
	

	#makeMeScrollable1 div.scrollableArea *
	{
		position: relative;
		/*float: left;
		margin: 0;
		padding: 0;*/
	}
	
	#makeMeScrollable2 div.scrollableArea *
	{
		position: relative;
		/*float: left;
		margin: 0;
		padding: 0;*/
	}
	
	/* Profile of the day CSS start*/



	
	/* Photo Page  CSS End */


  




/* 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********************* */    
 
 .ExpressInterestMsg
{
	color:#000;
	padding-top:30px;
} 
. AddFavoritesMsg
{
	color:#000;
	padding-top:30px;
} 


.LoginLink a {
text-decoration:none; color:#000;
font-size:1em;
}
.LoginLink a:Hover {
text-decoration: underline;
}
.ResponseFormBody
{
		font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:0.75em;
	background-color:#fff;
	color:#000;
}


/* CSS for form validation */

.inputContainer {
	POSITION: relative; FLOAT: left
}
.formError {
	Z-INDEX: 5000; POSITION: absolute; DISPLAY: block; TOP: 300px; CURSOR: pointer; LEFT: 300px
}
.ajaxSubmit {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: none; BACKGROUND: #55ea55; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; PADDING-TOP: 20px
}
.formError .formErrorContent {
	Z-INDEX: 5001; BORDER-BOTTOM: #ddd 2px solid; POSITION: relative; BORDER-LEFT: #ddd 2px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 10px; WIDTH: 150px; PADDING-RIGHT: 10px; FONT-FAMILY: tahoma; BACKGROUND: #ee0101; COLOR: #fff; FONT-SIZE: 11px; BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; PADDING-TOP: 4px; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px
}
.greenPopup .formErrorContent {
	BACKGROUND: #33be40
}
.blackPopup .formErrorContent {
	BACKGROUND: #393939; COLOR: #fff
}
.formError .formErrorArrow {
	Z-INDEX: 5006; POSITION: relative; MARGIN: -2px 0px 0px 13px; WIDTH: 15px
}
.formError .formErrorArrowBottom {
	MARGIN: 0px 0px 0px 12px; TOP: 2px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none
}
.formError .formErrorArrow DIV {
	BORDER-LEFT: #ddd 2px solid; LINE-HEIGHT: 0; MARGIN: 0px auto; DISPLAY: block; BACKGROUND: #ee0101; HEIGHT: 1px; FONT-SIZE: 0px; BORDER-RIGHT: #ddd 2px solid; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444
}
.formError .formErrorArrowBottom DIV {
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none
}
.greenPopup .formErrorArrow DIV {
	BACKGROUND: #33be40
}
.blackPopup .formErrorArrow DIV {
	BACKGROUND: #393939; COLOR: #fff
}
.formError .formErrorArrow .line10 {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 15px; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.formError .formErrorArrow .line9 {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 13px; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.formError .formErrorArrow .line8 {
	WIDTH: 11px
}
.formError .formErrorArrow .line7 {
	WIDTH: 9px
}
.formError .formErrorArrow .line6 {
	WIDTH: 7px
}
.formError .formErrorArrow .line5 {
	WIDTH: 5px
}
.formError .formErrorArrow .line4 {
	WIDTH: 3px
}
.formError .formErrorArrow .line3 {
	BORDER-BOTTOM: #ddd 0px solid; BORDER-LEFT: #ddd 2px solid; WIDTH: 1px; BORDER-RIGHT: #ddd 2px solid
}
.formError .formErrorArrow .line2 {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 3px; BACKGROUND: #ddd; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.formError .formErrorArrow .line1 {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 1px; BACKGROUND: #ddd; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}

