*{
	margin:0;
	padding:0;
 }
 
 a img{
	border:0;
	vertical-align:bottom;
 }
 a.bot-trap{
 position:absolute;
 }
 span.mal,em.mal{
 font-size:120%;
 font-style:normal;
 }
 html,body{
	height:100%;
 }
 html{ font-size:100%; }
 body{
	font-family:arial,helvetica,sans-serif,verdana,geneva,lucida,'lucida grande';
    background:#fff url("/images/gurudevam-home-bg.png") 0 -20px repeat-x ;
	font-size:1em;
	line-height:1.5;
 }
 #wrap{
	width:99%;
	min-width:800px;
	margin:0 auto;
	min-height:100%;
	position:relative;
	
}
 
 /*body > #wrap{
 overflow:auto;
 }*/
 * html #wrap{
	height:100%;
	width:expression(document.body.clientWidth < 670? "725px" : document.body.clientWidth > 1100? "1100px" : "99%"); 
 }
/*  * html #inner-wrap{
 height:1%; 
 } */
  
 
#header{
height:8em;
text-align:center;
background:url(/images/sri-narayana-guru.gif) no-repeat center bottom;
position:relative;
}

#header h1.link{
cursor:pointer;
}

#header h1, #header h2{
text-indent:-9999px;
}
div#header img#title{
position:absolute;
left:0;
bottom:-20px;
}

div#header img#logo{
position:absolute;
right:5px;
top:0em;
z-index:10;
}
* html #logo{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/leaf.png");
}

img#guru-mal{
position:absolute;
margin-left:-108px;
bottom:-45px;
left:50%;
z-index:0;
}
span#logout-link{
position:absolute;
padding:5px;
top:8.5em;
background:#DBF6D4;
}
#inner-wrap{
padding-bottom:95px;
padding-top:10px;
clear:left;
} 
#inner-wrap:after{
content: " ";
display:block;
clear:both;
}
#inner-wrap.logged-in{
padding-top:20px;
}
#left {
float:left;
width:260px;
/*border:1px solid red;*/
}
#main {
position:relative;
margin-left:260px;
}

#right {
float:right;
width:260px;
position:relative;
z-index:10;
}
#content {
padding:5px;
}
#content p{
/*text-align:justify;*/
}
div.backLink{
text-align:center;
font-size:1.1em;
font-style:italic;
margin-bottom:-1em;
}
.backLink a.image{
text-decoration:none;
}

#home #content{
margin-right:260px;
}
/*START footer */
#footer {
clear:both;
position:absolute;
bottom:0;
width:100%;
height:90px;
background-color: #73736C;
color:#000;
text-align:center;
background: url("/images/footer.gif") center bottom no-repeat;
}

#footer span {
font-size:.75em;
color:#000;
}
#footer a span{
display:none;
}
#footer li{
font-size:.9em;
display:inline;
padding:0 5px;
}

/*END footer */
/*###form### */
p{
padding:5px;
}

.notice{
padding:5px;
background:#FBFEF4;
height:1%;
/*margin:10px;*/
border:1px solid orange;
}
div.notice p{
text-align:center;
}
.notice li{
margin-left:1.5em;
list-style:decimal;
}
ul.profile li.notice{
text-align:center;
}
#edit-profile li div.right{
width:45%;
border-left:1px solid #C9DCA6;
padding-left:1em;
}
#edit-profile li div.browse_block{
margin-right:50%;
}
fieldset{
/*margin:10px;
margin-top:0px;*/
background:url(/images/form_bg.png) bottom repeat-x;
padding:5px 0;
}
* html fieldset{
position: relative;
margin-top:1em;
padding-top:1.5em;
left:0.2em;
}
* html fieldset ul{
position: relative;
}
* html #register form{
height:1%;
}
fieldset.action{
clear:both;
}
fieldset.search_details{
margin-top:1.5em;
}
* html #register #contact_details{
padding-bottom:100px;
}
fieldset legend{
border:3px solid #D9D9D9;
margin-left:0.2em;
padding:0 0.2em;
font-weight:bold;
background:#D3F3C9;
}
* html legend{
    position:absolute;
    top: -.5em;
    left: .5em;
    }

fieldset li, ul.profile ul li{
list-style:none;
clear:left;
background:url(/images/form_devider.gif) top repeat-x;
padding:2px 3px;
/*overflow:auto;*/
}

