/*The Date Diary CSS Document */
body{
	margin:0px;
	background:#e2007a url(../images/page-bg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	behavior: url("csshover.htc");
}

.pngfix
{
   behavior: url("images/pngbehavior.htc");
}

p{
	float:left;
	width:100%;
	margin:5px 0px;
}
h1{
	margin:0px 0px 8px 0px;
	padding:0px;
	font-size:23px;
}

h1 span
{
	display:none;
}

h2{
	margin:0px;
	padding:0px;
	font-size:21px;
}
h3{
	margin:0px;
	padding:0px;
	font-size:18px;
}
h4{
	margin:0px;
	padding:0px;
	font-size:12px;
}
h5{
	margin-bottom:10px;
	font-size:11px;
}
#container{
	margin:0px auto;
	width:998px;
	position:relative;
	z-index:6;
}
#wrapper{
	float:left;
	width:998px;
	position:relative;
}
#lt-panel{
	float:left;
	width:225px;
	padding:10px 0px 0px 0px;
}
#logo{
	float:left;
	background:url(../images/the-date-diary-logo.png) no-repeat;
	height:211px;
	width:181px;
	margin-bottom:20px;
	margin-left:20px;
	display:inline;
}
* html #logo
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.thedatediary.com/images/the-date-diary-logo.png", sizingMethod="image");
}
#logo a{
	display:block;
	height:211px;
	width:181px;
	position:relative;
}
.member-panel{
	float:left;
	background:url(../images/bt-login-sign-up.png) no-repeat;
	width:174px;
	height:42px;
	margin:0px 0px 10px 20px;
	display:inline;
}
* html .member-panel
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.thedatediary.com/images/bt-login-sign-up.png", sizingMethod="image");
}
.member-panel a#login{
	display:block;
	width:54px;
	height:24px;
	float:left;
	margin:8px 8px 0px 15px;
	display:inline;
	position:relative;
}
.member-panel a#signup{
	display:block;
	width:64px;
	height:24px;
	float:left;
	margin:8px 8px 0px 10px;
	display:inline;
	position:relative;
}
#login-info{
	
	float:left;
	text-align:center;
	width:100%;
}
#signup-info{
	float:left;
	text-align:center;
	width:100%;
}
#rt-panel{
	float:left;
	width:773px;
	position:relative;
	z-index:0;
}

#loginpage
{
	width:457px;
	/*_width:465px;*/
	float:left;
/*------[This is to fix a div-popup at center of page]------------*/	
	position:fixed !important;
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 300 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 300);
	top:50%;
	left:50%;
	margin:-81.5px 0px 0px -238.5px;
	_margin:-81.5px 0px 0px -300px;
	/*_left:75px;*/
/*------[End]------------*/	
	z-index:100;
	background:url(../images/box/login-bg.gif) no-repeat;
	height:143px;
	padding:10px;
	display:none;
}

#complainpage
{
	width:377px;
	_width:380px;
/*------[This is to fix a div at center of page-popup]------------*/	
	position:fixed !important;
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 300 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 300);
	top:50%;
	left:50%;
	margin:-81.5px 0px 0px -238.5px;
	_margin:-81.5px 0px 0px -300px;
	/*_left:75px;*/
/*------[End]------------*/	
	z-index:10;
	float:left;
	background:url(../images/box/login-bg-small.gif) no-repeat;
	height:139px;
	padding:10px;
	display:none;
}

.btnloginimg{
	width:150px;
	float:left;
}

/*html #loginpage
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/home-content-box-pink.png", sizingMethod="image");
}

/*--------------Navigation--------------*/
#nav{
	position:absolute;
	top:-94px;
	left:0px;
	z-index:3;
}
#nav ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav ul li
{
	margin:0px 0px 0px 15px;
	padding:20px 0px;
	float:left;
	text-align:center;
	/*background:url(../images/navigation-low-light.png) no-repeat;*/
	color:#f4a9c7;
	width:101px;
	display:inline;
	font-weight:bold;
}
/** html #nav ul li
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navigation-low-light.png", sizingMethod="image");
}*/
#nav ul li:hover{
	background:url(../images/navigation-bright-light.png) no-repeat;
	color:#009fe1;
	height:300px;
}
* html #nav ul li:hover
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.thedatediary.com/images/navigation-bright-light.png", sizingMethod="image");
}
/*#nav ul li.current{
	background:url(../images/navigation-bright-light.png) no-repeat;
	color:#009fe1;
	height:300px;
}
* html #nav ul li.current{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/navigation-bright-light.png", sizingMethod="image");
}*/
#nav ul li a{
	position:relative;
	color:#f4a9c7;
	text-decoration:none;
}
#nav ul li a:hover{
	color:#009fe1;
	text-decoration:none;
}
#nav ul li.current a{
	position:relative;
	color:#009fe1;
	text-decoration:none;
}
/*--------------Navigation--------------*/

#home-people{
	background:url(../images/home-people.png) no-repeat;
	width:244px;
	height:369px;
	position:absolute;
	right:0px;
	bottom:-30px;
}
* html #home-people{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/home-people.png", sizingMethod="image");
}
#main-cont{
	position:relative;
	float:left;
	width:773px;
	margin-top:94px;
	z-index:2;
}
.holder{
	float:left;
	width:92%;
	padding:4%;
}
.holder2{
	float:left;
	width:93%;
	padding:3.5%;	
}
.holder3{
	float:left;
	width:96%;
	padding:2%;
	position:relative;
}
#home-content-box-black{
	float:left;
	background:url(../images/home-content-box-black.png) no-repeat;
	width:421px;
	height:151px;
	position:relative;
	top:0px;
	left:160px;
	z-index:2;
}
#home-content-box-black span{
	font-weight:bold;
	font-size:1.1em;
}
#home-content-box-pink
{
	float:left;
	background:url(../images/home-content-box-pink.png) no-repeat;
	width:535px;
	height:133px;
	position:relative;
	top:-15px;
	left:10px;
	z-index:1;
}

#dd{
	float:left;
	width:245px;
	position:relative;
}
#dod{
	float:left;
	width:245px;
	margin-left:6px;
}
#home-black-panel{
	background:#000000;
	float:right;
	width:100%;
}
#home-black-panel-holder{
	margin:0px auto;
	width:998px;
}
#home-black-panel-holder div.info{
	float:left;
	width:240px;
	min-height:135px;
	height:auto!important;
	height:135px;	
	margin-right:20px;
}
#home-black-panel-holder div.info a{
	color:#009fe1;
	text-decoration:none;
}
#home-black-panel-holder div.info-end{
	float:left;
	width:205px;
	margin-right:10px;
}
#home-black-panel-holder div.info-end a{
	color:#009fe1;
	text-decoration:none;
}
#show-thanks
{
	display:none;
	position:relative;
	float:left;
}

