@charset "utf-8";

body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;
	color: #444444; padding-bottom: 30px;}
table { border-collapse: collapse; border-spacing: 0; }
dd { margin-left: 0;} /* Resetting indent */
img { border: none; }
.hidden { display: none;}
.notVisible { visibility: hidden;}
.left { display: block; float:left; }
.right { display: block; float: right; }

h1 {margin-top: 5px;}
a {color: #000; }
a:hover { text-decoration: none; }

div.clear { float: none; clear: both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }

#main { width:980px; height: 580px;	border: solid 1px #555555; }

#foot { background-color: #F2F2F2; border-top: solid 1px #aaaaaa; height: 20px;
	width: 972px; padding-top: 5px; padding-right: 4px; padding-left: 4px; text-align: center; clear: both;
}
#foot #footOrg { float: left; width: 250px; text-align: left; }
#foot #footCopy { float: left; width:472px; text-align: center;}
#foot #footVersion { float: left; width:250px; text-align: right;}

#body { height: 450px;	width: 980px; }
#header { width: 974px; height: 20px; 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;}

#ajax-spinner { position:fixed; left: 50%; top: 50%; width: 32px; height: 32px;
    background: url('../img/throbber_2.gif') no-repeat 50% 50%; font-size: 0; }
.snippet-overlay { z-index: 10000;}


/******************************************************************************/
/* Flash messages */
/******************************************************************************/
.flashMessages {
	width: 100%;
	position: absolute;
	position: fixed;
	left: 0px; bottom: 0px;
	z-index: 9999999;
}

.flashMessages div.flash {
	height: 30px; line-height: 30px; font-size: 12px; font-weight: bold; text-align: left;
	padding: 0px 25px; cursor: pointer; border-top: 1px solid #fff;
}
.flashMessages div.flash.error {
	background-color: #F00; color: white;
}
.flashMessages div.flash.info {
	background-color: #FFEFA3;
}
.flashMessages div.flash.formError {
	background-color: #f87310;
	color:white;
}
.flashMessages div.flash.success {
	background-color: #9bff8c;
}

/******************************************************************************/
/* Left menu */
/******************************************************************************/
#offer { width: 180px; border-right: solid 1px #aaaaaa; float: left;}
#offerHeader { height: 24px; width: 168px;	padding-left: 12px;	padding-top: 8px; vertical-align: middle;
	font-size: 14px; font-weight: bold;	background-color: #f2f2f2;	border-bottom: solid 1px #aaaaaa;
	color: #5E5D60;}
#offerContent {	width: 176px;padding-top: 12px;	padding-bottom: 12px;padding-left: 4px;	margin-right: 0px;
	font-weight:bold;overflow:auto;	height:393px; }

#offerContent ul.menu {
	margin: 12px 0;
	color: #6a9b10;
	padding: 0 0 0 0px ;
}

#offerContent ul.menu li {
	list-style: none; margin : 0px;
}

#offerContent ul.menu a, a.menuItem {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 1px 2px;
    text-decoration: none;
    white-space: nowrap;
	width: 95%;
}

#offerContent ul.menu a:hover, a.menuItem:hover {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #AAAAAA;
    padding: 0 2px 0 1px;
}
#offerContent ul.menu a.active, a.menuItem.active {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #555555;
    color: white;
    padding: 0 2px 0 1px;
}

/******************************************************************************/
/* Main top menu */
/******************************************************************************/
#mainMenu { background-image: url(../img/mmBack.gif); height: 66px;	width: 980px; padding-top: 4px;
	background-repeat: repeat-x; color: #333333;}

#mainMenu .item { 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;	color: #333333;	text-decoration: none;
	background-repeat: no-repeat; background-position: 10px 3px; }
#mainMenu .item a {	display: block;	color: #333333;	text-decoration: none;}
#mainMenu .item a:visited {	text-decoration: none;}
#mainMenu .selected { background-color: #F2F2F2; height: 13px;
	border-left: solid 1px #CCCCCC;	border-right: solid 1px #CCCCCC; color: #333333;}
#mainMenu .disabled { cursor: default;}

#mmLogout { background-image: url(../img/ico/mmLogout.png); }
#mmLogout:hover {background-image: url(../img/ico/mmLogout_hover.png); }
#mmLogout.item { float: right;}

#mmHome {background-image: url(../img/ico/mmHome.png); }
#mmHome:hover, #mmHome.selected {background-image: url(../img/ico/mmHome_hover.png);}

#mmTemplates {background-image: url(../img/ico/mmTemplates.png); }
#mmTemplates:hover, #mmTemplates.selected {background-image: url(../img/ico/mmTemplates_hover.png); }

#mmTemplates.disabled {background-image: url(../img/ico/design_green_dis.png);}
#mmTemplates.disabled:hover {background-image: url(../img/ico/design_green_dis.png); }

#mmPlans {background-image: url(../img/ico/mmPlan.png);}
#mmPlans:hover, #mmPlans.selected {background-image: url(../img/ico/mmPlan_hover.png); }

#mmPlans.disabled {background-image: url(../img/ico/mmPlan_dis.png); }
#mmPlans.disabled:hover {background-image: url(../img/ico/mmPlan_dis.png); }

#mmUsers {background-image: url(../img/ico/mmUsers.png);}
#mmUsers:hover, #mmUsers.selected {background-image: url(../img/ico/mmUsers_hover.png);}

#mmUsers.disabled {background-image: url(../img/ico/user_green_dis.png); }
#mmUsers.disabled:hover {background-image: url(../img/ico/user_green_dis.png); }

#mmEvents {background-image: url(../img/ico/mmEvents.png); }
#mmEvents:hover, #mmEvents.selected {background-image: url(../img/ico/mmEvents_hover.png);}

