body{background:#000000;font-family: "Nokia Sans Regular";}
.in_rtl {color:#000000;word-wrap:break-word;}
.out_rtl {color:#FFFFFF;word-wrap:break-word;}
.outbox_rtl {color:#999999;word-wrap:break-word;}
.in_ltr {color:#000000;word-wrap:break-word;}
.out_ltr {color:#FFFFFF;word-wrap:break-word;}
.outbox_ltr {color:#999999;word-wrap:break-word;}
b.in1 {display:block; width:290px; height:23px;margin-right:3; float:right}
.in2 {display:block;width:280px; margin:0px 3px 0px 0px; padding:0px 5px 2px 5px;overflow:auto;float: right}
b.in3 {display:block; width:290px; height:23px;margin-right:3; margin-bottom:-16px;float: right}
b.out1 {display:block; width:290px; height:23px; margin-top:0px;}
.out2 {display:block;width:280px; margin:0px 0px 0px 0px; padding:0px 5px 2px 5px;overflow:auto;}
b.out3 {display:block; width:290px; height:23px;margin-bottom:-16px;}

/* RTL layout, top - bottom - center format bubble */
div.in_rtl b.in1 {background:url(nhd_bubble_rtl.png) no-repeat; background-position: -870px 0; width: 290px; height: 23px; } 
div.in_rtl b.in3 {background:url(nhd_bubble_rtl.png) no-repeat; background-position: -1450px 0; width: 290px; height: 23px; } 
div.in_rtl p {background:url(nhd_bubble_rtl.png) repeat-y; background-position: -1160px 0; width: 280px; } 

div.out_rtl b.out1 {background:url(nhd_bubble_rtl.png) no-repeat; background-position: 0 0; width: 290px; height: 23px; } 
div.out_rtl b.out3 {background:url(nhd_bubble_rtl.png) no-repeat; background-position: -580px 0; width: 290px; height: 23px; } 
div.out_rtl p {background:url(nhd_bubble_rtl.png) repeat-y; background-position: -290px 0; width: 280px;  } 

div.outbox_rtl b.out1 {background:url(nhd_bubble_rtl.png) no-repeat; background-position: 0 0; width: 290px; height: 23px; } 
div.outbox_rtl b.out3 {background:url(nhd_bubble_rtl.png) no-repeat; background-position: -580px 0; width: 290px; height: 23px; } 
div.outbox_rtl p {background:url(nhd_bubble_rtl.png) repeat-y; background-position: -290px 0; width: 280px;  } 

/* LTR layout, top - bottom - center format bubble */
div.in_ltr b.in1 {background:url(nhd_bubble_ltr.png) no-repeat; background-position: -870px 0; width: 290px; height: 23px; } 
div.in_ltr b.in3 {background:url(nhd_bubble_ltr.png) no-repeat; background-position: -1450px 0; width: 290px; height: 23px; } 
div.in_ltr p {background:url(nhd_bubble_ltr.png) repeat-y; background-position: -1160px 0; width: 280px; } 

div.out_ltr b.out1 {background:url(nhd_bubble_ltr.png) no-repeat; background-position: 0 0; width: 290px; height: 23px; } 
div.out_ltr b.out3 {background:url(nhd_bubble_ltr.png) no-repeat; background-position: -580px 0; width: 290px; height: 23px; } 
div.out_ltr p {background:url(nhd_bubble_ltr.png) repeat-y; background-position: -290px 0; width: 280px;  } 

div.outbox_ltr b.out1 {background:url(nhd_bubble_ltr.png) no-repeat; background-position: 0 0; width: 290px; height: 23px; } 
div.outbox_ltr b.out3 {background:url(nhd_bubble_ltr.png) no-repeat; background-position: -580px 0; width: 290px; height: 23px; } 
div.outbox_ltr p {background:url(nhd_bubble_ltr.png) repeat-y; background-position: -290px 0; width: 280px;  } 

.name_rtl {max-width:280px;vertical-align:baseline; font-family: "Nokia Sans Semibold"; color:#009FEB;float:right;}
.name_ltr {max-width:280px; vertical-align:baseline; font-family: "Nokia Sans Semibold"; color:#009FEB;float:left;}
.name_outbox_rtl{vertical-align:baseline;color:#009FEB;}
.name_outbox_ltr{vertical-align:baseline;color:#009FEB;}
.ts_in {font-family: "Nokia Sans Semibold"; color:#999999; float:right;}
.ts_out {font-family: "Nokia Sans Semibold"; color:#999999; float:right;}
.ts_outbox {font-family: "Nokia Sans Semibold"; color:#999999; float:right;}
.ts_in_rtl {font-family: "Nokia Sans Semibold"; color:#999999; float:left;}
.ts_out_rtl {font-family: "Nokia Sans Semibold"; color:#999999; float:left;}
.ts_outbox_rtl {font-family: "Nokia Sans Semibold"; color:#999999; float:left;}
.status {vertical-align:top;width:30px;text-align:center;padding-top:23px;}
.viewall{display:block;color:#FFFFFF;text-align:center;font-size:120%;text-decoration:none;word-wrap:break-word;}
.viewall_hidden {display:none;color:#FFFFFF;text-align:center;font-size:120%;text-decoration:underline;height:40px;}
.smiley {vertical-align:text-bottom;}
.loadcomplete {display:none;}

#btn_left  {float: left;  margin-left:3px; background:url(button.png) no-repeat; background-position: 0 0; width:15px; height: 38px;}
#btn_middle{margin: 0 15px; line-height: 38px; background: url(button.png) repeat-x; background-position: 0 -38px; height: 38px;}
#btn_right {float: right; margin-right:3px; background: url(button.png) no-repeat; background-position: 0 -76px; width:15px; height: 38px;}

/** Annimated icons */
.coffee {background:url(nhd_icons.png) no-repeat; background-position: 0 0; width: 20px; height: 20px; } 
.connive {background:url(nhd_icons.png) no-repeat; background-position: -20px 0; width: 20px; height: 20px; } 
.denial {background:url(nhd_icons.png) no-repeat; background-position: -40px 0; width: 20px; height: 20px; } 
.flirt {background:url(nhd_icons.png) no-repeat; background-position: -60px 0; width: 20px; height: 20px; } 
.frustrated {background:url(nhd_icons.png) no-repeat; background-position: -80px 0; width: 20px; height: 20px; } 
.gum {background:url(nhd_icons.png) no-repeat; background-position: -100px 0; width: 20px; height: 20px; } 
.idea {background:url(nhd_icons.png) no-repeat; background-position: -120px 0; width: 20px; height: 20px; } 
.innocent {background:url(nhd_icons.png) no-repeat; background-position: -140px 0; width: 20px; height: 20px; } 
.laugh {background:url(nhd_icons.png) no-repeat; background-position: -160px 0; width: 20px; height: 20px; } 
.party {background:url(nhd_icons.png) no-repeat; background-position: -180px 0; width: 20px; height: 20px; } 
.run {background:url(nhd_icons.png) no-repeat; background-position: -200px 0; width: 20px; height: 20px; } 
.silly {background:url(nhd_icons.png) no-repeat; background-position: -220px 0; width: 20px; height: 20px; } 
.sleep {background:url(nhd_icons.png) no-repeat; background-position: -240px 0; width: 20px; height: 20px; } 
.surprised {background:url(nhd_icons.png) no-repeat; background-position: -260px 0; width: 20px; height: 20px; } 

/** Static icons */
.angry {background:url(nhd_icons.png) no-repeat; background-position: -280px 0; width: 20px; height: 20px; } 
.bigsmile {background:url(nhd_icons.png) no-repeat; background-position: -300px 0; width: 20px; height: 20px; } 
.cry {background:url(nhd_icons.png) no-repeat; background-position: -320px 0; width: 20px; height: 20px; } 
.evil {background:url(nhd_icons.png) no-repeat; background-position: -340px 0; width: 20px; height: 20px; } 
.eyebrows {background:url(nhd_icons.png) no-repeat; background-position: -360px 0; width: 20px; height: 20px; } 
.heart {background:url(nhd_icons.png) no-repeat; background-position: -380px 0; width: 20px; height: 20px; } 
.irritated {background:url(nhd_icons.png) no-repeat; background-position: -400px 0; width: 20px; height: 20px; } 
.kissing {background:url(nhd_icons.png) no-repeat; background-position: -420px 0; width: 20px; height: 20px; } 
.nerd {background:url(nhd_icons.png) no-repeat; background-position: -440px 0; width: 20px; height: 20px; } 
.neutral {background:url(nhd_icons.png) no-repeat; background-position: -460px 0; width: 20px; height: 20px; } 
.sarcastic {background:url(nhd_icons.png) no-repeat; background-position: -480px 0; width: 20px; height: 20px; } 
.mad {background:url(nhd_icons.png) no-repeat; background-position: -500px 0; width: 20px; height: 20px; } 
.smile {background:url(nhd_icons.png) no-repeat; background-position: -520px 0; width: 20px; height: 20px; } 
.suprised {background:url(nhd_icons.png) no-repeat; background-position: -540px 0; width: 20px; height: 20px; } 
.tongue {background:url(nhd_icons.png) no-repeat; background-position: -560px 0; width: 20px; height: 20px; } 
.unhappy {background:url(nhd_icons.png) no-repeat; background-position: -580px 0; width: 20px; height: 20px; } 
.verycool {background:url(nhd_icons.png) no-repeat; background-position: -600px 0; width: 20px; height: 20px; } 
.wink {background:url(nhd_icons.png) no-repeat; background-position: -620px 0; width: 20px; height: 20px; } 
.grin {background:url(nhd_icons.png) no-repeat; background-position: -640px 0; width: 20px; height: 20px; } 
.wondering {background:url(nhd_icons.png) no-repeat; background-position: -660px 0; width: 20px; height: 20px; } 

.attachltr { background:url(nhd_icons.png) no-repeat; background-position: -680px 0; width: 20px; height: 20px; float:right;}
.attachrtl { background:url(nhd_icons.png) no-repeat; background-position: -680px 0; width: 20px; height: 20px; float:left;}

.unread {background:url(nhd_icons.png) no-repeat; background-position: -700px 0; width: 20px; height: 20px; } 
.outgoing {background:url(nhd_icons.png) no-repeat; background-position: -720px 0; width: 20px; height: 20px; } 
