input{width: 200px; padding: 2px 3px; border: 1px solid #aaa;}
input[type="checkbox"]{width:auto; height: 14px; padding: 1px; margin: 3px 0;} 
textarea{width: 99%; height: 150px;}
select{width: 200px; padding: 2px 3px; }
i{display: inline-block; font-style: normal;}

/* browser defaults po reset.css */
p { display: block; margin-top: 1em; margin-bottom: 1em; }
ul, menu, dir { list-style-type: disc; padding-left: 40px; }

.frm-group {width: 100%; margin:0 0 10px 0;}
.frm-group:after {content:"";display:table;clear:both;}
.frm-group label {display:block;float:left;width:160px;text-align:left;}
.frm-group label:after {content: ":"}
.frm-group .mandatoryProperty{display: inline-block;}

.frm-no-colon label:after {content: ""}

.frm-item {margin-left:180px;}
.frm-no-caption .frm-item {margin-left:0px;}
.frm-no-caption label {display:none !important;}
.frm-small-caption {margin-left:80px;}
.frm-small-caption label {width:60px;}

/* BUTTONS, LINKS */
.btnc-text{margin: 0 5px;}


/* SINGLE VALUES */
.CtlTextBox{}
.CtlNumericBox{}
.CtlNumericBox input{text-align: right;}

/* datetime */
.CtlDateTime{}
.CtlDateTime input[type="text"]{float: left; cursor: pointer;}
.CtlDateTime .calendar-trigger{float: left; width: 20px; height: 20px; border: 1px solid #aaa; text-align: center; margin-left: 2px; cursor: pointer;}
.CtlDateTime .calendar-trigger:after{content:""; clear: both; display:table;}


.CtlCheckBox{}
.CtlCheckBox:after{content:"";display:table;clear:both;}
.CtlCheckBox .revert{width: auto; float: left;}
.CtlCheckBox .revert label{width: auto; float: right; margin: 0px 0px 0px 5px; padding: 0px;}
.CtlCheckBox .revert label:after{content:""}
.CtlCheckBox .revert .frm-item{width: auto; float: right; margin: 0px;}

/* choice */
.CtlChoice{}
.CtlChoice a{width: 20px; height: 20px; display: inline-block; border: 1px solid #aaa; text-align: center; text-decoration: none; margin-right: 2px;}
.CtlChoice .LinkButtonChoice{border-left: none;}
.CtlChoice .TextBoxValue{width: 180px;}

.CtlComboBox{}

.frm-empty-caption{margin-left:180px;}

.frm-controls-inline .CtlCheckBox,
.frm-controls-inline .CtlComboBox,
.frm-controls-inline .CtlDateTime,
.frm-controls-inline .CtlChoice,
.frm-controls-inline .CtlNumericBox,
.frm-controls-inline .CtlTextBox{float: left; margin-right: 30px;}
.frm-controls-inline:after{content:"";display:table;clear:both;}
.frm-label-inline {float: left; margin-right: 30px;}

.frm-controls-inline-small-gaps .CtlCheckBox,
.frm-controls-inline-small-gaps .CtlComboBox,
.frm-controls-inline-small-gaps .CtlDateTime,
.frm-controls-inline-small-gaps .CtlChoice,
.frm-controls-inline-small-gaps .CtlNumericBox,
.frm-controls-inline-small-gaps .CtlTextBox{float: left; margin-right: 5px;}
.frm-controls-inline-small-gaps:after{content:"";display:table;clear:both;}
.frm-label-inline-small-gaps {float: left; margin-left: 5px; margin-right: 10px;}

/* Emails */
.email-textbox-panel .CtlTextBox, .email-textbox-panel .CtlLinkButton {float: left;}
.email-textbox-panel .CtlTextBox{width: 700px;}
.email-textbox-panel a{width: 24px; font-size: 20px; line-height: 20px; text-align: center;}
.email-textbox-panel:after{content:'';display:table;clear:both;}

/* Lost Password */
.LostPassword{}
.LostPassword .btnLostPassword{margin: 10px 0 0 180px;}

/* Profile picture */
.profile-picture{position: relative;}
.profile-picture .CtlSingleImage{position: absolute; top: 0; right: 40px;}
.profile-picture .CtlSingleImage .CtlUploader{display: inline-block;}

/* /// DivTable */

.DivTableRow
{
     /* display: table-row; */
     clear: both;
}
.DivTableColumn
{
    /* display: table-cell; */
    float: left;
}
.DivTableColumnClear
{
    clear: both;
}
.DivTableColumnWithMargin
{
    margin-right: 30px;
}

.DivTableRow_WithoutStyle
{
    background: none !important;
    border: none !important;
}

/* DivTable  /// */





/* /// DateTimePicker ... (prestylovani vygenerovaneho kalendare jquery-ui-timepicker-addon) */

.ui-datepicker-div, .ui-timepicker-div {
    z-index: 9999999 !important;
}
.ui-timepicker-div dl {
    padding: 0 0 17px 10px;
}
.ui-timepicker-div dl dt {
    margin: 5px 0 0 0;
}
.ui-timepicker-div dl dd {
    margin: -17px 10px 0 65px;
}
.ui-timepicker-div input{width:50px;}
/*
.ui_tpicker_time
{
    position: relative;
    top: -17px;
}
.ui-timepicker-div
{
    margin-left: 5px;
}
.ui_tpicker_hour, .ui_tpicker_minute, .ui_tpicker_second
{
    position: relative;
    top: 5px;
    left: -15px;
}
*/

/* DateTimePicker /// */



.jQueryUIDialog { display: none; }
.ui-widget-overlay
{
    opacity: 0.85 !important;
    filter: alpha(opacity=85) !important;
}





/* CtlEditLinkedDocuments /// */

.CtlEditLinkedDocuments_fileInfo 
{
    padding-right: 10px;
    overflow: hidden;
}
.CtlEditLinkedDocuments_CtlUploaderClipboard
{
    margin-right: 8px;
}
.CtlEditLinkedDocuments_lbAttachDocuments, .CtlEditLinkedDocuments_lbAttachDocuments_first
{
    float: left;
    margin: 0 8px 2px 0;
}

/* CtlEditLinkedDocuments /// */






/* CtlEditLinkedRecords /// */

.CtlEditLinkedRecords_DivTable .DivTable .DivTableRow:first-child .DivTableColumn
{
    font-weight: bold;
    margin-bottom: 5px;
}
.CtlEditLinkedRecords_DivTable .DivTableColumn
{
    margin-right: 10px;
}

/* /// CtlEditLinkedRecords */





/* CtlContentLog /// */

.CtlContentLog_Box
{
    margin: 0 0 1.5em 0;
    background: #FFF3F7;
    font-weight: bold;
}
.CtlContentLog_Box
{
    display: block;
    border: 1px solid #964450;
    padding: 7px 20px;
}
.CtlContentLog_DialogBox
{
    /*
    border: 1px solid White;
    padding: 0px !important; */
    font-weight: bold;
}
.CtlContentLog_Box .text, .CtlContentLog_DialogBox .text
{
    float: left;
    /* width: 454px; */
    margin: 0px;
    padding: 0px;
    text-indent: none;
}
.CtlContentLog_Box .icon, .CtlContentLog_DialogBox .icon
{
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 12px;
    background: url("../../ImagesWebUI/contentLog-icons.png") no-repeat;
}

.CtlContentLog_Box .MsgError, .CtlContentLog_Box .MsgWarning, .CtlContentLog_Box .MsgReport { padding: 3px 0; }

.CtlContentLog_Box .MsgError .text, .CtlContentLog_DialogBox .MsgError .text { color: #964450; }
.CtlContentLog_Box .MsgError .icon, .CtlContentLog_DialogBox .MsgError .icon { background-position: 0px 0px; }
.CtlContentLog_Box .MsgWarning .text, .CtlContentLog_DialogBox .MsgWarning .text { color: #B66839; }
.CtlContentLog_Box .MsgWarning .icon, .CtlContentLog_DialogBox .MsgWarning .icon { background-position: -17px 0px; }
.CtlContentLog_Box .MsgReport .text, .CtlContentLog_DialogBox .MsgReport .text { color: inherit; }
.CtlContentLog_Box .MsgReport .icon, .CtlContentLog_DialogBox .MsgReport .icon { background-position: -34px 0px; }

/* /// CtlContentLog */

.adminPanel a
{
    margin-bottom: 2px;
}



/* /// WorkFlowClient */

.sectionheader
{
    font-weight: bold;
}

.separator
{
	height: 1px;
	width: 100%;
	background-color: #D8D8D8;
	/*20090419 pridano kvuli malym panelum (clanky..)*/
	clear: both;
}
.separator13, .separatorPropertyGroups
{
	height: 1px;
	width: 100%;
	background-color: #D8D8D8;
	margin-top: 6px;
	margin-bottom: 6px;
	/*20090419 pridano kvuli malym panelum (clanky..)*/
	clear: both;
}
hr.linesplitter
{
    height: 1px;
	width: 100%;
    margin-top: 6px;
	margin-bottom: 6px;
    border-width: 0px;
    background-color: #D8D8D8;
}

.processactivityhelpcontainer
{
    display: none;
	padding: 5px 5px 5px 5px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #F3E8A2;
}

.processacttable
{
	font-size: 11px;
}

.processacttableheader
{
	font-weight: bold;
}

.processacttablerow
{
	vertical-align: text-top;
}

.processrolestable{margin-bottom: 15px;}
.processrolestable .column-role-name{width: 180px;}
.processrolestable .column-role-person{width: 200px;}
.processrolestable .column-role-ico{width: 20px; font-size: 16px;}

.processrolestableheader
{
	font-weight: bold;
}

.processactivityschedulingtable
{
	font-size: 11px;
}

.processactivityschedulingtable td
{
    padding-right: 20px;
    vertical-align: top; 
}

.processactivityschedulingtableheader
{
	font-weight: bold;
}

.processtitle
{
	margin-bottom: 8px;
	font-size: larger;
}

.processhistorycommentcontainer
{
	padding: 5px 5px 5px 5px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #F3E8A2;
}
.processhistorycommentheader
{
	color: #555555;
	margin-bottom: 3px;
}
.processhistorycommenttext
{
	/*font-weight: bold;*/
}
.processhistorydocumentcontainer
{
	padding: 5px 5px 5px 5px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #EEEEFF;
}
.processhistorydocumentheader
{
	color: #555555;
	margin-bottom: 3px;
}
.processhistorydocument
{
	/*font-weight: bold;*/
}
.processhistoryevent
{
	font-size: 11px;
	color: #555555;
	margin-bottom: 2px;
	padding: 0px 5px 0px 5px;
}

.errormessage
{
	/*color: Red;*/
}
.errormessagecontainer
{
    padding: 10px;
    background-color: #FF0000;
    font-size: large;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 10px;
    vertical-align: middle;
    text-align: center;
    width: 830px;
}

.processactivitytableheader
{
	font-weight: bold;
}

.processactivitytableprocessheader
{
    height: 40px;
	font-weight: bolder;
	vertical-align: bottom;
}

.runningstopwatchtime
{
	font-weight: bold;
	color: Red;
}

.newprocessheader
{
    font-size: large;
	font-weight: bold;
	margin-top: 20px;
}

/* WorkFlowClient /// */



/* /// CtlCollapsiblePanel */

.collapsible-header
{
    cursor: pointer;
}
.collapsible-header i
{
    margin-left: 10px;
    margin-right: 10px;
}

/* CtlCollapsiblePanel /// */



/* /// CtlDataGridView */

.CtlDataGridView{margin-bottom: 10px;}
.CtlDataGridView .gridFrameBox
{
    /* overflow: auto; */
    /* tohle je trochu neprakticke, ale kvuli IE bugu, kdy po hoveru vznikalo extra padding, asi prozatim nutne */
    overflow-x: scroll;
    overflow-y: auto;
}
.CtlDataGridView table a
{
    color: Black;
}
.CtlDataGridView table.gridFrame
{
    width: 100%;
    margin-bottom: 3px;
}
.CtlDataGridView table.gridFrame .scrollableArea
{
    overflow-x:hidden;
    overflow-y:auto;
}
.CtlDataGridView table.grid,
.CtlDataGridView table.gridFrame
{
    border-collapse: collapse;
}
.CtlDataGridView table.gridFrame td table.grid td
{
    padding: 1px 6px;
    /* -moz-user-select: none; */
}
.CtlDataGridView table.gridFrame td
{
    padding: 0px;
}
.CtlDataGridView table.grid a.headerLink
{
    display: block;
    cursor: pointer;
}
.CtlDataGridView table.grid a.headerLink i
{
    margin-left: 5px;
}
/*
.CtlDataGridView .grid a.headerLinkSortAsc
{
    background: url('') no-repeat
}
*/
.CtlDataGridView .caption
{
    float: left;
    /* font-size: 110%; */
    font-weight: bold;
    padding: 0 1px 2px;
}
.CtlDataGridView table.grid .header
{
    background-color: #aaa;
    border: 1px solid #888;

}
.CtlDataGridView table.grid .header div
{
    /*word-wrap: break-word;*/
    
}
.CtlDataGridView table.grid .groupHeader
{
    background-color: #e5e5e5;
    border: 1px solid #aaa;
}
.CtlDataGridView table.grid .groupHeaderMarginTop
{
    font-size: 0px;
    height: 0.7em;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    padding-top: 7px !important;
}
.CtlDataGridView table.grid .groupHeaderMarginBottom
{
    font-size: 0px;
    height: 0px;
    border-bottom: 1px solid #555;
    padding: 0px !important;
}
.CtlDataGridView table.grid tr td.cell:first-child
{
    border-left: 1px solid #aaa /*!important*/;
}
.CtlDataGridView table.grid tr td.cell:last-child
{
    border-right: 1px solid #aaa /*!important*/;
}
.CtlDataGridView table.grid .cell
{
    background-color: #eee;
    background-color: #fafafa;
    border: 1px solid transparent;
    border: 1px solid #ddd;
    /* white-space: nowrap; */
}
.CtlDataGridView table.grid .cell .cellContent
{
    word-wrap: break-word;
}

.CtlDataGridView table.grid .selectable
{
    cursor: default;
}

.CtlDataGridView table.grid td.selected
{
    background-color: LightSteelBlue;
    /*border-top: 1px solid Gray;
    border-bottom: 1px solid Gray;*/
}
.gridFrameBox .grid tr:hover td {background:Silver;}
.gridFrameBox .grid tr:hover td.selected {background:#B0B0B0;}

.CtlDataGridView table.grid .hidden {
    display: none;
}

.gridFrameBox {height: auto;}
.gridScrollbar .jspVerticalBar{display: none;}


.CtlDataGridView .paging  
{
    clear: both;
    position: relative;
    height: 30px;
}

.CtlDataGridView .paging .blankLink,
.CtlDataGridView .paging a.commonLink, .CtlDataGridView .paging a.commonLinkActive,
.CtlDataGridView .paging a.controlLink, .CtlDataGridView .paging a.controlLinkInActive {
    display: block;
    float: left;
    width: 20px;
    height: 16px;
    margin: 0px 1px;
    padding: 0px 1px;
    text-decoration: none;
}
.CtlDataGridView .paging .blankLink {
    cursor: default;
    border: 1px solid transparent;
}
.CtlDataGridView .paging a.commonLink {
    background: #eee;
    border: 1px solid #555;
    color: #555;
}
.CtlDataGridView .paging a.commonLinkActive {
    background: #aaa;
    border: 1px solid #555;
    color: White;
}
.CtlDataGridView .paging a.controlLink {
    background: #eee;
    border: 1px solid #555;
    color: #555;
}
.CtlDataGridView .paging a.controlLinkInActive {
    background: #ccc;
    border: 1px solid #555;
    color: #555;
}
.CtlDataGridView .paging a.commonLink:hover, .CtlDataGridView .paging a.controlLink:hover {
    background: #999;
    border: 1px solid Black;
    color: White;
}
.CtlDataGridView .pagingTotalNumRecords {
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 3px;
}
.CtlDataGridView .pagingControls 
{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.CtlDataGridView .directSet {
    position: absolute;
    z-index: 500;
    top: 0px;
    right: 3px;
    text-align: right;
    display: inline-block;
}
.CtlDataGridView .directSet:after{content:""; clear:both; display:table;}
.CtlDataGridView .directSet .CtlNumericBox{float: left;}
.CtlDataGridView .directSet .CtlNumericBox label{display: none;}
.CtlDataGridView .directSet .frm-group{width: 25px; margin: 0px;}
.CtlDataGridView .directSet .frm-group .frm-item{margin: 0px; height: 30px;}
.CtlDataGridView .directSet .frm-group .frm-item input
{
    width: 20px;
    height: 20px;
    padding: 1px;
    margin: 0 2px;
    border: 1px solid #555;
}
.CtlDataGridView .directSet span.text
{
    display:inline-block;
    float: left;
    height: 16px;
}
.CtlDataGridView .directSet span.totalNumPages
{
    float: left;
}

.CtlDataGridView .captionAndButtons{height: 25px;}
.CtlDataGridView .captionAndButtons a{float: right; margin: 5px 0 0 5px;}
/* CtlDataGridView /// */





/* /// CtlToolStrip */

.CtlToolStrip{ width: 100% - 2px; margin-bottom: 5px; background: #f6f6f6; border: 1px solid #8E8F8F;}
.CtlToolStrip .CtlToolStripContent{ padding: 2px;}
.CtlToolStrip .CtlToolStripItem{float: left; display: inline-block; border: 1px solid transparent; line-height: 1em; height: 24px; margin-bottom: 2px;}
.CtlToolStrip .CtlToolStripItem:hover{}
.CtlToolStrip .CtlToolStripItem span{display: none;}
.CtlToolStrip .CtlToolStripItem i{display: inline-block; width: 24px; height: 24px;}

.CtlToolStrip .toolstriptextbtn span{display: inline;}

.CtlToolStrip .ctlChoiceWarehouse{ padding: 0px; border: none;}
.CtlToolStrip .ctlChoiceWarehouse:hover{ background: transparent; border: none;}

.CtlToolStrip .current-language{}
.CtlToolStrip .current-language label{display: none;}
.CtlToolStrip .current-language .frm-item{margin-left: 0px; font-size: 12px; line-height: 1.6em;}
.CtlToolStrip .current-language .frm-item select{padding: 2px 3px; width: 60px;}

/* CtlToolStrip  /// */






/* /// CtlGridList */

/*
.CtlGridList
{
    background:#EAEAEA;
    padding:5px;
}
*/

.CtlGridList .panelLeft,
.CtlGridList .panelRight
{
    float: left;
    margin-bottom: 5px;
}

.CtlGridList .panelGrid
{
    /* border: 1px solid #8E8F8F; */
}

.CtlGridList .panelTreeFilter
{
    margin-right: 5px;
    padding: 5px 2px;
    background: #E2E2E2;
    border: 1px solid #8E8F8F;
    overflow: auto;
}
.CtlGridList .panelTreeFilter a:hover,
.CtlGridList .panelTreeFilter .FilterTreeView_SelectedNode a
{
    color: #3880DE;
}
.CtlGridList .panelTreeFilter .FilterTreeView td div {
    height: 22px !important;
}

/* CtlGridList  /// */


/* /// CtlGenericFilter */

.doRefresh{ width: 100%; }
.doRefresh:after{content:''; display:table; clear:both;}
.doRefresh a{ float: right; }

/* CtlGenericFilter  /// */






/* /// CtlDetailBase */

.CtlDetailBase h1, .CtlDetailBase h2, .CtlDetailBase h3, .CtlDetailBase h4, .CtlDetailBase h5, .CtlDetailBase h6 {
    margin: 10px 0 0 0 !important;
    font-family: Sans-Serif;
    font-variant: normal;
    text-transform: none;
    text-align: left !important;
    color: Black !important;
}
.CtlDetailBase h1 {
    font-size: 1.6em !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    font-weight: bold !important;
}
.CtlDetailBase h2 {
    font-size: 1.4em !important;
    font-weight: 600 !important;
}
.CtlDetailBase h3 {
    font-size: 1.2em !important;
    font-weight: 200 !important;
}
.CtlDetailBase h4 {
    font-size: 1.1em !important;
    font-weight: 200 !important;
}
.CtlDetailBase h5, .CtlDetailBase h6 {
    font-size: 1em !important;
    font-weight: 200 !important;
}

/* CtlDetailBase  /// */






/* /// POPUP */

.PopupOverlay
{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    width: 100%;
    height: 100%;
    background: Gray;
    opacity: 0.85 !important;
    filter: alpha(opacity=85) !important;
    z-index: 1001;
}
.PopupFrame
{
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fafafa; /* White */
    z-index: 1001;
}
.PopupHeader
{
    padding: 8px;
}
.PopupHeader .PopupCaption
{
    float: left;
}
.PopupHeader .PopupCloseBtn
{
    float: right;
}
.PopupControl
{
    padding: 15px 10px;
}
.PopupButtons
{
    padding: 5px 10px 10px 5px;
}
.PopupButtons a
{
    display: block;
    float: right;
    margin: 0 2px;
    padding: 1px 8px;
    background: #eee;
    border: 1px solid #888;
    text-decoration: none;
    font-weight: normal;
    color: Black;
}
.PopupButtons a:hover
{
    background: #ccc;
    color: White;
}
.PopupHeader a
{
    float: left;
}

/* Corner radius - override */
.PopupHeader.ui-corner-all,.PopupFrame.ui-corner-all
{ 
    -moz-border-radius-topleft: 8px !important/*{cornerRadius}*/; 
    -webkit-border-top-left-radius: 8px !important/*{cornerRadius}*/; 
    -khtml-border-top-left-radius: 8px !important/*{cornerRadius}*/; 
    border-top-left-radius: 8px !important/*{cornerRadius}*/; 
}
.PopupHeader.ui-corner-all,.PopupFrame.ui-corner-all
{ 
    -moz-border-radius-topright: 8px !important/*{cornerRadius}*/; 
    -webkit-border-top-right-radius: 8px !important/*{cornerRadius}*/; 
    -khtml-border-top-right-radius: 8px !important/*{cornerRadius}*/; 
    border-top-right-radius: 8px !important/*{cornerRadius}*/; 
}
.PopupFrame.ui-corner-all
{ 
    -moz-border-radius-bottomleft: 8px !important/*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 8px !important/*{cornerRadius}*/; 
    -khtml-border-bottom-left-radius: 8px !important/*{cornerRadius}*/; 
    border-bottom-left-radius: 8px !important/*{cornerRadius}*/; 
}
.PopupFrame.ui-corner-all
{ 
    -moz-border-radius-bottomright: 8px !important/*{cornerRadius}*/; 
    -webkit-border-bottom-right-radius: 8px !important/*{cornerRadius}*/; 
    -khtml-border-bottom-right-radius: 8px !important/*{cornerRadius}*/; 
    border-bottom-right-radius: 8px !important/*{cornerRadius}*/; 
}
.PopupHeader.ui-corner-all
{ 
    -moz-border-radius-bottomleft: 0px !important/*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 0px !important/*{cornerRadius}*/; 
    -khtml-border-bottom-left-radius: 0px !important/*{cornerRadius}*/; 
    border-bottom-left-radius: 0px !important/*{cornerRadius}*/; 
}
.PopupHeader.ui-corner-all
{ 
    -moz-border-radius-bottomright: 0px !important/*{cornerRadius}*/; 
    -webkit-border-bottom-right-radius: 0px !important/*{cornerRadius}*/; 
    -khtml-border-bottom-right-radius: 0px !important/*{cornerRadius}*/; 
    border-bottom-right-radius: 0px !important/*{cornerRadius}*/; 
}

.ui-widget-header
{
    color: #222222/*{fcHeader}*/;
    background: #D0D0D0 !important;
    border: 0px !important;
}
.ui-widget-header .ui-icon {
    background-image: url("../ScriptsWebUI/jquery-ui/images/ui-icons_222222_256x240.png");
}

/* POPUP  /// */


/* CtlUploader /// */

.CtlUploader_ControlPanel div { float: left; }
.CtlUploader_ControlPanel label { float: left; }

.CtlUploader_ButtonReload { display: none; }
.CtlUploader_ButtonSource { cursor: pointer; margin-right: 5px; }
.CtlUploader_ButtonSourceInactive { cursor: default; margin-right: 5px; }
.CtlUploader_ButtonUpload { cursor: pointer; }
.CtlUploader_ButtonUploadInactive { cursor: default; }
.CtlUploader_DescriptionPanel { margin-right: 5px; margin-top: 1px; }

CtlUploader_infoLabel_message { }
CtlUploader_infoLabel_error { color: Red;}

.fileupload {
    display: block;
    clear: left;
    padding: 0px;
    font-size: 90% !important;
}

.fileupload input.input-files { display: none; }

.fileupload-content {
    padding: 0px 10px;
    border: none !important;
    background: White;
}

.fileupload-buttonbar 
{
    margin-bottom: 1em;
    padding: 0.2em 0.4em;
    background: transparent !important;
}

.fileupload-buttonbar .ui-button
{
  border: 1px solid #999999/*{borderColorDefault}*/;
  background: #e6e6e6/*{bgColorDefault}*/ url(/StylesWebUI/jquery-ui/themes/1.9.1/base/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
}
.fileupload-buttonbar .ui-button:hover {
  background: #ddd !important;
  border-bottom-color: #000 !important;
}
.fileupload-buttonbar .ui-button-text
{
    color: #000000;
}
.fileupload-buttonbar .ui-icon {
  background-image: url(/StylesWebUI/jquery-ui/themes/1.9.1/base/images/ui-icons_454545_256x240.png); /*tmave ikony*/
}


.fileupload-content .files td 
{
    padding: 0.2em 0;
}
.fileupload .files td.name
{
    width: 180px;
    padding: 0.2em 0.8em;
}
.fileupload .files td.name span
{
    width: 180px;
}
.fileupload .files td.size
{
    width: 75px;
    padding: 0.2em 0.8em;
}
.fileupload .files td.description
{
    padding: 0.2em 0.8em 0.2em 0;
}
.fileupload .files td.description input
{
    width: 110px;
}
.fileupload-content .error
{
    color: #c00;
}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{height:20px;margin-bottom:0px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#ffffff;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);}
.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(to bottom, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(to bottom, #62c462, #57a957);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);}
.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(to bottom, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);}
.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}

/* CtlUploader /// */



/* /// GENERAL ********************************************************************************* */

.float-left {float: left;}
.float-right {float: right;}

.clear-left {clear: left;}
.clear-right {clear: right;}
.clear-both {clear: both;}
.cleaner {clear: both;}

.display-none {display: none;}
.display-block {display: block;}
.display-inline {display: inline;}

.align-left {text-align: left}
.align-center {text-align: center}
.align-right {text-align: right}

.color-success{color: black;}
.color-unsuccess{color: red;}

.input-small input{width: 50px;}
.input-medium-small input{width: 80px;}
.input-medium input{width: 120px;}
.input-default input{width: 200px;}
.input-medium-big input{width: 300px;}
.input-big input{width: 500px;}
.input-fullsize input{width: 99%;}
.input-auto input{width: auto;}

.input-small select{width: 40px;}
.input-medium-small select{width: 60px;}
.input-medium select{width: 90px;}
.input-default select{width: 200px;}
.input-medium-big select{width: 300px;}
.input-big select{width: 500px;}
.input-fullsize select{width: 99%;}
.input-auto select{width: auto;}

.CtlChoice .input-small .TextBoxValue{width: 40px;}
.CtlChoice .input-medium-small .TextBoxValue{width: 80px;}
.CtlChoice .input-medium .TextBoxValue{width: 120px;}
.CtlChoice .input-default .TextBoxValue{width: 180px;}
.CtlChoice .input-medium-big .TextBoxValue{width: 280px;}
.CtlChoice .input-big .TextBoxValue{width: 480px;}
.CtlChoice .input-fullsize .TextBoxValue{width: 99%;}

.input-fullsize option{width: 99%;}

.width-100%{width: 100%;}

/* GENERAL /// ********************************************************************************* */