﻿/*The following styles will be only applied under IE7.*/
*html .rfdDecorated, 
*html a.rfdSkinnedButton
{
    vertical-align: top !important;
}
          
*+html .rfdDecorated, 
*+html a.rfdSkinnedButton
{
    vertical-align: top !important;
}

div.RadUpload .ruFakeInput
{         
    visibility:hidden;
    width: 0;
    padding: 0;
}

div.RadUpload .ruFileInput
{
    width : 1;
}
        
.classic-size 
{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}   

textarea:focus, input:focus{ outline: none; }

html { width:100%; }
html, body, form  { margin: 0; padding: 0; }  
BODY { font-family: Arial; margin:0px; padding:0px 0px 0px 0px; width:100%; font-size: 12px;}

A 				{ font-family:arial;text-decoration: none; color: #3333FF;}
A:hover 		{ text-decoration: underline;}

FORM 			{}
td, div			{padding:0px; margin:0px; font-family:arial;}
td 				{vertical-align:top;}

* { outline:none; }

.normalize_box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ************************************************************************************* */
.row_1 .width_td					{padding:0px 0px 0px 0px; height:116px; text-align:center;}
.row_2 								{padding:0px 0px 0px 0px; background:url(../images/bg_body.gif) 0px 0px repeat;}
.row_2 .width_td {padding:20px 0px 10px 0px; height:100%; width:100%; background-color:#ffffff !important; background:url(../images/row2.jpg) 0px 0px repeat-x !important; text-align:center;}

/* ************************************************************************************* */

.logo       {height:80px; width:100%; vertical-align:middle; text-align:left; padding:0px 0px 0px 0px;}

/* ************************************************************************************* */

.menu 						{padding:0px 0px 0px 0px; height:36px; vertical-align:middle;} 
.menu td					{padding:0px 8px 0px 8px; width:auto; vertical-align:middle;}
.menu td a					{display:block;}

/* ************************************************************************************* */

.header		 		    {margin:auto;margin:3px 0px 2px 0px; height:26px;}
.header td 		 	    {color:#777777; font-size:12px; line-height:13px; font-weight:normal; font-family:tahoma;white-space:nowrap; vertical-align:middle;}

/* ************************************************************************************* */

.width_table		        {width:900px; margin:auto;}
.width_table_full	        {width:100%; margin:auto;}
.main_table					{padding:0px 0px 0px 0px;}

/* ************************************************************************************* */

.side_left					{background:url(../images/side_left.gif) 0px 0px repeat-y;}
.side_right					{background:url(../images/side_right.gif) 0px 0px repeat-y;}
.side2_left					{background:url(../images/side2_left.gif) 0px 0px repeat-y;}
.side2_right				{background:url(../images/side2_right.gif) 0px 0px repeat-y;}
.side2_left img,			
.side2_right img			{width:3px;}

/* ************************************************************************************* */

.footer_tr td		    {background:#161418; vertical-align:bottom;}
.footer_tr .footer	    {vertical-align:middle;}
.footer 			    {padding:0px 0px 0px 0px; width:100%;} 
.footer_td			    {width:223px; text-align:center; height:65px;}
.footer2_td			    {width:100%;padding:0px 15px 0px 12px; text-align:right;}

.footer		  	  {color:#777777; font-size:12px; line-height:22px; font-weight:normal; font-family:arial; vertical-align:middle;}	
.footer td 		  {color:#777777; font-size:12px; line-height:22px; font-weight:normal; font-family:arial; vertical-align:middle;}			
.footer a 		  {color:#777777; font-size:12px; line-height:22px; font-weight:normal; font-family:arial; text-decoration:none;} 			
.footer a:hover   {color:#777777;text-decoration:underline;}
	
.footer b				{color:#777777; font-size:12px; font-weight:normal; font-family:arial; text-decoration:none;}
.footer b a 	  		{color:#777777; font-size:12px; font-weight:normal; font-family:arial; text-decoration:none;}			
.footer b a:hover 		{color:#777777; text-decoration:underline;}

/* ************************************************************************************* */

.topmenu    {padding:0px 15px 5px 0px; white-space:nowrap; vertical-align:bottom; text-align:right;}

/* ************************************************************************************* */

.left-top-links{ background:url(../images/box/left_top_links.gif) left top no-repeat #F6F6F1; margin:0 0 5px 0;}
.right-top-links{ background:url(../images/box/right_top_links.gif) right top no-repeat;}
.left-bot-links{ background:url(../images/box/left_bot_links.gif) left bottom no-repeat;}
.right-bot-links{ background:url(../images/box/right_bot_links.gif) right bottom no-repeat; overflow:hidden; width:100%; min-height:40px; height:auto !important; height:40px;}
.inside-nav-regiuni {padding:10px 10px 20px 6px;}
.lblItem {font-family:Tahoma; font-size:12px; font-weight:bold; padding:5px 0 5px 2px; line-height:20px;}

/* ************************************************************************************* */

.RadWindow .rwDialogPopup {
    padding: 1px 0 10px 50px !important;
    margin: 10px !important;
    margin-top: 15px !important;
}

.RadWindow .rwDialogPopup .rwPopupButton, .RadWindow .rwDialogPopup .rwPopupButton span {
    display: inline-block !important;
    float: none !important;
    cursor: pointer;
}

.rdalert_ok div.rwDialogPopup
    {   
        background-image: url(../images/alerts/ok.png) !important;
        min-height:45px !important;
        padding-left:80px !important;
        margin-bottom: 0px;
    }
.rdalert_warning div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/warning.png) !important;
        min-height:45px !important;
        padding-left:80px !important;        
        margin-bottom: 0px;
    }
.rdalert_error div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/error.png) !important;   
        min-height:45px !important;
        padding-left:80px !important;
        margin-bottom: 0px;
    }
.rdalert_important div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/important.png) !important;   
        min-height:45px !important;
        padding-left:80px !important;
        margin-bottom: 0px;
    }
.rdalert_info div.rwDialogPopup   
    {   
        background-image: url(../images/alerts/info.png) !important;   
        min-height:45px !important;
        padding-left:80px !important;
        margin-bottom: 0px;
    }
    
.RadDock .rdContent
    {
        padding-top:1px !important;
    }
    
.rdpStandard .RadInput .riTextBox
{
       font-size: 9px !important;
}

.rgDataDiv { position: relative !important; }

.gridCursor { cursor:pointer !important; }

/* ************************************************************************************* */
/* TEETH PANELS */
/* ************************************************************************************* */

.teethPanel 
{
    height: 230px;
    margin: 0 auto;
    border: 8px solid !important;
    background: none !important;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;    
}

/* ************************************************************************************* */
/* IMAGES THUMBNAILS */
/* ************************************************************************************* */

.attachmentClass { float:left; width:110px; margin:0 auto; padding:3px 3px 3px 3px; font-size:11px; cursor:pointer; border:solid 1px #fff; vertical-align:top; text-align:center; margin:0 auto; text-overflow: ellipsis; }
.attachmentClassRoot { float:left; width:40px; padding:3px 3px 3px 3px; font-size:11px; cursor:pointer; border:solid 1px #fff; vertical-align:top; text-align:center; white-space: nowrap; text-overflow: ellipsis; }
.attachmentImage { width:90px; height:90px; border:0; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.attachmentImageNoSize { border:0; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; }

INPUT.valNot { width:524px; cursor:hand; }

.custAlertsTop { clear:both; width:99%; text-align:center; margin:0 auto; padding:2px 0 2px 0; background-color:#bccadd; border:1px solid #8ba0bc; color:#333333; font-weight:bold; }
.caseProductsNewPopup { float:left; height:24px; width:100%; }
.dynColumnLeft { float:right; width:100%; overflow:hidden; }
.fixColumnLeft { float:left; padding-top:4px; text-align:right; overflow:hidden; }
.txtFullWidth { width:90% !important; height:15px !important; font-size:11px !important; padding:2px 0 2px 3px; border:1px solid #9babc2 !important; color:#384e73 !important; font-family: Arial !important; }
.txtReports { width:90% !important; height:15px !important; font-size:12px !important; padding:2px 0 2px 3px; border:1px solid #9babc2 !important; color:#384e73 !important; font-family: Arial !important; }


.filter_box {
    border: 1px solid #aaa;
    background-color: #ddd;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    float:left;
}

.shadow {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.65);
}

/* ************************************************************************************* */
/* Product/Material Tabs
/* ************************************************************************************* */

.tab_product_materials {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    float:left;
    padding: 5px 40px;
    margin-right: 5px;
    
    border-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

    font-weight: 400;
    cursor: pointer;
    border: 1px solid #bbb;
    border-bottom: none;
    background-color: #ffffff;
}
.tab_product_materials:hover {
    background-color: #e0e0e0 !important;
}

.tab_product_materials.selected {
    cursor: default;
    background-color: #e0e0e0;
}

.tab_product_container > :first-child {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-right: 0px;
    border-right: none;
}
.tab_product_container > :last-child {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.caseNewPopup { float:left; height:24px; width:48%; }



/* ************************************************************************************* */
/* Home page
/* ************************************************************************************* */


.ca-menu {
    padding: 0;
    margin: 30px auto;
    text-align:center;
    width: 780px;
    height: 150px;
}

    .ca-menu li {
        width: 140px;
        height: 150px;
        overflow: hidden;
        position: relative;
        float: left;
        border: 1px solid #c0c7ce;
        background: #D9DEE4; /* Old browsers */
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        margin-right: 15px;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear;
    }

        .ca-menu li:last-child {
            margin-right: 0px;
        }

        .ca-menu li a {
            text-align: left;
            width: 100%;
            height: 100%;
            display: block;
            color: #0093D8;
            position: relative;
        }

.ca-icon {
    font-size: 50px;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 20px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.ca-content {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 60%;
}

.ca-main {
    font-size: 13px;
    text-align: center;
    color: #566666;
}

.ca-menu li:hover {
    background: #bcc5d1;
}

    .ca-menu li:hover .ca-icon {
        font-size: 55px;
        -webkit-animation: moveFromLeft 400ms ease;
        -moz-animation: moveFromLeft 400ms ease;
        -ms-animation: moveFromLeft 400ms ease;
    }

    .ca-menu li:hover .ca-main {
        -webkit-animation: moveFromRight 300ms ease;
        -moz-animation: moveFromRight 300ms ease;
        -ms-animation: moveFromRight 300ms ease;
    }

.normalize_box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.RadForm input.rfdDecorated, .RadForm button.rfdDecorated {
    border-width: 1px;
    padding: 5px 3px;
}

