--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/emailuis/widget/xuikon/57/emailwidget.css	Fri Mar 12 15:41:14 2010 +0200
@@ -0,0 +1,136 @@
+widget#EmailWidget
+{
+    display:          block;
+    width:            100%;
+    height:           12.5u;  /* From layout data: Based on 3-row widget height */
+    direction:        ltr;
+}
+
+box#SetupContainer
+{
+    display:          block;
+    padding-top:      0.5u; /* From layout data */
+    padding-bottom:   0.5u; /* From layout data */
+    padding-left:     0.5u; /* From layout data */
+    padding-right:    0.5u; /* From layout data */
+    width:            100%;
+    height:           100%;
+    direction:        ltr;
+    block-progression:tb;
+    nav-index:        appearance;	
+}
+
+box#MailsContainer
+{
+    display: block;
+    padding-top:      0.5u; /* From layout data */
+    padding-bottom:   0.5u; /* From layout data */
+    padding-left:     0.5u; /* From layout data */
+    padding-right:    0.5u; /* From layout data */
+    width:            100%;
+    height:           100%;
+    direction:        ltr;
+    block-progression:tb;
+    nav-index:        appearance;	
+}
+
+box.row_container
+{
+    display:          block;
+    padding-top:      0.25u;  /* From layout data */
+    padding-bottom:   0u;     /* From layout data: Padding between rows is included in top padding */
+    width:            auto;   /* From layout data: Fit to screen */
+    height:           3.5u;   /* From layout data: Height inside padding */
+    block-progression:lr;
+    direction:        rtl;
+    nav-index:        auto;
+}
+
+box.setup_row_2_container
+{
+    display:          block;
+    padding-top:      1u;
+    padding-bottom:   1u;
+    padding-right:    18u;
+    width:            auto;
+    height:           auto;
+    block-progression:lr;
+    direction:        rtl;
+}
+
+box.setup_brand_container
+{
+    display:          block;
+    width:            6u;
+    height:           6u;
+    block-progression:lr;
+    direction:        ltr;
+}
+
+box.image_container
+{
+    display: block;
+    padding-left:     0.5u;   /* From layout data */
+    padding-right:    0.5u;   /* From layout data */
+    width:            3.5u;   /* From layout data */
+    height:           auto;   /* From layout data: Fills whole row_container height (3.5u) */
+    block-progression:lr;
+    direction:        ltr;
+}
+
+box.indicator_image_container
+{
+    display: block;
+    padding-left:     0.5u;
+    padding-right:    0.5u;
+    width:            3.5u;
+    height:           3.5u;
+    block-progression:lr;
+    direction: ltr;
+}
+
+text
+{
+    display:          block;
+    position:         static;
+    text-align:       right;
+    font-family:      EAknLogicalFontSecondaryFont;  /* LAF font */
+    font-size:        3.5u;                            /* LAF font-size */
+    _s60-text-valign: top;                      /* Set vertical text position correctly */
+    color:            "SKIN(268458534 13056 74)";           /* LAF color */     
+    direction:        ltr;
+    width:            auto;   /* From layout data: This box is in the middle and width depends on available space */
+    height:           auto;   /* From layout data: Fills whole row_container height (3.5u) */    
+}
+
+text.text_mailbox
+{
+    padding-left:     0.5u;
+    width:            auto;
+}
+
+text.sender_text
+{
+    padding-left:     0.5u;   /* From layout data */
+    width:            30%;    
+}
+
+text.subject_text
+{
+    padding-left:     0.5u;   /* From layout data */    
+    width:            auto;
+}
+
+text.time_text
+{
+    text-align:       left;
+    width:            adaptive;
+    height:           auto;
+    padding-right:    0.5u;
+    padding-left:     0.2u;
+}
+
+image
+{
+    _s60-aspect-ratio:preserve;
+}