.mainTimelinePanel
{
   
}

.timelineContainer
{
     background-color: #fff !important; 
     padding: 0px 8px 0px 8px;
}

/* EKSPERYMENTALNIE EDITY BEZ RAMEK */
input[type="text"]
{
    /*border: none;*/
}

/*
select
{
    color: black;
    padding: 4px 6px 3px 2px;
    background: white repeat-x 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: silver #d9d9d9 #d9d9d9;
    line-height: 15px;
}
*/
.timelineBox
{
    position: relative;
    top:0;
    left:0;
    /*padding: 5px;*/
    height: 80px;
    width: 150px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    /*border-bottom: 1px solid darkgray;   */
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
}

.timelineButtonContainer
{
    overflow: hidden;
}

.timelineButton
{
    float: right;
    width: auto;
}

.timelineDoubleRow
{
    height: 32px;
}


.timelineBox > .head_panel_text
{
    font-size: 13px;
}

.timelineGroupSeparator
{
    
    border-right: solid thin lightgray;
      
    
}


.timelineBoxPublished
{
    /* #92D050 */
    /*background-color: rgba(146,208,80,0.3);*/
    
    border-bottom: 5px solid rgba(146,208,80,1);
}

.timelineBoxUnread
{
    /*background-color: rgba(214,217,226,0.3);/*#D6D9E2 */
    border-bottom: 5px solid rgba(214,217,226,0.3);
}

.timelineBoxRead
{
    /*background-color: rgba(255,204,51,0.3);*/
    border-bottom: 5px solid rgba(255,204,51,1);
}

.timelineHeader
{
    font-family: Helvetica, Arial, Verdana !important;
    font-size: 13px;
    font-weight: bold;
    color: #6b6b6b;
    /*text-align: center;*/
}

.clickable
{
    
}
/*
.clickable:hover
{
    text-decoration: underline;
    cursor: pointer;
}
*/


pre, font, body,  table
{
    font-family: 'Segoe UI', helvetica, arial, verdana, sans-serif;
    font-size : 12px;
    padding:1px 0px 1px 0px;
}

IMG
{
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    border:0px solid;
}

body
{
    scrollbar-face-color: #D6D9E2;
    scrollbar-highlight-color: #e6e9f2;
    scrollbar-shadow-color: #a6a9b2;
    scrollbar-3dlight-color: #D6D9E2;
    scrollbar-arrow-color: #a6a9c2;
    scrollbar-track-color: #e6e9f2;
    scrollbar-darkshadow-color: #D6D9E2;
    scrollbar-base-color: #d6D9E2;
    background: #b9c3d2 url(../images/back_01.jpg) repeat-x 0 0;
}

.error 
{
    font-family : verdana, Geneva, Helvetica, sans-serif, Arial;
    font-size: 11px;
    color: #FF0000;
    font-weight: bolder;
    text-align: center;
}

.prop_title
{
	width:inherit;
	position:relative;
	height:60px;
	margin:0px;
	border:0px;
	padding:0px;
	text-align:center;
	background:#fff;
}

.prop_title_left
{
	float:left;
	width:220px;
	height:60px;
	display:inline;
	border:0px;
	padding:0px;
}

.prop_title_right
{
	float:right;
	height:100%;
	display: inline;
	border:0px;
	padding:0px;
}

.prop_title_back
{
	border:0px;
	padding:0px;
	height:100%;
	background:url(../images/SZS/logoback.jpg) repeat-x;
}

