.DesktopDefault
{
	height: 100%;
	/* works only if parent container is assigned a height value */
}

.Tickets
{
	/*background-image: url("pics/bgContentPlaceholder.gif");
	background-repeat: repeat-x;*/
	width: 100%;
	/* works only if parent container is assigned a height value */
	height: 100%;
}

.Tickets .RightBox
{
	float: right;
	width: 300px;
	min-height:100%;
	/* works only if parent container is assigned a height value */
}

.Tickets .RightBoxSwitcher
{
    text-align: right;
    font-weight: bold;
    color: red;
}

.Tickets .RightBoxSwitcher .HlRightBoxSwitcherOn, .Tickets .RightBoxSwitcher .HlRightBoxSwitcherOff
{
    display: none;
}

.Tickets .TicketPanelWithRightBox
{
	margin-right: 310px;
}

.Tickets .TicketPanelNoRightBox
{
	margin-right: 0;
}

.Tickets .TicketBox
{
}

.Tickets .RightBox .SystemFilters
{
	font-size: 95%;
	margin: 10px 0;
	border: 1px solid black;
	/*padding: 5px 10px 5px 20px;*/
}

.Tickets .RightBox .SystemFilters .Content
{
	background-color: #ececec;
	padding: 5px 10px;
	overflow: auto;
}

.Tickets .RightBox .SystemFilters .OneFilter
{
	margin: 2px 0px; 
	padding-left: 15px;
}