fieldset label{
float:left;
width:220px;
}
.error{
color: red;
}
ul.rasi_list{
clear:both;
}
ul.rasi_list label{
float:none;
}
form em{
color:red;
}
input, textarea, select {
font-family:arial,helvetica,sans-serif,verdana,geneva,lucida,'lucida grande';
font-size:100%;
margin:0pt;
padding:1px;
}
input.text{
overflow:hidden;
}
input.text, textarea{
width:11em;
}

#contact input.text,#contact textarea,textarea.big{
width:auto;
}
input.button{
border-width:1px;
padding:2px;
}
input.file{
width:11em;
padding:0;
border-width:1px;
}
fieldset li textarea{
overflow:auto;
}
fieldset.account_info li label{
width:210px;
}
.no_float, ul.profile span.no_float{
float:none;
}
fieldset li table.DOB{
display:inline;
}
form div.rightset{
float:right;
width:450px;
}
form div.leftset{
margin-right:450px;
}
ul.rasi_list li{
float:left;
clear:none;
}
table.horoscope{
border:1px solid #ccc;
border-collapse:collapse;
clear:both;
}
table.horoscope td{
border:1px solid #ccc;
/* padding:1px; */
width:75px;
height:62px;
text-align:center;
overflow:auto;
empty-cells:show;
}
ul.profile table.horoscope{
clear:none;
float:left;
}
#table_amsakam{
margin-left:10px;
}
.no_border{
border:none;
}

img.profile_photo,.profile_photo{
z-index:10;
/*position:absolute;
right:0;
top:0;*/
float:right;
position:relative;
text-align:center;
cursor:default;
}

img.photo{
width:90px;
height:120px;
}
img.profile_photo,img#previewImage{
border:6px solid #ccc;
margin-left:5px;
position:relative;
}

ul.profile{
width:80%;
margin:0 auto;
list-style:none;
position:relative;
clear:left;
}
ul.profile li{
clear:left;
}
ul.profile > li{
width:100%;
}
ul.profile ul{
margin-left:20px;
position:relative;
}
ul.profile span{
float:left;
width:220px;
}
ul.profile span.nofloat{
float:none;
}
h3{
background:#EFEFEF;
}
ul.profile h3 span{
font-weight:normal;
}
ul.profile em{
font-style:normal;
}
ul.profile address{
/*float:left;*/
margin-left:228px;
padding:0;
font-style:normal;
}

ul.profile address:after, ul.profile p:after{
content:" ";
display:block;
clear:both;
}
.both{
clear:both;
}
.featured ul li.both{
font-size:0;
height:0px;
line-height:0;
}
/* --- Pagination----------*/
tr.even{
background-color: #efefef;
}
tr.odd{
background-color: #ffffff;
}
span.pageinationLinks{
border: 1px solid; padding: 3px 6px 3px 6px;
}
span.paginationNoLink{
background: #efefef; border: 1px solid; font-weight: bold; padding: 6px;
}
div.pageLinkWrapper{
font: 12px tahoma, verdana, geneva, sans-serif;
margin:10px 0;
}
span.selectedPageName{
background: #cecece; color: #000; border: 1px solid; padding: 3px 6px 3px 6px;
}

/* --------------*/
.left{
float:left;
}
.clearleft{
clear:left;
}
.right{
float:right;
}
.aligncenter{
text-align:center;
}
a.linkbutton{
float:left;
margin-left:10px;
cursor:default;
padding:0 4px;
background:#D4D0C8;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
}
a.linkbutton:link,a.linkbutton:visited{
text-decoration:none;
color:#000;
}
div.notice a.linkbutton{
float:none;
padding:3px 4px;
font-weight:bold;
}
/*START navigation*/

ul#nav{
list-style:none;
margin:0;
padding-left:0px;
position:absolute;
line-height:15px;
left:0em;
top:0em;
}
ul#nav li{
float:left;
/*height:40px;*/
line-height:40px;
/*margin:0 5px;*/
position:relative;
height:1%;
}

ul#nav li a,ul#nav li span{
color:#000;
font-weight:bold;
text-decoration:underline;
font-size:100%;
display:block;
float:left;
/*height:40px;*/
padding:0 12px;
height:1%;
/*line-height:40px;
border-bottom:1px solid red;*/
}
ul#nav li span{
text-decoration:none;
cursor:default;
}
ul#nav li li a{
color:#fff;
}
ul#nav li a:link,ul#nav li a:visited{
/*color:#000;
background: none;*/
}

