body, input, textarea, select {
	font-size: 10pt;
}

body.noMargin {
	margin: 0;
}

body, body * {
	font-family: Segoe UI, Tahoma, Arial;
}

a {
	color: #0066ff;
	text-decoration: none;
}

table.header {
	border-collapse: collapse;
}

.header td {
	padding: 2px 0 2px 5px;
	vertical-align: middle;
}

table.border, table.dottedBorder, table.border td, table.dottedBorder td, table.border th, table.dottedBorder th {
	border-collapse: collapse;
	border: 1px solid #d0d0d0;
}

table.dottedBorder, table.dottedBorder td, table.dottedBorder th {
	border: 1px dotted #808080;
}

table tr.selected {
	background-color: #0066ff;/*#ffe63b;*/
	color: white;
	font-weight: bold;
}

table tr.selected .button {
	display: none;
}

.colorBlack {
	color: black;
}

.colorGray {
	color: #808080;
}

.colorLightGray {
	color: #b0b0b0;
}


.borderBlack, .borderBlack * {border-color: black !important;}
.size10pt {font-size: 10pt;}

table.topAlign td {
	vertical-align: top;
}

table.horizBorder,  table.horizBorder td {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.center {
	margin: auto;
	text-align: center;
	width: auto;
}

.right {
	text-align: right;
}

.header .label {
	color: #606060;
	text-align: right;
}

.red {
	color: red;
}

.shadow {
	box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5);
}

.bold {
	font-weight: bold;
}

.hidden {
	display: none;
	visibility: hidden;
	opacity: 0;
}

.subTitle {
	color: #0066ff;
	font-weight: bold;
	margin: 5px 0 5px 25px;
}

.unselectable {
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none;
}

.blur {
	filter: blur(2xp);
	-moz-filter: blur(2xp);
	-webkit-filter: blur(2xp);
	-ms-filter: blur(2xp);
	-o-filter: blur(2xp);
	filter: url(/dm/cfin.nsf/blur.svg#blur);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
}

ul.simpleUL {
	margin: 0 auto;
	padding: 0 auto;
}

#tblAttachments th, #tblAttachments td {
	padding: 0 10px;
}

/* ------------------------- HEADER ------------------------- */

#header, #headerGlobal {
	background-color: #404040;
	color: white;
	overflow: auto;
	padding: 10px;
	z-index: 5;
}

#headerGlobal {
	display: block;
	position: fixed;
	overflow: visible;
	top: 0;
	left: 0;
	right: 0;
}

#headerGlobal {
	padding: 0 10px;
}

#header #linkHome {
	float: left;
	display: block;
	margin: 0px 20px 0 0;
}

#header #linkHome img {
	border: 0;
}

h1, h2, #mainContent .linkMain .title {
	letter-spacing: -1px;
}

#header h1, #header h2, #header h3 {
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

#header h2, #header h3, #headerGlobal h3, #mainContent h3 {
	font-weight: normal;
}

#headerGlobal h3{
	margin: 4px 0 0 0;
}

#headerGlobal h3 a {
	color: white;
	text-decoration: none;
} 

/* ------------------------- MENIU TOOLS ------------------------- */

#toolsContainer {
	float: right;
}

menu.tools {
	overflow: auto;
	text-align: right;
	float: right;
}

menu.tools, menu.tools menu, menu.tools li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

menu.tools li {
	line-height: 3ex;
}