.prop_title_back_SKOMEUR {
    background: url("../images/SKOMEUR/logoback.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}

.prop_title_back_ESKOME {
    background: url("../images/eSKOME/logoback2.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}

.prop_title_back_ESKOME {
    background: url("../images/eSKOME/logoback2.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}

.prop_title_back_SZS {
    background: url("../images/SZS/logoback2.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}

.prop_title_back_SZSUR {
    background: url("../images/SZSUR/logoback2.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}

.prop_title_back_RUDO {
    background: url("../images/rudo/logoback.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}

.prop_title_back_GLICZ {
    background: url("../images/GLICZ/logoback.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}

.prop_title_back_PROP {
    background: url("../images/PROP/logoback.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}


.prop_title_back_PWD {
    background: url("../images/pwd/logoback.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%;
    padding: 0;
}

.prop_title_txt
{
	margin:5px;
	float:left;
	position:absolute;
	top:28px;
	left:0px;
	width:100%;
        color:#44474d;
	font: bold 16px Segoe UI, tahoma,arial,helvetica;
}

.AppTitle
{
    font-family :Verdana, Arial, Helvetica, sans-serif;
    font-size : 20px;
    color :#4B6171;
    font-weight:bolder;
}

.DocTitle
{
    font-family :Verdana, Arial, Helvetica, sans-serif;
    font-size : 20px;
    color :#4B6171;
    font-weight:bolder;
    text-align: center;
}

td
{
    padding: 0px;
}

.PropTable
{
    background: #ebf2ff;
    padding: 0px;
}

.PropTable td
{
    padding: 0px;
}

.WEBTABLE
{    
    padding: 2px;
    vertical-align: top;
}

.WEBTABLE td
{
    padding: 2px;
    vertical-align: top;
}

.WEBTABLE2
{
    padding: 0px;
    vertical-align: top;
    background: transparent;
}


.WEBTABLE2 td
{
    background: transparent;
}

.FILTERTABLE
{
    padding: 0px;
    vertical-align: top;
}

.FILTERTABLE td
{
    padding: 5px;
}

.TIMELINETABLE
{
    padding: 0px;
    margin: 0px;
    border: thin none;
    text-align: center;
}

.TIMELINETABLE td
{
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

.Fieldset
{
    font-size : 11px;
	
    border-bottom:1px solid #acf;
    border-left:1px solid #acf;
    border-right:1px solid #acf;
    margin:0px;
    padding:0px;
}

.FieldsetHead
{
    font-weight: bolder;
    background: transparent url(../scripts/ext/resources/images/default/panel/top-bottom.gif) repeat-x 0 0;
    padding:2px;
    height:15px;
    vertical-align:middle;
}


.Fieldset2
{
    padding: 0px;
    font-weight: bolder;
}

.FieldsetClient
{
    border-top:1px solid #acf;
    overflow:auto;
    padding:2px;
}


.FieldsetClient td
{
    border-collapse:collapse;
    padding: 0px;
}

.update_panel
{
    position:absolute;
    display:none;
    opacity:0.5;
    filter:alpha(opacity=50);
    background: url(./images/loader2.gif) no-repeat center #fff;
    z-index:20001;
}

.DataHeader2
{
    padding:3px;
    font:bold;
}

.DataTable2
{
    border:0px;
}

.DataTable2 td
{
    border:0px;
}

.DataTableOld
{
    background:#ffffff;
    border:1px solid #ecece9;
    border-collapse:collapse;

}

table.DataTable
{
    background:#ffffff;
    
    border-collapse:collapse;
    font-size: 13px;
    padding: 3px;
    /*border:1px solid #ecece9;*/
    border:1px solid #a6a9b2;
     /* border-style: hidden; */ /*  jeśli obramowania tylko wewnątrz tabeli, dać hidden  */
}

td.DataTable, th.DataTable
{
    border:1px solid #ecece9;
}

.DataTable tr:nth-child(even) td
{
    background: #f9f7f7;
}

.DataTable tr:nth-child(even) td.DataTableHeader, .DataTable tr.DataTableHeader:nth-child(even) td
{
    background:#d1d0ca;
}


.DataTable3
{
    border:1px solid #a2abb2;
    border-collapse:collapse;
}

.DataTable td
{
    border:1px solid #a6a9b2;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;

}

.DataTableHeaderOld
{
    border:1px solid #a6a9b2;
    padding:2px;
    background:#d1d0ca;
    font:bold;
    /*font-weight: bold;*/
    text-align: center;
}

.DataTableHeader
{
    border:1px solid #a6a9b2;
    padding:2px;
    background:#d1d0ca;
    font-weight: bold;
    font-family: helvetica,arial,verdana,sans-serif;
    text-align: center;
    color: #666666;
}

.DataTableHeaderYellow
{
    border:1px solid #a6a9b2;
    padding:2px;
    font:bold;
    background-color: #ffffd7;
}

.DataTableHeaderGray
{
    border:1px solid #a6a9b2;
    padding:2px;
    font:bold;
    background-color: #f1f1eb;
}

.DataTableHeaderBlue
{
    border:1px solid #a6a9b2;
    padding:2px;
    font:bold;
    background-color: #d7efff;
}

.ViewText
{
    font:bold;
}

.TopDotted
{
    border-top:1px dotted #a6a9b2;
}

.RightDotted
{
    border-right:1px dotted #a6a9b2;
}

.BottomDotted
{
    border-bottom:1px dotted #a6a9b2;
}

.AllDotted
{
    border: 1px dotted #a6a9b2;
    border-collapse: collapse;
    float: none;
    padding: 15px 15px;
    padding-bottom: 20px;
}

.AllDottedTD
{
    border: 1px dotted #a6a9b2;
}


.Selected
{
    font-weight: bolder;
    padding: 2px;
    border-left: 1px solid #a6a9b2;
    border-top: 1px solid #a6a9b2;
    border-right: 1px solid #a6a9b2;
    background: #f8f8ff;
}

A 
{
    font-family: 'Segoe UI', helvetica, arial, verdana, sans-serif;
    text-decoration : none;
    font-size : 11px;
    color : #5B7191;
    font-style : normal;
    font-weight : bolder;
}

A.Grid
{
    /*font-family: helvetica,arial,verdana,sans-serif;
    font-size : 13px;    
    font-style : normal;
    font-weight : normal;*/
    font: normal 13px/15px helvetica, arial, verdana, sans-serif;
    text-decoration : underline;
    color : #0079d2;
}

A.Grid:link
{
    text-decoration : underline;
    color : #0079d2;
}

A:HOVER
{
    color : #615642;
    text-decoration : none;
}

A:LINK
{
    text-decoration : none;
    color : #5B7191;
}

A:FOCUS
{
    text-decoration : none;
}

.ReturnFromPrintable
{
    display: none;
}

H1
{
    font-size : 16px;
    background : #d8d8ef;
    padding: 3px;
}

H2
{
    font-size : 14px;
    background: #ebf2ff;
    padding: 3px;
}

H3
{
    font-size : 12px;
    background : #d8d8ef;
    padding: 3px;
}

H4
{
    font-size : 11px;
    background : #d8d8ef;
    padding: 3px;
}

.PROP_LOGO_LEFT
{
    background-image:url(./images/logoleft.jpg);
    background-repeat:no-repeat;
    background-color: White
}

.PROP_LOGO_RIGHT
{
    background-image:url(./images/logoright.jpg);
    background-repeat:no-repeat;
    background-color: White;
    background-position: right;
}

.save 
{
    background-image:url(../scripts/ext/examples/shared/icons/fam/save.gif) !important;
}

.task
{
    background-image:url(../scripts/ext/examples/shared/icons/fam/cog.gif) !important;
    background-repeat: no-repeat;
}
.add
{
    /*background-image:url(../scripts/ext/examples/writer/images/add.png) !important;*/
}

.fuser
{
    background-image:url(../scripts/ext/examples/shared/icons/fam/user_add.gif) !important;
}


.MessageFieldSet
{
    font-family: 'Segoe UI', helvetica, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: bolder;
    background-image: none;
    text-align: center;
    border-top: none !important;
    border-bottom:none !important;
    border-left:none !important;
    border-right:none !important;
    width: inherit !important;
    background-position: left;
    background-repeat: no-repeat;
    min-height: 22px;

}

.MessageFieldSetPanelShown
{
    padding: 1px 1px;
    background-color: white;
/*    background: #b9c3d2 url(../images/back_01.jpg) repeat-x 0 0;*/

/*padding: none;*/
    background-position: 10px 6px;
    background-repeat: no-repeat;
}


.MessageTypeInfo
{
    color: green;
    border-color: green !important;

}
.MessageTypeWarning
{
    border-color: #ff8200 !important;
    color: #ff8200;
    
}
.MessageTypeError
{
    border-color: red !important;
    color: red;
    
}


.MessageHeaderTitle
{
    text-align: center !important;
    float: none !important;
    position: relative;
}

.MessageFieldSetHeader
{
    font-weight: bolder;
/*    background-color: white;*/
/*    padding:2px;*/
    background: none;
    vertical-align:middle;
    font-size: 13px;
    vertical-align: middle;
    min-height: 18px;
    vertical-align: middle;
    padding-top: 10px;
    float: none;
}

.MessageImageInfo
{
    background-image: url(../images/info.png);
}

.MessageImageWarning
{
    background-image: url(../images/exclamation.png);
}

.MessageImageError
{
    background-image: url(../images/stop.png);
}

.MessageFieldSetClient
{
/*    background-color: white;*/
    text-align:  left;
    font-weight: normal;
    padding: 5px;
    margin-top: 5px;
}


.MessageCollapsePanel
{
    font-size: 11px;
    float: none !important;
    display: none !important;
    position: absolute;
    top: -10px;
    right: 15px;
    padding: 2px;
    font-weight: normal;
    color: #5B7191;
    position: inherit;
    text-align: right;
}

.InvalidItem
{
    color: red;
}

#sessionTimeoutControlId
{
    font-weight: bolder; 
    color: red;
    top: 5px !important; 
}

.process_next {
    background-image: url("../images/arrow-right-16-green.png") !important;
}

.process_back {
    background-image: url("../images/arrow-left-16-orange.png") !important;
}

.process_throw {
    background-image: url("../images/x-16-red.png") !important;
}

.tooltip
{
    display: inline;
    position: relative;
}

.tooltip:hover:after
{
    background: #fff;
    background: rgba(255,255,255,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #000;
    /*font-weight: bolder;*/
    content: attr( title );
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.tooltip:hover:before
{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}