@charset "utf-8";
body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #5E5D60;*/
	color: #444444;
	margin: 0px; 
	padding: 0px;
	height:100%;
}
.hidden{
	display: none !important;
}
.notVisible{
	visibility: hidden;
}
#main{
	width:980px;
	height: 580px;
	/*border: solid 1px #CCCCCC;*/
	border: solid 1px #555555; 
}
#foot {
	background-color: #F2F2F2;
	/*color: #ffffff;*/
	/*border-top: solid 1px #CCCCCC;*/
	border-top: solid 1px #aaaaaa;
	height: 20px;
	width: 972px;
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
	text-align: center;
	clear: both;
}
#footOrg{float: left; width: 250px; text-align: left;}
#footCopy{float: left; width:472px; text-align: center;}
#footVersion{float: left; width:250px; text-align: right;}
#body {
	height: 450px;
	width: 980px;
}
#header{
	width: 974px;
	height: 20px;
/*	background-color: #E6E6E6;*/
	background-color: white;
	background-image: url(../img/TAS_logo.png);
	background-position: 6px 4px;
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 6px;
	padding-top: 9px;
}
#headerText{position: relative; color: #444444;}
#header img.maximize, #header img.origsize, #header img.move{position: relative; top: -24px;}
#offer {
	width: 180px;
	height: 450px;
	/*border-top: solid 1px #CCCCCC;*/
	border-right: solid 1px #aaaaaa;
	float: left;
}
div.offerIco{width: 24px; height: 24px; background-image: url(../img/ico/offer_hider.png); background-repeat: no-repeat; float: left; margin-left: 5px; margin-top: 4px;}
div.offerIco:hover{background-image: url(../img/ico/offer_hider_hover.png); background-repeat: no-repeat;}
#content {
	padding-bottom: 12px;
	float: right;
	height: 438px;
	width: 799px;
}

#contentFull{
	border-top: solid 1px #CCCCCC;
	/* width: 980px; */
}
#contentText {
	margin: 12px;
	/* height: 426px;
	width: 787px; */
}
#contentFull #contentText{
	margin: 12px;
	/* height: 426px;
	width: 956px; */  
}

#loginTable{
	width: 350px;
	margin: 0px auto;
	padding-top: 200px;
}

#offerHeader {
	height: 24px;
	width: 168px;
	padding-left: 12px;
	padding-top: 8px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
/*	border-bottom: solid 1px #CCCCCC;*/
	background-color: #f2f2f2;
	border-bottom: solid 1px #aaaaaa;
	/*color: #ffffff;*/
	color: #5E5D60;
}
#offerContent {
	width: 172px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 4px;
	margin-right: 4px;
	font-weight:bold;
	overflow:auto;
	height:393px;
}
.offerContentItem{
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	height: 20px;
}
.offerContentItemSelected{
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	height: 20px;
	background-color: #88A86C;
	color: white;
}


.offerContentItem:hover{
	background-color: #5E5D60;
}
.offerContentItem a{
	color:#5E5D60;
	text-decoration:none;
	font-weight:bold;
}
.offerContentItem a:hover{
	color: white;
}

.fileListA { cursor: pointer; }
.fileListA img { height: 15px; width: 15px; }
.fileListUl { list-style: none; margin-left: 5px; padding-left: 5px;}
.fileListUl li { height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.fileListUl li label { margin-left: 5px; display: inline !important; cursor: pointer; float: none;}

#mainMenu {
	background-image: url(../img/mmBack.gif);
	height: 66px;
	width: 980px;
	padding-top: 4px;
	background-repeat: repeat-x;
	color: #333333;
}
.mainMenu {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5E5D60;
	height: 13px;
	vertical-align: bottom;
	width: 64px;
	text-align: center;
	padding-top: 47px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	cursor: pointer;
	/*border: solid 1px red;*/
	color: #333333;
}
.mainMenuSelected {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5E5D60;
	background-color: #F2F2F2;
	height: 13px;
	vertical-align: bottom;
	width: 64px;
	text-align: center;
	padding-top: 47px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	color: #333333;
}
.mainMenu a{
	/*color: #5E5D60;*/
	color: #333333;
	text-decoration: none;
}
#mmLogout {float: right; background-image: url(../img/ico/mmLogout.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmLogout:hover {background-image: url(../img/ico/mmLogout_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmHome {background-image: url(../img/ico/mmHome.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmHome {background-image: url(../img/ico/mmHome_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmHome:hover {background-image: url(../img/ico/mmHome_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmTemplates {background-image: url(../img/ico/mmTemplates.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmTemplates {background-image: url(../img/ico/mmTemplates_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmTemplates:hover {background-image: url(../img/ico/mmTemplates_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmTemplates.mmDisabled {background-image: url(../img/ico/design_green_dis.png); background-repeat: no-repeat; background-position: 10px 3px;cursor: default;}
.mainMenu#mmTemplates.mmDisabled:hover {background-image: url(../img/ico/design_green_dis.png); background-repeat: no-repeat; background-position: 10px 3px;cursor: default;}

