@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	font-size:95%;
	font-family:candara;
	background:#eeeeee;
}
a {
	color:#577026;
}
a:hover {
	color:#333333;
}
.kolor
{background:#D3E3F5;}
.billtracker {
	position:relative;
	width:82.1%;
	min-height:652px;
	padding-left:17.9%;
}
.homepages {
	position:relative;
	width:100%;
	min-height:652px;
	padding-left:0%;
}
.yareey {
	min-height:0px !important;
}
#middlebar div.nextMBar #changelang {
display:inline-block;
margin-left:92%;
float:right;
color:#FFF;
font-weight:bold;
}
#middlebar div.nextMBar #bachome {
float:left;
display:inline-block;
margin-right:92%;
color:#FFF;
font-weight:bold;
}
#middlebar div.topMBar .luqadaha
{
	color:#F00808;
	text-align:right;
}
/*-------------------------------------------------*/
.theForm div.record span.check1 {
	float: left;
	margin:2% 0 0;
	color:#666666;
	font-size:0.9em;
	cursor:pointer;
}
.theForm span#add3Spaces {
	float:left;
	width:20px;
	margin-left:1.5%;
}
/*------------------------------BUTTON BACK----------------------*/
#workplace a#btnCancel,
#workplace div.showRecord #rightSide a#back,
#workplace #loadPage #dynamicQnd #filters a#back, 
#workplace #loadPage #dynamicQnd #filters a#noqo {
	float:right;
	width:8%;
	margin:1% 2% 0;
	padding:0.5% 0;
	font-size:1.1em;
	color:#666666;
	text-align:center;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	border:1px solid #dcdcdc;
}
/* ----------------------------------------------------------- */
/* ---------------------- dashboard -------------------------- */
/* ----------------------------------------------------------- */
#dashboard, #workplace {
	position:relative;
	width:100%;
}
#dashboard #middlebar, #workplace #middlebar {
	position:relative;
	height:100vh;
}
#dashboard #sidebar, #workplace #sidebar {
	position:fixed;
	height:100vh;
	width:17.9%;
	top:0;
	left:0;
	background:#0089CD;
	z-index:5;
	outline:none;
}
#sidebar #logoWrap {
	padding:1em 0.5em;
	text-align:center;
	background:#ffffff;
}
#sidebar #logoWrap img {
	position:relative;
}
#sidebar #logoWrap img#small {
	display:none;
}
/* --- */
#middlebar div.topMBar {
	float:left;
	width:100%;
	min-height:50px;
	background:#dddddd;
}
#middlebar div.topMBar #programName {
	float:left;
	width:60%;
	margin:1.3% 0 0 1.5%;
	font-size:1.2em;
}
#middlebar div.nextMBar {
	float:left;
	width:100%;
	border-bottom:1px dotted #bbb;
	min-height:40px;
	background:#ffffff;
	display:inline-block;
}
#middlebar div.nextMBar#headerbanaan{
	background:#083751;
	display:inline-block;
}
div.nextMBar label#positionLbl {
	float:left;
	width:70%;
	height:20px;
	margin:1% 0 0 1.3%;
	padding-left:2.3%;
	background:url(../images/system/post-icon.png) no-repeat;
	overflow:hidden;
}
div.nextMBar #baarlamaanka {
	display: block;
	margin: 0 auto;
	height:80px;
	background:url(../images/system/astaanta.png) center center no-repeat;
}
div.nextMBar span#fgs {
	position:relative;
	text-align:center;
	color:#fff;
}
div.nextMBar span#date {
	float:right;
	width:19.5%;
	margin:1% 0 0;
}
#middlebar div.lastMBar {
	float:left;
	width:96%;
	margin:1% 1.5% 0;
	border:1px dotted #bbb;
	min-height:100px;
	background:#ffffff;
}
#dashboard div.lastMBar label.title {
	float:left;
	width:98%;
	margin:2% 0 0 2%;
	font-size:1.2em;
	font-weight:bold;
}
/* --- */
#middlebar div.lastMBar.two {
	margin:1% 1.5% 2%;
	padding-bottom:3%;
}
#dashboard div.lastMBar #latest {
	float:left;
	width:100%;
	margin:3% 0 0;
	padding:2% 0;
	height:100px;
	overflow-y:auto;
	background:#eeeeee;
	border:1px dotted #aaa;
}
#dashboard div.lastMBar #latest #event, #dashboard div.lastMBar #latest #notice {
	float:left;
	width:96%;
	margin:0 0 1%;
	padding:2%;
	font-size:0.9em;
	border-bottom:1px dotted #aaa;
}
#dashboard div.lastMBar #latest #event:last-child, #dashboard div.lastMBar #latest #notice:last-child {
	border-bottom:none;
}
#dashboard div.lastMBar #latest #event label {
	float:left;
	width:70%;
	margin-left:4%;
	height:20px;
	overflow:hidden;
}
#dashboard div.lastMBar #latest #event span {
	float:right;
	width:24%;
	height:20px;
	overflow:hidden;
}
#dashboard div.lastMBar div#bottomBoxes label.title.two {
	margin:4% 0 0;
}
#dashboard div.lastMBar #latest #notice span#time {
	float:left;
	width:96%;
	margin-left:4%;
	font-style:italic;
}
#dashboard div.lastMBar #latest #notice label {
	float:left;
	width:96%;
	margin:1% 0 0 4%;
	height:20px;
	font-weight:600;
	overflow:hidden;
}

