﻿           /*3OGGO3(^
       ~Q@@@BBBBB@#(B@@S/
     O@@BBBBBBBBBB@O R@B@@O
    O@BBB@@@@@@BBB@G S@@@@@O		Cascading Style Sheets
  /B@BBB@t    /#@B@( //     /		Controlled by Hakan Bilgin © 2006
 ~@BBB@R(       BB~   /tC/  %@/		http://www.challenger.se
 O@BB@#CCQ##s  /R(  e#@@O  C@@s
/@BBBBBBBBB@O (@( /@#7 /6R@@BB@/
%@BBBBBBB@B~ KR    ^(CG3   t@B@%
3@BBBBBB@O (@R   Q@@@@Q^ /#@BB@%
%@BBBBB@#  K@e   K@@BC  tR@BBB@t
^B@B@SC3  »%   ^^ /sB@BBBBB@R^R
 %KC/      //(     C@@BBBBBBB@t
  QQQ#G    e@@/     C@BBBBBB@R
   K@@#   sRRB@%S@@@(C@BBBB@Q
    (B@K 7@BBBBBBBB@S6@BB@R/
     ~R@G e@BBBBBBB@GS@B@#/
        (#@S#@BBBB@#Q@Q(
             ^/~~/*/


#body *				{font-family: Lucida Sans Unicode, Trebuchet MS, Arial;}
a					{cursor: pointer; color: #229; text-decoration: none;}
a:hover,
a:hover *			{color: #F90;}
body				{background: #FFF;}
.wait				{width: 96px;}
.bCard				{width: 740px; height: 480px; border: #000 4px solid; margin-top: 60px;}
.bouquette			{width: 450px;}
#fHolder			{position: relative; height: 100%;}
#fHolder img		{position: absolute;}

.message			{background: url(/images/florist/sys/hb_stamp.gif) 100% 0% no-repeat; border-left: #CCC 1px solid; padding: 80px 10px 0px 10px;}
.message table		{width: 100%; height: 380px;}
.to_name,
.to_name a			{height: 25px; color: #F00; font: 24px Monotype Corsiva!important; padding-right: 5px;}
td.to_msg			{height: 315px; color: #666; font-size: 14px; line-height: 21px;}
.from_name			{height: 40px; color: #888; font-size: 15px;}
.from_name a		{font: 18px Monotype Corsiva!important;}
.delivered_by		{position: relative; width: 740px; text-align: left; font-size: 10px; color: #AAA;}
.delivered_by a		{color: #AAA;}
.delivered_by a:hover{color: #F90;}

.wf_tabs		{padding: 0px 0px 0px 3px;}
.wf_tabs div	{display: inline;}
.wf_tab_on		{position: relative; top: 4px; background: url(/images/florist/sys/wf_tab_on_end.gif) 100% 100% no-repeat; padding: 13px 3px 0px 0px; margin: 0px 2px 0px 0px;}
.wf_tab_on div	{background: url(/images/florist/sys/wf_tab_on_start.gif) 0% 0% no-repeat; padding: 3px 10px 0px 10px; cursor: default;}

.wf_tab_off		{position: relative; top: 5px; background: url(/images/florist/sys/wf_tab_off_end.gif) 100% 100% no-repeat; padding: 10px 3px 0px 0px; margin: 0px 2px 0px 0px;}
.wf_tab_off div	{background: url(/images/florist/sys/wf_tab_off_start.gif) 0% 0% no-repeat; padding: 4px 10px 0px 10px; color: #666; cursor: pointer;}
html>body .wf_tab_off {background-position: 100% 0%; padding: 4px 3px 0px 0px;}

.wf_tab_body	{background: #E1E1E1 url(/images/bg_menu.gif) repeat-x; border: #999 1px solid;}
.wf_body_outset	{border: 1px solid; border-color: #FBFCFF #CCC #CCC #FBFCFF; height: 200px; padding: 10px 0px 10px 0px;}
.wf_tab_body hr	{border-top: #AAA 1px solid; border-bottom: #FFF 1px solid; width: 92%;}

.field			{width: 96%; margin: 3px 0px 3px 6px; padding: 4px 6px 2px 6px; cursor: default;}
div.field:hover	{padding: 3px 5px 1px 5px; background: url(/images/florist/sys/field_hover.gif) repeat-x; border: 1px solid; border-color: #FFF #BBB #AAA #EEE;}
.field input	{float: right; width: 190px; height: 18px; font-size: 12px;}
#wf_message		{width: 92%; height: 172px; margin: 2px 0px 0px 12px;}
html>body .field{width: 92%;}
html>body #wf_message {height: 192px;}

#vCloud			{display: block; position: absolute; top: -99px;}
#wTools			{top: 20px; left: 3%; width: 58px;}
#wColors		{visibility: hidden; top: 30px; left: 33%; width: 219px;}
#wFlowers		{visibility: hidden; top: 20px; left: 54%; width: 374px;}
#wExplorer		{visibility: hidden; top: 20px; left: 65%; width: 200px;}
#wText			{visibility: hidden; top: 30px; left: 20%; width: 320px;}
#wTree			{background: #FFF; height: 220px; overflow: auto; padding: 1px 0px 0px 2px; border: 1px solid; border-color: #777 #CCC #CCC #777;}
#flowers		{background: #FFF; height: 365px; overflow: auto;}
#flowers img	{margin: 6px;}
.flower			{cursor: move;}

.wftools		{position: absolute; border: #555 1px solid;}
.wftools table	{border: 1px solid; border-color: #FFF #AAA #AAA #FFF; width: 100%; height: 100%; background: #E1E1E1 url(/images/bg_menu.gif) repeat-x;}
.inset			{border: 1px solid; border-color: #BBB #EEE #EEE #BBB;}
.inset .inset	{border: 1px solid; border-color: #777 #CCC #CCC #777;}
.close			{float: right; margin: 1px 1px 0px 3px; cursor: pointer;}
.caption		{height: 15px; overflow: hidden; font: bold 12px Arial; color: #FFF; cursor: move; background: #F90 url(/images/caption_bg.gif) 100% 0% repeat-y; padding: 1px 0px 0px 2px;}
#wTools .caption{background-position: 0% 0%;}
#wTools img		{width: 16px; height: 16px;}

table.colorTbl	{border: #222 1px solid; border-bottom: 0px; border-right: 0px;}
.colorTbl td	{border-bottom: #222 1px solid; border-right: #222 1px solid; font-size: 1px; width: 11px; height: 13px;}

div.divider		{height: 2px; overflow: hidden; background: #AAA; border-bottom: #FFF 1px solid;}
html>body div.divider {height: 1px;}

.tool_out		{margin: 1px; padding: 4px;}
.tool_over		{margin: 1px; border: 1px solid; border-color: #FFF #AAA #AAA #FFF; padding: 3px;}
.tool_down		{margin: 1px; border: 1px solid; border-color: #AAA #FFF #FFF #AAA; padding: 4px 2px 2px 4px; background: #EEE;}

#mail_progress	{display: none; position: absolute; top: 45%; left: 35%; padding: 20px 30px 20px 30px; background: #FFF; border: #F90 3px solid; z-index: 1001;}

.delivered_by	{display: none;}