ul#nav li a:hover,ul#nav li a:active,ul#nav li span:hover,ul#nav li span:active,ul#nav li span.hover{
color:#fff;
background: #1a4a0d;
}
ul#nav li li{
float:none;
clear:both;
list-style:none;
margin:0;
background:#609F4F;
}

ul#nav ul{
position:absolute;
left:-99999px; 
top:2.5em;
width:10em;
}
ul#nav ul ul{
left:-99999px; 
}
ul#nav ul li:hover ul{
left:auto;
}
ul#nav ul li,ul#nav ul li a{
float:none;
}
ul#nav li:hover,ul#nav li.sfhover{
background:#336F22;
} 
ul#nav li:hover ul ul,ul#nav li.sfhover ul ul{
left:-9999px;
}
ul#nav li:hover ul,ul#nav li.sfhover ul{
left:0px;
background:#336F22;
}
ul#nav li ul li:hover ul,ul#nav li ul li.sfhover ul{
left:10em;
top:0;
}
ul#nav li:hover a,ul#nav li.sfhover a{
color:#fff;
}

#home .home,
#login .login,
#register .register,
#search .search,
#about .about,
#payment  .payment,
#contact  .contact,
#profile  li.profile,
#edit-profile  li.profile,
#visited-profiles .profile,
#my-visitors .profile,
#success-stories .success-stories
{
background:#609F4F;
}
#visited-profiles ul#nav .visited-profiles,
#my-visitors  ul#nav .my-visitors{
background:#336F22;
}
/*END navigation*/


/*START featured*/

.featured{
list-style:none;
font-size:90%;
}
li.profile_links, div.profile_links{
position:relative;
z-index:10;
}
li.profile_links ul{
margin-left:94px;
}
.featured li{
margin:2px 0;
list-style:none;
height:1%;
}
.featured li  a{
font-size:110%;
}
.featured ul li{
height:auto;
padding:0 2px;
margin:0;
}
.featured li img{
float:left;
clear:left;
border: 1px solid #BFBFBA;
margin-right:2px;
}
img#previewImage{
position:absolute;
top:-50%;
z-index:10;
}
* html #content {
position:relative;
/* z-index:-1; */
}
#left img#previewImage{
left:280px;
}
#right img#previewImage{
right:280px;
}
#search img#previewImage,#my-visitors img#previewImage,#visited-profiles img#previewImage{
right:100%;
}
.featured li a {
	text-decoration: none; }
.featured li a:hover {
	text-decoration: underline; }

/* banners with JS */

.featured  li:hover , .featured  li.over{
	cursor: pointer;
	background: #f6f6f6;
	border-color: #999; 
}

.featured  li.out{
background: none;
}
/*END featured*/

/*START search*/

#home label {
    width:110px;
}

#home #account_details, #home fieldset{
margin-top:1.5em;
}
#home .form1{
margin-top:3em;
}
ul.list_links{
margin-bottom:50px;
}
ul.list_links li{
float:left;
margin-left:20px;
}
ul.list_links li a.selected{
border:1px solid #000;
padding:2px;
text-decoration:none;
}
table.list{
border-collapse:collapse;
clear:left;
background-color:#EFF7E8;
width:100%;
}
table.list tr.even{
background-color: #D7EFC2;
}
table.list tr.odd{
background-color: transparent;
}
table.list td ,table.list th{
border:1px solid #aaa;
padding:2px 5px;
}
table.list th a.selected_a{
background:url(/images/down.gif) no-repeat right;
display:block;
padding-right:16px;
}
table.list th a.selected_d{
background:url(/images/up.gif) no-repeat right; 
display:block;
padding-right:16px;
}
col.selected{
background:#B3DF8B;
}
#search dl{
margin-left:10px;
padding-left:10px;
}
#search dt{
font-weight:bold;
clear:both;
}
#search dd{
margin-left:40px;
}
#payment ol{
margin-left:30px;
}
ol address, #contact address{
float:left;
width:14em;
margin-top:1em;
font-style:normal;
font-size:1em;
color:#333;

}
#payment ol li ,#contact ol li{
clear:both;
}