/*------------------ROUND CORNER BOX------------------*/
.holder4{
	width:92%;
	padding:20px 20px 10px 20px;
	position:relative;
	z-index:2;
	float:left;
}
.holder4 p a{
	color:#FFFFFF;

}
.holder5{
	width:94%;
	padding:20px 20px 10px 20px;
	_padding:15px 15px 5px 15px;
	position:relative;
	z-index:2;
	float:left;
	min-height:170px;
	height:auto!important;
	height:120px;
}
.holder5 p a
{
	color:#FFFFFF;
}

.black-holder{
	float:left;
	position:relative;
	width:98%;
	border:7px solid #f18dc3;
	padding-bottom:15px;
	background:#000000;
	margin:25px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:0;
}
.black-holdr{
	float:left;
	position:relative;
	width:90.5%;
	border:7px solid #f18dc3;
	padding-bottom:15px;
	background:#000000;
	margin:25px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:0;
}
.b-tlt{
	position:absolute;
	background:url(../images/box/b-tlt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	top:-7px;
}
.b-trt{
	position:absolute;
	background:url(../images/box/b-trt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	top:-7px;
	
}
.b-blt{
	position:absolute;
	background:url(../images/box/b-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-7px;
}

/*this is to try out
.b-blt{
	position:absolute;
	background:url(../images/box/b-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-7px;
	
}*/

.b-brt{
	position:absolute;
	background:url(../images/box/b-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.big-blt{
	position:absolute;
	background:url(../images/box/b-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-8px;
}
.big-brt{
	position:absolute;
	background:url(../images/box/b-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
	_bottom:-8px;
}
.Lt-holder{
	width:50%;
	float:left;
	min-height:85px;
 	height:auto!important;
	height:85px;
}
.Lt-holder p span{
	font-family:Arial, "Comic Sans MS";
	font-size:1.5em;
	font-weight:bold;
}
.Lt-holder p{
	font-family:Arial, "Comic Sans MS";
	font-size:1em;
	
}
.Rt-holder{
	width:50%;
	float:left;
	min-height:85px;
 	height:auto!important;
	height:85px;
}
.Rt-holder p{
	font-family:Arial, "Comic Sans MS";
	font-size:1em;
	font-weight:300;
}
.Rt-holder p span{
	font-family:Arial, "Comic Sans MS";
	font-size:1.5em;
	font-weight:bold;
}
/*------------------------ Photo boxs-------------------*/

#botboxs{
	width:100%;
	float:left;
	padding-top:20px;
}
.box-cont{
	width:90px;
	margin: 5px 24px 5px;
	_margin: 5px 24px 5px;
	display:inline;
	float:left;
	z-index:1;
}
.box-cont p{ margin:0px;}
.content{
	width:82px;
	float:left;
}
.name{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.pinkboxs{
	width:100%;
	float:left;
	min-height:113px;
	height:auto !important;
	height:113px;
	padding-bottom:10px;
	background:url(../images/pinkbox.gif) no-repeat;
	position:relative;
	z-index:1;
}
.blueboxs{
	width:100%;
	float:left;
	min-height:113px;
	height:auto !important;
	height:113px;
	padding-bottom:10px;
	background:url(../images/blue-box.gif) no-repeat;
	z-index:-1;
}


/*------------------ROUND CORNER BOX------------------*/

/*------------------Footer------------------*/

#sponsors
{
	width:970px;
	margin:0px auto;	
}

#footer{
	float:left;
	width:100%;
	margin:50px 0px 0px;
	border-top:2px solid #009fe1;
	color:#40122c;
}
#footer-holder{
	margin:0px auto;
	/*background:url(../images/footer-box.gif) no-repeat;
	height:55px;
	width:717px;*/
	width:850px;
	text-align:center;
	font-size:.9em;
	
}
#footer-holder li.end
{
	width:10px;
	border:1px soild black;
}
#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin:15px 0px 0px 25px;
	padding:0px 0px 20px;
	float:left;
	display:inline;
}
#footer ul li{
	float:left;
	margin:0px;
	padding:0px 2.5px;
	border-right:1px solid #e1017b;
}
#footer li a{
	color:#40122c;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
.twitter{
	bottom:3px;
	margin-left:5px;
	position:relative;
}
.siteby{
	margin-left:5px;
	position:relative;
}

/*This is for the navigation light*/
#nav-light{
	position:absolute;
	top:-35px;
	left:0px;
	z-index:3;
}
#nav-light ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav-light ul li{
	margin:0px 0px 0px 15px;
	padding:0px;
	float:left;
	background:url(../images/navigation-low-light.png) no-repeat;
	width:101px;
	display:inline;
	height:129px;
	
	
}
* html #nav-light ul li
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.thedatediary.com/images/navigation-low-light.png", sizingMethod="image");
}

/*End*/
/*This is for the pink box*/
.pink-holder{
	float:left;
	position:relative;
	width:98%;
	border:7px solid #f18dc3;
	padding-bottom:15px;
	background:#e1007a;
	margin:25px 0px -10px 0px;
	z-index:1;
}
.pink-holder-db{
	float:left;
	position:relative;
	width:684px;
	border:7px solid #f18dc3;
	border-top:0px;
	padding:15px 10px 30px;
	background:#000000;
	margin:0px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	color:#000;
	z-index:-1;
}


