/* CSS Document */

html, body{ margin:0; padding:0; font: 12px Verdana, Helvetica, Arial, sans-serif;}
body{background:url(/images/bg_01.gif) repeat-x top left;}

#container{width:750px; margin:0px auto}
h1{font-size:16px;padding:0; margin:0; color:#0d72ba; font-weight:bold}
p{line-height:21px}
a{ text-decoration:underline; color:#0278bf}
a:hover{ text-decoration:none}


#header{display:block; border-bottom: 1px solid #ccc; height:114px; margin:0 0 5px 0; width:750px }
	#logo{float:left; display:block; width:100%; height: 84px; clear:left}
	#nav{float:left; display:inline; margin: 8px 0 0 0 }
	#nav ul{margin:0; padding:0; list-style:none}
	#nav ul li{display: inline; float:left; padding: 0px 1px}
	#nav a{font: 12px Verdana, Arial, Helvetica, sans-serif; background-color:#0278bf; color:#fff; text-decoration:none; padding:3px 10px; display:block}
	#nav a:hover{background-color:#76b6dc;}
	#account{float:right; display:inline; padding:0; margin:0}
	#account ul{margin:0; padding:0; list-style:none}
	#account ul li{display:block;}
	
#content{display:block; width:750px}
	#screenshot{display:block; float:left; width:250px; padding:40px 0}
	#description{display:block; float:left; width:230px; padding:40px 0 40px 20px}
	#login_register{display:block; float:left; width:200px; padding:40px 0;}
	#login{width:150px;}
	#password{width:150px;}
	#login_box{display:block; float:right; width:145px; border:1px solid #ccc; background-color:#ecf7ff; padding:5px 18px 5px 18px}
	#login_box p{padding:0 0 5px 0; margin:0}
	
	#faq{display:block; width:700px}
	#faq ul{display:block; list-style:none; margin:0; padding:10px 0}
	#faq ul li{list-style:none; margin:0; padding:0 0 5px 10px}
	#faq ul li a{color:#000}
	#faq a.top{color:#000; display:block; color:#0d72ba;}
	#faq h2{font-size:14px; padding:0; margin:20px 0 0 0; color:#0d72ba; font-weight:bold}
	
	#register_box{display:block; float:right; width:250px; border:1px solid #ccc; background-color:#ecf7ff; padding:5px 18px 5px 18px}
	#register_box p{padding:0 0 5px 0; margin:0}
	
	
	.dropbox{float:left; display:inline}
	.checkall {color:#ffffff; font-weight:bold; line-height:31px; height:31px; text-decoration:none; float:right; padding-right:10px; cursor:pointer; display:block}
	
	
	
	#register{display:block; float:right; border:1px solid #ccc; background-color:#0278bf; padding:0; margin:10px 0 0 0;}
	#register a{display:block; width:180px; color:#FFF; text-decoration:none; font-weight:bold; font-size:14; text-align:center; line-height:22px;}
	#register a:hover{background-color:#76b6dc;}
	
	#notice{float:right; display:block; text-align:center; margin:0 0 10px 160px; width:536px; color: green}
	#notice2{display:block; text-align:center; color: green; margin:0 0 15px 0}	
	#notice3{float:right; display:block; text-align:center; margin:0 0 10px 160px; width:536px; color: grey}
	
	
	#tip1{display:block; margin:0 0 10px 0; color:#0278bf;}
	#tip1 a{padding:8px 0 8px 30px; margin:0; font-size: 12px; display:inline; background:url(/images/ico_tip.gif) no-repeat left center;color:#0278bf;}
	
	#errors{float:left: display:block; width:100%; text-align:center;color: red}
	#section1{float:left; display:inline; width:150px; padding:10px 0;}
	#tag_menu{list-style:none; margin:0; padding:0;}
	#tag_menu li{list-style:none; margin:0; padding:2px 0; dislpay:block; clear:left;}
	#dropdwn{display:block; clear:left; width:100%; background-color:#76b6dc; margin:2px 0 2px 10px; height:31px;}
	#title{display:block; clear:left; width:100%; background-color:#ececec; margin:2px 0 2px 10px; height:31px;}
	/* .titles {color:#545454; font-weight:bold; line-height:31px; height:31px; text-decoration:none; padding-right:10px; cursor:pointer; display:block} */
	.titles {color:#545454; font-weight:bold; line-height:31px; height:31px; text-decoration:none; padding-right:10px; cursor:pointer; display:block}
	.message{ display:block; clear:left; width:100%; background-color:#ecf7ff; margin:2px 0 2px 10px; height:31px}
	.tags{float:left; display:block; width:124px; height:25px; padding:0 0 0 10px; margin:0;  color:#0278bf; text-decoration:none; font-weight:bold; line-height:25px}
	.tags:hover{background-color:#ffffdd;}
	.tags_active{float:left; display:block; width:124px; height:25px; padding:0 0 0 10px; margin:0;  color:#0278bf; text-decoration:none; font-weight:bold; line-height:25px; background-color:#ecf7ff;}
	.delete{float:left; display:block; width:16px; height:25px; padding:0px 0 0px 0px; margin:0; color:#ccc; text-decoration:none; font-weight:bold; line-height:25px; text-align:center}
	.delete:hover{background-color:#ffe7e7;  color:#545454;}
	#trash{display:block; padding:0; background-color:#ffe7e7; margin:0; height:25px; line-height:25px}
	#trash a.trash {background:url(/images/ico_trash.gif) no-repeat 10px 2px ; padding:0 0 0px 24px;  color:#545454; font-weight:bold; line-height:25px; height:25px; text-decoration:none}	.add_label{display:block; padding:5px 0}
	.add_label div{display:inline;}
	#trash a.empty_trash {padding:0;  color:#545454; font-weight:bold; line-height:25px; height:25px; text-decoration:none}	.add_label{display:block; padding:5px 0}
	.add_label div{display:inline;}
	#label{display:block; padding:2px 0 0px 10px; background-color:#e2ffdd; margin:0; height:25px; line-height:25px}
	#label span {display:block; background:url(/images/ico_addlabel.gif) no-repeat 10px 2px ; padding:0 0 0 35px; margin:0px; color:#545454; font-weight:bold; line-height:20px}
	#section2{float:left; display:inline; width:586px; padding:10px 0;}
	.message_option1{float:left; display:block; padding: 0 0 0 10px; margin:0; width: 115px	; line-height:31px}
	.message_option1 .inplaceeditor-field input[type="text"] { 
		width: 10px; 
	}
	.message_option2{float:left; display:block; width:115px; padding: 0; margin:0; text-align:center; line-height:31px; height:31px}
	.option{font:12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; padding:4px 5px; color:#000;line-height:31px}
	.option:hover{background-color:#cee5f6;} 
	.message_option3{float:left; display:block; padding: 0 5px; margin:0; line-height:31px}
	.message_option4{float:left; display:block; padding: 0 5px; margin:0; line-height:31px; text-align:center}
	.message_option5{float:left; display:block; padding: 0 5px; margin:0; text-align:center; line-height:31px; height:31px}
	.message_option6{float:left; display:block; padding: 2px 5px 0 5px; margin:0; text-align:center; line-height:29px; height:29px}
	.message_option7{float:left; display:block; padding: 0 5px; margin:0; text-align:center; line-height:31px; height:31px}
	.message_option8{float:left; display:block; width:75px; margin:0; line-height:31px; text-align:center}
	.delete2{text-decoration:none; text-align:center; padding:2px 5px; color:#000; font-size:14px;} 
	.delete2:hover{background-color:#cee5f6}
	.add_note{display:inline; float:left; width:210px; margin: 0 0 0 150px;}
	.add_note input{margin-right:5px;}
	.add_note div {display:block; float:left;}
	
	.add_reminder{display:inline; float:left; width:100%; margin: 0 0 0 0px;}
	.add_reminder input{margin-right:5px;}
	.add_reminder div {display:block; float:left;}
	
	#next{text-align:center; margin:0 0 0 10px; width:100%;}
	#next a.previous{margin: 0 4px; padding:2px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#545454}
	#next a.previous:hover{background-color:#76b6dc; color:#FFF}
	#next a.next{margin: 0 4px; padding:0; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#545454}
	#next a.next:hover{background-color:#76b6dc; color:#FFF}
	#next a.page{margin: 0 4px; padding:0; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#545454}
	#next a.page:hover{background-color:#76b6dc; color:#FFF}
	#section3{text-align:center}
	#section3 input{margin:5px 5px}
	.verify{display:inline; margin:0 60px}
	#boxwrap{width:636px; margin: 0 0 0 30px}
	.box1{float:left; display:inline; width:200px; border:1px solid #ccc; background-color:#ecf7ff; margin: 0px 5px; padding:10px 0}
	.box2{float:left; display:inline; width:500px; border:1px solid #ccc; background-color:#ecf7ff; margin: 0px 5px; padding:10px 0}
	.box3{width:200px; border:1px solid #ccc; background-color:#ecf7ff; margin: 0px 5px; padding:10px 0}
	input.button{background-image:url(/images/but_addlabel.gif) no-repeat top left;}
	INPUT {color:#545454;}
	.add{width:120px; border: 1px solid #ccc; font-weight:bold; font:12px Verdana, Arial, Helvetica, sans-serif}
	.drop{width:150px; margin: 4px 0 0 10px;}
	.message_option4{float:left; display:block; padding: 0px; margin:0; width: 50px ; line-height:31px; text-align:center}
	a.listen{background:url(/images/ico_listen.gif) no-repeat center -31px; width:25px; display:block; line-height:31px; text-decoration:none; margin:0 3px}
	a.listen:hover{background:url(/images/ico_listen.gif) no-repeat center 0px;}
	a.notes{background:url(/images/ico_notes.gif) no-repeat center -31px; width:25px; display:block; line-height:31px; text-decoration:none; margin:0 3px}
	a.notes:hover{background:url(/images/ico_notes.gif) no-repeat center 0px;}
	a.send{background:url(/images/ico_send.gif) no-repeat center -31px; width:25px; display:block; line-height:31px; text-decoration:none; margin:0 3px}
	a.send:hover{background:url(/images/ico_send.gif) no-repeat center 0px;}
	a.reminder{background:url(/images/ico_reminder.gif) no-repeat center -31px; width:25px; display:block; line-height:31px; text-decoration:none; margin:0 3px}
	a.reminder:hover{background:url(/images/ico_reminder.gif) no-repeat center 0px;}
	a.reminder_active{background:url(/images/ico_reminder_active.gif) no-repeat center -31px; width:25px; display:block; line-height:31px; text-decoration:none; margin:0 3px}
	a.reminder_active:hover{background:url(/images/ico_reminder_active.gif) no-repeat center 0px;}
	a.notes_active{background:url(/images/ico_notes_active.gif) no-repeat center -31px; width:25px; display:block; line-height:31px; text-decoration:none; margin:0 3px}
	a.notes_active:hover{background:url(/images/ico_notes_active.gif) no-repeat center 0px;}
	a.delete3{background:url(/images/ico_delete.gif) no-repeat center -31px; width:25px; display:block; line-height:31px; text-decoration:none; margin:0 3px}
	a.delete3:hover{background:url(/images/ico_delete.gif) no-repeat center 0px;}
	a.listen{background:url(/images/ico_listen.gif) no-repeat 0 -31px; width:22px; display:block; line-height:31px; text-decoration:none}
	a.listen:hover{background:url(/images/ico_listen.gif) no-repeat 0 0px;}


#footer{display:block; border-top: 1px solid #ccc;}