/* ----------------------------------------------------------- */
/* ------------------------ unknown -------------------------- */
/* ----------------------------------------------------------- */
div.unknown {
	float:left;
	width:90%;
	margin:1% 3%;
	padding:2% 0;
	min-height:204px;
	background:url(../images/system/oops.png) right 14px no-repeat;
}
div.unknown h3, div.unknown p, div.unknown ul {
	float:left;
	width:90%;
	margin:0 0 1%;
	font-size:1.05em;
}
div.unknown h3 {
	font-size:1.4em;
}
div.unknown p {
	margin:0 0 0.5%;
}
div.unknown ul {
	margin:0 0 1% 4%;
}
div.unknown ul li {
	margin:0 0 0.5%;
}
/* ----------------------------------------------------------- */
/* ------------------------- the form ------------------------ */
/* ----------------------------------------------------------- */
#workplace p#info {
	float:left;
	width:80%;
	margin:1.5% 2.5% 0;
	font-size:0.95em;
	color:#C2630C;
	letter-spacing:0.5px;
}
#workplace a#btnCancel {
	padding:0.6% 0;
	font-size:1em;
}
#workplace div.theForm {
	float:left;
	width:96%;
	margin:1% 2%;
}
#workplace div.theForm div.record {
	float:left;
	width:96%;
	padding:0.8% 2% 1%;
	border-bottom:1px dotted #CCCCCC;
}
#workplace div.theForm div.record:nth-child(even) {
	margin:0.03% 0;
	background:#F3F3F3;
}
#workplace div.theForm div.record.last {
	border-bottom:none;
	background:none;
}
#workplace div.theForm div.record .oneCol {
	float:left;
	width:100%;
}
#workplace div.theForm div.record .twoCol {
	float:left;
	width:48%;
}
#workplace div.theForm div.record .twoCol.two {
	float:right;
}
/**/

