/*@font-face {
font-family: 'Entypo';
    src: url('themes/djime-cerulean/Entypo.eot#') format('embedded-opentype'),
         url('themes/djime-cerulean/Entypo.woff') format('woff'),
         url('themes/djime-cerulean/Entypo.svg') format('svg'),
         url('themes/djime-cerulean/Entypo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
font-family: 'OpenSymbol';
    src: url('themes/djime-cerulean/OpenSymbol.eot#') format('embedded-opentype'),
         url('themes/djime-cerulean/OpenSymbol.woff') format('woff'),
         url('themes/djime-cerulean/OpenSymbol.svg') format('svg'),
         url('themes/djime-cerulean/OpenSymbol.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {margin:0;padding:0}
.clear { clear: both; height: 0; }

.wat-cf:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.wat-cf {display: inline-block;}

/* Hides from IE-mac \*/
html .wat-cf {height: 1%;}
.wat-cf {display: block;}
/* End hide from IE-mac */

.banner {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 346px; /* Width of new image */
  height: 340px; /* Height of new image */
  padding-left: 346px; /* Equal to width of new image */
}

h1 { margin: 15px 0; font-size: 22px; font-weight: normal; }
h2 { font-size: 22px; margin: 15px 0; font-weight: normal;}
h3 { font-size: 18px; margin: 10px 0; font-weight: normal;}
h4 { font-size: 16px; margin: 10px 0; font-weight: normal;}
hr {height: 1px; border: 0; }
p { margin: 15px 0;}
a img { border: none; }

hr {
    margin: 0 3px 0 3px;
    background-color:none; 
    border-top: medium double #499ccd;
    border-bottom: medium double #499ccd;
    border-width:3.5px; height: 1px; 
    /*box-shadow: inset 0 12px 12px -12px rgba(116,114,115,0.5);*/
}

/* CGridView Search filter boxes alignment hack */
input[type="text"]
{
   box-sizing: border-box; min-height: 30px;
}

#container {
  min-width: 960px;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5); 
}

#header, #wrapper {
  padding: 0 20px;
}

#header {
  position: relative;
  padding-top: 1px;  
}

#header h1 {
  margin: 0;
  padding: 10px 0;  
  font-size: 26px;
}

#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
  text-decoration: none;
}

#main {  
  width: 70%;
  float: left;    
}

.actions-bar {
  padding: 10px 1px;
}

.actions-bar .actions {
  float: left;
}


.actions-bar .pagination {
  float: right;
  padding: 1px 0;
}

#sidebar {
  width: 25%;
  float: right;      
}

#sidebar h3 {  
  font-family:Tahoma, Geneva, sans-serif;
  padding: 10px 15px;
  margin: 0;
  font-size: 13px;
}

#sidebar .block {
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#sidebar .block .content {
  padding: 0 15px;
}

#sidebar ul.navigation li a:link, #sidebar ul.navigation li a:visited {
  font-family:Tahoma, Geneva, sans-serif;
  display: block;
  padding: 10px 15px;
}

#sidebar p {  
  text-align:left;
  line-height:180%;
  font-weight: bold;
}

.inactive
{
  display: block;
  padding: 10px 15px;
  pointer-events: none;
  cursor: default;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#sidebar .block .sidebar-block, #sidebar .notice {
  padding:10px;
}

#wrapper {
  padding-top: 20px;
}

#main .block {
  margin-bottom: 20px;
  padding-top: 1px;
}

#main .block .content .inner {
  padding: 0 15px 15px;  
}

#main .block .content .inner blockquote{
  font-style:italic;
  font-weight: bold;  
}

#main .main p.first {
  margin-top: 0;
}

#user-navigation {
  position: absolute;
  top: 0px;
  right: 20px;  
}

#main-navigation {
  width: 70%;
}

#user-navigation ul, #main-navigation ul, .secondary-navigation ul, #sidebar ul.navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#user-navigation ul li, #main-navigation ul li, .secondary-navigation ul li {
  float: left;  
}

#main-navigation ul li {
  margin-right: 5px;
}

#user-navigation ul li {
  padding: 5px 10px;
}

#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
  text-decoration: none;
}

#main-navigation ul li a {
  font-size: 11px;
  display: block;
  padding: 8px 15px;
}

.secondary-navigation {
  font-size: 13px;  
  border-bottom-width: 10px;
  border-bottom-style: solid;
}

.secondary-navigation ul li a {
  display: block;
  padding: 10px 15px;  
}

