<!-- Standard {} -->
td,
body          {font-family:Arial,Verdana,Helvetica; font-size:10pt}
body          {margin-top:0px}
h1            {font-weight:bold;font-size:22pt;display:inline}
h2            {font-weight:bold;font-size:18pt;display:inline}
h3            {font-weight:bold;font-size:16pt;display:inline;color:#0671B0}
h4            {font-weight:bold;font-size:12pt;display:inline}
form          {display:inline}
select        {font-family:"Courier New";font-size:10pt}
input,
textarea      {font-family:Arial,Verdana,Helvetica;font-size:10pt}
ol,
ul            {font-family:Arial,Verdana,Helvetica; font-size:10pt; padding-left:30px; margin:4px 0px 0px 0px}
li            {padding:0px 0px 4px 0px}
pre           {font-family:"Courier New"; font-size:10pt; display:inline}
ilayer 	      {display:block}
hr            {height:1px; color:#808080}

<!-- Table {} -->
table.grid    {border:2px solid #DEDECC; border-top:0px; border-collapse:collapse}
table.grid th {border-left:2px solid #FFFFFF; padding:2px}
table.grid td {border:2px solid #DEDECC; padding:2px}

table.row     {border:2px solid #DEDECC; border-top:0px; border-collapse:collapse}
table.row th  {border-left:2px solid #FFFFFF; padding:2px}
table.row td  {border-bottom:2px solid #DEDECC; padding:2px}

table.edit           {border:2px solid #DEDECC; border-left:0px; border-collapse:collapse}
table.edit th        {padding:8px; text-align:right; border-bottom:2px solid #FFFFFF; width:1%}
table.edit td        {padding:8px}
table.edit td td     {padding:0px}
table.edit td input  {width:100%}
table.edit td select {width:100%}

tr.selected   {font-weight:bold; background-color:#DEDECC}
td.selected   {font-weight:bold; background-color:#DEDECC}
th            {text-align:left; background-color:#DEDECC; color:#000000; font-weight:bold; font-size:10pt; white-space:nowrap}
th.idx        {font-style:italic; text-align:center}
td.idx        {font-style:italic; text-align:center}
td.data       {}

<!-- Class {} -->
.il           {display:inline}
.w100         {position:relative; width:100%}
.wh100        {position:relative; width:100%; height:100%}
.hide         {display:none}
.show         {display:inline}
.hl           {color:#A20D0D}
.note         {font-size:8pt}

.warning      {display:block;word-break:break-all; margin-bottom:4px; font-size:10pt;color:#A20D0D; padding:4px 0px 4px 24px; border:1px solid #9B9E8F; background:#F0C57C url(/images/s/status_unknown.gif) no-repeat 4px 4px}
.info         {display:block;word-break:break-all; margin-bottom:4px; font-size:10pt;color:#000000; padding:4px 0px 4px 24px; border:1px solid #9B9E8F; background:#CBEDE5 url(/images/s/info.gif) no-repeat 4px 4px}
.force_break  {word-break:break-all}

option#G      {font-weight:bold; background-color:#DEDECC}

<!-- taglib: box, grid {} -->
.box          {background-color:#000000}

<!-- taglib: hr {} -->
.hr           {border-color:#000000}

<!-- Id {} -->
#bold         {font-weight:bold}
#fixed        {font-family:"Courier New"}

<!-- taglib: hr {} -->
#hr           {border-top:0px; border-left:0px; border-right:0px; border-bottom-style:solid; width:100%}
#dash         {border-top:0px; border-left:0px; border-right:0px; border-bottom-style:dashed; width:100%}



<!-- Calendar {} -->
th.cal_dow                {text-align:center}
td.cal_in_month_cell      {width:14.3%; height:50px; vertical-align:top}
td.cal_out_month_cell     {width:14.3%; height:50px; vertical-align:top}
a.cal_month_booked        {font-weight:bold}
a.cal_month_not_booked    {}
a.cal_in_month_date       {}
a.cal_out_month_date      {color:#808080}
div.cal_list_birthday     {font-size:8pt;color:#A20D0D; padding:1px 0px 1px 20px; background:url(/images/s/bookmark.gif) no-repeat}
div.cal_list_birthday a   {color:#A20D0D}
div.cal_list_send         {font-size:8pt;color:#000000; padding:1px 0px 1px 20px; background:url(/images/s/clock.gif) no-repeat}

<!-- Panel {} -->
.option_panel                      {width:260px; vertical-align:top}
.content_panel                     {width:100%; vertical-align:top}
.panel_bar                         {background:#E5DF95; padding:2px}
.option_panel div.panel_bar        {white-space:nowrap}
.option_panel table.edit           {border:0px; border-collapse:collapse}
.option_panel table.edit th        {padding:2px}
.option_panel table.edit td        {padding:2px}
.option_panel table.edit td input  {width:100%}
.option_panel table.edit td select {width:100%}

#quick_range   {filter:progid:DXImageTransform.Microsoft.Slide(duration=0.5, slideStyle='PUSH', bands=1)}
.qr_mouseover  {border: 1px solid #DEDECC}
.qr_mouseout   {border: 1px solid #FFFFFF}

@media screen {
.hide_screen   {display:none}
}

<!-- Cube {} -->
div.cp_header			{background:#9CCE6D; padding:4px 8px 4px 8px; font-weight:bold; font-size:12pt}
div.cp_content			{border:4px solid #9CCE6D; border-width:0px 4px 4px 4px; padding:4px}
div.cp_column			{border:4px solid #9CCE6D; border-width:0px 4px 4px 4px; padding:4px}
div.table_header		{width:100%; background:#9CCE6D; padding:4px; font-weight:bold}
a.cbtn					{color:#000000; background:#9CCE6D; text-decoration:none; padding:4px 16px 4px 16px; text-align:center}
a:hover.cbtn			{color:#FFFFFF; background:#379247; text-decoration:none; font-weight:bold}

<!-- CSS container shadow {} -->
#shadow-container 				{position:relative;left:3px;top:3px;margin-right:3px;margin-bottom:3px;width:95%}
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container	{position:relative;left:-1px;top:-1px;}
#shadow-container .shadow1		{background:#F1F0F1;}
#shadow-container .shadow2		{background:#DBDADB;}
#shadow-container .shadow3 		{background:#B8B6B8;}
#shadow-container .container 	{background:#ffffff;border:1px solid #848284;padding:10px;}