/*html,body       {height:100%; margin:0; text-align:left; background:#d7d8d8;}*/
html,body       {margin:0; text-align:left; background:#d7d8d8;}
form            {padding:0; margin:0;}
body>.container {height:auto; min-height:100%;}
body>.Foot      {position:fixed;}
.Container      {height:100%;}
.Main           {width:98%; min-height:98%; height:auto; position:absolute; margin:0 1% 0 1%; background:#fff; border-left:1px solid #8c92a0; border-right:1px solid #8c92a0;}
.MainBanner     {width:100%; height:99px; background:url(../images/Bkg_MainBanner.png) bottom left no-repeat; float:left;}
.Foot           {width:98%; height:40px; font:10px Verdana; color:#333; position:fixed; bottom:0; margin:0 1% 0 1%; background:#d7d8d8;}
/*.Foot           {width:98%; height:32px; font:10px Verdana; color:#333; position:absolute; bottom:0; margin:0 1% 0 1%; background:#d7d8d8;}*/
.TopLeft        {width:14px; height:24px; background:url(../images/Bkg_TopLeft.png) no-repeat; margin-left:-2px; float:left;}
.TopRight       {width:100%; height:24px; background:url(../images/Bkg_TopRight.png) right; margin-right:-1px; float:right;}
.BottLeft       {width:14px; height:14px; background:url(../images/Bkg_BottLeft.png) no-repeat; margin-left:-2px; float:left;}
.BottRight      {width:100%; height:14px; background:url(../images/Bkg_BottRight.png) right; margin-right:-2px; float:right;}
.LineLeft       {width:1px; min-height:98%; height:auto; position:absolute; background:url(../images/Bkg_Line.gif) left top;}
.LineRight      {width:100%; min-height:98%; height:auto; position:absolute; background:url(../images/Bkg_Line.gif) no-repeat right top;}
.ApplicationLogo{width:77px; height:77px; background:url(../images/Logo.png) no-repeat; margin:0 0 0 20px; z-index:100; float:left; position:absolute;}
.CompanyLogo    {width:273px; height:83px; background:url(../images/CompanyLogo.png) no-repeat; margin:0 0 0 -10px; z-index:100; float:left;}
.Content        {width:100%; min-width:950px; min-height:200px; padding:0; padding-bottom:20px; position:relative; float:left; }
.Info           {width:100%; height:18px; background:#d7d8d8; padding-top:4px; margin:14px 0 0 2px;}
.Version        {width:38%; text-align:left; padding:4px 0 0 8px; float:left;}
.Copyright      {width:190px; text-align:center; padding-top:4px; float:left;}
.Eng            {width:22px; height:18px; background:url(../images/Bkg_Eng.png) no-repeat; float:left;}
.Company        {width:30%; text-align:right; padding:4px 8px 0 0; float:right;}
.Client         {width:280px; height:90px; float:right;}
.Loggeduser     {height:16px; font:bold 12px Calibri; color:#666; float:right; margin:12px 78px 0 0;}
.Logout         {width:43px; height:16px; font:bold 12px Calibri; color:#666; margin-top:12px; float:right;}
.Logout a       {color:#74869b; text-decoration:underline;}
.Logout a:hover {color:#334e6d; text-decoration:none;}
.User           {font:normal 12px Calibri; color:#74869b;}
.AreaLogin      {width:98%; height:360px; background:url(../images/Bkg_AreaLogin.png) no-repeat right; margin:40px 0 0 0; float:left;}
.Noborder       {border:0; padding:0; background:none;}

/* Menu Orizzontale */
.AreaMenu{width:510px; z-index:100; position:absolute; margin-left:240px;}
#navmenu {color: #999; height:22px; margin:71px 0 0 0; z-index:100; float:left;}
ul#navmenu {text-align:center; margin:0; border:0 none; padding:0; list-style: none;}
ul#navmenu li {margin:0; border:0; list-style:none; position:relative; display:inline; padding-left:0; float:left;}
ul#navmenu ul {width:210px; list-style: none; background: url(../images/Bkg_ul.png) repeat-y; top:28px; left:-12px; display:none; position:absolute; padding:0 0 5px 3px; margin:0;}
ul#navmenu ul li {text-align:left; width:100%; display:block; display: inline; padding-left:0; float: left;}
ul#navmenu a  {font: 16px calibri; color: #666; text-decoration: none; background:url(../images/Bkg_MenuL.png) no-repeat left top; cursor:pointer; display:block; padding:0 0 0 4px; float:left;}
ul#navmenu ul li a {width: 179px;}
ul#navmenu a:hover{color: #666; background-position:0% -42px;}
ul#navmenu li:hover li a          {color:#74869b; font-weight: normal; padding:5px 0px 8px 18px; background: url(../images/Shim.png); float:none;}
ul#navmenu li:hover li a:hover    {color:#333;}
ul#navmenu li:hover li:hover li a {color: #5f748c; }
ul#navmenu li:hover li:hover li:hover a{width:179px; color: #333; text-decoration: none; background: #E1E1E1;}
ul#navmenu ul ul{width:100%; display:none; position:absolute; top:0; left:189px;}
ul#navmenu li:hover ul ul{display: none;}
ul#navmenu li:hover ul{display: block;}
ul#navmenu ul li:hover ul {display: block;  margin-left:0; background: url(../images/Bkg_ulul.png) no-repeat bottom;}
ul#navmenu a span {min-width:100px; color:#666; background:url(../images/Bkg_MenuR.png) no-repeat right top; padding:5px 15px 4px 6px;display:block; float:left;}
ul#navmenu a:hover span{color: #000; background-position:100% -42px;}
ul#navmenu ul li ul li{margin-left:-7px;}
ul#navmenu ul li ul{background: url(../images/Bkg_ul.png) no-repeat bottom; }

/* Bottoni */
.ButtBox    {width:320px; height:20px; font:normal 12px Calibri; color:#74869b;}
.Butt       {width:60px; height:19px; font:normal 11px Calibri; color:#47617f; text-align:center; background:url(../images/Butt60_Up.png) no-repeat; margin-right:5px; padding:6px 0 0 0; border:0; float:right;}
.Butt:hover {background:url(../images/Butt60_Dw.png) no-repeat; cursor:pointer;}

/* Logout Box */
#OpenLogout          {width:100%; min-height:100%; background:url(../images/obscure.png); visibility:hidden; padding:0; position: fixed; z-index:1000;}
#OpenLogout .TextBox {width:245px; height:80px; font:normal 11px Calibri;color:#000; background:url(../images/Ico_PopLogout.png) no-repeat; margin:10px 0 0 20px; padding:8px 10px 0 60px;}
.LogoutBox           {width:353px; height:191px; background:url(../images/Bkg_Box.png); margin:200px 55% 0 35%; float:left}

/* Login Error Box */
#OpenLoginError          {width:100%; min-height:100%; background:url(../images/obscure.png); visibility:hidden; padding:0; position: fixed; z-index:1000;}
#OpenLoginError .TextBox {width:245px; height:80px; font:normal 11px Calibri;color:#000; background:url(../images/Ico_PopLoginError.png) no-repeat; margin:10px 0 0 20px; padding:8px 10px 0 60px;}
.LoginErrorBox           {width:353px; height:191px; background:url(../images/Bkg_Box.png); margin:200px 55% 0 35%; float:left}

/* Alert Box */
#OpenAlert          {width:100%; min-height:100%; background:url(../images/obscure.png); visibility:hidden; padding:0; position: fixed; z-index:1000;}
#OpenAlert .TextBox {width:245px; height:80px; font:normal 11px Calibri;color:#000; background:url(../images/Ico_PopAlert.png) no-repeat; margin:10px 0 0 20px; padding:8px 10px 0 60px;}
.AlertBox           {width:353px; height:191px; background:url(../images/Bkg_Box.png); margin:200px 55% 0 35%; float:left}

/* Error Box */
#OpenError          {width:100%; min-height:100%; background:url(../images/obscure.png); visibility:hidden; padding:0; position: fixed; z-index:1000;}
#OpenError .TextBox {width:245px; height:80px; font:normal 11px Calibri; color:#000; background:url(../images/Ico_PopError.png) no-repeat; margin:10px 0 0 20px; padding:8px 10px 0 60px;}
.ErrorBox           {width:353px; height:191px; background:url(../images/Bkg_Box.png); margin:200px 55% 0 35%; float:left}

/* Validate Box */
#OpenValidate          {width:100%; min-height:100%; background:url(../images/obscure.png); visibility:hidden; padding:0; position: fixed; z-index:1000;}
#OpenValidate .TextBox {width:245px; height:80px; font:normal 11px Calibri; color:#000; background:url(../images/Ico_PopValidate.png) no-repeat; margin:10px 0 0 20px; padding:8px 10px 0 60px;}
.ValidateBox           {width:353px; height:191px; background:url(../images/Bkg_Box.png); margin:200px 55% 0 35%; float:left}


/* Breadcrumb */
.Breadcrumb         {height:18px; font:bold 14px Calibri; color:#666; padding:10px 0 0 20px; margin-bottom:15px; float:left;}
.Breadcrumb a       {font:bold 12px Calibri; color:#74869b; text-decoration:underline;}
.Breadcrumb a:hover {color:#334e6d; text-decoration:none;}
.Breadcrumb span    {color:#74869b; font-weight:bold;}


/* Login Box */
.LoginBox        {width:353px; height:191px; background:url(../images/Bkg_Box.png); margin:100px 0 0 100px; float:left;}
.TitleBox        {width:300px; height:20px; font:normal 16px Calibri; color:#fff; margin:24px 0 0 30px;}
.FormBox         {width:300px; height:70px; font:normal 12px Calibri; color:#2c5377; margin:30px 0 0 30px;}
.FormLogin       {width:160px; height:28px; background:url(../images/Bkg_FormLogin.png) no-repeat 5px 5px;}
.FormLogin td    {padding:0 4px 6px 4px;}
.FormLogin input {font:bold 11px Arial; color:#2c5377; margin-left:9px;}
#UserError       {font:italic 12px Calibri; color:#af0000; visibility:hidden;}
#PasswordError   {font:italic 12px Calibri; color:#af0000; visibility:hidden;}


/* Date Box */
.FormDateBox        {width:133px; height:39px; background:url(../images/Bkg_Date.png) no-repeat; margin:20px 0 0 0;}
.DateDay input      {width:20px; height:18px; font:normal 17px Arial; color:#63666e; margin:10px 0 0 9px; background:none; float:left; padding:0;}
.DateMounth input   {width:20px; height:18px; font:normal 17px Arial; color:#63666e; margin:10px 0 0 18px; background:none; float:left; padding:0;}
.DateYear input     {width:37px; height:18px; font:normal 17px Arial; color:#63666e; margin:10px 0 0 18px; background:none; float:left; padding:0;} 
input.ButtVerify       {width:127px; height:26px; font:normal 12px Calibri; color:#47617f; text-align:center; background:url(../images/Butt130_Up.png) no-repeat; margin:5px 3px 0 3px; padding:0 0 1px 0; border:0; float:left;}
input.ButtVerify:hover {background:url(../images/Butt130_Dw.png) no-repeat; cursor:pointer;}
input.ButtVerifyOff    {width:127px; height:26px; font:normal 12px calibri; color:#999; text-align:center; background:url(../images/Butt130_Up.png) no-repeat; margin:5px 3px 0 3px; padding:0 0 1px 0; border:0; float:left;}


.ButtUpload         {width:127px; height:19px; font:normal 12px calibri; color:#999; text-align:center; background:url(../images/Butt130_Up.png) no-repeat; margin:5px 0 0 30px; padding:6px 0 0 0; border:0; float:left;}
.ButtUpload a       {width:127px; height:19px; font:normal 12px calibri; color:#47617f; text-align:center; padding:6px 0 0 0; margin-top:-6px; border:0; float:left;}
.ButtUpload a:hover {background:url(../images/Butt130_Dw.png) no-repeat; cursor:pointer;}
.ButtUploadOff      {width:127px; height:19px; font:normal 12px calibri; color:#999; text-align:center; background:url(../images/Butt130_Up.png) no-repeat; margin:5px 0 0 30px; padding:6px 0 0 0; border:0; float:left;}


/* Availability Box */
/*.UserWorkflow      {width:100%; margin-top:5px; margin-bottom:40px; float:left; height: 100%;} */
.UserWorkflow      {width:100%; margin-top:5px; float:left; height: 100%;}
#DateBox           {width:353px; height:191px;}
#AvailabilityBox   {width:353px; height:191px;}
#ActionBox         {width:353px; height:191px; visibility:hidden;}
#DetailBox         {width:353px; height:191px; visibility:hidden;}
.ShowDetail        {font:normal 10px Verdana;  margin:0 20px 0 0; float:right;}
.HideDetail        {font:normal 10px Verdana;  margin:0 20px 0 0; float:right;}
.DetailText        {width:41%; height:115px; font:normal 11px Calibri; border:none; border-color:#fff; margin:10px 0 0 -7px; position:absolute; float:left;}

/* TAG Principali */
img     {border:0;}
form    {margin:0; padding:0;}
fieldset{font: 10px verdana; color:#000; border:0;}
legend  {padding-top:5px;}
input   {border-style: none;
    border-color: inherit;
    border-width: medium;
    font: 12px Calibri;
    color:#2c5377; background:#fff;
    margin-left: 0px;
}
select  {font:11px Arial; color:#000;}
a       {text-decoration:none;}
a:hover {text-decoration:none;}
table   {border-collapse:collapse;}
/*th      {text-align:left; color:#fff; padding:4px;}*/
thead   {background:#5a708a;}
tfoot   {background:#d8dde1; border:1px solid #dbe0e4;}
td      {padding:0;}

/* Tabella Tisultati */
.TableResult {width:97%; font:normal 12px Calibri; color:#334e6d; text-align:left; background:#e3e7eb; margin:auto; border:1px solid #bac2c9;}
.Row1 td{padding:2px 0 2px 4px; border:1px solid #dbe0e4;}
.Row2 td{padding:2px 0 2px 4px; border:1px solid #dbe0e4;}
.TableResult td a{font:normal 12px Calibri; color:#334e6d; text-decoration:underline;}
.TableResult td a:hover{text-decoration:none;}


/* Tabella Workflow */
.Workflow {width:95%; font:normal 12px Calibri; color:#334e6d; text-align:left; background:#fff; margin:4px 0 0 0; border:1px solid #dbe0e4;}
.Workflow thead th {height:26px; font:bold 13px Calibri; color:#4d6e95; text-align:left; padding:0 0 0 4px; background:url(../images/Bkg_Thead.png) repeat-x;}
.Workflow tr td{padding:3px 0 3px 4px; border:1px solid #dbe0e4;}


/* TRighe Alternate */
.Row1       {text-align:left; background:#ecf0f4;}
.Row1:hover {background:#e3e7eb;}
.Row2       {text-align:left; background:#f2f4f6;}
.Row2:hover {background:#e3e7eb;}


/* Paginatore */
.Pager          {width:100%;}
.PagerItem      {width:33%; height:20px; text-align:left; padding-left:5px;}
.PagerItem span {font-weight:bold;}
.PagerRow       {width:33%; text-align:center;}
.PagerArrow     {width:33%; text-align:right;}
.PagerList                       {list-style:none; overflow:hidden; padding:0; margin:2px 5px 0 0; float:right;}
.PagerList li                    {display:inline;} 
.PagerList li span               {font-weight:bold;} 
.PagerList .PagerLeft            {width:12px; height:12px; background: url(../images/PagerLeft.gif) no-repeat 0 1px; display:block; margin-left:4px; float:left;}
.PagerList .PagerLeft a          {text-decoration:none; background: url(../images/PagerLeft.gif) no-repeat 0 -12px; display:block;}
.PagerList .PagerLeft a:hover    {text-decoration:none;background: url(../images/PagerLeft.gif) no-repeat 0 -25px; display:block;}
.PagerList .PagerLeftEnd         {width:12px; height:12px; background: url(../images/PagerLeft.gif) no-repeat 0 -38px; display:block; margin-left:4px; float:left;}
.PagerList .PagerLeftEnd a       {text-decoration:none; background: url(../images/PagerLeft.gif) no-repeat 0 -51px; display:block;}
.PagerList .PagerLeftEnd a:hover {text-decoration:none; background: url(../images/PagerLeft.gif) no-repeat 0 -64px; display:block;}
.PagerList .PagerRight           {width:12px; height:12px; background: url(../images/PagerRight.gif) no-repeat 0 1px; display:block; float:left;}
.PagerList .PagerRight a         {text-decoration:none; background: url(../images/PagerRight.gif) no-repeat 0 -12px; display:block;}
.PagerList .PagerRight a:hover   {text-decoration:none; background: url(../images/PagerRight.gif) no-repeat 0 -25px; display:block;}
.PagerList .PagerRightEnd        {width:12px; height:12px; background: url(../images/PagerRight.gif) no-repeat 0 -38px; display:block; margin-left:8px; float:left;}
.PagerList .PagerRightEnd a      {text-decoration:none; background: url(../images/PagerRight.gif) no-repeat 0 -51px; display:block;}
.PagerList .PagerRightEnd a:hover{text-decoration:none; background: url(../images/PagerRight.gif) no-repeat 0 -64px; display:block;}



.A00  {width:100%;}
.A01  {width:20px; height:48px; background:url(../images/A01.png) no-repeat top left;}
.A02  {font:normal 16px Calibri; color:#fff; background:url(../images/A02.png) no-repeat top right; padding:16px 0 0 8px;}
.B00  {width:100%;}
.B01  {width:20px; height:143px; background:url(../images/B01.png) no-repeat bottom left;}
.B02  {height:143px; background:url(../images/B02.png) bottom right; padding-bottom:30px;}