#footer {
  padding-bottom: 20px;
}

/* pagination */

.pagination a, .pagination span, .pagination em {
  padding: 2px 5px;
  margin-right: 5px; 
  display: block;
  float: left;
  border-style: solid;
  border-width: 1px;
}

.pagination em {
  font-weight: bold;  
}

.pagination a {
  text-decoration: none;  
}

/* tables */
.table {
  width: 100%;
  border-collapse: collapse;  
  margin-bottom: 15px;
}

.table th {
  padding: 10px;
  font-weight: bold;
  text-align: left;
}

.table th.first {
  width: 30px;
}

.table th.last {
  width: 200px;  
}

.table .checkbox {
  margin-left: 10px;
}

.table td {
  padding: 10px;
}

.table td.last {
  text-align: right;
}

/* forms */

input.checkbox {
  margin: 0;
  padding: 0;
}

.form .group {
  margin-bottom: 15px;
}

.form div.left {
  width: 20%;
  float: left;
}

.form div.right {
  width: 75%;
  float: right;
}

.form .columns .column {
  width: 48%;
}

.form .columns .left {
  float: left;
}

.form .columns .right {
  float: right;
}

.form label.label, .form input.text_field, .form textarea.text_area {
  font-size: 1.2em;
  padding: 1px 0;
  margin: 0;
}

.form label.right {
  text-align: right;
}

.form input.checkbox, .form input.radio {
  margin-right: 5px;
}

.form label.checkbox, .form label.radio {
  line-height: 1.5em;
}

.form label.label {
  display: block;
  padding-bottom: 2px;  
  font-weight: bold;
}

.form div.fieldWithErrors label.label {
  display: inline;
}

.form .fieldWithErrors .error {
  color: red;
}

.form input.text_field, .form textarea.text_area {
  width: 100%;
  border-width: 1px;
  border-style: solid;
}

/* lists */

ul.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.list li {
  clear: left;
  padding-bottom: 5px;
}

ul.list li .left {
  float: left;  
}

ul.list li .left .avatar {
  width: 50px;
  height: 50px;
}

ul.list li .item {
  margin-left: 80px;
}

ul.list li .item .avatar {
  float: left;
  margin: 0 5px 5px 0;
  width: 30px;
  height: 30px;
}

/* box */

#box {
  width: 500px;
  margin: 50px auto;  
}

#box .block {
  margin-bottom: 20px;
}

#box .block h2 {
  padding: 10px 15px;
  margin: 0;  
}

#box .block .content {
  padding: 10px 20px;
}

.color-green { color: green; }
.color-red { color: red; }
/* CJuiAccordion */
.ui-accordion-header { background-color: transparent; }
.ui-accordion-content { background-color: transparent; }
h3 { outline:none; }

/*  Inspired by http://particletree.com/features/rediscovering-the-button-element */

a.button:link, a.button:visited, a.button:hover, a.button:active, button.button {
  color: #222;
  display:block;
  float:left;
  margin:0 7px 0 0;
  background-color: #eee;
  border:1px solid #bfbfbf;
  font-size: 1em;
  line-height: 1.3em;
  font-weight:bold;
  cursor:pointer;
  padding:5px 10px 6px 7px;
  text-decoration: none;
}

button.button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}
button.button[type] {
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}

*:first-child+html button.button[type] {
  padding:4px 10px 3px 7px; /* IE7 */
}

button.button img, a.button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

button.button:hover, a.button:hover {
  background-color:#dedede;
}