#workplace div.theForm div.record label#cinwaan {
	float:left;
	width:100%;
	margin:1% 0 2%;
	padding-bottom:1%;
	font-size:1.1em;
	font-weight:600;
	border-bottom:1px dotted #999999;
}
#workplace div.theForm div.record #leftPrt {
	float:left;
	width:30%;
	margin:1.2% 0 0;
	color:#444444; 
	font-size:0.95em;
}
#workplace div.theForm div.record .oneCol #leftPrt {
	width:14.5%;
	margin:0.5% 0 0;
}
#workplace div.theForm div.record #rghtPrt {
	float:left;
	width:70%;
}
.stages{color:#4189DD;}
#workplace div.theForm div.record div#qybIskuFur {
	float:left;
	width:100%;
}
#workplace div.theForm div.record div#row {
	float:left;
	width:100%;
	margin-bottom:1.5%;
}
#workplace div.theForm div#row div#qybMdg {
	float:left;
	width:28%;
	padding-top:1%;
	color:#444444;
}
#workplace div.theForm div#row div#qybBdx {
	float:right;
	width:70%;
}
#workplace div.theForm div.record span#red {
	position:relative;
	left:3px;
	color:#FF0000;
	font-weight:bold;
}
#workplace div.theForm input, #workplace div.theForm select, #workplace div.theForm textarea {
	float:left;
	height:28px;
	margin:0 1.5% 0 0;
	padding:0 0 0 1.5%;
	color:#666666;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#workplace div.theForm select {
	height:30px;
	background:none;
}
#workplace div.theForm select.multiple {
	height:auto;
}
#workplace div.theForm textarea {
	height:auto;
	padding:1% 0 0 1.5%;
}
#workplace div.theForm input[type="radio"] {
	height:auto;
	margin:0;
	padding:0;
	height:35px;
	/*margin:0 1.5% 0 0;
	padding:0 0 0 1.5%;
	color:#666666;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
}
#workplace div.theForm input[type="file"] {
	height:auto;
	margin:1% 0;
	padding:0;
	border:none;
}
#workplace div.theForm input:focus, #workplace div.theForm select:focus, #workplace div.theForm textarea:focus {
	outline:none;
	background:#ebfce9;
	border:1px solid #AAAAAA;
}
#workplace div.theForm input.vlarge, #workplace div.theForm textarea.vlarge {
	width:98%;
}
#workplace div.theForm input.large, #workplace div.theForm select.large {
	width:70%;
}
#workplace div.theForm select.large {
	width:70%;
}
#workplace div.theForm input.middle {
	width:45%;
}
#workplace div.theForm select.middle {
	width:52%;
}
#workplace div.theForm select.vmiddle {
	width:40%;
}
#workplace div.theForm div#tweet_feed {
	float:left;
	width:50%;
	margin:0.5% 0 0 1%;
	font-size:0.85em;
	color:#666666;
	font-style:italic;
}
/* --- */
#workplace div.theForm div.suggest {
	position:absolute;
	width:29.5%;
	margin-top:30px;
	padding:0.5%;
	background:#ffffff;
	border:1px solid #bbbbbb;
	display:none;
	z-index:100;
}
#workplace div.theForm div.suggest div#time {
	float:left;
	width:85%;
	margin:0 1% 1.5%;
	padding-left:13%;
	min-height:40px;
	background:url(../images/system/time-g@37.png) left 0 no-repeat;
}
#workplace div.theForm div.suggest div#time:hover {
	background-color:#f3f3f3;
}
#workplace div.theForm div.suggest p {
	float:left;
	width:100%;
	margin-bottom:1%;
	font-size:0.9em;
}
#workplace div.theForm div.suggest p#email {
	font-style:italic;
}
#workplace div.theForm div.suggest p#notFound {
	font-style:italic;
	text-align:center;
}
#workplace div.theForm div.suggest a {
	cursor:pointer;
}
/* --- */
#workplace div.theForm #photoArea {
	float:left;
	width:30%;
	height:10px;
	margin-bottom:3%;
	border:1px dotted #999999;
}
#workplace div.theForm #photoArea div#imgHolder {
	float:left;
	width:100%;
	height:10px;
	background:#e2eeec;
}
#workplace div.theForm #photoArea div#button {
	float:left;
	width:100%;
	height:25px;
	padding-top:5px;
	text-align:center;
	color:#FFFFFF;
	background:#627934;
}
#workplace div.theForm #photoArea div#imgHolder img {
	width:100%;
	height:50px;
}
#workplace div.theForm div#button input[type="file"] {
	cursor:pointer;
	height:auto;
	padding:0;
	margin:-20px 0 0;
	opacity:0;
	position:relative;
	width:100%;
	z-index:10;
}
#workplace div.theForm div#button span {
	position:relative;
	cursor:pointer;
	z-index:0;
}
#workplace div.theForm label.error {
	float:left;
	margin:1% 0 0;
	width:auto;
	padding:0 0 0 20px;
	color:#FF0000;
	line-height:18px;
	background:url(../images/system/error_s.png) left 3px no-repeat;
	display:none;
}
#workplace div.theForm .btnSubmit {
	float:right;
	margin-left:2%;
	padding:0.5% 3%;
	font-weight:600;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	line-height:1.8em;
	background:#24ADFB;
	background-image: -webkit-linear-gradient(top, #0089CD, #24ADFB);
	background-image: -moz-linear-gradient(top, #0089CD, #24ADFB);
	background-image: -ms-linear-gradient(top, #0089CD, #24ADFB);
	background-image: -o-linear-gradient(top, #0089CD, #24ADFB);
	background-image: linear-gradient(to bottom, #0089CD, #24ADFB);
	border:1px solid #24ADFB;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#workplace div.theForm .btnSubmit:hover {
	background:#0089CD;
	background-image: -webkit-linear-gradient(top, #627934, #0089CD);
	background-image: -moz-linear-gradient(top, #627934, #0089CD);
	background-image: -ms-linear-gradient(top, #627934, #0089CD);
	background-image: -o-linear-gradient(top, #627934, #0089CD);
	background-image: linear-gradient(to bottom, #627934, #0089CD);
}
#workplace div.theForm label#process {
	float:right;
	margin:1.3% 0 0;
	width:20px;
	height:16px;
	background:url(../images/system/loading.gif) no-repeat;
	display:none;
}
#workplace div.theForm.addDonate label#process {
	float:left;
	margin:6% 0 0 3%;
}
/* --- */
#workplace div.theForm div.record div.findBy {
	float:left;
	width:23%;
	margin:1.5% 3% 0 0;
}
#workplace div.theForm div.record div.findBy input[type="radio"] {
	margin:3% 5% 0 0;
}
#workplace div.theForm div.record div.findBy span {
	cursor:pointer;
}
#workplace div.theForm div.record div#clear {
	float:left;
	width:100%;
	height:10px;
}
#workplace div.theForm div.record div.displayInfo {
	float:left;
	width:100%;
	margin:0.5% 0 0;
	display:none;
}
#workplace div.theForm div.record div.displayInfo label#cinwan {
	float:left;
	width:92%;
	padding:1% 4%;
	color:#FFFFFF;
	background:#666666;
}
#workplace div.theForm div.record div.displayInfo p {
	float:left;
	width:60.8%;
	padding:1% 0 1% 4%;
	font-style:italic;
	border:1px dotted #999999;
	border-top:none;
}
#workplace div.theForm div.record div.displayInfo p#midigta {
	width:30%;
	margin-right:0.2%;
	font-style:normal;
	border-right:none;
}
#workplace div.theForm button#btnDonate  {
	float:left;
	margin:2% 0 0;
	padding:2% 5%;
}
#workplace div.theForm fieldset {
	width:96%;
	border:1px solid #cccccc;
	padding:2% 3%;
}
#workplace div.theForm legend {
	margin-left:3%;
	padding:1% 2%;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#workplace div.theForm legend#small {
	width:15%;
}
#workplace div.theForm legend#middle {
	width:20%;
}
#workplace div.theForm legend#large {
	width:50%;
}
#workplace div.theForm fieldset div.phases {
	float:left;
	width:100%;
}
#workplace div.theForm fieldset div.phases > div p {
	float:left;
	width:24%;
	margin-bottom:1%;
}
#workplace div.theForm fieldset div.phases.instalmnt > div p:first-child {
	float:left;
	width:45%;
	margin-bottom:1%;
}
#workplace div.theForm fieldset div.phases.document > div p {
	float:left;
	width:100%;
	margin-bottom:1%;
}
#workplace div.theForm fieldset > div.phases input {
	width:90%;
	padding-left:5%;
}
#workplace div.theForm fieldset a#addPhase {
	float:left;
	margin-top:1%;
	padding:1.3% 3%;
	font-size:0.9em;
	color:#333333;
	border:1px solid #666666;
	background:#aaaaaa;
	cursor:pointer;
}
/* --- */
#workplace div.theForm #photo {
	float:left;
	width:70px;
	height:70px;
	margin-bottom:1%;
	margin-left:2%;
	border:1px dotted #999999;
}
#workplace div.theForm #photo div.imgHolder {
	float:left;
	width:100%;
	height:70px;
	background:#e2eeec;
}
#workplace div.theForm #photo div.imgHolder img {
	width:100%;
	height:70px;
}
#workplace div.theForm #photo input[type="file"] {
	cursor:pointer;
	height:60px;
	padding:0;
	margin:-70px 0 0;
	opacity:0;
	position:relative;
	width:100%;
	z-index:10;
}
#workplace div.theForm #photo input[type="file"]:hover { 
	cursor:pointer;
}
/* ----------------------------------------------------------- */
/* ------------------------ load page ------------------------ */
/* ----------------------------------------------------------- */
#workplace #loadPage {
	float:left;
	width:96%;
	margin:1% 2%;
}
#workplace #loadPage #command {
	float:left;
	width:100%;
}
#workplace #loadPage #command #searchBox {
	float:left;
	width:45%;
}
#workplace #loadPage #command .filters {
	float:right;
	width:50%;
}
#workplace #loadPage #command .filters.second {
	margin-top:1%;
}
#workplace #loadPage #command #searchBox input.qoralka {
	float:left;
	width:100%;
	padding-left:7%;
	height:32px;
	background:url(../images/system/bg-search.png) 10px no-repeat;
	border:1px solid #cccccc;
}
#workplace #loadPage #command input:focus {
	outline:none;
	background:#ebfce9;
	border:1px solid #AAAAAA;
}
#workplace #loadPage #command #searchBox div.suggest {
	position:absolute;
	width:40.2%;
	margin:2.8% 0 0;
	padding:0.5%;
	background:#FFFFFF;
	border:1px solid #bbbbbb;
	display:none;
	z-index:100;
}
#workplace #loadPage #command #searchBox div.suggest a {
	color:#333333;
	display:block;
	cursor:pointer;
}
#workplace #loadPage #command #searchBox div.suggest #time {
	float:left;
	width:85%;
	margin:0 2.5% 1%;
	padding-left:10%;
	min-height:30px;
	background:url(../images/system/time-b@32.png) no-repeat;
}
#workplace #loadPage #command #searchBox div.suggest #profile {
	float:left;
	width:95%;
	margin:0 2.5% 1%;
	min-height:30px;
}
#workplace #loadPage #command #searchBox div.suggest div#time:hover, 
#workplace #loadPage #command #searchBox div.suggest #profile:hover {
	background-color:#f3f3f3;
}
#workplace #loadPage #command #searchBox div.suggest p {
	float:left;
	width:100%;
	margin-bottom:0.5%;
	font-size:0.9em;
}
#workplace #loadPage #command #searchBox div.suggest p#notFound {
	font-style:italic;
	text-align:center;
}
/* -- */
#workplace #loadPage #command #searchBox div.suggest #profile img {
	float:left;
	width:40px;
	height:40px;
	background-size:cover;
	background-position:center center;
	-webkit-border-radius:99em;
	-moz-border-radius:99em;
	border-radius:99em;
	border:1px solid #999999;
}
#workplace #loadPage #command #searchBox div.suggest #profile p {
	width:85%;
	margin-left:2%;
}
#workplace #loadPage #command a.btnAddNew {
	float:right;
	padding:1.5% 4%;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	background:#0089CD;
	background-image: -webkit-linear-gradient(top, #24ADFB, #0089CD);
	background-image: -moz-linear-gradient(top, #24ADFB, #0089CD);
	background-image: -ms-linear-gradient(top, #24ADFB, #0089CD);
	background-image: -o-linear-gradient(top, #24ADFB, #0089CD);
	background-image: linear-gradient(to bottom, #24ADFB, #0089CD);
	border:1px solid #0089CD;
}
#workplace #loadPage #command a.btnAddNew:hover {
	background:#0089CD;
	background-image: -webkit-linear-gradient(top, #24ADFB, #0089CD);
	background-image: -moz-linear-gradient(top, #24ADFB, #0089CD);
	background-image: -ms-linear-gradient(top, #24ADFB, #0089CD);
	background-image: -o-linear-gradient(top, #24ADFB, #0089CD);
	background-image: linear-gradient(to bottom, #24ADFB, #0089CD);
}
#workplace #loadPage #command .filters div.sort {
	float:left;
	width:24%;
}
#workplace #loadPage #command .filters div.sort.middle {
	margin-top:1%;
}
#workplace #loadPage #command .filters div.sort input[type="radio"] {
	float:left;
	margin:2.5% 0 0;
}
#workplace #loadPage #command .filters div.sort input#donSortCustom {
	margin:7% 5% 0 0;
}
#workplace #loadPage #command .filters div.sort span {
	float:left;
	margin-left:3%;
	font-size:0.95em;
}
#workplace #loadPage #command .filters div.sort input[type="text"],
#workplace #loadPage #command .filters div.sort select {
	float:left;
	width:90%;
	height:28px;
	padding-left:5%;
	color:#666666;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#workplace #loadPage #command .filters div.sort input.custom {
	width:50%;
}
#workplace #loadPage #command .filters div.sort select {
	height:30px;
	width:95%;
	background:none;
}
#workplace #loadPage #command .filters div.sort select:focus {
	outline:none;
	background:#ebfce9;
	border:1px solid #AAAAAA;
}
/* --- */
#workplace #loadPage #dynamicQnd {
	float:left;
	width:99.5%;
	margin:1% 0;
}
#workplace #loadPage #dynamicQnd #foundNum {
	float:left;
	width:75%;
	margin:0 0 1%;
	padding:0.5% 1%;
	font-size:0.9em;
	background:#C5E8FC;
	border:1px dotted #059FF7;
}
#workplace #loadPage #dynamicQnd label#title {
	float:left;
	width:96%;
	margin:0 0 1% 2%;
	font-weight:600;
}
#workplace #loadPage #dynamicQnd #dataTable {
	float:left;
	width:100%;
	margin:0 0 2%;
	min-height:200px;
	border-top:1px dotted #999999;
}
#workplace #loadPage #dataTable div#loading {
	float:left;
	width:100%;
	margin:2% 0 0;
	text-align:center;
	background:url(../images/system/loading@2x.gif) center 0 no-repeat;
	height:48px;
	display:none;
}
#workplace #loadPage #dataTable p#noRecords {
	float:left;
	width:100%;
	margin:2% 0;
	font-size:0.95em;
	text-align:center;
	color:#666666;
}
#workplace #loadPage #dataTable #record {
	float:left;
	width:100%;
	font-size:0.9em;
	border:1px dotted #999999;
	border-top:none;
}
#workplace #loadPage #dataTable #record.num2 {
	background:#F3F3F3;
}
#workplace #loadPage #dataTable #record.header {
	color:#FFFFFF;
	background:#0089CD;
}
#workplace #loadPage #dataTable div.cave {
	float:left;
	width:auto;
	height:auto;
	line-height:23px;
	margin:0 0 0 1%;
	padding:0.5% 0 1% 1%;
	
	overflow:visible;
	display: table;
