/* Beg: TMP-DEV */
/*
table { border: solid 3px #b0b0b0;  }
td { border: dotted 1px #b0b0b0; }
body { color: #b0b0b0; }
*/
/* End: TMP-DEV */

/* Beg: HTML/Doc essentials */
html, body { height: 100%; }
body { margin: 0px; font: normal 12pt Arial; line-height: 1.4em; } /* default font for the whole web site */
hr { /*color: #606060;*/ }
.zero_top { padding-top: 0pt; }
.zero_bottom { padding-bottom: 0pt; }
img.pic_noborder { border: 0px; }
img.pic_bordered { border: solid 1px #606060; }
/* End: HTML/Doc essentials */

/* Beg: Sizes */
.mainarea_width, .mainarea { width: 720px; }
.mainarea { vertical-align:top; background: #FFFFFF; color: #343434; } /* white back; dark-gray font */

.sidearea_width, .sidearea { width: /*260px;*/ 220px; /* had to reduce because of two 20px paddings */ }
.sidearea { /*background: #184574;*/ vertical-align:top; padding: 20px; color: #72c1f1; } /* blue back; cyan font */
.sidearea_menu { padding-left: 20px; color: #72c1f1; }
/* End: Sizes */

/* Beg: global containers */
/*#FrmGlobalOuter { height: 100%; }*/ /* not rendered with its ID */
/* Need to make all outer parents to expand the height to the 100% to provide a container taking 100% of the page's height.
This includes the body and html elements (see their css styles). */
#aspnetForm, #DivGlobalOuter, #TblGlobalOuter { height: 100%; } /* aspnetForm seems to be generated by ASP.NET automatically */
#TblGlobalOuter { width: 100%; background: #184574 url('../Res/Img/Main/Back/BackUpVLine.png') repeat-x 0 top; } /* global background on the sides */
#CellGlobalOuter { height: 100%; }
#TblGlobalInner { height: 100%; margin: auto; } /* <- this is how you make a table horiz-centered inside a container in XHTML */
/* End: global containers */

/* Beg: Zone.header */
.header_height { height: 95px; }
/* End: Zone.header */

/* Beg: Zone.top menu */
.topmenu_height, .topmenu { height: 30px; }
.topmenu, .topmenu_rightmost_part_b { background: #aac4dd; }
.topmenu_rightmost_part_a { height: 1px; width: 1px; text-align: right; vertical-align: top; }
.topmenu_rightmost_part_b { height: 21px; } /* <- will need a manual adjustment if height of menu changes (see .topmenu_height) */
/* End: Zone.top menu */

/* Beg: Zone.general */
.mainarea_a { vertical-align:top; padding: 20px; }
.mainarea_bl { vertical-align:top; padding-right: 10px; width: 50%; }
.mainarea_bl1 { vertical-align:top; padding-right: 10px; width: 100%; }
.mainarea_br { vertical-align:top; padding-left: 10px; width: 50%; }
.mainarea_cl { vertical-align:top; padding-right: 10px; }
.mainarea_cc { vertical-align:top; padding-right: 10px; padding-left: 10px; }
.mainarea_cr { vertical-align:top; padding-left: 10px; }
td.device_cell { text-align: center; vertical-align: middle; }
td.repicon_cell { text-align: center; vertical-align: middle; padding-bottom: 4pt; }
td.report_cell { text-align: center; padding-top: 4pt; padding-bottom: 8pt; }
td.rep_label { padding: 2pt; padding-right: 6pt; vertical-align: top; }
td.rep_comment { vertical-align: middle; padding-bottom: 4pt; }

td.prc_cell, td.prc_cell_ctrl, td.prc_cell_desc, td.prc_cell_pic, 
td.prc_cell_price, td.prc_cell_title { height: 1px; padding: 1pt; }
td.prc_cell_ctrl { padding-right: 4pt; }
td.prc_cell_desc { padding-right: 20px; }
td.prc_cell_pic { text-align: center;  vertical-align: middle; width: 130px; }
td.prc_cell_price { vertical-align: middle; }
.prc_elem_price, .prc_elem_total { border: none; width:60pt; text-align: right; font: bold 13pt Tahoma; color: #808080; }
.prc_elem_total { font: bold 16pt Tahoma; color: #184574; }
td.prc_cell_title { padding-bottom: 6pt; }
.buybutton_cell {text-align: left; vertical-align: bottom; padding-right: 130px; padding-bottom: 16px;}

td.tdxprc_cell_item_hdr, td.tdxprc_cell_item, td.tdxprc_cell_prc_hdr, td.tdxprc_cell_prc, td.tdxprc_cell_prc1  { background-color: #ffffff; padding: 4px; }
td.tdxprc_cell_item_hdr, td.tdxprc_cell_prc_hdr { font-weight: bold; font-size: 12pt; color: #184574; background-color: #F4F4F4; text-align: center; }
td.tdxprc_cell_item, td.tdxprc_cell_prc { padding-left: 8px; padding-right: 8px; }

td.tdxprc_cell_item_hdr, td.tdxprc_cell_item {}
td.tdxprc_cell_item_hdr { }
td.tdxprc_cell_item { text-align: left; }
td.tdxprc_cell_prc_hdr, td.tdxprc_cell_prc {}
td.tdxprc_cell_prc_hdr { }
td.tdxprc_cell_prc { text-align: right; color: #184574; }
td.tdxprc_cell_prc1 { text-align: left; }

.hidden { visibility: hidden; }
 .unhidden { visibility: visible; }
 .pointer { cursor: pointer }

 .underline:hover {	cursor: pointer; text-decoration:underline;}
  
.cc_dn_name_cell { padding-bottom: 8pt; }
.cc_dn_desc_cell { width:80pt; }
.cc_dn_btn_cell { padding-top: 8pt; }
.cc_dn_prop_tbl { }
.dn_block_cell { padding-bottom: 12pt; }
/* End: Zone.general */

/* Beg: Zone.footer */
.footer_height, .footer { height: 80px; }
.footer { background: #222222 url('../Res/Img/Main/Footer/FooterBackVLine.png') repeat-x 0 top;}
.footer_left_a { padding-left: 20px; padding-top: 6px; text-align: left; vertical-align: top; }          
/* End: Zone.footer */