menu.tools li a {
	border: 0;
	color: white;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

menu.tools li a:hover {
	background-color: #606060;
}

menu.tools li a img {
	border: 0;
	height: 16px;
	margin: 0 5px 0 0;
	vertical-align: -2px;
}

menu.tools menu {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	height: 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	min-width: 200px;
}

menu.tools:hover menu {
	animation: menuTools_show 0.25s;
	display: block;
	height: 16.5ex;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-in;
	z-index: 4;
}

menu.tools li menu, menu.tools li menu li {
	background-color: #f8f8f8
}

menu.tools li menu li a, menu.tools li menu li a:hover {
	color: black;
	display: block;
}

menu.tools li menu li a:hover {
	background-color: #d0d0d0;
}

menu.tools li menu li a img {
	float: right;
	margin: 0 0 0 15px;
	vertical-align: middle;
}

/* ------------------------- NAVIGATION MENU ------------------------- */

#navigationLink {
	background-color: #e0e0e0/*404040*/;
	bottom: 0;
	color: black/*#ffcc00*/;
	cursor: pointer;
	position: fixed;
	right: 0px;
	top: 31px;
	width: 30px;
}

#navigationLink .text {
	font-size: 12pt;
	font-weight: bold;
	margin: 200px 0 0 1px;
	position: relative;
	right: -5px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	writing-mode: tb-lr;
}

#navigationMenu {
	background-color: #e0e0e0/*404040*/;
	border-right-width: 0;
	bottom: 0px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	color: white;
	max-width: 300px;
	position: fixed;
	transition-property: right;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	top: 31px;
	right: -300px;
	z-index: 10;
}

#navigationLink:hover #navigationMenu {
	right: 0px;
}

#navigationMenu h3 {
	color: black;
	margin: 30px 0 10px 10px;
}

#navigationMenu a {
	border: 0;
	color: black;
	display: block;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
}

#navigationMenu a:hover {
	background-color: #b0b0b0/*606060*/;
}

#navigationMenu a img {
	border: 0px;
	/*-webkit-filter: invert(100%);*/
	height: 24px;
	margin-right: 20px;
	vertical-align: middle;
}

/* ------------------------- CONTENT ------------------------- */

#mainContent {
	padding: 10px 40px 10px 10px;
}

#mainContentGlobal {
	padding: 0 10px;
}

#mainContent h2 {
	font-weight: normal;
}

#mainContent h2, #mainContent br {
	clear: both;
}

#mainContent h3 {
	color: #0066ff;
	font-size: 14pt;
	margin-top: 0;
	margin-bottom: 10px;
}

#mainContent a.linkMain {
	border: 0;
	color: black;
	display: block;
	float: left;
	width: 250px;
	margin-right: 50px;
	padding: 20px;
	text-decoration: none;
}

#mainContent a.linkMain:hover {
	background-color: #f0f0f0;
}

#mainContent a.linkMain img {
	border: 0;
	float: right;
	margin: 0 0 10px 10px;
	width: 48px;
}

#mainContent a.linkMain .title {
	font-size: 14pt;
	margin-top: -8px;
	padding-bottom: 10px;
}

/* ------------------------- MESAJE ------------------------- */

ul.message {
	list-style-type: none;
	margin-left: 0;
	min-width: 500px;
	max-width: 1000px;
	padding-left: 0;
}

ul.message li {
	background-color: transparent;
	color: #808080;
	cursor: default;
	padding: 10px;
	margin-bottom: 5px;
	text-align: right;
	transition: all 0.5s ease-in;
	border-bottom: 1px dotted #b0b0b0;
}

ul.message li.necitit {
	background-color: #e0e0e0;
	cursor: pointer;
}

ul.message li.highlight {
	background-color: #404040;
	color: white;
}

ul.message li.highlight * {
	color: white !important;
}

ul.message .autor {
	color: black;
	font-weight: bold;
}

ul.message div.messageBody {
	color: black;
	font-weight: bold;
	/*padding-left: 35px;*/
	text-align: left;
}

