/*
Copyright (c) 2015 Inventures Asia Group/Auxilium Information Technologies.
All rights reserved.
*/

body {
    margin: 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

right_aligned {
    text-align: right;
}

hr {
    border-style: inset;
    border-width: 1px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 98%;
}

td input, select {
    width: 95%;
    border: 1px solid black;
    font-size: 12px;
}
input[type="file"] {
    width: auto;
} 

input.hasDatepicker {
    width:95%;
}
td input[type="checkbox"] {
    width: 10%;
}

td a {
    display: block;
    width: 100%;
    height: 100%;
}

.ui-selectonemenu {
    width : 89% !important;
}

.ui-autocomplete-multiple-container {
    width : 98% !important;
}

.ui-selectcheckboxmenu {
    width : 98% !important;
}
.ui-autocomplete {
   width : 100% !important; 
}
.ui-selectonelistbox {
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
}
.ui-selectonelistbox .ui-selectlistbox-item, .ui-selectmanymenu .ui-selectlistbox-item, .ui-multiselectlistbox .ui-multiselectlistbox-item {
    padding-bottom: 10px !important;
}
textarea {
    width: 95%;
    height: 50px;
}

.checkbox, .radio {
  padding: 0 5px 0 0;
  display: block;
  clear: left;
  float: left;
}

.buttonblue {
    width: 100px;
    color: white;
    cursor: pointer;
    padding: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    background-image: url(../resources/images/bg-bubplastic-h-blue.gif);    
}

.buttonblue {
    width: 100px;
    color: white;
    cursor: pointer;
    padding: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    background-image: url(../resources/images/bg-bubplastic-h-blue.gif);    
}

.buttongrey {
    width: 100px;
    color: #FFFFFF;
    cursor: pointer;
    padding: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    background-image: url(../resources/images/bg-bubplastic-h-gray.gif);
}

.buttonedit {
    
}

.buttondelete {
    
}

.linkremove {
    text-align: center;
}

.tBox {
    border:1px solid #000000;
    height: 18px;
    padding-left: 5px;
    padding-top: 3px;
    background-image: url(../resources/images/box.gif);
    background-repeat:repeat-x;
    background-position: 0 0;
    font-family:  monospace;
    text-transform: uppercase;
    letter-spacing: 11pt;
}

.infoMsg {
    color: 	#006400;
    font-weight:bold;
}
.errorMsg {
    color: 	#FF0000;
    font-weight:bold;
}
.fatalMsg{
    color: 	maroon;
    font-weight:bold;
}
.warnMsg{
    color: 	orange;
    font-weight:bold;
}

.ui-datatable-header {
    text-align:center;
    font-weight:bold;
    color:#FFFFFF;
    background-color: #1D598F;
    padding: 5px;
}

.dtableheader {
  text-align:center;
  font-weight:bold;
  color:#FFFFFF;
  background-color: #1D598F;
  padding: 5px;
}
.row_ACTIVE {
    background: white;
}
.row_REMOVED {
    background: #D0D0D0;
}

.dtable {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  border-collapse: collapse;
  border: #CCC 1px solid;
  /*
  border-bottom: #CCC 1px solid;
  border-top: #CCC 1px solid;
  border-right: #FFF 1px solid;
  border-left: #FFF 1px solid;
  */
}

.nostyle { 
    
}

.width25 {width: 25px;}
.width25 input {width: 25px;}
.width50 {width: 50px;}
.width100 {width: 100px;}
.width150 {width: 150px;}
.width200 {width: 200px;}
.width200 input {width: 200px;}
.width250 {width: 250px;}
.width300 {width: 300px;}

.resolutionView {
    width: 680px;
    margin: 30px;
    margin-left: 40px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: justify;
    letter-spacing: 2px;
}
.resolutionView div {
    letter-spacing: 0px;
}

.resolutionForm table td.selected {
    background-color: #0066ff;
    border: 2px outset buttonface;
    margin-left: 10px;
}

.resolutionForm table td.deselected {
    background-color: #cccccc;
    border: 2px outset buttonface;
    margin-left: 10px;
}

.resolutionForm table td span.numbered {
    padding-left: 10px;    
}
.resolutionForm table td span.numbered:first-line {
    text-indent: -10px;
}

.boldUnderline {
    font-weight: bold;
    text-decoration: underline;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.bluecolumn1 {background-color: #ffffff}
.bluecolumn2 {background-color: transparent}

.bluerow11{background-color: #ffffff}
.bluerow2{background-color: #99ccff;}

div .button {
    margin: 0;
}

.button-container {
    
}
.search-container {
    margin: 2px;
    padding: 5px;
    font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
    font-size: 13px;
    width: 100%;
    border-bottom: 2px solid #0078ae;
}
.message-container {
    margin: 2px;
    padding: 5px;
    font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
    font-size: 13px;
}
.buttons {
    margin: 2px;
    padding: 5px;
    font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
    font-size: 13px;
    clear: both;
}

.button {
	display: inline-block;
	background-color: #f5f5f5;
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	color: #444;
	
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	cursor: default;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 0 8px;
	text-decoration: none;
}

.button:hover {
	background-color: #F8F8F8;
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	
	border: 1px solid #C6C6C6;
	color: #333;
	
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);
}

button.on, 
.button.on {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:hover, 
.button.on:hover {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:active, 
.button.on:active {
	border-color: #4D90FE;
}

/* blue */

.button.blue {
	background-color: #4D90FE;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);

	border: 1px solid #3079ED;
	color: white;
}

.button.blue:hover {
	border: 1px solid #2F5BB7;
	
	background-color: #357AE8;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/* red */

.button.red {
	background-color: #D14836;
	background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
	background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
	background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
	background-image: -o-linear-gradient(top,#dd4b39,#d14836);
	background-image: linear-gradient(top,#dd4b39,#d14836);
	
	border: 1px solid transparent;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.button.red:hover {
	background-color: #C53727;
	background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
	background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
	background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
	background-image: -o-linear-gradient(top,#dd4b39,#c53727);
	background-image: linear-gradient(top,#dd4b39,#c53727);	
}

/* green */

.button.green {
	background-color: #3D9400;
	background-image: -webkit-linear-gradient(top,#3d9400,#398a00);
	background-image: -moz-linear-gradient(top,#3d9400,#398a00);
	background-image: -ms-linear-gradient(top,#3d9400,#398a00);
	background-image: -o-linear-gradient(top,#3d9400,#398a00);
	background-image: linear-gradient(top,#3d9400,#398a00);
	
	border: 1px solid #29691D;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.button.green:hover {
	background-color: #368200;
	background-image: -webkit-linear-gradient(top,#3d9400,#368200);
	background-image: -moz-linear-gradient(top,#3d9400,#368200);
	background-image: -ms-linear-gradient(top,#3d9400,#368200);
	background-image: -o-linear-gradient(top,#3d9400,#368200);
	background-image: linear-gradient(top,#3d9400,#368200);
	
	border: 1px solid #2D6200;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

/* brownish */

.button.brownish {
	background-color: #3D9400;
	background-image: -webkit-linear-gradient(top,#674850,#50393f);
	background-image: -moz-linear-gradient(top,#674850,#50393f);
	background-image: -ms-linear-gradient(top,#674850,#50393f);
	background-image: -o-linear-gradient(top,#674850,#50393f);
	background-image: linear-gradient(top,#674850,#50393f);
	
	border: 1px solid #463237;
	color: white;
}

.button.brownish:hover {
	background-color: #368200;
	background-image: -webkit-linear-gradient(top,#674850,#463237);
	background-image: -moz-linear-gradient(top,#674850,#463237);
	background-image: -ms-linear-gradient(top,#674850,#463237);
	background-image: -o-linear-gradient(top,#674850,#463237);
	background-image: linear-gradient(top,#674850,#463237);
	
	border: 1px solid #412e33;
}

/* maroonish */

.button.maroonish {
	background-color: #a55474;
	background-image: -webkit-linear-gradient(top,#a55474,#8e4964);
	background-image: -moz-linear-gradient(top,#a55474,#8e4964);
	background-image: -ms-linear-gradient(top,#a55474,#8e4964);
	background-image: -o-linear-gradient(top,#a55474,#8e4964);
	background-image: linear-gradient(top,#a55474,#8e4964);
	
	border: 1px solid #83445d;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.button.maroonish:hover {
	background-color: #a55474;
	background-image: -webkit-linear-gradient(top,#a55474,#83445d);
	background-image: -moz-linear-gradient(top,#a55474,#83445d);
	background-image: -ms-linear-gradient(top,#a55474,#83445d);
	background-image: -o-linear-gradient(top,#a55474,#83445d);
	background-image: linear-gradient(top,#a55474,#83445d);
	
	border: 1px solid #793e55;
}

/* pinkish */

.button.pinkish {
	background-color: #7c7461;
	background-image: -webkit-linear-gradient(top,#dfa7ca,#cd97b9);
	background-image: -moz-linear-gradient(top,#dfa7ca,#cd97b9);
	background-image: -ms-linear-gradient(top,#dfa7ca,#cd97b9);
	background-image: -o-linear-gradient(top,#dfa7ca,#cd97b9);
	background-image: linear-gradient(top,#dfa7ca,#cd97b9);
	
	border: 1px solid #c38fb0;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.button.pinkish:hover {
	background-color: #7c7461;
	background-image: -webkit-linear-gradient(top,#dfa7ca,#c38fb0);
	background-image: -moz-linear-gradient(top,#dfa7ca,#c38fb0);
	background-image: -ms-linear-gradient(top,#dfa7ca,#c38fb0);
	background-image: -o-linear-gradient(top,#dfa7ca,#c38fb0);
	background-image: linear-gradient(top,#dfa7ca,#c38fb0);
	
	border: 1px solid #ba88a7;
}

/* golden */

.button.golden {
	background-color: #dee362;
	background-image: -webkit-linear-gradient(top,#c1b758,#aea54e);
	background-image: -moz-linear-gradient(top,#c1b758,#aea54e);
	background-image: -ms-linear-gradient(top,#c1b758,#aea54e);
	background-image: -o-linear-gradient(top,#c1b758,#aea54e);
	background-image: linear-gradient(top,#c1b758,#aea54e);
	color: white;
	border: 1px solid #a29948;
}

.button.golden:hover {
	background-color: #c0c455;
	background-image: -webkit-linear-gradient(top,#c1b758,#a29948);
	background-image: -moz-linear-gradient(top,#c1b758,#a29948);
	background-image: -ms-linear-gradient(top,#c1b758,#a29948);
	background-image: -o-linear-gradient(top,#c1b758,#a29948);
	background-image: linear-gradient(top,#c1b758,#a29948);
	
	border: 1px solid #989043;
}

/* goldenish */

.button.goldenish {
	background-color: #3D9400;
	background-image: -webkit-linear-gradient(top,#777726,#62621e);
	background-image: -moz-linear-gradient(top,#777726,#62621e);
	background-image: -ms-linear-gradient(top,#777726,#62621e);
	background-image: -o-linear-gradient(top,#777726,#62621e);
	background-image: linear-gradient(top,#777726,#62621e);
	
	border: 1px solid #2b6700;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.button.goldenish:hover {
	background-color: #368200;
	background-image: -webkit-linear-gradient(top,#777726,#525219);
	background-image: -moz-linear-gradient(top,#777726,#525219);
	background-image: -ms-linear-gradient(top,#777726,#525219);
	background-image: -o-linear-gradient(top,#777726,#525219);
	background-image: linear-gradient(top,#777726,#525219);
	
	border: 1px solid #245600;
}

/* skinish */

.button.skinish {
	background-color: #3D9400;
	background-image: -webkit-linear-gradient(top,#eab447,#cfa03f);
	background-image: -moz-linear-gradient(top,#eab447,#cfa03f);
	background-image: -ms-linear-gradient(top,#eab447,#cfa03f);
	background-image: -o-linear-gradient(top,#eab447,#cfa03f);
	background-image: linear-gradient(top,#eab447,#cfa03f);
	
	border: 1px solid #b68d37;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.button.skinish:hover {
	background-color: #368200;
	background-image: -webkit-linear-gradient(top,#eab447,#c0943a);
	background-image: -moz-linear-gradient(top,#eab447,#c0943a);
	background-image: -ms-linear-gradient(top,#eab447,#c0943a);
	background-image: -o-linear-gradient(top,#eab447,#c0943a);
	background-image: linear-gradient(top,#eab447,#c0943a);
	
	border: 1px solid #a17c31;
}

/* graysish */

.button.grayish {
	background-color: #3D9400;
	background-image: -webkit-linear-gradient(top,#7c7461,#615b4c);
	background-image: -moz-linear-gradient(top,#7c7461,#615b4c);
	background-image: -ms-linear-gradient(top,#7c7461,#615b4c);
	background-image: -o-linear-gradient(top,#7c7461,#615b4c);
	background-image: linear-gradient(top,#7c7461,#615b4c);
	
	border: 1px solid #504b3e;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.button.grayish:hover {
	background-color: #368200;
	background-image: -webkit-linear-gradient(top,#7c7461,#504b3e);
	background-image: -moz-linear-gradient(top,#7c7461,#504b3e);
	background-image: -ms-linear-gradient(top,#7c7461,#504b3e);
	background-image: -o-linear-gradient(top,#7c7461,#504b3e);
	background-image: linear-gradient(top,#7c7461,#504b3e);
	
	border: 1px solid #474337;
}

/* yellowish */

.button.yellowish {
	background-color: #3D9400;
	background-image: -webkit-linear-gradient(top,#dee362,#c0c455);
	background-image: -moz-linear-gradient(top,#dee362,#c0c455);
	background-image: -ms-linear-gradient(top,#dee362,#c0c455);
	background-image: -o-linear-gradient(top,#dee362,#c0c455);
	background-image: linear-gradient(top,#dee362,#c0c455);
	
	border: 1px solid #b3b74e;
}

.button.yellowish:hover {
	background-color: #368200;
	background-image: -webkit-linear-gradient(top,#dee362,#b3b74e);
	background-image: -moz-linear-gradient(top,#dee362,#b3b74e);
	background-image: -ms-linear-gradient(top,#dee362,#b3b74e);
	background-image: -o-linear-gradient(top,#dee362,#b3b74e);
	background-image: linear-gradient(top,#dee362,#b3b74e);
	
	border: 1px solid #abaf4b;
}

/* Pink */
.button.pink {
	background-color: #ed47e6;
	background-image: -webkit-linear-gradient(top,#fe4dee,#ed47e6);
	background-image: -moz-linear-gradient(top,#fe4dee,#ed47e6);
	background-image: -ms-linear-gradient(top,#fe4dee,#ed47e6);
	background-image: -o-linear-gradient(top,#fe4dee,#ed47e6);
	background-image: linear-gradient(top,#fe4dee,#ed47e6);

	border: 1px solid #ed30e6;
	color: white;
}

.button.pink:hover {
	background-color: #e835de;
	background-image: -webkit-linear-gradient(top,#fe4df6,#e835de);
	background-image: -moz-linear-gradient(top,#fe4df6,#e835de);
	background-image: -ms-linear-gradient(top,#fe4df6,#e835de);
	background-image: -o-linear-gradient(top,#fe4df6,#e835de);
	background-image: linear-gradient(top,#fe4df6,#e835de);
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/* Violet */

.button.violet {
	background-color: #aC47eD;
	background-image: -webkit-linear-gradient(top,#bA4dfe,#ac47ed);
	background-image: -moz-linear-gradient(top,#bA4dfe,#ac47ed);
	background-image: -ms-linear-gradient(top,#bA4dfe,#ac47ed);
	background-image: -o-linear-gradient(top,#bA4dfe,#ac47ed);
	background-image: linear-gradient(top,#bA4dfe,#ac47ed);

	border: 1px solid #a030ed;
	color: white;
}

.button.violet:hover {
	background-color: #a435e8;
	background-image: -webkit-linear-gradient(top,#c14Dfe,#a435e8);
	background-image: -moz-linear-gradient(top,#c14Dfe,#a435e8);
	background-image: -ms-linear-gradient(top,#c14Dfe,#a435e8);
	background-image: -o-linear-gradient(top,#c14Dfe,#a435e8);
	background-image: linear-gradient(top,#c14Dfe,#a435e8);
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/* Orange */

.button.orange {
	background-color: #fe7d4d;
	background-image: -webkit-linear-gradient(top,#fe7d4d,#ed7247);
	background-image: -moz-linear-gradient(top,#fe7d4d,#ed7247);
	background-image: -ms-linear-gradient(top,#fe7d4d,#ed7247);
	background-image: -o-linear-gradient(top,#fe7d4d,#ed7247);
	background-image: linear-gradient(top,#fe7d4d,#ed7247);

	border: 1px solid #ed5f30;
	color: white;
}

.button.orange:hover {
	border: 1px solid #b7492f;
	
	background-color: #e85a35;
	background-image: -webkit-linear-gradient(top,#fe754d,#e85a35);
	background-image: -moz-linear-gradient(top,#fe754d,#e85a35);
	background-image: -ms-linear-gradient(top,#fe754d,#e85a35);
	background-image: -o-linear-gradient(top,#fe754d,#e85a35);
	background-image: linear-gradient(top,#fe754d,#e85a35);
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/* Sea Green */
.button.seagreen {
	background-color: #4dfedf;
	background-image: -webkit-linear-gradient(top,#4dfedf,#47edd3);
	background-image: -moz-linear-gradient(top,#4dfedf,#47edd3);
	background-image: -ms-linear-gradient(top,#4dfedf,#47edd3);
	background-image: -o-linear-gradient(top,#4dfedf,#47edd3);
	background-image: linear-gradient(top,#4dfedf,#47edd3);

	border: 1px solid #30edd0;
}

.button.seagreen:hover {
	border: 1px solid #2fb7a2;
	
	background-color: #35e8d0;
	background-image: -webkit-linear-gradient(top,#4dfee5,#35e8d0);
	background-image: -moz-linear-gradient(top,#4dfee5,#35e8d0);
	background-image: -ms-linear-gradient(top,#4dfee5,#35e8d0);
	background-image: -o-linear-gradient(top,#4dfee5,#35e8d0);
	background-image: linear-gradient(top,#4dfee5,#35e8d0);
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/* defaults */

.button.default:active {
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
	color: black;
}
.button.blue:active, .button.red:active, .button.green:active,
.button.pinkish:active, .button.maroonish:active,
.button.golden:active, .button.brownish:active,
.button.grayish:active, .button.skinish:active,
.button.yellowish:active, .button.goldenish:active,
.button.pink:active, .button.violet:active, .button.orange:active,
.button.seagreen:active {
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,.3);
}
.blue {
    border: 1px solid #3079ED;
}
.letter_set td {
    padding-left: 20px;
}
span.button {
    padding: 7px 12px;
    margin-right: 10px;
}
a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.big {
    font-size: 16px;
    padding: 10px 15px;
}
a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}

.section_container {
    margin-top: 0px;
    margin-bottom: 20px;
}

.section_header {
    padding-top: 15px;
    padding-bottom: 10px;
    width: 100%;
    border-top:2px solid #0078ae;
    font-size: 125%;
}

div.section_header table {
    width : 48%;
}

div.section_header td {
    width : 50%;
}

.page_header {
    padding-top: 15px;
    padding-bottom: 10px;
    width: 100%;
    font-size: 135%;
}

button.ui-button {
    margin-right: 5px;
}
.grey_sep {
    width: 100%;
    border-bottom:1px solid #DDDDDD;
}

.blueline {
    width: 100%;
    border-top:2px solid #0078ae;
}
.section_part {
    width: 100%;
    border-top:1px solid #0078ae;
}

.section_context {
    width: 100%;
}

.sub_section_context {
    width: 100%;
}

.search_context {
    width: 100%;
    padding-bottom: 10px;
}

.ui-widget {
    font-size: 1.0em !important;
}

div.ui-datatable-tablewrapper input, select {
    width: 95%;
}

div.section_context table, div.search_context table {
    width : 48%;
}

div.section_context td, div.search_context td {
    width : 50%;
    vertical-align: top;
}

div.sub_section_context table {
    width : 100%;
}

div.sub_section_context td {
    width : 100%;
    vertical-align: top;
}

.search_context input.hasDatepicker {
    width: 45%;
}

.remove_borders {
    border: none;
}
.borderless {
    background-color: #E0F2F7;
}
.borderless table thead th, .borderless table tbody td, .borderless table tfoot td, .borderless.section_header {
    border: none;
}

.form_title {
    font-size: 135%;
    padding-left: 5px;
}

.form_context {
    padding-left: 5px;
}

.clz_label_inside { position: relative; }
.clz_label_inside label { position: absolute; top:5px; left:5px; color: #999; }
.clz_label_inside input { position: relative; padding-left:15px; width: 136px; }

.space_margin {
    margin-left: 15px;
}

.stretch_to_width {
    width: 90%;
}

.stretch_to_width_autocomplete input {
    width: 60%;
}

.stretch_to_width_select_container .ui-selectonemenu {
    width: 90% !important;
}

.stretch_to_width_select_container .ui-selectonemenu .ui-selectonemenu-label {
    width: 70% !important;
}

/* used for field labels */
.field_label {
    width: 200px;
    vertical-align: top;
}

/* used for field labels in edit pages */
.field_label_edit {
    width: 200px;
    vertical-align: top;
    padding-bottom: 10px;
}

/* used for red star that comes next to a required field */
.required_mark {
    color: red;
}

/* used to keep the same distance between each radio button */
.radio-table label {
    min-width: 150px;
}

.section_headerr {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;   
    font-size: 135%;
}

/* used to remove the horizontal scroller of primeface datatables */
table {
    table-layout:fixed;
}

.circlered {
    background: #ff0000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 -2px 2px #000 inset;    
    border: 1px solid #bbb;
}

.circlegreen {
    background: #92d050;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 -2px 2px #000 inset;    
    border: 1px solid #bbb;
}

.circleamber {
    background: #ffff00;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 -2px 2px #000 inset;    
    border: 1px solid #bbb;
}

.ui-diagram-element {
    border:0.1em dotted #E5E4E2; 
    background-color: #EFEEEC;
    height:6em;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}

.ui-diagram-element:hover {
    background-color: #C7C6C4;
}

.task {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px; 
}

.decision {
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-bottom-color: red;
	position: relative;
}

.decision:after {
	content: ' ';
	position: absolute;
	left: -50px; top: 50px;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top-color: red;

}

.join{
    background: #f00;
    border-radius: 50%;
}

.fork{
    background: #f00;
    border-radius: 50%;
}

div.knowledge_context input {
    display: block;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 3px;
    text-align: left;
    background: none;
    border: none; 
    cursor: pointer;
}

div.knowledge_context input:hover, div.knowledge_context input:active {
    color: #0078ae;
    background-color:#dfeffc;
    border: 0px;
    background-image: none;
}

.ui-menu .ui-slidemenu .ui-slidemenu-wrapper ui-slidemenu-content  {
    height: 100% !important;
}

.ui-menu.ui-menu-dynamic {
    width: 250px !important;
}

.ui-tabs { 
    padding: 0px !important;   
}

.ui-tabs .ui-tabs-panel{
    padding: 0px !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0px !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    top:    0px !important;
    width:  33.15% !important;
    margin: 0px !important;
    text-align: center !important;
}

.ui-tabs .ui-tabs-nav li a {
    width: 100% !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {    
    cursor: pointer !important;
    width: 100% !important;
}

.messageUnread {
    font-weight: bold;
}
    
details {
    margin-top: 15px;
    margin-bottom: 20px;
}

summary {
    padding: 5px;
    font-size: 110%;
    cursor: pointer;
}

.section_container summary {
    background-color: #e4e2e2;
}

.summaryTitle {
    display: inline;
}

.summaryButton {
    margin-left: 45%;
    padding: 10px;
}

div#completedTasks summary {
    background-color: #8bc34a;
}

div#terminatedTasks summary {
    background-color: #cccccc;
}

div#lastFollowupTasks summary {
    background-color: #c75a5a;
}

div#nextFollowupTasks summary {
    background-color: #f1c232;
}