height: 45px !important;
}
#workplace #loadPage #dataTable div.cave#kabatay {
	overflow:auto;
}
#workplace #loadPage #dataTable #record.header div.cave {
	border-left:1px dotted #FFFFFF;
}
#workplace #loadPage #dataTable div.cave:first-child {
	border-left:none !important;
}
#workplace #loadPage #dataTable div.cave.button {
	width:8%;
}
#workplace #loadPage #dataTable div.cave.serial {
	width:4%;
}
#workplace #loadPage #dataTable div.cave.serial2 {
	width:2%;
}
#workplace #loadPage #dataTable div.cave.dragable {
	height:auto;
	min-height:18px;
}
#workplace #loadPage #dataTable div.cave.short {
	width:7%;
}
#workplace #loadPage #dataTable div.cave.xshorts {
	width:4%;
}
#workplace #loadPage #dataTable div.cave.shorts {
	width:6%;
}
#workplace #loadPage #dataTable div.cave.lshort {
	width:10%;
}
#workplace #loadPage #dataTable div.cave.middle {
	width:16%;
}
#workplace #loadPage #dataTable div.cave.mmiddle {
	width:14%;
}
#workplace #loadPage #dataTable div.cave.lmiddle {
	width:24%;
}
#workplace #loadPage #dataTable div.cave.xmiddle {
	width:23%;
}
#workplace #loadPage #dataTable div.cave.vmiddle {
	width:28%;
}
#workplace #loadPage #dataTable div.cave.long {
	width:35%;
}
#workplace #loadPage #dataTable div.cave.xlong {
	width:30%;
}
#workplace #loadPage #dataTable div.cave.vlong {
	width:45%;
}
#workplace #loadPage #dataTable div.cave.xxlong {
	width:64%;
}
#workplace #loadPage #dataTable div.cave.button a {
	float:left;
	width:16px; height:16px;
	margin:2% 11% 0 0;
	cursor:pointer;
	text-decoration:none;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#workplace #loadPage #dataTable div.cave.button a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#workplace #loadPage #dataTable div.cave.button a#view {
	background:url(../images/system/b_view.png) no-repeat;
}
/*#workplace #loadPage #dataTable div.cave.button,div.cave.short a#update {
	background:url(../images/system/bd_edit.png) no-repeat;
}*/
#workplace #loadPage #dataTable div.cave.button a#delete {
	background:url(../images/system/b_delete.png) no-repeat;
}