button.button:active, a.button:active {
  background-color:#e5e5e5;
}
.text_button_padding{
  color: #222222;
  display: block;
  float: left;
  font-size: 1em;
  line-height: 2em;
  margin: 0 7px 0 0;
  padding: 5px 0 6px 7px;
  text-decoration: none;
}
.link_button{
  cursor: pointer;
}

    .isonbutton
    {
        display: inline-block; text-align: left;
	width: 15em;
        white-space: nowrap;
        background-color: #918f8f;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#a19fa1), to(#3b3a3b));
        background-image: -webkit-linear-gradient(top, #a19fa1, #3b3a3b);
        background-image: -moz-linear-gradient(top, #a19fa1, #243b3a3b);
        background-image: -ms-linear-gradient(top, #a19fa1, #3b3a3b);
        background-image: -o-linear-gradient(top, #a19fa1, #3b3a3b);
        background-image: linear-gradient(top, #a19fa1, #3b3a3b);
        border: 1px solid #777;
        padding: 0 1.5em;
	/*margin: 1em 0 2em 0;*/
	margin: 1em 0 1em 0;
        font: bold 1em/2em 'Myriad Pro',Arial, Helvetica;
	line-height: 3.5em;
        font-size: 1.5em;
        text-decoration: none;
        color: white;
        text-shadow: 0 1px 0 rgba(0,0,0,.8);
        -moz-border-radius: .6em;
        -webkit-border-radius: .6em;
        border-radius: .6em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    }

    .isonbutton:hover
    {
	color: #415a8d;
        background-color: #eee;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #434243 0%, #9C9A9A 50%, #434243 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #434243 0%, #9C9A9A 50%, #434243 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #434243 0%, #9C9A9A 50%, #434243 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #434243), color-stop(0.5, #9C9A9A), color-stop(1, #434243));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #434243 0%, #9C9A9A 50%, #434243 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #434243 0%, #9C9A9A 50%, #434243 100%);
    }

    .isonbutton:active
    {
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
    }

    .isonbutton:focus
    {
        outline: 0;
        background: #fafafa;
    }    

    .isonbutton:before
    {
        background: #918f8f;
        /*background: rgba(0,0,0,.1);*/
        float: left;
        text-align: center;
/*        width: 2em;*/
/*        font-size: 1.5em; */
/*        margin: 0 1em 0 -1em;*/
/*        padding: 0 .2em;*/
 	font-family: 'OpenSymbol';
        width: 1.8em; height: 1.8em;
        font-size: 2em; font-weight: normal; line-height: 1.5em;
	margin: -0.01em 0.4em 0em -0.75em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.28), 2px 0 0 rgba(255,255,255,.28);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.28), 2px 0 0 rgba(255,255,255,.28);
        box-shadow: 1px 0 0 rgba(0,0,0,.28), 2px 0 0 rgba(255,255,255,.28);
        -moz-border-radius: .28em 0 0 .28em;
        -webkit-border-radius: .28em 0 0 .28em;
        border-radius: .28em 0 0 .28em;
        pointer-events: none;		
    }
	
	button.isonbutton, input.isonbutton 
	{ 
		cursor: pointer;
		overflow: visible; /* removes extra side spacing in IE */
	}
	
	/* removes extra inner spacing in Firefox */
	button::-moz-focus-inner 
	{
	  border: 0;
	  padding: 0;
	}
	
	/* If line-height can't be modified, then fix Firefox spacing with padding */
	 input::-moz-focus-inner 
	{
	  padding: .4em;
	}

	/* The disabled styles */
	.isonbutton[disabled], .isonbutton[disabled]:hover, .isonbutton.disabled, .isonbutton.disabled:hover 
	{
		background: #eee;
		color: #aaa;
		border-color: #aaa;
		cursor: default;
		text-shadow: none;
		position: static;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;		
	}

   .isonbutton.ontheleft
   {
	/*margin-right:3em;*/
	margin-right:2em;
   }
   .isonbutton.enter
   {
	margin-right:80em;
   }

   .blue:before
    {
	background: #52aee5;
    }
    .blue:hover:before { color: #a19fa1;}
    .blue:hover { color: #52aee5;}

   .white:before
    {
	background: white; color: #a19fa1;
    }
    .white:hover:before { color: black;}
    .white:hover { color: black; }

   .yellow:before
    {
	background: #f2ef1d;
    }
    .yellow:hover:before { color: #a19fa1;}
    .yellow:hover { color: #f2ef1d;}

   .purple:before
    {
	background: #8d1b8f;
    }
    .purple:hover:before { color: #a19fa1;}
    .purple:hover { color: #8d1b8f;}

   .orange:before
    {
	background: #ff8041;
    }
    .orange:hover:before { color: #a19fa1;}
    .orange:hover { color: #ff8041;}

   .green:before
    {
	background: #70db70;
    }
    .green:hover:before { color: #a19fa1;}
    .green:hover { color: #90EE90;}

   .red:before
    {
	background: #ff3f3f;
    }
    .red:hover:before { color: #a19fa1;}
    .red:hover { color: #FF8686;}

   /* Hexadecimal entities for the icons */
    .info:before
    {
 	/*font-family: 'Entypo';
        content: "\2139"; */
       /*content: "\2373";*/ 
       content: "\E034";
    }
    .result:before
    {
        /*content: "\E51E";*/
        /*content: "\2611";*/
        content: "\2714";
    }

    .admin:before
    {
        content: "\E51E";
	/*font-family: 'Entypo';
        content: "\1F393"; */
    }
    .handright:before
    {
        content: "\E01B";
    }
    .handup:before
    {
        content: "\E529";
    }
    .edit:before
    {
       content: "\270E";
    }
    .pencil:before
    {
      content: "\261E";
    }
    .checkbox:before
    {
	/*font-family: 'Entypo';
        content: "\1F465";*/
        content: "\E22C";
	/*content: "\E208";*/
    }

/* Invoice format */
invblock { border: 0; box-sizing: content-box; vertical-align: top; overflow: auto; padding: 0.5in; background: none;}
invblock { box-sizing: border-box; height: 11in; margin: 0 auto; overflow: hidden; width: 8.5in; }
invblock { border-radius: 1px; box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5); }

.invoicefield { border-radius: 0.25em; min-width: 1em; outline: 0; }
span.invoicefield { display: inline-block; }

h1.invh1 { font: bold 100% sans-serif; letter-spacing: 0.5em; text-align: center; }

/* header */
invheader { margin: 0 0 3em; }
invheader:after { clear: both; content: ""; display: table; }
invheader h1 { background: #000; border-radius: 0.25em; color: #FFF; margin: 0 0 1em; padding: 0.5em 0; }
invheader address { float: left; font-size: 75%; font-style: normal; line-height: 1.25; margin: 0 1em 1em 0; }
invheader address p { margin: 0 0 0.15em; }
invheader span, invheader img { display: block; float: right; }
invheader span { margin: 0 0 1em 1em; max-height: 25%; max-width: 60%; position: relative; }
invheader img { max-height: 100%; max-width: 100%; }

table.inventory, table.invbalance, table.invmeta { font-size: 75%; table-layout: fixed; width: 100%; }
table.inventory, table.invbalance, table.invmeta { border-collapse: separate; border-spacing: 2px; }
table.inventory th, table.inventory td, table.invbalance th, table.invbalance td, table.invmeta th, table.invmeta td { border-width: 1px; padding: 0.5em; position: relative; text-align: left; border-radius: 0.25em; border-style: solid;}
table.inventory th, table.invbalance th, table.invmeta th { background: #EEE; border-color: #BBB; }
table.inventory td, table.invbalance td, table.invmeta td { border-color: #DDD; }

/* article */
invarticle, table.invmeta, table.inventory { margin: 0 0 3em; }
invarticle:after { clear: both; content: ""; display: table; }
invarticle h1 { clip: rect(0 0 0 0); position: absolute; }
invarticle address p { float: left; font-size: 125%; font-weight: bold;  margin: 0 0 4em; }

table.invmeta, table.inventory { margin: 0 0 3em; }
table.invmeta, table.invbalance { float: right; width: 36%; }
table.invmeta:after, table.invbalance:after { clear: both; content: ""; display: table; }

/* table items */
table.invmeta th { width: 40%; }
table.invmeta td { width: 60%; }
table.inventory { clear: both; width: 100%; }
table.inventory th { font-weight: bold; text-align: center; }
table.inventory td:nth-child(1) { width: 26%; }
table.inventory td:nth-child(2) { width: 38%; }
table.inventory td:nth-child(3) { text-align: right; width: 12%; }
table.inventory td:nth-child(4) { text-align: right; width: 12%; }
table.inventory td:nth-child(5) { text-align: right; width: 12%; }
table.invbalance th, table.invbalance td { width: 50%; }
table.invbalance td { text-align: right; }

invaside h1 { border: none; border-width: 0 0 1px; margin: 0 0 1em; }
invaside h1 { border-color: #999; border-bottom-style: solid; }

@media print {
	* { -webkit-print-color-adjust: exact; }
	body { width:8.27in; margin: 0 auto; padding: 1in; }
	#main { width: 85%; float: center; }
	#qm0 { display: none; }
	#sidebar { display: none; }
	#container { box-shadow: none; }
	#main-navigation { display: none; }
	#user-navigation { display: none; }
	#xbreadcrumbs { display: none; }
	#help { display: none; }
	#notokens { display: none; }
	#noanswers { display: none; }
	#stats-grid { display: none; }
	.create-button { display: none; }
	.stats-button { display: none; }
	.btn-info { display: none; }
	.pager { display: none; }
	.form { display: none; }
	.filters { display: none; }
	.sorter { display: none; }
	div.last { display: none; }
	div.view { padding: 10px; margin: 10px 0; border: 1px solid #C9E0ED; }
}

.wrap-element  {
    white-space: normal !important;
}