#mmPlans {background-image: url(../img/ico/mmPlan.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmPlans {background-image: url(../img/ico/mmPlan_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmPlans:hover {background-image: url(../img/ico/mmPlan_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmPlans.mmDisabled {background-image: url(../img/ico/mmPlan_dis.png); background-repeat: no-repeat; background-position: 10px 3px;cursor: default;}
.mainMenu#mmPlans.mmDisabled:hover {background-image: url(../img/ico/mmPlan_dis.png); background-repeat: no-repeat; background-position: 10px 3px;cursor: default;}

#mmUsers {background-image: url(../img/ico/mmUsers.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmUsers{background-image: url(../img/ico/mmUsers_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmUsers:hover {background-image: url(../img/ico/mmUsers_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmUsers.mmDisabled {background-image: url(../img/ico/user_green_dis.png); background-repeat: no-repeat; background-position: 10px 3px;cursor: default;}
.mainMenu#mmUsers.mmDisabled:hover {background-image: url(../img/ico/user_green_dis.png); background-repeat: no-repeat; background-position: 10px 3px;cursor: default;}

#mmEvents {background-image: url(../img/ico/mmEvents.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmEvents{background-image: url(../img/ico/mmEvents_hover.png); background-repeat: no-repeat;background-position: 10px 3px;}
.mainMenu#mmEvents:hover {background-image: url(../img/ico/mmEvents_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmSettings {background-image: url(../img/ico/mmSettings.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmSettings{background-image: url(../img/ico/mmSettings_hover.png); background-repeat: no-repeat;background-position: 10px 3px;}
.mainMenu#mmSettings:hover {background-image: url(../img/ico/mmSettings_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmWeb {background-image: url(../img/ico/mmWeb.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmWeb{background-image: url(../img/ico/mmWeb_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmWeb:hover {background-image: url(../img/ico/mmWeb_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmDMS {background-image: url(../img/ico/mmDms.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmDMS{background-image: url(../img/ico/mmDms_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmDMS:hover {background-image: url(../img/ico/mmDms_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmHelp {background-image: url(../img/ico/mmHelp_on.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmHelp:hover {background-image: url(../img/ico/mmHelp_on_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmHelp.off {background-image: url(../img/ico/mmHelp_off.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmHelp.off:hover {background-image: url(../img/ico/mmHelp_off_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#mmZapisy {background-image: url(../img/ico/seznam_zapisu.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenuSelected#mmZapisy{background-image: url(../img/ico/seznam_zapisu_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}
.mainMenu#mmZapisy:hover {background-image: url(../img/ico/seznam_zapisu_hover.png); background-repeat: no-repeat; background-position: 10px 3px;}

#subMenu {
	height: 24px;
	width: 798px;
	border-bottom: solid 1px #CCCCCC;
	color: #333333;
}
#subMenu .subMenuItem {
	height: 22px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-align:center;
	border-right: solid 1px #CCCCCC;
	float: left;
}
#subMenu .subMenuItem a {
	font-size: 13px;
	font-weight: bold;
	color: #5E5D60;
	text-decoration: none;
}
#subMenu .subMenuItemSelected {
	height: 22px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background-color: #88A86C;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C0C0C0;
	float: left;
}

