#boardContainer{float:left;position:absolute;left:10px;bottom:10px; right:80px; top:40px;border:solid 1px gray; text-align: center;overflow:auto}
#tab_instanceGraph_1 {padding-right:20px;}
#iboardContainer{float:left;position:absolute;left:10px;bottom:10px; right:10px; top:40px;border:solid 1px gray; text-align: center;overflow:auto;}
div.graph{position:relative; width:2000px; height:2000px;}

div.gTask{width: 90px; height: 65px;	border: solid 1px #c6c5c2; float: left; background-color: white;}
div.gTask.selected{border: solid 1px red; z-index: 3;} /*Fixme: LKL: zmena barvy pro selected task*/

div.gTask div.gTaskStart{float: left; width: 16px; height: 47px; margin:1px;}
div.gTask div.gTaskEnd{float: right; width: 16px; height: 47px; margin: 1px;}
div.gTask div.gTaskType{float: left; width: 52px; height: 47px; margin: 1px; text-align: center;}
div.gTask div.gTaskContent{top: -6px; margin: 1px; font-family: arial; color: #5E5D60; font-size: 11px; font-weight: bold; text-align: center; /*border: solid 1px red;*/}

div.gTaskStart img, div.gTaskEnd img{margin-bottom: 1px;}

div.gTask.statusA {background-color: #D2FFA5}
div.gTask.statusWU, div.gTask.statusWT {background-color: #FFBF00;}
div.gTask.statusH {background-color: #EAEAEA;}
div.gTask.statusD {background-color: #EAEAEA;}
div.gTaskHistory {margin-bottom:22px;margin-top:5px;}

div.gTask.task {background-image: url(../img/ico/task_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.multitask {background-image: url(../img/ico/multitask_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.process {background-image: url(../img/ico/process_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.multiprocess {background-image: url(../img/ico/multiprocess_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.automat {background-image: url(../img/ico/automat_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.external {background-image: url(../img/ico/external_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
/* TEST */
div.gTask.task1 {background-image: url(../img/ico/task1_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.multitask1 {background-image: url(../img/ico/multitask1_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.automat1 {background-image: url(../img/ico/automat1_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.external1 {background-image: url(../img/ico/external1_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.process1 {background-image: url(../img/ico/process_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gTask.multiprocess1 {background-image: url(../img/ico/multiprocess_big.png); background-repeat: no-repeat; background-position: 23px 0px;}
div.gControl.addTask1{background-image: url(../img/ico/add_task1_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.addTask1:hover{background-image: url(../img/ico/add_task1_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.addTask1Dis{background-image: url(../img/ico/add_task1_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editTask1{background-image: url(../img/ico/edit_task1_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editTask1:hover{background-image: url(../img/ico/edit_task1_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editTask1Dis{background-image: url(../img/ico/edit_task1_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}
/* END TEST */

div.frmTab div#boardContainer {margin-top: 10px;}
div.graphControl{margin-top: 10px; position:absolute; right:0px;}

/* GRAPH CONTROLS */
div.gControls>div.gControlGroup:first-child div.gControl{border-top: solid 1px #c6c5c2;}
div.gControlGroup>div.gControl{border-left: solid 1px #c6c5c2; border-bottom: solid 1px #c6c5c2;float: left;}
div.gControl{width: 60px; height: 15px; padding-top: 45px; font-family: arial; font-size: 11px; font-weight: bold; color: #5E5D60; text-align:center;}
div.gControl.disabled{color: #aaaaaa;}
/* TASK */
div.gControl.addTask{background-image: url(../img/ico/add_task_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.addTask:hover{background-image: url(../img/ico/add_task_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.addTaskDis{background-image: url(../img/ico/add_task_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editTask{background-image: url(../img/ico/edit_task_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editTask:hover{background-image: url(../img/ico/edit_task_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editTaskDis{background-image: url(../img/ico/edit_task_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}

div.gControl.editLink{background-image: url(../img/ico/edit_link_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editLink:hover{background-image: url(../img/ico/edit_link_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editLinkDis{background-image: url(../img/ico/edit_link_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}


div.gControl.editCond{background-image: url(../img/ico/edit_cond_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editCond:hover{background-image: url(../img/ico/edit_cond_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.editCondDis{background-image: url(../img/ico/edit_cond_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}
/* IN/OUT */
div.gControl.plan{background-image: url(../img/ico/plan_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.plan:hover{background-image: url(../img/ico/plan_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.gControl.planDis{background-image: url(../img/ico/plan_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}


div.link {background-color: black;}
div.link.selected {background-color: red;z-index:+1;}
div.editLinkStart {background-color:#E0FFE0}

div.selectLink {border:2px solid red; padding:3px; width:90%;position:absolute;z-index:+1;}
div.graph-link-info{margin-left:2px; margin-top:3px; width:16px; height:16px}
div.graph-link-type-none {}
div.graph-link-type-cond {background-image: url(../img/ico/cond_small.png); background-repeat: no-repeat;}
div.graph-link-type-cond-mandatory {background-image: url(../img/ico/cond_mand_small.png); background-repeat: no-repeat;}
div.graph-link-type-none-mandatory {background-image: url(../img/ico/mand_small.png); background-repeat: no-repeat;}
div.graph-link-type-else {background-image: url(../img/ico/else_small.png); background-repeat: no-repeat;}

div.linkCorner {padding-left:6px; padding-top:6px; background-repeat: no-repeat; background-position: 0px 6px;}
div.linkCornerLB {background-image: url(../img/graph/corner_lb.png); background-position: 6px 0px;}
div.linkCornerRB {background-image: url(../img/graph/corner_rb.png); background-position: 0px 0px;}
div.linkCornerLT {background-image: url(../img/graph/corner_lt.png); background-position: 6px 6px;}
div.linkCornerRT {background-image: url(../img/graph/corner_rt.png); background-position: 0px 6px;}

div.linkCornerLB.selected {background-image: url(../img/graph/corner_lb_selected.png); background-position: 6px 0px;z-index:+1;}
div.linkCornerRB.selected {background-image: url(../img/graph/corner_rb_selected.png); background-position: 0px 0px;z-index:+1;}
div.linkCornerLT.selected {background-image: url(../img/graph/corner_lt_selected.png); background-position: 6px 6px;z-index:+1;}
div.linkCornerRT.selected {background-image: url(../img/graph/corner_rt_selected.png); background-position: 0px 6px;z-index:+1;}

div.linkArrow {width:11px; height:11px;}
div.linkArrow-d {background-image: url(../img/graph/arrow_d.png); background-repeat: no-repeat;}
div.linkArrow-u {background-image: url(../img/graph/arrow_u.png); background-repeat: no-repeat;}
div.linkArrow-l {background-image: url(../img/graph/arrow_l.png); background-repeat: no-repeat;}
div.linkArrow-r {background-image: url(../img/graph/arrow_r.png); background-repeat: no-repeat;}

div.linkArrow-d.selected {background-image: url(../img/graph/arrow_d_selected.png); background-repeat: no-repeat;z-index:+1;}
div.linkArrow-u.selected {background-image: url(../img/graph/arrow_u_selected.png); background-repeat: no-repeat;z-index:+1;}
div.linkArrow-l.selected {background-image: url(../img/graph/arrow_l_selected.png); background-repeat: no-repeat;z-index:+1;}
div.linkArrow-r.selected {background-image: url(../img/graph/arrow_r_selected.png); background-repeat: no-repeat;z-index:+1;}

.gTaskTooltip, .tooltip {
	background-color:#5E5D60;
	border:1px solid #fff;
	padding:10px 15px;
	width:250px;
	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;
}
.gTaskTooltip h1, .tooltip h1{color: white; border-bottom: solid 2px white;}
.tooltip h2{ font-size: 12px; color: white; padding-bottom: 0; margin-bottom: 0;}
.gTaskTooltip h2{ font-size: 12px; color: white; padding-bottom: 0; margin-bottom: 0; text-decoration: underline; clear: both;}
div.gTaskVar{clear: both;	}
span.gTaskVarName{font-weight: bold; float: left;}
span.gTaskVarVal{display: inline; float: left;}