#mmSettings {background-image: url(../img/ico/mmSettings.png); }
#mmSettings:hover, #mmSettings.selected {background-image: url(../img/ico/mmSettings_hover.png); }

#mmWeb {background-image: url(../img/ico/mmWeb.png); }
#mmWeb:hover, #mmWeb.selected {background-image: url(../img/ico/mmWeb_hover.png);}

#mmDms {background-image: url(../img/ico/mmDms.png); }
#mmDms:hover, #mmDms.selected {background-image: url(../img/ico/mmDms_hover.png);}

#mmHelp {background-image: url(../img/ico/mmHelp_on.png); }
#mmHelp:hover, #mmHelp.selected {background-image: url(../img/ico/mmHelp_on_hover.png);}

#mmHelp.off {background-image: url(../img/ico/mmHelp_off.png);}
#mmHelp.off:hover {background-image: url(../img/ico/mmHelp_off_hover.png); }

#addNewProcess { background-image: url("../img/ico/run_process_big.png"); }
#addNewProcess:hover {background-image: url("../img/ico/run_process_big_hover.png");}

#mmZapisy {background-image: url(../img/ico/mmZapisy.png); }
#mmZapisy:hover, #mmZapisy.selected {background-image: url(../img/ico/mmZapisy_hover.png);}

/******************************************************************************/
/* Main content */
/******************************************************************************/

#content { padding-bottom: 12px; float: right;}

/* SubContent tabs */
#subContent { height: 24px;border-bottom: solid 1px #CCCCCC; color: #333333;}
/* #subContent form { position:relative;} */

/******************************************************************************/
/* Setttings */
/******************************************************************************/

table.settings td { border: 1px solid #CCCCCC; padding: 4px;}
table.settings td.head { font-weight: bold; text-align: right;}

img.profilePhoto {display: block; margin: 0 auto;}

/******************************************************************************/
/* Dashboard */
/******************************************************************************/

#dashboard h1 { border-bottom: 2px solid #8DC63F; font-size: 12px; margin: 4px 0;}
#dashboard .arrowRight { background-image: url("../img/ico/dash_small.png"); background-position: left top;
    background-repeat: no-repeat; margin-bottom: 5px; padding-left: 18px;
} 
#dashboard .secondClm { float: left; margin-top: 0px; width: 210px;}
#dashboard #homeDatePicker { font-size: 12px;}

#dashAllWithTerm { float: left;}
#dashAllWithoutTerm { float: left;}
/******************************************************************************/
/* Tabs */
/******************************************************************************/

.ui-tabs-panel { padding: 12px 16px; }

/* The class .contentSize has components which determine the size of their subcomponents. */
.contentSize {}
/* The class .fitSize has components which inherit size of their parent components with .contentSize. */
.fitSize {}

/******************************************************************************/
/* Charts */
/******************************************************************************/
div#statDashboard {}
div#statDashboard .top { }
div#statDashboard .bottom {  }
div#statDashboard .chart { float:left; }
div#statDashboard dl { padding-right: 0; }
div#statDashboard .controls { float: right;}
div#statDashboard .controls select { width: 150px;}

/******************************************************************************/
/* Tooltip */
/******************************************************************************/

.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;}
div.simpleToolTip { display: none;z-index: 200; background-color: #FFFFE3; border: 1px solid #FFEFA3; padding: 3px;}

/*.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;}
table.ttTable tr.rowOdd,
table.ttTable tr.rowEven {background: transparent;}
.roundedToolTip td.ttLT {background: url(../img/ttLT.png) no-repeat bottom right; width: 8px; height: 8px; margin: 0; padding: 0; border: none;}
.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;}
.roundedToolTip td.ttLB {background: url(../img/ttLB.png) no-repeat top right; width: 8px; height: 8px; padding: 0; border: none;}
.roundedToolTip td.ttRB {background: none; background-image: url(../img/ttRB.png); background-repeat: no-repeat; width: 8px; height: 8px; padding: 0; border: none;}
.roundedToolTip td.ttL {background: transparent url(../img/ttL.png) repeat-y right; width: 8px; padding: 0; vertical-align: middle;}
.roundedToolTip td.ttL img{margin-right: 6px; margin-bottom: 25px;}
.roundedToolTip td.ttR {background: transparent url(../img/ttR.png) repeat-y 0 0; width: 8px; padding: 0; vertical-align: middle;}
.roundedToolTip td.ttR img {margin-left: 5px; margin-bottom: 25px;}
.roundedToolTip td.ttT {background: #fff url(../img/ttDot.gif) repeat-x top; height: 8px; margin: 0; padding: 0;}
.roundedToolTip td.ttB {background: transparent url(../img/ttB.png) repeat-x 0 0; height: 7px; padding: 0; text-align: center;}
.roundedToolTip td.ttB img{margin-top: 5px;}
.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;
}
.roundedToolTip td.rTip h1 {font-size: 14px; margin-top: 0;	border-bottom: 2px solid #8DC63F;}

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;}

/******************************************************************************/
/* Window */
/******************************************************************************/
.dlgText { text-align: center; margin: 5px;}
.dlgControls { margin: 5px 0; text-align: center;}
.dlgControls .dlgControl { display: inline-block;}

/* To avoid space between overflow sroller and buttons.*/
.frmTabInputs.fitSize dl {padding-right: 0px; }

/****************/
/* Login screen */
/****************/
#contentText { height: 483px; }
#loginTable { margin:0px auto 0px auto; width: 350px; padding-top: 230px;}

/*************/
/* plan edit */
/*************/

.planEditRto { float: left; display: none; }
.planEditRto input, .planEditRto select { margin: 3px; margin-right: 1px; }
.planEditRto .mselect { position: relative; bottom: -5px; }
.planEditRtoEnding { margin-top: 40px; }