img.icon{
	border: none;
}
h1{font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #5E5D60;*/
	border-bottom: solid 2px /*#88A86C*/#8dc63f;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* dashborad */
div#dashControl{float: right;width:60px;}
div#dashboard{float: left; width: 715px;}
div#dashTasks{clear: both;}
div#dashTasks h1{margin-top: 0px;}
div#dashTbl{float:left;}
div#dashCal{float: right;}
div#dashCal a.ui-state-default, #dashCal th span, #dashCal .ui-datepicker-title span{font-size: 10px;}
#dashCal th{padding: 2px 0 2px 0;}
div#dashAllTasks{float: left; width: 490px; margin-top: 5px;}
div#dashAlrts{float: right; width: 210px; margin-top: 5px;}
div#dashAlrts a{color: #5E5D60; text-decoration: underline;}
div#dashAlrts a:hover{text-decoration: none;}
div.dashAlrt{cursor: pointer; background-image: url(../img/ico/dash_small.png); background-position: left top; background-repeat: no-repeat; padding-left: 18px; margin-bottom: 5px;}

.tooltip {
	background-color:#5E5D60;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	z-index: 2000;

	/* outline radius for mozilla/firefox only */
	/*-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;*/
}
.tooltip h1{color: #fff; border-bottom: solid 2px #fff;}

div.roundedToolTip{
	display: none;	
	z-index: 200;
}

/*.roundedToolTip table {padding: 0; margin: 0;}*/
.roundedToolTip table.ttTable{margin: 0; padding: 0; border: none; width: 250px;}
.roundedToolTip table.ttTable td {padding: 0; margin: 0; border: none; vertical-align: top;}
div.tbl table.ttTable tr.rowOdd, div.tbl table.ttTable tr.rowEven, table.ttTable tr.rowOdd, table.ttTable tr.rowEven{background: transparent;}
.tbl .roundedToolTip td.ttLT, .roundedToolTip td.ttLT{background: url(../img/ttLT.png) no-repeat bottom right; width: 8px; height: 8px; margin: 0; padding: 0; border: none;}
.tbl .roundedToolTip td.ttRT, .roundedToolTip td.ttRT{background: none; background-image: url(../img/ttRT.png); background-repeat: no-repeat; width: 8px; height: 8px; margin: 0; padding: 0; border: none;}
.tbl .roundedToolTip td.ttLB, .roundedToolTip td.ttLB{background: url(../img/ttLB.png) no-repeat top right; width: 8px; height: 8px; padding: 0; border: none;}
.tbl .roundedToolTip td.ttRB, .roundedToolTip td.ttRB{background: none; background-image: url(../img/ttRB.png); background-repeat: no-repeat; width: 8px; height: 8px; padding: 0; border: none;}
.tbl .roundedToolTip td.ttL, .roundedToolTip td.ttL{background: transparent url(../img/ttL.png) repeat-y right; width: 8px; padding: 0; vertical-align: middle;}
.tbl .roundedToolTip td.ttL img, .roundedToolTip td.ttL img{margin-right: 6px; margin-bottom: 25px;}
.tbl .roundedToolTip td.ttR, .roundedToolTip td.ttR{background: transparent url(../img/ttR.png) repeat-y 0 0; width: 8px; padding: 0; vertical-align: middle;}
.tbl .roundedToolTip td.ttR img, .roundedToolTip td.ttR img{margin-left: 5px; margin-bottom: 25px;}
.tbl .roundedToolTip td.ttT, .roundedToolTip td.ttT{background: #fff url(../img/ttDot.gif) repeat-x top; height: 8px; margin: 0; padding: 0;}
.tbl .roundedToolTip td.ttB, .roundedToolTip td.ttB{background: transparent url(../img/ttB.png) repeat-x 0 0; height: 7px; padding: 0; text-align: center;}
.tbl .roundedToolTip td.ttB img, .roundedToolTip td.ttB img{margin-top: 5px;}
.tbl .roundedToolTip td.rTip, .roundedToolTip td.rTip{text-align: left; 
	font-size: 12px; 
	background-color: #fff; 
	/*width: 206px; */
	display: block; 
	color: #5E5D60;
	/*color: white;*/
	font-size: 12px;
	font-weight: normal;
	/*padding: 0 10px; */
	margin: 0;
	border: none;
	min-height: 56px;
}
.tbl .roundedToolTip td.rTip h1, .roundedToolTip td.rTip h1{font-size: 14px; margin-top: 0;	}
div.ttArrowLeft{width: 30px; height: 26px; background: url("../img/ttArrL.png") no-repeat scroll -2px -4px transparent; margin-top: 21px;}
div.ttArrowRight{width: 30px; height: 26px; background: url("../img/ttArrR.png") no-repeat scroll 4px -4px transparent; margin-top: 21px;}

div.throbber{
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: #C0C0C0
}
.ui-tabs .ui-tabs-nav{height: 30px;}

/* ADD PROCESS BUTTON IN MAIN MENU*/
div.addNewProcess{
    background-image: url("../img/ico/run_process_big.png");
    background-position: 10px 3px;
    background-repeat: no-repeat;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    padding: 47px 2px 2px;
    text-align: center;
    width: 60px;
    float:left;
}
div.addNewProcess:hover{
    background-image: url("../img/ico/run_process_big_hover.png");
    background-position: 10px 3px;
    background-repeat: no-repeat;
}
/* /ADD PROCESS BUTTON IN MAIN MENU*/

.ui-state-active a:visited{color: #222222;}
.ui-datepicker-calendar th {color: #222222;}

div.statDashBoard {position:relative; width:100%; height:100%;}
div.statDashBoard div.controls {position:absolute; right:0px; width:220px;margin-top:20px;margin-right:5px;}
div.statDashBoard div.controls span.control {display:block;margin:2px;}
div.statDashBoard div.controls span.control label {width:100%;text-align:left;}
div.statDashBoard div.controls span.control select {width:100%;}
div.statDashBoard div.procBar {position:absolute; top:30px; left:0px; height:50%; width:33%;}
div.statDashBoard div.taskBar {position:absolute; top:30px; left:33%; height:50%; width:33%;}
div.statDashBoard div.procPie {position:absolute; top:50%; left:0px; height:50%; width:33%;}
div.statDashBoard div.taskPie {position:absolute; top:50%; left:33%; height:50%; width:33%;}
div.statDashBoard div.controlsPie {position:absolute; top:50%; right:0px; height:50%; width:220px;margin-top:20px;margin-right:5px;}
div.statDashBoard div.controlsPie span.control {display:block;}
div.statDashBoard div.controlsPie span.control label {width:100%; text-align:left;}
div.statDashBoard div.controlsPie span.control select {width:100%;}
div.statDashBoard div.throbber {background-color:transparent; position:absolute; left:0px; right:0px; top:0px; bottom:0px;z-index:+1; background-image: url('../img/throbber_2.gif');background-repeat: no-repeat;background-position: center center;}

/* Switch for user switching */
span.userSwitch {background-image: url('../img/timePickerDown.png');background-repeat: no-repeat;background-position: center center;width:10px;float:right;}
div.toViceList {border:1px solid gray; position:absolute; right:-15px; padding:3px; background-color:white; z-index: 999}
div.toViceList div {color:#A0A0A0; padding:2px;margin-right:13px; cursor:default;}
div.toViceList div:hover {color:black;}

div.dashboard2 {position:relative;height:95%; width:100%;}
div.dashboard2 .mainContainer {position:absolute;left:0px;right:60px;top:55px;bottom:0px;}
div.dashboard2 .caseTreeContainer {width:50%;position:absolute; left:0px; top:0px;bottom:0px; bottom:0px;}
div.dashboard2 .caseTreeContainer .caseTree {overflow:auto;position:absolute; bottom:0px; top:35px;width:100%;}
div.dashboard2 .caseTreeContainer .caseTree li {cursor:default;}
/*div.dashboard2 .caseTreeContainer .caseTree li.selected > span span.dynatree-title {background-color: #555555;color:white;}*/
div.dashboard2 .caseTreeContainer .caseTree li > span.dynatree-active span.dynatree-title {background-color: #555555;color:white;}
div.dashboard2 .caseTreeContainer .caseTree .highlight > span span.dynatree-title {background-color:#CCCCCC;}
div.dashboard2 .caseTreeContainer .caseTree .highlight.selected > span span.dynatree-title {background-color:#555555;}
div.dashboard2 .taskListContainer {width:50%;position:absolute; right:0px; top:0px;bottom:0px; bottom:0px;}
div.dashboard2 .taskListContainer .taskList {overflow:auto;position:absolute; bottom:0px; top:35px;width:100%;}
div.dashboard2 .taskListContainer .taskList .task {cursor:default; padding-bottom:3px;padding-top:3px;padding-left:3px;padding-right:3px;}
div.dashboard2 .taskListContainer .taskList .task.odd {background-color:#FFFFFF;}
div.dashboard2 .taskListContainer .taskList .task.even {background-color:#EEEEEE;}
div.dashboard2 .taskListContainer .taskList .task.highlight {background-color:#CCCCCC;}
div.dashboard2 .taskListContainer .taskList .task.highlight.selected {background-color:#555555; color:white;}
div.dashboard2 .caseTreeContainer .caseTree ul.dynatree-container {border:none; overflow:visible;}
div.dashboard2 .caseTreeDetails {font-size:0.8em;}
div.dashboard2 .taskListTaskName {font-weight:bold;}
div.dashboard2 .taskListDetails {font-size:0.8em;}
div.dashboard2 .caseTreeCaseName {font-weight:bold;}
div.dashboard2 div.throbber {position:absolute;top:0px;left:0px; top:0px; bottom:0px;background-color:transparent;z-index:+1;background-image: url('../img/throbber.gif');background-repeat: no-repeat;background-position: center center;}
div.dashboard2 div.message {position:absolute;left:33%;width:33%;top:33%;height:33%;background-color:white;border:1px solid red;text-align:center;}
div.dasgboard2 .modifiers {}
div.dashboard2 .modifiers span {margin:2px;white-space:nowrap;display:block;float:left;}
div.dashboard2 .modifiers span select {margin:2px;}

/* additional object info  */
span.additionalObjectInfoTextArea textarea{ width: 588px; height: 331px; } 
div.tblSettings table.tblSettings.varConfiguration td { vertical-align: top; }
div.tblSettings table.tblSettings.varConfiguration pre { padding: 0px; margin: 0px; }


.flashMessages div.flash.success {
    background-color: #9BFF8C;
}
.flashMessages {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
}
.flashMessages div.flash {
    border-top: 1px solid #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    text-align: left;
}