.p-tlt{
	position:absolute;
	background:url(../images/box/p-tlt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	top:-7px;
}
.p-trt{
	position:absolute;
	background:url(../images/box/p-trt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	top:-7px;
}
.p-blt{
	position:absolute;
	background:url(../images/box/p-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
}
.p-brt{
	position:absolute;
	background:url(../images/box/p-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
}
/*End*/
#form1{
	margin:0px;
	padding:0px;
}
.form{
	width:100%;
	float:left;
	position:relative;
	padding-bottom:5px;
	
}
.edit-form{
	width:100%;
	float:left;
	position:relative;
	padding:7px 0px 0px 0px;
	
}
.edit-form .edit-form-fieldl{
	width:730px;
	float:left;
}
.form .form-desc{
	width:130px;
	float:left;
}
.form .form-field{
	width:340px;
	float:left;
}
.form .form-fieldl{
	width:730px;
	float:left;
}

.form .form-field2{
	width:500px;
	float:left;
}

.lt-holder-line{
	width:350px;
	float:left;
	min-height:85px;
 	height:auto!important;
	height:85px;
	border-right:1px solid white;
}
.lt-holder-line p span{
	font-family:Arial, "Comic Sans MS";
	font-size:1.5em;
	font-weight:bold;
}
.lt-holder-line p{
	font-family:Arial, "Comic Sans MS";
	font-size:1em;
	
}
.rt-holder-line{
	width:317px;
	float:left;
	padding:0 0 0 40px;
	min-height:85px;
 	height:auto!important;
	height:85px;
}
.rt-holder-line p{
	font-family:Arial, "Comic Sans MS";
	font-size:1em;
	font-weight:300;
}

.rt-holder-line p span a{
	font-family:Arial, "Comic Sans MS";
	font-size:1.5em;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.rt-holder-line p span a:hover{
	font-family:Arial, "Comic Sans MS";
	font-size:1.5em;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
/*------------------Footer------------------*/
/*This is in the leftpanel*/
.info-box{
	width:60%;
	float:left;
	position:relative;
	border:7px solid #f18dc3;
	padding:10px;
	background:#e1007a;
	margin:5px;
}

.button{
	background:#000;
	color:#fff;
	border:1px solid white;
	margin:2px 0;
}
.txt{
	margin:0px;
	border:1px solid #009FE1;
}
.txtbox{
	border:1px solid #009FE1;
}

.txtmultibox
{
	border:1px solid #009FE1;
	font-family:Arial;
	font-size:13px;
}

#cross{	
	position:absolute;
	height:0px;
	width:20px;
	top:0px;
	right:10px;	
	_right:0px;
}
#cross-blog{	
	position:absolute;
	height:0px;
	width:20px;
	top:0px;
	right:10px;	
}
#close
{
	position:absolute;
	height:0px;
	width:20px;
	top:0px;
	right:10px;
	_right:8px;
}

#close-thankyou
{
	position:absolute;
	height:0px;
	width:20px;
	top:0px;
	right:10px;
}

#close-sorry
{
	position:absolute;
	height:0px;
	width:20px;
	top:0px;
	right:10px;
}


.log{
	width:260px;
	float:left;
	margin:0 0 0 5px;
	padding:5px 0 0 0;
	border-right:2px solid #000000;	
}
.log p a{
	text-align:center;
	font-weight:bold;
	color:#009FE1;
	text-decoration:none;	
}
.log p a.for{
	text-align:center;
	font-size:.7em;
	font-weight:bold;
	color:#009FE1;
	text-decoration:none;	
}
.reminder-cont
{
	width:260px;
	float:left;
	margin:0 0 0 5px;
	padding:0px 0 0 0;
	
}
.reminder-cont p a{
	text-align:center;
	font-weight:bold;
	color:#009FE1;
	text-decoration:none;	
}
.reminder-cont p a.for{
	text-align:center;
	font-size:.7em;
	font-weight:bold;
	color:#009FE1;
	text-decoration:none;	
}
#imgLoginBtn{
	
	
}
.create{
	width:150px;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	text-align:center;
}
.create p{
	padding:0px 0px 10px;
	margin:0px;
}
.create p a{
	font-weight:bold;
	color:#009FE1;
	text-decoration:none;	
}
.lblemail{
	color:#000000;
}
.logadd{
 	width:400px;
	color:#000000;
	font-size:1.3em;
	font-weight:bold;
	margin-left:5px;
	
}
.logtitle
{
	width:430px;
	color:#000000;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	padding:50px 0px 0px 0px;
}
.logtosee{
	width:340px;
	_width:363px;
	margin:5px 10px 5px 10px;
	_margin:5px 15px 5px 0px;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	
}
.logreminder
{
	width:340px;
	_width:363px;
	margin:5px 10px 5px 10px;
	_margin:5px 15px 5px 0px;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	

}
.loghead{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:0px;
}
.forpass{
	
		
}
.forpass a{
	color:#000000;
	text-decoration:none;
}
.forpass a:hover{
	color:#000000;
	text-decoration:underline;
}
.photo{
	position:relative;
	width:100%;
	z-index:-1;
}
/*----Side Nav----*/
#side-nav{
	position:absolute;
	top:10px;
	left:-140px;
	width:150px;
	font-family:"Arial Black";
	font-size:.9em;
}	
#side-nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#side-nav ul li{
	background:url(../images/tab-off.gif) no-repeat;
	margin:5px 0 0 0;
	width:133px;
	height:26px;
	color:#000;
	padding:5px 0 0 0;
}
#side-nav ul li a{
	text-decoration:none;	
	margin:10px 0 0 10px;
	color:#000;
}
#side-nav ul li.select{
	background:url(../images/tab-on.gif) no-repeat;
	margin:5px 0 0 0;
	width:133px;
	height:26px;
	color:#fff;
	padding:5px 0 0 0;
}
#side-nav ul li.select a{
	text-decoration:none;	
	margin:10px 0 0 10px;
	color:#fff;
}
/*----End----*/


/*----Side Nav Middle----*/
#middle-nav{
	position:absolute;
	top:60px;
	left:-140px;
	width:150px;
	font-family:"Arial Black";
	font-size:.9em;
}	
#middle-nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#middle-nav ul li{
	background:url(../images/tab-off.gif) no-repeat;
	margin:5px 0 0 0;
	width:133px;
	height:26px;
	color:#000;
	padding:5px 0 0 0;
}
#middle-nav ul li a{
	text-decoration:none;	
	margin:10px 0 0 10px;
	color:#000;
}
#middle-nav ul li.select{
	background:url(../images/tab-on.gif) no-repeat;
	margin:5px 0 0 0;
	width:133px;
	height:26px;
	color:#fff;
	padding:5px 0 0 0;
}
#middle-nav ul li.select a{
	text-decoration:none;	
	margin:10px 0 0 10px;
	color:#fff;
}
/*----End----*/


/*--------------- css for blogs-------------*/
.blogstory{
	width:100%;
	color:#fff;
	float:left;
	padding-top:10px;
	border-bottom:1px dotted gray;
}

.blogcomments
{
	width:100%;
	float:left;
	padding-top:10px;
}
.blogcomments-db{
	width:98%;
	float:left;
	padding:10px 5px 0px 5px;
}
.comment-left
{
	width:100px;
	float:left;
}
.comment-left p a
{	
	color:#0099FF;
	text-decoration:none;
}
.comment-left p a:hover
{	
	color:#0099FF;
	text-decoration:underline;
}

.comment-right
{
	width:450px;
	float:left;	
	margin-left:3px;
}

.commentright
{
	width:86px;
	float:right;	
	padding-left:20px;
}

.commentright p a
{
	color:#0099FF;
	font-size:10px;
	text-decoration:none;
	text-align:right;
	
}

.lft-blog{
	width:99%;
	float:left;
}

.lt-blog
{
	width:77%;
	float:left;
}

.lt-blog a
{
	color:#0099FF;
	text-decoration:none;
}

.signintext p a
{
	color:#0099FF;
	text-decoration:none;
}

.clear
{
	clear:both;
}

.lft-blog span
{
	color:#0099FF;
}

.lft-blog p a
{	
	color:#0099FF;
	text-decoration:none;
}
.lft-blog p a:hover
{	
	color:#0099FF;
	text-decoration:underline;
}

.rt-blog{
	width:22%;
	float:right;
	margin-left:3px;
}

.rt-blog p a
{
	color:#0099FF;
	font-size:10px;
	text-decoration:none;
	text-align:right;
	margin-right:2px;
}

/*-------End-------------*/

/*-----------Date or Ditch-1--------------------*/
.chkout{
	width:98%;
	float:left;
	padding-top:15px;
}
.chkoutwoman{
	float:left;
	margin-left:50px;
	background:#FFFFFF;
	color:#000000;
}
.chkoutman{
	float:right;
	margin-right:50px;
	background:#FFFFFF;
	color:#000000;
}

