/*  
	Copyright (c) 2009, LoveMachine Inc.
    All Rights Reserved. 
    http://www.lovemachineinc.com
*/

body {
	margin: 0;
	padding:0;
	background: #fff url(../images/background_gradient4.jpg) repeat-x top;
	text-align:center;
	font-family: "Trebuchet MS", "Trebuchet", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}

#outside { text-align:left;
	position: relative;
	width:950px;
	margin:35px auto 10px auto;
	}
#welcome {
	position:relative;
	padding: 0 40px 10px 40px;
	width:870px;
	text-align:left;
	font-weight: bold;
	color: #98AAB2 ;
	font-size:12px;
	z-index:50;
	}
#weeklyLove {
	margin-left: 16px;
}
	
#tagline {
	float:right;
	width: 350px;
	margin: 0;
	padding:0;
	color:#98AAB2;
	font-size:11px;
	font-style:italic;
	text-align:right;

}	

#logo {
	position:absolute;
	right: 20px;
	top:5px;
	height: 200px;
	width: 200px;
	margin: 0;
	padding:0;
	background:url(../images/SendLove_logo_sm.png) right top no-repeat;
	z-index:200;

}	



#container {	
	position: relative;
	width:950px;
	margin:0;
	padding:0;
	}

#left, #right {
	height: 405px;
	width: 14px;
	margin: 0px;
	padding: 0px;
}

#left {	
	background: url(../images/left.png) no-repeat right top;
	float: left;
}

#right {
	background: url(../images/right.png) no-repeat left top;
	float: right;
}

#center {
	width:862px;
	background: #FFFFFF;
	margin:0;
	padding:15px 30px 15px 30px;
	min-height:370px;
	float:left;
}

#nav {
	text-align: left;
	width: 100%;
	font-weight: bold;
	color: #98AAB2;
	height:15px;
	font-size:12px;
	margin-bottom:35px;
	z-index:100;
}


#in-rt {width:230px;
	float:right;
	margin:14px 0 0 25px;
	z-index:10;}
	
#in-lt {width:607px;}

#rt-login {width:200px;
	float:right;
	margin:0 0 20px 25px;
	border:1px solid #88809a;
	padding:20px 10px 10px 10px;
	background: url(../images/bgshade.jpg) repeat-x top left; 
}

#lt-login {width:600px;
	float:left;
	margin:0 0 20px 0;
}
	
#footer {
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	}
#footer p {text-align:center;
	font-size:10px;
	color:#98AAB2;
	margin:5px 0;
	padding:0;
	}
#footer a {color:#98AAB2;}

#footer  .loves {font-style:italic;
	font-size:16px;
	margin-bottom:0;
}


/* basic tag styles */


p, label {	
	padding: 0;
	margin:0;
	font-size:13px;
	color:#333333;
}


p{
	margin: 0 0 20px 0;
	line-height:18px;
}


li {	
	font-size:13px;
	color:#333333;
	margin-bottom:7px;
}

h1 {
	font-size: 24px;
/*	color: #917566; */
	color: #876f6d;
	margin:0;
	padding:0 0 24px 0;
	font-weight: normal;
}

h2 {
	color:#aaa5cc;
	font-size: 20px;
	margin:0;
	padding:0 0 20px 0;
	font-weight: normal;
}

h3 {
	font-size: 15px;
	color: #6f6f6f;
	margin:0 0 15px 0;
	padding:0;
}

h4 {
	font-size: 13px;
	color: #6541B8;
	margin:0 0 15px 0;
	padding:0;
}

h5 {
	font-size: 13px;
	color: #51466B;
	margin:0 0 15px 0;
	padding:0;
	font-weight:bold;
}

h6 {
	font-size: 12px;
	color: #222;
	margin:0 0 15px 0;
	padding:0;
	font-weight:bold;
}



a img {border:none;}


a { color:#98AAB2;
	}
	
a:hover { 
	text-decoration:none;
	}


#nav a, #welcome a {
	color: #6f6f6f;
	text-decoration: none;
}
#nav a:hover, #welcome a:hover {
	color: #98AAB2;
}
#welcome a:hover {
	color: #98AAB2;
}



/* Table Styles */

table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #aaa;
	border-collapse: collapse;
	background-color: white;
}
table th {
	border-width: 1px;
	padding: 0;
	border-style: solid;
	border-color: #aaa;
}
table td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #aaa;
}

.table-hdng {
	height:30px;
	background: url(../images/tbg.jpg) repeat-x bottom left;
}

.table-hdng td{
	color: #6f6f6f;
	font-size: 13px;
	font-weight: bold;
	}

.rowodd {
	background-color: #fff;
}
.roweven {
	background: url(../images/evenrow2.jpg) #fff repeat-x top left;
}


#pagination {text-align:center; margin:5px;}

/* FORM styles */

.tw {
	color:#876f6d;
	font-size:18px;
	line-height:25px;
	}
	
input[type=text], input[type=password], textarea {
	border: 2px solid #d1cfcf;
	padding:2px 5px;
	margin-bottom:3px;
	font-size:12px;	
}

input#to, input#for1 {
	font-size:15px;
	line-height:20px;
	padding:5px;
}

input[type=text]:active, input[type=text]:hover, input[type=text]:focus,
input[type=password]:active, input[type=password]:hover, input[type=password]:focus {
	border: 2px solid #876f6d;
}

form input image{border:none;}

.LVspace {height:65px; position:relative;}
.LVspacelg {height:80px; position:relative;}

.watermark { color: #aaa; font-size:12px; font-style:italic; font-weight:normal; }

p.error {
		color:#C00;
	font-size:15px;
}

.red {color:#FF0000;}

.private_button{
	margin-left: 20px;
}

/* Ryan's buttons */

input[type=submit] {
    background:  url(../images/button120_01.gif) no-repeat 1px 2px;
	display:inline-block;
    color: #444;
    font: normal 12px;
    height: 26px;
	width:121px;
    line-height: 26px;
	text-align:center;
	outline: none;
	border:none;
	-moz-outline-style: none;
}

input[type=submit].lgbutton {
    background: url(../images/button160_01.gif) no-repeat 1px 2px;
	width:161px;
	height:26px;
}

input[type=submit]:active, input[type=submit].lgbutton:active {
    background-position: bottom right;
	color: #000;
	outline: none;
	border:none;
	-moz-outline-style: none;
	overflow:hidden;
} 
	
input[type=submit]::-moz-focus-inner{
    border: none;
}

.tooltip {
    background: #fff;
    border:1px solid #000;
    display: none;
    left: 0;
    padding: 2px 5px;
    position: absolute;
    top: 0;
    z-index: 10;
}

.love-star {
        width:2em;
text-align: center;
}
.love-from,.love-to {
	width:11em;
}

.love-for {
	width:34em;
}
.mylove-detail .love-for {
width:25em;
}

.nofavorite
{
  background-image:url(../images/star_off.gif);
  background-repeat:no-repeat;
  height:12px;
  width:12px;
  cursor:pointer;
}       

.yesfavorite
{
  background-image:url(../images/star_on.gif);
  background-repeat:no-repeat;
  height:12px;
  width:12px;
  cursor:pointer;
}

#dialog, #image-popup
{
 display:none; 
}
#logothumb{
  cursor: pointer;
  float: left;
}
#image-popup{
  font-weight: bold;
  color: red;
}
#logo-helper{
  font-style: italic;
  font-size: 1em; 
  position: absolute;
  left: 285px;
}
#logoholder{
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
  min-height: 50px;
}
.hover{
  cursor: pointer;
}