--- a/ginebra2/chrome/bedrockchrome/bookmarkview.superpage/bookmarkDialog.css	Thu Sep 23 15:32:11 2010 -0400
+++ b/ginebra2/chrome/bedrockchrome/bookmarkview.superpage/bookmarkDialog.css	Fri Oct 15 17:30:59 2010 -0400
@@ -1,112 +1,218 @@
+/******* css for bookmark dialog *******/
+
 /*TBD: This should be cleaned up to use a set of common dialog classes */
 
+#BookmarkDialogId {
+  /*dimensions*/
+  width: 327px;
+  background: -webkit-gradient(linear, left top, left bottom, from(#6780a1), to(#4c607d));
+  /*font specification*/
+  font-family: "Series 60 Sans", "Nokia Sans S60", sans-serif;
+  border-radius: 9px;
+  border: 3px solid #003159;
+  }
+
+@media (device-width:800px){
 #BookmarkDialogId
 {
-   width: 302px;
+   width: 450px;
+}
 }
 
+#BookmarkDialogTitleId {
+  /*dimensions*/
+  width: 307px;
+  height: 32px;
+  /*margins & paddings*/
+  margin-top: 20px;
+  padding: 2px;
+  border-radius: 3px;
+  /*decorations*/
+  background-color:white;
+  border-color:#c8c8c8;}
+
+@media (device-width:800px){
 #BookmarkDialogTitleId 
 {
-    width: 256;
-    height:32px;
-    background-color:white;
-    padding:2px;
-    border-radius: 3px;
-    border-color:#c8c8c8
+    width: 410;
+    height:54px;
+    font-size: 35px;
+    margin-top: 8px;
+    margin-bottom: 8px;
+    margin-right: 16px;
+}
 }
 
+#BookmarkDialogUrlId {
+  /*dimensions*/
+  width:307px;
+  height:32px;
+  /*margins & paddings*/
+  padding:2px;
+  margin-bottom: 10px;
+  margin-top: 20px;
+  border-radius: 3px;
+  /*decorations*/
+  background-color:white;
+  border-color:#c8c8c8;}
+
+@media (device-width:800px){
 #BookmarkDialogUrlId 
 {
-    width:256px;
-    height:32px;
-    background-color:white;
-    border-color:#c8c8c8;
-    border-radius: 3px;
-    padding:2px;
-    margin-top: 15px;
+    width:410px;
+    height:54px;
+    font-size: 35px;
+    margin-top: 8px;
+    margin-bottom: 8px;
+    margin-right: 16px;
+    margin-top: 0px;
+}
 }
 
-div.bookmarkTextLabel{
-    background-image: url(icons/menu_icon_bookmarks.png);
-    background-repeat: no-repeat;
-    font-size: 22px;
-    height: 21px;
-    padding-left: 40px;
-    color: #fff;
-    margin-bottom: 15px;
+div.bookmarkTextLabelContainer {
+  /*dimensions*/
+  height: 21px;
+  /*margins & paddings*/
+  margin-bottom: 8px;
+  padding-left: 40px;
+  /*decorations*/
+  color: #fff;
+  background-image: url(/bookmarkview/menu_icon_bookmarks.png);
+  background-repeat: no-repeat;
+  /*font specification*/
+  font-size: 22px;}
+
+@media (device-width:800px){
+div.bookmarkTextLabelContainer{
+    background-image: url(iconsMaemo/menu_icon_bookmarks.png);
+    font-size: 25px;
+    height: 35px;
+    margin-bottom: 0px;
+    vertical-align:text-top;
+}
 }
 
-#BookmarkDialogId div.top{
-    background-image: url(icons/dialog_top.png);
-    background-repeat: no-repeat;
-    height:11px;
+#BookmarkDialogId div.top {
+  /*dimensions*/
+  height: 10px;
 }
 
-#BookmarkDialogId div.body{
-    background-image: url(icons/dialog_center.png);
-    padding-left:20px;
-    padding-top: 5px;
-    padding-bottom:7px;
-    background-repeat: repeat-y;
+@media (device-width:800px){
+#BookmarkDialogId div.top{
+    background-image: url(iconsMaemo/dialog_top.png);
+}
 }
 