/*--------------End--------------*/

/*-----------Date or Ditch-2--------------------*/
.big1-blt{
	position:absolute;
	background:url(../images/box/b-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.big1-brt{
	position:absolute;
	background:url(../images/box/b-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.bh-blt{
	position:absolute;
	background:url(../images/box/b-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.bh-brt{
	position:absolute;
	background:url(../images/box/b-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.big2-blt{
	position:absolute;
	background:url(../images/box/b-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.big2-brt{
	position:absolute;
	background:url(../images/box/b-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.big3-blt{
	position:absolute;
	background:url(../images/box/b-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-8px;
}
.big3-brt{
	position:absolute;
	background:url(../images/box/b-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
	_bottom:-8px;
}
.top-chkoutman{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	z-index:2;
	
}
.lft-chkoutman{
	width:25%;
	float:left;
	z-index:2;
}
.down-chkoutman{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	z-index:2;
}
.weekvote{
	width:100%;
	float:left;
	z-index:2;
	padding:5px 0px 8px 0px;
	
	
}
.voteResult{
	width:100%;
	float:left;
	z-index:2;
	padding:5px 0px 8px 0px;
	
}
.vote-res-lt{
	width:180px;
	float:left;
}
.vote-res-rt{
	width:100px;
	float:left;
}
.rt-chkoutman{
	width:75%;
	float:left;
	z-index:2;
}
.rt-chkoutman p{
	padding-top:20px;
}

/*--------------End--------------*/
/*--------------NANA KNOWS BEST-----------------*/
.nanalink span a{
	text-decoration:none;
	color:#000000;
}
/*--------------End------------------*/
/*----[Blog]----*/
#addblog{
	position:relative;
	width:450px;
	float:left;
	margin:0px 5px 0px 0px;
	_margin:0px 0px 0px 3px;
	padding:5px;
}

.addblogcontent
{
	float:left;
	width:356px;
	height:153px;
	padding:20px 0px 0px 20px;
	background:url('../images/addblogpink.png') no-repeat;
}

* html .addblogcontent
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.thedatediary.com/images/addblogpink.png", sizingMethod="image");
}
.addblogcont{
	width:100%;
	float:left;	
}
.lft-addblog{
	width:75px;
	float:left;	
}

.lft-addblog .story
{
	margin:10px 0 0 0;
	_margin:15px 0 0 0;
	*margin:15px 0 0 0;
}

.rt-addblog{
	width:330px;
	float:left;
}
.chkblog{
	width:20px;
	float:left;
}

.lblreadblog
{
	width:230px;
	float:left;
	font-size:.73em;
	font-weight:bold;
}
.lblreadblogs{
	width:180px;
	float:left;
	font-size:.73em;
	font-weight:bold;
}
.lblreadblogs p a{
	color:#009FE1;
	text-decoration:none;
}
.lblreadblog p a
{
	color:#009FE1;
	text-decoration:none;
}

.chktermblog{
	float:left;
	width:0px;	
	margin-left:8px;
}

.lblterm{
	font-size:11px;
	color:#009FE1;
}

.txtarea{
	width:190px;
	
}

.msg
{
	font-style:italic;
	color:#e2007a;
	width:100%;
	font-size:.9em;
}

.pinkboxnew
{
float:left;
width:770px;
position:relative;
margin:20px 0px;
color:#000000;
}
div.pinkboxnew-top
{
background:url(../images/box/white-top.gif) no-repeat right top;
height:30px;
float:left;
width:770px;

}
div.pinkboxnew-top span{
	float:left;
	background:url(../images/box/white-top.gif) no-repeat left top;
	width:30px;
	height:30px;
}
div.pinkboxnew-bottom{
	background:url(../images/box/white-bottom.gif) no-repeat right bottom;
	height:30px;
	float:left;
	width:770px;
}

div.pinkboxnew-bottom span{
	float:left;
	background:url(../images/box/white-bottom.gif) no-repeat left bottom;
	width:30px;
	height:30px;
}
div.pinkboxnew-bottom-db{
	background:url(../images/box/pink-bottom.gif) no-repeat right bottom;
	height:30px;
	float:left;
	left:-17px;
	position:absolute;
	top:10px;
	width:718px;
	float:left;
}

div.pinkboxnew-bottom-db span {
	float:left;
	background:url(../images/box/pink-bottom.gif) no-repeat left bottom;
	width:30px;
	height:30px;
}

/*div.pinkboxnew-bg
{
width:770px;
float:left;
color:#000000;
background:url(../images/box/white-bg.gif) repeat-y right;
padding:0px 0px;
margin:0px;
}*/
div.pinkboxnew-bg 
{
width:756px;
float:left;
border-right:7px solid #0099FF;
border-left:7px solid #0099FF;
background:#FFFFFF;
color:#000000;
/*background:url(../images/box/white-bg.gif) repeat-y right;*/
padding:0px 0px;
margin:0px;
}*/
/*div.pinkboxnew-bg span.brd
{
border-left:7px solid #0099FF;
float:left;
}*/

.topboxs
{
	float:left;
	padding:0px 0px 10px 30px;
	_padding:0px 10px 10px 30px;	
}

#headertitle
{	
	cursor:pointer;
	padding:10px 0px 18px 0px;
}
.DD-cont
{
	float:left;
	width:100%;		
	border-bottom:1px solid #009fe1;
}
.NKB-cont{
	float:left;
	width:100%;	
}
.nana-cont
{
	float:left;
	width:100%;	
	margin-bottom:10px;	
}
#blog-comments{
	margin-bottom:20px;
}
.blog-comments
{
	float:left;
	width:100%;
}
.blog-comments-db{
	float:left;
	width:98%;
	margin:0px 0px 5px 5px;
}
.items
{
	float:left;
	width:100%;
	padding:0px 0px 10px;
}

.logout-panel{
	float:left;
	background:url(../images/bt-log-out.png) no-repeat;
	width:174px;
	height:42px;
	margin:0px 0px 10px 20px;
	display:inline;	
}
* html .logout-panel
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.thedatediary.com/images/bt-log-out.png", sizingMethod="image");
}
.logout-panel a.logout{
	display:block;
	width:60px;
	height:24px;
	float:left;
	margin:8px 8px 0px 55px;
	display:inline;
	position:relative;	
}
/*----[End]----*/
/*----[this is for new blog]----*/
/*----[Start]----*/
.p-highlight{
	background:url(../images/pink-tab-new.gif) no-repeat;
	width:718px;
	height:126px;
	position:relative;
	float:left;
	margin:25px 0px 0px;
	z-index:-1;
}

.b-nana-highlight{
	background:url(../images/tab-top-left-both.png) no-repeat;
	width:718px;
	height:61px;
	position:relative;
	float:left;
	margin:25px 0px 0px;
	
}


.b-dilemma-highlight{
	background:url(../images/tab-top-right-both.png) no-repeat;
	width:718px;
	height:61px;
	position:relative;
	float:left;
	margin:25px 0px 0px;
}

.b-highlight{
	background:url(../images/blue-tab.gif) no-repeat;
	width:718px;
	height:126px;
	position:relative;
	float:left;
	margin:25px 0px 0px;
}
.y-highlight{
	background:url(../images/pink-tab-new.gif) no-repeat;
	width:718px;
	height:126px;
	position:relative;
	float:left;
	margin:25px 0px 0px;
}
.tab-lt{
	width:300px;
	float:left;	
	padding:10px 0px 0px 25px;
	margin:10px 0px 0px 0px;
	cursor:pointer;
}
.tab-rt{
	width:300px;
	float:left;	
	padding:10px 0px 0px 25px;
	margin:10px 0px 0px 40px;
	cursor:pointer;
}

.tab-nana-lt{
	width:300px;
	float:left;	
	color:#000000;
	padding:6px 0px 0px 25px;
	margin:6px 0px 0px 0px;
	cursor:pointer;
}
.tab-nana-rt{
	width:300px;
	float:left;	
	padding:6px 0px 0px 25px;
	margin:6px 0px 0px 40px;
	cursor:pointer;
	
}


.pink-holder{
	float:left;
	position:relative;
	width:704px;
	border:7px solid #f18dc3;
	border-top:0px;
	padding-bottom:15px;
	background:#000000;
	margin:0px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	color:#000;
}
.blue-holder{
	float:left;
	position:relative;
	width:704px;
	border:7px solid #009FE1;
	border-top:0px;
	padding-bottom:15px;
	background:#000000;
	margin:0px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:-1;	
}
.your-pink-holder{
	float:left;
	position:relative;
	width:704px;
	border:7px solid #f18dc3;
	border-top:0px;
	padding-bottom:15px;
	background:#000000;
	margin:0px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:-1;	

}
.white-small-holder{
	float:left;
	position:relative;
	width:704px;
	border:7px solid #009FE1;
	border-top:0px;
	padding-bottom:15px;
	background:#FFFFFF;
	color:#000000;
	margin:0px 0px -10px 0px;
	min-height:170px;
 	height:auto!important;
	height:120px;
	z-index:-1;	
}

.white-bottom-holder{
	float:left;
	position:relative;
	width:704px;
	border:7px solid #009FE1;
	padding-bottom:15px;
	background:#FFFFFF;
	color:#000000;
	margin:25px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:-1;	
}


.w-tlt{
	position:absolute;
	background:url(../images/box/w-tlt.gif) no-repeat;
	width:30px;
	height:30px;
	left:0px;
	top:0px;	
}
.wz-tlt{
	position:absolute;
	background:url(../images/box/w-tlt.gif) no-repeat;
	width:30px;
	height:30px;
	left:0px;
	top:0px;
	z-index:-1	
}
.w-trt{
	position:absolute;
	background:url(../images/box/w-trt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-6px;
	top:0px;
	z-index:-1;
	
	
}
.w-blt{
	position:absolute;
	background:url(../images/box/w-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:0px;
	bottom:-6px;
	_bottom:-6px;
}
.w-brt{
	position:absolute;
	background:url(../images/box/w-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-6px;
	bottom:-6px;
	_bottom:-6px;
}
.ws-blt{
	position:absolute;
	background:url(../images/box/w-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:0px;
	bottom:-6px;	
}
.ws-brt{
	position:absolute;
	background:url(../images/box/w-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-6px;
	bottom:-6px;	
}
.big-blog{
	float:left;
	position:relative;
	color:#00000;
	width:450px;
	border:0px;	
	padding-bottom:15px;
	background:#fff;
	margin:0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:0;
}
.white-holder{
	width:90%;
	padding:10px 0px 10px 20px;
	position:relative;	
	float:left;
	z-index:0;
}

.white-nana-holder{
	width:90%;
	padding:10px 0px 10px 0px;
	position:relative;	
	float:left;
}

.small-blog{
	float:left;
	position:relative;
	color:#000000;
	width:170px;
	border:0px;	
	padding-bottom:15px;
	background:#fff;
	margin:5px 0px -10px 20px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:-1;
}
.small-holder{
	width:86%;
	margin:0px 10px 10px 15px;
	_margin:15px 0px 5px 5px;
	position:relative;
	z-index:2;
	float:left;	
}
.small-holder p{
	padding:0px;
	margin:0px;
}
.txtbox{
	border:1px solid #009FE1;
}
.big-blog a{
	color:#0AA5EA;
	text-decoration:none;
}
.big-blog a:hover{
	color:#0AA5EA;
	text-decoration:underline;
}

/*----white-holder----*/

#diary-nav{
	width:655px;
	float:left;
	height:36px;
	position:relative;
	background:url(../images/white-tab.gif) no-repeat;
	padding:10px 10px 0px;
	color:#000;
	margin:10px 0px;
	/*width:655px;	
	/*position:relative;
	width:655px;	
	float:left;
	margin:20px 0px 10px 8px;
	min-height:38px;
 	height:auto !important;
	height:38px;
	color:#05A2DE;
	padding-left:10px;	
	line-height:5px;
	background:url(../images/white-tab.gif) no-repeat;*/
}

#diary-nav h5{
	margin:0px;
	padding:0px;
}
.add-blogs{
	border:1px solid #fff;
	float:left;
	width:100%;
}


#white-nav-other{
	position:relative;
	width:683px;	
	float:left;
	margin:0px 0px 0px 10px;
	_margin:0px 0px 0px 6px;
	min-height:38px;
 	height:auto !important;
	height:38px;	

}
#white-nav-other ul{
	
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	
}
#white-nav-other ul li#recent{
	margin:0px 21px 0px 10px;
	_margin:0px 15px 0px 2px;
	padding:10px 0px;
}
#white-nav-other ul li#followers{
	margin:0px 0px 0px 32px;
}

#white-nav-other ul li{
	float:left;
	margin:0px 33px;
	_margin:0px 34px 0px 35px;
	padding:10px 0px;
	
}


#white-nav-other ul li.blog-user
{
	color:#000;
	margin:5px 0px 0px 15px;
	padding:0px;
	font-weight:bold;
	width:225px;	
}
.blue-nav ul li.addfavourite
{
	margin-top:-3px;
	margin-left:30px;
	width:200px;
	background:none;
	font-weight:bold;
	
}

.blue-nav ul li.end
{
	width:154px;
	float:left;
	text-align:right;
	font-weight:bold;
	color:#000000;
	text-decoration:none;

}
#btnimage{

	font-weight:bold;
	color:#000000;
	text-decoration:none;
	
}
.blue-nav ul li.blog-user
{
	width:200px;
	background:none;
}
/*#recent{
	float:left;
	width:140px;
}
#popular{
	float:left;
	width:130px;
}
#favourite{
	float:left;
	width:150px;
	margin:0px 20px;
	text-align:right;
}
#followers{
	float:left;
	width:140px;
}	*/
#white-nav{
	position:relative;
	width:683px;	
	float:left;
	margin:0px 0px 0px 10px;
	_margin:0px 0px 0px 6px;
	min-height:38px;
 	height:auto !important;
	height:38px;	
}
#white-nav ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}
#white-nav ul li{
	float:left;
	margin:0px 33px;
	_margin:0px 34px 0px 35px;
	padding:10px 0px;
	
}
#white-nav ul li:hover{
	/*background:url(../images/b-arrow.gif) no-repeat bottom;	*/
}
#white-nav ul li.current{
	color:#05A2DE;
	/*background:url(../images/b-arrow.gif) no-repeat bottom;	*/
}
/*#white-nav ul li.end{
	
	float:right;
	margin:0px 0px 0px 40px;
	padding:10px 0px;

}*/
#white-nav ul li.blog-user
{
	color:#000;
	margin:5px 0px 0px 15px;
	padding:0px;
	font-weight:bold;
	width:225px;	
}
#white-nav ul li.blog-user:hover{
	background:none;
}
#white-nav ul li.blog-user span{
	padding:0px 0px 10px 0px;	
	margin:0px;	
	/*background:url(../images/b-arrow.gif) no-repeat bottom;*/
	display:block;
	float:left;
}
#white-nav ul li.first{
	margin:0px 21px 0px 10px;
	_margin:0px 15px 0px 2px;
	padding:10px 0px;
}
#white-nav ul li.end
{
	margin:0px 0px 0px 32px;
}
#white-nav ul li.end a
{
	color:#05A2DE;
}

