/* General */
body {background: #ffffff;
      color:#444;  font-family:Arial, sans-serif; text-align:left; font-size:.75em; margin:0px; padding:0px; }

a {color:#ff7239; } 
a, ul, li { outline:none!important; }     

table { border-collapse:collapse; }

.wide_50 { width:50%; }

.hide {display:none;}


/* Forms */
.formrow {overflow:hidden; padding:5px 0 5px 0;}
.formrow.CheckBoxList {padding-left:120px;}
.formrow.CheckBoxList label {color: #444;}
.formrow label {width: 150px; float: left; text-align: right; padding:0 14px 0 0; /*color: #fff;*/ font-size: 1.1em; margin-top: 3px;}
.formrow .textfield {width: 223px; border: 1px solid #5a5a5a;}
.formrow input.numeric {width: 83px;}
.formrow input.price {width: 123px;}
.formrow-text {font-size: 1.2em; margin-left: 28px; margin-bottom:20px;}



/* Login - OK*/

#login-content {width:450px; margin:10% auto 0px auto; /*background:url(logo/logo.png) no-repeat top center; padding-top:50px;*/}
#login-content .inner {width:448px; margin:0 auto; padding-top:40px; padding-bottom:40px; border: 1px solid #aaa; }
#login-content .inner .formrow {clear:both; margin:10px;}
#login-content .inner .formrow label {display:block; width:95px; text-align:right; margin:6px 15px 0 0; font-size:1.2em; color:#444; padding:0;}
#login-content .inner.change .formrow label{width:125px;}
#login-content .inner .formrow .textfield {display:block; width:262px; float:left; padding:4px; font-size:1.4em; border:solid 1px #aaa; background-color:#fff; color:#444;}
#login-content .failureNotificationUsername, #login-content .failureNotificationPassword { padding-left:110px; color:#c00000; }
#login-content .inner.change .failureNotificationPassword { padding-left:140px;}
#login-content .formrow-text.failureNotificationPassword {padding-left:0;}

#login-content .failureNotification { display: block; width:425px;
                                      text-align:left; font-size:1.4em; border:1px solid #c00000; border-left:4px solid #c00000; 
                                      padding:10px; color:#c00000; margin-top:20px; margin-bottom:20px; }
#login-content .successNotification { display: block; width:425px;
                                      text-align:left; font-size:1.4em; border:1px solid #00b050; border-left:4px solid #00b050;   
                                      padding:10px; color:#00b050; margin-top:20px; margin-bottom:20px; }
#login-content #idLoggedOut  {border:1px solid #00b050; border-left:4px solid #00b050;  color:#00b050;}                                    

#login-content a.login-button { cursor:pointer; clear:both; font-size:1.2em; color:#fff; text-align:center; background-color:#888;
                               width:178px; margin:0px auto 0px auto; padding:8px 15px 8px 15px;} 
#login-content a.login-button:hover { background-color:#ff7239; }   
#login-content a.reset-link { font-size:1.2em; color:#444; margin-left:109px; }
#login-content a.reset-link:hover { text-decoration:underline; }

/* Error page*/
.error-page {margin-left:auto; margin-right:auto; margin-top:10%; width:750px;}
.error-page .logo {
                    background-image: url(logo/logo.png);
                    background-repeat: no-repeat;
                    height: 50px; width: 230px;
                    margin-left:auto; margin-right:auto;
                    float:none;}
                    
.error-page .message {border:solid 1px #444; border-left:solid 3px #444; padding:30px 10px 30px 10px; 
                      font-size:18px; text-align:center; line-height:2em; color:#444; margin-top:20px;}                    

.error-page .error-heading{font-size:1.8em; font-weight: bold;
                           margin-bottom:10px;}                    
                    
/*Notification*/   
.warningNotification {border: 1px solid #ff7239; border-left: 3px solid #ff7239;
                      padding: 10px; text-align: left;
                      font-size: 1.4em; color: #ff4900/*#ff7239*/;}
                      
/* panChangePassword modal dialog */
.failureNotificationPassword { padding-left:165px; color:#c00000; }
.failureNotificationPassword.no_label { padding-left:40px;}



hr { background-color: #aaa;height: 0px;}
hr.HrLeftPanel { clear:both; margin:10px 0px 10px 0px; padding: 0px; width: 166px;border:none; height:2px; background-color:#ff7239;}   

/* Management - Language Manager */
.TranslatedTerms {float:left; padding: 10px 100px 0 70px; height:210px;  overflow:auto; margin-top:10px; margin:auto;}
.UnTranslatedTerms {float:left; padding: 10px 70px 0 100px; height:210px;  overflow:auto; margin-top:10px; margin:auto;}

/* Console */
.console-panel {min-height:615px; overflow: auto; }
                
.console-panel input select {font-size:0.92em;}

.report-panel {width:990px; min-height:1800px; /*background-color:#f9f9f9;*/}

/*
#termsOfUse-container {margin:75px 0 0; }
#termsOfUse-content h1 {font-size:1.2em; background:url(Images/bg-termsOfUse-header.png) no-repeat 4px 0; color:#fff; margin:auto; padding:18px 0 0 24px; height:33px; width:780px;}
#termsOfUse-container #termsOfUse-panel {width:685px; height:720px; background-color:#f9f9f9;float:none; margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px;}
#termsOfUse-container #termsOfUse-Buttons-panel {width:785px; height:35px; background-color:#f9f9f9;float:none; margin-left:auto;margin-right:auto;text-align:center;padding-bottom:20px;}
#termsOfUse-container #CopyrightLabel-panel  {width:785px; height:33px; float:none; margin-left:auto;margin-right:auto;}
*/

#console-container {padding: 0px; float:none;  /*max-width:820px;margin-left:auto;margin-right:auto;*/}

#console-container .failureNotificationPassword {padding-left:135px;}

#console-container table {}
#console-container table td {}
#console-container .transparenttable { border-color:#f9f9f9;}
#console-container .transparenttable td { border-color:#f9f9f9;padding-bottom:3px;padding-top:3px;}
#console-container ul.NoBulletNoIndent {list-style-type: none;  margin-left: 0px; padding-left: 0px;}
#console-container .section { float:left; padding:0px 10px; background:url("Images/line-vert.gif") repeat-y scroll right top transparent;}
#console-container .formrow label  {color:#444;}
#console-container .column { float:left; padding:3px;}
#console-container .no-column { padding:0px; margin: 0px 0px;}
#console-container .console-footer { float:right; margin-top:255px; text-align:right; width:100%;}
    
.FloatRight { float:right; }
.FloatLeft  { float:left; }
.FloatClear { clear:both;}

.TextLeft  {text-align:left;}
.TextRight { text-align:right;}
.TextCenter { text-align:center;}


.TableTabButton { padding: 3px 15px 3px 15px;margin:0px 0px 0px 1px;
                 -webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}  
 
.Buttons { clear: both; height: 40px; }                  

.RepeaterHeader {cursor:default; padding: 2px 7px 0px 5px;}                    
.RepeaterButton {padding: 3px 7px 3px 7px; margin:0px 0px 0px -4px; } 
.GenericButton  {padding: 6px 12px 6px 12px; width:90px;}
.GenericLongButton  {padding: 6px 12px 6px 12px; width:150px;}
.StretchButton  {padding: 6px 12px 6px 12px;}
.RestoreButton  {padding: 6px 0px 6px 0px; width:90px; text-align:center;}


.BaseButton {cursor: pointer; border: 1px solid #888;  text-decoration: none; background-color:#888; color: #fff; font-size:1.2em; text-transform:uppercase;}
.BaseButton:hover {background-color: #444; color:#fff; border-color:#444; }
.BaseButton:active  {color:#fff; background-color:#ff7239;border-color:#ff7239;}

.TabsButton {cursor: pointer; border-bottom: 2px solid #888;  text-decoration: none; font-size:1.2em; color: #444; text-transform:uppercase; margin-bottom:10px;
             padding: 10px 0px 8px 0px; width: 90px; margin-right: 5px;}
.TabsButton:hover {border-color:#ff7239; }
.TabsButton:active  {color:#ff7239;border-color:#ff7239;}

.TabsButton.Selected {color:#ff7239!important;border-color:#ff7239;background-color:transparent!important;}

.InactiveButton { cursor:default; border: 1px solid #ddd;  text-decoration: none; background-color:#ddd; color: #fff; font-size:1.2em; text-transform:uppercase;}

.ToolbarButton {cursor: pointer; text-decoration: none; background-color: #dbdfef; color:#444; font-size:1.2em; text-transform:uppercase;
                background-repeat: no-repeat; background-position:8px center; height:28px; margin-right:2px; padding-left:45px; padding-top:12px; padding-right:10px;}
.ToolbarButton:hover {background-color: #444; color:#fff; border-color:#444; }
.ToolbarButton:active  {color:#fff; background-color:#ff7239;border-color:#ff7239;}

.ControlPanelButton {cursor: pointer; text-decoration: none; background-color: #888; padding:5px; width:155px; margin-bottom:2px; color:#fff!important;}
.ControlPanelButton:hover {background-color: #444; }
.ControlPanelButton:active  {background-color:#ff7239;}


.IconButtonColor {cursor: pointer; background-color: #dbdfef; background-repeat: no-repeat; background-position: center center; border:none;}
.IconButtonColor:hover {background-color: #444; }
.IconButtonColor:active{background-color:#ff7239;}

.IconButtonColor.Disabled {}
.IconButtonColor.Disabled:hover {background-color: #dbdfef; }
.IconButtonColor.Disabled:active{background-color: #dbdfef;}



.AlertButton {cursor: pointer; border: 1px solid #aaa;  text-decoration: none; background-color: #fff; padding:5px; color:#444; font-size:1.2em;}
.AlertButton:hover {background-color: #444; color:#fff; border-color:#444;}
.AlertButton:active  {color:#fff; background-color:#ff7239;border-color:#ff7239;}

.CloseAlertButton   {background-image: url(icons/cancel-g.png);background-size:14px 14px;background-repeat: no-repeat;width: 14px; height: 14px;}
.CloseAlertButton:hover  {background-image: url(icons/cancel-o.png);}
.CloseAlertButton:active  {background-image: url(icons/cancel-o.png);}

.SquareButton { width:40px; height:40px;}
.SquareButton span { display:none; }
.progress-bar .SquareButton { height:35px; width:35px;}
.IconButtonMargin { margin-right: 2px; margin-left: 0px; }

.LongButton   {padding:11px 8px 10px 5px; margin-bottom:5px; width:151px;}
.ShortButton  {padding:10px 0px 10px 0px; margin-bottom:5px; width:90px; margin-right:4px;}
.VeryShortButton  {padding:10px 0px 10px 0px; margin-bottom:5px; width:80px; margin-right:4px;}
.SwitchButton {padding: 3px 8px 1px 5px; margin-bottom: 5px; width: 152px; border: 1px solid #dbdfef; background-color: #dbdfef; 
               font-size: 1.1em; color: #000000; text-align:left;}
.SwitchButton:hover {border: 1px solid #888888; background-color: #888888; color: #ffffff;}

.DownArrow      { background-image: url(icons/ArrowDown-o.png); background-repeat: no-repeat; background-position: 150px -3px; border-top: 2px solid #ff7239;}
.DownArrow:hover{ background-position: 150px 0px; border-top: 2px solid #ff7239;} 
.UpArrow        { background-image: url(icons/ArrowUp-o.png);   background-repeat: no-repeat; background-position: 150px 7px; border-bottom: 2px solid #ff7239;}
.UpArrow:hover  { background-position: 150px 5px; border-bottom: 2px solid #ff7239;}               

.RoundedCorners { /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ }

.ButtonDelete{background: #ff3333;border-color: #ff3333; color:#fff;}
.ButtonDelete:hover {background: #ff0000; border-color:#ff0000;}
.ButtonDelete:active  {}


.SiteMapSeparatorTemplate{ color: white; font-weight:bold;font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em;}
.SiteMapPathNodeTemplate{ color: White; width:70px;font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em;}
.SiteMapPathCurrentNodeTemplate{ color: #ff7239; font-style:italic;font-weight:normal;font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em; }
.SiteMapPathRootNodeTemplate{ color: White;font-weight:bold; font-family: Segoe UI, Arial, sans-serif;font-size: 1.0em;   }

.loader {z-index: 99999; position: fixed; width: 54px; margin-left: -27px; top: 40%; left: 50%; background:url(images/loader.gif) no-repeat center center;display:block;height:54px;}
* html .loader { position: absolute; }

.TextBoxDefault { border:default;}

.TextBoxError { border-color:Red;}
span.TextBoxError { color:Red;}

/*Massages*/
.Success{background-color:transparent; border:1px solid #00b050; border-left:4px solid #00b050; padding:10px; color:#00b050; margin-top:5px; margin-bottom:5px;}
.Failure{background-color:transparent; border:1px solid #c00000; border-left:4px solid #c00000; padding:10px; color:#c00000; margin-top:5px; margin-bottom:5px;}
.Warning{background-color:transparent; border:1px solid #ff4900; border-left:4px solid #ff4900; padding:10px; color:#ff4900; margin-top:5px; margin-bottom:5px;}

.tile .Success, .tile .Failure, .tile .Warning {font-size: 1.2em; font-weight: bold; margin:5px 5px 0px 0px; border:none;}
/*end Masseges*/



.CopyrightLabel, .CopyrightLabel.home { color:#bbb;font-family: Segoe UI, Arial, sans-serif;font-size: 1.1em;font-weight:normal;font-style:italic;}

.CopyrightLabel.home:hover { color:#444; text-decoration:underline;}

.IconButtonSmall {cursor: pointer;border-style:none;width:16px;height:16px;background-size:16px 16px;background-repeat:no-repeat;background-position:center center;background-color:transparent;}
.IconButton {cursor: pointer;border-style:none;width:24px;height:24px;background-size:24px 24px;background-repeat:no-repeat;background-position:center center;background-color:transparent;}
.IconButtonLarge {cursor: pointer;border-style:none;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-color:transparent;}

.DeleteButton {background-image:  url(icons16/delete-o.png);}
.DeleteButton:hover { background-image:  url(icons16/delete-o.png);}
.DeleteButton:active  { background-image: url(icons16/delete-o.png);}

.AddButton {background-image:  url(icons16/add.png);  }
.AddButton:hover { background-image:  url(icons16/add_hover.png); }
.AddButton:active  { background-image: url(icons16/add_active.png); }

.EditButton {background-image:  url(icons16/edit-b.png);  }
/*.EditButton:hover { background-image:  url(icons16/add_hover.png); }
.EditButton:active  { background-image: url(icons16/add_active.png); }*/

.OkButton {background-image:  url(icons16/ok-g.png);  }
/*.OkButton:hover { background-image:  url(icons16/add_hover.png); }
.OkButton:active  { background-image: url(icons16/add_active.png); }*/

.CancelButton {background-image:  url(icons16/cancel-r.png);  }
/*.CancelButton:hover { background-image:  url(icons16/add_hover.png); }
.CancelButton:active  { background-image: url(icons16/add_active.png); }*/

.UndoButton {background-image:  url(icons16/undo-g.png);  }
/*.UndoButton:hover { background-image:  url(icons16/add_hover.png); }
.UndoButton:active  { background-image: url(icons16/add_active.png); }*/

.ResetButton {background-image:  url(icons16/reset-g.png);  }
/*.ResetButton:hover { background-image:  url(icons16/add_hover.png); }
.ResetButton:active  { background-image: url(icons16/add_active.png); }*/

.DeleteButtonBig {background-image:  url(icons/trash-o.png); }
.DeleteButtonBig:hover { background-image: url(icons/trash-r.png); }
.DeleteButtonBig:active  { background-image: url(icons/trash-r.png); }

.CancelButtonBig {background-image:  url(icons/cancel-o.png); }
.CancelButtonBig:hover { background-image: url(icons/cancel-r.png); }
.CancelButtonBig:active  { background-image: url(icons/cancel-r.png); }

.CopyButtonBig {background-image: url(icons/copy-b.png); }
.CopyButtonBig:hover {  background-image:  url(icons/copy-b-hover.png); }
.CopyButtonBig:active  { background-image: url(icons/copy-b-hover.png); }

.ExportButton {background-image:  url(images/export.png) ;  }
.ExportButton:hover { background-image:  url(images/export.png) ;}
.ExportButton:active  { background-image: url(images/export.png);}

.LockButton { background-image: url(icons/lock-b.png) ;cursor:default; }
.LockButton:hover { background-image:  url(icons/lock-b.png) ;}

.Deleted { background-image:  url(icons/trash-r.png) ;}

/*.Locked{ background-image:  url(icons/lock-b.png) ;}*/

.OpenedButton { background-image: url(images/radio-button_on.png) ;cursor:default; }
.OpenedButton:hover { background-image:  url(images/radio-button_on.png) ;}

.Opened{ background-image:  url(icons/flag-g.png) ;}

.DeletedButton { background-image: url(icons/trash-r.png) ;cursor:default; }
.DeletedButton:hover { background-image:  url(icons/trash-r.png) ;}
.DeletedButton:active{ background-image: url(icons/trash-w.png);}

.StatusIcon {cursor: pointer;display:block;border-style:none;width:16px;height:16px;background-size:16px 16px;background-repeat:no-repeat;background-position:center center;background-color:transparent;}
.StatusDeleted { background-image:  url(icons/trash-r.png) ;}
.StatusLocked { background-image:  url(icons/lock-b.png) ;}
.StatusOpened { background-image:  url(icons/flag-g.png) ;}


.UpArrowButton {background-image: url(icons/ArrowUp-o.png);}
.DownArrowButton {background-image: url(icons/ArrowDown-o.png);}

.ValidationSummary {background-color:#f9f9f9;border-bottom:1px solid #aaa;padding-left:20px;}

.Table {   border:1px solid;border-color:#dbdfe6; margin-bottom:5px;}
.Table td {padding:  1px 5px 1px 5px;font-size: 1em;border-spacing:0px;border-left:0px;border-right:0px;}  
.Table th {background: #aaa; font-size: 1.2em; color: #fff; font-family: Segoe UI, Arial, sans-serif;font-weight:normal;
           margin-bottom:0px; margin-top:0px; padding:2px;border-left:0px;border-right:0px;}
             
.Table tr td{border-bottom:1px solid #dbdfe6;}

.TableNoSimulations  { border-bottom:0px !important; height:27px;}


.TableHeader{color: #fff;text-decoration:none;padding:  3px 5px 3px 5px;}
.TableHeader:after{ content:" ▼"; color:transparent;}
.TableHeader:hover { }
.TableHeader:hover:after { content:" ▼"; color:#f0f0f0;}
.TableHeaderSelected{color:#fff;text-decoration:none;padding:  3px 5px 3px 5px;}

.Table td input {padding:1px; width:95%;}
.Table td select { width:95%;}
.CursorPointer {cursor:pointer;}
/*.RowSelected{ background-color:#fff;  color:#444; }*/
.RowSelected{ background:#ff7239; color:#fff;}
.RowEmpty{  }
.RowEmpty td { border: 1px solid #f5f5f5 !important; background: #f5f5f5;  }

#CbxCapacity{position: relative;height:26px;margin-left:1px;}
#CbxCapacity select {position: absolute; top: 0px; left: 0px; width: 98px;}
#CbxCapacity input {width: 76px; position: absolute; top: 0px; left: 1px; }

#CbxSpeed{position: relative;height:26px;margin-left:1px;}
#CbxSpeed select {position: absolute; top: 0px; left: 0px;  width: 98px;}
#CbxSpeed input {width: 76px; position: absolute; top: 0px; left: 1px;}

.LiftTableColumnHeader {  padding-left:3px; margin-left:3px;text-align:center;}
.LiftTableRowHeader {  padding-left:3px; margin-left:3px;text-align:left;}
.LiftTableRowHeaderLiftNo {  padding-left:3px; margin-left:3px;text-align:left; font-weight:bold !important; }
.LiftTableRowUnitHeader { padding-left:3px; margin-left:3px;padding-right:3px;margin-right:3px;text-align:right;}
.LiftTableSectionHeader {  padding-left:3px; margin-left:3px;text-align:left; 
                           font-weight:bold !important; 
                           background: /*#4a4a4a;*/ #c1c1c1 !important; 
                            height: 20px !important;}

.LiftTable 
{   
    /*border-collapse:collapse;*/
}
.LiftTable td 
{   
text-align:center!important;
}
.LiftTable tr
{   
    height:32px;
}
.LiftTable th 
{   
    text-decoration: none;
    background: /*#4a4a4a;*/ #e1e1e1;
    font-weight:normal;
    /*color: #fff;*/
    margin:0px;
    font-family: Segoe UI, Arial, sans-serif;

}

.LiftTable td input 
{
    width:90px;margin:1px;
}

.LiftTable td input[type=checkbox]{width:auto!important}

.LiftTable td select 
{ 
    width:98px;margin:2px;
}

.Header {background: #e1e1e1; font-size: 1.2em; padding:2px 2px 2px 10px; text-align:left;}

.Selected {color:#fff!important;background-color:#ff7239!important;border-color:#ff7239!important;}    
.SelectedCell { background-color:#ff7239!important;}
.Selectable{cursor : pointer;}

.PageName-panel {/*width:990px;*/ height:51px; background-color:#f9f9f9; border-bottom:1px solid #aaa;padding-top:11px;
                 -webkit-border-top-right-radius: 4px;
                  -moz-border-radius-topright:4px;
                  border-top-right-radius:4px;
                  -webkit-border-top-left-radius: 4px;
                  -moz-border-radius-topleft:4px;
                  border-top-left-radius:4px;}

.PageName-text{color: #ff7239;font-size:2.8em;font-weight:bold;margin-left:15px;
               text-decoration:none;text-align:left;font-style:italic;}
               
.CurrentProjectInfo-panel {/*width:100%;*/ 
                           height:32px; 
                           background-color:#f9f9f9; 
                           font-size:14px; 
                           border-bottom:1px solid rgb(249,118,0);letter-spacing:2px; }   
 

.TableLinkButton{ color: White;text-decoration:none;}
.TableLinkButton:hover {color:rgb(249,118,0);text-decoration:underline; }
   
.LinkButton{margin-right:1px; margin-left:1px; color: #444; text-decoration:none;}
.LinkButton:hover {color:rgb(249,118,0); text-decoration:underline; }

.CloseProjectButton { font-size:1.1em; margin:0;padding: 1px 7px 1px 7px;}
       

.Pager{text-align:right;}

.progress-bar {width:  200px; height: 36px;
                    margin-right:2px; padding:2px 3px; padding-right:0;
                    background-color: #dbdfef; float: right;
                    
                   display:none;}  /* Progres bar - hide*/

.progressBarContainer 
{
	height: /*22px*/ 25px;
	text-align:left;
	background: #444;
	padding: 3px;
	position:relative;
}

.progressBarContainer > span 
{
    margin-top:6px;
    display: block;
	width:100%;
    position: absolute; top: -1px;
	overflow: hidden;
    color: #eeeeee;
	font-size:1.3em;font-family: Segoe UI, Arial, sans-serif;font-weight: bold;
    text-decoration:none;text-align: center;
}
.progressBar
{
	display: block;
	height: 100%;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	
	position: relative;
	overflow: hidden;
}


.progressBar-orange{
	background-color: #FFB641;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFB641),color-stop(1, #FF9B3F));
	background-image: -webkit-linear-gradient(top, #FFB641, #FF9B3F);
        background-image: -moz-linear-gradient(top, #FFB641, #FF9B3F);
        background-image: -ms-linear-gradient(top, #FFB641, #FF9B3F);
        background-image: -o-linear-gradient(top, #FFB641, #FF9B3F);
}
.progressBar-red{
	background-color: #f0a3a3;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(top, #f0a3a3, #f42323);
        background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
        background-image: -ms-linear-gradient(top, #f0a3a3, #f42323);
        background-image: -o-linear-gradient(top, #f0a3a3, #f42323);
}

/*----------------------------------------------------------------------------Management------------------------*/
/*My Account*/
.Account {display:block; width:420px; margin-right:auto; margin-left:auto;}
.Account .Head {display:block; width:385px; background-color:#e1e1e1; padding:2px 2px 2px 10px; font-size:1.2em; font-weight:bold; text-align:left;}
.Account .Success, .Account .Failure, .Account .Warning {width:375px; padding:10px; background-color:transparent;}
.Account .Label  {display:inline-block; width:120px; text-align:left; margin-left:10px; }
.Account .TextBox{ width:250px;}
.Account .TextBoxLong{ width:280px;}
.Account .ListBox{ width:254px;}
.Account .BulletedList { position:relative; left:110px; top:-30px;}
.Account .Img { width:280px; float:right; margin-bottom:5px;} 
.Account .space {padding-right:5px;}
.Account .spaceBefore {margin-top:5px;}

.Account .transparenttable td{ text-align:left; padding-left:10px;}

/*UsersMenager*/

.bottom {
    display: block;
    position: absolute;
    bottom: 0px;
}

.bottom .BaseButton { margin-right:5px; margin-bottom:5px;}

.UsersMenager .Head  {display:block; background-color:#e1e1e1; padding:2px 2px 2px 10px; font-size:1.2em; font-weight:bold; text-align:left; clear: both;}
.UsersMenager fieldset, .modalDialog.modalContact fieldset{
    display: block;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 3px;
    -webkit-padding-before: 0px;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 4px;
    -webkit-padding-after: 6px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;
    border-width: 1px;
    border-style: solid;
    border-color: #ff7239;
    margin-top: 5px;
    margin-bottom: 10px;
    width:43%;
    background-color: #fff;
    height:200px;}
    
.modalDialog.modalContact fieldset
{
   width:38%;
   height:250px;
   margin-left:9px;
   margin-right:9px; }
    
.UsersMenager fieldset div {/*overflow: auto;*/ height: 95%; width:100%;}   
.UsersMenager .Detail { width:40px; border:0px; margin-bottom:10px; margin-top:5px;}   
.UsersMenager .move-icons {display:block; width:44px; padding: 15px 5px 0 7px;}
.modalDialog.modalContact .move-icons {display:block; width:44px; padding: 15px 0px 0px 4px;}
.UsersMenager .Label  {display:inline-block; width:160px; text-align:left; margin-left:10px; }
.UsersMenager Table {width: 100%;}
.UsersMenager .Header {font-weight:bold; font-size:1em;}
.UsersMenager .leftpanel { width:45%; float:left; }
.UsersMenager .rightpanel { width:55%; float:right; height:190px; position:relative; }
.UsersMenager .TextBox { width:240px;}
.UsersMenager .Success{background-color:transparent; width:425px; border:1px solid #00b050; border-left:4px solid #00b050; padding:10px; color:#00b050; margin-top:5px;}
.UsersMenager .Failure{background-color:transparent; width:425px; border:1px solid #c00000; border-left:4px solid #c00000; padding:10px; color:#c00000; margin-top:5px;}
.UsersMenager .Warning{background-color:transparent; width:425px; border:1px solid #ff4900; border-left:4px solid #ff4900; padding:10px; color:#ff4900; margin-top:5px;}
.UsersMenager .ListBox { width: 70%; }

table.users-list {width: 90%; margin-left:10px; margin-top:10px; border-collapse: separate;}
table.users-list span {display:block; width:15px; height:15px; background-size:14px 14px; background-repeat:no-repeat;} 
table.users-list span.admin {background-image: url(icons/simulation-b_.png);}
table.users-list span.active {background-image: url(icons/account-g.png);}
table.users-list span.inactive {background-image: url(icons/account-o.png);}
/*-----------------------------------------------------------------------------Dialog-------------------------*/

.modalDialogFullPage {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99998;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: block;
		pointer-events: auto;
	}

	.modalDialogFullPage > div {
		width: 800px;
		position: relative;
		margin: 15px auto;
		padding: 5px 20px 13px 20px;
		border-radius: 14px;
		background: #eee;
		background: -moz-linear-gradient(#fff, #ccc);
		background: -webkit-linear-gradient(#fff, #ccc);
		background: -o-linear-gradient(#fff, #ccc);
	}
	
.modalDialog, .modalMsg, .modalWizard, .modalTutorials {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;	right: 0; bottom: 0; left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99998;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 430px; position: relative; margin: 5% auto;
		padding: 5px 35px 13px 35px;background-color: #eee;
		word-wrap: break-word; display: block; }
		
	.modalDialog > div.share {width: 640px; min-height:300px;}	
		
	/*modalDialog*/
	div.welcome {background-image: url(images/wizard-welcome.jpg);
	             background-repeat:no-repeat;}
	div.lift {background-image: url(images/wizard-lift.jpg);
	             background-repeat:no-repeat;}             
	div.project {background-image: url(images/wizard-project.jpg);
	             background-repeat:no-repeat;}
	div.solution {background-image: url(images/wizard-solution.jpg);
	             background-repeat:no-repeat;}                           
	div.building {background-image: url(images/wizard-building.jpg);
	             background-repeat:no-repeat;} 
	div.selection {background-image: url(images/wizard-selection.jpg);
	             background-repeat:no-repeat;}  
	div.tenancy {background-image: url(images/wizard-tenancy.jpg);
	             background-repeat:no-repeat;}                         
	                     
	div.welcome > div > input {position: absolute; bottom: 60px; left: 318px;}
	div.welcome > div > label {position: absolute; bottom: 62px; left: 340px;}
	/*end modalDialog Welcome page*/
	
	.modalDialog .label { width:130px; display:inline-block; margin-left:10px;}	
	.modalDialog .labelLong { width:240px; display:inline-block; margin-left:10px;}	
	.modalDialog .TextBox { width:250px; margin-bottom:2px;}
	.modalDialog .ListBox { width:254px; margin-bottom:2px;}	
	.modalDialog .ShortBox { width: 70px; margin-bottom:2px;}
	.modalDialog .MidBox { width: 176px; margin-bottom:2px;}
	.modalDialog .MultiBox{ width:248px; height:150px; margin-bottom:2px;position: absolute;left: 178px;}
	.modalDialog .failureNotification { color:#c00000; padding-left:150px;}
	.modalDialog .failureNotificationSpeed { color:#c00000; padding-left:143px;}
	.modalDialog .ShortListBox { width:74px; margin-bottom:2px; padding-bottom:2px; padding-top:2px;}
		
	.modalWizard > div {
		width: 430px; height:570px; position: relative; margin: 5% auto;
		padding: 5px 35px 13px 200px;background-color: #eee; }	
	
	.modalWizard .label { width:130px; display:inline-block; margin-left:10px;}
	/*.modalWizard .label{ display:block; margin-top:-13px; margin-left:20px;}*/                 
	.modalWizard .head { font-size:1.2em; font-weight:bold; padding: 3px 2px 2px 10px; margin-bottom:4px; margin-top:2px; background-color: #e1e1e1; height:20px; display:block;}
	.modalWizard .TextBox { width:250px; margin-bottom:2px;}
	.modalWizard .ListBox { width:254px; margin-bottom:2px;}
	.modalWizard .ShortBox { width: 70px; margin-bottom:2px;}
	.modalWizard .MidBox { width: 176px; margin-bottom:2px;}
	.modalWizard .MultiBox{ width:248px; height:150px; margin-bottom:2px;position: absolute;left: 343px;}
	.modalWizard .failureNotification { color:#c00000; padding-left:145px;}
		
	.modalWizard .ButtonBack  { margin-top:20px;width:105px;padding:6px 5px 5px 19px;
	                            background-image: url(icons/ArrowLeft-w.png);background-repeat:no-repeat;background-position:5px center;
	                            position:absolute; left:215px; bottom:19px;}
	.modalWizard .ButtonNext  { margin-top:20px;width:105px;padding:6px 15px 5px 5px;
	                            background-image: url(icons/ArrowRight-w.png);background-repeat:no-repeat;background-position:84px center;
	                            position:absolute; left:323px;bottom:19px;}  
	.modalWizard .ButtonCreate{ margin-top:20px;width:105px;padding-top:6px;padding-bottom:5px;text-align:center;
	                            position:absolute; left:416px;bottom:19px;}
	.modalWizard .ButtonCancel{ margin-top:20px;width:105px;padding-top:6px;padding-bottom:5px;text-align:center;
	                            position:absolute; left:524px;bottom:19px;}
	.modalWizard .description { padding: 0px 10px 10px 20px;display: block;} 
	
	
	.modalAbout > div { width:600px; height:500px;}
	.modalAbout > div > div { overflow:auto; height:430px;}
	.modalAbout > div > div h2 { font-size:1.2em;}
	.modalAbout > div > div h2 span {color:#c00000;}
	.modalAbout > div > div span { font-weight:bold;}
	
	.modalTutorials > div {width: 845px; height:410px; position: relative; margin: 5% auto;
		                   padding: 20px;background-color: #eee;} 
	.modalTutorials .BoxTutorials {width:195px; height:360px; overflow:auto;}	
	.modalTutorials .BoxTutorials img{ width:175px; height:175px; margin-bottom:5px;}
	.modalTutorials iframe{margin-right:10px;}   
	                  
	
	.modalContact > div { height:400px;}
	.modalContact .ButtonSend {position:absolute; left:50px; bottom:19px;}
	
	.modalMsg > div {
	    width: 500px; position: relative; 
	    border: 1px solid #c00000; border-left: 4px solid #c00000;
	    margin: 5% auto; padding: 40px 35px 40px 35px;background-color: #eee;}
	
	.modalMsg > div > span {
	    color:#c00000; font-size:1.5em; margin-bottom:20px; display:block;}    
	
	.close 
	{ background-image: url(icons/close-gr.png);background-repeat:no-repeat;background-position:center center;
	  background-color:transparent; width: 32px;height:32px;border:0;text-decoration: none;
	  position: absolute;right: -7px;top: -7px;outline:none!important;}
	  
	.left-panel input.close {width: 32px;}

	.close:hover {background-image: url(icons/close-o.png);cursor:pointer; }
    .close:active{ }
    
    
    select#MainContentNested_ddlGroupTemplate {width: 377px;} /*TenancyDetails - new lift group*/

    .left-panel input.GenericButton {width: 90px;}



/*-------------------------------------------------------------------------------------------------Logout button------------------------------------------*/

#Button1 {font-size:1.2em;  font-family: Segoe UI, Arial, sans-serif; color:#444; margin-right:10px; margin-top:-16px; /*font-weight:bold;*/}

#Button1.GenericButton {padding: 2px 10px 2px 10px;}

#Button1.BaseButton { cursor:pointer; text-decoration:none; text-align:center; background: #e1e1e1; color: #444;  outline:none; border:1px solid #ff7239;}
#Button1.BaseButton:hover { background: #ff7239; color:#fff;}
#Button1.BaseButton:active  { color:#ff7239; outline:none;}

#Button1.RoundedCorners {-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}





/*--------------------------------------------------------- Folder Menu Projects.aspx - open project---------------------------------------*/
/*Control Panel*/
.ControlPanel {padding-bottom:0px; clear:both;}
.ControlPanel p {font-size: 1.1em; margin:0px; padding:0px;}
.ControlPanel p span { font-size:1.3em; font-weight:bold; word-wrap: break-word;display: block;}
.ControlPanel a {color:#444;}

/*Mode Panel*/
.ModePanel {padding-bottom:15px; clear:both;}
.ModePanel p {font-size: 1.1em; margin:0px;margin-bottom:5px; padding:0px;}
.ModePanel p span { font-size:1.3em; font-weight:bold;}
                     

/*Labels: Folders,Search,Advanced Search*/
/*.left-panel span.label { margin-left:1px; margin-top:-5px;}*/
.left-panel span.label {
    margin-left: 1px;
    /* margin-top: -5px; */
    min-width: 64px;
    display: block;
    float: left;
}

.AdvanceSearch p { margin-top:-5px;}
.AdvanceSearch p:first-child { margin-top:0px;}

/*Folders list*/
.FoldersList ul   { list-style-type:none; padding-left:0px;  margin-top:-4px; background-color:#fff; margin-bottom:5px;width: 165px;}
.FoldersList ul a { display:block; text-decoration: none; font-size: 1.1em; color:#444; padding:4px 5px 4px 5px; 
                    width:155px; border:1px solid #aaa; border-top:0px;}

/*.ScrollFolder {overflow:auto; overflow-x:hidden; height:120px; margin-right:5px;}*/  

.FoldersList select {width: 167px; height: 24px; border-top: 0; margin-top: -5px; margin-bottom:5px;}
.FoldersList option:checked {background-color: #ff7239; color:#fff;}


/*Input text*/
.left-panel input {margin-left:1px; width:161px;}
.left-panel .half input {width:100%;}
.left-panel .half {width:45%; float:left; margin-right:8px;}
.left-panel .marg-right-zero {margin-right:0px;}
.left-panel .chcekbox input{float:left; width:20px;margin-top: 0px;}
.left-panel .disabled { height:16px; font-size:12px; padding:0; margin-left: 0; width: 163px;}
.left-panel .TextBox {width: 161px; margin-bottom:5px;}

 div.dd_chk_select { width:165px;}
.dd_chk_drop input { width:auto !important; }
.dd_chk_drop label { display: block; margin-left: 20px; margin-top: -16px;}
.dd_chk_drop br {display:none;}

.left-panel fieldset {
    display: block;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 3px;
    -webkit-padding-before: 0px;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 4px;
    -webkit-padding-after: 6px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;
    border-width: 1px;
    border-style: solid;
    border-color: #ff7239;
    margin-top: 5px;
    margin-bottom: 10px;
}


.left-panel fieldset span.label {margin-left:-4px; margin-top: -5px;}
.left-panel fieldset .ListBox {margin-left: 20px; width: 90% /*137px*/; margin-bottom: 0;}

.inrow {display:block; float:left;}
.inrow input { margin: 5px 7px 0 4px; }
span.label.inrow { padding: 10px 0 0 0;}

/*Buttons*/
.left-panel input.Detail { width:40px; border:0px; margin-bottom:10px; margin-top:5px;}                            

/**/                         
.left-panel p {margin:6px 0 0 0;}                       
.left-panel .ErrorMessage {color:#c00000;}

/*Current project*/     
.left-panel a.button-border {border:0px;}
.left-panel a.button-orange { width:186px; font-size:17px;}
.left-panel ul.vertical-nav {/* margin-left:1px;*/}
.left-panel li.OpenProject  { width:166px; word-wrap: break-word;display: block;}
.left-panel li.OpenSimulation { width:166px; word-wrap: break-word;display: block;}

/*Locked project*/
li.OpenProject.Locked{ background-color:#ddd;color:#888;border:1px solid #aaa; cursor:default;
                                   margin-top:10px;padding:2px 17px 2px 5px; font-weight:bold; 
                                   background-image: url(icons/lock-b.png);background-size:16px 16px;background-repeat:no-repeat;background-position:center right;}
li.OpenSimulation.Locked{ background-color:#ddd;color:#aaa;border:1px solid #aaa;cursor:default;
                                   margin-top:-1px; margin-left:5px; padding:2px 5px; font-weight:bold; }    
                                   
li.OpenProject.Deleted{ background-color:#ddd;color:#888;border:1px solid #aaa;cursor:default;
                                   margin-top:10px;padding:2px 17px 2px 5px; font-weight:bold; 
                                   background-image: url(icons/trash-r.png);background-size:16px 16px;background-repeat:no-repeat;background-position:center right;}
li.OpenSimulation.Deleted{ background-color:#ddd;color:#aaa;border:1px solid #aaa;cursor:default;
                                   margin-top:-1px; margin-left:5px; padding:2px 5px; font-weight:bold; }   
                                   
li.OpenProject.Current a { background-image: url(icons/flag-g.png); background-size:16px 16px; background-repeat:no-repeat; background-position:center right; }
li.OpenSimulation.Current a { background-image: url(icons/flag-g.png); background-size:16px 16px; background-repeat:no-repeat; background-position:center right; }

.left-panel li.OpenProject.Locked{ width:142px;}
.left-panel li.OpenSimulation.Locked{ width:149px;}    
                                   
.left-panel li.OpenProject.Deleted{ width:142px;}
.left-panel li.OpenSimulation.Deleted{ width:149px;}     

                                                                                                

/*----------------------------------------------------------------------------- Panel ProjectList, Panel SimulationList ---------------------------------------------------------------------*/
.wide-ProjectList, .wide-SimulationList { width:450px; }

.scroll { overflow:auto; overflow-x:hidden; height:600px; margin-top:28px; }
fieldset .scroll { overflow:auto; overflow-x:hidden; height:95%; margin-top:0px; }

.FixedHeader {
            position: absolute;
            font-weight: bold;
            margin-top:-27px;margin-left:-1px;
            background-color: #eee;
        } 
        
.FixedHeader .TableHeader, .FixedHeader .TableHeaderSelected { color: #fff; text-decoration: none; padding: 4px 0 4px 0; }  

.TableProjectList { border:1px solid #aaa; margin-right:0; background-color:#fff; word-wrap: break-word;}
.TableProjectList td, .TableProjectList th { font-size: 1em; border-spacing:0px; border-left:0px; border-right:0px; border-bottom-color:#aaa; border-top-color:#aaa;  }  
.TableProjectList th{border-top:1px solid #aaa;}
.TableProjectList th:first-child {border-left:1px solid #aaa;}
.TableProjectList th:last-child  {border-right:1px solid #aaa;}
.TableProjectList th { background: #888; font-size: 1.2em; color: #fff; font-family: Segoe UI, Arial, sans-serif; font-weight:normal; }

.TableSimulationList { border:1px solid #aaa; margin-right:0;background-color:#fff;  word-wrap: break-word;}
.TableSimulationList td, .TableSimulationList th { font-size: 1em; border-spacing:0px; border-left:0px; border-right:0px; border-bottom-color:#aaa; border-top-color:#aaa; }  
.TableSimulationList th{border-top:1px solid #aaa;}
.TableSimulationList th:first-child {border-left:1px solid #aaa;}
.TableSimulationList th:last-child  {border-right:1px solid #aaa;}
.TableSimulationList th { background: #888; font-size: 1.2em; color: #fff; font-family: Segoe UI, Arial, sans-serif; font-weight:normal; }

/*----------------------------------------------------------------------------- Visualisation ------------------------------------------------------------------*/
.Thumbnail {float:left;display:block; height:auto; width:183px;padding-bottom:5px; padding-left:3px; position:relative;}
.Thumbnail a.image { text-align:center; margin:5px 5px 5px 2px;background-color: black; height: 100px;}
.Thumbnail img { height:100px; } 
.Thumbnail.Selected { background-color: #dbdfef!important; color: #444!important;}

.Thumbnail .progressBarContainer {
    height: /*22px*/ 25px;
    text-align: left;
    /*background: #444;*/
    background-color: rgba(68,68,68,0.8);
    padding: 3px;
    position: relative;
    position: absolute;
    left: 16px;
    top: 50px;
}

.VideoPanel .progressBarContainer {
    height: /*22px*/ 25px;
    text-align: left;
    /*background: #444;*/
    background-color: rgba(68,68,68,0.8);
    padding: 3px;
    position: relative;
    position: absolute;
    left: 0px;
    bottom: 5px;
}

.VideoLabel
{
    color:White; 
    font-size:large; 
    position:absolute; 
    bottom: 10px; 
    left: 10px;
}

.WaitTimeGradient
{
    text-align: center; 
    font-size:10px; 
    border-collapse:collapse; 
    empty-cells: show; 
    width: 167px; 
    padding:0; margin:0 0 5px 0; 
    background-image: url(Images/gradient.png);
    background-repeat: no-repeat;
}

.VideoOptionsPanel 
{
    position:relative;
    height:43px;
}

.Cancel 
{
    width: 2em; height: 2em;cursor: pointer;opacity: 1;
    background-image: url(icons/cancel-grl.png); background-repeat: no-repeat; background-position: .25em .2em; background-size: 1.6em 1.6em;
    background-color: #07141e; background-color: rgba(7,20,30,.7);
    border: .1em solid #3b4249; -webkit-border-radius: .6em; -moz-border-radius: .6em; border-radius: .6em;
    -webkit-box-shadow: 0 0 1em rgba(255,255,255,.25); -moz-box-shadow: 0 0 1em rgba(255,255,255,.25); box-shadow: 0 0 1em rgba(255,255,255,.25);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; text-align: center /* Needed for IE8 */;} 
.Cancel:hover { background-image: url(icons/cancel-w.png); background-color: rgba(255,0,0,0.8); border-color:#fff;
                          -webkit-box-shadow: 0 0 1em rgba(255,255,255,.75); -moz-box-shadow: 0 0 1em rgba(255,255,255,.75); box-shadow: 0 0 1em rgba(255,255,255,.75);}

.VideoPanel .Cancel 
{
    position: absolute; 
    top: 10px; 
    right:20px;
}

.Thumbnail  .Cancel 
{
    position: absolute; 
    right: 10px;
    top: 10px; 
}

.VideoOptionsPanel .Cancel
{
    position: absolute; 
    right: 4px;
    top: 10px; 
}

.Trash 
{
    width: 2em; height: 2em;cursor: pointer;opacity: 1;
    background-image: url(icons/trash-grl.png); background-repeat: no-repeat; background-position: .25em .2em; background-size: 1.6em 1.6em;
    background-color: #07141e; background-color: rgba(7,20,30,.7);
    border: .1em solid #3b4249; -webkit-border-radius: .6em; -moz-border-radius: .6em; border-radius: .6em;
    -webkit-box-shadow: 0 0 1em rgba(255,255,255,.25); -moz-box-shadow: 0 0 1em rgba(255,255,255,.25); box-shadow: 0 0 1em rgba(255,255,255,.25);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; text-align: center /* Needed for IE8 */;} 
.Trash:hover { background-image: url(icons/trash-w.png); background-color: rgba(255,0,0,0.8); border-color:#fff;
                          -webkit-box-shadow: 0 0 1em rgba(255,255,255,.75); -moz-box-shadow: 0 0 1em rgba(255,255,255,.75); box-shadow: 0 0 1em rgba(255,255,255,.75);}

.VideoPanel .Trash 
{
    position: absolute; 
    top: 10px; 
    right:0px;
}

.Thumbnail  .Trash 
{
    position: absolute; 
    right: 10px;
    top: 10px; 
}

.VideoOptionsPanel .Trash
{
    position: absolute; 
    right: 5px;
    top: 10px; 
}

.Download 
{
    width: 2em; height: 2em;cursor: pointer;opacity: 1;
    background-image: url(icons/download-grl.png); background-repeat: no-repeat; background-position: .25em .2em; background-size: 1.6em 1.6em;
    background-color: #07141e; background-color: rgba(7,20,30,.7);
    border: .1em solid #3b4249; -webkit-border-radius: .6em; -moz-border-radius: .6em; border-radius: .6em;
    -webkit-box-shadow: 0 0 1em rgba(255,255,255,.25); -moz-box-shadow: 0 0 1em rgba(255,255,255,.25); box-shadow: 0 0 1em rgba(255,255,255,.25);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; text-align: center /* Needed for IE8 */;} 
.Download:hover { background-image: url(icons/download-w.png); background-color: #ff4900 /*rgba(255,0,0,0.8)*/; border-color:#fff;
                          -webkit-box-shadow: 0 0 1em rgba(255,255,255,.75); -moz-box-shadow: 0 0 1em rgba(255,255,255,.75); box-shadow: 0 0 1em rgba(255,255,255,.75);}

.VideoPanel .Download
{
    top: 40px; 
    position: absolute; 
    right:20px;
}

.Thumbnail  .Download
{
    right: 40px;
    top: 10px; 
    position: absolute; 
}

.VideoOptionsPanel .Download
{
    position: absolute; 
    left: 0px;
    top: 10px; 
}

.More 
{
    width: 2em; height: 2em;cursor: pointer;opacity: 1;
    background-image: url(icons/more-grl.png); background-repeat: no-repeat; background-position: .25em .2em; background-size: 1.6em 1.6em;
    background-color: #07141e; background-color: rgba(7,20,30,.7);
    border: .1em solid #3b4249; -webkit-border-radius: .6em; -moz-border-radius: .6em; border-radius: .6em;
    -webkit-box-shadow: 0 0 1em rgba(255,255,255,.25); -moz-box-shadow: 0 0 1em rgba(255,255,255,.25); box-shadow: 0 0 1em rgba(255,255,255,.25);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; text-align: center /* Needed for IE8 */;} 
.More:hover { background-image: url(icons/more-w.png); background-color: #ff4900 /*rgba(255,0,0,0.8)*/; border-color:#fff;
                          -webkit-box-shadow: 0 0 1em rgba(255,255,255,.75); -moz-box-shadow: 0 0 1em rgba(255,255,255,.75); box-shadow: 0 0 1em rgba(255,255,255,.75);}

.VideoOptionsPanel .More
{
    position: absolute; 
    left: 30px;
    top: 10px; 
}




.Play     
{
    left: 5px; top: 10px; position: absolute; width: 4em; height: 2.6em;cursor: pointer;opacity: 1;
    background-image: url(icons/arrow-right-gr.png); background-repeat: no-repeat; background-position: center center; 
    background-color: #07141e; background-color: rgba(7,20,30,.7);
    border: .1em solid #3b4249; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em;
    -webkit-box-shadow: 0 0 1em rgba(255,255,255,.25); -moz-box-shadow: 0 0 1em rgba(255,255,255,.25); box-shadow: 0 0 1em rgba(255,255,255,.25);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; text-align: center /* Needed for IE8 */;}
.Play:hover {  border-color:#fff;
                          -webkit-box-shadow: 0 0 1em rgba(255,255,255,.75); -moz-box-shadow: 0 0 1em rgba(255,255,255,.75); box-shadow: 0 0 1em rgba(255,255,255,.75);}
.Play:active{ }

                           
.Thumbnail span{ display:inline-block; white-space: nowrap;overflow:hidden;}
.Thumbnail span.label{ width:55px; display:inline-block; margin-left:1px;}
.conThumbnail{display: block; height:440px; width:780px; overflow:auto;margin-left:5px;}

/*div.VideoPanel > div.video-js {margin-left:auto; margin-right:auto;}*/
div.VideoPanel {margin-left: 10px; position:relative;margin-bottom:0px; height:455px;}

.TabsPanel { clear:both;}
.TabsPanel span {font-size:1.2em}
.TabsPanel input { margin-top:10px; padding: 3px;}
.TabsPanel textarea { margin-top:10px; padding: 3px; width: 591px;}
.TabsPanel .More { margin-top:10px; float:right;}
/*----------------------------------------------------------------------------- Panel Details -------------------------------------------------------------------*/
.ProjectList td.wide-PanelDetails { width:352px;}
.PanelDetails {text-align:left; background:#fff; border:1px solid #aaa; margin-left:8px; margin-bottom:20px; padding-left:20px; padding-right:20px; }
.PanelDetails table {}
.PanelDetails .label                       { width:140px; float:left; display:block; margin-bottom:4px;}
.PanelDetails .text-box { margin-left:140px; width:160px; float:none; display:block; margin-bottom:4px; word-wrap: break-word;display: block;}


/*-------------------------------------------------------------------------------Reports-----------------------------------------------------------------*/
.spaceBefore {padding-top:5px;}
.spaceAfter {margin-bottom:5px;}
.ListBox { width:167px;}
.short {width:50px;}
.medium {width:102px;}
.ListBoxShort { width:145px; margin-top:-1px;}
.CheckBoxList > input { width:30px;}
input.CenterButton {padding: 6px 0px 6px 0px; text-align:center; width:165px; margin-left:-1px;}


.TenancyColumn
{
background:red;width:100%;
}


.ColumnHeader   
{
    background: /*#4A4A4A;*/ #e1e1e1;
    font-size: 1.1em;
    /*color: #fff;*/
    font-family: Segoe UI, Arial, sans-serif; 
    border-left:0px;border-right:0px;padding:  0px 4px 0px 4px;
}  

.FloorTable,
.ServedFloorTable 
{   border:1px solid lightgrey;}

.FloorTable td {padding:  1px 2px 1px 2px;font-size: 1em;border-spacing:0px;border-left:0px;border-right:0px;/*text-align:center;*/ }  
.ServedFloorTable td {padding:  1px;font-size: 1.1em;border: 1px solid #444;}  

.FloorTable .Lobby {padding-right:5px; font-weight:normal!important;}

.FloorTable th,
.ServedFloorTable th  
{

    font-size: 1.1em;
    /*color: #fff;*/
    font-family: Segoe UI, Arial, sans-serif; 
    font-weight:/*bold;*/ normal; 
    padding:2px;
    text-decoration: none;
    background: #e1e1e1; /*#4a4a4a;*/
    /*color: #fff;*/
    margin:0px;
} 

.FloorTable th
{
    margin-bottom:0px;
    margin-top:0px; 
    border-left:0px; 
    border-right:0px; 
    text-align:left;
} 

.FloorTable td input {padding:0px;}



.deleted 
{
    display: block;
    text-align: left;
    float: left;
    color: red;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 2px;
}

.undo 
{
    width: auto;
    height: 19px;
    padding-right: 20px!important;
    padding-top: 3px!important;
    margin-left: auto;
    font-size: 1em;
    display: block;
    background-position: right center;
    color: #73a923;
    font-weight: bold;
} 

.VipEntrance
{
    background:#A6C9F8;
}
.NormalEntrance
{
    background:#418CF0;
}

.PriorityEntrance
{
    background:#DF3A02;
}
.NoEntrance
{
    background-color:White;
}

.SelectedBackground
{
    background: #f58400 50% 50% repeat-x!important;
}

.SelectedBackground2
{
    background:#A6C9F8!important;
}

.ServedFloorTable td.Floor
{
    height:22px;width:42px;
}

.ServedFloorTable td.Lobby {background: /*#4A4A4A;*/ #e1e1e1;
                            text-align:center;
    font-size: 1.2em;
    /*color: #fff;*/
    font-family: Segoe UI, Arial, sans-serif;
    padding:  0px 6px 0px 6px; }
 



.ListColumn{
    height:24px;border-bottom:1px solid lightgrey;border-right:1px solid lightgrey;vertical-align:middle;
}

.TabButton {position: absolute; top: 0px; right: -1px;}
.TabButton2 {position: absolute; top: 0px; right: -1px;}

.TabPanelButton {text-align:left!important;color:White;}


.TableTabButtonSmall { padding: 3px 1px 3px 2px;margin:0px 0px 0px 0px;border:1px solid lightgrey;}  


.Hidden {display:none;}

.Toolbar{padding: 0px 0px 0px 0px;margin:0px 0px 0px 0px;text-align:left;width:100%;}

.TabUnSelected,
.TabSelected { padding: 3px 8px 3px 8px;margin:0px 0px -1px 0px;background:#dbdfef;cursor : pointer;
               width:auto !important;
               overflow: visible;        
               border:1px solid #aaa;border-bottom:1px solid #aaa; color:#444;}
.TabUnSelected:hover  {background: #444444; color:#fff;}
.TabUnSelected:active {color:#ffffff; background-color:#ff7239;}
                  
.TabSelected{border-bottom:1px solid #ff7239; background-color:#ff7239; color:#ffffff;}
.TabSelected:hover  {}
.TabSelected:active {color:#ff7239;}

.TabPanel{text-align:left; background:#f5f5f5; border:1px solid #aaa; margin-bottom:12px; padding:8px 6px 8px 6px; width:auto; min-width:1120px; max-width:calc(100vw - 320px); min-height:660px; }


/*-------------------------------------------------Groups & Tenancies List ----------------------------------------------------*/

ul.Tree { list-style-type:none; padding-left:0; margin-left:0px; width:166px;}
ul.Tree a { display:block; font-size:1em; color:#444; padding:2px 30px 2px 5px; border: 1px solid #aaa;}

li.TreeProject a        { font-weight:bold; background-color:#dbdfef; word-wrap: break-word;display: block;}  
li.TreeProject a:hover  { background-color:#444; color:#fff;}
li.TreeProject a:active { background-color:#ff7239; color:#fff;}

li.TreeSimulation a { background-color:#fff; margin-top:-1px; margin-left:10px; margin-bottom:10px;word-wrap: break-word;display: block;}    
li.TreeSimulation a:hover  { background-color:#444; color:#fff;}
li.TreeSimulation a:active { background-color:#ff7239; color:#fff;}    

li.TreeTenancy {
    border: 2px solid #aaa;
    margin-bottom: 2px;
    padding: 1px;
}

li.TreeTenancy ul {list-style-type:none; padding-left:0; padding-bottom:5px; padding-top:2px;}
 
li.TreeTenancy .TenancyButon {
    font-size: 16px;
    font-weight: bold;
    background-color: #888;
    display: block;
    margin-bottom: 5px;
    color: #fff!important;
    position:relative;
}

li.TreeTenancy .TenancyButon:hover {background-color: #444;border-color:#444;}
li.TreeTenancy .TenancyButon:active{background-color:#ff7239;border-color:#ff7239;}

li.TreeTenancy .TenancyButon a:first-child span:first-child {
    font-weight:normal;
    font-size:12px;
}
    
li.TreeTenancy a.IconButton{ width:16px; height:19px; padding:0px; border:0;} 

li.TreeTenancy .TenancyButon.Selected a{ color: #fff; border-color: yellow;}


li.TreeTenancy a.TabButton {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
}

/*Group*/
.GroupName { font-size:12px; margin-left:5px;}

li.TreeGroup { width:123px;}
li.TreeGroup a { margin-bottom:1px; background-color:#aaa;color:#fff;} 
li.TreeGroup a:hover  { background-color:#444;border-color:#444} 
li.TreeGroup a:active { background-color:#444;border-color:#444} 

li.TreeGroup .GroupButton.Selected{border-color:#ff7239!important;}
li.TreeGroup a.TabButton { position:relative; margin-top:-20px; margin-left:144px; background-color:transparent;} /*icon*/
li.TreeGroup a.TabButton:hover {background-color:transparent;}
li.TreeGroup a.TabButton:active{background-color:transparent;}

/*Add Group*/
li.TreeAddGroup input{ cursor: pointer; width:125px; border:1px solid #aaa; background-color:#aaa;  margin-left:35px; margin-top:5px; padding:3px 5px; color:#fff;  text-align: left;
                       background-image:url(icons16/add.png);  background-repeat: no-repeat; background-position:108px center; background-size:14px 14px;}
li.TreeAddGroup input:hover { background-color:#444; border-color:#444;}
li.TreeAddGroup input:active{ background-color:#ff7239; border-color:#ff7239;}
/*Add Tenancy*/
li.TreeAddTenancy input { cursor: pointer; width:125px; border:1px solid #aaa; background-color:#aaa;  margin-left:38px; margin-top:5px; padding:3px 5px; color:#fff;  text-align: left; 
                          background-image:url(icons16/add.png);  background-repeat: no-repeat; background-position:108px center; background-size:14px 14px; }
li.TreeAddTenancy input:hover { background-color:#444;color:#fff; border-color:#444;}
li.TreeAddTenancy input:active{ background-color:#ff7239;color:#fff; border-color:#ff7239;}

/*Duplicate & Delete Group*/
.Tree .AddButton    { background-image:url(icons16/copy-b.png);  top: 0px; right: 12px; background-size:14px 14px; }
.Tree .AddButton:hover    { background-image:url(icons16/copy-b-hover.png);}
.Tree .DeleteButton { background-image:url(icons16/delete-o.png);  top: 0px; right: -1px; background-size:14px 14px; }
.Tree .DeleteButton:hover { background-image:url(icons16/delete-r.png);}


.HorizontalTabHeader{font-size:1em; text-align: left; color:#444; 
                     padding: 0px 0px 15px 0px; 
                     font-weight:bold;
                     vertical-align:middle;letter-spacing:1px;}



.RowButton
{cursor: pointer; border: 1px solid #aaa;
 text-decoration:none; text-align: center; color: #444;
 margin:0px; margin-top:2px; padding:3px 10px 3px 22px!important;
 background-repeat: no-repeat; background-position:left center; background-position: 3px; overflow: visible;  
}
.RowButton:hover  {background-color: #444; color:#fff;}
.RowButton:active {background-color:#ff7239;}

.SimulationTypeLabel
{
     color:#ff7239;font-weight:bold;
}


.NoPadding
{
    padding:0px!important;
}

/*FloorData*/
.ShuttleLiftFloor  input.LiftFloor_0 { border: 1px solid #ccc; }
.OtherTenancyFloor  input.LiftFloor_0 { border: 1px solid #eee; }

.MultiTenancy.CurrentTenancyFloor { background-color: LemonChiffon; }

.FloorTableRow span { text-align: center; }
.FloorTableRow.CurrentTenancyFloor span { font-weight: bold; }

.MultiTenancy.LowerFloor, .MultiTenancy.UpperFloor td:nth-child(2) { border-bottom-color: #ff7239; }

.FloorTableFooter { height:25px; font-weight:bold; }
.FloorTableFooter td:last-child { border-right: 1px solid #ddd; }

.FloorTable tr.FloorTableRow td:last-child { border-right: 1px solid #ddd; }

.LiftFloor { width:19px; }

/*Radiobutton Lobby*/
                 
    
.FloorTable input[type=radio]:not(old){
  			width   : 0px;
  			margin  : 0;
  			padding : 0;
  			opacity : 0;
			}

.FloorTable input[type=radio   ]:not(old) + label{
  display      : inline-block;
  padding : 2px 6px;
  /*background-color : #ddd;*/
  border: 1px solid #ff7239;
  border-radius: 3px;
  color: transparent;
  margin-left:auto;
  margin-right:auto;
}

.FloorTable input[type=radio]:not(old):checked + label{
  background-color : #ff7239;
  color: #fff;
}

span.TenancyPop, .CurrentTenancyFloor span.TenancyPop
{
    font-size:11px;
    font-weight:normal;
}
   





/*------------------------------------------------------------------------------------------------------------------------------------------*/

/* AdsimuloMasterPage.Master */
table.error-message {border: 0px solid transparent;}

/*----------------------------------------------------------Projexts.aspx-------------------------------------------------------------------*/
.SearchProject { /*background-color:Red;*/ /*margin:0px 0px 10px 0px;*/}

/*----------------------------------------------------------Terms---------------------------------------------------------------------------*/
.Terms table {margin-left: 10px;}
.Terms td {padding-right: 10px !important; padding-bottom: 10px; vertical-align:top;}
.Terms a {display: inline;}
.Terms .approve, .Terms span { text-transform:uppercase; text-align:center; color:#ff6600; font-weight:bold;}

/*-----------------------------------------------------------Alert bar-----------------------------------------------------------------------*/
.collapse {padding-left:5px;}
.wrapper.expand {height: 20px;padding-right:10px;}

/*-----------------------------------------------------------Cost Function info icon---------------------------------------------------------*/
.cf-info-icon { cursor: help; color: #ff7239; margin-left: 3px; font-size: 1.1em; }