.Tickets .RightBox .SystemFilters .ExclamationMark
{
	background-image: url("pics/exclamation_mark.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.Tickets .RightBox .WhiteBox
{
	margin: 0;
	border: none;
    background-color: Transparent;    
    padding: 0px;
}

#content .Tickets h1
{
	font-weight: bold;
	font-size: 11pt;
	padding: 0px 15px;
	margin: 0;
}

#contentout #content .Tickets .RightBox .TicketBox .SystemFilters h1
{
	margin: 0px;
	font-size: 110%;
}

.Tickets .RightBox .SystemFilters .OneFilter .Selected a
{
	font-weight: bold;
	color: black;
	font-size: 110%;
	text-decoration: none;
}

.Tickets .RightBox .CustomFilters .OneFilter
{
	margin: 0px 0px;
}

.Tickets .RightBox .CustomFilters .OneFilter .ActionButtons
{
    float: right;
    white-space: nowrap;
}

.Tickets .RightBox .CustomFilters .OneFilter .Selected a
{
	font-weight: bold;
	color: black;
	font-size: 110%;
	text-decoration: none;
}

#content .Tickets .tabs 
{
	margin: 0;
}

.Tickets .TicketMenu
{
	overflow: hidden; /* roztahne vysku i pro 2 float divy uvnitr :-) */
	_height: 24px;
}

.Tickets .TicketMenu .RightFloat
{
	float: right;
}

/*#content .Tickets .TicketMenu a:hover, #content .Tickets .TicketMenu a:hover span {text-decoration:none;}*/
/*#content .Tickets .tabs {border-bottom:none;}*/

.Tickets .TicketMenu ul li a img, .Tickets .RightBox ul li a img
{
	vertical-align: -2px;
}

.Tickets .TicketMenuContent
{
	padding: 10px;
	background-color: white;
	border: 1px solid #303030;
	border-top-width: 5px;
	overflow: hidden;
}

.Tickets .TicketMenuContent h1
{
	font-size: 100%;
	font-weight: bold;
	border: none;
	background-image: none;
	background-color: gray;
	color: White;
	margin: 0 0 10px 0;
	padding: 3px 10px;
}

.DesktopContent
{
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	min-height: 333px;
	_height: 333px;
	border-color: #5A4E42;
	background-color: #FAFAFA;
}

#desktopNewTicketContent
{
}

#desktopNewTicketContent label
{
	display: block;
	font-weight: bold;
	margin-right: 10px;
}

#desktopNewTicketContent .TextBox
{
	max-width: 500px;
	width:99.2%; padding:0; margin:0;
	_width: 500px;
}

#desktopNewTicketContent #folder label
{
	display: inline;
}

#desktopNewTicketContent #folder .TableFolders
{
	border-collapse: separate;
	font-weight: normal;
	margin: 10px;
}

#desktopNewTicketContent #entity .SelectEntities
{
	margin: 10px;
}

#desktopNewTicketContent #folder .TableFolders .TdFolderName
{
	vertical-align: top;
}

#desktopNewTicketContent #folder .TableFolders .TdFolderName a
{
	text-decoration: none;
}

#desktopNewTicketContent #folder .TableFolders .TdFolderName a:hover
{
	text-decoration: underline;
}

#desktopNewTicketContent #folder .TableFolders .TdFolderNote
{
	vertical-align: top;
	font-size: 85%;
	color: Gray;
	padding-left: 10px;	
}

#desktopNewTicketContent .Row
{
	margin: 10px 0;
}

#desktopNewTicketContent #attach-link
{
	background:url("pics/safety-pin.gif") no-repeat left center; padding-left:13px;
}

#desktopNewTicketContent #attach-row div							{ margin:0.4em 0; }
#desktopNewTicketContent #attach-row img							{ border:1px solid #000; vertical-align:middle; }
#desktopNewTicketContent #attach-row strong						{ _height:1px; margin-left:12px; }
#desktopNewTicketContent #attach-row a.input-del					{ _height:1px; margin-left:12px; }


#desktopNewTicketContent .Formular fieldset
{
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top-color: #BCDEFF;
	margin-top: 10px;
}

#desktopNewTicketContent .Formular legend
{
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

#desktopNewTicketContent .Formular label
{
	display: inline;
	font-weight: normal;
}



#TicketMessages
{
}

#TicketMessages .TableMessages
{
	border: 1px solid #999999;
}

#TicketMessages table
{
	width: 100%; _width:99%;
	border-collapse: collapse;
}

#TicketMessages .NormalRow
{
	/*border: 1px solid #9E4D25;*/ /* nefunguje v IE 7 :-(( */
}

#TicketMessages .User
{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
	padding: 10px;
	padding-top: 35px;
	vertical-align: top;
	width: 150px;
	font-size: 85%;
}

#TicketMessages .User .UserName
{
	font-weight: bold;
	margin: 5px;
}

#TicketMessages .User .UserInfo
{
	font-weight: normal;
	margin: 5px;
	font-style: italic;
}

#TicketMessages .Message
{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 0px;
	vertical-align: top;
}

#TicketMessages .Message .TopBar
{
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
    background:url(2.4/img/yui/sprite.png) #d8d8d8 repeat-x;
	vertical-align: middle;
	font-size: 85%;
	color: black;
	padding: 3px 6px 3px 10px;
    font:85%/1.2 "tahoma",sans-serif;
}

#TicketMessages .Message .TopBar .DateTime
{
	background-image: url("pics/icon_message_read_14px.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	float: left;
	padding-top: 1px;
	padding-bottom: 0px;
	margin-top: 2px;
}

#TicketMessages .Message .TopBar .DateTimeUnread
{
	background-image: url("pics/icon_message_unread_14px.png") !important;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-weight: bold !important;
}

#TicketMessages .Message .TopBar .DateTime .SolvingTimeInMinutes
{
	color: gray;
	margin-left: 10px;
	text-align: right;
}

#TicketMessages .Message .TopBar .DateTime .Edited
{
	color: Red;
	margin-left: 10px;
	text-transform: uppercase;
}

#TicketMessages .Message .TopBar .Buttons
{
	float: right;
	%position: relative;
	%top: -1px;
}

#TicketMessages .Message .Text
{
	padding: 5px 10px;
}

#TicketMessages .Message .Text ul, #TicketMessages .Message .Text ol
{
	margin-bottom: 10px;
}

#TicketMessages .Message .Text .Highlight
{
	background-color: Yellow;
}

#TicketMessages .Message .Attachments
{
	padding: 0px 10px 5px 10px;
}

#TicketMessages .Message .Attachments .File
{
	background:url("pics/safety-pin.gif") no-repeat left center; padding-left:13px;
}

#TicketMessages .Message .Attachments .Size
{
	font-size: 85%;
}

#TicketMessages .Message .Attachments .Image
{
    max-width: 120px;
    max-height: 80px;
    width: expression(this.width > 120 ? "120px" : true);
    height: expression(this.height > 80 ? "80px" : true);	
    border: none 0px #ffffff;
	cursor: url("pics/magplus.cur"), pointer;    
}

.PopBoxImageLarge
{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
	border: solid 1px #999999;
	cursor: url("pics/magminus.cur"), pointer;
}

#TicketMessages .Message .Attachments .PanelImage
{
	border: 1px solid silver;
	background-color: #eee;
	float: left;
    margin-right: 10px;
    padding: 5px 10px 10px 10px;
}


#TicketMessages .Message .Attachments .ImageLine
{
    overflow: hidden;
    margin-bottom: 5px;
}

#TicketMessages .FirstRow
{
	background-color: #FAFAFA;
	color: Black;
}

#TicketMessages .FirstRow .Message .TopBar
{
	background-color: #303030;
    /*background:url(2.4/img/yui/sprite.png) #2647a0 repeat-x left -1400px;*/
    background:url("design/tray.gif") 0 0 repeat-x; 
	color: silver;
/*	background-color: #FF8151;
	color: silver;*/
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
}

#TicketMessages .FirstRow .Message .TopBar .DateTime
{
	color: white;
}

#TicketMessages .FirstRow .Message .TopBar .DateTime .Edited
{
	color: yellow;
}

#TicketMessages .FirstRow .Message .TopBar a
{
	color: white;
}

#TicketMessages .SysRow
{
	background-color: white;
}

#TicketMessages .SysRow .SysMessage
{
	color: #606060;
	padding: 3px 10px;
	font-size: 80%;
	/*border-top: 1px solid #F0E8DC;
	border-left: 1px solid #F0E8DC;
	border-right: 1px solid #F0E8DC;*/
}

#TicketMessages .SysRow .SysMessage strong
{
	font-weight: normal;
}

#answer
{
}

#answer table th, #answer table td
{
	white-space: nowrap;
}

#answer .Row
{
	margin: 10px 0;
}

#answer .TextBox
{
	padding:0; margin:0;
}

#answer label
{
	/*display: block;
	font-weight: bold;*/
}

#answer #attach-link
{
	background:url("pics/safety-pin.gif") no-repeat left center; padding-left:13px;
}

#answer #attach-row div							{ margin:0.4em 0; }
#answer #attach-row img							{ border:1px solid #000; vertical-align:middle; }
#answer #attach-row strong						{ _height:1px; margin-left:12px; }
#answer #attach-row a.input-del					{ _height:1px; margin-left:12px; }


#answer #divPredefinedAnswers
{
/*	background-color: white;
	padding: 0px 0px 0px 0px;
	%margin-top: -15px !important;*/
}


#answer .TicketViewCollapsiblePanelTitlePredefinedAnswers
{
}

#answer .TicketViewCollapsiblePanelTitlePredefinedAnswers img
{
	cursor: pointer;
}

#answer .TicketViewCollapsiblePanelContentPredefinedAnswers
{
	border: 1px solid silver;
	background-color: white;
	float: left;
	overflow: hidden;
}

#answer .TicketViewCollapsiblePanelContentPredefinedAnswers .PredefinedAnswerTitle
{
    background-color: #0085CC;
    text-align: center;
    color: White;
    padding: 2px 10px;
	font:85%/1.2 "tahoma",sans-serif;
	font-weight: bold;
}

#answer .TicketViewCollapsiblePanelContentPredefinedAnswers .PredefinedAnswerTree
{
    padding: 10px;
}

#tableMessagesDiv
{
	margin: 10px 0;
}

.TicketSysMessages
{
	margin: 10px 0;
}

.TicketSysMessages label
{
	font-weight: bold;
}

.TicketSysMessages table
{
	margin: 3px;
	font-size: 85%;
}

.TicketSysMessages th
{
	background-color: #DDDDDD;
}

.TicketSysMessages .DateTime
{
	background-color: #EEEEEE;
}

.TicketSysMessages .SysMessage
{
	padding-left: 5px;
}

.CustomForm
{
	margin: 10px 0px;
}

.Row
{
	margin: 10px 0;
}

.PagesDiv
{
	text-align: center;
	margin-top: 5px;
}

.PagesDiv span
{
	font-weight: bold;
	color: Gray;
}

.TicketBasicBox
{
	/*float: left;*/
	margin-right: 10px;
	margin-bottom: 10px;
}

.TableNoBorderNoPadding
{
	margin-top: 10px;
}

.TableNoBorderNoPadding tr td
{
	border: none !important;
	padding: 0 !important; 
}

.Subject
{
	margin: 0;
	margin-bottom: 10px;
	padding: 5px;
}

.PreviousNextTicket
{
	/*float: right;*/
	text-align: right;
	margin-left: 20px;
}

.PreviousNextTicket a
{
	padding-left: 13px;
}

.PreviousTicket
{
	background:url("pics/arrow_up_orange.gif") no-repeat 0 60%;
}

.NextTicket
{
	background:url("pics/arrow_down_orange.gif") no-repeat 0 60%;
}

.PrintTicket
{
	background:url("pics/print.gif") no-repeat 0 60%;
	padding-left: 3px;
}

.MakeArticle
{
	background:url("pics/knowledgebase.gif") no-repeat 0 60%;
	padding-left: 3px;
}

.PagesDDL
{
	float: right;
	text-align: right;
}

.TableFilter
{
	width: 100%;
}

.TableFilter td
{
	padding: 0;
	/*border: 1px solid black;*/
	vertical-align: top;
	/*white-space: nowrap;*/
}

.TableFilter .ExtendedFilter
{
	/*position: absolute;*/
	background-color: White;
	border: 1px solid #CEC3B5;
	padding: 10px;
}

.TableFilter .Right
{
	float: right;
	text-align: right;
}

.TableFilter #tableExtendedFilter td
{
	vertical-align: middle;
}

.TableFilter #tableExtendedFilter td.Right
{
	text-align: right;
}

.MessageAttachmentsEdit td
{
	border: none !important;	
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	color: Gray;
}

.MessageAttachmentsEdit td.MessageAttachment
{
	background:url("pics/safety-pin.gif") no-repeat left center; padding-left:13px;
	color: Black;
}

#linkDocumentsCategory
{
	background-image: url("pics/documents16x16.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
}

#divDocumentsCategory
{
	background-image: url("pics/documents16x16.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 20px;
}

#TicketMessages .Message td.DocumentsCategoryRow
{
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: Gray;
}

#TicketMessages .Message td.DocumentsCategoryRow .DocumentsCategory
{
	background-image: url("pics/documents16x16.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
}

#TicketMessages .Message td.DocumentsCategoryRow .NumberOfDocuments
{
	font-size: 85%;
}

#TicketMessages .Message .CheckBoxUserMessage
{
	vertical-align: middle;
}

#TicketMessages .Message .Hidden
{
	visibility: hidden;
}

/* ********************************************** 2.3 ************************************************ */

.CreateSubticket
{
	background:url("2.3/pics/subticket.gif") no-repeat 0 60%;
	padding-left: 3px;
}

.CreateUnderTicket
{
 	margin-bottom: 20px;
}

.CreateAsUser
{
 	margin-bottom: 20px;
}

#desktopOperatorContent
{
}

#desktopOperatorContent .Note
{
	color: #666;
	font-size: 85%;
}

#desktopOperatorContent .Search
{
	background-image: url("2.3/pics/search.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}


#desktopPrivateMessagesContent
{
	border-color: #5A4E42;
	background-color: #FAF7F3;
}

.TicketRating
{
	margin-bottom: 5px;
}


/* ********************************************** 2.4 ************************************************ */

.TicketViewLeftColumn
{
	float: left;
	width: 320px;
	border: none;
}

.TicketViewMessages
{
	margin-top: 20px;
}

.TicketViewRoundedPanel
{
	margin-bottom: 10px;
}

.TicketViewCollapsiblePanel
{
	background-color: #FAFAFF;
	/*border: none;*/ /*rounded*/
	border: 1px solid #004F77;
	font-size: 100%;
}

.TicketViewCollapsiblePanelTitle
{
	background-color:#0085cc;
	color: white;
	/*background:url("design/tray.gif") 0 0 repeat-x; */
	font:85%/1.2 "tahoma",sans-serif;
	font-weight: bold;
	padding: 2px 10px 2px 5px;
	cursor: pointer;
	margin-bottom: 0px;
}

.TicketViewCollapsiblePanelTitle img
{
	vertical-align: middle;
}

.TicketViewCollapsiblePanelTitleLabel
{
	float: right;
	font-weight: normal;
}

.TicketViewCollapsiblePanelContent
{
	/*font-family: "tahoma",sans-serif;*/
	padding: 3px 5px;
	height: 0px;	  /* To avoid flickers when */
	overflow: hidden; /* using CollapsiblePanel */
	font-size: 95%;
}

.TicketViewCollapsiblePanel table
{
	border-collapse: collapse;
}

.TicketViewCollapsiblePanel table th
{
	color: #303030;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding-right: 5px;
	/*white-space: nowrap;*/
}

.TicketViewCollapsiblePanel table td
{
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

.TicketViewCollapsiblePanel table td textarea
{
	width: 130px;
	height: 100px;
}

.HandleText
{
	width:16px;
	height:16px;
	background-image:url("2.4/pics/HandleGrip.png");
	overflow:hidden;
	cursor:se-resize;
}   

.ResizingText
{
	border-color:red !important;
}


.TicketMessagesReply
{
	background-image: url("2.4/pics/reply.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.TicketViewTabsAndMessages
{
	margin-left: 330px;
}

.TicketViewTabsAndMessages #answer
{
}

.PanelMessage /*je to v novem pozadavku i v detailu, proto pouze jedna trida */
{
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	background-color: White;
	/*%margin-right: -300px;*/
}

.PanelMessage textarea
{
	/*width: 100%;*/
	/*height: 100%;*/ /* nahrazeno pomoci JS */
    border: none;
	background-color: White;
	padding: 3px 0 3px 3px;
}

.TicketViewTabsAndMessages .PanelWorkflow
{
	font-size: 100%;
	background:url("design/tray.gif") repeat-x;
	background-color: #303030;
	color: White;
	/*border: none;*/ /*rounded*/
	border: 1px solid silver;
	margin-bottom: 10px;
	padding: 3px;
	overflow: hidden;
	/* IE6 javascriptem v TicketView.aspx */
}

.TicketViewTabsAndMessages .PanelWorkflow .DivItem
{
	float: left;
	margin: 0 5px;
	line-height: 35px; /*kvuli centrovani na vysku*/
	white-space: nowrap;
	overflow: hidden;
}

.TicketViewTabsAndMessages .PanelWorkflow .DivItem span a.btn
{
    line-height: 19px;
}

.TicketViewTabsAndMessages .PanelWorkflow .DivItem img
{
	vertical-align: -2px;
}

.TicketViewTabsAndMessages .PanelWorkflow .DivItem input
{
	vertical-align: middle;
	font-size: 100%;
}

.TicketViewTabsAndMessages .PanelWorkflow .DivItem select
{
	vertical-align: middle;
}

.FolderTicketNavigator
{
	text-align: left;
	margin-bottom: 10px;
}

.PreviousNextTicket
{
	float: right;
}

.CreateContextured
{
	background:url("2.4/pics/contextured.gif") no-repeat 0 60%;
	padding-left: 3px;
}

.CreateContexturedTicket
{
 	margin-bottom: 20px;
}


#TicketMessages .Message .Text p
{
	margin: 0 0 5px 0;
}

#TicketMessages .Message .Text .Quote
{
    background-color: #E8F7FF;
    border: 1px solid #88B5CC;
    padding: 10px 10px 10px 40px;
    background-image: url("pics/quote.gif");
    background-repeat: no-repeat;
    background-position: 5px 5px;
    font-size: 8pt;
    margin: 10px;
}

.Tickets .AttributeBox
{
    white-space: nowrap;
    margin-right: 15px;
    float: left;
    margin-bottom: 3px;
}