#white-nav ul li.addfavourite
{
	margin-top:-4px;
	width:200px;
	background:none;
}

#white-nav ul li a{
	text-decoration:none;	
	margin:0px 0px 0px 10px;
	color:#000;
	font-weight:bold;
}
#white-nav ul li span{
	margin:0px 125px 0px;
	_margin:0px 120px 0px;
}
#white-nav ul li a:hover{
	text-decoration:none;
	margin:0px 0px 0px 10px;
	color:#05A2DE;
	font-weight:bold;
}
#white-nav ul li.current a{
	color:#05A2DE;
}
#white-nav ul li.disable a{
	color:#878993;
}
#white-nav ul li.disable:hover{
	background:none;
	color:#878993;
}
/*----[End]-----*/


/*----[date or ditch]----*/
.yourwoman{
	width:90%;
	float:left;
	padding:0px;
	margin:0px 0px 10px 0px;
	text-align:center;
}
.yourwoman p{
	margin:0px;
	padding:0px;
}
.sm-txt{
	position:relative;
	bottom:8px;
}
.personality{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	margin:10px 0px 0px 0px;
	
}
.bluetxt-dord{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.bluetxt{
	font-family:Arial, Helvetica, sans-serif;
	color:#009fe1;
	float:left;
	background:none;
	_border:none;
	border:none;
	width:700px;
}
.blue
{
	font-family:Arial, Helvetica, sans-serif;
	color:#009fe1;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
.bluetxt1{
	font-family:Arial, Helvetica, sans-serif;
	color:#009fe1;
	float:left;
	text-decoration:none;
}

.bluetxt1 a{
	font-family:Arial, Helvetica, sans-serif;
	color:#009fe1;
	float:left;
	text-decoration:none;
}

.bluetxtdod{
	font-family:Arial, Helvetica, sans-serif;
	color:#009fe1;
	float:left;
	text-decoration:none;
}
.bluetxtdod:hover{
	text-decoration:underline;
}
.h4txt{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
.maincont{
	width:770px;
	float:right;
	margin:10px 0px 0px 0px;
	z-index:-9;
}
.rt-maincontent{
	width:365px;
	float:left;
	z-index:-9;
}
.white{
	color:#fff;
}
.blue-holder-man{
	float:right;
	position:relative;
	width:335px;
	border:7px solid #3399FF;
	padding-bottom:15px;
	background:#000000;
	margin:20px 0px -10px 0px;
	_margin:25px 0px -5px 0px;
	min-height:75px;
 	height:auto!important;
	height:75px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	color:#3399FF;
	cursor:pointer;
	z-index:1;
}



.bl-tlt{
	position:absolute;
	background:url(../images/bl-tlt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	top:-7px;
	
}
.bl-trt{
	position:absolute;
	background:url(../images/bl-trt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	_right:-8px;
	top:-7px;
	
	
}
.bl-blt{
	position:absolute;
	background:url(../images/bl-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.bl-brt{
	position:absolute;
	background:url(../images/bl-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	_right:-8px;
	bottom:-7px;
	_bottom:-7px;
	
}

.bigblack-blt{
	position:absolute;
	background:url(../images/bl-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-8px;
}
.bigblack-brt{
	position:absolute;
	background:url(../images/bl-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	_right:-7px;
	bottom:-7px;
	_bottom:-8px;
}
/*.bl-blt{
	position:absolute;
	background:url(../images/bl-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.bl-brt{
	position:absolute;
	background:url(../images/bl-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
	_bottom:-7px;
}*/
.pink-woman{
	float:right;
	position:relative;
	width:335px;
	border:7px solid #f18dc3;
	padding-bottom:15px;
	background:#000000;
	margin:35px 0px -10px 0px;
	min-height:75px;
 	height:auto!important;
	height:75px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	color:#f18dc3;
	cursor:pointer;
	z-index:1;
}
.pl-tlt{
	position:absolute;
	background:url(../images/box/b-tlt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	top:-7px;
	
}
.pl-trt{
	position:absolute;
	background:url(../images/box/b-trt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	_right:-8px;
	top:-7px;
	
	
}
.pl-blt{
	position:absolute;
	background:url(../images/box/b-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	bottom:-7px;
	_bottom:-7px;
	
	
}
.pl-brt{
	position:absolute;
	background:url(../images/box/b-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	_right:-8px;
	bottom:-7px;
	_bottom:-7px;
	
}

.hold-blue{
	width:331px;
	position:relative;
	z-index:2;
	float:left;
	text-align:center;
	
}
.hold-blue p{
	padding:25px 0px 0px 0px;
	text-align:center;
}
.hold-blue1{
	width:356px;
	position:relative;
	z-index:2;
	margin:0px 0px 0px 8px;
	float:left;
	z-index:-9;
}
.hold-blue1 p{
	padding:0px 0px 0px 7px;
}
.white-rt-holder{
	width:385px;
	float:left;
	position:relative;
	border:7px solid #3399FF;
	padding-bottom:19px;
	padding-top:16px;
	_padding-bottom:20px;
	_padding-top:20px;
	background:#FFFFFF;
	margin:20px 0px 0px 0px;
	_margin:25px 0px 0px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:1;
	color:#000000;
	
	
}
.couple-img{
	width:756px;
	float:left;
	text-align:right;
	margin:5px 0px 0px 0px;
}
/* this is to make the black holder according layout*/

.black-holder-new{
	float:left;
	position:relative;
	width:50%;
	border:7px solid #f18dc3;
	padding-bottom:15px;
	background:#000000;
	margin:25px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:2;
}
.holder4-new{
	width:50%;
	padding:20px 20px 10px 20px;
	position:relative;
	z-index:2;
	float:left;
}
.w1-small-trt{
	position:absolute;
	background:url(../images/bw-trt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	top:-7px;
	_right:-8px;
}
.ww-small-tlt{
	position:absolute;
	background:url(../images/bw-tlt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	top:-7px;
}
.ww-small-blt{
	position:absolute;
	background:url(../images/bw-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	_left:-7px;
	bottom:-7px;
	_bottom:-7px;	
}
.ww-small-brt{
	position:absolute;
	background:url(../images/bw-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	_right:-8px;
	bottom:-7px;
	_bottom:-7px;
}
.w1-trt{
	position:absolute;
	background:url(../images/bw-trt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	top:-7px;
	_right:-8px;
	
}
.w1-brt{
	position:absolute;
	background:url(../images/bw-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	_right:-7px;
	bottom:-7px;
	_bottom:-8px;
}
.ww-blt{
	position:absolute;
	background:url(../images/bw-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	_left:-7px;
	bottom:-7px;
	_bottom:-7px;
	
}
.ww-nana-blt{
	position:absolute;
	background:url(../images/bw-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	_left:-7px;
	bottom:-7px;
	_bottom:-8px;
}
.ww-brt{
	position:absolute;
	background:url(../images/bw-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	_right:-8px;
	bottom:-7px;
	_bottom:-7px;
}
.www-blt{
	position:absolute;
	background:url(../images/bw-blt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;	
	_left:-7px;
	bottom:-7px;
	_bottom:-7px;
	
}
.www-brt{
	position:absolute;
	background:url(../images/bw-brt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	bottom:-7px;
	_bottom:-7px;
}
.ww-tlt{
	position:absolute;
	background:url(../images/bw-tlt.gif) no-repeat;
	width:30px;
	height:30px;
	left:-7px;
	top:-7px;
}
.ww-trt{
	position:absolute;
	background:url(../images/bw-trt.gif) no-repeat;
	width:30px;
	height:30px;
	right:-7px;
	top:-7px;
	
}
.white-big-holder{
	float:left;
	position:relative;
	width:98%;
	border:7px solid #3399FF;
	padding-bottom:15px;
	background:#FFFFFF;
	margin:25px 0px -10px 0px;
	min-height:85px;
 	height:auto!important;
	height:85px;
	z-index:1;
	color:#000000;
}


.ww-bt
{
	position:absolute;
	background:url(../images/white-bottom.gif) no-repeat;
	width:850px;
	height:30px;
	right:-7px;
	top:-7px;
}
/*----[end]----*/
.rdb-check{
	width:100%;
	float:left;
	list-style-position:outside;	
}
.rdb-check span
{
	width:100%;
	margin:0px 0px 0px 20px;
}

/*-------[Scroll start]----------*/
.qmmc {width:700px; float:left;	position:relative;}
.qmmc a { width:700px; float:left;display:block; }
.qmmc div a {width:100%; float:left; }
.qmsh div a{width:100%; float:left; }
.qmmc div {width:100%; visibility:hidden;position:absolute;}



#qm0
{ 
	width:100%;
	float:left;
	border-style:none;
	font-family:Arial;
	font-size:14px;
	/*font-size:1em;*/
	
}

#qm0 a
{
	width:width:100%;
	font-family:"Times New Roman", Georgia,;
	font-size:14px;
	text-decoration:none;
	padding:5px 0px 0px 0px;
	border-style:none;
	border-color:white;
	
}
#qm0 a span
{
	padding:10px 0px 0px 5px;
	cursor:pointer;
}

#qm0 div {
	width:700px;
	float:left;
	padding:5px 5px 0px 5px;
	
}

#qm0 div p{
	width:700px;
	float:left;
	margin:0px;
	padding:0px;
}



.qmfh
{
	visibility:hidden !important;
}
/*---------[scroll end]-------------*/
.holder5 h5{
	color:#fff;

}
.holder5-db{
	position:relative;
	float:left;
	width:670px;
	color:#FFFFFF;
	margin:0px 5px 10px 5px;
}
.small-holder a{
	color:#0AA5EA;
	text-decoration:none;
}
.small-holder a:hover{
	color:#0AA5EA;
	text-decoration:underline;
}
#signinpage{
	width:377px;
	_width:372px;
	position:absolute;
	top:50px;
	left:150px;
	z-index:10;
	float:left;
	background:url(http://www.thedatediary.com/images/box/login-bg-small2.png) no-repeat;
	height:139px;
	padding:10px;
	display:none;
	
}
#reminderpage
{
	width:457px;
	_width:465px;
/*------[This is to fix a div at center of page-popup]------------*/	
	position:fixed !important;
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 300 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 300);
	top:50%;
	left:50%;
	margin:-81.5px 0px 0px -238.5px;
	_margin:-81.5px 0px 0px -300px;
	/*_left:75px;*/
/*------[End]------------*/	
	z-index:100;
	float:left;
	background:url(../images/box/login-bg.gif) no-repeat;
	height:143px;
	padding:10px;
	display:none;
}
#thankyou
{
	width:457px;
	_width:465px;
/*------[This is to fix a div at center of page-popup]------------*/	
	position:fixed !important;
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 300 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 300);
	top:50%;
	left:50%;
	margin:-81.5px 0px 0px -238.5px;
	_margin:-81.5px 0px 0px -300px;
	/*_left:75px;*/
/*------[End]------------*/	
	z-index:100;
	float:left;
	background:url(../images/box/login-bg.gif) no-repeat;
	height:143px;
	padding:10px;
	display:none;	
}

#sorry
{
	width:457px;
	_width:465px;
/*------[This is to fix a div at center of page-popup]------------*/	
	position:fixed !important;
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 300 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 300);
	top:50%;
	left:50%;
	margin:-81.5px 0px 0px -238.5px;
	_margin:-81.5px 0px 0px -300px;
	/*_left:75px;*/
/*------[End]------------*/	
	z-index:100;
	float:left;
	background:url(../images/box/login-bg.gif) no-repeat;
	height:143px;
	padding:10px;
	display:none;	
}
.logcont{
	width:300px;
	float:left;
	margin:0px 0px 0px 41px;
	_margin:0px 0px 0px 21px;	
}
.create-acc{
	width:130px;
	float:left;
	margin:10px 0 0 0px;
	padding:0px;
	border-right:2px solid #000000;

}
.create-acc p{
	margin:0px 0px 0px 0px;
	
	padding:0px;
}
.already-acc{
	width:130px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:center;
	
}
.already-acc p{
	margin:0px 0px 0px 10px;
	padding:0px;
}
.already-acc p a{
	font-size:14px;
	font-weight:bold;
	color:#009FE1;
	text-decoration:none;
	

}
.create-acc p a{
	font-size:14px;
	font-weight:bold;
	color:#009FE1;
	text-decoration:none;
	
}
/*----[Defaultpage]----*/
#home-content-box-black h1
{
	margin:0px 0px 8px 0px;
	padding:0px;
	font-size:21px;
}
#home-content-box-pink h2
{
	margin:0px;
	padding:0px;
	font-size:15px;
}
#home-content-box-pink a{
	color:#fff;
	text-decoration:none;
}
#home-content-box-pink a:hover{
	color:#fff;
	text-decoration:underline;
}
#home-black-panel-holder .info h3 a{
	color:#fff;
	text-decoration:none;
}
#home-black-panel-holder .info h3 a:hover{
	color:#fff;
	text-decoration:underline;
}
#home-black-panel-holder .info-end h3 a{
	color:#fff;
	text-decoration:none;
}
#home-black-panel-holder .info-end h3 a:hover{
	color:#fff;
	text-decoration:underline;
}
/*---------[[nana knows best editing]]----------------*/
.txtarea{
	width:170px;
}
.addbluebtn{
	margin-left:120px;
}
.termtxt{
	margin-left:150px;
	
}
.dilthoualign{
	position:relative;
	bottom:80px;
	_bottom:30px;
}


.nana-left
{
	 width:120px;
	 float:left;
}
.nana-left p a{
	color:#009fe1;
	text-decoration:none;
}
.nana-right
{
	 width:520px;
	 float:left;
}
.nana-right p a{
	color:#009fe1;
	text-decoration:none;
}
.nana-right div{
	float:left;
}

.nana-dilemma-left
{
	 width:140px;
	 color:#FFFFFF;
	 float:left;
}

.nana-dilemma-right
{
	 width:450px;
	 float:left;
	 color:#FFFFFF;
}
.nana-dilemma-right span
{
	font-size:10px;
	color:#FFFFFF;
}
.nana-dilemma-right .lnkterm{
	font-size:10px;
	color:#009FE1;
	text-decoration:none;
}
.nana-dilemma-right a:hover{
	text-decoration:underline;
}
.weekdilemma{
	width:100%;
	float:left;
}
.binddiv a{
	color:#009fe1;
	text-decoration:none;
}
.binddiv a:hover{
	text-decoration:underline;
}
.holder-nana{
	width:92%;
	padding:0px 20px 10px 20px;
	position:relative;
	z-index:2;
	float:left;
	min-height:150px;
 	height:auto!important;
	height:100px;
}
.txtcolorblk{
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
.cmd-rt{
	 width:450px;
	 float:left;
	 color:#000000;
	 }
.holediv{
	width:100%;
	float:left;
}
.cmd-rt span{
	font-size:10px;
	color:#000000;
	position:relative;
	bottom:10px;
}
.cmd-rt a{
	font-size:10px;
	color:#009FE1;
	text-decoration:none;
	position:relative;
	bottom:10px;
}
cmt-lt{
 width:200px;
 float:left;
}
.chkadd{
	position:relative;
	bottom:10px;
}
.cmd-rt a:hover{
	text-decoration:underline;
}
.holder4-h{
	width:92%;
	padding:20px 20px 10px 20px;
	_padding:20px 20px 0px 20px;
	position:relative;
	z-index:2;
	float:left;
}
.holder4-h p{
	line-height:21px;
	_line-height:20px;
}
.holder4-h p a{
	color:#FFFFFF;
}

.hrs{
	width:100%;
	float:left;
	border-top:1px dotted gray;
}
.options{
	width:100%; 
	float:left;
}
#doinclude{
	width:274px;
	height:164px;
	float:left;
	position:absolute;
	top:40px;
	_top:43px;
	left:140px;
	_left:140px;
	color:#000000;
	background:url(../images/do-bubble.png) no-repeat;
	z-index:9;
}
.doinclude-wrap{
	width:250px;
	float:left;
	margin:15px 0px 0px 15px;
	_margin:15px 0px 0px 10px;
}
#include1{
	color:#009ef1;
}

#include1:hover{
	text-decoration:none;
	
}
#include2{
	color:#e2007a;
}
#include2:hover{
	text-decoration:none;
}
#dontinclude{
	width:274px;
	height:188px;
	float:left;
	position:absolute;
	top:13px;
	_top:16px;
	left:230px;
	color:#FFFFFF;
	background:url(../images/dont-bubble.png) no-repeat ;
	z-index:9999;
}
* html #dontinclude
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/dont-bubble.png", sizingMethod="image");
}
* html #doinclude
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/do-bubble.png", sizingMethod="image");
}
.dontinclude-wrap{
	width:260px;
	float:left;
	margin:15px 0px 0px 15px;
	_margin:10px 5px 0px 10px;

}
.remain
{
	width:100%;
	float:left;
}

.pink-box{
	position:relative;
	float:left;
	width:684px;
}
#login p
{
		
}
#nana-knowledge
{
	width:100%;
	float:left;
	
}
#nana-knowledge p
{
	width:100%;
	float:left;
}
#nana-knowledge  ul
{
	width:95%;
	float:left;
	_float:right;
	list-style:none;
}
#nana-knowledge  ul li{
	background:url(../images/bullet.gif) no-repeat;
	margin:0px;
	padding:0px 0px 0px 15px;
}
#nana-knowledge  ol
{
	width:95%;
	float:left;
	_float:right;
	list-style-type:decimal;
	list-style-position:inside;
}
#nana-knowledge  ol li{
	margin-left:15px;
}
/*.stico_default
{
	background: transparent url(http://www.thedatediary.com/images/sharethis.gif) no-repeat scroll 0px 0px !important;
}*/

.signin-pointer{
 cursor:pointer;
}
.blue-nav
{
	position:relative;
	background:url(http://www.thedatediary.com/images/user-name-strip.png) no-repeat;
	width:663px;	
	float:left;
	margin:0px 0px 0px 20px;
	_margin:0px 0px 0px 8px;
	min-height:38px;
 	height:auto !important;
	height:38px;
		
}
.blue-nav ul{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}
.blue-nav ul li{
	float:left;
	margin:0px;	
	padding:5px 0px 15px 15px;
	color:#000000;
}

.sharecmd
{
	width:700px;
	float:left;
	display:block;
}
.sharecmd-title
{
	width:100px;
	float:left;
}
.sharecmd-cont
{
	width:500px;
	float:left;
}
.sharereport
{
	width:100px;
	float:right;
	color:#0099FF;
	font-size:10px;
	text-decoration:none;
	text-align:right;
}
.comment-share
{
	width:700px;
	float:left;
}

.comment-share p a
{	
	color:#0099FF;
	text-decoration:none;
}
.comment-share p a:hover
{	
	color:#0099FF;
	text-decoration:underline;
}

#blogPage
{
	width:665px;
	float:left;
	text-align:right;
}
#blogPage a
{
	padding:0 3px;
	cursor:pointer;
}

.special{
	color:#009FE1;
	font-weight:bold;
}


/*----[End]--------*/
/**html .blue-nav
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.thedatediary.com/images/user-name-strip.png", sizingMethod="image");	
}*/