ul.message li.culoareMesaj0 {border-right: 7px solid #ea0034 /*red*/;}
ul.message li.culoareMesaj1 {border-right: 7px solid #ffb300 /*orange*/;}
ul.message li.culoareMesaj2 {border-right: 7px solid #ffe63b; /*yellow*/}
ul.message li.culoareMesaj3 {border-right: 7px solid #009543; /*green*/}
ul.message li.culoareMesaj4 {border-right: 7px solid #07b9fc /*cyan*/;}
ul.message li.culoareMesaj5 {border-right: 7px solid #0066cc; /*blue*/}
ul.message li.culoareMesaj6 {border-right: 7px solid #b610bf /*magenta*/;}

ul.message ul.messageFiles, ul.message ul.messageFiles li {
	border: 0;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
}

/* ------------------------- INPUT & VALIDATION ------------------------- */

input, textarea, select {
	border: 1px solid #d0d0d0;
	box-shadow: inset 2px 2px 5px 0px #e8e8e8;
	-moz-box-shadow: inset 2px 2px 5px 0px #e8e8e8;
	-webkit-box-shadow: inset 2px 2px 5px 0px #e8e8e8;
	padding: 3px;
	margin: 0;
}

input[type="checkbox"] {
	border: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0px;
	margin: 3px;
}

input[isDate="true"] {
	width: 7em;
}

input[isNumber="true"]::-ms-clear, input[mask]::-ms-clear {
	display: none;
}

input[isNumber="true"] {
	text-align: right;
}

input[type="file"] {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.datePicker_trigger {
	background: #b0b0b0 url(datePicker_trigger.png);
	border: 1px solid #d0d0d0;
	border-left: 0px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	left: -1px;
	position: relative;
	opacity: 0.5;
	top: -2px;
	width: 24px;
	vertical-align: middle;
}

.datePicker_trigger:hover {
	opacity: 1;
}
textarea {
	height: 1.4em;
	min-height: 1.4em;
	overflow: hidden;
	resize: none;
}

select {
	padding: 1px;
}

input:focus, textarea:focus {
	box-shadow: inset 2px 2px 5px 0px rgba(255, 204, 0, 0.33);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(255, 204, 0, 0.33);
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(255, 204, 0, 0.33);
	background-color: #ffffcc;
	border-color: #ffcc00;
	outline-width: 0;
}

fieldset, div.fieldset {
	border: 1px solid #808080;
	margin-top: 10px;
	max-width: 800px;
}

div.fieldset {
	padding: 10px;
}

legend {
	color: #0066ff;
	font-weight: bold;
	padding: 0 5px;
	text-transform: uppercase;
	
}

input.button, input.button:focus {
	background-color: #0066ff;
	border: 0;
	border-radius: 3px;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	border: 1px solid #0088ce;
	border-bottom-color: #004f77;
	color: white;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 10px;
}

input.buttonClassic, input.buttonClassic:focus {
	border: 1px solid black;
	border-color: #e3e3e3 black black #e3e3e3;
	padding: 2px 10px;
}

.field-loading {
	background: url(/Ext2.2/resources/images/default/grid/grid-loading.gif) right no-repeat !important;	
}

.mandatory {
	background: url(/icons/vwicn150.gif) right no-repeat;
}

input[isNumber="true"].mandatory {
	background-position: left;
}

.notValidated {
	border-color: #ff6666;
	background-color: #ff9999;
}

/* ------------------------- DATE PICKER ------------------------- */

@keyframes datePicker_show {
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}

@-webkit-keyframes datePicker_show {
	0%		{opacity: 0;}
	100%	{opacity: 1;}	
}

#datePicker {
	animation: datePicker_show 0.25s;
	-webkit-animation: datePicker_show 0.25s;
	
	background-color: white;
	border: 1px solid #d0d0d0;
	box-shadow: 2px 2px 5px 0px rgba(128, 128, 128, 0.5);
	display: inline-block;
	padding: 5px 5px 6px 5px;
	position: absolute;
	z-index: 10;
}

#datePicker a.navigation {
	color: black;
	font-weight: bold;
	padding: 2px 5px 3px 5px;
	text-decoration: none;
}

#datePicker a.navigation:hover {
	background-color: #404040;
	color: white;
}

#datePicker table {
	background-color: #e0e0e0;
	empty-cells: show;
	margin-top: 5px;
	width: 100%;
}

#datePicker table, #datePicker td, #datePicker th {
	border: 1px solid white;
	border-collapse: collapse;
	text-align: center;
	padding: 0;
}

#datePicker th {
	padding: 4px;
}

#datePicker table th {
	background-color: #404040;
	font-weight: normal;
	color: white;
}

#datePicker table td.weekend {
	background-color: #808080;
	color: white;
}

