html{width:100%;height:100%; background-color:#FFFFFF;}
body{width:100%;margin:0 auto;font-family: Verdana, Tahoma, "trebuchet MS", Helvetica, Arial, sans-serif; font-size: 10px;}
body,td,th { color: #000000; font-family: Verdana, Tahoma, "trebuchet MS", Helvetica, Arial, sans-serif; font-size: 10px; font-weight: normal;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.vcenter {vertical-align:middle;}
.err_msg {color:#FF0000; font-style:italic;}
.errors {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF0000; font-weight:bold;}
.fieldset  { margin-bottom: 6px; color:#0066CC; text-align:center;}
.s10 {font-size:10px;}
.s12 {font-size:12px;}
.s14 {font-size:14px;}
.s16 {font-size:16px;}
.s18 {font-size:18px;}
.taiat { text-decoration:line-through;}
.pad5 {padding-left:5px; padding-right:5px;}
.pad10 {padding-left:10px; padding-right:10px;}
.pad25 {padding-left:25px; padding-right:25px;}
.gray_text{color:#CCCCCC;}
.green{color:#006600;}
.red{color:#FF0000;}
.orange {color:#FF9933;}

.bgred{background:#FF0000;}
.bgyellow{background:#FFFF00;}
.pointer{cursor:pointer;}
.alt1, .alt1Active{padding:5px; background:#E2ECFF; color: #000000;}
.alt2, .alt2Active{padding:5px; background:#EEEEEE; color: #000000;}
.altred, .altredActive{padding:5px; background:#FF0000; color: #FFFFFF;}
.altgreen, .altgreenActive{padding:5px; background:#006600; color: #000000;}
.img_thumb { border:#999999 solid 1px; padding:1px 1px 1px 1px;}
.alt1:hover, .alt2:hover{background:#FFFFCC;}

h2 { text-align:center; background-color:#CECECE; border: #999 solid 1px; padding: 7px 10px; font-size:12px; font-weight:bold; color:#069;
-moz-border-radius-topleft: 6px/*{cornerRadius}*/; -webkit-border-top-left-radius: 6px/*{cornerRadius}*/; -khtml-border-top-left-radius: 6px/*{cornerRadius}*/; border-top-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-topright: 6px/*{cornerRadius}*/; -webkit-border-top-right-radius: 6px/*{cornerRadius}*/; -khtml-border-top-right-radius: 6px/*{cornerRadius}*/; border-top-right-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomleft: 6px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 6px/*{cornerRadius}*/; border-bottom-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 6px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 6px/*{cornerRadius}*/; border-bottom-right-radius: 6px/*{cornerRadius}*/;
}

h5 { text-align:center; background-color:#FFCC66; border: #999 solid 1px; padding: 5px 10px; font-size:12px; font-weight:bold; color:#930;
-moz-border-radius-topleft: 6px/*{cornerRadius}*/; -webkit-border-top-left-radius: 6px/*{cornerRadius}*/; -khtml-border-top-left-radius: 6px/*{cornerRadius}*/; border-top-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-topright: 6px/*{cornerRadius}*/; -webkit-border-top-right-radius: 6px/*{cornerRadius}*/; -khtml-border-top-right-radius: 6px/*{cornerRadius}*/; border-top-right-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomleft: 6px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 6px/*{cornerRadius}*/; border-bottom-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 6px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 6px/*{cornerRadius}*/; border-bottom-right-radius: 6px/*{cornerRadius}*/;
}

#Container { margin:0px auto; padding:0px; width:100%; min-width:1000px;}
#InfoUserLogat { margin:0px auto; text-align:center; color:#003366;}
#TopMenu { padding-top:5px; height:80px;
	background-attachment:scroll; background-color:#FFFFFF; background-image: url(images/menu_bg_top.gif); background-position:bottom; background-repeat:repeat-x;}
#BottomMenu { padding-top:25px; height:50px;
	background-attachment:scroll; background-color:#FFFFFF; background-image: url(images/menu_bg_botom.gif); background-position:top; background-repeat:repeat-x;}
#PageContent { margin:0px auto; min-height:500px; padding: 25px;}

#Menu { margin:0px; padding:0px;}
#Menu ul { margin:0px; padding:0px;}
#Menu ul li {position: relative; margin:0px; padding:0px; list-style:none; text-align:center; display:inline-block; border:#CCCCCC solid 1px; padding:2px; background-color:#ECECEC; min-width:50px;}
#Menu ul li a { text-decoration:none; font-weight:bold; color:#999999;}
#Menu ul li:hover {cursor:pointer; background-color:#006699;}
#Menu ul li:hover a { color:#FFFFFF;}
#Menu ul li ul {display:none; position: absolute; top:46px; left:0; width:auto; padding:0px; margin: 0px; text-align:left; color:#000000; z-index:1000;}
#Menu ul li:hover ul { display:block; }
#Menu ul li:hover ul li { display:block; padding:0px; margin:0px; text-align:left; padding:2px 5px; color:#666666;background-color:#E2ECFF;!important}
#Menu ul li:hover ul li a { text-decoration:none; color:#666666; padding: 5px 0px;}
#Menu ul li:hover ul li:hover {cursor:pointer; background-color:#0099CC;}
#Menu ul li:hover ul li:hover a { color:#FFFFFF;}

.LoginForm {margin:0px auto; width:600px; }
.Logo {margin:0px auto; background-image: url(images/logoCustomers.png); background-repeat:no-repeat; width:420px; height:100px; margin-top:55px; margin-bottom:55px;}

#MainBox { margin:0xp auto;}
#MainBox p.title { background-color:#CECECE; border: #999 solid 1px; padding: 10px 10px; font-size:12px; font-weight:bold; color:#069;
-moz-border-radius-topleft: 6px/*{cornerRadius}*/; -webkit-border-top-left-radius: 6px/*{cornerRadius}*/; -khtml-border-top-left-radius: 6px/*{cornerRadius}*/; border-top-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-topright: 6px/*{cornerRadius}*/; -webkit-border-top-right-radius: 6px/*{cornerRadius}*/; -khtml-border-top-right-radius: 6px/*{cornerRadius}*/; border-top-right-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomleft: 6px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 6px/*{cornerRadius}*/; border-bottom-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 6px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 6px/*{cornerRadius}*/; border-bottom-right-radius: 6px/*{cornerRadius}*/;
}
#MainBox a { color:#036; text-decoration:none;}
#MainBox a:hover { color:#900; text-decoration:underline;}

.MessageBox { margin: 50px auto; width:600px; background-color:#504e4f; border:#FFF solid 1px; min-height: 170px;}
.MessageBox .MsgTitle {margin:0px; padding:3px; color:#FFFFFF; font-weight:bold; font-size:11px; border-bottom:#FFFFFF solid 1px; background-color:#403e3f;}
.MessageBox .MsgTitle span {margin:0px; padding:0px; padding-left:10px; color:#FFFFFF;}
.MessageBox .MsgText { color:#CCC; padding:2px 5px;}
.MessageBox .MsgText p { text-indent: 10px;}
.MessageBox a { color:#FFF; text-decoration:none;}
.MessageBox a:hover { color:#CCC; text-decoration:underline;}

.BoxLocatie { margin: 25px auto; min-width:600px; background-color:#E2ECFF; border:#FFF solid 1px; min-height: 100px; border:1px solid #003366; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;position:relative;}
.BoxLocatieTitle { background-color:#006699; font-size:12px; padding: 0px 10px; padding-top:10px; color:#FFFFFF; font-weight:bold; height:25px;
 -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; 
 -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; 
}
.BoxLocatieTitleButton { float:right; margin-top:5px; font-size:10px; font-weight:normal; position:absolute; right:0; top:5px;}
.BoxLocatieButton{ position:absolute; right:0; bottom:10px;}

#FormBox { padding:5px; width:98%; border:1px dashed #003366; margin:0px auto;}
#FormBox .FormTitle { margin-top:5px; margin-bottom:5px; background-color:#5e5d5d; color:#FFFFFF; padding: 5px 10px; font-size:12px; text-indent: 10px;}
#FormBox .alt1{background:#5e5d5d; color: #000000; border-bottom:#000000 dashed 1px;}
#FormBox .alt2{background:#CCCCCC; color: #000000; border-bottom:#000000 dashed 1px;}
#FormBox .FormName { width:120px; font-weight:bold; padding-left: 5px; color:#FFFFFF;}
#FormBox .FormValue { padding-left: 5px; color:#FFFFFF;}
#FormBox .FormName, #FormBox .FormValue{ display:inline-block; vertical-align:middle; text-align:left;}
#FormBox .tfoot {
background-color:#FFCC33;
color:#666666;
font-size:12px;
font-weight:bold;
vertical-align:middle;
margin:0px;
}
#FormBox a {color:#666666;}
input{ padding: 2px; font-size:11px;}
input[type='submit'] { padding: 1px; cursor:pointer;}
select { font-size:11px; cursor:pointer; background:#ECECEC; border:1px solid #b0b4b8; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;padding: 1px 5px;color:#003366;}
textarea { font-size:11px; padding:2px; background-color:#ECECEC;}
select option { padding-right:10px; }
select option { border-bottom:1px solid #b6b6b6; padding:1px 5px; }
select option:last-child { border-bottom:0; }
select.multiselect option { border-bottom:1px solid #b6b6b6; padding:0px 5px; }
select.multiselect option:last-child { border-bottom:0; }

.TableBox {display:table; width:100%; border:1px dashed #003366; background-color: #FFFEEA; margin:0px; padding:0px;}
.TableTitle {display:table-header-group; background-color:#CECECE; border: #999 solid 1px; padding: 10px 10px; font-size:12px; font-weight:bold; color:#069;}
.TableHead { display:table-row; background-color:#FFDCC9; color:#036; text-align:center; font-size:10px; font-weight:bold; margin:0px; padding:0px;}
.TableHead .TableCell { border-right:#999 solid 1px; margin:0px; border-top:none; vertical-align:middle; padding:3px; padding-top:5px; padding-bottom:5px; }
.TableHead .TableCell.last { border-right:none; }
.TableRow { display:table-row;}
.TableCell { display:table-cell; padding-left:3px; padding-right:3px; padding-top:4px; padding-bottom:4px; border-right:#999 solid 1px; border-top:#999 solid 1px;}
.TableCell.last { border-right:none; }

a.box { border:#999999 solid 1px; padding:2px; margin:2px; text-decoration:none; color:#036; background-color:#CCCCCC;
-moz-border-radius-topleft: 2px/*{cornerRadius}*/; -webkit-border-top-left-radius: 2px/*{cornerRadius}*/; -khtml-border-top-left-radius: 2px/*{cornerRadius}*/; border-top-left-radius: 2px/*{cornerRadius}*/;
-moz-border-radius-topright: 2px/*{cornerRadius}*/; -webkit-border-top-right-radius: 2px/*{cornerRadius}*/; -khtml-border-top-right-radius: 2px/*{cornerRadius}*/; border-top-right-radius: 2px/*{cornerRadius}*/;
-moz-border-radius-bottomleft: 2px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 2px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 2px/*{cornerRadius}*/; border-bottom-left-radius: 2px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 2px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 2px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 2px/*{cornerRadius}*/; border-bottom-right-radius: 2px/*{cornerRadius}*/;
}
a.box:hover {background-color:#FFFFFF; }

a.button { border:#999999 solid 1px; padding:3px 10px; margin:2px; text-decoration:none; color:#036; background-color:#CCCCCC; font-weight:bold;
-moz-border-radius-topleft: 6px/*{cornerRadius}*/; -webkit-border-top-left-radius: 6px/*{cornerRadius}*/; -khtml-border-top-left-radius: 6px/*{cornerRadius}*/; border-top-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-topright: 6px/*{cornerRadius}*/; -webkit-border-top-right-radius: 6px/*{cornerRadius}*/; -khtml-border-top-right-radius: 6px/*{cornerRadius}*/; border-top-right-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomleft: 6px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 6px/*{cornerRadius}*/; border-bottom-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 6px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 6px/*{cornerRadius}*/; border-bottom-right-radius: 6px/*{cornerRadius}*/;
}
a.button:hover {background-color:#FFFFFF; text-decoration:none;}

a.link_lista {font-weight:bold; text-decoration:none; color:#003366;}
a.link_lista:hover {color:#993300;}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/*-- NAV MENU --*/
#NavPagMenu { float:right; margin-right:10px; margin-bottom: 5px; margin-top:5px;}
#NavPagMenu .NavPagBox { background: #D1D1E1; color: #000000; border: 1px solid #0B198C; }
#NavPagMenu .NavPagControl { background: #738FBF; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px;!important white-space: nowrap; }
#NavPagMenu .NavPagAlt1 {background: #F5F5FF; color: #000000;!important}
#NavPagMenu .NavPagAlt2 {background: #E1E4F2; color: #000000;!important}
#NavPagMenu a {text-decoration:none; padding:5px;}
#NavPagMenu span {padding:5px;}
.NavPagControl a:link, .navmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.NavPagControl a:visited, .navmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.NavPagControl a:hover, .navmenu_control a:active, .navmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
/*-- END NAV MENU --*/

#BoxCashbox { width:400px; margin:0 auto; background-color:#EEEEEE; border: #999 solid 1px; padding: 10px 10px 2px 10px;
-moz-border-radius-topleft: 6px/*{cornerRadius}*/; -webkit-border-top-left-radius: 6px/*{cornerRadius}*/; -khtml-border-top-left-radius: 6px/*{cornerRadius}*/; border-top-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-topright: 6px/*{cornerRadius}*/; -webkit-border-top-right-radius: 6px/*{cornerRadius}*/; -khtml-border-top-right-radius: 6px/*{cornerRadius}*/; border-top-right-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomleft: 6px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 6px/*{cornerRadius}*/; border-bottom-left-radius: 6px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 6px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 6px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 6px/*{cornerRadius}*/; border-bottom-right-radius: 6px/*{cornerRadius}*/;
}
#BoxCashbox p.cashboxtitle { padding-top:5px; margin-top:0px; font-size:12px; font-weight:bold; color:#069;}
#BoxCashbox p.info { color:#930;}
#BoxCashbox p.legend { color:#930;font-weight:bold; text-align:center;}

.BoxInfo { margin:0 auto; background-color:#EEEEEE; border: #999 solid 1px; padding: 2px 10px 2px 10px;}
.BoxInfo p.InfoTitle{ font-size:12px; font-weight:bold; color:#993300;}
.BoxInfo span { display:inline-block; vertical-align:top;}

.tbg{background-color: #C0C0C0; text-align:center; font-size:10pt;}
table.tbg tr {background-color: #FFFFFF;}
table.tbg td {padding-left:3px; padding-right:3px;}
table.tbg tr.s7 td, td.s7 {padding-left:7px; text-align:left}
table.tbg td.ou {border-top:1px solid #71D000; border-bottom:1px solid #71D000; background-color:#F0FFF0; }
table.tbg td.li {border-left:1px solid #71D000 }
table.tbg td.re {border-right:1px solid #71D000}
table.tbg td.message { padding-left:15px; padding-right:15px;}
table.tbg td.text_message { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999;}
.rbg {background-color: #FFFFFF; font-weight:bold; background-image: url(images/rap_bg.gif);}
table.tbg td a.DelLink {color:#993300; text-decoration:none;!important}
table.tbg td a.DelLink:visited{text-decoration:none;!important}
table.tbg td a.DelLink:hover{text-decoration:none;color:#006699;!important}
span.titlufactura { display:block; text-align:center; font-size:16px; font-weight:bold;}
table.tbg tr.row1{padding: 5px; background:#CCCCCC;!important color: #000000;!important}
table.tbg tr.row2{padding: 5px; background: #EEEEEE;!important color: #000000;!important}
table.tbg tr.rowblue{padding: 5px; background: #CCECEE;!important color: #000000;!important}
table.tbg tr.rowpink{padding: 5px; background: #FFCCCC;!important color: #000000;!important}
table.tbg tr.rowgreen{padding: 5px; background: #00FF99;!important color: #000000;!important}

.paymentcanceled {background-image: url(images/_AnulatMark.png); background-position:center; background-repeat:no-repeat; background-size:contain;}

/*-- DIALOG FORM --*/
.jquery_dialog_form label { font-weight:bold; color:#006699;}
.jquery_dialog_form label, .jquery_dialog_form input, .jquery_dialog_form select { display:block; }
.jquery_dialog_form input.text, .jquery_dialog_form  select { margin-bottom:12px; width:95%; padding: .4em; border-color:#036;}
.jquery_dialog_form fieldset { padding:0; border:0; margin-top:25px; }
.jquery_dialog_form h1 { font-size: 1.2em; margin: .6em 0; }
.jquery_dialog_form .ui-dialog .ui-state-error { padding: .3em; }
.jquery_dialog_form .validateTips { border: 1px solid transparent; padding: 0.3em; }
.jquery_dialog_form .err_fieldname { font-weight:bold; color:#990000;}

.showLoadingGif { background-image: url(images/_loading_16x16.gif); background-position:center; background-repeat:no-repeat; background-color:#FFF; color:#FFFFFF;}

/*-- FACTURI --*/
#tbl_produse tr td {padding: 1px 3px;}
.tfactura tr td {padding: 1px 3px;}
.tf_all{ border-left:#000000 solid 1px; border-right:#000000 solid 1px; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px;}
.tf_u_down{ border-left:#000000 solid 1px; border-right:#000000 solid 1px; border-top:#000000 solid 1px;}
.tf_u_left{ border-right:#000000 solid 1px; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px;}
.tf_l_down{ border-right:#000000 solid 1px; border-top:#000000 solid 1px;}
.tf_i_right{ border-right:#000000 solid 1px;}
.tf_i_lr{ border-left:#000000 solid 1px; border-right:#000000 solid 1px;}

#oltConfigDiv { width:90%; min-width:1000px; margin:0px auto;}
#olt_model { font-size:16px; font-weight:bold; margin-bottom:15px;}
.slotRow { border:#666666 dashed 1px; margin-bottom:2px;}
.slotRow:hover { background-color:#ECECEC;}
.slotImg { width:12px; height:12px; margin:13px 3px; display:inline-block;}
.slotImgReadOnly {background-image: url(images/icon_b_green_light.gif); background-repeat:no-repeat;}
.slotImgDisabled {background-image: url(images/icon_b_green.gif); background-repeat:no-repeat;}
.slotImgEnabled {background-image: url(images/icon_b_green_blink.gif); background-repeat:no-repeat;}
.slotName { width:50px; vertical-align:top; padding: 10px 10px 10px 0px; font-size:12px; font-weight:bold; display:inline-block;}
.slotValues { vertical-align:top; padding: 10px 10px 10px 0px; font-weight:bold; display:inline-block;}
.slotType {display:inline-block; width:180px;}
.slotChangeStatus{display:inline-block;}
.ports { margin:10px 0px;}

#ont { width:90%; min-width:1000px; margin:0px auto;}
#ont_model { font-size:16px; font-weight:bold; margin-bottom:15px;}
.ontTableBox {display:table; width:100%; margin:0px; padding:0px;}
.ontTableTitle {display:table-header-group; padding: 10px 10px; font-size:12px; font-weight:bold; color:#069;}
.ontTableHead { display:table-row; text-align:center; font-size:10px; font-weight:bold; margin:0px; padding:0px; background-color:#ECECEC; border-bottom:#666666 solid 1px;}
.ontTableHead .TableCell { margin:0px; border-top:none; vertical-align:middle; padding:3px; padding-top:5px; padding-bottom:5px; }
.ontTableHead .TableCell.last { border-right:none; }
.ontTableRow { display:table-row; border-bottom:#999 solid 1px;}
.ontTableRow:hover { background-color:#FFFFCC;}
.ontTableCell { display:table-cell; padding-left:3px; padding-right:3px; padding-top:6px; padding-bottom:6px;}
.ontTableCell.last { border-right:none; }