html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-size: 12px;
	background: white;
}

html, body, textarea {
	-webkit-font-smoothing: antialiased;
	font-family: 'Ubuntu', sans-serif;
}

form {
	display: inline;
}

table, td, th {
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

img, a img {
	border: 0;
}

h1, h2 {
	font-weight: normal;
	color: #84BA27;
}

h3, h4, th {
	font-weight: normal;
	color: #658f22;
}

th {
	text-align: left;
	font-weight: normal;
	font-size: 1.3em;
}

input, .input_wrapper, button, .button, textarea {
	font-size: inherit;
	padding: 4px 10px;
	color: black;
	margin: 0;
	color: #222222;
}

input, .input_wrapper, button, .button, textarea, .button_group, .rounded_edges {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

button, a, button:focus, a:focus, input {
	outline: 0;
}

input::-moz-focus-inner {
	border: 0;
}

button::-moz-focus-inner { border: 0; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

input, button {
	-webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
	-moz-transition: -moz-box-shadow 0.15s ease-in-out;
	-o-transition: -moz-box-shadow 0.15s ease-in-out;
	transition: box-shadow 0.15s ease-in-out;
	-webkit-transition: padding-left 0.15s ease-in-out;
	-moz-transition: padding-left 0.15s ease-in-out;
	-o-transition: padding-left 0.15s ease-in-out;
	transition: padding-left 0.15s ease-in-out;
}

input:focus, textarea:focus, .input_wrapper.input_focus {
	border-color: #8ebf30;
	border-width: 2px;
	margin: -1px;
}

input[type="radio"], input[type="checkbox"] {
	padding: 0;
	border: none;
	box-shadow: none;
}

input.invalid-input:focus, textarea.invalid-input:focus {
	border-color: red;
}

input[type="radio"]:focus, input[type="checkbox"]:focus {
	margin: 0;
	margin-top: -1px;
}

a, .link {
	color: #658f22;
	cursor: pointer;
	text-decoration: underline;
}

button, .button, input[type="submit"] {
	white-space: nowrap;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6e6e6));
	background: -moz-linear-gradient(top, #fafafa, #e6e6e6);
	background: -ms-linear-gradient(top, #fafafa, #e6e6e6);
	background: linear-gradient(top, #fafafa, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fafafa', endColorstr='#e6e6e6');
	font-weight: bold;
	color: #39424b;
	text-decoration: none;
	cursor: pointer;
}


button.hidden, .button.hidden {
	border:0;
	border-radius:0;
	box-shadow: none;
	background:none;
}

input, .input_wrapper, button, .button, textarea, .bevel {
	border: 1px solid #c0c0c0;
	-webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
}

.bevel_inverse {
	border: 1px solid #767777;
	-webkit-box-shadow: 0px -1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0px -1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.6);
}

button, .button, .bevel_text, .jtk_window_header, .tabular_display th, .jtk_window .top_bar h1 {
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
}

.bevel_text_inverse {
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
}

a:hover, .link:hover {
	text-shadow: 0px 0px 2px rgba(152, 206, 59, 0.80);
	color: #84BA27;
}

a.blue:hover {
	color: #A7C4D4;
}

button:hover, .button:hover {
	color: #19222B;
	border-color: #565757;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
	/*box-shadow: 0px 0px 0.2em rgba(83, 98, 106, 1);*/
}

button:active, .button:active, button.jtk_btn_selected, .button.jtk_btn_selected {
	background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#bcbcbc));
	background: -moz-linear-gradient(top, #e4e4e4, #bcbcbc);
	background: -ms-linear-gradient(top, #e4e4e4, #bcbcbc);
	background: linear-gradient(top, #e4e4e4, #bcbcbc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e4e4e4', endColorstr='#bcbcbc');
	-webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.8);
	border-color: #666666;
}

button.glow, .button.glow {
	border: 1px solid #7eaf20;
	background: -webkit-gradient(linear, left top, left bottom, from(#c3f464), to(#aedf50));
	background: -moz-linear-gradient(top, #c3f464, #aedf50);
	background: -ms-linear-gradient(top, #c3f464, #aedf50);
	background: linear-gradient(top, #c3f464, #aedf50);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3f464', endColorstr='#aedf50');
}

button.glow:hover, .button.glow:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#d3ff74), to(#9ecf40));
	background: -moz-linear-gradient(top, #d3ff74, #9ecf40);
	background: -ms-linear-gradient(top, #d3ff74, #9ecf40);
	background: linear-gradient(top, #d3ff74, #9ecf40);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d3ff74', endColorstr='#9ecf40');
}

button.glow:active, .button.glow:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#a3d444), to(#6e9f10));
	background: -moz-linear-gradient(top, #a3d444, #6e9f10);
	background: -ms-linear-gradient(top, #a3d444, #6e9f10);
	background: linear-gradient(top, #a3d444, #6e9f10);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#a3d444', endColorstr='#6e9f10');
}

button.glow_red, .button.glow_red {
	text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.4 );
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6666), to(#ff3333));
	background: -moz-linear-gradient(top, #ff6666, #ff3333);
	background: -ms-linear-gradient(top, #ff6666, #ff3333);
	background: linear-gradient(top, #ff6666, #ff3333);
	border: 1px solid #cc0000;
	color: white;
}

button.glow_red:hover, .button.glow_red:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#FF3333), to(#DC0000));
	background: -moz-linear-gradient(top, #FF3333, #DC0000);
	background: -ms-linear-gradient(top, #FF3333, #DC0000);
	background: linear-gradient(top, #FF3333, #DC0000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FF3333', endColorstr='#DC0000');
}

button.glow_red:active, .button.glow_red:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#DF2222), to(#AC0000));
	background: -moz-linear-gradient(top, #DF2222, #AC0000);
	background: -ms-linear-gradient(top, #DF2222, #AC0000);
	background: linear-gradient(top, #DF2222, #AC0000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#DF2222', endColorstr='#AC0000');
}

button.glow_yellow, .button.glow_yellow {
	/*text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.4 );*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fae7b8), to(#ffff00));
	background: -moz-linear-gradient(top, #fae7b8, #ffff00);
	background: -ms-linear-gradient(top, #fae7b8, #ffff00);
	background: linear-gradient(top, #fae7b8, #ffff00);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fae7b8', endColorstr='#ffff00');
	color: #7c6637;
	border: 1px solid #be9e59;
}

button.glow_blue, .button.glow_blue {
	background: -webkit-gradient(linear, left top, left bottom, from(#6bc8ff), to(#5ba8e2));
	background: -moz-linear-gradient(top, #6bc8ff, #5ba8e2);
	background: -ms-linear-gradient(top, #6bc8ff, #5ba8e2);
	background: linear-gradient(top, #6bc8ff, #5ba8e2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6bc8ff', endColorstr='#5ba8e2');
	border: 1px solid #4b98d2;
	color: #0b2242;
}

button.glow_blue:hover, .button.glow_blue:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#7bd8ff), to(#6bb8f2));
	background: -moz-linear-gradient(top, #7bd8ff, #6bb8f2);
	background: -ms-linear-gradient(top, #7bd8ff, #6bb8f2);
	background: linear-gradient(top, #7bd8ff, #6bb8f2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7bd8ff', endColorstr='#6bb8f2');
}

button.glow_blue:active, .button.glow_blue:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#5bb8ef), to(#4bb8d2));
	background: -moz-linear-gradient(top, #5bb8ef, #4bb8d2);
	background: -ms-linear-gradient(top, #5bb8ef, #4bb8d2);
	background: linear-gradient(top, #5bb8ef, #4bb8d2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5bb8ef', endColorstr='#4bb8d2');
}

button.flat {
background:#f5f5f5;border:transparent;
}

button.warning_color {
	color: #FF0000
}

button:disabled, .button.disabled, button.disabled {
	background: #f0f0f0;
	background-color: #f0f0f0;
	border-color: #ddd;
	color: #ccc;
}

button.jtk_btn_selected:disabled, .button.jtk_btn_selected.disabled, button.jtk_btn_selected.disabled {
	border-color: #888;
}

.button_group button, .button_group .button, .button_group input {
	/*margin-left: -1px;*/
}

.button_group button:first-child:not(:last-of-type),
.button_group .button:first-child:not(:last-of-type),
.button_group input:first-child:not(:last-of-type) {
	padding-left:10px;
	margin-left: 0px;
	-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;
}

.button_group button:last-of-type:not(:first-child),
.button_group .button:last-of-type:not(:first-child),
.button_group input:last-of-type:not(:first-child) {
	padding-right: 10px;
	-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;
}

.button_group button:not(:first-child):not(:last-of-type),
.button_group .button:not(:first-child):not(:last-of-type),
.button_group input:not(:first-child):not(:last-of-type) {
	border-radius: 0;
}

.button[disabled].jtk_button_display, button[disabled].jtk_button_display,
.button[disabled].jtk_button_display:active, button[disabled].jtk_button_display:active {
	border: 1px solid #767777;
	color: #b5df72;
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#666666));
	background: -moz-linear-gradient(top, #888888, #666666);
	background: -ms-linear-gradient(top, #888888, #666666);
	background: linear-gradient(top, #888888, #666666);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#888888', endColorstr='#666666');
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
}

input, .input_wrapper, textarea {
	width: 190px;
	background: white;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
	border: 1px solid #a0a0a0;
	/*border-color: #a0a0a0 #a0a0a0 #e0e0e0;*/
	/*margin-bottom: 0px;*/
}

input[type="checkbox"] {
	width: 15px;
}

input[type="radio"] {
	width: 15px;
}

.input_wrapper input {
	border: 0;
	padding:0;
	margin:0;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.input_wrapper {
	cursor: text;
}

input.input_blended_to_bg, input.input_blended_to_bg_onblur:not(:focus):not(:hover),
.input_blended_to_bg_onblur input:not(:focus):not(:hover){
	border-color:transparent;
	background-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button.link {
	font-weight: normal;
	background: none;
	border: none;
}

.light {
	color: #79828B;
}

.highlight {
	color: #8ebf30;
}

.highlight_dark_bg {
	color: #a5cF62;
}

.green {
	color: #658f22;
}

.blue {
	color: #87a4b4;
}

.darkblue {
	color: #578494;
}

.selected {
	background: #e6efc2;
}

.rounded_corners, .button_corners_rounded button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.rounded_corners_bl {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

.rounded_corners_tl {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}

.rounded_corners_br {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

.rounded_corners_tr {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}

.square_corners {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.square_corners_bl {
	-webkit-border-bottom-left-radius: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.square_corners_tl {
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	border-top-left-radius: 0px !important;
}

.square_corners_br {
	-webkit-border-bottom-right-radius: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.square_corners_tr {
	-webkit-border-top-right-radius: 0px !important;
	-moz-border-radius-topright: 0px !important;
	border-top-right-radius: 0px !important;
}

.expand {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.va_center {
	display: table-cell;
	vertical-align: middle;
}

.unselectable, .not_selectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}

.ha_center {
	text-align:center;
}

.ha_left {
	text-align:left;
}

.ha_right {
	text-align:right;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.float_clear {
	clear:both;
}

.display_none {
	display: none !important;
}

.onlychild_visibility:not(:first-child),
.onlychild_visibility:not(:last-child) {
	display: none !important;
}

.onlychild_visibility:first-child:last-child {
	display: block;
}

.borderless {
/*	border: 0 !important;*/
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.loader {
	background: url(graphics/loader.gif) no-repeat center center;
	width: 100%;
	height: 100%;
	min-width: 50px;
	min-height: 50px;
	margin: 0;
	padding: 0;
}

.contentpanel {
	padding: 10px;
}

a .link_icon_x, .link .link_icon_x {
	background: url(graphics/x_sprite.png) no-repeat top left;
}

.small_close_icon {
	background: url(graphics/small-close-icon.png) no-repeat left top;
	width: 14px;
	height: 14px;
}

.small_close_icon:hover {
	background-position: 0 -20px;
}
.small_close_icon:active {
	background-position: 0 -40px;
}

.edit_icon {
	background: url(/common/style/graphics/edit-sprite.png) no-repeat left top;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.edit_icon:hover, .edit_icon:active {
	background-position: 0 -16px;
}

.toolpanel {
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#c0c0c0));
	background: -moz-linear-gradient(top, #e6e6e6, #c0c0c0);
	background: -ms-linear-gradient(top, #e6e6e6, #c0c0c0);
	background: linear-gradient(top, #e6e6e6, #c0c0c0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e6e6e6', endColorstr='#c0c0c0');
}

.table_rows_spaced tr {
/*	height: 30px;*/
}

.table_rows_spaced td, .table_rows_spaced th {
	padding: 0.3em;
}

.tabular_display th {
	padding: 2px 5px 2px 4px;
	color: black;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#c0c0c0));
	background: -moz-linear-gradient(top, #e6e6e6, #c0c0c0);
	background: -ms-linear-gradient(top, #e6e6e6, #c0c0c0);
	background: linear-gradient(top, #e6e6e6, #c0c0c0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e6e6e6', endColorstr='#c0c0c0');
	border-bottom: 1px solid #7e7e7e;
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

.tabular_display td {
	padding: 2px 5px;
	border-bottom: 1px solid #cccccc;
}

.inset_box {
	background: #eee;
	padding: 10px;
	border-bottom:1px solid #ccc;
	-webkit-box-shadow: inset 0pt 10px 10px#ccc;
	-moz-box-shadow: inset 0pt 10px 10px#ccc;
	box-shadow: inset 0pt 10px 10px #ccc;
}

.inset_box_sharp {
	background: #e0e0e0;
	padding: 10px;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	-webkit-box-shadow: 0 1px 3px #888 inset;
	-moz-box-shadow: 0 1px 3px #888 inset;
	box-shadow: 0 1px 3px #888 inset;
}

.tag {
	background: none repeat scroll 0 0 #DDDDDD;
	border: 1px solid #B0B0B0;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 -1px 0 #FFFFFF inset;
	padding: 2px 4px;
}

.dropshadow {
	-webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.6);
}

.inner_shadow {
	-webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.8);
}

.form-error-message, .form-message {
	margin-top: -1px;
	-webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.6);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.form-message {
	background: #aedf50;
	padding: 1em;
	margin: 1em;
	border-radius: .5em;
	font-size: 1.2em;
}

.form-error-message {
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF2222), to(#CC0000));
	background: -moz-linear-gradient(top, #FF2222, #CC0000);
	background: -ms-linear-gradient(top, #FF2222, #CC0000);
	background: linear-gradient(top, #FF2222, #CC0000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FF2222', endColorstr='#CC0000');
	border: 1px solid #AA0000;
	color: white;
}

.expand_arrow {
	background: url(graphics/arrow-right.png) no-repeat center center;
	width: 30px;
	height: 30px;
}

button.arrow_button_left {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
	transition: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: transparent;
	background-image: url(graphics/arrow-left-large.png);
	width: 21px;
	height: 21px;
}

button.arrow_button_left:hover {
	background-position: center -21px;
}

button.arrow_button_left:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-repeat: no-repeat;
	background-position: center -42px;
}

button.arrow_button_left:disabled {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center -63px;
}

button.arrow_button_right {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
	transition: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: transparent;
	background-image: url(graphics/arrow-right-large.png);
	width: 21px;
	height: 21px;
}

button.arrow_button_right:hover {
	background-position: center -21px;
}

button.arrow_button_right:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-repeat: no-repeat;
	background-position: center -42px;
}

button.arrow_button_right:disabled {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center -63px;
	cursor: default;
}

button.arrow_button_right.JTK-Form-submit-button-loader,
button.arrow_button_left.JTK-Form-submit-button-loader {
	background-color: transparent !important;
	padding-left: 0 !important;
}

.jtk_btn_selected .expand_arrow {
	background-image: url(graphics/arrow-down.png);
}

/**** JTK window style ****/
.jtk_window {
	/*border: 1px solid #999999;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.6);
}

.jtk_window .top_bar {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	background: #efefef;
	height: 4em !important;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset;
}

.jtk_window_header, .jtk_window .top_bar h1 {
	font-size: 1.8em;
	color: #39424B;
	margin: 0;
	font-weight: bold;
}

.jtk_window .top_bar .back button {
	font-size: 1.3em;
	max-width: 68px !important;
	padding-left: .3em;
}

.jtk_window .top_bar .back button:before {
	font-family: "fontello";
	content: '\e80a  ';
}

/*.jtk_window .top_bar .back button {
	border-left: 0pt none;
	border-top: 0pt none;
	border-bottom: 0pt none;
	box-shadow: none;
	background: url(/common/style/graphics/back-btn-triangle-left.png) no-repeat scroll 0pt 0pt transparent;
	background-position: 0 -45px;
	padding: 7px 7px 7px 12px;
	font-size: 1.2em;
	color: #658f22;
}

.jtk_window .top_bar .back button:hover {
	color: #19222B;
}

.jtk_window .top_bar .back button:active {
	background-position: 0 -90px;
}*/

.jtk_window_loading {
	padding: 40px;
	font-weight: bold;
	font-size: 2em;
	color: #666666;
}

/**** JTK Scroll Bar style *****/
.jtk_scroll_bar {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	-webkit-box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.8);
	box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.8);
}

/**** JTK Calendar style *****/
.jtk_calendar {
	position: relative;
	color: black;
	background: white;
}

.jtk_calendar>table {
	width: 100%;
}

.jtk_calendar>table>tbody>tr:first-child {
	height: 40px;
	background: #efefef;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
	font-size: 1.5em;
}

.jtk_calendar>table>tbody>tr:first-child > th {
	border-bottom:1px solid #c0c0c0; color:black;
}

.jtk_calendar>table>tbody>tr td {
	padding: 0 !important;
}

.jtk_calendar>table, .jtk_calendar>table>tbody>tr, .jtk_calendar>table>tbody>tr>td {
	border-collapse: separate;
}

.jtk_calendar td.day {
	background: #efefef;
	border: 1px solid #c0c0c0;
	border-top-color: #fff;
	border-left-color: #fff;
	width: 20px;
	height: 20px;
	font-size: 1.4em;
	vertical-align: middle;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6e6e6));
	background: -moz-linear-gradient(top, #fafafa, #e6e6e6);
	background: -ms-linear-gradient(top, #fafafa, #e6e6e6);
	background: linear-gradient(top, #fafafa, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fafafa', endColorstr='#e6e6e6');
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
	height: 35px;
	overflow: hidden;
	cursor: pointer;
}

.jtk_calendar td.day:first-child {
	border-left: 0;
}

.jtk_calendar td.day:last-child {
	border-right: 0;
}

/*.jtk_calendar td.day.today {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0));
	background: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background: linear-gradient(top, #ffffff, #c0c0c0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#c0c0c0');
}*/

.jtk_calendar td.day:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0);
	background: -ms-linear-gradient(top, #ffffff, #f0f0f0);
	background: linear-gradient(top, #ffffff, #f0f0f0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f0f0f0');
}

.jtk_calendar td.day:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#ffffff));
	background: -moz-linear-gradient(top, #d0d0d0, #ffffff);
	background: -ms-linear-gradient(top, #d0d0d0, #ffffff);
	background: linear-gradient(top, #d0d0d0, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d0d0d0', endColorstr='#ffffff');
}

.jtk_calendar td.day.jtk_btn_selected, .jtk_calendar td.day.jtk_btn_selected:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#a3d444), to(#6e9f10));
	background: -moz-linear-gradient(top, #a3d444, #6e9f10);
	background: -ms-linear-gradient(top, #a3d444, #6e9f10);
	background: linear-gradient(top, #a3d444, #6e9f10);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#a3d444', endColorstr='#6e9f10');
	border: 1px solid #444444;
	-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.6);
}

.jtk_calendar td.day.disabled {
	color: #aaaaaa;
	background: #e5e5e5;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0));
	background: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background: linear-gradient(top, #ffffff, #c0c0c0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#c0c0c0');*/
}

td.day.today:after {
	content: "today";
    display: block;
    font-size: 0.5em;
    margin: 0 -1em;
    text-transform: uppercase;
}

/**** JTK InputTokenizer style *****/
.jtk-InputTokenizer-token {
	background: -webkit-gradient(linear, left top, left bottom, from(#c3f464), to(#aedf50));
	background: -moz-linear-gradient(top, #c3f464, #aedf50);
	background: -ms-linear-gradient(top, #c3f464, #aedf50);
	background: linear-gradient(top, #c3f464, #aedf50);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3f464', endColorstr='#aedf50');
	border: 1px solid #6E9F10;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
}

.jtk_info_message_container {
	position: absolute;
	z-index:13;
	padding:0em 1em 0;
	text-align: center;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:0;
}

.jtk_info_message {
	border-radius: 1em;
	background-color: white;
	box-shadow: 0px 0px 1em rgba(0,0,0,.7);
	-webkit-box-shadow: 0px 0px 1em rgba(0,0,0,.7);
	-moz-box-shadow: 0px 0px 1em rgba(0,0,0,.7);
	box-shadow: 0px 0px 1em rgba(0,0,0,.7);
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	padding: 1em;
	display: inline-block;
	/*margin: 30% auto;*/
	margin-top: 8em;
}


/***** tooltip styles ******/

.toolwin .tooltip_content, .toolalert .tooltip_content {
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
	background: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.toolwin .app_topbar:first-child {
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#c0c0c0));
	background: -moz-linear-gradient(top, #e6e6e6, #c0c0c0);
	background: -ms-linear-gradient(top, #e6e6e6, #c0c0c0);
	background: linear-gradient(top, #e6e6e6, #c0c0c0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e6e6e6', endColorstr='#c0c0c0');
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

.toolwin .tooltip_content {
	background: #eeeeee;
	color: #59626B;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
	border: 1px solid #999999;
}

.toolalert .tooltip_content {
	background: #f5e2b8;
	color: #7c6637;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
	padding: 10px;
}

.toolwin.right .arrow {
	background-image: url(graphics/toolwin_arrow_left.png);
	width: 30px;
	left: -29px;
}

.toolwin.left .arrow {
	background-image: url(graphics/toolwin_arrow_right.png);
	width: 30px;
	right: -29px;
}

.toolwin.above .arrow {
	background-image: url(graphics/toolwin_arrow_down.png);
	height: 30px;
	bottom: -29px;
}

.toolwin.below .arrow {
	background-image: url(graphics/toolwin_arrow_up.png);
	height: 30px;
	top: -29px;
}

.toolalert.right .arrow {
	background-image: url(graphics/toolalert_arrow_left.png);
	width: 30px;
	left: -30px;
}

.toolalert.left .arrow {
	background-image: url(graphics/toolalert_arrow_right.png);
	width: 30px;
	right: -30px;
}

.toolalert.above .arrow {
	background-image: url(graphics/toolalert_arrow_down.png);
	height: 30px;
	bottom: -30px;
}

.toolalert.below .arrow {
	background-image: url(graphics/toolalert_arrow_up.png);
	height: 30px;
	top: -30px;
}

.tooltip_arrow {
	color: #fae7b8;
	position: absolute;
	font-size: 1.5em;
	z-index: 1;
}

.tooltip_win {
	font-size:14px;
	white-space: normal;
	text-align:left;
	max-width:300px;
	overflow: hidden;
	padding: 10px;
}

.tooltip_content{
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6)
}
/**** DROPDOWN STYLE ****/

.dropdown {
	position: absolute;
	z-index: 10;
	margin-left: -1px;
}

.dropdown_element {
	line-height: normal;
	position: relative;
	display: inline-block;
}

.dropdown_element.dropdown_open {
	z-index: 10;
}

.input_blended_to_bg_onblur:not(:hover) .dropdown_element button:first-child:not(.jtk_btn_selected) {
	border-color: transparent;
	background: transparent;
}

.dropdown_element.dropdown_open>.dropdown_list>.dropdown_list_inner {
	z-index: 11;
	position: relative;
}

.dropdown_list {
	background: none repeat scroll 0% 0% white;
	/*border: 1px solid #999;*/
	z-index: 10;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
	overflow:hidden;
	overflow-y: auto;
	color: black;
	line-height: normal;
}

.dropdown_element.dropdown_open>.dropdown_list {
	z-index: auto;
}

.dropdown_right>.dropdown_list {
	right: 0;
}

.dropdown_left:not(.dropdown_above)>.dropdown_list,
.dropdown_right:not(.dropdown_above)>.dropdown_list {
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
}

.dropdown_left.dropdown_above>.dropdown_list,
.dropdown_right.dropdown_above>.dropdown_list {
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}

.dropdown_list_button.jtk_btn_selected {
	background: white;
	box-shadow: none;
	z-index: 11;
	position: relative;
	border: 1px solid #999;
}

*:not(.dropdown_above)>.dropdown_list_button.jtk_btn_selected {
	border-bottom: 1px solid white;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}
.dropdown_above>.dropdown_list_button.jtk_btn_selected {
	border-top: 1px solid white;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
}

.dropdown_item {
	padding: 5px 2em;
	position: relative;
	line-height: 1.5em;
}

.dropdown_item.clickable {
	cursor: pointer;
}

.dropdown_item.clickable:hover, .dropdown_item.clickable.selected {
	background: #e6efc2;
}

.dropdown_item>[class^="icon-"]:first-child,
.dropdown_item>div:first-child>[class^="icon-"]:first-child{
    left: 0;
    position: absolute;
    text-align: center;
    width: 2em;
}
/*.dropdown_right:not(.dropdown_above) .dropdown_item:first-child {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}

.dropdown_left:not(.dropdown_above) .dropdown_item:first-child {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
}

.dropdown_right.dropdown_above .dropdown_item:last-child {
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}

.dropdown_left.dropdown_above .dropdown_item:last-child {
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}*/

.dropdown_left:not(.dropdown_above) .dropdown_item:last-child {
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}

.dropdown_left.dropdown_above .dropdown_item:first-child {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}

.dropdown_button {
	height: 12px;
	width: 12px;
	padding: 2px;
	font-size: 11px;
	z-index: 1;
	position: relative;
}

.dropdown_button_tab {
	position: relative;
	z-index: 11;
	padding: 3px;
	margin-bottom: -1px;
	border: 1px solid #999;
	border-bottom: 0;
	background: none repeat scroll 0% 0% white;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}

.dropdown_item.dropdown_item_header {
	background: none repeat scroll 0 0 #e0e0e0;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid white;
	font-weight: bold;
	padding: 4px 10px;
}

.jtk_info_message>.dropdown_list {
	position: relative;
}

.jtk_info_message>.dropdown_list .dropdown_item {
	line-height: 2em;
	border-bottom: 1px solid #e0e0e0;
}

/**** APP STYLE ****/
.app_topbar, .bar {
	position: relative;
	width: 100%;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #c0c0c0;
	background: #EFEFEF;
	background-color:#dddddd;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
	color: #222222;
}

.app_topbar {
	z-index: 2;
	height: 56px;
}

.app_topbar h1 {
	color: #39424B;
}

.app_content_container {
	top: 58px;
	overflow: hidden;
	overflow-y: auto;
}

.app_sidebar {
	position: relative;
	width: 316px;
	height: 100%;
	z-index: 1;
}

.app_sidebar_bg {
	border-right: 1px solid #c0c0c0;
	right: 16px;
}

.app_content {
	left: 300px;
}

.app_sidebar_item {
	margin-right: 17px;
	border-top: 1px solid white;
	border-bottom: 1px solid #aaaaaa;
	position: relative;
	background: white;
}

.app_sidebar_separator {
	font-weight: bold;
	border-top: 1px solid white;
	border-bottom: 1px solid #c0c0c0;
	background: #efefef;
	margin-right: 17px;
}

.app_sidebar_separator>div {
	padding: 7px 7px 7px 10px;
}

.app_sidebar_item .app_sidebar_item_marker {
	background: url(graphics/section-marker.png) no-repeat center center;
	width: 16px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -16px;
	display: none;
}

.app_sidebar_item.modified .app_sidebar_item_marker {
	background: url(graphics/section-marker-yellow.png) no-repeat center center;
}

.app_sidebar_item.jtk_btn {
	cursor: pointer;
}

.app_sidebar_item:first-child {
	margin-top:-1px;
	border-top: 1px solid #b2b2b2;
}

.app_sidebar_item.jtk_btn:hover {
	background: #e6efc2;
}

.app_sidebar_item.jtk_btn:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#a3d444), to(#6e9f10));
	background: -moz-linear-gradient(top, #a3d444, #6e9f10);
	background: -ms-linear-gradient(top, #a3d444, #6e9f10);
	background: linear-gradient(top, #a3d444, #6e9f10);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#a3d444', endColorstr='#6e9f10');
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#aedf50), to(#c3f464));
	background: -moz-linear-gradient(top, #aedf50, #c3f464);
	background: -ms-linear-gradient(top, #aedf50, #c3f464);
	background: linear-gradient(top, #aedf50, #c3f464);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#aedf50', endColorstr='#c3f464');
	*/
	-webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
	border-top: 1px solid rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.app_sidebar_item.jtk_btn.jtk_btn_selected {
	border-top: 1px solid #6e8913;
	border-bottom: 1px solid #6e8913;
	background: -webkit-gradient(linear, left top, left bottom, from(#c3f464), to(#aedf50));
	background: -moz-linear-gradient(top, #c3f464, #aedf50);
	background: -ms-linear-gradient(top, #c3f464, #aedf50);
	background: linear-gradient(top, #c3f464, #aedf50);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3f464', endColorstr='#aedf50');
}

.app_sidebar_item.jtk_btn.jtk_btn_selected {
	border-top: 1px solid #c3f464;
}

.app_sidebar_item.jtk_btn.jtk_btn_selected:first-child {
	border-top: 1px solid #6e8913;
}

.app_sidebar_item.jtk_btn.jtk_btn_selected.modified {
	/*text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.4 );*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fae7b8), to(#ffff00));
	background: -moz-linear-gradient(top, #fae7b8, #ffff00);
	background: -ms-linear-gradient(top, #fae7b8, #ffff00);
	background: linear-gradient(top, #fae7b8, #ffff00);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fae7b8', endColorstr='#ffff00');
	color: #7c6637;
	border-top: 1px solid #be9e59;
	border-bottom: 1px solid #be9e59;

}

.app_sidebar_item.jtk_btn.jtk_btn_selected:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.app_sidebar_item_icon {
	background-repeat: no-repeat;
	background-position: center 0;
}

.app_sidebar_item.jtk_btn_selected .app_sidebar_item_icon, .app_sidebar_item.jtk_btn:active .app_sidebar_item_icon {
	background-position: center -33px;
}

.app_sidebar_item.jtk_btn.jtk_btn_selected .app_sidebar_item_marker {
	display:block;
}

.app_sidebar_item .form-error-message {
	text-shadow: none;
}

.app_content_item {
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 15px;
	border: 1px solid rgb(204, 204, 204);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2)
}

.app_content_item.titlebar {
	border-top: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
	/*border: 0;
	border-bottom: 1px solid black;
	color: white;
	font-weight: bold;
	border-color: black;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444));
	background: -moz-linear-gradient(top, #666666, #444444);
	background: -ms-linear-gradient(top, #666666, #444444);
	background: linear-gradient(top, #666666, #444444);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#666666', endColorstr='#444444');*/

	font-weight: bold;
	/*border-top: 1px solid white;*/
	border-bottom: 1px solid #c0c0c0;
	background: #efefef;
	box-shadow: none;
}

.app_content_item.titlebar>div {
	padding: 7px 7px 7px 15px;
}

.app_content_item.footer {
	font-size:1.2em;
	margin:15px;
	background: transparent;
	border: none;
	box-shadow: none;
}

.app_content_item.title {
	color: white;
	font-weight: bold;
	border-color: black;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444));
	background: -moz-linear-gradient(top, #666666, #444444);
	background: -ms-linear-gradient(top, #666666, #444444);
	background: linear-gradient(top, #666666, #444444);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#666666', endColorstr='#444444');
}

.app_content_item.title input {
	border-color:black;
}

.app_content_item.title button {
	border-color: #222;
	color: #ccef5c;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444));
	background: -moz-linear-gradient(top, #666666, #444444);
	background: -ms-linear-gradient(top, #666666, #444444);
	background: linear-gradient(top, #666666, #444444);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#666666', endColorstr='#444444');
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
}

.app_sidebar_notifications {
	margin-right: 17px;
}

.app_sidebar_setup, .app_sidebar_notification_item {
	color: #7c6637;
	background: #f5e2b8;
	border-bottom: 1px solid #bE9E59;
	border-top: 1px solid #fff2f8;
}


.app_sidebar_setup_items {
	padding-top:10px;
}

.app_sidebar_setup_item {
	font-size:1.1em;
	padding: 0px 20px 10px;
	color: #2a2a29;
}

.app_sidebar_notification_item a, .app_sidebar_notification_item .link, .app_sidebar_alert_item a, .app_sidebar_alert_item .link {
	color: #5c4617;
}

.app_sidebar_notification_item .light {
	color: #8c7647;
}

.app_sidebar_setup_item input[type="checkbox"] {
	background: white;
}

.app_sidebar_notification_item .progress_bar {
	background: -webkit-gradient(linear, left top, left bottom, from(#dac375), to(#f5e2b8));
	background: -moz-linear-gradient(top, #dac375, #f5e2b8);
	background: -ms-linear-gradient(top, #dac375, #f5e2b8);
	background: linear-gradient(top, #dac375, #f5e2b8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dac375', endColorstr='#f5e2b8');
	-webkit-box-shadow: inset 0px 0px 8px #e4a92a;
	-moz-box-shadow: inset 0px 0px 8px #e4a92a;
	box-shadow: inset 0px 0px 8px #e4a92a;
}

.app_sidebar_notification_item .progress_bar .progress_bar_section.bar_enabled {
	background: -webkit-gradient(linear, left top, left bottom, from(#f8c557), to(#e4a92a));
	background: -moz-linear-gradient(top, #f8c557, #e4a92a);
	background: -ms-linear-gradient(top, #f8c557, #e4a92a);
	background: linear-gradient(top, #f8c557, #e4a92a);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f8c557', endColorstr='#e4a92a');
}

.app_sidebar_notification_item .progress_bar, .app_sidebar_notification_item .progress_bar .progress_bar_section {
	border-color: #5e4001;
}

.app_sidebar_notification_item .progress_bar .progress_bar_section .progress_txt {
	color: #222;
}

.app_sidebar_notification_item {
	background: #F5E2B8;
	margin-right: 17px;
	cursor: pointer;
}

.app_sidebar_notification_item:hover {
	background: #F5F2C8;
}

.app_sidebar_notification_item:active {
	-webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
	border-top:0;
	background: #e5d2a8;
}

.app_sidebar_alert_item, .message_bar_warning {
	padding: .3em;
	background: -webkit-gradient(linear, left top, left bottom, from(#fae7b8), to(#ffff00));
	background: -moz-linear-gradient(top, #fae7b8, #ffff00);
	background: -ms-linear-gradient(top, #fae7b8, #ffff00);
	background: linear-gradient(top, #fae7b8, #ffff00);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fae7b8', endColorstr='#ffff00');
	color: #7c6637;
	border-bottom: 1px solid #be9e59;
	border-top: 1px solid #fff2f8;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
	line-height: normal;
}

.message_bar_error {
	font-weight: bold;
	text-align: center;
	padding: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fab8b8), to(#ff0000));
	background: -moz-linear-gradient(top, #fab8b8, #ff0000);
	background: -ms-linear-gradient(top, #fab8b8, #ff0000);
	background: linear-gradient(top, #fab8b8, #ff0000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fab8b8', endColorstr='#ff0000');
	color: white;
	border-bottom: 1px solid #990000;
	border-top: 1px solid #fff2f8;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.6);
}

.app_sidebar_alert_item {
	margin-right: 17px;
	padding: 10px;
}

.app_dropdown_btn {
	white-space: nowrap;
	border-radius: 0;
	border: none;
	box-shadow: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #c0c0c0;
	background: none;
}

.app_dropdown_btn:hover {
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #7e7e7e;
	background: rgba(255, 255, 255, 0.3);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(230, 230, 230, 0.5)));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(230, 230, 230, 0.5));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(230, 230, 230, 0.5));
	background: linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(230, 230, 230, 0.5));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#cccccc');
	box-shadow: 1px 0px 0 rgba(255, 255, 255, 0.6);
}

.app_dropdown_btn:active, .app_dropdown_btn.jtk_btn_selected:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#bcbcbc));
	background: -moz-linear-gradient(top, #e4e4e4, #bcbcbc);
	background: -ms-linear-gradient(top, #e4e4e4, #bcbcbc);
	background: linear-gradient(top, #e4e4e4, #bcbcbc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e4e4e4', endColorstr='#bcbcbc');
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.8);
}

.app_dropdown_btn.jtk_btn_selected {
	background: white;
	box-shadow: none;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	/*border-bottom: 1px solid white;*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0.7)) );
	background: -moz-linear-gradient(top,rgba(255, 255, 255, 1), rgba(230, 230, 230, 0.9));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(230, 230, 230, 0.9));
	background: linear-gradient(top, rgba(255, 255, 255, 1), rgba(230, 230, 230, 0.9));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#cccccc');
	box-shadow: 1px 0px 0 rgba(255, 255, 255, 0.6);
}

.app_user_dropdown_container {
	overflow: hidden;
	position: absolute;
	right: 0pt;
	width: 230px;
	height: 400px;
	z-index: 1000;
}

.app_user_dropdown {
	right: 0;
	top: -1px;
	width: 200px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	border-right: 0;
}

.app_right_dropdown {
	left: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	border-right: 0;
	border-top: 0;
}

.app_left_dropdown {
	right: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	border-left: 0;
	border-top: 0;
}

.app_dropdown {
	right: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	border-top: 0;
}

/*** PROGRESS BAR ***/

.progress_bar {
	border: 1px solid #6f6f6f;
	background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#cfcfcf));
	background: -moz-linear-gradient(top, #afafaf, #cfcfcf);
	background: -ms-linear-gradient(top, #afafaf, #cfcfcf);
	background: linear-gradient(top, #afafaf, #cfcfcf);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#afafaf', endColorstr='#cfcfcf');
	-webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.6);
}

.progress_bar_section {
	border: 1px solid green;
	-webkit-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

.progress_bar .progress_bar_section {
	margin-top: -1px;
	margin-left: -1px;
}

.progress_bar.rounded_edges .progress_bar_section:first-child {
	-webkit-border-top-left-radius: 100px;
	-moz-border-radius-topleft: 100px;
	border-top-left-radius: 100px;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-bottom-left-radius: 100px;
}

.progress_bar.rounded_edges .progress_bar_section:last-child {
	-webkit-border-top-right-radius: 100px;
	-moz-border-radius-topright: 100px;
	border-top-right-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-bottomright: 100px;
	border-bottom-right-radius: 100px;
}

.progress_bar .progress_bar_section.bar_enabled {
	background: -webkit-gradient(linear, left top, left bottom, from(#c3f464), to(#aedf50));
	background: -moz-linear-gradient(top, #c3f464, #aedf50);
	background: -ms-linear-gradient(top, #c3f464, #aedf50);
	background: linear-gradient(top, #c3f464, #aedf50);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3f464', endColorstr='#aedf50');
	margin-bottom: -1px;
}

.progress_bar .progress_txt {
	padding: 5px 10px;
	font-weight: bold;
}

/**** JTK TABS STYLE ****/
.jtk-tabs-container {
}

.jtk-tabs-button-container {
	padding-top: 10px;
}

.jtk_btn.jtk-tab-style {
	background: #e6e7e7;
	border: 1px solid #c6c7c7;
	color: #707070;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-moz-box-shadow: inset 0px 0px 8px #e4a92a;
	-webkit-box-shadow: inset 0px 0px 8px #e4a92a;
	box-shadow: inset 0px -2px 3px #d6d7d7;
}

.jtk_btn.jtk-tab-style:hover {
	background: #f6f7f7;
}

.jtk_btn.jtk-tab-style.jtk_btn_selected {
	background: white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid white;
}

.jtk-tabs-content-container {
	border: 1px solid #c6c7c7;
}

/**** JTK AUTOCOMPLETE ****/

.jtk-AutoComplete-results_el {
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.6);
	border: none;
}

.jtk-AutoComplete-results_el, .jtk-AutoComplete-result:last-child {
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}

.jtk-AutoComplete-result {
	background: white;
	border-top: 1px solid #cccccc;
	cursor: pointer;
}

.jtk-AutoComplete-result b {
	color: #658f22;
}

.jtk-AutoComplete-result.jtk_btn_selected {
	background: #e6efc2;
}

.jtk-AutoComplete-no_result {
	background: white;
}

/**** PAGE STYLE *****/

.page_body {
	color: #79828b;
	background-color: #eeeeee;
	min-height: 100%;
}

.page_container {
	width: 1000px;
	margin: auto;
}

.page_section {
	overflow: hidden;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.10);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 30px 0;
}

.page_nav_container {
	text-align: right;
	padding-top:1px;
}

.page_nav ul {
	margin: 25px 0;
	font-size: 1.2em;
	text-transform: uppercase;
	position: relative;
}

.page_nav li  {
	display: inline;
	list-style: none;
	padding: 0 10px;
	border-right: solid 1px #dddddd;
	border-left: solid 1px #ffffff;
	margin:0;
}

.page_nav li:last-child {
	border-right: none;
}

.page_nav li:first-child {
	border-left: none;
}

.page_nav a {
	color: #999999;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	text-decoration: none;
}

.page_nav a:hover {
	text-decoration: none;
}

#page_title, #post_title {
	color: #658f22;
	font-size: 3em;
	font-weight: 100;
}

.promo-text p {
	color: #79828B;
}

.subtitle {
	color: #575a57;
}

.content_title {
	position: absolute;
	top: 0;
}

.content-title, .founder h2, #main h1, #main h2, #main h3, .promo-text h3, .content-title, .founder h2, #main h1 {
	/*color: #8bc63e;*/
	font-weight: 100;
}

#main h2, #main h3, .promo-text h3 {
	/*color: #658f22;*/
}

.founder h3 {
	position: relative;
	bottom: 10px;
}

#content p, #main p {
	font-size: 1.1em;
}

.founder p {
	position: relative;
	bottom: 15px;
}

.landlord-love {
	width: 30%;
	float: left;
	margin-right: 40px;
}

.last {
}

#sidebar {
	width: 300px;
	margin: 0 30px 30px 0;
	display: inline-block;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li {
	list-style: none;
}

ul.top_level {
	background-color: #fff;
}

ul.top_level li {
	border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
	padding: 15px 0 15px 25px;
}

ul.top_level li:first-child {
	border-top: solid 1px #eee;
}

ul.top_level li:hover {
	background-color: #e6efc2;
	cursor: pointer;
}

.post_list {
	width: 600px;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}

.active {
	background: -webkit-gradient(linear, left top, left bottom, from(#c3f464), to(#aedf50));
	background: -moz-linear-gradient(top, #c3f464, #aedf50);
	background: -ms-linear-gradient(top, #c3f464, #aedf50);
	background: linear-gradient(top, #c3f464, #aedf50);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3f464', endColorstr='#aedf50');
}

.active a {
	color: white;
	font-weight: bold;
}

#sidebar a {
	text-decoration: none;
}

/* homepage styles*/
#about_content {
	padding: 50px;
	font-size:1.2em;
}

#about_content>.entry_content>h1 {
	margin-top:0;
}

#second {
	width: 1050px;
	overflow: hidden;
	background-color: #fff;
	margin: 30px auto 10px auto;
	padding: 30px 0 10px 0;
	-webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.10);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.promos {
	padding: 30px 0;
}

.promo {
	display: inline-block;
	width: 200px;
	height: 160px;
	text-align: center;
	vertical-align: top;
	border-right: solid 2px #eee;
	padding-left: 20px;
	padding-right: 20px;
}

.promo img {
	vertial-align: bottom;
}

.promo:last-child {
	border: none;
	padding-right: none;
}

.promo-text {
	text-align: left;
}

.promo-text h3 {
	font-size: 1.1em;
/*	color: #658f22;*/
	font-weight: 100;
}

.promo-text p{
	font-size: 1.1em;
	font-weight: 100;
}

#footer {
	text-align: center;
	padding-bottom: 1px;
}

#footer ul {
	margin-top: 30px;
}

#footer li {
	display: inline;
	list-style: none;
	padding: 0 5px;
	border-right: solid 1px #ddd;
}

#footer li:last-child {
	border: none;
	padding-right: 0;
}

#footer td {
	padding: 0 7px;
}

.social_icon {
	position: relative;
	bottom: 10px;
	left: 5px;
}

#verify {
	padding-right: 20px;
	position: relative;
	top: 15px;
	display: inline-block;
}

#social {
	height: 24px;
	padding: 0 0 0 20px;
	border-left: solid 2px #ddd;
	display: inline-block;
}

/* about/howitworks */
.howitworks {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	position: relative;
	margin: 20px;
}

.howitworks ul {
	list-style-image: url(/common/style/graphics/checkbox.png);
}

.howitworks li {
	padding: 3px 0;
}

.howitworks_image img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
}

/* landlord landing page */
ul #landlord_items {
	list-style: none;
	font-size: 1.2em;
	padding-left: 10px;
	position: relative;
	bottom: 25px;
}

ul #landlord_items li {
	padding: 5px 0;
}

.list_item {
	position: relative;
	top: 2px;
	padding-right: 10px;
}

.landlord_signup {
	color: white;
	padding: 5px 20px;
	font-size: 1.2em;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#8bc63e), to(#84ba27));
	background: -moz-linear-gradient(top, #8bc63e, #84ba27);
	background: -ms-linear-gradient(top, #8bc63e, #84ba27);
	background: linear-gradient(top, #8bc63e, #84ba27);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8bc63e', endColorstr='#84ba27');
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	position: relative;
	left: 46px;
	bottom: 20px;
}

.code>pre {
	overflow: auto;
}

.social_button {
	width: 24px;
	height: 24px;
	background: no-repeat top left;
}

.social_button:hover {
	background-position: left -24px;
}

.social_button:active {
	background-position: left -48px;
}

.social_button.twitter {
	background-image: url(graphics/social-twitter-sprite.png);
}

.social_button.facebook {
	background-image: url(graphics/social-facebook-sprite.png);
}

.social_button.rss {
	background-image: url(graphics/social-rss-sprite.png);
}
/* end new styles */

.show_if_mobile {
	display: none;
}

/* header */
#header_login_form>* {
	margin-right:10px;
}

#header_forgot_password_button {
	font-size:12px;
	margin-left:-60px;
	margin-right:16px;
}

#header_user_dropdown .app_dropdown_btn {
	cursor:pointer;
	border-right:0px;
	border-bottom:0px;
	padding:0 10px;
	margin-top:0;
	height:100%
}

#header_user_dropdown>div {
	margin-left:10px
}

#header_user_name {
	white-space:nowrap;
	font-size:1.5em;
}

#header_help_btn {
/*	height:25px;
	width:25px;
	padding:0;
	font-size:1.6em;
	font-family:Courier;*/
}

#header_loader {
	margin-right: 10px;
	display:inline-block;
	height:100%;
	font-weight:bold;
	background: url(graphics/loader_topbar.gif) no-repeat 10px center;
	padding-left:30px;
	color:#3C3C3C;
}

.hide_header .header_container {
	display: none;
}

.hide_header .content_container {
	top: 0;
}

#rentshare_extra_tools {
	position:absolute;
	bottom: 10px;
	left:10px;
	text-transform:uppercase;
	font-size:.8em;
}

[name=invoice_header] {
	font-weight: bold;
}

.add_roommate {
	font-size:1.7em;
}

.notifications_list {
	position: relative;
}

.app_sidebar .notifications_list {
	margin-right: 17px;
}

.notifications_list_title {
	background: none repeat scroll 0 0 #F9B95F;
	border-bottom: 1px solid #9E7E39;
	color: #222222;
	border-top: 1px solid #FFFFFF;
	font-weight: bold;
}

.notifications_list_title > div {
    padding: 7px 7px 7px 10px;
}

.notification_item {
background: none repeat scroll 0 0 #F5E2B8;
    cursor: pointer;
	border-bottom: 1px solid #BE9E59;
    border-top: 1px solid #FFF2F8;
    color: #7C6637;
	font-size:1.3em;
	font-weight:bold;
	position:relative;
}

.notification_item>.button {
	background:transparent;
	border-radius: 0;
	border: 0;
}

.notification_item>table {
	width:100%
}

.notification_icon {
	width:56px;
}

.notification_icon>div {
	width:100%;height:33px;margin: -10px 0;
	background-repeat: no-repeat;
	background-position: center 0;

}

.notification_description {
	padding:10px 35px 10px 0;
	color: #7c6637;
}

.notification_item .close_btn {
	background-color:transparent;
	border: none;
	cursor:pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width:35px;height:32px;background-image:url(graphics/close-btn-sprite.png);
	position:absolute;right:1px;top:3px;
}

.notification_item .close_btn:hover {
	background-position: 0 -32px;
}

.notification_item .close_btn:active {
	background-position: 0 -64px;
}

.notification_item .close_btn:disabled {
	background-position: 0 -96px;
	cursor:default;
}

#user_voice_button {
	position: absolute;
	bottom: 0px;
	border-bottom:0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
	right: 20px;
	font-size: 1.4em;
	padding: 0.2em 0.4em 0.2em 0.2em;
	z-index:13;
}

.payment_status_container {
	background: #eeeeee;
}

.payment_status_container>table {
	width: 100%;
	height: 100%;
	margin-top: 0.05em;
}

.payment_status_container tr.payment_status_titles td,
.payment_status_container tr.payment_status_subtitles td {
	vertical-align: top;
}

.payment_status_container tr.payment_status_titles td>div,
.payment_status_container tr.payment_status_subtitles td>div {
	position: absolute;
	display: inline-flex;
}

.payment_status_container tr.payment_status_titles td>div>div {
	margin-left: -50%;
	padding-left: .71em; /* 1em/font-size*.5em */
	font-size: .65em;
	font-weight: bold;
	white-space: nowrap;
}

.payment_status_container tr.payment_status_subtitles td>div>div {
	margin-left: -50%;
	padding-left: 1.25em;  /* 1em/font-size*.5em */
	font-size: .4em;
	font-weight: bold;
}

.payment_status_container tr.payment_status_line {
	font-size: .5em;
	height: 1em;
}

.payment_status_container tr.payment_status_line td:first-child,
.payment_status_container tr.payment_status_line td:last-child {
	width: 2em;
}

.payment_status_container tr.payment_status_line td:nth-child(even) {
	width: 1em;
}

.payment_status_container .status_complete {
	color: #84ba27;
}

.payment_status_container .status_current {
	color: #666666;
}

.payment_status_container .status_pending {
	color: #aaaaaa;
}

.payment_status_container .status_path {
	height: .3em;
}

.payment_status_container .status_complete .status_path {
	background: #84ba27;
}

.payment_status_container .status_pending .status_path {
	background: #aaaaaa;
}

.payment_status_container .payment_status_subtitles {
	height: 0.6em;
}

.payment_status_container .status_current_clickable_region {
	 height: 100%;
	 width: 3em;
	 top: 0px;
	 display: inline-block;
	 left: 50%;
	 position: absolute;
	 margin-left: -1.5em;
}

.payment_status_container .status_current_clickable_region:active {
	background: transparent;
}


.row_separator {
    background: none repeat scroll 0 0 #eee;
    border-color: #ccc;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
    color: #666;
    height: auto;
    padding: 0.4em 1em;
}

.row_separator h2 {
    color: #666;
}

.pricetag {
	display: inline-block;

  width: auto;
	height: 38px;

	background-color:#8ebf30;
	-webkit-border-radius: 3px 4px 4px 3px;
	-moz-border-radius: 3px 4px 4px 3px;
	border-radius: 3px 4px 4px 3px;

	border-left: 1px solid #8ebf30;

	/* This makes room for the triangle */
	margin-left: 19px;

	position: relative;

	color: white;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	line-height: 38px;

	padding: 0 10px 0 10px;
}

/* Makes the triangle */
.pricetag:before {
	content: "";
	position: absolute;
	display: block;
	left: -19px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-right: 19px solid #8ebf30;
}

/* Makes the circle */
.pricetag:after {
	content: "";
	background-color: white;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	left: -9px;
	top: 17px;
}

.ribbon {
		margin: 0;
		margin-top: .5em;
		position:relative;
		color: #ffffff;
		text-align: center;
		box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
					inset 0px 0px 20px rgba(0,0,0,0.1),
					0px 1px 1px rgba(0,0,0,0.4);
		 background: -webkit-linear-gradient(top,#1eb2df, #17a7d2);
      display: inline-block;
		z-index:2;
	width: 100%;
	}

.ribbon:before, .ribbon:after {
		content: "";
		width:.2em;
		bottom:-.4em;
		position:absolute;
		display:block;
		border: .9em solid #9ecf40;
		box-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}

.ribbon:before {
		left:-1.35em;
		border-right-width: .75em;
		border-left-color:transparent;
	}

.ribbon:after {
		right:-1.35em;
		border-left-width: .75em;
		border-right-color:transparent;
	}

.ribbon_content:before, .ribbon_content:after {
		content:"";
		bottom:-.5em;
		position:absolute;
		display:block;
		border-style:solid;
		border-color: #5e8f00 transparent transparent transparent;
		z-index:1;
	}

.ribbon_content:before {
	  left: 0;
	  border-width: .5em 0 0 .5em;
	}

.ribbon_content:after {
	  right: 0;
	  border-width: .5em .5em 0 0;
	}

.ribbon_content {
	position: relative;
	z-index: 2;
	background: #aedf50;
	display: inline-block;
	padding: .34em 0;
	width: 100%;
}

.promote_tools {
	font-size: 1.3em;
}

.promote_tools button {
	font-size: 1.2em;
}

.promote_tools_padding {
	margin:20px 30px;
}

.promote_tools h2.row_separator {
	font-size: 1.3em;
}

.promote_flyer_customize {
	width:500px;
	margin: auto;
}

.promote_flyer_customize tr td:first-child {
	width: 250px;
	padding-right:1.2em;
}

.promote_flyer_customize input {
	font-size:1.2em;
	width: 100%;
}

.promote_flyer_customize input[name=street_address] {
	width:60%;
}

.promote_flyer_customize input[name=internal_address] {
	float:right;
	width:15%;
	margin-right: -1.2em;
}

.promote_flyer_customize h1 {
	color: black;
	margin:.2em 0;
	font-size:1em;
}

.promote_flyer_customize img {
	width:200px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
	margin-left:3em
}

.promote_flyer_customize tr+tr td>h1 {
	padding-top:.8em;
}

.promote_flyer_customize tr+tr td>input {
	padding-top:.4em;
}

.promote_flyer_pricing {
	float: right;
	background: none repeat scroll 0% 0% rgb(158, 207, 64);
	border-radius: 0.4em;
	padding: 0.4em;
	color: white;
}

.promote_flyer_pricing>div {
	background:#8ebf30;
	border-radius:3px;
	padding:.2em;
	margin:.2em;
	text-align: center;
}

.promote_flyer_price_per {
	font-size:1.5em;
	font-weight: 300;
	margin:.3em 0;
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration:line-through
}

.promote_flyer_free_ribbon {
	margin:-.2em 0 .8em;
}

.promote_flyer_free_ribbon .ribbon {
	width:120%;
	margin-left:-10%;
}

.promote_flyer_free_ribbon .ribbon_content {
	font-size:.9em;
	color: black;
}

.promote_flyer_num_selected {
	font-size:1.1em;
	font-weight: bold;
}

.promote_flyer_current_price {
	font-size:2em;margin-bottom:.4em
}

.promote_flyer_inactive_toggle {
	background:#ccc;
	border-radius:.4em;
	padding:.4em;
	display:inline-block;
	margin: .4em 0 1em;
}


.jtk_window .standard_pane {
	display: block;
	width: 450px;
	margin: auto;
	padding: 2em 0 4em;
	font-size:1.2em;
}

.jtk_window table.standard_pane {
	display: table;
}

.jtk_window .standard_pane.full_width_form,
.jtk_window .standard_pane .full_width_form {
	font-size:1.2em;
}

.jtk_window .standard_pane.jtk-tabs-container {
	width: 100%;
}

.jtk_window .standard_pane.full_width_form .standard_pane_content,
.jtk_window .standard_pane .full_width_form .standard_pane_content,
.jtk_window .standard_pane .standard_pane_content .full_width_form,
.jtk_window .standard_pane.standard_pane_content .full_width_form {
	width: 375px;
	margin: auto;
}


.jtk_window .standard_pane.full_width_form {
	font-size:1.4em;
}

.jtk_window .standard_pane.full_width_form .partial_pane_container,
.jtk_window .standard_pane .full_width_form .partial_pane_container,
.jtk_window .standard_pane.full_width_form .jtk_info_message_container,
.jtk_window .standard_pane .full_width_form .jtk_info_message_container {
	font-size: .71em;
}

.jtk_window .standard_pane>h1:first-child,
.jtk_window .standard_pane>h2:first-child,
.jtk_window .standard_pane>h3:first-child {
	margin-top: 0
}

.jtk_window .standard_pane .section {
	margin:auto;
	width:100%;
	margin-bottom: 1em;
	display: block;
}

.jtk_window .standard_pane .section>h1 {
	font-size:1em;
}

.jtk_window .standard_pane_footer {
	border-top: 1px solid #cccccc;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #efefef;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.jtk_window .standard_pane_footer button {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}

.jtk_window .standard_pane_footer>button,
.jtk_window .standard_pane_footer *:not(.confirm_row)>*>button,
.jtk_window .standard_pane_footer>.dropdown_element {
	margin: .5em;
	font-size: 1.2em;
}
.jtk_window .standard_pane_footer .dropdown_list {
	margin: 0em .5em 0 .5em;
	font-size: 1.2em;
}

.jtk_window .standard_pane_footer .dropdown_list button {
	font-size: 1em;
	margin: 0;
}

.jtk_window .standard_pane_footer .confirm_row {
	margin-top: .5em;
}

.jtk_window form[name=edit_account_info]>div.app_bottombar {
	text-align: right;
	padding-top: .8em;
}

.jtk_window form[name=edit_account_info]>div>button {
	border-radius: 4px;
	font-size: 1.2em;
}

.jtk_window form[name=edit_account_info]>div:first-child>table {
	width: 100%;
}

.jtk_window form[name=edit_account_info] input {
	padding: 0.2em 0.5em;
}

.jtk_window .partial_pane_content form {
	display:block;
	position:relative;
	width: 300px;
	margin: auto;
	font-size:1.4em;
}

.jtk_window .partial_pane_content form[name=require_password] {
	height:30%;
}

.jtk_window .partial_pane_content form[name=require_password]>div>button:last-child {
	float: right;
	margin-right: 1.2em;
}

.terms_and_policies {
	font-size: 1.4em;
}

input[type="checkbox"].toggle_switch { /* here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}

input[type="checkbox"].toggle_switch + div {
	display: inline-block;
	vertical-align: middle;
	width: 3em;	height: 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 999px;
	/*margin: 0 .5em;*/
	background: white; /*-moz-linear-gradient(center top , #c3f464, #aedf50) repeat scroll 0 0 rgba(0, 0, 0, 0)*/
	background-image: linear-gradient(rgba(0,0,0,.1), transparent),
	                  linear-gradient(90deg, #aedf50 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	background-origin: border-box;
	background-clip: border-box;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: padding, width, background-position, text-indent;
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset;
	font-size: 150%; /* change this and see how they adjust! */
	text-align: left;
}

input[type="checkbox"].toggle_switch:checked + div {
	padding-left: 2em;	width: 1em;
	background-position: 0 0;
}

input[type="checkbox"].toggle_switch + div:before {
	content: 'On';
	float: left;
	width: 1.65em; height: 1.65em;
	margin: -.1em;
	border: 1px solid rgba(0,0,0,.35);
	border-radius: inherit;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.2), transparent);
	box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset,
	            0 0 .5em rgba(0,0,0,.3);
	color: white;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-indent: -2.5em;
}

input[type="checkbox"].toggle_switch:active + div:before {
	background-color: #eee;
}

/*input[type="checkbox"].toggle_switch:focus + div {
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset,
	            0 0 .4em 1px rgba(255,0,0,.5);
}*/

input[type="checkbox"].toggle_switch + div:before,
input[type="checkbox"].toggle_switch + div:after {
	font: bold 60%/1.9 sans-serif;
	text-transform: uppercase;
}

input[type="checkbox"].toggle_switch + div:after {
	content: 'Off';
	float: left;
	text-indent: .5em;
	color: rgba(0,0,0,.45);
	text-shadow: none;

}

.standard_pane .section>h1 {
	background: #eee none repeat scroll 0 0;
	border-color: #ccc;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
	color: #79828b;
	height: auto;
	margin: 0;
	padding: 0 .5em;
	line-height: 2.3em;
	font-size: 1em;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}

.standard_pane .section .table_rows_spaced td, .standard_pane .section .table_rows_spaced th {
	padding: 0.5em;
}

.content_item_row, button.content_item_row {
	min-height: 2.6em;
	padding: .5em;
	/*font-size: 1.2em;*/
	position: relative
}

.content_item_row {
	line-height: 2.6em;
}

.content_item_row_col_2 {
	width: calc( 50% - .5em );
}

table.content_item_row, .content_item_row>table {
	width: 100%;
}

table.content_item_row, tr.content_item_row, button.content_item_row {
	height: 3.6em;
}

table.content_item_row td:first-child, tr.content_item_row td:first-child {
	padding-left: .5em;
}

table.content_item_row td:last-child, tr.content_item_row td:last-child {
	padding-right: .5em;
}

.jtk_list_add_button .vertical_ellipses {
	color: #ccc;
	font-size: 0.8em;
	line-height: 0.4em;
	padding: 0em 0 0.2em;
	text-align: center;
	width: 3.2em;
}

.jtk_list_add_button div.plus_container {
	width: 2.56em;
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	padding: 0;
	text-align: center;
}

.jtk_list_add_button .plus_container button {
	border-radius: 100px;
	height: 1.75em;
	line-height: 1.65em;
	padding: 0;
	text-align: center;
	width: 1.75em;
}

.jtk_list_add_button button.plus_container span {
	padding: 1.5px 0;
}

.jtk_list_add_button .button_container {
	font-size: 0.9em;
	margin-top: -0.3em;
	margin-left: 0;
}

.content_item_row.jtk_list_add_button_row {
	line-height: normal;
	padding: 0.5em 0 0 0.5em;
}

.confirm_row button {
	border-radius: .2em;
}

.header_container {
	width: 100%;
	background: #efefef none repeat scroll 0 0;
	border-top: 1px solid white;
	border-bottom: 1px solid #c0c0c0;
	position: relative;
	z-index: 13;
}

.header {
	position: absolute;
	height: 100%;
	left: 0px;
	right: 0px;
	color: #222222;
}

.header {
	background: #efefef;
}

.header_container {
	border-color: #efefef;
}

.header .logo {
	display: inline-block;
	background: url(graphics/placepay-logo-with-tagline-white.svg) no-repeat left center/80%;
	width: 135px;
	margin-left: 10px;
	height: 100%;
}

.header_container, .header_height {
	height: 34px;
}

.content_container {
	top: 36px;
	overflow: auto;
}

.partial_pane_content .confirm_buttons button, .partial_pane_content .confirm_buttons div {
	font-size:1.5em;
	width: 80%;
	position: absolute;
	margin-left: 10%;
	left: 0
}

.tabular_row_header {
	height: 30px;
	padding: 0;
	background-color: #f0f3f0
}
.tabular_row_header>div {
	line-height: 30px;
	padding: 0
}
.tabular_row_header>div::before, .tabular_row>div::before {
	content: "";
	padding-left: .5em
}
.tabular_row_header>div.jtk_btn_selected {
	background: white;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.6)
}
.tabular_row {
	height: 40px;
	padding: 0;
	border-bottom: 1px solid #e0e0e0
}
.tabular_row>div {
	line-height: 40px;
	float: left;
	overflow: hidden;
	white-space: nowrap
}
.tabular_row>div, .tabular_row_header>div {
	display: inline-block
}
.tabular_row_header .button {
	font-weight: normal
}
.tabular_row_header .button.jtk_btn_selected {
	font-weight: bold
}
.tabular_row_header .button.jtk_btn_selected.order_asc::after {
	content: " \e807";
	font-family: fontello
}
.tabular_row_header .button.jtk_btn_selected.order_desc::after {
	content: " \e815";
	font-family: fontello
}