-#BookmarkDialogId div.bottom{
-    background-image: url(icons/dialog_bottom.png);
-    background-repeat: no-repeat;
-    height:10px;
-    background-position:left bottom;
+#BookmarkDialogId div.body {
+  /*margins & paddings*/
+  padding-left: 8px;
+  padding-top: 2px;
 }
 
-div.controls{
-  height: 54px;
-  margin: auto;
-  width: 230px;
+@media (device-width:800px){
+#BookmarkDialogId div.body{
+    background-image: url(iconsMaemo/dialog_center.png);
+}
+}
+
+#BookmarkDialogId div.bottom {
+  /*dimensions*/
+  height: 10px;
+  /*decorations*/
 }
 
-div.bookmarkDoneButton{
-    width: 100px;
-    height: 54px;
-    background-image: url(icons/dialog_buttons_tick.png);
-    background-repeat: no-repeat;
-    background-repeat: center center;
-    border: none;
-    margin-right:10px;
-    float: left;
-    
+@media (device-width:800px){
+#BookmarkDialogId div.bottom{
+    background-image: url(iconsMaemo/dialog_bottom.png);
+    height:11px;
+}
 }
 
-div.bookmarkDoneButton:active{
-    background-image: url(icons/dialog_buttons_tick_pressed.png);
+div.controls {
+  /*dimensions*/
+  height: 54px;
+  width: 230px;
+  /*margins & paddings*/
+  margin: auto;}
+
+@media (device-width:800px){
+div.controls{
+  height: 70px;
+  width: 290px;
+}
 }
 
+div.bookmarkDoneButton {
+  /*dimensions*/
+  width: 100px;
+  height: 54px;
+  /*margins & paddings*/
+  margin-right: 10px;
+  border: none;
+  /*decorations*/
+  background-image: url(/bookmarkview/dialog_buttons_tick.png);
+  background-repeat: no-repeat;
+  background-repeat: center center;
+  float: left;}
 
-div.bookmarkCancelButton{
-    width: 100px;
-    height: 54px;
-    background-image: url(icons/dialog_buttons_cross.png);
-    background-repeat: no-repeat;
-    background-repeat: center center;
-    border: none;
-    margin:none;
-    float: left;
+@media (device-width:800px){
+div.bookmarkDoneButton{
+    width: 70px;
+    height: 70px;
+    background-image: url(iconsMaemo/dialog_buttons_tick.png);
+    margin-right:138px;
+}
 }
 
-div.bookmarkCancelButton:active{
-    background-image: url(icons/dialog_buttons_cross_pressed.png);
+div.bookmarkDoneButton:active {
+  /*decorations*/
+  background-image: url(/bookmarkview/dialog_buttons_tick_pressed.png);}
+
+@media (device-width:800px){
+div.bookmarkDoneButton:active{
+    background-image: url(iconsMaemo/dialog_buttons_tick_pressed.png);
+}
 }
 
+div.bookmarkCancelButton {
+  /*dimensions*/
+  width: 100px;
+  height: 54px;
+  /*margins & paddings*/
+  margin: none;
+  border: none;
+  /*decorations*/
+  background-image: url(/bookmarkview/dialog_buttons_cross.png);
+  background-repeat: no-repeat;
+  background-repeat: center center;
+  float: left;}
+
+div.bookmarkCancelButton:active {
+  /*decorations*/
+  background-image: url(/bookmarkview/dialog_buttons_cross_pressed.png);}
+
+@media (device-width:800px){
+div.bookmarkCancelButton{
+    width: 70px;
+    height: 70px;
+    background-image: url(iconsMaemo/dialog_buttons_cross.png);
+}
+}
+
+@media (device-width:800px){
+div.bookmarkCancelButton:active{
+    background-image: url(iconsMaemo/dialog_buttons_cross_pressed.png);
+}
+}
 div.bookmarkCheckboxTextLabel {
-    font-size:20px;
-    height:20px;
-    color:#fff;
-    display: none;
-}
+  /*decorations*/
+  color: #fff;
+  /*font specification*/
+  font-size: 20px;
+  /*misc*/
+  display: none;}
 
 #bookmarkCheckboxId {
-    width:20px;
-    height:20px;
-    background-color:white;
-    border-color:#c8c8c8;
-    border-radius:3px;
-    margin-top:15px;
-}
+  /*margins & paddings*/
+  border: none;
+ }