#datePicker td a {
	display: block;
	color: black;
	padding: 4px;
	transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	text-decoration: none;
}

#datePicker td.weekend a {
	color: white;
}

#datePicker td.today a {
	background-color: white;
	border: 1px solid black;
	font-weight: bold;
	padding: 3px;
}

#datePicker td.today.weekend a {
	color: black;
}

#datePicker td a:hover, #datePicker td.selected a {
	background-color: #0066ff;
	color: white;
}

#datePicker td.weekend a:hover {
	animation: datePicker_Ahref_weekend 0.2s;
}

#datePicker td.today.weekend a:hover {
	color: white;
}

#datePicker .button {
	/*background-color: #404040;
	border-radius: 0;
	box-shadow: none;*/
	padding: 3px 20px;
	margin: 0px 1px;
	width: 198px;
}

/* ------------------------- VIEW ------------------------- */

#mainTableViewBody table {
	cursor: default;
}

#mainTableViewBody>table>tbody>tr>th, #mainTableViewBody>table>tbody>tr>td {
	padding: 5px 10px;
}

#mainTableViewBody table th {
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none;
}

#mainTableViewBody table tr:hover, #mainTableViewBody table tr th {
	background-color: #f0f0f0;
}

#mainTableViewBody table td[colspan] {
	font-weight: bold;
}

/* ------------------------- TOOLTIP ------------------------- */



/* ------------------------- MESSAGE ------------------------- */

#DIV_Message {
	border-radius: 3px;
	color: white;
	margin: 10px;
	opacity: 0;
	padding: 10px;
	position: fixed;
	right: 0;
	top: -1000px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	max-width: 350px;
	z-index: 100;
}

#DIV_Message.show {
	opacity: 1;
	top: 0;
}

.msg_info {
	background-color: #808080;
}

.msg_warning {
	background-color: #ffcc00;
	color: black !important;
}

.msg_error {
	background-color: #dd0000;
}

#DIV_Message .btnClose {
	color: white;
	border-radius: 3px;
	float: right;
	font-weight: bold;
	margin: -5px -5px 0 0;
	padding: 0px 5px 2px 5px;
	text-decoration: none;
}

#DIV_Message .btnClose:hover {
	background-color: white;
	color: #dd0000;
}

.msg_warning .btnClose {
	color: black !important;
}

.msg_warning .btnClose:hover {
	background-color: black !important;
	color: #ffcc00 !important;	
}

.msg_info .btnClose:hover {
	color: #808080 !important;
}

#DIV_Message .title {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#DIV_Message ul {
	margin-top: 0;
	margin-bottom: 0;
}

#DIV_Blur {
	background-color: #d0d0d0;
	bottom: 0;
	left: 0;
	opacity: 0.9;
	position: fixed;
	right: 0;
	top: 0;
	vertical-align: 50%;
	z-index: 1000;
}

#DIV_BlurText {
	box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 1);
}

#DIV_BlurText div {
	background-color: white;
	border: 1px solid black;
	color: black;
	font-weight: bold;
	min-width: 300px;
	position: fixed;
	top: 45%;
	left: 40%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	z-index: 1001;
}

#DIV_BlurText img {
	margin-right: 10px;
}

.blur {
	-webkit-filter: blur(5px);
}

/* ------------------------- FOOTER ------------------------- */

#footer {
	color: #808080;
	clear: both;
	font-size: 10pt;
	padding: 25px 0 0 0;
	text-align: center;
}