#workplace #loadPage #dataTable div.cave.button a#view {
	background:url(../images/system/b_view.png) no-repeat;
}
/*#workplace #loadPage #dataTable div.cave.button,div.cave.short a#update {
	background:url(../images/system/bd_edit.png) no-repeat;
}
#workplace #loadPage #dataTable div.cave.button a#delete {
	background:url(../images/system/b_delete.png) no-repeat;
}
/* --- */
#workplace #loadPage #btnDisplayMore {
	float:left;
	width:20%;
	margin:2% 1% 2% 40%;
	min-height:32px;
	color:#555555;
	font-size:0.8em;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #FFFFFF;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FFFFFF;
	box-shadow:inset 0px 1px 0px 0px #FFFFFF;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EDEDED), color-stop(1, #DFDFDF));
	background:-moz-linear-gradient(top, #EDEDED 5%, #DFDFDF 100%);
	background:-webkit-linear-gradient(top, #EDEDED 5%, #DFDFDF 100%);
	background:-o-linear-gradient(top, #EDEDED 5%, #DFDFDF 100%);
	background:-ms-linear-gradient(top, #EDEDED 5%, #DFDFDF 100%);
	background:linear-gradient(to bottom, #EDEDED 5%, #DFDFDF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DFDFDF',GradientType=0);
	background-color:#EDEDED;
	border:1px solid #DCDCDC;
	text-shadow:0px 1px 0px #FFFFFF;
}
#workplace #loadPage #btnDisplayMore:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DFDFDF), color-stop(1, #EDEDED));
	background:-moz-linear-gradient(top, #DFDFDF 5%, #EDEDED 100%);
	background:-webkit-linear-gradient(top, #DFDFDF 5%, #EDEDED 100%);
	background:-o-linear-gradient(top, #DFDFDF 5%, #EDEDED 100%);
	background:-ms-linear-gradient(top, #DFDFDF 5%, #EDEDED 100%);
	background:linear-gradient(to bottom, #DFDFDF 5%, #EDEDED 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#EDEDED',GradientType=0);
	background-color:#DFDFDF;
}
#workplace #loadPage #dataTable span#loading {
	float:left;
	width:50px;
	margin:3% 0 0;
	text-align:center;
	background:url(../images/system/loading.gif) center 0 no-repeat;
	height:48px;
	display:none;
}
#workplace #loadPage .noneLink {
	display:none;
}
#workplace #loadPage #no_more {
	float:left;
	width:50%;
	margin:2% 25%;
	min-height:36px;
	text-align:center;
}
/* --- */
#workplace #loadPage #inlineForm {
	float:left;
	width:100%;
}
#workplace #loadPage #inlineForm div.record {
	float:left;
	width:100%;
	margin-bottom:1%;
}
#workplace #loadPage #inlineForm div.record div.left {
	float:left;
	margin:0.5% 0 0 2%;
}
#workplace #loadPage #inlineForm div.record div.left.middle {
	width:30%;
}
#workplace #loadPage #inlineForm input {
	float:left;
	width:90%;
	height:28px;
	margin:0 1.5% 0 0;
	padding:0 0 0 2%;
	color:#666666;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#workplace #loadPage #inlineForm input:focus {
	outline:none;
	background:#ebfce9;
	border:1px solid #AAAAAA;
}
#workplace #loadPage #inlineForm .btnSubmit {
	float:left;
	width:25%;
	margin-right:3%;
	padding:0.5% 3%;
	font-weight:600;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	line-height:1.8em;
	background:#627934;
	background-image: -webkit-linear-gradient(top, #0089CD, #627934);
	background-image: -moz-linear-gradient(top, #0089CD, #627934);
	background-image: -ms-linear-gradient(top, #0089CD, #627934);
	background-image: -o-linear-gradient(top, #0089CD, #627934);
	background-image: linear-gradient(to bottom, #0089CD, #627934);
	border:1px solid #627934;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#workplace #loadPage #inlineForm .btnSubmit:hover {
	background:#0089CD;
	background-image: -webkit-linear-gradient(top, #627934, #0089CD);
	background-image: -moz-linear-gradient(top, #627934, #0089CD);
	background-image: -ms-linear-gradient(top, #627934, #0089CD);
	background-image: -o-linear-gradient(top, #627934, #0089CD);
	background-image: linear-gradient(to bottom, #627934, #0089CD);
}
#workplace #loadPage #inlineForm label#process {
	float:left;
	margin:3% 0 0 2%;
	width:20px;
	height:16px;
	background:url(../images/system/loading.gif) no-repeat;
	display:none;
}
#workplace #loadPage #inlineForm label.error {
	float:left;
	margin-top:1.7%;
	padding:0 0 0 20px;
	color:#FF0000;
	background:url(../images/system/error_s.png) left 3px no-repeat;
	display:none;
}
/* ----------------------------------------------------------- */
/* ------------------------- reports ------------------------- */
/* ----------------------------------------------------------- */
#workplace div.reportArea {
	float:left;
	width:95%;
	margin:2% 2.5%;
}
#workplace div.reportArea div.oneDiv {
	float:left;
	width:24%;
	margin:0 1% 1% 0;
}
#workplace div.reportArea div#clear {
	float:left;
	width:100%;
	border-bottom:1px dotted #bbbbbb;
	margin:0 0 1%;
}
#workplace div.reportArea div.oneDiv input[type="radio"] {
	float:left;
	margin:2% 3% 0 0;
}
#workplace div.reportArea div.oneDiv input[type="radio"] ~ span {
	float:left;
	margin-top:1%;
	font-size:0.95em;
	cursor:pointer;
}
/* -- */
#workplace div.reportArea div#filterCmdPrcess {
	float:left;
	width:100%;
	margin-top:2%;
}
#workplace div.reportArea div#filterCmdPrcess #filterWrap {
	float:left;
	width:74%;
	margin-right:25%;
}
#workplace div.reportArea button {
	float:left;
	width:10%;
	margin:0.5% 0 0 11.1%;
	height:30px;
}
#workplace div.reportArea button.raadi {
	width:30%;
	height:40px;
	background-color:#1369CD;
	color:#fff;
	font-size:18px;
}
#workplace div.reportArea label#process {
	float:left;
	margin:1.5% 0 0 2%;
	width:20px;
	height:16px;
	background:url(../images/system/loading.gif) no-repeat;
	display:none;
}
#workplace div.reportArea label.qaladka {
	float:left;
	margin:1% 0 0 2%;
	padding:0 0 0 20px;
	color:#ff0000;
	font-size:0.85em;
	line-height:18px;
	background:url(../images/system/error_s.png) left 3px no-repeat;
	display:none;
}
/* -- */
#workplace div.reportArea div#filterWrap div.filter {
	float:left;
	margin-bottom:0.8%;
	display:none;
}
#workplace div.reportArea div#filterCmdPrcess div.filter.byDonors {
	display:inline;
}
#workplace div.reportArea div#filterCmdPrcess #filterWrap div {
	float:left;
	width:100%;
}
#workplace div.reportArea div#filterWrap div.filter label {
	float:left;
	width:15%;
	margin-top:0.7%;
	font-size:0.95em;
	color:#555;
}
#workplace div.reportArea div#filterWrap div.filter input[type="text"],
#workplace div.reportArea div#filterWrap div.filter input[type="month"], 
#workplace div.reportArea div#filterWrap div.filter select {
	float:left;
	width:25%;
	height:30px;
	margin-right:1.5%;
	padding:0 0 0 1%;
	color:#666666;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#workplace div.reportArea div#filterWrap div.filter select {
	width:16.1%;
	margin-right:1.5%;
	height:32px;
	-webkit-appearance:none;
	background:#ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=') 96% center no-repeat;
}
#workplace div.reportArea div#filterWrap div.filter select.long {
	width:26.2%;
}
#workplace div.reportArea div#filterWrap div.filter input[type="text"]:focus,
#workplace div.reportArea div#filterWrap div.filter input[type="month"]:focus, 
#workplace div.reportArea div#filterWrap div.filter select:focus {
	outline:none;
	background-color:#eefaeb;
	border:1px solid #aaaaaa;
}
/* -- report show */
#workplace a#noqo {
	margin:0 !important;
	padding:0.4% 0 !important;
}
#workplace div#loadPage div#dynamicQnd h1#MPName {
	float:left;
	width:80%;
	margin:0 0 0.7% 5%;
	font-weight:700 !important;
	letter-spacing:0.5px;
	text-align:center;
	line-height:38px;
	color:#4189DD;
}
#workplace div#loadPage div#dynamicQnd p#mpinfo {
	float:left;
	margin-left:3%;
}
#spaces
{
	margin-right:7%;
}
#workplace div#loadPage div#dynamicQnd h3#title {
	float:left;
	width:80%;
	margin:0 0 0.7% 5%;
	font-size:1.15em;
	font-weight:500;
	letter-spacing:0.5px;
	text-align:center;
}
#workplace div#loadPage div#dynamicQnd h3#billinfo {
	float:left;
	width:80%;
	margin:0 0 0.7% 5%;
	font-size:1.15em;
	font-weight:500;
	letter-spacing:0.5px;
}
#workplace div#loadPage div#dynamicQnd h5#dates {
	float:left;
	width:80%;
	margin:0 0 0.5% 5%;
	font-size:0.95em;
	letter-spacing:0.5px;
	text-align:center;
	font-weight:normal;
}
#workplace div#loadPage div#dynamicQnd h5#dates.second {
	margin:0 0 2% 5%;
}
#workplace #loadPage #dynamicQnd a#print.report {
	float:left;
	margin:1.5% 0 0 10% !important;
}
#workplace #loadPage #dynamicQnd #lastDiwan {
	float:right;
	width:33.7%;
	margin:1.5% 0 0 62.6%;
	font-size:0.95em;
}
#workplace #loadPage #dynamicQnd #lastDiwan #header {
	float:left;
	width:100%;
	background:#5c6b3d;
	color:#ffffff;
}
#workplace #loadPage #dynamicQnd #lastDiwan #record {
	float:left;
	width:99.5%;
	border:1px dotted #999999;
	border-top:none;
}
.Inform
{
	color:#A5ABAF;
}
#workplace div#loadPage div#dynamicQnd .rightconner
{
	float:right !important;
	background:url(../../assets/images/system/print.jpg) center center no-repeat;
}
/*--------------------*/
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
}
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}
.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}
.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}
.pika-title {
    position: relative;
    text-align: center;
}
.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}
.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}
.pika-select {
    display: inline-block;
    *display: inline;
}
.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}
.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}
.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}
.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}
.pika-week {
    font-size: 11px;
    color: #999;
}
.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}
.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}
.is-inrange .pika-button {
    background: #D5E9F7;
}
.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}
.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}
.pika-button:hover {
    color: #fff;
    background:#009900;
    box-shadow: none;
    border-radius: 3px;
}
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}
.buluug{color:#022F63;font-weight:bold;}
.oranji{color:#B85C09;font-weight:bold;}
#workplace div#loadPage div#dynamicQnd h1#billview {
	float:left;
	width:80%;
	margin:0 0 0.7% 5%;
	font-weight:700 !important;
	letter-spacing:0.5px;
	text-align:center;
	line-height:38px;
	color:#B85C09;
}
.buluugga{color:#42C0FB;text-decoration:none;}
a:link .buluugga{text-decoration:none;}