a:link, a:visited{
color:#1A4A0D;
text-decoration:underline;
}
a:hover, a:active{
color:#FF7E00;
}
h3 a:link, h3 a:visited{
color:#FF7E00;
text-decoration:underline;
}
h3 a:hover, h3 a:active{
color:red;
}
hr{
color:#ccc;
background:#ccc;
height:1px;
border:none;
}
#goog-wm ul, #goog-wm li{
list-style:none;
}
.underline{
text-decoration:underline;
}

select#Star{
width: 200px;
font-size:1.3em;
}
ol,ol li{
margin:auto;
}
ol li{
list-style:upper-roman;
list-style-position:outside;
}
ol ol li{
list-style:decimal;
}
ol ol ol  li{
list-style:lower-roman;
}
ol ol ol  ol li{
list-style:lower-alpha;
}
#mal_tips, #mal_tips ol, #mal_tips ol li{
margin:auto;
padding-left:1em;
}
#mal_tips ol, #mal_tips ol li{

}
/* -----------Cool buttons------------------*/
.btn {/* http://stopdesign.com/eg/buttons/3.0/code.html*/
display:inline-block;
background:none;
margin:0;
padding:3px 0;
border-width:0;
overflow:visible;
font:100%/1.2 Arial,Sans-serif;
text-decoration:none;
color:#333;
cursor:pointer;
height:1%;
}
.small{
font-size:80%;
margin-right:2px;
}
button.large{
font-size:115%;
margin-left:2px;
}
* html button.btn {
padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right 
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
/*
html:not([lang*=""]) button.btn {
margin:0 -3px;
}
*/
.btn span {
background:#ddd url(/images/bg-button.gif) repeat-x 0 0;
margin:0;
padding:3px 0;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}
* html .btn span {
padding-top:0;
}
.btn span span {
position:relative;
padding:3px .4em;
border-width:0;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
}
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
  cursor:pointer; /* important for any clickable/pressable element */
  border-color:#9cf !important;
  color:#A80000;
  }
a.btn:hover,a.btn:active{
text-decoration:none;
}  
.btn:active span {
  background-position:0 -400px;
  outline:none;
  }
.btn:focus, .btn:active {
  outline:none; /* doesn't seem to be respected for <button>, only <a> */
  }

/* use if one button should be the 'primary' button */
.primary {
  font-weight:bold;
  color:#000;
  }

a.btn.back{
line-height:47px;
}
/*-----------------------*/
div.story{
border:5px solid #7ECF67;
padding:0.5em 0;
clear:both;
/*overflow:visible;*/
width:65%;
margin:1em auto;
position:relative;
min-height:165px;
height:auto !important;
height:165px;
}
#home div.story{
float:left;
width:97%;
clear:none;
border-width:1px;
min-height:0;
height:auto;
margin:.3em auto;
padding:.3em;
}
div.story p{
font-family:Georgia,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-style:italic;
padding:3em;
position:relative;
height:1%;
}
div.story p span.quote{
font-size:4em;
font-weight:bold;
color:#999;
}
div.story p span.top{
position:absolute;
top:0;
left:.5em;
}
div.story p span.bottom{
position:absolute;
bottom:0;
right:0.5em;
}
#home .story p span.quote{
font-size:1em;
position:static; left:auto;right:auto;
}
div.odd{
border-radius:20px 0px 20px 0px;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;
}
div.even{
border-radius:0px 20px 0px 20px;
-moz-border-radius:0px 20px 0px 20px;
-webkit-border-radius:0px 20px 0px 20px;
}
#success-stories div.header{
background:#bbb;
overflow:auto !important;
overflow:visible;
height:1%;
padding:0 .3em;
font-size:90%;
margin-bottom:5px;
}
#home .story div.header{
padding-left:30%;
}
#success-stories div.header span{
width:34%;
float:left;
}
#success-stories div.header span.date{
width:32%;
}
div.story a.fancybox img{
border:5px solid #7ECF67;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:absolute;
margin-top:20px;
}
div.odd a.fancybox img{
right:-70px;
}
div.odd  p{
margin-right:60px;
}
div.even a.fancybox img{
left:-70px;
}
div.even  p{
margin-left:60px;
}
#home .story p{
margin:0;
margin-left:30%;
padding:0;
}
#home .story a.fancybox img{
position:static; left:auto;right:auto;margin:0; border:3px solid #ccc;
}
#home .story a.fancybox{
float:left;
}