/*   
Name: AutoKAT Online
Description: Main css for Webshop
Version: 1.0
*/

/* Osnova ================================================================== */
*:focus                         { outline:none;}
*                               { margin:0;}
html, body                      { height:100%;}
body                            { margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, thead, tbody, tfoot, form, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 { border:0;}
body                            { font:0.8em/1.5 Calibri; background-color:#f1f0e0;}

.main                           { width:100%; margin:0; padding:0; min-width:800px; overflow:hidden; clear:both; min-height:100%; position:relative;}
.mainContent, #content          { clear:both; overflow:hidden; width:100%; margin:0px auto; padding:0px auto;}

h1, h2, h3, h4, h5, h6          { margin:15px 0 10px 0; font-family:Calibri;}
h3                              { color:#034691; font-size:12px;}
p, ul, ol, dl                   { margin:0px 0;}
th                              { text-align:center; font-weight:bold;}

input, textarea, select, button { font-family:Tahoma; font-size:11px;}
input[disabled='disabled']      { background:#f2f2f2; color:#414141; cursor:default;}
input[readonly]                 { cursor:default;}

a                               { color:#ff6200;}
a:hover                         { color:#c95d17; text-decoration:none; cursor:pointer;}

/* display, float, text-align, horizontal line */
.clear                          {clear:both;}
.noscreen                       { display:none;}

.f-left                         { float:left !important; padding-left:10px;} 
img.f-left                      { float:left; margin-right:10px;}

.f-right                        { float:right !important; padding-right:10px;} 
img.f-right                     { float:right; margin-left:10px;}

hr                              { height:1px; border:none; border-bottom:1px dotted #bdbdbd; margin:5px 0;}
.hr                             { color:#003858; border:1px; clear:both;}

/* input field login simple, profesional, business */
.inputbox                       { color:#000; font-size:12px; padding:2px;}

.btn                            { width:auto !important; color:#fff; background:#ff6600 url(../images/large-button-bg-active.gif); padding:3px 40px 3px 40px; font-weight:bold; font-size:16px; text-align: center; border:none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#666 0px 1px 2px; -moz-box-shadow:#666 0px 1px 2px; box-shadow:#666 0px 1px 2px;}
.btn:hover                      { color: #fff; background-image: url(../images/large-button-bg.gif); cursor:pointer;}

.btnDisable                     {}
.btnDisable:hover               {}

/* Header =============================================================== */
#headerBack                     { background:#fff url(../images/gr.png) repeat-x; height:70px; width:100%; min-width:700px;}
#headerBackSeller               { background:#fff url(../images/grP.png) repeat-x; height:70px; width:100%; min-width:700px;}

#headerBox                      { width:100%; height:70px; margin:0 auto; min-width:700px;}

#logoBox                        { max-width:223px; height:57px; padding:0px; float:right;}
#logoBoxLogin                   { max-width:223px; height:57px;	padding:0px; float:left;}

.RenderSupplierName             { width:auto; color:#fff; font-family:Calibri; height:57px; font-size:36px; font-weight:bold; vertical-align:top; padding-top:8px;}
.RenderSupplierNameSeller       { width:auto; color:#fff; font-family:Calibri; height:57px; font-size:36px; font-weight:bold; vertical-align:top; padding-top:8px;}
.divSupplierNameBox             { position:relative; height:48px; display:block; overflow:hidden; border-left:1px solid transparent; padding-left:11px;}
.divSupplierNameText            { position:absolute; white-space:nowrap;}

.divMenuBar                     { width:auto; padding-top:8px;}
.divMenuBarSeller               { width:auto; padding-top:8px;}
.columnRoundImg                 { width:360px; vertical-align:top; padding-top:8px;}
.columnRoundImgSeller           { width:300px; vertical-align:top; padding-top:8px;}
.divRoundImgBar                 { float:right; text-align:right; padding-top:0px; padding-right:0px;}

/* scrolling banner */
div.scroller                    { position:relative; height:48px; display:block; overflow:hidden; border-left:1px solid transparent;}
div.scrollingtext               { position:absolute; white-space:nowrap;}
.scrollNews                     { vertical-align:top; padding-top:8px; width:auto;}
.scrollNewsBox                  { width:auto; border:1px solid transparent; height:48px;}

/* Footer =============================================================== */
@media screen{
  body>div#footer{
   position:fixed;
  }
 }
 
 @media screen{
  body>div#footerLog{
   position:fixed;
  }
 }

#footer p                       { margin:0;}
#footer                         { clear:both; position:absolute; bottom:0; width:100%; background:#262626; color:#fff;}
#footer a                       { color:#fff; text-decoration:none;}
#footer a:hover                 { color:#e2e2e2; text-decoration:underline;}

#footerLog p                    { margin:0;}
#footerLog                      { clear:both; position:absolute; bottom:0; width:100%; background:#262626; color:#fff;}
#footerLog a                    { color:#fff; text-decoration:none;}
#footerLog a:hover              { color:#e2e2e2; text-decoration:underline;}

/* Content, div, table, ================================================== */
.dialogBox                      { font-family:Calibri; font-size:12px; color:#000; border:1px; overflow:hidden;}

.divArticles                    { width:100%; margin:0px auto; display:block; overflow-x:hidden; overflow-y:auto; background-color:#fff; color:#000; font-size:12px; border:1px solid #ccc;}
.divReplacements                { width:100%; margin:0px auto; display:block; overflow-x:hidden; overflow-y:auto; background-color:#fff; color:#000; font-size:12px; border:1px solid #ccc;}

.tableGeneralSearch             { width:100%; height:100%; margin:0px auto; background-color:#f1f0e0; font-size:12px; border:1px solid #cccccc;}

.tableActiveOrder               { width:100%; height:100%; margin:0px auto; background-color:#fff; font-size:12px; border-top:0px solid #cccccc;}
.ContainerDownActiveOrder1      { float:left; width:58%; height:auto; padding:0px 0px 0px 2px;}
.ContainerDownActiveOrder2      { float:left; width:29%; height: auto; padding:0px 0px 0px 2px;}
.ContainerDownActiveOrder3      { float:right; width:40%; height: auto; padding:0px 0px 0px 2px;}

.ContainerDown1                 { float:left; width:58%; height:auto; padding:0px 0px 0px 2px;}
.ContainerDown2                 { float:left; width:29%; height:auto; padding:0px 0px 0px 2px;}
.ContainerDown3                 { float:right; width:40%; height: auto; padding:0px 0px 0px 2px;}

/*.tableAccountDocuments          { width:100%; background-color:#fff; font-size: 12px; border:0px solid #cccccc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}*/
#accountTabs, #tabs             { }
.tabs                           { background-color:#f6f6f6;}
.divDocTabMenu                  { position:absolute; top:80px; float:right; right:10px;}
.divAccDoc                      { position:absolute; top:80px; float:right; right:10px;} /*seller*/
.tableContainer                 {}

/* Dialog Article Information ============================================= */
.tableDialogArticles                    { width:100%; margin:0px auto; background-color:#fff; font-size:12px; border:1px solid #ccc;}

.tableSettings                  { width:100%; background-color:#fff; font-size:12px; border:0px solid #ccc;}
.divtableSettings               { width:100%; background-color:#f6f6f6; font-size:12px; border:0px solid #ccc; }

.tableLegend                    { width:100%; font-size:12px; margin:1px 1px 1px 1px; padding:1px 5px 1px 5px;}  
.tableImportFromExcel           { width:100%; font-size:12px; background-color:#fff; border:1px solid #ccc;}

/* Dialog Order Article Shop ============================================= */
.tableOrderArticleShop          { width:100%; font-weight:bold;}
.tableArticleManager2           { width:100%;}
.tableArticleManager2 td.first  { width:100%; font-weight:bold;}
.tableArticleManager2 td.last   { }

/* Dialog News =========================================================== */
.divNewsDialog                  { overflow-y:auto; overflow-x:hidden; background-color:#fff; border:1px solid #a5a5a5; padding:10px; margin:10px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.divNewsDate                    { padding-left:5px; font-size:14px; color:#cc0000; float:left}
.divNewsAuthor                  { padding-left:80px; font-size:14px; color:#454545; font-style:italic}
.divNewsTitle                   { padding:20px 0 0 5px; font-size:16px; font-weight:bold; color:#454545;}

/* Dialog Terms of Sale ================================================== */
.textLicence                    { height:400px; overflow-y:auto; overflow-x:hidden; background-color:#ededed; border:1px solid #a5a5a5; padding:10px; margin-top:10px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

/* fieldset, legend ====================================================== */
.fieldsetLegend                 { position:relative; height:auto; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin: 0 0 5px 0; font-family:Calibri; font-size:12px;}
.fieldsetLegend legend          {}
.tableLegendImg                 {}
#divLegend                      {}

.fieldsetActiveOrder            { position:relative; padding:0px; background-color:transparent; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.fieldsetActiveOrderSeller      { position:relative; padding:0px; background-color:transparent; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.fieldsetActiveImage            { position:relative; padding:0px; background-color:transparent; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:50px;}
.fieldsetActiveImageSeller      { position:relative; padding:0px; background-color:transparent; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:50px;}

.fieldsetSettings               { position:relative; padding:0px; height:100%; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.fieldsetSettingsSeller         { position:relative; padding:0px; height:100%; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.fieldsetSettings a, .fieldsetSettings a:hover      {}
.fieldsetSettings legend        {}
.fieldsetSettingsSeller legend  {}

.fieldsetRegistration           { position:relative; height:100%; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.fieldsetRegistration a         {}
.fieldsetRegistration a:hover   {}
.fieldsetRegistration legend    {}

.fieldsetAddCustomer            { position:relative; padding:0px; height:100%; background-color:transparent; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 1px;}/*seller*/
.fieldsetAddCustomer legend     {}

.fieldset1          { position:relative; padding:0 0 0 10px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.fieldset2          { position:relative; padding:0 0 0 10px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.fieldset3          { position:relative; padding:0 0 0 10px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.fieldset4          { position:relative; padding:2px 0 2px 10px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.legend1            { font-weight:bold; font-size:12px; margin:0;}
.legend2            { font-weight:bold; font-size:12px; margin:0;}
.legend3            { font-weight:bold; font-size:12px; margin:0;}
.legend4            { font-weight:bold; font-size:12px; margin:0;}

.fieldset1 legend, .fieldset2 legend, .fieldset4 legend     {}

/* Total Price Active Order, Account Documents =========================== */
.tableFieldset3                     { font-size:12px;}
.tableFieldset3 tr td.first         {}
.tableFieldset3 tr td.last          { font-size:12px; color:#cc0000; font-weight:bold;}
.tableFieldset3 tr td.last.total    { font-size:14px; color:#000;}

/* Account Documents Special Offer */
.divSpecialOffer                    { color:#414141;}
.fieldsetSpecialOfferOne            { position:relative; padding:0px; margin:2px 0 2px 0; float:left; background-color:#fff; border:1px solid #ddd; color:#414141;}
.fieldsetSpecialOfferTwo            { position:relative; padding:0px; margin:2px 0 2px 10px; float:left; background-color:#fff; border:1px solid #ddd; color:#414141;}
.divPromotionTextR                  { background-color:#fff; border:1px solid #ddd; color:#414141;}

/* input textarea, select, combobox ====================================== */
/* CSS3 ======================================================*/
.txt, .txtRegistration, textarea, .searchBox, .textareaBox                                  {}

.txt:hover, .txtRegistration:hover, textarea:hover, .searchBox:hover, .textareaBox:hover    {}

textarea                        { background-color:#fff; border:1px solid #ddd;}

.txt                            { color:#000; background-color:#fff; border:1px solid #ddd;}
.txtRegistration                { color:#000; background-color:#fff; border:1px solid #ddd; padding:3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.txtRegistration:focus          { color:#000; background:#fff; border:1px solid #cc0000; padding:3px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

.searchBox                      { color:#000; background-color:#fff; border:1px solid #ddd; height:15px;}

.textareaBox                    { color:#000; background-color:#fff; border:1px solid #ddd; height:73px !important; width:200px !important;} /* proveriti */

.textAreaActiveOrder            { width:170px; height:16px; font-family:Calibri;}
.textAreaActiveOrderSeller      { width:200px; height:16px; font-family:Calibri;}

/* Registration Page ===================================================== */
.errorPodnaslov                 { font-family:Calibri; font-size:16px; font-weight:normal; color:#000;}
.errorTekst                     { font-family:Calibri; font-size:14px; font-weight:normal; color:#000;}
.errorTekst a                   {}
.errorTekst a:hover             {}
.errorNaslov                    { font-family:Calibri; font-size:24px; font-weight:bold; color:#000; padding-left:30px; text-align:left; background-image:url(../images/title_header.jpg);}

.errorTxt                       { color:#c2350a; font-weight:bold;}
.pswrdRecover                   { background-color:#fff;}
.pswrdRecover a                 {}
.pswrdRecover a:hover           {}
.txtCustomRegister              {}

.red                            { color:#cc0000; font-weight:bold;}
.red a:link                     { color:#cc0000; font-weight:bold; text-decoration:underline; cursor:pointer;}
.red a:hover                    { color:#cc0000; font-weight:bold; text-decoration:none; cursor:pointer;}

/* Hide-Show accordion search ==============================================*/
#toogleArrow                { cursor:pointer; background:#f1f0e0 url(../images/toggleArrowOff.png) no-repeat center center;  outline:none; text-decoration:none; overflow:hidden; width:5px; height:67px; border:none}                                  
#toogleArrow:hover          { background-color:#f2f5f7; cursor:pointer; background-image:url(../images/toggleArrowOff.png)!Important;}
#toogleArrow.active         { background-color:#f1f0e0; background-image:url(../images/toggleArrowOn.png)!Important;} 
#toogleArrow.active:hover   { background-color:#f2f5f7;}

/* DropDown Panel Help, About Us, Legend ================================== */
.panelHelp                                          { position:absolute; z-index:1; right:0; top:65px; display:none; padding:0px 50px 5px 15px; background-color:#fff; border:2px solid #414141; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.panelHelp a, .panelHelp a:visited                  { margin:0; padding:0; text-decoration:underline; color:#003858; font-weight:bold;}
.panelHelp a:hover, .panelHelp a:visited:hover      { margin:0; padding:0; text-decoration:none; color:#000; font-weight:bold; border:none;}

/* Shopping Basket General Search Page ==================================== */
.panel                                              { position:absolute; left:0; display:none; background:#fff; border:1px solid #000; padding:5px 5px 5px 5px; margin-left:7px; margin-top:-250px; z-index:10;}
.panel a, .panel a:visited                          { margin:0; padding:0; color:#414141; text-decoration:none; }
.panel a:hover, .panel a:visited:hover              { margin:0; padding:0; color:#000; text-decoration:underline;}
.panel img a, panel img a:hover                     { border:none;}

a.trigger                                           { display:block; padding:5px 30px 5px 6px; margin-top:1px; width:auto !important; text-decoration:none; font-size:12px; font-family:Calibri; color:#fff; font-weight:bold; background:#2d5a90; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:1px solid #e2e2e2;}
a.trigger:hover                                     { display:block; padding:5px 30px 5px 6px; text-decoration:none; font-size:12px; font-family:Calibri; color:#3d3d3d; font-weight:bold; background:#f3f3f3; border:1px solid #e2e2e2;}

.lblBasketIcon                                      { width:16px; height:16px; background:url(../images/ui-icons_ffffff_256x240.png) -48px -112px no-repeat;}
a.trigger:hover .lblBasketIcon                      { width:16px; height:16px; background:url(../images/ui-icons_3d3d3d_256x240.png) -48px -112px no-repeat;}

/* Shopping Basket Content */
.shopCart                       { padding:2px 10px 2px 10px; vertical-align:bottom; overflow-y:auto; overflow-x:hidden; background-color:#fff; font:Calibri; font-size:12px; color:#414141; width:550px; border:1px solid #cccccc;}

/* Number of ordered item, Total amount with VAT ========================== */
.divTrigger                     { width:auto !important; text-decoration:none; font-size:12px; font-family:Calibri; color:#fff; padding:5px 5px 5px 5px; background-color:#2d5a90; border:1px solid #e2e2e2; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.lblOrderedArticlesCount        { color:#fff; font-weight:bold;}
.lblTotal                       { color:#fff; font-weight:bold;}

.iconlblOrderedArticlesCount    { width:16px; height:16px; background:url(../images/ui-icons_ffffff_256x240.png) -240px -96px no-repeat;}
.iconlblTotal                   { width:16px; height:16px; background:url(../images/ui-icons_ffffff_256x240.png) -240px -96px no-repeat;}

/* Special Offer General Search =========================================== */
.divSpecialOfferBox             { width:auto !important; padding:5px 5px 5px 5px; background:#2d5a90; border:1px solid #dddddd; color: #3d3d3d; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.divSpecialOfferText            { font-size:12px; font-family:Calibri; font-weight:bold; color:#fff; padding:0 2px;}
.divSpecialOfferText span       { color:#fff;}
.divSpecialOfferImg img         { padding:1px; cursor:pointer; border:1px solid #e2e2e2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.divSpecialOfferImg img:hover   { padding:1px; cursor:pointer; border:1px solid #fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}

.iconSpecialOffer               { width:16px; height:16px; background:url(../images/ui-icons_ffffff_256x240.png) -224px -112px no-repeat;}

/* Bonus Cash ============================================================= */
.tableBonusCash                         { text-align:center;}
.tableBonusCash  .txtCashName           { color:#619824; font-weight:bold; font-size:12px;}
.tableBonusCash  .txtCashValue          { color:#cc0000; font-weight:bold; font-size:18px;}

.tableBonusCashDialog                   { }
.tableBonusCashDialog .txtBuyerID       { font-size: 18px; color: #94BF3E; font-weight:bold}
.tableBonusCashDialog .txtFullName      { font-size: 12px; color: #6D6F71; margin-top:0px;}     
.tableBonusCashDialog .txtCalculate     { font-size: 40px;color: #94BF3E; font-weight:bold;}   
.tableBonusCashDialog .txtBonusCash     { font-weight:bold;}

.tableBonusCashDialog .btnBonusCash          { width:auto !important; color:#fff; background:#ff6600 url(../images/large-button-bg-active.gif); padding:3px 40px 3px 40px; font-weight:bold; font-size:16px; text-align: center; border:none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#666 0px 1px 2px; -moz-box-shadow:#666 0px 1px 2px; box-shadow:#666 0px 1px 2px; text-decoration:none;}
.tableBonusCashDialog .btnBonusCash:hover    { color: #fff; background-image: url(../images/large-button-bg.gif); cursor:pointer; text-decoration:none;}

/* Article Image, Article Information Dialog ============================= */
.divArticleImage                        { font-family:Calibri; width:148px; font-weight:bold; overflow:visible;}

/* Retail Price Tooltip ================================================== */
.tablePriceS                            { padding:5px; width:100%;}
.tooltip_item_border                    { padding:0 3px 0 3px; background-color:#f4e000; border-style:solid; border-width:1px 0px 1px 0px; border-color:#f5f5f5 #f5f5f5 #f5f5f5 #f5f5f5;}

/* Status Tooltip ======================================================== */
.tableStatusArticle                     { padding:0 5px 5px 5px; background-color:#ededed; border-style:solid; border-width:0px 0px 0px 0px; border-color:#adadad #adadad #adadad #adadad; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius:6px;}
.tableStatusArticle td.first            { padding:0 0 0 3px; background-color:#ffe72f; color:#241e24; border-style:solid; border-width:1px 0px 1px 0px; border-color:#f5f5f5 #f5f5f5 #f5f5f5 #f5f5f5;}
.tableStatusArticle td.last             { padding:0 0 0 3px; background-color:#fff; color:#241e24; border-style:solid; border-width:1px 0px 1px 0px; border-color:#f5f5f5 #f5f5f5 #f5f5f5 #f5f5f5;}

/* Prices Tooltip ======================================================= */
.tablePriceArticle                      { padding:0 5px 5px 5px; margin-top:5px; background-color:#ededed; border-style:solid; border-width:0px 0px 0px 0px; border-color:#adadad #adadad #adadad #adadad; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.tablePriceArticle td.first             { padding:0 3px 0 3px; background-color:#fff; color:#241e24; border-style:solid; border-width:1px 0px 1px 0px; border-color:#f5f5f5 #f5f5f5 #f5f5f5 #f5f5f5;}
.tablePriceArticle td.lastBlue          { padding:0 3px 0 3px; background-color:#fff; color:blue; border-style:solid; border-width:1px 0px 1px 0px; border-color:#f5f5f5 #f5f5f5 #f5f5f5 #f5f5f5;}

.warehouse                              { cursor:pointer;}

/* Graf View ============================================================ */
/* grid Article */
.grafGrid                   { display:inline; list-style:none; margin:0px 0px 16px 0; padding:0; cursor:pointer; font-size:10px; }
.grafGrid li                { display:inline-block; padding:0px 0px 5px 0px; margin:15px 3px 5px 5px; vertical-align:top; width:190px; height:192px; border:1px solid #e5e5e5; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; }
.grafGrid li:hover          { display:inline-block;	vertical-align:top; text-decoration:none; }

/* graf image price box */
.grafGrid .divGrafArticleImage                  { width:185px; height:120px; text-align:right; vertical-align:top; }
.grafGrid .divGrafArticleImage .imgGraf         { width:120px; height:120px; text-align:right; margin-left:60px; cursor:pointer; }
.grafGrid .divGrafArticleImage .imgGraf img     { margin:5px; }
.grafGrid .divGrafArticleImage img              { display:block; clear:both; }

.grafGrid .grafImagePriceList                   { width:100px; height:100px; list-style:none; margin:-133px 0px 0 -9px; padding:0; z-index:1; text-align: left; }
.grafGrid .grafImagePriceList li                { margin:0 0 -5px; width:auto; height:auto; border:0; padding:0; clear:both; z-index:1; }
.grafGrid .grafImagePriceList .grafPriceBox     { float:left; }
.grafGrid .grafImageList .grafPriceBox          { background:transparent url(../images/price_ribbon.png) no-repeat; width:126px; height:123px; }

.grafGrid .grafImagePriceList .txtGrafPrice     { width:60px; font-size:14px; color:#fff; font-weight:bold; font-family:Calibri; float:left; text-align:center; margin:45px 4px 8px 45px; cursor:pointer; }
.grafGrid .title                                { line-height:14px; text-align:left; font-size:12px; float:left; }

/* Table Graf Result ===================================================  */
#colGrafFirst                                   { width:175px; height:130px; vertical-align:top; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; }

#colGrafLast                                    { padding:0; height:30px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px;}
#colGrafLast div                                { width:180px; overflow:hidden; padding:0 5px 0 5px;}

/* View Button Simple, Grid, Graf ======================================== */
.viewResult         { width:132px; height:22px; background-image: url(../images/icon_view.png); float:left; cursor:pointer; clear:both; border:0px; text-indent:-9999px; z-index:10; cursor:pointer;}
.viewResult img     { border:0px; padding:0; margin:0;}
.viewResultTwo      { width:132px; height:22px; background-image: url(../images/icon_view.png); background-position:0 -22px; display:block; float:left; cursor:pointer; clear:both; border:0px; text-indent:-9999px; z-index:10; cursor:pointer;}
.viewResultThree    { width:132px; height:22px; background-image: url(../images/icon_view.png); background-position:0 -44px; display:block; float:left; cursor:pointer; clear:both; border:0px; text-indent: -9999px; z-index:10; cursor:pointer;}
.viewResultDiv      { width:44px; height:22px; float:left; cursor:pointer; }