div.pure_box
{
	background: #fff;
}

div.pure_box_noshow {
    display: none;
}

div.pure_box_show {
    display: block;
}

div.pure_box_top, div.pure_box_top div
{
	height: 7px;
	font-size: 0px;
	background: url('../../gfx/pure_box.png');
}

div.pure_box_top div
{
	background-position: left -7px;
	background-repeat: no-repeat;
}

div.pure_box_top div div
{
	background-position: right -14px;
}

div.pure_box_bottom, div.pure_box_bottom div
{
	height: 7px;
	font-size: 0px;
	background: url('../../gfx/pure_box.png') left -21px;
}

div.pure_box_bottom div
{
	background-position: left -28px;
	background-repeat: no-repeat;
}

div.pure_box_bottom div div
{
	background-position: right -35px;
}

div.pure_box_middle
{
	border-style: solid;
	border-width: 0px 4px;
	border-color: #f0f0f0;
}

div.pure_box_middle div.pure_box_middle
{
	border-width: 0px 1px;
	border-color: #e6e6e6;
	padding: 1px 3px;
}

div.pure_box_badge {
	height: 0;
	position: relative;	
}

div.pure_box_badge_frame {
	position: absolute;
	right: 10px;
	top: -5px;
}

/*********************** Inset **********************/

div.pure_box_top_inset, div.pure_box_top_inset div
{
	background: url('../../gfx/pure_box_inset.png') 0 0 no-repeat;
	height: 5px;
	font-size: 0;
}

div.pure_box_top_inset div
{
	background-position: right -5px;
}

div.pure_box_top_inset div div
{
	background-position: left -10px;
	background-repeat: repeat-x;
	margin: 0 6px;
}

div.pure_box_bottom_inset, div.pure_box_bottom_inset div
{
	background: url('../../gfx/pure_box_inset.png') 0 -15px no-repeat;
	height: 5px;
	font-size: 0;
}

div.pure_box_bottom_inset div
{
	background-position: right -20px;
}

div.pure_box_bottom_inset div div
{
	background-position: left -25px;
	background-repeat: repeat-x;
	margin: 0 6px;
}

div.pure_box_middle_inset
{
	border: 1px solid #e0e0e0;
	border-width: 0 1px;
}

div.pure_box_middle_inset div.pure_box_middle_inset
{
	border-color: #ededed;
	background: #f4f4f4;
	padding: 0.1px;
}

div.pure_box_header_inset
{
	background: url('../../gfx/pure_box_inset.png') 0 -30px no-repeat;
}

div.pure_box_header_inset div.pure_box_header_inset
{
	background: url('../../gfx/pure_box_inset.png') right -80px no-repeat;
}

div.pure_box_header_inset div.pure_box_header_inset div.pure_box_header_inset
{
	background: url('../../gfx/pure_box_inset.png') left -130px repeat-x;
	color: #fff;
	font-size: 12px;
	line-height: 13px;
	margin: 0 6px;
	padding: 7px 3px;
}

/*********************** Message **********************/

div.pure_box_top_message, div.pure_box_top_message div
{
	background: url('../../gfx/pure_box_message.png') 0 0 no-repeat;
	height: 4px;
	font-size: 0;
}

div.pure_box_top_message div
{
	background-position: right -4px;
}

div.pure_box_top_message div div
{
	background-position: left -8px;
	background-repeat: repeat-x;
	margin: 0 4px;
}

div.pure_box_bottom_message, div.pure_box_bottom_message div
{
	background: url('../../gfx/pure_box_message.png') 0 -12px no-repeat;
	height: 4px;
	font-size: 0;
}

div.pure_box_bottom_message div
{
	background-position: right -16px;
}

div.pure_box_bottom_message div div
{
	background-position: left -20px;
	background-repeat: repeat-x;
	margin: 0 4px;
}

div.pure_box_middle_message div.pure_box_middle_message
{
	background: #fff0b4 url('../../gfx/pure_box_message.png') 0 -24px repeat-x;
	border: 1px solid #ecdda2;
	border-width: 0 1px;
}

/*********************** Blue **********************/

div.pure_box_top_blue, div.pure_box_top_blue div
{
	background: url('../../gfx/pure_box_blue.png') 0 0 no-repeat;
	height: 4px;
	font-size: 0;
}

div.pure_box_top_blue div
{
	background-position: right -4px;
}

div.pure_box_top_blue div div
{
	background-position: left -8px;
	background-repeat: repeat-x;
	margin: 0 4px;
}

div.pure_box_bottom_blue, div.pure_box_bottom_blue div
{
	background: url('../../gfx/pure_box_blue.png') 0 -12px no-repeat;
	height: 4px;
	font-size: 0;
}

div.pure_box_bottom_blue div
{
	background-position: right -16px;
}

div.pure_box_bottom_blue div div
{
	background-position: left -20px;
	background-repeat: repeat-x;
	margin: 0 4px;
}

div.pure_box_middle_blue div.pure_box_middle_blue
{
	background: #ebf8ff;
	border: 1px solid #cce0ec;
	border-width: 0 1px;
}


/*********************** Grey **********************/

div.pure_box_top_grey, div.pure_box_top_grey div
{
	background: url('../../gfx/pure_box_grey.png') 0 0 no-repeat;
	height: 4px;
	font-size: 0;
}

div.pure_box_top_grey div
{
	background-position: right -4px;
}

div.pure_box_top_grey div div
{
	background-position: left -8px;
	background-repeat: repeat-x;
	margin: 0 4px;
}

div.pure_box_bottom_grey, div.pure_box_bottom_grey div
{
	background: url('../../gfx/pure_box_grey.png') 0 -12px no-repeat;
	height: 4px;
	font-size: 0;
}

div.pure_box_bottom_grey div
{
	background-position: right -16px;
}

div.pure_box_bottom_grey div div
{
	background-position: left -20px;
	background-repeat: repeat-x;
	margin: 0 4px;
}

div.pure_box_middle_grey div.pure_box_middle_grey
{
	background: #f2f2f2 url('../../gfx/pure_box_grey.png') 0 -24px repeat-x;
	border: 1px solid #e6e6e6;
	border-width: 0 1px;
}

div.pure_box_content_grey {
	padding: 10px;	
}

div.pure_box_grey p
{
	color: #333;
	margin: 0;
	line-height: 140%;
	font-size: 12px;
}

div.pure_box_grey a {
	color: #0054A6;
	text-decoration: none;
}

div.pure_box_grey a:hover {
	text-decoration: underline;	
}

/****************************** Light **********************/

div.pure_box_light
{
	border: 1px solid #ddd;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.pure_box_top_light, div.pure_box_bottom_light
{
	font-size: 0;
	display: none;
}

div.pure_box_header_light div.pure_box_header_light div.pure_box_header_light
{
	border-bottom: 1px solid #ddd;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	font-size: 11pt;
	color: #345;
	overflow: hidden;
}

div.pure_box_footer_light div.pure_box_footer_light div.pure_box_footer_light
{
	border-top: 1px solid #ddd;
	background: #F6F6F6;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

div.pure_box_bottom_light
{
	font-size: 0;
	line-height: 0;
}


/********************** Shadow variant ********************/

div.pure_box_top_shadow
{
	height: 5px;
	background: url('../../gfx/pure_dialog_shadow.png') left top no-repeat;
	padding-left: 18px;
}

div.pure_box_top_shadow div
{
	height: 5px;
	background: url('../../gfx/pure_dialog_shadow.png') right -5px no-repeat;
	padding-right: 18px;
}

div.pure_box_top_shadow div div
{
	background: url('../../gfx/pure_dialog_shadow.png') left -10px repeat-x;
	padding: 0px;
	position: relative;
}

div.pure_box_bottom_shadow
{
	height: 13px;
	background: url('../../gfx/pure_dialog_shadow.png') left -15px no-repeat;
	padding-left: 18px;
}

div.pure_box_bottom_shadow div
{
	height: 13px;
	background: url('../../gfx/pure_dialog_shadow.png') right -28px no-repeat;
	padding-right: 18px;
}

div.pure_box_bottom_shadow div div
{
	background: url('../../gfx/pure_dialog_shadow.png') left -41px repeat-x;
	padding: 0px;
}

div.pure_box_middle_shadow
{
	background: url('../../gfx/pure_dialog_shadow.png') left -54px repeat-y;
	padding-left: 9px;
}

div.pure_box_middle_shadow div.pure_box_middle_shadow
{
	background: url('../../gfx/pure_dialog_shadow.png') right -54px repeat-y;
	padding: 0px 9px 0px 0px;
}

div.pure_box_content_shadow
{
	background: #fff;
}


/********************** Small shadow variant ********************/


div.pure_box_top_lightshadow
{
	height: -1px;
	/*background: url('../../gfx/pure_box_lightshadow.png') left top no-repeat;*/
	padding-left: 1px;
	font-size: 0;
}

div.pure_box_top_lightshadow div
{
	height: 2px;
	background: url('../../gfx/pure_box_lightshadow.png') right -2px no-repeat;
	padding-right: 12px;
}

div.pure_box_top_lightshadow div div
{
	background: url('../../gfx/pure_box_lightshadow.png') left -2px repeat-x;
	padding: 0px;
	position: relative;
}





div.pure_box_bottom_lightshadow
{
	height: 6px;
	background: url('../../gfx/pure_box_lightshadow.png') left -6px no-repeat;
	padding-left: 12px;
}

div.pure_box_bottom_lightshadow div
{
	font-size: 0;
	height: 6px;
	background: url('../../gfx/pure_box_lightshadow.png') right -12px no-repeat;
	padding-right: 12px;
}

div.pure_box_bottom_lightshadow div div
{
	background: url('../../gfx/pure_box_lightshadow.png') left -18px repeat-x;
	padding: 0px;
}

div.pure_box_middle_lightshadow
{
	background: url('../../gfx/pure_box_lightshadow_middle.png') left 0 repeat-y;
	padding-left: 4px;
}

div.pure_box_middle_lightshadow div.pure_box_middle_lightshadow
{
	background: url('../../gfx/pure_box_lightshadow_middle.png') right 0 repeat-y;
	padding: 0px 4px 0px 0px;
}

div.pure_box_content_lightshadow
{
	background: #fff;
}



/************************ Message contents ***********************/

div.pure_box_content_message
{
	padding: 3px 8px;
}

div.pure_box_message p
{
	color: #443311;
	margin: 0;
	line-height: 14px;
	font-size: 10px;
}

div.pure_box_message ul
{
	color: #443311;
	margin: 0;
	line-height: 14px;
	font-size: 10px;
	list-style: none;
}

div.pure_box_message.pure_box_message_html_body {
	color: #443311;
	line-height: 14px;
	font-size: 10px;
}

div.pure_box_message.pure_box_message_html_body ul {
	list-style: inherit !important;
}


/************************ Dashed variant ***********************/

div.pure_box_content_dashed{
	border-style: dashed;
	border-color: #dadada;
	padding: 5px;
	background-color: white;
}


div.pure_box_content_dashed:hover{
	border-color: #cbcbcb;
}

span.pure_textfield
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 160px;
}

span.pure_textfield_top, span.pure_textfield_top span, span.pure_textfield_bottom, span.pure_textfield_bottom span
{
	display: block;
	font-size: 0px;
	height: 6px;
	background: url('../../gfx/pure_textfield.png');
}

span.pure_textfield_top span span, span.pure_textfield_bottom span span
{
	margin: 0px 6px;
}

span.pure_textfield_top
{
	background-repeat: no-repeat;
}

span.pure_textfield_top span
{
	background-position: right -6px;
	background-repeat: no-repeat;
}

span.pure_textfield_top span span
{
	background-position: left -12px;
	background-repeat: repeat-x;
}

span.pure_textfield_bottom
{
	background-repeat: no-repeat;
	background-position: left -18px;
}

span.pure_textfield_bottom span
{
	background-position: right -24px;
	background-repeat: no-repeat;
}

span.pure_textfield_bottom span span
{
	background-position: left -30px;
	background-repeat: repeat-x;
}

span.pure_textfield_middle
{
	background: url('../../gfx/pure_textfield.png') left -36px repeat-y;
	display: block;
}

span.pure_textfield_middle span.pure_textfield_middle
{
	background: url('../../gfx/pure_textfield.png') right -236px repeat-y;
}

span.pure_textfield_body
{
	display: block;
	margin: 0px 6px;
	background-color: white;
	font-size: 0;
}

span.pure_textfield_placeholder {
	position: absolute;
	color: #9ea5a8;
	padding: 0px 1px;
	display: none;
	cursor: text;
}

span.pure_textfield_placeholder_visible {
	display: inline;
	font-size: 11px;	
}

span.pure_textfield_readonly
{
	display: block;
	padding-left: 5px;
	font-size: 12px;
	padding-top: 2px;
	word-wrap: break-word;
}

span.pure_textfield_readonly.align_with_novalue {
    font-size: 11px;
    line-height: 18px;
    padding: 4px 5px;
}

span.pure_textfield_readonly_centered {
	margin-top: 4px;	
}

span.pure_textfield_novalue
{
	color: #999999;
	display: block;
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	padding: 4px 5px;
}

span.pure_textfield_dropdown_toggle {
    display: inline-block;
}

/*************** Borderless ****************/

span.pure_textfield_borderless span {
	border: none !important;
	background: none !important;	
}

span.pure_textfield_borderless input {
	color: #333;	
}

span.pure_textfield_borderless input:hover {
	color: #000;
	cursor: pointer;	
}

/*************** Right aligned text ****************/


span.pure_textfield_right_align_number input {
	text-align: right;
}

/*************** Focus ****************/

span.pure_textfield_focus span.pure_textfield_placeholder, span.pure_textfield_focus span.pure_textfield_placeholder_visible {
	display: none;	
}

span.pure_textfield_focus span.pure_textfield_top
{
	background-position: 0px -436px;
}
span.pure_textfield_focus span.pure_textfield_top span
{
	background-position: right -442px;
}
span.pure_textfield_focus span.pure_textfield_top span span
{
	background-position: left -448px;
}
span.pure_textfield_focus span.pure_textfield_bottom
{
	background-position: left -454px;
}
span.pure_textfield_focus span.pure_textfield_bottom span
{
	background-position: right -460px;
}
span.pure_textfield_focus span.pure_textfield_bottom span span
{
	background-position: left -466px;
}
span.pure_textfield_focus span.pure_textfield_middle
{
	background-position: left -472px;
}
span.pure_textfield_focus span.pure_textfield_middle span.pure_textfield_middle
{
	background-position: right -672px;
}


/********** Input **********/

span.pure_textfield input
{
	width: 148px;
	/*Must be !important to overrule highlighting from the style guide*/
	outline: none !important;
}

span.pure_textfield input::-ms-clear {
    display: none;
}

span.pure_textfield input, span.pure_textfield textarea
{
	background: none;
	border: 0px;
	font-size: 12px;
	outline: none;
	padding: 0;
	margin: 0;
}

span.pure_textfield_synchronized::after {
	content: '';
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	width: 14px;
	position: relative;
	margin-left: 3px;
	background: url('../../icons/monochrome/sync14.png') 0px 0px no-repeat;
	cursor: help;
}

span.pure_textfield textarea
{
	height: 32px;
	overflow-y: hidden;
	max-height: 198px;
	width: 148px;
}

span.pure_textfield_no_maxheight textarea
{
    max-height: none !important;
}

span.pure_textfield_400px_height textarea
{
    height: 400px !important;
}

span.pure_textfield_expanding textarea
{
	height: 15px;
}

span.pure_textfield_busy span.pure_textfield_body
{
	background-image: url('../../gfx/spinner.gif');
	background-position: right 0px;
	background-repeat: no-repeat;
}

span.pure_textfield_dirty span.pure_textfield_body
{
	background-color: #FFFFee;
}

span.pure_textfield_invalid input, span.pure_textfield_invalid textarea
{
	background-color: #FFeeee;
}

span.pure_textfield_error input, span.pure_textfield_error textarea
{
	background-color: #FFeeee;
}

/********** Adaptive **********/

span.pure_textfield_adaptive
{
	display: block;
}

span.pure_textfield_adaptive, span.pure_textfield_adaptive input, span.pure_textfield_adaptive textarea
{
	width: 100% !important;
	/*Must be !important to overrule highlighting from the style guide*/
	outline: none !important;
}

/***************** Small **************/

span.pure_textfield_small input, span.pure_textfield_small textarea
{
	font-size: 11px;
	margin: -1px 0;
}

/***************** Secret without autocomplete (password we don't want the PW manager to ask about, e.g. in an editor ) **************/

span.pure_textfield_secret_without_autocomplete input {
	text-indent: -10000px;
	background: url(../../gfx/pure_textfield_secret_lock.png) left center no-repeat;
	background-clip: content-box;
	color: transparent;
	cursor: pointer;
}

span.pure_textfield_secret_without_autocomplete input:focus {
	text-indent: 0;
	background: inherit;
	color: inherit;
	cursor: inherit;
}


/************** increment decrement ************/

span.pure_textfield span.pure_textfield_increment{
/*	top: 3px;
	right: 15px;*/
	display: inline-block;
/*	width: 23px;
	height: 5px;*/
	background: url('../../gfx/numberfield_arrows.png') top no-repeat;;



}
span.pure_textfield_decrement{
	background: blue;
}


/************** Word count ************/

span.pure_textfield_wordcount {
	margin-left: 3px;	
}

span.pure_textfield_wordcount, span.pure_textfield_wordcount_max {
	margin-top: 2px;
	margin-bottom: 4px;
}

span.pure_textfield_wordcount em {
	font-style: normal;	
}

/************** Character count ************/

span.pure_textfield_charactercount {
    margin-left: 3px;
}

span.pure_textfield_charactercount, span.pure_textfield_charactercount_max {
    margin-top: 2px;
    margin-bottom: 4px;
}

span.pure_textfield_charactercount em {
    font-style: normal;
}

/************** Symbols ************/

div.pure_textfield_symbols
{
	font-size: 0;
	background: #fff;
	border: 1px solid #ddd;
	position: absolute;
	z-index: 100;
	padding: 3px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	-webkit-border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	border-radius: 4px;
	/*font-family: "Times New Roman", "Times", serif;*/
}

div.pure_textfield_symbols a
{
	display: inline-block;
	color: #333;
	font-size: 13px;
	text-decoration: none;
	width: 16px;
	height: 16px;
	text-align: center;
}

div.pure_textfield_symbols a:hover
{
	background: #def;
}

/*************** HTML **************/

span.pure_textfield_actions
{
	font-size: 11px;
	margin-top: -12px;
	position: absolute;
	right: 8px;
	top: -2px;
	padding: 0 0 0 2px;
}

span.pure_textfield_actions a
{
	color: #999;
	cursor: pointer;
	margin-left: 6px;
}

div.pure_textfield_html_editor {
    outline: none;
    overflow: hidden;
    overflow-y: auto;
    max-height: 196px;
}

span.pure_textfield_html_bar
{
	background: #F6F6F6;
	border: 1px solid #ddd;
	height: 20px;
	padding: 1px;
	right: 3px;
	margin-top: -24px;
	position: absolute;
	top: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

span.pure_textfield_html_bar a, span.pure_textfield_html_bar span
{
	display: inline-block;
	font-size: 0;
	width: 20px;
	height: 20px;
	margin-right: 2px;
}

span.pure_textfield_html_bar a:hover
{
	background: url('../../gfx/pure_textfield_controls.png') left -20px;
}

span.pure_textfield_html_bar a.pure_selected
{
	background: url('../../gfx/pure_textfield_controls.png') left 0px;
}

a.pure_textfield_html_bold span
{
	background: url('../../gfx/pure_textfield_controls.png') left -40px;
}

a.pure_textfield_html_italic span
{
	background: url('../../gfx/pure_textfield_controls.png') left -60px;
}

a.pure_textfield_html_superscript span
{
	background: url('../../gfx/pure_textfield_controls.png') left -80px;
}

a.pure_textfield_html_subscript span
{
	background: url('../../gfx/pure_textfield_controls.png') left -100px;
}

a.pure_textfield_html_clean span
{
	background: url('../../gfx/pure_textfield_controls.png') left -120px;
}

a.pure_textfield_html_symbols span
{
	background: url('../../gfx/pure_textfield_controls.png') left -140px;
}

/*************** Monotype **************/

span.pure_textfield_monotype textarea {
    font-family: monospace;
}

/*************** Maximize and restore **************/

a.pure_textfield_maximize {
	display: none;
	width: 16px;
	height: 16px;
	background: silver;
	position: absolute;
	right: 3px;
	top: -16px;
	background: url('../../gfx/popout.png') 0 0 no-repeat;
	opacity: 0.25;
}

a.pure_textfield_maximize:focus, a.pure_textfield_maximize:hover {
	opacity: 1;
}

a.pure_textfield_maximize.open {
	display: block;
}

a.pure_textfield_restore {
	display: none;
}

a.pure_textfield_restore.open {
	display: block;
	position: fixed;
	top: 18px;
	right: 18px;
	z-index: 9999;
	width: 26px;
	height: 26px;
	outline: none;
	background: url('../../gfx/pure_panel_close.png') left top no-repeat;
}

a.pure_textfield_restore:focus, a.pure_textfield_restore:hover {
	background-position: left -26px;
}

textarea.pure_textfield_maximized {
	padding: 8px;
	position: fixed;
	z-index: 9998;
	left: 0;
	top: 0;
	box-sizing: border-box;
	background: #fff;
	background-clip: padding-box;
	height: 100% !important;
	width: 100% !important;
	border: 32px solid #666;
	border-color: rgba(0,0,0,0.5);
}

span.pure_systemcurrency
{
	display: inline-block;
	padding: 0;
	font-size: 12px;
	color: #333;
}

span.pure_textfield_readonly span.pure_systemcurrency {
	margin-left: 4px;	
}

a.pure_splitbutton
{
	cursor: pointer;
	height: 30px;
	line-height: 29px;
	display: inline-block;
	text-decoration: none;
	color: #333;
	font-size: 11px;
	outline: none;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
}

body.webkit a.pure_splitbutton {
    line-height: 28px;
}

a.pure_splitbutton span {
    vertical-align: middle;
}

a.pure_splitbutton_disabled
{
	opacity: 0.5;
	cursor: default;
}

a.pure_splitbutton_invisible
{
	display: none;
}

a.pure_splitbutton span.inner
{
	height: 30px;
	display: inline-block;
}

a.pure_splitbutton span.inner span.inner
{
	margin: 0px 6px;
	padding: 0px 2px;
}

em.pure_splitbutton_icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 4px;
    vertical-align: middle;
}

/************* Hover **********/

a.pure_splitbutton:hover, a.pure_splitbutton:hover span.inner, a.pure_splitbutton:hover span.inner span.inner,
a.pure_splitbutton.hover, a.pure_splitbutton.hover span.inner, a.pure_splitbutton.hover span.inner span.inner,
a.pure_splitbutton.open, a.pure_splitbutton.open span.inner, a.pure_splitbutton.open span.inner span.inner,
a.pure_splitbutton.bordered, a.pure_splitbutton.bordered span.inner, a.pure_splitbutton.bordered span.inner span.inner
{
    background: url('../../gfx/pure_button_large.png') left top no-repeat;
}

a.pure_splitbutton:hover, a.pure_splitbutton.hover, a.pure_splitbutton.open, a.pure_splitbutton.bordered
{
	background-position: left 0px;
}

a.pure_splitbutton:hover span.inner, a.pure_splitbutton.hover span.inner,  a.pure_splitbutton.open span.inner, a.pure_splitbutton.bordered span.inner
{
	background-position: right -30px;
}

a.pure_splitbutton:hover span.inner span.inner, a.pure_splitbutton.hover span.inner span.inner, a.pure_splitbutton.open span.inner span.inner, a.pure_splitbutton.bordered span.inner span.inner
{
    background-repeat: repeat-x;
	background-position: left -60px;
}

/************* Push ************/

a.pure_splitbutton:active, a.pure_splitbutton:active span.inner, a.pure_splitbutton:active span.inner span.inner {
    background: url('../../gfx/pure_button_large.png') left top no-repeat;
}

a.pure_splitbutton:active
{
	background-position: left -180px;
}

a.pure_splitbutton:active span.inner
{
	background-position: right -210px;
}

a.pure_splitbutton:active span.inner span.inner
{
    background-repeat: repeat-x;
	background-position: left -240px;
}

/************* Focus **********/

a.pure_splitbutton:focus, a.pure_splitbutton:focus span.inner, a.pure_splitbutton:focus span.inner span.inner {
    background: url('../../gfx/pure_button_large.png') left top no-repeat;
}

a.pure_splitbutton:focus
{
	background-position: left -270px;
}

a.pure_splitbutton:focus span.inner
{
	background-position: right -300px;
}

a.pure_splitbutton:focus span.inner span.inner
{
    background-repeat: repeat-x;
	background-position: left -330px;
}

/************* Focus **********/

a.pure_splitbutton:focus:hover
{
	background-position: left -360px;
}

a.pure_splitbutton:focus:hover span.inner
{
	background-position: right -390px;
}

a.pure_splitbutton:focus:hover span.inner span.inner
{
	background-position: left -420px;
}

/************* Focus **********/

a.pure_splitbutton:focus:active, a.pure_splitbutton.arrow.open
{
	background-position: left -450px !important;
}

a.pure_splitbutton:focus:active span.inner, a.pure_splitbutton.arrow.open span.inner
{
	background-position: right -480px !important;
}

a.pure_splitbutton:focus:active span.inner span.inner, a.pure_splitbutton.arrow.open span.inner span.inner
{
	background-position: left -510px !important;
}

/*** Split button and menu ***/

a.pure_splitbutton.arrow {
    margin-left: -5px;
}

a.pure_splitbutton.arrow span.inner {
    position: relative;
}

a.pure_splitbutton.arrow span.inner span.inner {
    padding: 0;
    width: 13px;
}

a.pure_splitbutton.arrow em {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -5px;
    display: inline-block;
    width: 9px;
    height: 8px;
    vertical-align: middle;
    background: url('../../gfx/disclosure.png') -1px -26px;
}

a.pure_splitbutton.arrow:hover em, a.pure_splitbutton.arrow:focus em, a.pure_splitbutton.arrow.hover em, a.pure_splitbutton.arrow.open em {
    background-position: -1px -38px;
}


span.pure_splitbutton_menu {
    display: none;
    position: absolute;
    z-index: 999;
    background: #fff;
    font-size: 11px;
    border: 1px solid #ddd;
    overflow: auto;
    overflow-x: hidden;
    max-height: 200px;
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

span.pure_splitbutton_menu a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 3px 6px;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    min-height: 14px;
}

span.pure_splitbutton_menu a:hover, span.pure_splitbutton_menu a:focus, span.pure_splitbutton_menu a.selected {
    background-color: #26f;
    color: #fff;
}



div.pure_buttons
{
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

div.pure_buttons_center
{
	text-align: center;
}

div.pure_buttons_right
{
	text-align: right;
}

/*To be able to have a right button in a left buttons, if only right buttons are needed, use the buttons right instead*/
div.pure_buttons a.pure_button_right
{
	float: right;
}

div.pure_buttons a.pure_button
{
	margin-right: 3px;
}

div.pure_buttons_right a.pure_button
{
	margin: 0 0 0 3px;
}

a.pure_button
{
	cursor: pointer;
	height: 30px;
	line-height: 29px;
	display: inline-block;
	background: url('../../gfx/pure_button_large.png') left top no-repeat;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	outline: none;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
	text-shadow: 0 1px 0 #FFFFFF;
}

a.pure_button_add_documents{
	cursor: pointer;
	height: 30px;
	line-height: 29px;
	display: inline-block;
	background: url('../../gfx/pure_buttonicon_documents.png');
	text-decoration: none;
	color: #333;
	font-size: 12px;
	outline: none;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
	text-shadow: 0 1px 0 #FFFFFF;
}

a.pure_button_disabled
{
	opacity: 0.5;
	cursor: default;
}

a.pure_button_invisible
{
	display: none;
}

a.pure_button span
{
	height: 30px;
	display: inline-block;
	background: url('../../gfx/pure_button_large.png') right -30px no-repeat;
}

a.pure_button span span
{
	background: url('../../gfx/pure_button_large.png') left -60px repeat-x;
	margin: 0px 6px;
	padding: 0px 7px;
}

/************* Hover **********/

a.pure_button:hover
{
	background-position: left -90px;
}

a.pure_button:hover span
{
	background-position: right -120px;
}

a.pure_button:hover span span
{
	background-position: left -150px;
}

/************* Push ************/

a.pure_button:active
{
	background-position: left -180px;
}

a.pure_button:active span
{
	background-position: right -210px;
}

a.pure_button:active span span
{
	background-position: left -240px;
}

/************* Focus **********/

a.pure_button:focus
{
	background-position: left -270px;
}

a.pure_button:focus span
{
	background-position: right -300px;
}

a.pure_button:focus span span
{
	background-position: left -330px;
}

/************* Focus **********/

a.pure_button:focus:hover
{
	background-position: left -360px;
}

a.pure_button:focus:hover span
{
	background-position: right -390px;
}

a.pure_button:focus:hover span span
{
	background-position: left -420px;
}

/************* Focus **********/

a.pure_button:focus:active
{
	background-position: left -450px;
}

a.pure_button:focus:active span
{
	background-position: right -480px;
}

a.pure_button:focus:active span span
{
	background-position: left -510px;
}


/************* Highlighted ************/

a.pure_button_highlighted, a.pure_button_highlighted span, a.pure_button_highlighted span span
{
	background-image: url('../../gfx/pure_button_large_highlighted.png');
	color: #fff;
	text-shadow: 0 -1px 0 #57b;
}

/************* Small ************/

a.pure_button_small
{
	font-size: 11px;
	cursor: pointer;
	height: 22px;
	line-height: 22px;
	background: url('../../gfx/pure_button_small.png') left top no-repeat;
}

a.pure_button_small span
{
	height: 22px;
	background: url('../../gfx/pure_button_small.png') right -22px no-repeat;
}

a.pure_button_small span span
{
	background: url('../../gfx/pure_button_small.png') left -44px repeat-x;
	margin: 0px 5px;
	padding: 0px 4px;
}

a.pure_button_small:hover
{
	background-position: left -66px;
}

a.pure_button_small:hover span
{
	background-position: right -88px;
}

a.pure_button_small:hover span span
{
	background-position: left -110px;
}

a.pure_button_small:active
{
	background-position: left -132px;
}

a.pure_button_small:active span
{
	background-position: right -154px;
}

a.pure_button_small:active span span
{
	background-position: left -176px;
}

a.pure_button_small:focus
{
	background-position: left -198px;
}

a.pure_button_small:focus span
{
	background-position: right -220px;
}

a.pure_button_small:focus span span
{
	background-position: left -242px;
}

a.pure_button_small:focus:hover
{
	background-position: left -264px;
}

a.pure_button_small:focus:hover span
{
	background-position: right -286px;
}

a.pure_button_small:focus:hover span span
{
	background-position: left -308px;
}

a.pure_button_small:focus:active
{
	background-position: left -330px;
}

a.pure_button_small:focus:active span
{
	background-position: right -352px;
}

a.pure_button_small:focus:active span span
{
	background-position: left -374px;
}

a.pure_button_small_highlighted, a.pure_button_small_highlighted span, a.pure_button_small_highlighted span span
{
	background-image: url('../../gfx/pure_button_small_highlighted.png');
	color: #fff;
	text-shadow: 0 -1px 0 #57b;
}

/************* Small + rounded ************/

a.pure_button_small_rounded
{
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	height: 22px;
	background: url('../../gfx/pure_button_small_rounded.png') left top no-repeat;
	overflow: hidden;
	max-width: 100%;
}

a.pure_button_small_rounded span
{
	height: 22px;
	background: url('../../gfx/pure_button_small_rounded.png') right -22px no-repeat;
	overflow: hidden;
	max-width: 100%;
}

a.pure_button_small_rounded span span
{
	font-size: 11px;
	line-height: 22px;
	background: url('../../gfx/pure_button_small_rounded.png') left -44px repeat-x;
	margin: 0px 10px;
	padding: 0px 4px;
	text-shadow: 0 1px 0 #FFFFFF;
	max-width: calc(100% - 27px); /* account for margin and padding (28px), minus 1px for safari rounding issue */
	overflow: hidden;
	text-overflow: ellipsis;
}

a.pure_button_small_rounded:hover
{
	background-position: left -66px;
}

a.pure_button_small_rounded:hover span
{
	background-position: right -88px;
}

a.pure_button_small_rounded:hover span span
{
	background-position: left -110px;
}

a.pure_button_small_rounded:active
{
	background-position: left -132px;
}

a.pure_button_small_rounded:active span
{
	background-position: right -154px;
}

a.pure_button_small_rounded:active span span
{
	background-position: left -176px;
}

a.pure_button_small_rounded:focus
{
	background-position: left -198px;
}

a.pure_button_small_rounded:focus span
{
	background-position: right -220px;
}

a.pure_button_small_rounded:focus span span
{
	background-position: left -242px;
}

a.pure_button_small_rounded:focus:hover
{
	background-position: left -264px;
}

a.pure_button_small_rounded:focus:hover span
{
	background-position: right -286px;
}

a.pure_button_small_rounded:focus:hover span span
{
	background-position: left -308px;
}

a.pure_button_small_rounded:focus:active
{
	background-position: left -330px;
}

a.pure_button_small_rounded:focus:active span
{
	background-position: right -352px;
}

a.pure_button_small_rounded:focus:active span span
{
	background-position: left -374px;
}

/************* Mini + rounded ************/

a.pure_button_mini_rounded
{
	font-size: 11px;
	cursor: pointer;
	height: 20px;
	line-height: 0;
	background: url('../../gfx/pure_button_mini_rounded.png') left top no-repeat;
}

a.pure_button_mini_rounded span
{
	height: 20px;
	background: url('../../gfx/pure_button_mini_rounded.png') right -20px no-repeat;
}

a.pure_button_mini_rounded span span
{
	background: url('../../gfx/pure_button_mini_rounded.png') left -40px repeat-x;
	margin: 0px 10px;
	padding: 0px 4px;
	font-size: 11px;
	line-height: 20px;
	text-shadow: 0 1px 0 #FFFFFF;
}

a.pure_button_mini_rounded:hover
{
	background-position: left -60px;
}

a.pure_button_mini_rounded:hover span
{
	background-position: right -80px;
}

a.pure_button_mini_rounded:hover span span
{
	background-position: left -100px;
}

a.pure_button_mini_rounded:active
{
	background-position: left -120px;
}

a.pure_button_mini_rounded:active span
{
	background-position: right -140px;
}

a.pure_button_mini_rounded:active span span
{
	background-position: left -160px;
}

a.pure_button_mini_rounded:focus
{
	background-position: left -180px;
}

a.pure_button_mini_rounded:focus span
{
	background-position: right -200px;
}

a.pure_button_mini_rounded:focus span span
{
	background-position: left -220px;
}

a.pure_button_mini_rounded:focus:hover
{
	background-position: left -240px;
}

a.pure_button_mini_rounded:focus:hover span
{
	background-position: right -260px;
}

a.pure_button_mini_rounded:focus:hover span span
{
	background-position: left -280px;
}

a.pure_button_mini_rounded:focus:active
{
	background-position: left -300px;
}

a.pure_button_mini_rounded:focus:active span
{
	background-position: right -320px;
}

a.pure_button_mini_rounded:focus:active span span
{
	background-position: left -340px;
}

/********************* Tiny ********************/

a.pure_button_tiny span span
{
	padding: 0;
	font-size: 9px;
}

/************* Link ************/

a.pure_button_link {
	font-size: 11px;
	cursor: pointer;
	background: none;
	height: auto;
	line-height: normal;
	text-shadow: none;
	color: #0054a6;
}


a.pure_button_link span
{
	background: none;
	height: auto;
}

a.pure_button_link span span
{
	background: none;
	padding: 0;
}


/********************* Icon ********************/

em.pure_button_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -2px 3px 0 -4px;
	vertical-align: middle;
}

a.pure_button:hover em.pure_button_icon {
	background-position: 0px -16px !important;	
}

a.pure_button_mini_rounded em.pure_button_icon
{
	margin-left: -10px;
	margin-right: 0;
}

body.ie8 a.pure_button_mini_rounded em.pure_button_icon
{
	position: relative;
	top: -1px;
}

em.pure_button_icon_nolabel
{
	margin-right: -4px;
	margin-top: 7px;
}

/******************** Dimming *****************/

.pure_dimmed_container a.pure_button, .pure_dimmed_container a.pure_button span
{
	background-image: none;
	color: #666;
}

.pure_dimmed_container:hover a.pure_button_mini_rounded, .pure_dimmed_container:hover a.pure_button_mini_rounded span
{
	background-image: url('../../gfx/pure_button_mini_rounded.png');
	color: #000;
}

.pure_dimmed_container a.pure_button_mini_rounded:focus, .pure_dimmed_container a.pure_button_mini_rounded:focus span
{
	background-image: url('../../gfx/pure_button_mini_rounded.png');
	color: #000;
}

/******************** Dark context *****************/

.common_dark_context a.pure_button, .common_dark_context a.pure_button span
{
	background-image: url('../../gfx/pure_button_large_dark.png');
	color: #fff;
	text-shadow: 0 -1px 0px #444;
}

.common_dark_context a.pure_button_highlighted, .common_dark_context a.pure_button_highlighted span
{
	background-image: url('../../gfx/pure_button_large_highlighted_dark.png');
	color: #fff;
	text-shadow: 0 -1px 0px #36a;
}

.common_dark_context a.pure_button_disabled:hover
{
	background-position: left top !important;
}

.common_dark_context a.pure_button_disabled:hover span
{
	background-position: right -30px !important;
}

.common_dark_context a.pure_button_disabled:hover span span
{
	background-position: left -60px !important;
}




.common_dark_context a.pure_button_small, .common_dark_context a.pure_button_small span
{
	background-image: url('../../gfx/pure_button_small_dark.png');
	color: #fff;
	text-shadow: 0 -1px 0px #444;
}








/******************** Outlined *****************/

a.pure_button_small_rounded_outlined 
{
	height: 24px;
}

a.pure_button_small_rounded_outlined span
{
	background-position: right -24px;
	height: 24px;
}

a.pure_button_small_rounded_outlined span span
{
	background-position: left -48px;
	margin: 0 12px;
	height: 24px;
}

a.pure_button_small_rounded_outlined:hover
{
	background-position: left -72px;
}

a.pure_button_small_rounded_outlined:hover span
{
	background-position: right -96px;
}

a.pure_button_small_rounded_outlined:hover span span
{
	background-position: left -120px;
}



a.pure_button_small_rounded_outlined:active
{
	background-position: left -144px;
}

a.pure_button_small_rounded_outlined:active span
{
	background-position: right -168px;
}

a.pure_button_small_rounded_outlined:active span span
{
	background-position: left -192px;
}


a.pure_button_small_rounded_outlined:focus
{
	background-position: left -216px;
}

a.pure_button_small_rounded_outlined:focus span
{
	background-position: right -240px;
}

a.pure_button_small_rounded_outlined:focus span span
{
	background-position: left -264px;
}


a.pure_button_small_rounded_outlined:focus:hover
{
	background-position: left -288px;
}

a.pure_button_small_rounded_outlined:focus:hover span
{
	background-position: right -312px;
}

a.pure_button_small_rounded_outlined:focus:hover span span
{
	background-position: left -336px;
}


a.pure_button_small_rounded_outlined:focus:active
{
	background-position: left -360px;
}

a.pure_button_small_rounded_outlined:focus:active span
{
	background-position: right -384px;
}
a.pure_button_small_rounded_outlined:focus:active span span
{
	background-position: left -408px;
}


/********** Light variant **********/

a.pure_button_light, a.pure_button_light span, a.pure_button_light span span
{
	background: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	height: 24px;
	line-height: 24px;
	padding: 0;
}

a.pure_button_light
{
	padding: 0 4px 0 4px;
	border: 1px solid transparent;
}

a.pure_button_light span span
{
	text-shadow: none;
	color: #666;
}

a.pure_button_light:hover
{
	border: 1px solid #eee;
	background: #fafafa;
	background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee)";
	border-bottom-color: #ddd;
}

a.pure_button_light em.pure_button_icon
{
	/*margin-top: -3px; removed looked weird in Chrome, did nothing in FF*/
	opacity: .5;
}

a.pure_button_light em.pure_button_icon_nolabel
{
	margin-top: 4px;
}





/********** Block variant **********/

a.pure_button_block, a.pure_button_block span, a.pure_button_block span span
{
	background: none;
	height: 28px;
	line-height: 28px;
	padding: 0;
}

a.pure_button_block
{
	padding: 0 20px 0 4px;
	border: 1px solid #ddd;
	box-shadow: 0 0 4px rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 4px rgba(0,0,0,.1);
	background: #fff url('../../gfx/pure_browser.png') 100% center no-repeat;
}

a.pure_button_block span span
{
	text-shadow: none;
	color: #666;
}

a.pure_button_block:hover
{
	border-color: #91b4df;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	-ms-box-shadow: 0 0 4px rgba(0,0,0,.3);
	background: #fff url('../../gfx/pure_browser.png') 100% center no-repeat;
}

a.pure_button_block em.pure_button_icon
{
	margin-top: -4px;
	margin-left: -2px;
}


/*pink*/
a.pure_button_outlined_pink 
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_pink.png');
}

a.pure_button_outlined_pink span
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_pink.png');
}

a.pure_button_outlined_pink span span
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_pink.png');
}

/*lightblue*/
a.pure_button_outlined_lightblue 
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_lightblue.png');
}

a.pure_button_outlined_lightblue span
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_lightblue.png');
}

a.pure_button_outlined_lightblue span span
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_lightblue.png');
}

/*darkgreen*/
a.pure_button_outlined_darkgreen 
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_darkgreen.png');
}

a.pure_button_outlined_darkgreen span
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_darkgreen.png');
}

a.pure_button_outlined_darkgreen span span
{
	background-image: url('../../gfx/pure_button_small_rounded_outlined_darkgreen.png');
}






div.pure_bar
{
	background: #F6F6F6 none repeat scroll 0 0;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #FFFFFF;
	padding: 3px 6px;
	cursor: default;
}

div.pure_bar_body
{
	margin: 0 auto;
}

span.pure_bar_divider
{
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	border-right: 1px solid #fff;
	border-left: 1px solid #ddd;
	margin: 0 5px;
}

table.pure_bar
{
	border-spacing: 0;
	width: 100%;
	border-collapse: collapse;
}

td.pure_bar_wide
{
	width: 100%;
	padding: 0;
	white-space: nowrap;
}

body.ie7 td.pure_bar_wide
{
	width: auto;
}

td.pure_bar_narrow
{
	width: 1%;
	padding: 0;
	white-space: nowrap;
}

a.pure_bar_wrapper
{
	text-decoration: none;
	color: inherit;
	vertical-align: middle;
	display: inline-block;
}

/*************** Panel header variant ****************/

div.pure_bar_panelheader
{
	background: url("../../gfx/editor/bar.png") repeat-x scroll left -84px transparent;
	height: 42px;
	padding: 0;
	border-bottom: none;
}

div.pure_bar_panelheader div.pure_bar_body {
	padding: 8px 10px 8px 20px;
	margin: 0;		
}

div.pure_bar_panelheader div.pure_bar_body span {
	vertical-align: middle;	
}

/*************** Fixed editor variant ****************/

div.pure_bar_fixededitor
{
	background: url("../../gfx/editor/bar.png") repeat-x scroll left -84px transparent;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	border: none;
	z-index: 100;
	font-size: 0; /** TODO (jbm): make this general? */
}

div.pure_bar_fixededitor span.pure_bar_divider
{
	height: 30px;
}

/*************** Grey variant ****************/

div.pure_bar_grey
{
	background: #e6e6e6;
	height: auto;
	padding: 0;
	border: none;
	border-radius: 5px;
}

div.pure_bar_grey div.pure_bar_body {
	padding: 3px 4px;
	margin: 0;		
}

/*************** Transparent variant ****************/

div.pure_bar_transparent
{
	background: none;
	height: auto;
	padding: 0;
	border: none;
}

div.pure_bar_transparent div.pure_bar_body {
	padding: 3px 4px;
	margin: 0;		
}

div.pure_bar_transparent div.pure_bar_body span {
	vertical-align: middle;	
}

/*************** Light variant ****************/

div.pure_bar_light
{
	background: none;
	height: auto;
	padding: 0;
	border: none;
}

div.pure_bar_light div.pure_bar_body
{
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #eee;	
	font-size: 0;	
}

div.pure_bar_light div.pure_bar_body
{
	vertical-align: middle;	
}

/*************** Inset variant ****************/

div.pure_bar_inset
{
	background: #eee;
	-webkit-box-shadow: #DDD 0px 1px 3px inset;
	height: auto;
	padding: 0;
	border: none;
	border-radius: 5px;
}

div.pure_bar_inset div.pure_bar_body {
	padding: 3px 4px;
	margin: 0;		
}

/*************** Administration context ****************/

div.common_administration_context div.pure_bar {
    padding: 3px 20px;
}

div.common_administration_context div.pure_bar h2 {
    margin: 10px 0px;
}

div.pure_tabbar {
	background: white url('../../gfx/pure_tabbar.png') left -334px repeat-x;
	padding: 0 0 0 1px;
	overflow: hidden;
}

div.pure_tabbar ul, ul.pure_tabbar li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 27px;
}

ul.pure_tabbar_right
{
	float: right;
}

div.pure_tabbar li {
	display: block;
	float: left;
	margin-right: 1px;
}

div.pure_tabbar a
{
	color: #445566;	 
	display: block;
	height: 27px;
	line-height: 26px;
	vertical-align: middle;
	outline: none;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;	
}

div.pure_tabbar a span.left,
div.pure_tabbar a span.body,
div.pure_tabbar a span.right
{
	float: left;
	height: 27px;
	background-image: url('../../gfx/pure_tabbar.png');		
}

div.pure_tabbar a span.common_icon_16 {
	float: none;
	height: 16px;
	margin-top: 5px;	
}

div.pure_tabbar a:hover span.common_icon_16 {
	background-position: 0 -16px;		
}

div.pure_tabbar a span.left {
	background-position: left -247px;	
	width: 12px;	
}

div.pure_tabbar a span.body {
	background-position: left -276px;	
	background-repeat: repeat-x;
	height: 25px;
	padding-top: 2px;
}

div.pure_tabbar a span.right {
	background-position: -2px -305px;	
	width: 12px;	
}

div.pure_tabbar li.selected a span.left {
	background-position: left -160px;	
}

div.pure_tabbar li.selected a span.body {
background-position: left -189px;
}

div.pure_tabbar li.selected a span.right {
	background-position: -2px -218px;	
}

div.pure_tabbar li.selected a {
    color: #333;
}

div.pure_tabbar li.selected span.common_icon_16 {
	background-position: 0 -16px;	
}

div.pure_tabbar li a:hover, div.pure_tabbar li.selected a:hover {
	color: #0054A6;	
}

div.pure_tabbar li a.portal_link_disabled:hover {
	color: #545454;
}

div.pure_tabbar_searchall {
	margin-top: 4px;	
}

div.pure_tabbar_searchall li.empty {
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5; 		
}

div.pure_subtabbar ul, ul.pure_subtabbar li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 0;
}

div.pure_subtabbar li {
    font-size: 11px;
    display: inline-block;
    color: #999;
}

div.pure_subtabbar li.selected a {
    font-weight: bold;
    color: #333;
}


div.pure_subtabbar a {
    color: #445566;
    display: inline-block;
    text-decoration: none;
    padding: 4px 0;
}

div.pure_subtabbar span.sep {
    display: inline-block;
    padding: 0 5px;
}

div.pure_subtabbar li a:hover, div.pure_subtabbar li.selected a:hover {
    color: #0054A6;
}

a.pure_iconbutton
{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: url('../../gfx/pure_iconbutton.png') no-repeat;
	outline: none;
	cursor: pointer;
}

a.pure_iconbutton:hover
{
	background-position: left -20px;
}

a.pure_iconbutton:focus
{
	background: url('../../gfx/pure_iconbutton.png') left -40px !important;
}

a.pure_iconbutton:focus:hover
{
	background: url('../../gfx/pure_iconbutton.png') left -60px !important;
}

a.pure_iconbutton span
{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url('../../gfx/pure_iconbutton.png');
}

a.pure_iconbutton_left span
{
	background-position: left -180px;
}

a.pure_iconbutton_right span
{
	background-position: left -200px;
}

a.pure_iconbutton_up span
{
	background-position: left -160px;
}

a.pure_iconbutton_down span
{
	background-position: left -140px;
}

a.pure_iconbutton_plus span
{
	background-position: left -80px;
}

a.pure_iconbutton_test span
{
	background-position: left -80px;
}

a.pure_iconbutton_minus span
{
	background-position: left -100px;
}

a.pure_iconbutton_x span
{
	background-position: left -120px;
}

a.pure_iconbutton_maximize span
{
	background-position: left -220px;
}

a.pure_iconbutton_replace span
{
	background-position: left -240px;
}

/******************** Dimming *****************/

.pure_dimmed_container a.pure_iconbutton
{
	background: none;
}

.pure_dimmed_container:hover a.pure_iconbutton
{
	background-image: url('../../gfx/pure_iconbutton.png');
}

.pure_dimmed_container:hover a.pure_iconbutton:hover
{
	background: url('../../gfx/pure_iconbutton.png') left -20px !important;
}

.pure_dimmed_container:hover a.pure_iconbutton:focus
{
	background: url('../../gfx/pure_iconbutton.png') left -40px !important;
}

.pure_dimmed_container:hover a.pure_iconbutton:focus:hover
{
	background: url('../../gfx/pure_iconbutton.png') left -60px !important;
}

.pure_dimmed_container a.pure_iconbutton:focus
{
	background-image: url('../../gfx/pure_iconbutton.png');
}

span.pure_icon_48
{
	display: inline-block;
	width: 48px;
	height: 48px;
	vertical-align: middle;
    font-size: 48px;
}

span.pure_icon_24
{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
    font-size: 24px;
}

span.pure_icon_16
{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
    font-size: 16px;
}

div.pure_browsernotification {
	padding: 6px 16px 10px 10px;
	font-size: 11px;
	line-height: 115%;
	position: relative;
	z-index: 2;
	background: #F6F6F6;
}

div.pure_browsernotification strong {
	display: block;
	color: black;	
	margin-bottom: 4px;
}

div.pure_browsernotification div {
	color: #443311;
}

div.pure_browser_notification_message {
	padding: 6px 10px 2px 10px;	
}

div.pure_browser_notification_message div {
	margin-bottom: 4px;
}

a.pure_browsernotification_hide {
	display: inline-block;
	color: #0054A6;
	text-decoration: none;
	padding: 2px 10px;
	margin-bottom: 4px;
}

a.pure_browsernotification_hide:hover {
	text-decoration: underline;	
}

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

ul.pure_selectablelist .selected {
	font-weight: bold;
}

span.pure_toggle
{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
    padding: 4px;
}

span.pure_toggle span.left, span.pure_toggle span.center, span.pure_toggle span.right {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
}

span.pure_toggle span.left {
    width: 9px;
    background: url('../../gfx/pure_toggle.png') left -104px no-repeat;
}

span.pure_toggle span.center {
    padding: 0px 3px;
    background: url('../../gfx/pure_toggle.png') left -122px repeat;
    position: relative;
    min-width: 26px;
}

span.pure_toggle span.right {
    width: 9px;
    background: url('../../gfx/pure_toggle.png') -17px -104px no-repeat;
}

span.pure_toggle span.toggle_status_text_on, span.pure_toggle span.toggle_status_text_off {
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
}

span.pure_toggle span.toggle_status_text_on {
    margin-right: 13px;
    display: none;
    color: #fff;
}

span.pure_toggle span.toggle_status_text_off {
    margin-left: 13px;
    display: inline-block;
}

span.pure_toggle.pure_toggle_readonly span.toggle_status_text_on {
    margin-right: 0px;
}

span.pure_toggle.pure_toggle_readonly span.center {
    min-width: 16px;
}

span.pure_toggle.pure_toggle_readonly span.toggle_status_text_off {
    margin-left: 0px;
}

span.pure_toggle label {
    font-size: 12px;
    color: #336699;
    cursor: pointer;
    margin-left: 5px;
    line-height: 18px;
    vertical-align: middle;
}

span.pure_toggle.pure_toggle_undetermined span.toggle_status_text_off, span.pure_toggle.pure_toggle_undetermined span.toggle_status_text_on {
     display: none;
}

span.pure_toggle.pure_toggle_undetermined span.toggle_switch {
    left: 50%;
    margin-left: -13px;
}

span.pure_toggle.pure_toggle_on span.toggle_status_text_off {
    display: none;
}

span.pure_toggle.pure_toggle_on span.toggle_status_text_on {
    display: inline-block;
}

span.pure_toggle.pure_toggle_off span.toggle_status_text_off {
    display: inline-block;
}

span.pure_toggle.pure_toggle_off span.toggle_status_text_on {
    display: none;
}

span.pure_toggle span.toggle_switch
{
    width: 26px;
    height: 26px;
    background: url('../../gfx/pure_toggle.png') left top no-repeat;
    cursor: pointer;
    position: absolute;
    left: -13px;
    top: -4px;
    right: auto;
}

span.pure_toggle a
{
	outline: none;
	width: 26px;
	height: 26px;
	background: url('../../gfx/pure_toggle.png') left -212px no-repeat;
	cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    right: auto;
}

span.pure_toggle:hover span.toggle_switch
{
    background-position: left -26px;
}

span.pure_toggle.pure_toggle_on span.left {
    background-position: left -140px;
}

span.pure_toggle.pure_toggle_on span.center {
    background-position: left -158px;
}

span.pure_toggle.pure_toggle_on span.right {
    background-position: -17px -140px;
}

span.pure_toggle a:active, span.pure_toggle a:focus
{
	background-position: left -78px;
}

span.pure_toggle.pure_toggle_on span.toggle_switch
{
    left: auto;
    right: -13px;
}

span.pure_toggle.pure_toggle_off span.toggle_switch
{
    left: -13px;
    right: auto;
}

.common_context_dark span.pure_checkbox label {
	color: white;	
}

span.pure_toggle_disabled {
	opacity: 0.5;
	cursor: default;
}

span.pure_toggle_disabled * {
	cursor: default;	
}

span.pure_toggle_error label {
	color: #ff3c00;
}

span.pure_toggle.pure_toggle_error span.left {
    background-position: left -176px;
}

span.pure_toggle.pure_toggle_error span.center {
    background-position: left -194px;
}

span.pure_toggle.pure_toggle_error span.right {
    background-position: -17px -176px;
}

span.pure_toggle.pure_toggle_error span.toggle_status_text_off, span.pure_toggle.pure_toggle_error span.toggle_status_text_on {
   color: #ff3c00;
}

span.pure_toggle.pure_toggle_error a, span.pure_toggle.pure_toggle_error a:active, span.pure_toggle.pure_toggle_error a:focus
{
    background-position: left -52px;
}

span.pure_toggle.pure_toggle_disabled a,
span.pure_toggle.pure_toggle_disabled span.toggle_status_text_off,
span.pure_toggle.pure_toggle_disabled span.toggle_status_text_on,
span.pure_toggle.pure_toggle_disabled span.toggle_switch
{
    display: none;
}

div.pure_toggle_descriptive_text {
	margin-top: -5px;
	color: #999;
	font-size: 11px;
	padding-left: 26px;
	line-height: 14px;	
}

span.pure_checkbox
{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
}

span.pure_checkbox a
{
	outline: none;
	float: left;
	width: 24px;
	height: 24px;
	background: url('../../gfx/pure_checkbox.png') left top no-repeat;
	cursor: pointer;
}

span.pure_checkbox:hover a
{
	background-position: left -24px;
}

span.pure_checkbox a:active
{
	background-position: left -48px;
}

span.pure_checkbox_checked a
{
	background-position: left -72px;
}

span.pure_checkbox_checked:hover a
{
	background-position: left -96px;
}

span.pure_checkbox_checked a:active, span.pure_checkbox_pressed a
{
	background-position: left -120px;
}

span.pure_checkbox span
{
	display: inline-block;
	width: 24px;
	height: 24px;
}

span.pure_checkbox a:focus span
{
	background: url('../../gfx/pure_checkbox.png') left -144px no-repeat;
}

span.pure_checkbox label
{
	font-size: 12px;
	line-height: 23px;
	margin-left: 2px;
	color: #336699;
	cursor: pointer;
	vertical-align: middle;
}

.common_context_dark span.pure_checkbox label {
	color: white;	
}

span.pure_checkbox label em.note {
    color: #999;
    font-style: normal;
    font-size: 0.9em;
}

span.pure_checkbox_disabled {
	opacity: 0.5;
	cursor: default;
}

span.pure_checkbox_disabled * {
	cursor: default;	
}

span.pure_checkbox_error label {
	color: #f00;
}

div.pure_checkbox_descriptive_text {
	margin-top: -5px;
	color: #999;
	font-size: 11px;
	padding-left: 26px;
	line-height: 14px;	
}


/****************************** Small ********************************/

span.pure_checkbox_small a
{
	outline: none;
	float: left;
	width: 19px;
	height: 19px;
	font-size: 0;
	background: url('../../gfx/pure_checkbox_small.png') left top no-repeat;
}

span.pure_checkbox_small:hover a
{
	background-position: left -19px;
}

span.pure_checkbox_small a:active
{
	background-position: left -38px;
}

span.pure_checkbox_small_checked a
{
	background-position: left -57px;
}

span.pure_checkbox_small_checked:hover a
{
	background-position: left -76px;
}

span.pure_checkbox_small_checked a:active
{
	background-position: left -95px;
}

span.pure_checkbox_small span
{
	display: inline-block;
	width: 19px;
	height: 19px;
}

span.pure_checkbox_small a:focus span
{
	background: url('../../gfx/pure_checkbox_small.png') left -114px no-repeat;
}

span.pure_checkbox_small label
{
	font-size: 11px;
	line-height: 20px;
	vertical-align: middle;
}

span.pure_checkbox_small_parent_checked a
{
    background-position: left -133px;
}

span.pure_checkbox_small_parent_checked:hover a
{
    background-position: left -152px;
}

span.pure_checkbox_small_parent_checked a:active
{
    background-position: left -171px;
}


span.pure_checkboxes
{
	
}

span.pure_checkboxes span.pure_checkbox
{
	margin-right: 10px;
	margin-bottom: 2px;
}

span.pure_checkboxes_vertical span.pure_checkbox
{
	display: block;
}

/**** grouping ****/

span.pure_checkbox_grouping a {
	margin-right: 2px;	
}

span.pure_checkbox_group {
	display: block;
	padding-bottom: 4px;
	padding-left: 21px;	
}

span.pure_checkbox_readonly, span.pure_checkbox_readonly * {
    cursor: default !important;
}

span.pure_checkbox_readonly a {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
}

div.pure_columns
{
	width: 100%;
	/* Do not put overflow hidden here */
}

div.pure_columns_body
{
	width: 100.9%;
}

div.pure_columns_column
{
	float: left;
}

div.pure_columns_clear_end 
{
	clear: left;
	font-size: 0;
	line-height: 0;
}

div.pure_columns span.common_icon_16
{
	float: left;
	margin: 3px 4px 0 0;
}

div.pure_cron {
	margin: 10px 3px;	
}

div.pure_cron a.pure_cron_item {
	display: inline-block;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	border: 1px solid #eaeaea;
	margin-right: -1px;
	margin-bottom: -1px;
	text-align: center;

	background: #f7f7f7; /* fallback */
	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7));
	background: -moz-linear-gradient(#ffffff, #f7f7f7);	
	background: linear-gradient(#ffffff, #f7f7f7);
			
}

div.pure_cron a.pure_cron_selected {
	
	color: #fff !important;
	position: relative;
	z-index: 2;
	
	background: #2266FF !important; /* fallback */
	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#85b8f4), to(#6098d7)) !important;
	background: -moz-linear-gradient(#85b8f4, #6098d7) !important;
	background: linear-gradient(#85b8f4, #6098d7) !important;

	border-color: #77a3d9 #77A3D9 #5385bc #77a3d9 !important;
		
}

div.pure_cron a.pure_cron_item:hover {
	color: #000;
	border-color: #ccc;
	position: relative;
	z-index: 1;
	
	background: #f0f0f0; /* fallback */
	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0));
	background: -moz-linear-gradient(#ffffff, #f0f0f0);	
	background: linear-gradient(#ffffff, #f0f0f0);	
}

div.pure_cron_WEEKLY a.pure_cron_item {
	width: 26px;
	height: 26px;
	vertical-align: middle;
	line-height: 26px;
}

div.pure_cron_MONTHLY {
	width: 200px;	
}

div.pure_cron_MONTHLY a.pure_cron_item {
	width: 26px;
	height: 26px;
	vertical-align: middle;
	line-height: 26px;
}

div.pure_cron_MONTHLY a.pure_cron_item_L {
	width: 107px;	
}

div.pure_cron_YEARLY {
	width: 160px;	
}

div.pure_cron_YEARLY a.pure_cron_item {
	width: 38px;
	height: 38px;
	vertical-align: middle;
	line-height: 38px;
}

a.pure_dropdown
{
	background: url('../../gfx/pure_dropdown.png?1') -19px top no-repeat;
	display: inline-block;
	height: 30px;
	font-size: 12px;
	line-height: 29px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	color: #333;
	outline: none;
}

span.pure_dropdown_readonly
{
	font-size: 12px;
	color: #333;
	margin-left: 5px;
	line-height: 16px;
}

.common_context_click_to_edit span.pure_dropdown {
	padding-right: 8px;
}

.common_context_click_to_edit span.pure_dropdown, .common_context_click_to_edit span.pure_dropdown_readonly {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}

a.pure_dropdown span.pure_dropdown
{
	background: url('../../gfx/pure_dropdown.png?1') right -30px no-repeat;
	display: inline-block;
	height: 30px;
}

a.pure_dropdown span.pure_dropdown span.pure_dropdown
{
	background: url('../../gfx/pure_dropdown.png?1') right -60px repeat-x;
	margin: 0px 28px 0px 9px;
	padding-right: 8px;
	min-width: 40px;
	overflow: hidden;
}

a.pure_dropdown_pub_status
{
	margin-top: 15px;
}

span.pure_dropdown_label
{
	display: inline-block;
	word-wrap: break-word;
	text-shadow: 0 1px 0 #fff;
}

span.pure_dropdown_placeholder
{
	font-style: italic;
	color: #666;
	text-shadow: 0 1px 0 #fff;
}

span.pure_dropdown_chars
{
	background-color: #58f;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 1px;
	text-shadow: none;
}

/*********** Icon ***********/

a.pure_dropdown_icon {
	background-image: none !important;	
}

a.pure_dropdown_icon span.pure_dropdown span.pure_dropdown {
	min-width: 16px;
	background: red;
}

a.pure_dropdown_icon span.pure_dropdown_label {
	display: none;	
}

a.pure_dropdown_icon span.pure_dropdown_image {
	display: inline-block;
	background-position: 0px 0px;
	background-repeat: no-repeat;	
	width: 16px;
	height: 16px;
	margin: 2px 0px;	
}

a.pure_dropdown_icon:hover span.pure_dropdown_image, a.pure_dropdown_icon:focus span.pure_dropdown_image {
	background-position: 0px -16px;	
}

a.pure_dropdown_icon span.pure_dropdown {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	background-image: none !important;	
}

/************** Icon from select item **************/

a.pure_dropdown span.common_icon_16
{
	float: left;
	margin: 7px 4px 0px 0px;
}

div.pure_dropdown_menu_item  span.common_icon_16
{
	float: left;
	margin: -1px 4px 0px 0px;
}

div.pure_dropdown_menu_item.with_icon {
	padding-top: 4px;
	padding-bottom: 4px;
}

a.pure_dropdown_compact span.pure_dropdown span.pure_dropdown
{
	padding-right: 2px;
	min-width: 0;
}


/*********** Adaptive ***********/

a.pure_dropdown_adaptive, a.pure_dropdown_adaptive span.pure_dropdown
{
	display: block;
}

a.pure_dropdown_adaptive span.pure_dropdown_label
{
	display: block;
	overflow: hidden;
}

/*********** Hover ***********/

a.pure_dropdown:hover
{
	background-position: -19px -90px;
}

a.pure_dropdown:hover span.pure_dropdown
{
	background-position: right -120px;
}

a.pure_dropdown:hover span.pure_dropdown span.pure_dropdown
{
	background-position: left -150px;
}

/*********** Hover ***********/

a.pure_dropdown:focus
{
	background-position: -19px -180px;
}

a.pure_dropdown:focus span.pure_dropdown
{
	background-position: right -210px;
}

a.pure_dropdown:focus span.pure_dropdown span.pure_dropdown
{
	background-position: left -240px;
}

/********** Error **********/

a.pure_dropdown_error, a.pure_dropdown_error span.pure_dropdown_placeholder
{
	color: #f00;
}

/*********** Disabled ***********/

a.pure_dropdown_disabled
{
	color: #aaa;
	cursor: default;
}

a.pure_dropdown_disabled:hover, a.pure_dropdown_disabled:focus
{
	background-position: -19px 0px;
}

a.pure_dropdown_disabled:hover span.pure_dropdown, a.pure_dropdown_disabled:focus span.pure_dropdown
{
	background-position: right -30px;
}

a.pure_dropdown_disabled:hover span.pure_dropdown span.pure_dropdown, a.pure_dropdown_disabled:focus span.pure_dropdown span.pure_dropdown
{
	background-position: left -60px;
}

div.pure_dropdown_menu div.pure_dropdown_menu_disabled_item, div.pure_dropdown_menu div.pure_dropdown_menu_disabled_item:hover {
	cursor: default;
	background: #FFF;
	color: #999;
}

/********** Push **********/

a.pure_dropdown_push, a.pure_dropdown_push:hover, a.pure_dropdown_push:focus
{
	background-position: -19px -270px;
}

a.pure_dropdown_push span.pure_dropdown, a.pure_dropdown_push:hover span.pure_dropdown, a.pure_dropdown_push:focus span.pure_dropdown
{
	background-position: right -300px;
}

a.pure_dropdown_push span.pure_dropdown span.pure_dropdown, a.pure_dropdown_push:hover span.pure_dropdown span.pure_dropdown, a.pure_dropdown_push:focus span.pure_dropdown span.pure_dropdown
{
	background-position: right -330px;
}

/******************** Groups in normal context *****************/

div.pure_dropdown_menu_group div.pure_dropdown_menu_group {
	padding-left: 15px;
	padding-bottom: 5px;
}

div.pure_dropdown_menu_group div.pure_dropdown_menu_item
{
	padding-left: 10px;
}

div.pure_dropdown_menu_group_title {
	color: #395E8B;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 3px 5px;	
}


/******************** Dark context *****************/

.common_dark_context a.pure_dropdown, .common_dark_context a.pure_dropdown span.pure_dropdown, .common_dark_context a.pure_dropdown span.pure_dropdown span.pure_dropdown {
	background-image: url('../../gfx/pure_dropdown_dark.png?1');			
}

.common_dark_context a.pure_dropdown {
	height: 30px;
	line-height: 29px;
	color: white;		
}

.common_dark_context a.pure_dropdown span.pure_dropdown {
	height: 30px;	
}


.common_dark_context span.pure_dropdown_label
{
	text-shadow:0 -1px 0 #444444;
}

.common_dark_context div.pure_dropdown_menu {
	background: #4a4e52;
	border: solid 1px #5d5f61;
	max-height: 500px;
	margin: -3px 0 0 3px;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);		
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}		

.common_dark_context div.pure_dropdown_menu_item {
	color: white;
}

.common_dark_context div.pure_dropdown_menu_group div.pure_dropdown_menu_item {
	padding-left: 26px;
	padding-top: 5px;
	padding-bottom: 5px;	
}

.common_dark_context div.pure_dropdown_menu_group div.pure_dropdown_menu_disabled_item, .common_dark_context div.pure_dropdown_menu_group div.pure_dropdown_menu_disabled_item:hover {
	cursor: default;
	background: #4A4E52;
	color: #c8cbcc;
	border-bottom: 1px solid #3D4144;		
}

.common_dark_context div.pure_dropdown_menu_group_title {
	font-family: Tahoma,'Lucida Grande','Lucida Sans Unicode',sans-serif;
	text-transform: uppercase;
	text-shadow:0 -1px 0 #2f2f2f;		
	color: #939697;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	padding: 10px 0px 5px 15px;	
}

.common_dark_context div.pure_dropdown_menu_item:hover {
	color: white;
}

.common_dark_context div.pure_dropdown_menu_item_selected, .common_dark_context div.pure_dropdown_menu_item_selected:hover {
	background: #3d4144; 
}


.common_dark_context div.pure_dropdown_menu_group div.pure_dropdown_menu_item_selected, .common_dark_context div.pure_dropdown_menu_group div.pure_dropdown_menu_item_selected:hover {
	background: #3d4144 url("../../gfx/filter.png") 4px -187px no-repeat; 
}

.common_dark_context div.pure_dropdown_menu_item div.pure_dropdown_menu_item_note div {
	padding-bottom: 3px;	
}

.common_dark_context div.pure_dropdown_menu_item div.pure_dropdown_menu_item_note span {
	color: #b2b4b5 !important;
	font-size: 10px;
	line-height: 12px; 	
}

.common_dark_context div.pure_dropdown_menu_disabled_item div.pure_dropdown_menu_item_note {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: 1px solid #ECDDA2;
	margin: 2px 0 4px 0;
	padding: 1px 4px 2px 4px;
	background: #fff0b4 url('../../gfx/pure_box_message.png') 0 -24px repeat-x;	
}

.common_dark_context div.pure_dropdown_menu_disabled_item div.pure_dropdown_menu_item_note span {
	color: #443311 !important;
}

.common_dark_context a.pure_dropdown_disabled {
	filter: alpha(opacity=50);	
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;	
	opacity: 0.5;
}

/************ Menu ***********/

div.pure_dropdown_menu
{
	display: none;
	position: absolute;
	background: #fff;
	font-size: 12px;
	border: 1px solid #ddd;
	margin: -2px 0px 0px 1px;
	overflow: auto;
	overflow-x: hidden;
	max-height: 200px;
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.pure_dropdown_menu_item
{
	padding: 2px 6px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-height: 14px;
    white-space: nowrap;
}

div.pure_dropdown_menu_placeholder {
	font-style: italic;	
}

div.pure_dropdown_menu_item:hover
{
	background-color: #26f;
	color: #fff;
}

div.pure_dropdown_menu_item:hover *
{
	color: #fff !important;
}

div.pure_dropdown_menu_item_selected
{
	background: #eee;
}

div.pure_dropdown_menu_item_children
{
	background-image: url('../../gfx/pure_menu_arrow.png');
	background-position: right 5px;
	background-repeat: no-repeat;
}

div.pure_dropdown_menu_item_children:hover
{
	background-position: right -25px;
}

/**************** Mini rounded ***************/

a.pure_dropdown_mini_rounded
{
	height: 20px;
	line-height: 20px;
	background: url('../../gfx/pure_dropdown_mini_rounded.png') -10px top no-repeat;
	font-size: 11px;
}

a.pure_dropdown_mini_rounded span.pure_dropdown
{
	height: 20px;
	background: url('../../gfx/pure_dropdown_mini_rounded.png') right -20px no-repeat;
}

a.pure_dropdown_mini_rounded span.pure_dropdown span.pure_dropdown
{
	background: url('../../gfx/pure_dropdown_mini_rounded.png') left -40px repeat-x;
	margin: 0 20px 0 10px;
	padding-left: 4px;
}

a.pure_dropdown_mini_rounded:hover
{
	background-position: -10px -60px;
}

a.pure_dropdown_mini_rounded:hover span.pure_dropdown
{
	background-position: right -80px;
}

a.pure_dropdown_mini_rounded:hover span.pure_dropdown span.pure_dropdown
{
	background-position: left -100px;
}

a.pure_dropdown_mini_rounded:focus
{
	background-position: -10px -120px;
}

a.pure_dropdown_mini_rounded:focus span.pure_dropdown
{
	background-position: right -140px;
}

a.pure_dropdown_mini_rounded:focus span.pure_dropdown span.pure_dropdown
{
	background-position: left -160px;
}

/******************** Dimming *****************/

.pure_dimmed_container a.pure_dropdown_mini_rounded, .pure_dimmed_container a.pure_dropdown_mini_rounded span.pure_dropdown, .pure_dimmed_container a.pure_dropdown_mini_rounded span.pure_dropdown span.pure_dropdown
{
	background-image: none;
	color: #666;
}

.pure_dimmed_container:hover a.pure_dropdown_mini_rounded, .pure_dimmed_container:hover a.pure_dropdown_mini_rounded span.pure_dropdown, .pure_dimmed_container:hover a.pure_dropdown_mini_rounded span.pure_dropdown span.pure_dropdown
{
	background-image: url('../../gfx/pure_dropdown_mini_rounded.png');
	color: #000;
}

.pure_dimmed_container a.pure_dropdown_mini_rounded:focus, .pure_dimmed_container a.pure_dropdown_mini_rounded:focus span.pure_dropdown, .pure_dimmed_container a.pure_dropdown_mini_rounded:focus span.pure_dropdown span.pure_dropdown
{
	background-image: url('../../gfx/pure_dropdown_mini_rounded.png');
	color: #000;
}


div.pure_bigdropdown
{
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	color: #333;
	outline: none;
	border: 1px solid #eaeaea;
	padding: 4px 30px 4px 4px;
    margin: 3px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: white;	
	position: relative;
	
}

div.pure_dropdown_borderless {
    border-color: transparent;
}

div.pure_bigdropdown_content {
    min-height: 1em;
}

div.pure_bigdropdown:hover, div.pure_bigdropdown_focus
{
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0));
	background: -moz-linear-gradient(#ffffff, #f0f0f0);	
	background: linear-gradient(#ffffff, #f0f0f0);
	-pie-background: linear-gradient(#ffffff, #f0f0f0);
	border-color: #e1e8ed #c6d1d8 #bdc6cd #c6d1d8;	
}

div.pure_bigdropdown_push, div.pure_bigdropdown_push:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#dbdbdb));
	background: -moz-linear-gradient(#fefefe, #dbdbdb);	
	background: linear-gradient(#fefefe, #dbdbdb);
	-pie-background: linear-gradient(#fefefe, #dbdbdb);		
	border-color: #d4dee4 #b2c1cb #a8b7c0 #b2c1cb;	
}

/** arrow */

div.pure_bigdropdown span.pure_bigdropdown_arrow {
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	width: 24px;
	-moz-border-radius: 0px 2px 2px 0px;
	-webkit-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
}

div.pure_bigdropdown:hover span.pure_bigdropdown_arrow {
	border-left: 1px solid #c6d1d8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#d6dde3));
	background: -moz-linear-gradient(#fefefe, #d6dde3);	
	background: linear-gradient(#fefefe, #d6dde3);
	-pie-background: linear-gradient(#fefefe, #d6dde3);
	
}

div.pure_bigdropdown span.pure_bigdropdown_arrow span {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 24px;
	background-image: url("../../gfx/pure_bigdropdown.png?1");
	background-position: 2px center;
	background-repeat: no-repeat;	
}

div.pure_bigdropdown:hover span.pure_bigdropdown_arrow span {
	background-position: -18px center;	
}

div.pure_bigdropdown_push span.pure_bigdropdown_arrow, div.pure_bigdropdown_push:hover span.pure_bigdropdown_arrow {
	border-left: 1px solid #adbcc6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d9e1e4), to(#869bac));
	background: -moz-linear-gradient(#d9e1e4, #869bac);	
	background: linear-gradient(#d9e1e4, #869bac);
	-pie-background: linear-gradient(#d9e1e4, #869bac);
}

div.pure_bigdropdown_push span.pure_bigdropdown_arrow span, div.pure_bigdropdown_push:hover span.pure_bigdropdown_arrow span {
	background-position: -38px center;	
}

/** Menu */

div.pure_bigdropdown_menu {
	margin-top: 0px;	
}

div.pure_bigdropdown_menu div.pure_dropdown_menu_item {
	padding: 4px;
}

/** Error */

div.pure_bigdropdown.pure_dropdown_error div.pure_bigdropdown_content {
    color: #f00;
}

div.pure_bigdropdown.inline {
	display: inline-block;
}

span.pure_fieldhelp_icon
{
    width: 17px;
    height: 17px;
    position: absolute;
    cursor: pointer;
    margin-left: 7px; /* Experiment */
    margin-top: 1px;
}

span.pure_fieldhelp_icon span
{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('../../icons/monochrome/info13.png') left top;
}

span.pure_fieldhelp_icon_selected span
{
    background-position: left -13px;
}

div.pure_fieldhelp
{
    position: absolute;
    right: 0;
    width: 200px;
    overflow: hidden;
    display: none;
    padding-bottom: 5px;
    z-index: 1;
}

div.pure_fieldhelp_current {
    z-index: 3;
}

em.pure_fieldhelp_arrow {
    display: block;
    background: url('../../gfx/pure_fieldhelp_arrow.png') top left no-repeat;
    width: 8px;
    height: 13px;
    position: absolute;
    right: -8px;
    z-index: 2;
    margin-top: -7px;
    opacity: 0;
}

em.pure_fieldhelp_arrow_current {
    z-index: 4;
}

em.pure_fieldhelp_arrow_hidden {
    display: none;
}

div.pure_fieldhelp_body
{

    background: #ffffe1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffed), to(#ffffe1));
    background: -moz-linear-gradient(#ffffed, #ffffe1);
    background: linear-gradient(#ffffed, #ffffe1);

    border-bottom: 1px solid #ecdda2;
    border-top: 1px solid #ecdda2;
    border-left: 1px solid #ecdda2;
    color: #642;
    font-size: 10px;
    line-height: 14px;
    padding: 5px 10px;
    margin-left: 207px;
    width: 180px;
    opacity: 0;

    -moz-box-shadow: 0px 1px 5px 0 #BBBBBB;
    -webkit-box-shadow: 0px 1px 5px 0 #BBBBBB;
    box-shadow: 0px 1px 5px 0 #BBBBBB;

    min-height: 25px;
}

body.ie9 div.pure_fieldhelp_body {
    position: relative; /* fix for ie9 mouse enter and mouse leave z-index stacking bug */
}

body.ie7 div.pure_fieldhelp_body, body.ie7 div.pure_help_editor_body,
body.ie8 div.pure_fieldhelp_body, body.ie8 div.pure_help_editor_body
{
    filter: alpha(opacity = 100);
}

body.ie9 div.pure_fieldhelp_body, body.ie9 div.pure_help_editor_body
{
    /* reset opacity for ie9 since atira.js uses the alpha filter for animation */
    opacity: 1;
}

div.pure_fieldhelp_body p
{
    margin: 0;
}


div.pure_fieldset {
	margin-bottom: 15px;
}

div.pure_fieldset_legend
{
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	padding-bottom: 6px; /* Experiment */
	color: #555;
	padding-left: 3px;
	position: relative;
}

div.pure_fieldset_legend.with_icon span.common_icon_16 {
    margin-right: 4px;
}

div.pure_fieldset_legend_required div.pure_fieldset_legend span.pure_fieldset_legend_text {
    background: url('../../gfx/pure_field_required.png') right top no-repeat;
    padding-right: 10px;
    display: inline-block;
}

div.pure_fieldset_legend_right {
	color: #999;
	float: right;
	font-weight: normal;
	font-size: 11px;
}

div.pure_fieldset_content
{
	padding: 10px 0 10px 0px;
}

div.pure_fieldset_content_indent
{
	padding-left: 20px;
}

div.pure_fieldset_compact div.pure_fieldset_content
{
	padding-top: 3px;
	padding-bottom: 0;
}

span.pure_fieldset_description {
	padding-left: 4px;
	color: #999;
	font-weight: normal;
	font-size: 11px;	
}

div.pure_fieldset_hint {
	color: #999;
	font-weight: normal;
	font-size: 11px;
	padding: 3px 0 0 4px;	
}

div.pure_fieldset_view_layout div.pure_fieldset_legend {
	font-weight: normal;
	font-size: 14px;
	color: #777;
	padding-bottom: 4px;
	margin-left: 2px;
}

div.pure_fieldset_view_layout div.pure_fieldset_view_layout div.pure_fieldset_legend {
	font-size: 12px;
}


/**** Light variant ****/


div.pure_fieldset_light div.pure_fieldset_content {
    padding: 4px 0 10px 0;
}

div.pure_fieldset_light div.pure_fieldset_content_indent {
    padding-left: 10px;
}

div.pure_fieldset_light div.pure_fieldset_legend {
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    padding: 0 0 4px 0;
}

div.common_administration_context div.pure_fieldset {
    margin-bottom: 10px;
}


/**** Group label version (see Text Style Guide for Pure) ****/
div.pure_fieldset_group div.pure_fieldset_content {
    padding: 4px 0 10px 0;
}

div.pure_fieldset_group div.pure_fieldset_legend {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999999;
    padding: 0 0 4px 0;
}

div.pure_fieldset_group div.pure_fieldset {
    margin-bottom: 10px;
}


div.pure_list
{
	font-size: 9pt;
}

div.pure_list_group
{
	font-weight: bold;
	padding-top: 3px;
	border-bottom: 1px solid #ddd;
	padding-left: 10px;
}

div.pure_list_group_1
{
	color: #666;
}

div.pure_list_group_2
{
	color: #aaa;
}

div.pure_list_item
{
	border-bottom: 1px solid #ddd;
	padding: 2px 10px;
}

div.pure_list_empty {	
}

span.pure_list_subsets
{
	color: #aaa;
	display: inline-block;
	padding: 3px 0px;
}

span.pure_list_subsets strong
{
	color: #000;
}

div.pure_list_navigator
{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	background: #f6f6f6;
}

div.pure_list_navigator div.pure_list_popup_content ul {
	font-size: 11px;	
}

div.pure_list div.pure_list_navigator_white {
	background: white;
	border-bottom: none; 	
}

div.pure_list_navigator_pages {
	text-align: center;
	padding: 4px 0;
}

div.pure_list_navigator_pages div {
	display: inline-block;	
}

div.pure_list_navigator_row
{
	overflow: hidden;
	padding: 0 5px;
	font-size: 11px;
}

div.pure_list_ordering
{
	float: right;
}

div.pure_list_ordering_table {
    display: none;
}

div.pure_list_viewselector_control {
	float: right;
}

div.pure_list_viewselector_label {
	color: #3a3a3a;
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 8px;
	border-left: solid 1px #eeeeee;
	margin-left: 8px;
}

div.pure_list_viewselector {
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 1px;
}

div.pure_list_viewselector span {
	display: inline-block;
	height: 26px;
	vertical-align: top;
}

div.pure_list_viewselector:hover span {
	background: url('../../gfx/pure_list_viewselector.png') left top repeat-x;	
}

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

div.pure_list_viewselector li {
	float: left;
}

div.pure_list_viewselector span.left {
	background-position: left -78px;
	padding-left: 1px;	
}

div.pure_list_viewselector span.right {
	background-position: right -130px;
	right: 0;
	padding-right: 1px;	
}
div.pure_list_viewselector span.body {
	background-position: left -104px;
}

div.pure_list_viewselector a {
	display: block;
	margin: 3px 0px;
	line-height: 20px;
	height: 20px;
	width: 24px;
	background-image: url('../../gfx/pure_list_views.png'); 	
}

div.pure_list_viewselector a.pure_list_view_list {
	background-position: 2px 1px;
}

div.pure_list_viewselector a.pure_list_view_graph {
	background-position: -49px 1px;
}

div.pure_list_viewselector a.pure_list_view_table {
    background-position: -95px 1px;
}

div.pure_list_viewselector a.pure_list_view_selected {
	background-color: #eff0f1;
	cursor: default;
	margin: 2px 0;
	border: 1px solid #c7d2d9;
}

div.pure_list_viewselector a.pure_list_view_border {
	border-right: 1px solid #c7d2d9;
}

div.pure_list_viewsettings {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0 1px;
}

.pure_list_sort_descending, .pure_list_sort_ascending {
	padding-left: 17px;
	background-image: url('../../gfx/pure_list_sort_direction.png');
	background-repeat: no-repeat;	
}

span.pure_list_sort_ascending {
	background-position: 2px -3px;
}

span.pure_list_sort_descending {
	background-position: 2px -22px;
}

a.pure_list_sort_ascending {
	background-position: 4px 0px;
}

a.pure_list_sort_descending {
	background-position: 4px -20px;
}

a.pure_list_sort_descending:hover {
	background-position: 4px -40px;
}

a.pure_list_sort_ascending:hover {
	background-position: 4px -60px;
}

/* IE line height rounding adjustment (adjust y-background-pos with 1px) */

body.ie span.pure_list_sort_ascending {
    background-position: 2px -2px;
}

body.ie span.pure_list_sort_descending {
    background-position: 2px -21px;
}

body.ie a.pure_list_sort_ascending {
    background-position: 4px 1px;
}

body.ie a.pure_list_sort_descending {
    background-position: 4px -19px;
}

body.ie a.pure_list_sort_descending:hover {
    background-position: 4px -39px;
}

body.ie a.pure_list_sort_ascending:hover {
    background-position: 4px -59px;
}

/* End IE */

div.pure_list_selection {
    float: left;
    height: 26px;
}

div.pure_list_window_and_pagesize {
	float: left;
	height: 26px;
    margin-left: -1px;
}

span.pure_list_window_info
{
	line-height: 26px;
    margin-left: -1px;
}

div.pure_list_window_and_pagesize span.pure_list_window {
	visibility: visible; 
}

div.pure_list_window_and_pagesize:hover span.pure_list_window {
	visibility: hidden;
}

div.pure_list_window_and_pagesize span.pure_list_pagesize {
	visibility: hidden;	
}

div.pure_list_window_and_pagesize:hover span.pure_list_pagesize {
	visibility: visible;
}

div.pure_list_summaries {
    float: left;
    height: 26px;
}

div.pure_list_rendering
{
	float: right;
}

span.pure_list_window
{
}

span.pure_list_prev_next *
{
	display: inline-block;
	vertical-align: middle;
}

span.pure_list_window a span, span.pure_list_window span span
{
	display: none;
}

span.pure_list_prev_next a span, span.pure_list_prev_next span span {
	display: none;	
}

.pure_list_previous
{
	background: url('../../gfx/pure_list_arrows.png');
	width: 14px;
	height: 13px;
	margin-right: 4px;
	margin-top: 2px;
}

a.pure_list_previous:hover
{
	background-position: left -13px;
}

.pure_list_previous_disabled
{
	background-position: left -26px;
}

.pure_list_next
{
	background: url('../../gfx/pure_list_arrows.png') left -39px;
	width: 14px;
	height: 13px;
	margin-left: 4px;
	margin-top: 2px;
}

a.pure_list_next:hover
{
	background-position: left -52px;
}

.pure_list_next_disabled
{
	background-position: left -65px;
}

span.pure_list_pagesize
{
	display: block;	
	margin-top: -26px;
}

span.pure_list_pagesize em {
    padding-left: 0 !important;
}

span.pure_list_paging
{
	vertical-align: middle;
}

span.pure_list_links a, span.pure_list_links strong, span.pure_list_links em
{
	padding: 0px 3px;
}

span.pure_list_links em
{
	font-style: normal;
	color: #666;
}

span.pure_list_links em.pure_list_divider
{
	padding: 0px;
	color: #999;
}

span.pure_list_links a
{
	color: #ddd;
	cursor: pointer;
}

span.pure_list_links a span
{
	text-decoration: none;
	color: #333;
}

span.pure_list_links a:hover
{
	background-color: #ccc;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

span.pure_list_links strong
{
	background: #999;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0px 2px;
}

/**************************** List popup ****************************/



div.pure_list_popup_control
{
	height: 26px;
	background: url('../../gfx/pure_list_dropdown.png') left -26px repeat-x;
	line-height: 26px;
	cursor: pointer;
	margin-left: 21px;
	margin-right: 21px;
}

div.pure_list_popup_control div
{
	background: url('../../gfx/pure_list_dropdown.png') left 0px no-repeat;
	height: 26px;
	margin-left: -21px;
	padding-left: 21px;
}

div.pure_list_popup_control div div
{
	background: url('../../gfx/pure_list_dropdown.png') right -52px no-repeat;
	padding: 0px 26px 0px 6px;
	margin-right: -21px;
	padding-right: 21px;	
}

div.pure_list_popup:hover div.pure_list_popup_control
{
	background-position: right -104px;
}

div.pure_list_popup:hover div.pure_list_popup_control div
{
	background-position: left -78px;
}

div.pure_list_popup:hover div.pure_list_popup_control div div
{
	background-position: right -130px;
}


div.pure_list_popup_content
{
	display: none;
	z-index: 2;
	position: absolute;
	margin-top: -2px;
    background: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

div.pure_list_popup_content a span { 
	cursor: pointer;
}

div.pure_list_popup_content ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.pure_list_popup_content li
{
	display: block;
	padding: 0px;
}

div.pure_list_popup_content ul a
{
    display: block;
    text-decoration: none;
    color: #333;
    padding: 3px 6px;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.pure_list_popup_content ul a:hover, div.pure_list_popup_content ul a.selected:hover {
    background-color: #26f;
    color: #fff;
}

div.pure_list_popup_content ul strong {
    padding: 3px 6px;
    font-weight: normal;
    display: block;
}

div.pure_list_popup_content ul a.selected, div.pure_list_popup_content ul strong
{
    background-color: #eee;
}

div.pure_list_ordering_popup {
	white-space: nowrap;	
}

div.pure_list_ordering_popup div.pure_list_popup_content ul a {
	padding-left: 21px;
}

/******** Legend *******/

div.pure_list_table_legend span.legend {
    display: inline-block;
    padding-right: 10px;
    font-size: 8px;
    color: #929292;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 20px;
}

div.pure_list_table_legend div.content_tasks_inner {
    padding-bottom: 5px;
	font-size: 8px;
	color: #929292;
}

div.pure_list_table_legend span.legend span {
    vertical-align: middle;
    min-width: 5px;
}

div.pure_list_table_legend span.legend span.icon {
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #fff;
    border-width: 1px 0;
}

div.pure_list_table_legend span.legend span.icon span {
    width: 28px;
    height: 12px;
    display: inline-block;
    border: 1px solid #e0e0e0;
    border-width: 1px 0;
}


div.pure_list_table_legend_print {
    display: none;
}

/******** Result count for hierarchy ******************/
span.pure_list_result_count {
	float:left;
	margin: 5px 0 5px 5px;
}

div.pure_panel
{
	position: absolute;
}

div.pure_panel_movable
{
	cursor: move;
}

/********************** Rounded Variant (default) ******************/

div.pure_panel_rounded
{	
	background: #F2F2F2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

body.ie div.pure_panel_rounded
{
	box-shadow: 0 3px 20px rgba(0,0,0,.5);
}

body.ie8 div.pure_panel_rounded,
body.ie7 div.pure_panel_rounded
{
	border: 1px solid #ddd;
}


div.pure_panel_rounded_bottom, div.pure_panel_rounded_bottom div
{
	height: 8px;
	font-size: 0px;
}

div.pure_panel_rounded_title
{
	text-align: center;
	font-size: 12px;
	height: 16px;
	color: #333333;
	padding: 4px 10px 0;
	padding: 6px 10px 5px; /* Experiment */
}

/********************** Square variant ********************/

div.pure_panel_square
{
	background: #F2F2F2;
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
}

/********************** light variant ********************/

div.pure_panel_light
{	
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 10px rgba(0,0,0,.2)
}

div.pure_panel_light_title
{
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    height: 22px;
    color: #333333;
    padding: 2px 6px;
}


/********************** Segmented Variant ******************/

div.pure_panel_segmented
{
	background: #F2F2F2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
}

div.pure_panel_segmented_title
{
	text-align: center;
	font-size: 12px;
	line-height: 21px;
	height: 22px;
	color: #333333;
	padding-top: 2px;
}

div.pure_panel_segmented_body
{
	background: #fdfdfd;
	border: 1px solid #e9e9e9;
	border-width: 1px 0;
}

div.pure_panel_segmented_footer {
    min-height: 5px;
}

/*********************** Side panel *********************/

div.pure_panel_side {
    position: absolute;
    left: 100%;
    overflow: hidden;
    bottom: 34px;
    top: 24px;
}

div.pure_panel_side_shadow {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    right: 15px;
    bottom: 15px;
    background: #e9e9e9;
}

div.pure_panel_side_shadow:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    pointer-events: none;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.15+0,0+100 */
    background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}



/*********************** Close *********************/

a.pure_panel_close
{
	margin-top: -15px;
	margin-right: -15px;
	right: 0;
	position: absolute;
	width: 26px;
	height: 26px;
	outline: none;
	background: url('../../gfx/pure_panel_close.png') left top no-repeat;
}

a.pure_panel_close:hover
{
	background-position: left -26px;
}

/***************** Target / Arrow *******************/

div.pure_panel_arrow
{
	display: none;
	background: url('../../gfx/pure_panel_arrow.png') left -8px no-repeat;
	width: 14px;
	height: 30px;
	position: absolute;
	margin-left: -14px;
	margin-top: 100px;
}

div.pure_panel_segmented div.pure_panel_arrow
{
	background-position: -47px -8px;
}

div.pure_panel_light div.pure_panel_arrow
{
    background-position: -94px -8px;
}

div.pure_panel_targeted div.pure_panel_arrow
{
	display: block;
}


/***************** CSS Target / Arrow *******************/

div.pure_panel_targeted_top:before {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -5px;
    display: block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    border-left: 8px solid transparent;
    content: '';
}

div.pure_panel_targeted_top:after {
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -4px;
    display: block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

div.pure_datepicker
{
	padding: 4px;
}

div.pure_datepicker table
{
	border-collapse: collapse;
	width: 167px;
}

div.pure_datepicker th
{
	font-size: 9px;
	line-height: 13px;
	padding: 0px;
	width: 14.2%;
	font-weight: normal;
	color: #40474D;
}

div.pure_datepicker td
{
	border: 1px solid #ddd;
	height: 20px;
	padding: 0px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	width: 20px;
	cursor: pointer;
	background: #fff;
}

td.pure_datepicker_dimmed
{
	color: #aaa;
}

div.pure_datepicker td.pure_datepicker_selected
{
	background: #3875d7;
	color: #fff;
}

td.pure_datepicker_today
{
	font-weight: bold;
}

div.pure_datepicker_header
{
	font-size: 9pt;
	position: relative;
	line-height: 15px;
	height: 18px;
	width: 167px;
}

div.pure_datepicker_header strong
{
	display: block;
	text-align: center;
	font-family: Helvetica;
	color: rgb(64, 71, 77);
	text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
}

a.pure_datepicker_previous
{
	position: absolute;
	background: url('../../icons/monochrome/round_left16.png') -1px -1px no-repeat;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

a.pure_datepicker_previous_year
{
	position: absolute;
	background: url('../../icons/monochrome/round_double_left16.png') -1px -1px no-repeat;
	width: 14px;
	height: 14px;
	left: 16px;
	cursor: pointer;
}

a.pure_datepicker_next
{
	position: absolute;
	right: 0;
	background: url('../../icons/monochrome/round_right16.png') -1px -1px no-repeat;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

a.pure_datepicker_next_year
{
	position: absolute;
	right: 16px;
	background: url('../../icons/monochrome/round_double_right16.png') -1px -1px no-repeat;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

div.pure_datepicker_header a:hover
{
	background-position: -1px -17px;
}

span.pure_datetime
{
	width: 115px;
	position: relative;
}

span.pure_datetime input
{
	width: 80px;
	padding-right: 23px;
}

span.pure_datetime_readonly
{
	font-size: 12px;
	color: #333;
	margin-left: 5px;
	line-height: 16px;
}

span.pure_datetime_novalue {
	color: #999999;
	display: block;
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	padding: 4px 5px;	
}

span.pure_datetime span.pure_datetime_calendar {
	position: absolute;
	top: 3px;
	right: 3px;
	display: inline-block;
	width: 23px;
	height: 22px;
	background: url('../../gfx/pure_datetime_calendar.png') top left no-repeat;
	cursor: pointer;
}

span.pure_textfield_focus span.pure_datetime_calendar, span.pure_datetime span.pure_datetime_calendar:hover {
	background-position: 0 -22px;
}

.common_context_click_to_edit span.pure_datetime {
	display: inline-block;
	line-height: 18px;
	vertical-align: middle;
	width: auto;
	padding-right: 6px;
}

div.pure_relation
{
	overflow: hidden;
}

div.pure_relation_error
{
	margin-top: 2px;
	border: 2px dashed rgb(255,180,200);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

span.pure_relation_controls
{
	float: right;
	padding: 2px 1px 2px 0;
	position: relative;
	z-index: 1;
}

div.pure_relation_item {
	min-height: 24px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

div.pure_relation_item:hover
{
	background: #e1ebf8;
}

div.pure_relation_actions
{
	padding: 5px 0 0;
	font-size: 0;
}

div.pure_relation_quickadd {
	padding: 0 0 5px 0;
	margin-top: -2px;
}

div.pure_relation_quickadd_change {
    padding: 4px 0;
}

a.pure_relation_actions_hidden {
	/* actions used through widget functions are hidden */
	display: none;
}

div.pure_relation_novalue
{
	color: #999;
	font-style: italic;
	font-size: 11px;
	padding: 2px 4px;
}

div.pure_relation_rendering
{
	padding: 2px 4px;
	margin-left: 20px;
	font-size: 12px;
	word-wrap: break-word;
}

div.pure_relation_rendering div.rendering_short p.type {
	/* hide type line when using short in relation list */
	display: none;			
}

div.pure_relation_rendering div.rendering_short p.type.force_show_type {
	/* forcefully show the type */
	display: block;
}

div.pure_relation_error div.pure_relation_novalue
{
	color: #f00;
}

div.pure_relation span.common_icon_16
{
	float: left;
	margin: 2px 3px 0 4px;
}

/***** relation as child of "either or" component ****/

div.pure_either_or_tabs div.pure_relation span.common_icon_16 {
	display: none;	
}

div.pure_either_or_tabs div.pure_relation_rendering {
	margin-left: 12px;	
}

div.pure_either_or_tabs div.pure_relation_novalue {
	padding-top: 0;
	padding-bottom: 0;	
}


span.pure_templatechanger
{
	padding: 2px 0 0 6px;
}

span.pure_templatechanger_selection
{
	color: #333;
	font-size: 12px;
	outline: none;
	vertical-align: middle;
	padding-right: 20px;
}

a.pure_templatechanger_button {
	float: right;	
	margin-right: 20px;
	margin-top: 21px;	
}

span.pure_templatechanger_button a.pure_templatechanger_button_icon {
	color: #333;
	font-size: 12px;
	vertical-align: middle;	
	padding-right: 20px;
	background: url('../../gfx/pure_templatechanger.png') right center no-repeat;
	text-decoration: none;
	opacity: 0.5;	
}

span.pure_templatechanger_button a.pure_templatechanger_button_icon:hover {
	opacity: 0.8;
}

div.pure_tooltip
{
	position: absolute;
	z-index: 9999;
}

div.pure_tooltip_body
{
	font-size: 12px;
	margin: 5;
}

div.pure_tooltip_element {
	display: none;
}

div.pure_upload {
    margin: 8px 0 10px 0;
}

div.pure_upload div.browser_limit {
    display: none;
}

div.pure_upload div.browser_limit.enabled {
    display: block;
    font-size: 12px;
    color: #666;
    margin: 2px 0;
    padding-left: 20px;
    background: url("../../../style/icons/common/warningSquare16.png") left center no-repeat;
}


div.pure_upload .dropzone-toggle {
    cursor: pointer;
}

div.pure_upload_dropzone
{
    padding: 20px;
    background: #fff;
	border: 2px dashed #c3cbd6;
    border-radius: 5px;
    margin: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

div.pure_upload_dropzone.max-files-exceeded {
    border-color: #D9534F;
}

div.pure_upload_dropzone.dz-drag-hover,
div.pure_upload_dropzone:hover,
div.pure_upload_dropzone.notify {
    border-color: #369;
}
div.pure_upload_dropzone.dz-drag-hover {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05) inset;
    border-style: solid;
}

div.pure_upload_dropzone.browser-not-supported {
    font-size: 12px;
    cursor: default;
}
div.pure_upload_dropzone.browser-not-supported .dz-message {
    display: block;
    color: #666;
}
div.pure_upload_dropzone.browser-not-supported .supported-browser { display: none; }

div.pure_upload_addfile div.browse_text {
    background: url("../../gfx/upload.png") left center no-repeat;
    min-height: 39px;
    vertical-align: middle;
    font-size: 13px;
    color: #666;
    padding-left: 60px;
    margin: 0 auto;
    line-height: normal;
}

div.pure_upload_addfile div.browse_text strong {
    color: #369;
}

div.pure_upload_addfile div.browse_text .browse_text_limitations {
    display: block;
    font-size: 11px;
    color: #999;
}

div.pure_upload_addfile .fallback .fallback_processing {
    display: block;
    font-size: 11px;
    color: #390;
}
div.pure_upload_addfile .fallback .fallback-iframe-holder { margin-top: 10px; }

#pure_upload_template { display: none; }

div.pure_upload_file {
    background: #fff;
    border: 1px solid #c3cbd6;
    border-radius: 5px;
    padding: 10px;
    margin: 8px 5px;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
}

div.pure_upload_file .process_percent {
    float: right;
    font-weight: bold;
    font-size: 11px;
}
div.pure_upload_file .process_bar,
div.pure_upload_file .process_bar .bar{
    height: 5px;
    border-radius: 3px;
    background: #eee;
    clear: both;
    margin: 5px 0;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
div.pure_upload_file .process_bar .bar {
    background: #390;
}

div.pure_upload_file .process_bar .bar.processing {
    background: url('../../gfx/progress_animation_small.gif');
}

div.pure_upload_file .meta {
    font-size: 11px;
    color: #999;
}

div.pure_upload_file .dz-remove {
    color: #369;
}

div.pure_upload_file .file_error {
    color: #D9534F;
    display: none;
}

div.pure_upload_file.dz-error .file_error {
    display: block;
}
div.pure_upload_file.dz-error .process_bar,
div.pure_upload_file.dz-error .meta,
div.pure_upload_file.dz-error .process_percent {
    display: none;
}

div.pure_upload_file.existing_file .icon {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}
div.pure_upload_file.existing_file .content {
    overflow: hidden;
    position: relative;
}
div.pure_upload_file.existing_file .content .pure_button {
    position: absolute;
    top: 8px;
    right: 0;
}

div.pure_progressbar
{
	height: 22px;
	border: 1px solid #ccc;
	border-width: 0px 1px;
	background: #fff;
}

div.pure_progressbar div
{
	height: 22px;
	background: url('../../gfx/progress_animation.gif');
	width: 0%;
}

strong.pure_progressbar_message
{
	font-size:9px;
	font-weight:normal;
	height:14px;
	line-height:13px;
	padding:0 3px;
	position:absolute;
}

div.pure_progressbar_small
{
	background: url('../../gfx/progress_bg.png');
	height: 14px;
}

div.pure_progressbar_small div
{
	background: url('../../gfx/progress_animation_small.gif');
	height: 14px;
}

div.pure_progressbar_small_waiting
{
	background: url('../../gfx/progress_animation_small_indeterminate.gif');
	height: 14px;
}

div.pure_progressbar_small_complete div
{
	background: url('../../gfx/progress_bg.png') left -14px;
}

div.pure_keywordlist
{
}

.common_context_click_to_edit div.pure_keywordlist {
	padding-left: 5px;
}

div.pure_keywordlist_novalue
{
	color: #999;
	font-style: italic;
	font-size: 11px;
	padding: 2px 5px;
}

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

div.pure_keywordlist li
{
	-moz-border-radius: 6px 12px 12px 6px;
	-webkit-border-radius: 6px 12px 12px 6px;
	border-radius: 6px 12px 12px 6px;
	overflow:hidden;
    padding: 4px 2px 4px 25px;
    position: relative;
    margin-bottom: 2px;
    font-size: 11px;
}

div.pure_keywordlist li:last-child {
    margin-bottom: 0;
}

div.pure_keywordlist li:hover
{
	background: #e1ebf8;
}

.common_context_click_to_edit div.pure_keywordlist li:hover {
	background: none;
}


/********************** User defined *********************/

div.pure_keywordlist_userdefined input
{
	font-size: 10px;
	width: 120px;
}

div.pure_keywordlist_userdefined span.pure_textfield
{
	width: 132px;
}

div.pure_keywordlist_userdefined
{
	clear: both;
	padding-bottom: 3px;
	font-size: 12px;
	padding-left: 21px;
}

div.pure_keywordlist_userdefined strong
{
	font-weight: normal;
	color: #666;
	margin-right: 4px;
}






span.pure_keywordlist_userdefined_locale
{
	position: absolute;
	width: 16px;
	height: 16px;
	margin-left: -17px;
	margin-top: 4px;
}

span.pure_keywordlist_userdefined_locale_da_DK
{
	background: url('../../icons/locale/da_DK16.png');
}

span.pure_keywordlist_userdefined_locale_en_GB
{
	background: url('../../icons/locale/en_GB16.png');
}

span.pure_keywordlist_userdefined_locale_de_DE
{
	background: url('../../icons/locale/de_DE16.png');
}

span.pure_keywordlist_userdefined_locale_sv_SE
{
	background: url('../../icons/locale/sv_SE16.png');
}

span.pure_keywordlist_userdefined_locale_fi_FI
{
	background: url('../../icons/locale/fi_FI16.png');
}

span.pure_keywordlist_userdefined_locale_nl_BE
{
	background: url('../../icons/locale/nl_BE16.png');
}

span.pure_keywordlist_userdefined_locale_nl_NL
{
	background: url('../../icons/locale/nl_NL16.png');
}

span.pure_keywordlist_userdefined_locale_fr_FR
{
    background: url('../../icons/locale/fr_FR16.png');
}

span.pure_keywordlist_userdefined_locale_cy_GB
{
    background: url('../../icons/locale/cy_GB16.png');
}

span.pure_keywordlist_userdefined_locale_ar_AE
{
    background: url('../../icons/locale/ar_AE16.png');
}

span.pure_keywordlist_userdefined_locale_ar_QA
{
    background: url('../../icons/locale/ar_QA16.png');
}

span.pure_keywordlist_userdefined_locale_bg_BG
{
    background: url('../../icons/locale/bg_BG16.png');
}

span.pure_keywordlist_userdefined_locale_en_US
{
    background: url('../../icons/locale/en_US16.png');
}

span.pure_keywordlist_userdefined_locale_en_ZA
{
    background: url('../../icons/locale/en_ZA16.png');
}

span.pure_keywordlist_userdefined_locale_es_CL
{
    background: url('../../icons/locale/es_CL16.png');
}

span.pure_keywordlist_userdefined_locale_es_ES
{
    background: url('../../icons/locale/es_ES16.png');
}

span.pure_keywordlist_userdefined_locale_es_MX
{
    background: url('../../icons/locale/es_MX16.png');
}

span.pure_keywordlist_userdefined_locale_hi_IN
{
    background: url('../../icons/locale/hi_IN16.png');
}

span.pure_keywordlist_userdefined_locale_hu_HU
{
    background: url('../../icons/locale/hu_HU16.png');
}

span.pure_keywordlist_userdefined_locale_it_IT
{
    background: url('../../icons/locale/it_IT16.png');
}

span.pure_keywordlist_userdefined_locale_ja_JP
{
    background: url('../../icons/locale/ja_JP16.png');
}

span.pure_keywordlist_userdefined_locale_ko_KR
{
    background: url('../../icons/locale/ko_KR16.png');
}

span.pure_keywordlist_userdefined_locale_ms_MY
{
    background: url('../../icons/locale/ms_MY16.png');
}

span.pure_keywordlist_userdefined_locale_pt_PT
{
    background: url('../../icons/locale/pt_PT16.png');
}

span.pure_keywordlist_userdefined_locale_zh_CN
{
    background: url('../../icons/locale/zh_CN16.png');
}

span.pure_keywordlist_userdefined_locale_zh_TW
{
    background: url('../../icons/locale/zh_TW16.png');
}

span.pure_field_locale_el_CY{
	background: url('../../icons/locale/el_CY16.png');
}


div.pure_keywordlist span.pure_keywordlist_rendering
{
	color: #0054A6;
}



span.pure_keywordlist_rendering
{
	font-size: 11px;
}

div.pure_keywordlist span.common_icon_16
{
    float: left;
    margin: 0 0 0 -20px;
}

span.pure_keywordlist_controls
{
	float: right;
	margin: -2px 0;
}

div.pure_keywordlist_actions
{
	padding: 5px 0 0;
}

/***************** Only user defined *****************/

ul.pure_keywordlist_onlyuserdefined li
{
	padding-left: 0;
}

ul.pure_keywordlist_onlyuserdefined div.pure_keywordlist_userdefined
{
	padding-left: 0;
}

ul.pure_keywordlist_onlyuserdefined li:hover
{
	background: none;
}

/** Error */

div.pure_keywordlist_error
{
    margin-top: 2px;
    border: 2px dashed rgb(255,180,200);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div.pure_treeselector_body
{
	max-height: 400px;
	min-height: 100px;
	overflow: auto;
	padding: 2px 2px 3px 0;
	position: relative;
}

div.pure_treeselector_framed
{
	border:1px solid #DDDDDD;
	background: #fff;
}

div.pure_treeselector ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}

div.pure_treeselector_level
{
	background: url('../../icons/monochrome/dot16.png') 3px -1px no-repeat;
	min-height: 18px;
	padding-bottom: 2px;
}

a.pure_treeselector_title
{
	display: block;
	margin-left: 20px;
	color: #ddd;
	cursor: pointer;
	font-size: 11px;
}

span.pure_treeselector_title
{
	display: block;
	margin-left: 20px;
	font-size: 11px;
	line-height: 12px;
}

span.pure_treeselector_title_dimmed
{
	text-decoration: line-through;
	color: #999;
}

span.pure_treeselector_title_disabled {
	color: #999;	
}

span.pure_treeselector_title_disabled div.rendering {
	opacity: 0.5;
}

div.pure_treeselector a.pure_treeselector_title span
{
	color: #000;
}

div.pure_treeselector_level_parent
{
	padding-left: 0px;
	background: none;
}

div.pure_treeselector ul ul
{
	padding-left: 16px;
	display: none;
}

a.pure_treeselector_disclosure
{
	position: absolute;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 4px;
	vertical-align: middle;
	background: url('../../gfx/disclosure.png');
}

a.pure_treeselector_disclosure:hover
{
	background-position: left -12px;
}

a.pure_treeselector_disclosure_open
{
	background-position: left -24px;
}

a.pure_treeselector_disclosure_open:hover
{
	background-position: left -36px;
}

span.pure_treeselector_actions
{
	float: right;
	max-height: 18px; /* ensure floats don't do a step pattern in chrome during zoom due to scaling rounding */
}

/**************** Multi select **********/

div.pure_treeselector_multiselect
{
	padding-left: 25px;
}

div.pure_treeselector_norootselection
{
	padding-left: 6px;
}

div.pure_treeselector_multiselect span.pure_treeselector_title
{
	display: block;
	padding-top: 3px;
	margin-left: 15px;
	cursor: default;
}

div.pure_treeselector_multiselect a.pure_treeselector_disclosure
{
	margin-top: 4px;
	margin-left: 0;
}

div.pure_treeselector_multiselect div.pure_treeselector_level
{
	background-position: -2px 1px;
}

div.pure_treeselector span.pure_checkbox
{
	position: absolute;
	left: 2px;
}

div.pure_treeselector_level:hover
{
    background: #e1ebf8;
    border-radius: 5px;
}

/*************** Flat (only one level) ****************/

div.pure_treeselector_flat span.pure_treeselector_title
{
	margin-left: 0;
}

div.pure_treeselector_flat div.pure_treeselector_level
{
	background: none;
}

/******************* Highlight ****************/

span.pure_treeselector_highlighted
{
	font-weight: bold;
	color: #229955;
}

div.pure_relationlist
{
}
.relationlist_multiple_types { padding-bottom: 1px}
.relationlist_multiple_types a.pure_button_link {
	display: block;
	border-bottom: 1px solid #d5d8dc;
	font-size: 12px;
	margin-bottom: -1px;
	padding: 6px;
}
.relationlist_multiple_types a.pure_button_link:last-of-type {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 0;
}
.relationlist_multiple_types a.pure_button_link:hover {
	background: url("../../gfx/submission_hover.png") no-repeat scroll right top transparent;
	border-color: #c0cddb;
}
.relationlist_multiple_types a.pure_button_link span {
	display: block;
	padding-right: 25px;
}
.relationlist_multiple_types a.pure_button_link span span {
	background: none;
	padding: 3px 0 2px 0;
	color: #333;
}
.relationlist_multiple_types a.pure_button_link:hover span {
	background: transparent	url('../../gfx/pure_navigation_arrow.png') no-repeat right center;
}
.relationlist_multiple_types a.pure_button_link:hover span span {background: none; }

div.pure_relationlist_error
{
	margin-top: 2px;
	border: 2px dashed rgb(255,180,200);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

div.pure_relationlist_novalue
{
	color: #999;
	font-style: italic;
	font-size: 11px;
	padding: 2px 5px;
}

div.pure_relationlist_error div.pure_relationlist_novalue
{
	color: #f00;
}

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

li.pure_relationlist_groupheader {
	min-height:24px;
	padding:8px 1px 0 5px;
	word-wrap: break-word;			
}

.editor_viewlayout_editable li.pure_relationlist_groupheader:first-child {
	padding-top: 0;
}

li.pure_relationlist_sectionheader {
    color: #555;
    border-bottom: 1px solid #DDD;
    font-size: 12px;
    font-weight: normal;
	text-transform: uppercase;
    margin: 20px 5px 5px 5px;
    padding-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 14px;
}

li.pure_relationlist_sectionheader:first-child {
    margin-top: 5px;
}

body.editor_viewlayout li.pure_relationlist_sectionheader {
    font-size: 11px;
    font-weight: normal;
    color: #777;
}

a.pure_relationlist_section_more_link, a.pure_relationlist_section_less_link {
	text-decoration: none;
	display: inline-block;
	margin: 5px;
	color: #0054A6;
	font-size: 12px;
}

a.pure_relationlist_section_more_link:hover, a.pure_relationlist_section_less_link:hover {
	text-decoration: underline;
}

li.pure_relationlist_item_hidden {
	display: none;
}


li.pure_relationlist_item
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:24px;
	overflow:hidden;
	padding:0 1px 0 5px;
	word-wrap: break-word;
	font-weight: normal;
}

ol.pure_relationlist
{
    font-size: 12px;
    margin: 0;
    color: #0054a6;
    font-weight: bold;
}

ol.pure_relationlist li.pure_relationlist_item
{
    overflow: visible;
}

li.pure_relationlist_item:hover, li.item_highlighted
{
	background: #e1ebf8;
}

.common_context_click_to_edit li.pure_relationlist_item:hover {
	background: none;
}

span.pure_relationlist_controls span.common_rounded_badge
{
	margin-right: 7px;
}

div.pure_relationlist_rendering
{
	font-size: 12px;
	margin-left: 20px;
	padding-top: 3px;
}

div.pure_relationlist_rendering div.rendering h2 {
	font-size: 1em;
}

div.pure_relationlist_rendering_iconless {
	margin-left: 0;
}

div.pure_relationlist span.common_icon_16
{
	float: left;
	margin: 3px 4px 0 0;
}

div.pure_relationlist span.pure_relationlist_synchronized {
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	width: 14px;
	margin: 2px;
	background: url('../../icons/monochrome/sync14.png') 0px 0px no-repeat;
	cursor: help; 
}

div.pure_relationlist span.pure_relationlist_synchronized:hover {
	background-position: 0px -14px;	
}

span.pure_relationlist_previously_synchronized
{
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	width: 14px;
	position: relative;
	top: 3px;
	margin-right: 3px;
	background: url('../../icons/monochrome/unsync14.png') 0px 0px no-repeat;
	cursor: help; 
}

span.pure_relationlist_previously_synchronized:hover {
	background-position: 0px -14px;	
}

span.pure_relationlist_controls
{
	float: right;
	padding: 2px 1px 2px 0;
	position: relative;
	z-index: 1;
}

span.pure_relationlist_item_decorator {
	float: right;
	padding: 2px 1px 2px 0;
	font-size: 12px;
	line-height: 20px;
	margin-right: 7px;
}

.pure_dimmed_container span.pure_relationlist_item_decorator {
	color: #5E5F5F;	
}

.pure_dimmed_container:hover span.pure_relationlist_item_decorator {
	color: #333;
}

div.pure_relationlist_actions
{
	padding: 5px 0 0;
}

div.pure_dialog
{
	position: absolute;	
	color:#333333;
	font-size:12px;
	min-width: 400px;
	max-width: 625px;	
}



div.pure_dialog span.icon {	
	position: absolute;
	left: 0;
	top: 10px;
	width: 64px;
	height: 64px;
	margin: 14px 4px 0px 16px;
}

div.pure_dialog .icon_alert {
	background: url('../../gfx/icons/alert64px.png') center center no-repeat;
}

div.pure_dialog_content_overflow {
    overflow: hidden;
	background-color: #ffffff;
}

div.pure_dialog_content_body {
	overflow: hidden;
	margin: 10px;
	min-height: 70px;
	margin-top:20px;
	margin-right: 14px;
}

div.pure_dialog_content_body h1
{
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #0054A6;
}

div.pure_dialog_content_body h2.pure_header {
	margin-top: 0;	
}

div.pure_dialog_content_with_icon {
	position: relative;	
}

div.pure_dialog_content_with_icon div.pure_dialog_content_body
{
	margin-left: 92px;
	margin-right: 10px;
}

div.pure_dialog_footer
{
	border-top: solid 1px #ddd;
	clear: both;
}
div.pure_dialog_footer_body
{
	overflow: hidden;
	border-top: solid 1px #fff;
	background-color: #f3f3f3;
	padding: 10px;
	vertical-align: middle;	
	position: relative;
	display: table;
	width: 100%;
	box-sizing: border-box;
}

div.pure_dialog_footer_body > div {
	display: table-cell;
	vertical-align: middle;
}

.pure_dialog_default span span {
	text-align: center;
	min-width: 40px;	
}

div.pure_dialog_content_with_icon div.pure_dialog_buttons_help {
	padding: 2px 10px 0 82px;
}

div.pure_dialog_buttons {
	text-align: right;
}

div.pure_dialog_top
{
	height: 5px;
	background: url('../../gfx/pure_dialog_shadow.png') left top no-repeat;
	padding-left: 18px;
}

div.pure_dialog_top div
{
	height: 5px;
	background: url('../../gfx/pure_dialog_shadow.png') right -5px no-repeat;
	padding-right: 18px;
}

div.pure_dialog_top div div
{
	background: url('../../gfx/pure_dialog_shadow.png') left -10px repeat-x;
	padding: 0px;
}

div.pure_dialog_bottom
{
	height: 13px;
	background: url('../../gfx/pure_dialog_shadow.png') left -15px no-repeat;
	padding-left: 18px;
}

div.pure_dialog_bottom div
{
	height: 13px;
	background: url('../../gfx/pure_dialog_shadow.png') right -28px no-repeat;
	padding-right: 18px;
}

div.pure_dialog_bottom div div
{
	background: url('../../gfx/pure_dialog_shadow.png') left -41px repeat-x;
	padding: 0px;
}

div.pure_dialog_middle
{
	background: url('../../gfx/pure_dialog_shadow.png') left -54px repeat-y;
	padding-left: 7px;
}

div.pure_dialog_middle div.pure_dialog_middle
{
	background: url('../../gfx/pure_dialog_shadow.png') right -54px repeat-y;
	padding: 0px 7px 0px 0px;
}

div.pure_dialog_content
{
	background: #f3f3f3;
	border: 1px solid #fff;
	padding: 0px;
}

div.pure_field_block
{
	position: relative;
}

div.pure_field_block span.pure_field_hint
{
	display: block;
}

label.pure_field_label
{
	font-size: 11px;
	color: #336699;
}

.common_dark_context label.pure_field_label {
	color: white;	
}

span.pure_field_inline
{
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	position: relative;
}

span.pure_field_inline.pure_field_vertical_middle {
	vertical-align: middle;
}

span.pure_field_inline span.pure_field_content
{
	display: inline-block;
	vertical-align: middle;
}

div.pure_bar span.pure_field_inline
{
	margin: 0;
	vertical-align: middle;
}

span.pure_field_inline_locale
{
	/*margin-left: 10px;*/
}

label.pure_field_label_before
{
	line-height:20px;
	padding: 0px 3px 0px 5px;
	vertical-align: middle;
}

label.pure_field_label_above
{
	padding-left: 5px;
	line-height: 13px; /* Experiment */
	display: block;
}

div.pure_field_content div.classification_rendering div.pure_article {
    padding-left: 5px;
}

/* Fix for ie7 clipping the label on inline fields */
body.ie7 span.pure_field_inline label.pure_field_label_above {
	line-height: 13px;	
}

span.pure_field_hint
{
	color: #999999;
	font-size: 9px;
	padding-left: 5px;
	position: relative;
	top: -2px;
	display: block;
}

span.pure_field_hint_help {
	color: #C3C3C3;
}

span.pure_field_locale
{
	background: red;
	width: 16px;
	height: 16px;
	position: absolute;
	margin-left: -17px;
	margin-top: 15px;
}

span.pure_field_locale.pure_field_locale_nolabel
{
	margin-top: 4px;
}

label.pure_field_required span {
	background: url('../../gfx/pure_field_required.png') right center no-repeat;
	padding-right: 10px;
	cursor: help;
}

span.pure_field_required span {
	background: url('../../gfx/pure_field_required.png') right center no-repeat;
	padding-right: 10px;
	cursor: help;
}

div.pure_field_huge_label label.pure_field_required span {
	background: none;
	padding-right: 0px;
	cursor: auto;
}

div.pure_field_huge_label label.pure_field_required {
	background: url('../../gfx/pure_field_required.png') right center no-repeat;
	padding-right: 10px;
	cursor: help;
}

span.pure_field_locale_da_DK
{
	background: url('../../icons/locale/da_DK16.png');
}

span.pure_field_locale_en_GB
{
	background: url('../../icons/locale/en_GB16.png');
}
span.pure_field_locale_en_IE
{
	background: url('../../icons/locale/en_IE16.png');
}

span.pure_field_locale_iw_IL
{
	background: url('../../icons/locale/iw_IL16.png');
}
span.pure_field_locale_ar_IL
{
	background: url('../../icons/locale/ar_IL16.png');
}
span.pure_field_locale_es_EC
{
	background: url('../../icons/locale/es_EC16.png');
}

span.pure_field_locale_de_DE
{
	background: url('../../icons/locale/de_DE16.png');
}

span.pure_field_locale_de_AT
{
	background: url('../../icons/locale/de_AT16.png');
}

span.pure_field_locale_de_CH
{
	background: url('../../icons/locale/de_CH16.png');
}


span.pure_field_locale_sv_SE
{
	background: url('../../icons/locale/sv_SE16.png');
}

span.pure_field_locale_fi_FI
{
	background: url('../../icons/locale/fi_FI16.png');
}

span.pure_field_locale_nl_BE
{
	background: url('../../icons/locale/nl_BE16.png');
}

span.pure_field_locale_nl_NL
{
	background: url('../../icons/locale/nl_NL16.png');
}

span.pure_field_locale_cy_GB
{
   background: url('../../icons/locale/cy_GB16.png');
}

span.pure_field_locale_fr_FR
{
   background: url('../../icons/locale/fr_FR16.png');
}

span.pure_field_locale_ar_AE
{
    background: url('../../icons/locale/ar_AE16.png');
}

span.pure_field_locale_ar_QA
{
    background: url('../../icons/locale/ar_QA16.png');
}

span.pure_field_locale_bg_BG
{
    background: url('../../icons/locale/bg_BG16.png');
}

span.pure_field_locale_en_US
{
    background: url('../../icons/locale/en_US16.png');
}

span.pure_field_locale_en_ZA
{
    background: url('../../icons/locale/en_ZA16.png');
}

span.pure_field_locale_es_CL
{
    background: url('../../icons/locale/es_CL16.png');
}

span.pure_field_locale_es_CO
{
	background: url('../../icons/locale/es_CO16.png');
}

span.pure_field_locale_es_ES
{
    background: url('../../icons/locale/es_ES16.png');
}

span.pure_field_locale_es_MX
{
    background: url('../../icons/locale/es_MX16.png');
}

span.pure_field_locale_hi_IN
{
    background: url('../../icons/locale/hi_IN16.png');
}

span.pure_field_locale_hu_HU
{
    background: url('../../icons/locale/hu_HU16.png');
}

span.pure_field_locale_it_IT
{
    background: url('../../icons/locale/it_IT16.png');
}
span.pure_field_locale_it
{
    background: url('../../icons/locale/it_IT16.png');
}

span.pure_field_locale_ja_JP
{
    background: url('../../icons/locale/ja_JP16.png');
}

span.pure_field_locale_ko_KR
{
    background: url('../../icons/locale/ko_KR16.png');
}

span.pure_field_locale_ms_MY
{
    background: url('../../icons/locale/ms_MY16.png');
}

span.pure_field_locale_pt_PT
{
    background: url('../../icons/locale/pt_PT16.png');
}

span.pure_field_locale_zh_CN
{
    background: url('../../icons/locale/zh_CN16.png');
}

span.pure_field_locale_zh_TW
{
    background: url('../../icons/locale/zh_TW16.png');
}

span.pure_field_locale_ru_RU
{
    background: url('../../icons/locale/ru_RU16.png');
}

span.pure_field_locale_zh_HK{
	background: url('../../icons/locale/zh_HK16.png');
}

span.pure_field_locale_zh_SG{
	background: url('../../icons/locale/zh_SG16.png');
}

span.pure_field_locale_el_CY{
	background: url('../../icons/locale/el_CY16.png');
}

span.pure_field_locale_ar_OM{
	background: url('../../icons/locale/ar_OM16.png');
}

span.pure_field_locale_ca_ES{
	background: url('../../icons/locale/ca_ES16.png');
}
span.pure_field_locale_ca{
	background: url('../../icons/locale/ca_ES16.png');
}

span.pure_field_locale_en_NZ{
	background: url('../../icons/locale/en_NZ16.png');
}

span.pure_field_locale_pl_PL{
	background: url('../../icons/locale/pl_PL16.png');
}

span.pure_field_locale_es_PR{
	background: url('../../icons/locale/es_PR16.png');
}

span.pure_field_locale_es_BO{
	background: url('../../icons/locale/es_BO16.png');
}

span.pure_field_locale_es_PE{
	background: url('../../icons/locale/es_PE16.png');
}

span.pure_field_locale_is_IS{
	background: url('../../icons/locale/is_IS16.png');
}


div.pure_field_reset_inline
{
	font-size: 0;
	line-height: 0;
	height: 0;
}

/* Only add margin if field is inside fieldeset */

div.pure_fieldset .pure_field
{
	margin-bottom: 10px;
	position: relative;
}

/* Also add margin if field is inside a panel in ie7 (panels are moved outside the fieldset in ie7 to prevent z-index bug */
body.ie7 div.pure_panel .pure_field {
	margin-bottom: 8px;
}

span.pure_field_nomargins, div.pure_field_nomargins, div.pure_fieldset .pure_field_nomargins
{
	margin: 0;
}

div.pure_fieldset_compact .pure_field
{
	margin-bottom: 0;
}


/* Field with icon */

div.pure_field_with_icon {
	position: relative;
}

div.pure_field_with_icon span.common_icon_16 {
	position: absolute;
	left: 2px;
}

div.pure_field_with_icon:hover span.common_icon_16 {
	background-position: 0 -16px;	
}

div.pure_field_with_icon label.pure_field_label_above {
	padding-left: 24px;
	line-height: 16px;
	margin-bottom: 2px;
}

div.pure_field_with_icon div.pure_field_content {
	padding-left: 23px;
}

div.pure_field_indented, span.pure_field_indented  {
	padding-left: 22px;	
}

div.pure_field_group label.pure_field_label {
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    font-weight: normal;
	text-transform: uppercase;
    line-height: 14px;
    padding: 0 0 4px 0;
    color: #555;
}

div.pure_field_group  div.pure_field_content {
    margin: 10px 0 20px 10px;
}

div.pure_field_group:last-child div.pure_field_content {
    margin-bottom: 0;
}

div.pure_field_group span.pure_field_locale {
    margin-left: -7px;
    margin-top: 35px;
}

div.pure_field_group span.pure_field_locale_nolabel
{
    margin-top: 4px;
}

span.pure_field_split {
	width: 25%;
	margin-right: 0;
}

span.pure_field_split_double {
	width: 50%;
	margin-right: 0;	
}

body.ie7 span.pure_field_split_double {
	margin-right: -1px;	/* fix for ie7 width rounding error */
}

span.pure_field_split_triple {
	width: 75%;
	margin-right: 0;	
}

body.ie7 span.pure_field_split_triple {
	margin-right: -1px;	/* fix for ie7 width rounding error */
}

span.pure_field_view_layout label.pure_field_label, div.pure_field_view_layout label.pure_field_label 
{
	color: #999;
}

table.pure_fields {
	border-spacing: 0;
	border-collapse: collapse;
}

table.pure_fields td {
	padding: 2px;
}

table.pure_fields td.pure_fields_label {
	width: 1px;	
}

table.pure_fields label span {
	white-space: nowrap;
}

div.pure_tableeditor
{
	padding: 5px 0 0 5px;
}

div.pure_tableeditor_body
{
	width: 100%;
	overflow: auto;
	padding-bottom: 5px;
}

div.pure_tableeditor table
{
	font-size: 10px;
	border-spacing: 0;
	border-collapse: collapse;
    width: 100%;
}

div.pure_tableeditor thead th
{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #eee;
	background: #FAFAFA;
	line-height: 12px;
	padding: 4px 7px 1px 3px;
	color: #336699;
}

div.pure_tableeditor table input
{
	border: 1px solid #eee;
	width: 100%;
	text-align: right;
	background: transparent;
}

div.pure_tableeditor table input:hover
{
	border: 1px solid #aaa;
}

div.pure_tableeditor table input:focus
{
	border: 1px solid #69f;
	background: #fff;
}

div.pure_tableeditor tbody td
{
	padding: 1px 4px 1px 0;
	font-size: 0;
	min-width: 40px;
	border-bottom: 1px solid #eee;
}
div.pure_tableeditor tbody td span.readonly
{
	font-size: 10px;
	text-align: right;
	display: block;
}

div.pure_tableeditor tbody td.pure_tableeditor_actions
{
	width: 0;
	min-width: 0;
    white-space: nowrap;
}

div.pure_tableeditor tbody td.pure_tableeditor_sum
{
	width: 0;
}

div.pure_tableeditor tbody tr:hover
{
}

div.pure_tableeditor tfoot td, div.pure_tableeditor tfoot th
{
	text-align: right;
	font-weight: bold;
	color: #333;
	border-bottom: 3px double #CCCCCC;
	color: #333333;
	font-weight: bold;
	padding: 5px 4px;
	text-align: right;
}

div.pure_tableeditor tfoot th
{
	padding-left: 10px;
}

span.pure_searchfield
{
	position: relative;
	display: inline-block;
	height: 28px;
	background: url('../../gfx/pure_searchfield.png?3') left top no-repeat;
	font-size: 0;
}

span.pure_searchfield span
{
	display: inline-block;
	height: 28px;
	background: url('../../gfx/pure_searchfield.png?3') right -56px no-repeat;
	cursor: text;
}

span.pure_searchfield span span
{
	display: inline-block;
	height: 28px;
	background: url('../../gfx/pure_searchfield.png?3') left -28px repeat-x;
	margin: 0 14px 0 24px;
	padding-left: 3px;
	white-space: nowrap;
}

span.pure_searchfield input
{
	background: none;
	border: 0px;
	padding: 0px;
	height: 18px;
	line-height: 18px;
	margin-top: 5px;
	font-size: 12px;
	/*Must be !important to overrule highlighting from the style guide*/
	outline: none !important;
}

body.ie span.pure_searchfield input {
	margin-top: 6px;	
}

body.ie7 span.pure_searchfield input {
	margin-top: 5px;	
}

span.pure_searchfield input::-ms-clear {
    display: none; /* hide the 'x' clear symbol in ie10+ since we have our own */
    width: 0;
    height: 0;
}

span.pure_searchfield_focused
{
	background-position: left -84px;
}

span.pure_searchfield_focused span
{
	background-position: right -140px;
}

span.pure_searchfield_focused span span
{
	background-position: left -112px;
}

/****************** Reset *********************/

a.pure_searchfield_reset {
	display: none;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 7px;
	top: 6px;
	background: url('../../gfx/pure_searchfield_reset.png') 0 0 no-repeat;
}

a.pure_searchfield_reset:hover {
	background-position: -16px 0; 	
}

span.pure_searchfield_resettable a.pure_searchfield_reset {
	display: inline-block;
}

span.pure_searchfield_busy a.pure_searchfield_reset {
	display: none;	
}


/****************** Adaptive *********************/

span.pure_searchfield_adaptive
{
	display: block;
}

span.pure_searchfield_adaptive span, span.pure_searchfield_adaptive span span
{
	display: block;
}

span.pure_searchfield_adaptive input
{
	width: 100%;
}

/****************** Image *********************/

span.pure_searchfield em {
	display: inline-block;
	height: 12px;
	width: 12px;
	overflow: hidden;
	margin-top: 8px;
	margin-left: -6px;
	margin-right: 2px;
	vertical-align: top;	
}

span.pure_searchfield img {
	border: none;
	width: 12px;
	-ms-interpolation-mode: bicubic;
	vertical-align: top;
}

/****************** Quick Add *********************/

span.pure_searchfield span.pure_searchfield_quickadd_button {
	background: url('../../gfx/pure_searchfield_quickadd.png') top left no-repeat;
	display: inline-block;
	height: 28px;
	width: 43px;
	vertical-align: top;
	margin: 0 -17px 0 -27px;
	padding: 0;
	cursor: pointer;
	position: relative;
	z-index: 1; /* place above reset button */	
}

span.pure_searchfield span.pure_searchfield_quickadd_button em {
	margin-left: 21px;
}

body.ie7 span.pure_searchfield span.pure_searchfield_quickadd_button {
	left: -27px; /* ie7 seems to ignore the negative 27px left margin on the button */	
}

/****************** Minimized *********************/

span.pure_searchfield_minimized input {
	width: 1px;	
}

/****************** Add variant *********************/

span.pure_searchfield_add span.pure_searchfield_quickadd_button {
	background-position: 0 0;	
}

span.pure_searchfield_add span.pure_searchfield_quickadd_button:hover {
	background-position: 0 -28px;	
}

/****************** Replace variant *********************/

span.pure_searchfield_replace span.pure_searchfield_quickadd_button {
	background-position: 0 -56px;
}

span.pure_searchfield_replace span.pure_searchfield_quickadd_button:hover {
	background-position: 0 -84px;
}

/****************** Spinner *********************/

a.pure_searchfield_spinner {
	cursor: default;
	display: none;
	width: 16px;
	height: 28px;
	position: absolute;
	right: 7px;
	background: url('../../gfx/spinner.gif') left center no-repeat;
}

span.pure_searchfield_busy a.pure_searchfield_spinner {
	display: inline-block;
}

/****************** Shade *********************/
.pure_searchfield_shade input {
    font-style: italic;
    color: #888;
}




div.pure_searchresult_navigator
{
	height: 24px;
	background: url('../../gfx/pure_objectsearchlist_navigator_light.png') left -90px repeat-x;
	display: none;
	overflow: hidden;
}

span.pure_searchresult_navigator_controls {
	display: inline-block;
	height: 24px;	
}

span.pure_searchresult_arrows
{
	float: left;
	margin: 4px 10px 0px 5px;
}

a.pure_searchresult_next
{
	display: inline-block;
	background: url('../../gfx/pure_objectsearchlist_navigator_light.png') left -45px;
	width: 20px;
	height: 15px;
}

a.pure_searchresult_next:hover
{
	background-position: 0 -60px;
}

a.pure_searchresult_previous
{
	display: inline-block;
	background: url('../../gfx/pure_objectsearchlist_navigator_light.png') 0 0;
	width: 20px;
	height: 15px;
	margin-right: 1px;
}

a.pure_searchresult_previous:hover
{
	background-position: 0 -15px;
}

span.pure_searchresult_paging
{
	color: #444444;
	float: left;
	font-size: 9px;
	line-height: 22px;
}

span.pure_searchresult_actions {
	float: right;
	display: inline-block;
	height: 20px;
	padding: 2px;	
}

div.pure_searchresult_result
{
	background: #fbfbfb url('../../gfx/pure_objectsearchlist_navigator_light.png') left -114px repeat-x;
	font-size: 9pt;
	
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;	
}

div.pure_searchresult_result_list
{
	min-height: 100px;
	max-height: 200px;
	overflow: auto;
	display: none;
}

div.pure_searchresult_result_no_scroll {
	max-height: 9999px;	
}

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

li.pure_searchresult_group
{
	background-color: #BBBBBB;
    border-bottom: 1px solid white;
    border-top: 1px solid #D5D8DC;
    cursor: auto;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    outline: medium none;
    padding: 4px 8px;
    vertical-align: middle;
}

li.pure_searchresult_item
{
	border-top: 1px solid #D5D8DC;
	border-bottom: 1px solid white;
	padding: 4px 8px;
	cursor: pointer;
	outline: none;
}

li.pure_searchresult_item_disabled, li.pure_searchresult_item_disabled * {
	cursor: default !important;	
}

li.pure_searchresult_item_hidden {
	display: none;	
}

li.pure_searchresult_item:hover, li.pure_searchresult_item_selected 
{
	background: #e1ebf7;
	border-top: 1px solid #D5D8DC;
	border-bottom: 1px solid #e1ebf7;
}

ul.pure_searchresult_result li.pure_searchresult_item_disabled:hover, ul.pure_searchresult_result li.pure_searchresult_item_disabled_selected {
	background: #f7f7f7;
	border-bottom-color: #fff;
	border-top-color: #D5D8DC;
}

div.pure_searchresult_help, div.pure_searchresult_empty {
	display: none;
	padding: 20px;
	font-style: italic;
	color: #999999;
	text-align: center;	
}


/* Light: (uses default styles) */
 
/* Dark: */

div.pure_searchresult_dark div.pure_searchresult_navigator
{
	background: url('../../gfx/pure_objectsearchlist_navigator_dark.png') left -90px repeat-x;
}

div.pure_searchresult_dark a.pure_searchresult_next
{
	background: url('../../gfx/pure_objectsearchlist_navigator_dark.png') left -45px;
}

div.pure_searchresult_dark a.pure_searchresult_previous
{
	background-image: url('../../gfx/pure_objectsearchlist_navigator_dark.png') 0 0;
}

div.pure_searchresult_dark span.pure_searchresult_paging
{
	color: #AAAAAA;
}

div.pure_searchresult_dark div.pure_searchresult_result
{
	background: #2c2d2e url('../../gfx/pure_objectsearchlist_navigator_dark.png') left -114px repeat-x;
}

div.pure_searchresult_dark li.pure_searchresult_item
{
	border-top: 1px solid #454647;
	border-bottom: 1px solid #1f1f20;
}

div.pure_searchresult_dark li.pure_searchresult_item:hover, div.pure_searchresult_dark li.pure_searchresult_item_selected
{
	background: #46484a;
	border-top: 1px solid #666;
	border-bottom: 1px solid #1f1f20; 
}

div.pure_searchresult_dark p.type {
	color: #aaaaaa !important;	
}

/* Shared disabled states */

a.pure_searchresult_previous_disabled, a.pure_searchresult_previous_disabled:hover
{
	background-position: 0 -30px;
}

a.pure_searchresult_next_disabled, a.pure_searchresult_next_disabled:hover
{
	background-position: 0 -75px;
}


/* Short renderings exceptions */

li.pure_searchresult_item div.rendering_short,
li.pure_searchresult_item div.rendering_short-disabled {
	font-size: 10px;	
}

li.pure_searchresult_item div.rendering_short *,
li.pure_searchresult_item div.rendering_short-disabled *{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 130% !important;	
}

li.pure_searchresult_item div.rendering_short p.type span.family,
li.pure_searchresult_item div.rendering_short-disabled p.type span.family{
	display: none;	
}

/* Copy of short, used for short_funder_project_reference render for project search results */
li.pure_searchresult_item div.rendering_short_searchresult {
	font-size: 10px;	
}

li.pure_searchresult_item div.rendering_short_searchresult * {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 130% !important;	
}

li.pure_searchresult_item div.rendering_short_searchresult p.type span.family {
	display: none;	
}

div.pure_searchresult_popup {
	display: none;
	border: 1px solid #ddd;
	-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	position: absolute;
	z-index: 9999;
	margin-top: -1px;
	min-width: 400px;
	max-width: 480px;
}

/* limit the width of a popup when nested inside panel with overflow */
div.pure_searchresult_popup_nested {
	width: 400px;	
}

body.ie7 div.pure_searchresult_popup {
	width: 400px; /* fix min-width quirk which doesn't flex children */
}

div.pure_searchresult_popup div.pure_searchresult_result {
	background-image: none; /* hide the inner shadow when in a popup */	
}


/*** Group anchors ***/

div.pure_searchresult_result_withgroups
{
	position: relative;
}

body div.pure_searchresult_result_withgroups div.pure_searchresult_result_list
{
	margin-left: 180px;
}

div.pure_searchresult_groups
{
	width: 180px;
	position: absolute;
	background: #f6f6f6;
	font-size: 11px;
	height: 100%;
	border-right: 1px solid #ddd;
	display: none;
}

div.pure_searchresult_groups div
{
	padding-top: 7px;
}

body div.pure_searchresult_result_withgroups div.pure_searchresult_groups
{
	display: block;
}

div.pure_searchresult_groups a
{
	display: block;
	padding: 4px 12px;
	color: #ddd;
	text-decoration: none;
}

div.pure_searchresult_groups a:hover
{
	background: #e1ebf7;
	outline: 1px solid #D5D8DC;
	color: #000;
}

div.pure_searchresult_groups span
{
	color: #333;
}

div.pure_overflow
{
	overflow: auto;
}

div.pure_overflow_relative
{
	position: relative;
}

div.pure_overflow_body
{
	padding-right: 5px;
}

div.pure_tabpanel_body
{
	width: 100%;
}

div.pure_tabpanel_tabs_hidden {
	display: none;	
}

div.pure_tabpanel_tabs ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

div.pure_tabpanel_tabs ul.pure_tabpanel_left {
	text-align: left;
}

div.pure_tabpanel_tabs li
{
	display: inline-block;
}

div.pure_tabpanel_tabs a
{
	display: inline-block;
	height: 26px;
	color: #000;
	font-size: 12px;
	line-height: 23px;
	text-decoration: none;
	outline: none;
}

div.pure_tabpanel_tabs a:focus
{
	color: #06f;
	text-shadow: rgba(0, 100, 255, 1) 0px 0px 3px;
}

div.pure_tabpanel_tabs a span
{
	display: inline-block;
	height: 26px;
	background: url('../../gfx/pure_tabpanel_rounded.png') left 0 repeat-x;
}

div.pure_tabpanel_tabs a span span
{
	background: none;
	padding: 0 10px;
	border-right: 1px solid #c6c6c6;
	height: 22px;
	vertical-align: middle;
	background: none;
	line-height: 21px;
	margin-top:2px;
	text-shadow:0 1px 0 #FFFFFF;
}

div.pure_tabpanel_tabs a span span span.label {
	margin: 0;
	padding: 0;
	border: none;		
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_first
{
	background: url('../../gfx/pure_tabpanel_rounded.png') left -52px no-repeat;
	padding-left: 12px;
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_first span span
{
	padding-left: 5px;
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_last
{
	background: url('../../gfx/pure_tabpanel_rounded.png') right -26px no-repeat;
	padding-right: 12px;
	border: none;
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_last span span
{
	padding-right: 5px;
	border-right: none;
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_selected span
{
	background: url('../../gfx/pure_tabpanel_rounded.png') left -78px repeat-x;
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_selected span span
{
	background: none;
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_selected.pure_tabpanel_tab_first
{
	background: url('../../gfx/pure_tabpanel_rounded.png') left -130px no-repeat;
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_selected.pure_tabpanel_tab_last
{
	background: url('../../gfx/pure_tabpanel_rounded.png') right -104px no-repeat;
}

/****** Tab icons *******/

div.pure_tabpanel_tabs a span span span.common_icon_16 {
	width: 16px;
	height: 16px;
	margin: -2px 6px 0 -2px;
	padding: 0;
	border: none;
}

div.pure_tabpanel_tabs a.pure_tabpanel_tab_first span span span.common_icon_16 {
	margin-top: 0;	
}


div.pure_tabpanel_segmented
{
	background: #fdfdfd;
	margin-top: -15px;
	padding-top: 15px;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
}

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

ul.pure_validationmessages li {
	font-size: 13px;	
}

ul.pure_validationmessages ul {
	list-style: none;
	padding: 0px;
	margin: 8px 0 0 0;
}

ul.pure_validationmessages ul li {
	font-size: 12px;
	margin: 1px 0px;
}

ul.pure_validationmessages ul.pure_validationmessages_secondary {
	margin: 8px 0px 16px 0px;
}

ul.pure_validationmessages_small {
	margin: 8px 4px;
}

div.pure_box_message ul.pure_validationmessages_small
{
	margin: 0;
	padding: 3px 8px;
	max-width: none;
}

ul.pure_validationmessages_small li {
	font-size: 11px;
	color: darkRed;
}

ul.pure_validationmessages_small ul li {
	font-size: 11px;
}

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

div.pure_stringlist_inline > ul > li
{
    display: inline-block;
}

span.pure_radiobuttons label
{
	margin-right: 5px;
}

table.pure_radiobuttons
{
	cell-spacing: 0;
	width: 100%;
}

td.pure_radiobuttons
{
	vertical-align: top;
	padding: 0;
}

span.pure_radiobutton
{
	display: inline-block;
	vertical-align: middle;
}

.pure_radiobutton a
{
	outline: none;
	float: left;
	width: 22px;
	height: 22px;
	background: url('../../gfx/pure_radiobutton.png') left top no-repeat;
	cursor: pointer;
}

.pure_radiobutton:hover a
{
	background-position: left -22px;
}

.pure_radiobutton a:active
{
	background-position: left -44px;
}

.pure_radiobutton_checked a
{
	background-position: left -66px;
}

.pure_radiobutton_checked:hover a
{
	background-position: left -88px;
}

.pure_radiobutton_checked a:active, span.pure_radiobutton_pressed a
{
	background-position: left -110px;
}

.pure_radiobutton span
{
	display: inline-block;
	width: 22px;
	height: 22px;
}

.pure_radiobutton span.common_icon_16 {
	width: 16px;
	height: 16px;
	margin: -3px 4px 0 0;
}

.pure_radiobutton:hover span.common_icon_16 {
	background-position: 0 -16px;
}

.pure_radiobutton a:focus span
{
	background: url('../../gfx/pure_radiobutton.png') left -132px no-repeat;
}

.pure_radiobutton label
{
	font-size: 12px;
	line-height: 23px;
}

.pure_radiobuttons_error label
{
	color: #f00;
}

.pure_radiobutton_read_only label
{
    margin-left: 5px;
}

.common_context_click_to_edit span.pure_radiobuttons {
	display: inline-block;
}

.common_context_click_to_edit .pure_radiobutton label {
	line-height: 18px;
	vertical-align: middle;
	cursor: pointer; 
}



div.pure_content_properties {
	line-height: 16px;
	vertical-align: middle;
	margin-left: 23px;
	position: relative;
}

div.pure_content_properties_nested {
    margin: 0;
}

div.pure_content_properties_icons {
	float: right;
	margin: 0 0 0 10px;
}

div.pure_content_properties_icons span.label_icon {
	margin: 0 5px 0 0 !important;
}

body.ie9 div.pure_content_properties {
	/* gets best pixel rounding result in ie9 */ 
	line-height: 17px;
}

div.pure_content_properties span.label {
	display: inline-block;
	height: 17px;
	vertical-align: middle;
	font-size: 10px;
	color: #999;
	text-transform: uppercase;
	margin: 3px 8px 1px 0px;
	margin-right: 8px;
	white-space: nowrap;	
}

div.pure_content_properties span.label_generic, div.pure_content_properties span.label_important, div.pure_content_properties span.label_turquoise {
	cursor: pointer;
}

div.pure_content_properties span.label span {
	display: inline-block;
	height: 17px;
	vertical-align: middle;
	white-space: nowrap;
}


div.pure_content_properties span.label_generic span {
	background: transparent url('../../gfx/content_properties_labels.png?3') right 0px no-repeat;
	padding-right: 6px;		
}

div.pure_content_properties span.label_arrow span {
    background-image: url('../../gfx/content_properties_labels_arrows.png?1') !important;
    padding-right: 11px !important;
}

div.pure_content_properties span.label_generic:hover span {
	background-position: right -17px;	
}

div.pure_content_properties span.label_generic:hover em {
	background-position: 0px -17px;	
}

div.pure_content_properties span.label_important span {
	background: transparent url('../../gfx/content_properties_labels.png?3') right -34px no-repeat;
	padding-right: 6px;
	color: white;	
}

div.pure_content_properties span.label_turquoise span {
	background: transparent url('../../gfx/content_properties_labels.png?3') right -102px no-repeat;
	padding-right: 6px;
	color: white;	
}

div.pure_content_properties span.label_green span {
    background: transparent url('../../gfx/content_properties_labels.png?3') right -136px no-repeat;
    padding-right: 6px;
    color: #fff;
}

div.pure_content_properties span.label_yellow span {
    background: transparent url('../../gfx/content_properties_labels.png?3') right -170px no-repeat;
    padding-right: 6px;
    color: #544a00;
}

div.pure_content_properties span.label em {
	font-style: normal;
	display: inline-block;
	height: 17px;
	width: 10px;
	vertical-align: middle;
	background: transparent url('../../gfx/content_properties_labels.png?3') 0px 0px no-repeat; 	
}

div.pure_content_properties span.label_important em {
	background-position: 0px -34px;	
}

div.pure_content_properties span.label_important:hover span {
	background-position: right -51px;
}

div.pure_content_properties span.label_important:hover em {
	background-position: 0px -51px;	
}

div.pure_content_properties span.label_turquoise em {
	background-position: 0px -102px;	
}

div.pure_content_properties span.label_turquoise:hover span {
	background-position: right -119px;
}

div.pure_content_properties span.label_turquoise:hover em {
	background-position: 0px -119px;	
}

div.pure_content_properties span.label_green em {
    background-position: 0px -136px;
}

div.pure_content_properties span.label_green:hover span {
    background-position: right -153px;
}

div.pure_content_properties span.label_green:hover em {
    background-position: 0px -153px;
}

div.pure_content_properties span.label_yellow em {
    background-position: 0px -170px;
}

div.pure_content_properties span.label_yellow:hover span {
    background-position: right -187px;
}

div.pure_content_properties span.label_yellow:hover em {
    background-position: 0px -187px;
}

div.pure_content_properties span.label_highlighted span {
	background-position: right -68px !important;
	color: #fff;
}

div.pure_content_properties span.label_highlighted em {
	background-position: 0 -68px !important;
}

div.pure_content_properties span.label_highlighted_icon span {
	background: transparent url('../../gfx/content_properties_labels.png?3') -10px -68px repeat-x;
	padding: 0 5px;
	-moz-border-radius: 2px;		
	-webkit-border-radius: 2px;		
	border-radius: 2px;		
}

/** separator and icons */

div.pure_content_properties span.separator {
	display: inline-block;
	border-left: 1px solid #e8e8e8;
	margin: 3px 8px 1px 0px;
	width: 1px;
	height: 17px;
	vertical-align: middle;		
}

div.pure_content_properties span.file_attachment {
	background: transparent url('../../gfx/content_properties.png?6') 0px 1px no-repeat;
	display: inline-block;
	padding-left: 16px;
	height: 17px;
}

div.pure_content_properties span.open_access {
    background: transparent url('../../gfx/content_properties.png?6') 0px -112px no-repeat;
    display: inline-block;
    padding-left: 16px;
    height: 16px;
}

div.pure_content_properties span.visibility {
	background: transparent url('../../gfx/content_properties.png?6') 0px 0px no-repeat;
	padding-left: 12px;
}

div.pure_content_properties span.visibility_backend {	
	background-position: -4px -48px;
	height: 16px;
}

div.pure_content_properties span.visibility_free {
	background-position: -4px -64px;
	height: 16px;
}

div.pure_content_properties span.visibility_campus {
	background-position: -4px -80px;
	height: 16px;
}

div.pure_content_properties span.visibility_confidential {
	background-position: -4px -96px;
	height: 16px;
}


/** content properties actions */

div.pure_content_properties_actions_popup {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 6px;
	z-index: 99999;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	margin-right: 9px;
	margin-top: -1px;	
}

div.pure_content_properties_actions_popup_open {
	display: block;	
}

div.pure_content_properties_actions_popup_inner {
	/* for positioning the arrow */
	position: relative;	
}

span.pure_content_properties_actions_popup_arrow {
	display: block;
	position: absolute;
	right: -13px;
	top: 50%;
	margin-top: -8px;
	width: 7px;
	height: 18px;
	background: transparent url('../../gfx/content_properties_actions.png?2') 0px -36px no-repeat; 	
}

span.pure_content_properties_actions_empty {
	color: #999;
	font-size: 11px;
	font-style: italic;
	padding: 4px;
}

div.pure_content_properties_actions_group {
	border-bottom: 1px solid #D9D9D9;	
	padding-bottom: 6px;
	margin-bottom: 6px;
}

body.ie7 div.pure_content_properties_actions_group {
	zoom: 0; /* fix for ie7 block element not filling entire width of the popup menu */
}

div.pure_content_properties_actions_group span.group_label {
	display: block;	
	font-size: 11px;
	color: #999;
	padding-left: 2px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

div.pure_content_properties_actions_group span.group_label span {
	padding: 0 4px;
	background: #fff;
	position: relative;
}

div.pure_content_properties_actions_group span.group_label em {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	background: #D9D9D9;
}

div.pure_content_properties_actions_popup a {
	display: block;
	padding: 4px 4px 4px 2px;
	font-size: 12px;
	color: #0054A6;
	cursor: pointer;
	text-decoration: none;	
}

div.pure_content_properties_actions_popup a span {
	vertical-align: middle;	
}

div.pure_content_properties_actions_popup a em {
	display: inline-block;
	width: 16px;
	height: 16px;	
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-right: 4px;
	vertical-align: middle;
}

div.pure_content_properties_actions_popup a:hover {
	background: #F5F8FC;
	margin: 0 -6px 0 -6px;
	padding: 4px 10px 4px 8px;
}

body.ie7 div.pure_content_properties_actions_popup a:hover {
	/* fix ie7 problem with negative margins */
	margin: 0;
	padding: 4px 4px 4px 2px;
}

div.pure_content_properties_actions_popup a:hover em {
	background-position: 0 -16px;	
}

a.pure_content_properties_actions {
	position: absolute;
	right: -3px;
	bottom: 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	visibility: hidden;
	background: transparent url('../../gfx/content_properties_actions.png?2') 0px 0px no-repeat;
	outline: none;	 
}

body.touchdevice a.pure_content_properties_actions {
    visibility: visible;
}

a.pure_content_properties_actions:hover, a.pure_content_properties_actions:focus, a.pure_content_properties_actions_open {
	background-position: 0 -18px;	
}

a.pure_content_properties_settings {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: transparent url('../../gfx/content_properties_actions.png?2') 0px 0px no-repeat;
    outline: none;
    margin: 4px -1px 4px 3px;
}

a.pure_content_properties_settings:hover {
    background-position: 0 -18px;
}

td.pure_content_properties_cell {
    vertical-align: top;
}

td.pure_content_properties_cell div.pure_content_properties {
    margin-left: 0;
}

td.pure_content_properties_cell span.file_attachment {
    display: none !important; /* in the table we have a specific column for documents */
}

body.gecko td.pure_content_properties_cell {
    height: 100%;
}

body.webkit td.pure_content_properties_cell {
    height: 0;
}

body.ie td.pure_content_properties_cell {
    height: 52px; /* height of unwrapped rendering */
}

div.pure_content_properties_cell_flex {
    display: table;
    height: 100%;
    margin-left: 12px;
}

div.pure_content_properties_cell_flex > div {
    display: table-row;
}

div.pure_content_properties_cell_flex > div > div {
    display: table-cell;
}

div.pure_content_properties_cell_icons {
    vertical-align: top;
    text-align: right;
}

div.pure_content_properties_cell_icons_table {
    display: table;
}

div.pure_content_properties_cell_icons_table > a, div.pure_content_properties_cell_icons_table > div {
    display: table-cell;
    float: none;
}

div.pure_content_properties_cell_actions {
    vertical-align: bottom;
    text-align: right;
}

table.pure_table_navigator tr:hover a.pure_content_properties_actions {
    visibility: visible;
}

li.pure_list_item:hover a.pure_content_properties_actions, li.pure_list_item_focused a.pure_content_properties_actions, a.pure_content_properties_actions:focus, a.pure_content_properties_actions_open {
	visibility: visible;	
}

/** Block layout **/

body div.pure_content_properties span.label_block {
    display: block;
    position: relative;
}

body div.pure_content_properties span.label_block span {
    display: block;
    margin-left: 10px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

body div.pure_content_properties span.label_block em {
    position: absolute;
    left: 0;
    top: 0;
}


/** Customer defined workflow **/

div.pure_content_properties div.cdw_steps_list {
    color: #333;
    display: table;
}

div.pure_content_properties div.cdw_step {
    display: table-cell;
    width: 33%;
    font-size: 11px;
    vertical-align: bottom;
    padding: 10px 10px 10px 0;
}

div.pure_content_properties div.cdw_step:last-child {
    padding-right: 0;
}

div.pure_content_properties div.cdw_step_row {
    display: table-row;
}

div.pure_content_properties div.cdw_editor {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 4px;
}

div.pure_content_properties div.cdw_modified {
    color: #666;
}

/** content properties actions */

div.pure_content_link_actions_popup {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 6px;
	z-index: 99999;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	margin-top: 7px;	
}

div.pure_content_link_actions_popup_left_icon {
    margin-left: -8px;
}

body.editor div.pure_content_link_actions_popup {
	max-width: 515px; /* fit within the main column of the editor */ 
}

body.pure_workspace div.pure_content_link_actions_popup div.rendering {
    max-width: 515px;
}

div.pure_content_link_actions_popup_rendering {
	font-size: 12px;
	margin: 0 -6px 6px -6px;
	padding: 0 26px 6px 28px;
	border-bottom: 1px solid #ececec;
}

div.pure_content_link_actions_empty {
	margin-bottom: 0;
	border-bottom: none;
    padding-bottom: 3px;
}

div.pure_content_link_actions_popup_rendering span.common_icon_16
{	
	position: absolute;
	left: 2px;
	top: 0;
}

div.pure_content_link_actions_popup_title {
    font-size: 12px;
    color: #666;
    margin: 0 -6px 6px -6px;
    padding: 0 26px 6px 8px;
    border-bottom: 1px solid #ececec;
}

div.pure_content_link_actions_popup_body {
    font-size: 12px;
}

div.pure_content_links_list {
    margin: 0.01px;
    padding: 0.01px;
}

div.pure_content_links_list_item {
    padding: 4px 2px;
}
div.pure_content_links_list_icon {
    display: table-cell;
    vertical-align: top;
    padding-right: 3px;
}

div.pure_content_links_list_fileicon {
    padding-top: 4px;
}

div.pure_content_link_actions_popup_body div.rendering {
    display: table-cell;
}

div.pure_content_link_actions_popup_body div.pure_content_links_list_item:hover {
    margin-left: -6px;
    margin-right: -6px;
    padding-left: 8px;
    padding-right: 8px;
    background: #F5F8FC;
}

div.pure_content_links_list_item_iconless {
    margin-left: -22px;
}


div.pure_content_link_actions_popup a.close {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	height: 16px;
	background: url("../../gfx/filter.png?v2") -3px -143px no-repeat;
	cursor: pointer;  	
}

div.pure_content_link_actions_popup a.close:hover {
	background-position: -3px -96px;
}

div.pure_content_link_actions_popup_open {
	display: block;	
}

div.pure_content_link_actions_popup_inner {
	/* for positioning the arrow */
	position: relative;	
}

span.pure_content_link_actions_popup_arrow {
    background: url("../../gfx/content_properties_actions.png?2") no-repeat scroll 0 -65px transparent;
    display: block;
    height: 14px;
    left: 0px;
    position: absolute;
    top: -13px;
    width: 18px;
}

div.pure_content_link_actions_popup_right {
    margin-right: -7px;
    margin-top: 9px;
}

div.pure_content_link_actions_popup_right span.pure_content_link_actions_popup_arrow {
    left: auto;
    right: 0;
}

div.pure_content_link_actions_group {
	border-bottom: 1px solid #D9D9D9;	
	padding-bottom: 6px;
	margin-bottom: 6px;
}

body.ie7 div.pure_content_link_actions_group {
	zoom: 0; /* fix for ie7 block element not filling entire width of the popup menu */
}

div.pure_content_link_actions_group span.group_label {
	display: block;	
	font-size: 11px;
	color: #999;
	padding-left: 2px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

div.pure_content_link_actions_group span.group_label span {
	padding: 0 4px;
	background: #fff;
	position: relative;
}

div.pure_content_link_actions_group span.group_label em {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	background: #D9D9D9;
}


div.pure_content_link_actions_popup a.action {
	display: block;
	padding: 4px 4px 4px 2px;
	font-size: 12px;
	color: #0054A6;
	cursor: pointer;
	text-decoration: none;	
}

div.pure_content_link_actions_popup a.action span {
	vertical-align: middle;	
}

div.pure_content_link_actions_popup a.action em {
	display: inline-block;
	width: 16px;
	height: 16px;	
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-right: 4px;
	vertical-align: middle;
}

div.pure_content_link_actions_popup a.action:hover {
	background: #F5F8FC;
	margin: 0 -6px 0 -6px;
	padding: 4px 10px 4px 8px;
}

body.ie7 div.pure_content_link_actions_popup a.action:hover {
	/* fix ie7 problem with negative margins */
	margin: 0;
	padding: 4px 4px 4px 2px;
}


div.pure_content_link_actions_popup a.action:hover em {
	background-position: 0 -16px;	
}

a.pure_sticky {
	background: transparent url('../../gfx/content_properties.png?6') 0px -16px no-repeat;
	display: inline-block;	
	width: 16px;
	height: 16px;
	float: right;
	outline-style: none;
	margin-right: -2px;	
}

a.pure_sticky:hover {
	background-position: 0px -32px;	
	-moz-opacity: 0.6;	
	-webkit-opacity: 0.6;	
	opacity: 0.6;
}

a.pure_sticky_on {
	background-position: 0px -32px;
	-moz-opacity: 1 !important;
	-webkit-opacity: 1 !important;
	opacity: 1 !important;
}

div.pure_contentmessages_message
{
	border: 1px solid #edde9f;
	background: #fffdcb;
	background: -webkit-linear-gradient(#fffcd5,#fff1b1);
	background: -moz-linear-gradient(#fffcd5,#fff1b1);
	background: -ms-linear-gradient(#fffcd5,#fff1b1);
	background: linear-gradient(#fffcd5,#fff1b1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fffcd5,endColorstr=#fff1b1);
	border-radius: 5px;
	padding: 0px 7px;
	margin-bottom: 5px;
	position: relative;
    font-size: 11px;
}


li.pure_list_item div.pure_contentmessages_message { margin-right: 22px; }

div.pure_contentmessages_message_text
{
	margin: 0;
	padding: 5px 0;
	overflow: hidden;
	word-wrap: break-word;
    color: #423210;
    border-top: 1px solid #ecdda2;
}

div.pure_contentmessages_message_text_full
{
	display: none;
	overflow: hidden;
	word-wrap: break-word;
    color: #423210;
}

div.pure_contentmessages_inside_box {
    border-top: 1px solid #ECDDA2;
    background: #FFFCE5;
    background: rgba(255, 255, 255, 0.5);
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    margin-bottom: 7px;
    padding: 8px 10px;

}

p.pure_contentmessages_message_info
{
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
	overflow: hidden;
	position: relative;
	padding-right: 90px;
    min-height: 1em;
}

a.pure_contentmessages_mark_as_read
{
	background: url("../../gfx/pure_panel_close.png") no-repeat scroll left top transparent;
    height: 26px;
    margin-right: -15px;
    margin-top: -15px;
    outline: medium none;
    position: absolute;
    right: 0;
    width: 26px;
}
a.pure_contentmessages_mark_as_read:hover
{
	background-position: left -26px;
}

span.pure_contentmessages_title {
	font-weight: bold;
	color: #423210;
	width: auto;
    overflow: hidden;
}

span.pure_contentmessages_title a { color: #0054A6; }

span.pure_contentmessages_date_sent {
	font-size: 10px;
	position: absolute;
	right: 0;
	top: 7px;
}

span.pure_contentmessages_separator
{
	margin: 0 8px;
	border-left: solid 1px #ecdda2;
}

div.pure_contentmessages_clickable
{
	cursor: pointer;	
}

div.pure_contentmessages_clickable:hover
{
	color: #664400;
}

span.pure_contentmessages_controls
{
	float: right;
	margin: 4px -2px 2px 2px;
	width: 32px;
	height: 16px;
}

span.pure_contentmessages_controls a
{
	display: inline-block;
	width: 16px;
	height: 16px;
	text-decoration: none;
	outline: none;
	border-radius: 2px;
}

span.pure_contentmessages_controls a:hover
{
	background-color: #ede9b7;
}

a.pure_contentmessages_previous
{
	background: transparent url(../../gfx/pure_messages_arrows.png) repeat scroll -2px -41px;
}

a.pure_contentmessages_next
{
	background: transparent url(../../gfx/pure_messages_arrows.png) repeat scroll -2px -61px;
}

div.pure_contentmessages_panel_container {
	width: 600px;
	max-height: 550px;
	font-size: 12px;
	line-height: 140%;
	overflow-y: auto;
	color: #333;
	padding: 10px;	
}


/************ Single variant ************/

div.pure_contentmessages_single div.pure_contentmessages_message {
    margin-bottom: 0;
}

div.pure_contentmessages_single p.pure_contentmessages_message_info {
    padding-right: 0;
}

div.pure_contentmessages_single span.pure_contentmessages_date_sent {
    display: block;
    position: static;
    text-align: right;
    margin-bottom: 3px;
}

div.pure_expand_body
{
	overflow: hidden;
}

div.pure_expand_controls
{
	display: none;
	padding-top: 5px;
}

div.pure_expand_fade div.pure_expand_controls
{
	position: relative;
	background: url('../../../style/gfx/pure_showmore.png') left top repeat-x;
	padding-top: 20px;
	margin-top: -14px;
}

div.pure_expander_indicate_focus:focus
{
	background-color: #F0F6FF;
}

div.pure_expander_disclosure_body
{
	overflow: hidden;
	cursor: pointer;
}

a.pure_expander_disclosure
{
	float: left;
	width: 23px;
	height: 23px;
}

a.pure_expander_disclosure span
{
	margin: 3px 0px 0px 6px;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../../gfx/disclosure.png');
}

a.pure_expander_disclosure span.busy, a.pure_expander_disclosure span.busy:hover {
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px;		
	background: url('../../gfx/spinner.gif');	
}

a.pure_expander_disclosure:hover span
{
	background-position: 0px -12px;
}

a.pure_expander_disclosure_open span
{
	background-position: 0px -24px;
}

a.pure_expander_disclosure_open:hover span
{
	background-position: 0px -36px;
}

div.pure_expander_disclosure_body
{
	margin-left: 24px;
}

div.pure_ajaxSpinner {
	position: fixed;
	top: -9px;
	left: 0;
	right: 0;
	height: 0;
	display: none;
	z-index: 9999;
}

div.pure_ajaxSpinnerActive {
	display: block;
}

div.pure_ajaxProgressBack {
	width: 88px;
	height: 22px;
	margin: 0 auto;	
	background: url('../../gfx/pure_ajaxspinner_back.png') top left no-repeat;
	position: relative;
}

div.pure_ajaxProgress {
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	background: url('../../gfx/progress_animation_small_indeterminate.gif') left top repeat-x;
}

body.pure_ajax_busy, body.pure_ajax_busy * {
	cursor: progress !important;	
}

div.pure_list_viewselector a.pure_list_view_hierarchical {
	background-position: -73px 1px;
}

div.pure_hierarchical_renderer {
	border-top: 1px solid #EEEEEE;
	padding-top: 8px;		
}

div.pure_hierarchical_disclosure_item
{
	overflow: hidden;
}

div.pure_hierarchical_disclosure_body
{
	overflow: hidden;
	cursor: pointer;
}

div.pure_hierarchical_excluded {
	-moz-opacity: 0.4;
	-webkit-opacity: 0.4;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	opacity: 0.4;
}

div.pure_hierarchical_unselectable {
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity: 0.7;
}

div.pure_hierarchical_excluded h1, div.pure_hierarchical_excluded h2, div.pure_hierarchical_excluded h3 {
	text-decoration: line-through;	
}

span.pure_hierarchical_included_badge {
	float: right;
	margin-top: 1px;
	margin-right: 4px;
}

a.pure_hierarchical_disclosure, a.pure_hierarchical_disclosure_nochildren
{
	float: left;
	width: 23px;
	height: 23px;
}

a.pure_hierarchical_disclosure span
{
	margin: 3px 0px 0px 6px;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../../gfx/disclosure.png');
}

a.pure_hierarchical_disclosure_nochildren span {
	margin: 3px 0px 0px 8px;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../../icons/monochrome/dot16.png') center center no-repeat;		
}

a.pure_hierarchical_disclosure:hover span
{
	background-position: 0px -12px;
}

a.pure_hierarchical_disclosure_open span
{
	background-position: 0px -24px;
}

a.pure_hierarchical_disclosure_open:hover span
{
	background-position: 0px -36px;
}

a.pure_hierarchical_disclosure span.busy, a.pure_hierarchical_disclosure span.busy:hover {
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px;		
	background: url('../../gfx/spinner.gif') top left;	
}

div.pure_hierarchical_disclosure_body
{
	margin-left: 24px;
	margin-bottom: 5px;
}

div.pure_list_viewselector a.pure_list_view_matrix {
	background-position: -24px 1px;
}

div.pure_matrix_renderer {
	margin-top: 4px;
	border-top: 1px solid #EEEEEE;	
}

div.pure_matrix_filters {
    position: absolute;
    margin-top: -30px;
    margin-left: 4px;
}

div.pure_matrix_header {
    position: absolute;
    margin-top: -25px;
    margin-left: 4px;
    color: #999;
    font-weight: normal;
    font-size: 11px;
}

span.pure_matrix_header_icon_mendeley_dataset {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(../../gfx/log_arrows.png) top left no-repeat;
}

div.pure_matrix_filter {
    display: inline-block;
    margin-right: 20px;
}

div.pure_matrix_table {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;		
}

div.pure_matrix_table_overflow {
	background: white url("../../gfx/overflow_right.png") top right repeat-y;
}

div.pure_matrix_group {
	font-weight: bold;
	font-size: 12px;
	margin: 8px 0;
	padding-left: 8px;	
}

body table.pure_matrix_view a span, body table.pure_matrix_view a strong {
	cursor: pointer;	
}

table.pure_matrix_view strong.green {	
	background-image: url("../../gfx/task_green_left.png");
}

table.pure_matrix_view strong.green span {
	background-image: url("../../gfx/task_green_right.png");	
}

table.pure_matrix_view strong.green span.task_with_subvalue {
	background-image: url("../../gfx/task_green_subset_right.png");	
}

table.pure_matrix_view strong.green:hover span {
	color: #ffffab;	
}


table.pure_matrix_view span.task_subvalue_count:hover {
	color: #ffffab;	
}

table.pure_matrix_view span.task_subvalue_count {
	background: white url("../../gfx/task_green_subset_body.png") top right no-repeat;
	padding-right: 7px;
	padding-left: 5px;
	height: 15px;
	line-height: 14px;
	display: inline-block;
	color: white;
	font-size: 9px;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: none;	
}

table.pure_matrix_view strong.gray {	
	background-image: url("../../gfx/task_gray_left.png");
}

table.pure_matrix_view strong.gray span {
	background-image: url("../../gfx/task_gray_right.png");	
}

table.pure_matrix_view {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 8pt;
}

table.pure_matrix_view_fixed {
	overflow: hidden;
	table-layout: fixed;	
}

div.pure_matrix_view_nested {
	margin-left: 12px;	
}

table.pure_matrix_view td {	
	border-bottom: 1px solid #eee;
	padding: 4px;
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
}

table.pure_matrix_view td div.centered {
	margin: 0 auto;
	display: inline-block;	
}

table.pure_matrix_view td a {
	text-decoration: none;
	outline: none;
	float: left;	
}

table.pure_matrix_view td.nowrap {
	white-space: nowrap;
}

table.pure_matrix_view td.title {
	color: #333333;
	text-align: left;
	padding-lefT: 8px;
	font-weight: bold;	
	white-space: normal;
}

table.pure_matrix_view td.title p.dimmed {
	font-weight: normal;	
}

table.pure_matrix_view td.right {
	text-align: right;
	padding-right: 8px;	
}

table.pure_matrix_view tbody tr:hover td {
	background: #F5F8FC;	
}
	
table.pure_matrix_view thead td {
	color: #666666;
	font-size: 10px;
	vertical-align: bottom;	
}

ol.pure_list
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #eee;
}

h2.pure_list
{
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 2px 6px;
}

h2.pure_list em
{
	color: #999;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
}

h2.pure_list a span
{
	color: #333;
}

div.pure_list_footer
{
	font-size: 11px;
	padding: 6px 6px 0;
}

/********** Item **********/

li.pure_list_item_group {
	border-bottom: 1px solid #D5D8DC;
	color: #333333;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 5px 2px;
}

li.pure_list_item_group_header {
	border-bottom: 1px solid #eee;
	padding: 4px 0px;	
}

li.pure_list_item_group_first {
	margin-top: 0px;	
}

li.pure_list_item
{
	border-bottom: 1px solid #eee;
	padding: 5px 6px;
	overflow: hidden;
}

li.pure_list_item_hover
{
	background: #eff6ff;
	cursor: pointer;
}

div.pure_list_item_right
{
	float: right;
}

li.pure_list_item_highlighted
{
	background-color: #F0F6FF;
}

li.pure_list_item_focused
{
	background-color: #E1EBF7;
	border-color: #cdf;
	border-top: 1px solid #cdf;
	margin-top: -1px;
}

/*************** Selection variant **************/

h2.pure_list_selection
{
	font-size: 11px;
	margin: 7px 0 3px 6px;
	padding: 0;
	color: #789;
	text-shadow: 0 0 1px #fff;
}

ol.pure_list_selection
{
	border: 1px solid #eee;
	border-color: #ccc #ddd;
	border-width: 1px 1px 0;
}

ol.pure_list_selection li.pure_list_item
{
	background: #fff;
	border-bottom: 1px solid #eee;
}

ol.pure_list_selection li.pure_list_item:hover
{
	background: #eff6ff;
	cursor: pointer;
}

/*************** Administration context **************/

div.common_administration_context div.pure_list_navigator_row {
    padding: 0px 20px;
}

div.common_administration_context li.pure_list_item {
    padding: 5px 20px;
    font-size: 12px;
}

h2.pure_header_page
{
	color: #395e8b;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
	border: none;
}

h2.pure_header_page span {
	vertical-align: middle;	
}

h2.pure_header_section
{
	color: #395e8b;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 4px 0;
}

h2.pure_header_subsection
{
	color: #395e8b;
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 4px 0;
}

h2.pure_header_column {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 0 4px;
	line-height: 17px;	
}

h2.pure_header_list
{
	color: #999;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding-left: 5px;
}

h2.pure_header_table
{
	color: #336699;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 2px 4px;
	border-bottom: 1px solid #EEEEEE;
}

h2.pure_header_table_noborder
{
    color: #336699;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 2px 4px;
}

h2.pure_header_group
{
	color: #333;
	font-size: 12px;
	font-weight: bold;
	margin: 8px 0;
	padding: 0 0 2px 4px;
	border-bottom: 1px solid #EEEEEE;	
}

h2.pure_header_fieldset
{
    color: #333;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin: 8px 0;
    padding: 0 0 6px 3px;
    border-bottom: 1px solid #ccc;
}

h2.pure_header_strong
{
    color: #444;
    font-size: 12px;
    font-weight: bold;
    margin: 4px 0;
    padding: 0 0 0 2px;
}

h2.pure_header_editor
{
	color: #0054A6;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

h2.pure_header_bar
{
	color: #0054A6;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

body.ie7 h2.pure_header_bar
{
	display: inline;
}

h2.pure_header_admin
{
	color: #395e8b;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	border: none;
}

div.pure_navigation
{
	font-size: 12px;
}

div.pure_navigation_node
{
	padding: 4px 0px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

div.pure_navigation_node:hover
{
	background: #e0e9ff;
}

div.pure_navigation_node:hover span.pure_navigation_badge
{
	background: #c6d3e6;
}

span.pure_navigation_label
{
	margin-left: 4px;
}

div.pure_navigation_children
{
}

span.pure_navigation_icon
{
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 3px;
}

span.pure_navigation_label
{
	vertical-align: middle;
}

span.pure_navigation_badge
{
	vertical-align: middle;
	color: #456;
	background: #e6e6e6;
	display: inline-block;
	line-height: 11px;
	font-size: 9px;
	font-family: Tahoma, sans-serif;
	margin-left: 7px;
	padding: 0px 4px;
	vertical-align: middle;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	letter-spacing: 1px;
}

span.pure_navigation_right
{
	position: absolute;
	right: 2px;
	top: 2px;
}

/*************** Disclosure ***************/


a.pure_navigation_disclosure
{
	vertical-align: middle;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('../../gfx/disclosure.png') top left;
}

a.pure_navigation_disclosure:hover
{
	background-position: left -12px;
}

a.pure_navigation_disclosure_open
{
	background-position: left -24px;
}

a.pure_navigation_disclosure_open:hover
{
	background-position: left -36px;
}

div.pure_navigation_node_selected a.pure_navigation_disclosure
{
	background-position: left -48px;
}

div.pure_navigation_node_selected a.pure_navigation_disclosure:hover
{
	background-position: left -60px;
}

div.pure_navigation_node_selected a.pure_navigation_disclosure_open
{
	background-position: left -72px;
}

div.pure_navigation_node_selected a.pure_navigation_disclosure_open:hover
{
	background-position: left -84px;
}

/**************** Selected ****************/

div.pure_navigation_node_selected, div.pure_navigation_node_selected:hover
{
	background: url('../../gfx/pure_navigation.png') repeat-x left top;
	border-bottom: 1px solid #5184BF;
	padding-bottom: 3px;
	color: #fff;
}

div.pure_navigation_node_selected span.pure_navigation_icon
{
	background-position: left -64px; 
}

div.pure_navigation_node_selected span.pure_navigation_badge, div.pure_navigation_node_selected:hover span.pure_navigation_badge
{
	background: #def;
	color: #68b;
}

div.pure_selectone
{
	font-size:0;
	padding: 2px;
}

div.pure_selectone a
{
	padding-right: 20px;
	text-decoration:none;
}	
	
div.pure_selectone .pure_selectone_label
{
	color:#000;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	padding-right: 5px;
	vertical-align: middle;
}

a.pure_selectone_selected .pure_selectone_label {
	font-weight: bold;
}



div.pure_selectmany_split {
	margin-top: 4px;	
}

/***************** Checkboxes ******************/

div.pure_selectmany_checkboxes span.pure_checkbox
{
	margin-right: 10px;
}

table.pure_selectmany
{
	border-collapse: collapse;
	width: 100%;
    table-layout: fixed; /* needed to maintain table width when wrapping text using word-wrap: break-word */
}

div.pure_selectmany_checkboxes
{
	padding-left: 2px;
}

div.pure_selectmany_checkboxes_vertical span.pure_checkbox
{
    display: block;
    overflow: hidden;
}

/********************** Head **********************/

table.pure_selectmany th, table.pure_selectmany thead div
{
	height: 28px;
	background-image: url('../../gfx/pure_selectmany_split.png');
	padding: 0;
	text-align: left;
}

table.pure_selectmany thead div
{
	position: relative;
}

table.pure_selectmany thead strong
{
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	line-height: 28px;
	padding-left: 3px;
}

table.pure_selectmany thead th.pure_selectmany_head_right strong
{
	color: #567;
	padding-left: 7px;
}

th.pure_selectmany_head_left
{
	background-repeat: no-repeat;
}

th.pure_selectmany_head_left div
{
	background-position: left -28px;
	margin-left: 5px;
}

th.pure_selectmany_head_right
{
	background-repeat: no-repeat;
	background-position: right -56px;
}

th.pure_selectmany_head_right div
{
	background-position: left -84px;
	margin-right: 5px;
}

table.pure_selectmany .pure_button
{
	position: absolute;
	right: 3px;
	top: 4px;
}

th.pure_selectmany_head_right .pure_button
{
	right: 0;
}

/****************** Body *******************/

table.pure_selectmany tbody td
{
	padding: 0;
	width: 50%;
	vertical-align: top;
}

table.pure_selectmany tbody td div
{
	height: 120px;
	overflow: auto;
}

td.pure_selectmany_body_left div
{
	background: #fff;
	border-left: 1px solid #eee;
}

td.pure_selectmany_body_right div
{
	background: #fbfbfb;
	border-right: 1px solid #eee;
}

/****************** Foot ********************/

table.pure_selectmany tfoot td, table.pure_selectmany tfoot div
{
	padding: 0;
	background-image: url('../../gfx/pure_selectmany_split.png');
	font-size: 0;
	line-height: 0;
	height: 3px;
}

td.pure_selectmany_foot_left
{
	background-position: left -112px;
}

td.pure_selectmany_foot_left div
{
	background-position: left -115px;
	background-repeat: repeat-x;
	margin-left: 5px;
}

td.pure_selectmany_foot_right
{
	background-position: right -118px;
}

td.pure_selectmany_foot_right div
{
	background-position: left -121px;
	background-repeat: repeat-x;
	margin-right: 5px;
}

/****************** Lists *******************/

table.pure_selectmany ul
{
	list-style: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	background: #fff;
}

table.pure_selectmany li
{
	border-bottom: 1px solid #eee;
}

table.pure_selectmany ul a
{
	color: #234;
	text-decoration: none;
	font-size: 11px;
	padding: 2px 2px 2px 8px;
	display: block;
	cursor: pointer;
	outline: none;
    word-wrap: break-word;
}

table.pure_selectmany ul a:hover
{
	background: #eee;
}

table.pure_selectmany ul a:active, table.pure_selectmany ul a:focus {
    background: transparent; /* prevent ie10+ from setting a grey background */
}

span.pure_intervalfield
{
	display: inline-block;
}


span.pure_intervalfield_body
{
	position: relative;
	display: block;
}

span.pure_intervalfield input
{
	width: 50px;
	border: none;
	outline: none;
	padding: 0;
}

span.pure_intervalfield_separator
{
	color: #666;
	font-size: 12px;
}

input.pure_intervalfield_to
{
	text-align: right;
}

input.pure_intervalfield_to_invalid
{
	background-color: #FFeeee;
}

span.pure_intervalfield_placeholder_from
{
	left: 2px;
	top: 1px;
	position: absolute;
	color: #999;
	font-size: 10px;
	line-height: 16px;
	cursor: text;
}

span.pure_intervalfield_placeholder_to
{
	right: 2px;
	top: 1px;
	position: absolute;
	color: #999;
	font-size: 10px;
	line-height: 16px;
	cursor: text;
}

span.pure_intervalfield_dirty_from span.pure_intervalfield_placeholder_from
{
	display: none;
}

span.pure_intervalfield_dirty_to span.pure_intervalfield_placeholder_to
{
	display: none;
}

div.pure_article
{
	font-size: 11px;

}

div.pure_article h1
{
	font-size: 14px;
	margin: 0 0 5px;
}

div.pure_article h2
{
	font-size: 12px;
	margin: 0;
}

div.pure_article p
{
	margin: 0;
	line-height: 16px;
	color: #333;
}

div.pure_article hr
{
	height: 1px;
	/*margin: -7px 0;*/
	margin: 5px 0;
	font-size: 0;
	background: #ddd;
	color: #ddd;
	border: none;
}

div.pure_article_large {
	font-size: 12px;	
}

div.pure_article_large p
{
	margin: 5px 0;
	line-height: 16px;
}

div.pure_article_padding{
	font-size: 11px;
	padding: 5px;
}

div.pure_article_padding p{
	padding: 5px;
}
div.pure_article_large a {
    text-decoration: none;
    color: #0054A6;
}

div.pure_article_large a:hover {
    text-decoration: underline;
}


div.pure_personlist
{
	font-size: 12px;
}

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

div.pure_personlist li
{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	min-height:24px;
	overflow:hidden;
	padding:0 1px 0 5px;
}

div.pure_personlist li:hover
{
	background:#E1EBF8;
}

.common_context_click_to_edit div.pure_personlist li:hover
{
	background: none;
}
 

span.pure_personlist_controls
{
	float: right;
	padding: 2px 1px 2px 0;
}

span.pure_personlist_controls a.pure_dropdown span.pure_dropdown span.pure_dropdown {
	padding-right: 1px;	
}

div.pure_personlist span.common_rounded_badge
{
	margin-right: 7px;
	margin-left: 7px;
}

div.pure_personlist .common_icon_16
{
	float: left;
	margin: 3px 4px 0 0;
}

div.pure_personlist span.pure_personlist_synchronized
{
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	width: 14px;
	margin: 2px;
	background: url('../../icons/monochrome/sync14.png') 0px 0px no-repeat;
	cursor: help; 
}

div.pure_personlist span.pure_personlist_synchronized:hover
{
	background-position: 0px -14px;	
}

div.pure_personlist_rendering
{
	font-size: 12px;
	margin-left: 20px;
	padding-top: 3px;
}

div.pure_funding_programmes
{
	font-size: 12px;
	margin-left: 20px;
	padding-top: 3px;
}

div.pure_personlist_actions
{
	padding-top: 10px;
}

ol.pure_personlist_organisations
{
	margin: 0;
	padding: 0 0 5px 15px;
	list-style: none;
}

ol.pure_personlist_organisations li:hover
{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color: #bfd3ed;
}

span.pure_personlist_organisations_controls
{
	float: right;
	padding: 2px 0;
}

div.pure_personlist_novalue
{
	color: #999999;
	font-size: 11px;
	font-style: italic;
	padding: 2px 5px;
}

/** Quick add **/

div.pure_personlist_quickadd {
	position: relative;
	height: 6px;	
}

div.pure_personlist_quickadd_controls {
	position: absolute;
	right: 0;
	top: -22px;
}

div.pure_personlist_quickadd div.pure_searchresult_popup {
	right: 0;	
}

div.pure_personlist_field {
	margin-top: 8px;	
}

.common_context_click_to_edit div.pure_personlist_field {
	margin-top: 0;
}

div.pure_personlist_panel_person
{
	overflow: hidden;
	padding: 0 5px 15px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

div.pure_personlist_panel_person div.rendering
{
	font-size: 12px;
}

div.pure_personlist_panel_person a.pure_dropdown,
div.pure_personlist_panel_person a.pure_button
{
	float: right;
    position: relative;
    z-index: 1;
}

div.pure_personlist_panel_person.classifiedauthorassociation {
    border-bottom: none;
    margin-bottom: 5px;
}


/** Origin **/

div.pure_personlist_origin {
    position: relative;
    padding-left: 22px;
    margin: 4px 0;
}

div.pure_personlist_origin span.pure_checkbox label em.note.personlist_note {
    display: block;
    margin: -4px 0 0 22px;
}

div.pure_personlist_origin span.common_icon_16 {
    top: 1px;
    left: 2px;
    position: absolute;
}

div.pure_personlist_origin:hover span.common_icon_16 {
    background-position: 0 -16px;
}

div.pure_personlist_origin span.common_rounded_badge {
    margin-left: 8px;
}

div.pure_personlist_add_origin {
    position: relative;
    padding-left: 22px;
    margin: 4px 0;
}

div.pure_personlist_add_origin span.common_icon_16 {
    top: 1px;
    left: 2px;
    position: absolute;
}

div.pure_personlist_add_origin:hover span.common_icon_16 {
    background-position: 0 -16px;
}

div.pure_personlist_add_origin span.common_icon_overlay_16 {
    margin-top: 3px;
    margin-left: 2px;
}



/** Error */

div.pure_personlist_error
{
	margin-top: 2px;
	border: 2px dashed rgb(255,180,200);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

div.pure_personlist_error div.pure_personlist_novalue
{
	color: #f00;
}

div.pure_quickadd {
	position: relative;
	padding-right: 55px;
	padding-top: 3px;	
}

div.pure_quickadd_controls {
	position: absolute;
	right: 0;
	top: 0;
}

div.pure_quickadd_empty div.pure_quickadd_controls {
	top: -8px;	
}

div.pure_quickadd div.pure_searchresult_popup {
	right: 0;	
}

div.pure_quickadd_empty div.pure_quickadd_body {
	cursor: pointer;
}

body.gecko div.pure_quickadd_empty div.pure_quickadd_body,
body.webkit div.pure_quickadd_empty div.pure_quickadd_body {	
	/* move up to create a larger hover target for add */
	margin-top: -12px;
	padding-top: 12px;
}

div.pure_quickadd_empty:hover div.pure_quickadd_body * {
	color: #777;
}

div.pure_treeviewer
{
	font-size: 11px;
	position: relative;
}

ul.pure_treeviewer
{
	list-style: disc;
	padding: 0 0 0 15px;
	margin: 0;
	color: #aaa;
}

ul.pure_treeviewer ul.pure_treeviewer
{
	padding: 0 0 0 15px;
	margin-bottom: 5px;
}

li.pure_treeviewer_parent
{
	list-style: none;
}

div.pure_treeviewer_item
{
	color: #333;
}

span.pure_treeviewer_dimmed
{
	color: #aaa;
	text-decoration: line-through;
}

span.pure_treeviewer_dimmed:hover
{
	text-decoration: none;
}

div.pure_field_content div.pure_treeviewer
{
	padding: 2px 6px;
}

div.pure_treeviewer_novalue
{
	color: #999999;
	font-size: 11px;
	font-style: italic;
	padding: 2px 0;
}

a.pure_treeviewer_disclosure_closed, a.pure_treeviewer_disclosure_open
{
	position: absolute;
	width: 12px;
	height: 12px;
	background: url('../../gfx/disclosure.png') left top;
	margin-left: -16px;
	margin-top: 2px;
}

a.pure_treeviewer_disclosure_open
{
	background-position: 0 -24px;
}

span.pure_treeviewer_count
{
	margin-left: 5px;
	color: #aaa;
	display: none;
}

div.pure_treeviewer_item_closed span.pure_treeviewer_count
{
	display: inline;
}

span.pure_daterangefield
{
	padding-top: 2px;
	display: inline-block;	
}

span.pure_daterangefield_field
{
	display: inline-block;
}

span.pure_daterangefield_field label
{
	display: block;
	color: #999;
	cursor: default;
	font-size: 11px;
	height: 14px;
	line-height: 14px;
	padding-left: 5px;
	margin-bottom: -2px;
}

span.pure_daterangefield_required label span
{
	background: url('../../gfx/pure_field_required.png') right center no-repeat;
	padding-right: 10px;
} 

span.pure_daterangefield span.pure_textfield
{
	width: 82px;
}

span.pure_daterangefield span.pure_textfield input.pure_textfield_input
{
	width: 70px;
}

span.pure_daterangefield_error span.pure_daterangefield_required input.pure_textfield_input
{
	background-color: #fee;
}

iframe.pure_iframe
{
	border: none;
	width: 100%;
}

iframe.pure_iframe_loading
{
	background: url('../../gfx/progress/spinner_white_32.gif') center center no-repeat;
}

iframe.pure_iframe_hidden
{
	width: 0;
	height: 0;
	position: absolute;
	visibility: hidden;
	left: -1000px;
	top: -1000px;
}

div.pure_completion
{
	position: absolute;
	left: 100px;
	top: 100px;
	border: 1px solid #dfd15a;
	background: #fff38a;
	max-height: 200px;
	overflow: auto;
}

div.pure_completion ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}

div.pure_completion a
{
	text-decoration: none;
	font-size: 11px;
	color: #6d6417;
	padding: 1px 4px;
	display: block;
	outline: none;
}

div.pure_completion a span.hint {
	color: #a19638;	
}

div.pure_completion a:hover
{
	background: #efe063;
}

li.pure_completion_selected
{
	background: #ddbb31;
}

li.pure_completion_selected a
{
	color: #2e2608;
}

li.pure_completion_selected a span.hint {
	color: #6B5A16;
}

div.pure_disclosure_top
{
	padding-left: 18px;
}

div.pure_disclosure_body
{
	overflow: hidden;
	padding-left: 18px;
	min-height: 18px;
}

div.pure_disclosure_opened
{
	display: none;
	padding-bottom: 1px;
}

a.pure_disclosure
{
	position: absolute;
	width: 17px;
	height: 17px;
	outline: none;
	cursor: default;
}

a.pure_disclosure span
{
	margin: 3px 0px 0px 2px;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../../gfx/disclosure.png');
}

a.pure_disclosure:hover span
{
	background-position: 0px -12px;
}

a.pure_disclosure_open span
{
	background-position: 0px -24px;
}

a.pure_disclosure_open:hover span
{
	background-position: 0px -36px;
}

a.pure_disclosure_busy span, a.pure_disclosure_busy:hover span
{
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px;		
	background: url('../../gfx/spinner.gif');	
}

.common_context_click_to_edit a.pure_disclosure {
	display: none;
}

.common_context_click_to_edit div.pure_disclosure_body {
	padding-left: 0;
}

div.pure_disclosure_closed_clickable {
    cursor: pointer;
}

div.pure_messages {
	word-wrap: break-word;	
}

div.pure_messages ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}

div.pure_messages p
{
	font-size: 12px;
	margin: 5;
}

p.pure_messages_summary
{
	font-weight: bold;
}

/****************** List variant *******************/


div.pure_messages_list p.pure_messages_summary
{
	font-size: 14px;
	color: #999;
	text-align: center;
	font-weight: normal;
}

div.pure_messages_list ul p
{
	color: #999;
	text-align: center;
}

span.pure_propertypatherror
{
	color: #f00;
}

/** Only style on variants **/

.pure_table_left
{
	text-align: left;
}
.pure_table_right
{
	text-align: right;
}
.pure_table_center
{
	text-align: center;
}

.pure_table_bottom {
	vertical-align: bottom;	
}

.pure_table_top {
    vertical-align: top;
}

.pure_table_nowrap {
	white-space: nowrap;
}

.pure_table_nopadding {
    padding: 0 !important;
}

.pure_table_cell_separated {
    height: 20px;
    border-bottom: 1px dotted #ddd;
    padding: 4px 8px;
}

.pure_table_cell_separated:first-child {
    padding-top: 8px;
}

.pure_table_cell_separated:last-child {
    border-bottom: none;
}

.pure_table_cell_separated:last-of-type {
    border-bottom: none;
}

body.ie8 th, body.ie9 th {
	/* fix for http://haslayout.net/css/Non-Inherited-TH-Text-Align-Bug */
    text-align: inherit;
}


/********* Edit and remove **********/

span.pure_table_column_edit_remove {
	display: none;
	position: absolute;
	width: 61px;
	height: 30px;
	background: url('../../gfx/pure_table_edit_remove.png') top left no-repeat;		
}

span.pure_table_column_edit_remove a {
	display: inline-block;
	outline: none;
	height: 30px;
	width: 30px;
	cursor: pointer;		
}

span.pure_table_column_edit_remove a.pure_table_column_remove {
	margin-left: 1px;	
}

/********* Grid variant **********/
table.pure_table_grid
{
	cell-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 8px;
}

table.pure_table_grid tbody th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;	
}

table.pure_table_grid tbody td {
	text-align: right;
	vertical-align: middle;	
}

/********* Financial variant **********/

div.pure_table_financial_summary {
	overflow-x: hidden;	
}

div.pure_table_financial_panel_open {
	position: fixed;
	top: 62px;
	left: 20px;
	right: 20px;
	bottom: 62px;
	padding: 12px 20px;
	overflow: auto;
	background: white;
	border: 1px solid #ccc;
}

div.pure_table_financial_summary th.collapsed, div.pure_table_financial_summary td.collapsed {
	display: none;
}

a.pure_table_financial_close {
	top: 50px;
	right: 8px;
	position: fixed;
	width: 26px;
	height: 26px;
	outline: none;
	text-decoration: none;
	font-size: 0;
	color: transparent;
	background: url('../../gfx/pure_panel_close.png') left top no-repeat;
	display: none;
	cursor: pointer;
}

a.pure_table_financial_close:hover {
	background-position: left -26px;	
}


div.pure_table_financial_panel_open a.pure_table_financial_close {
	display: block;	
}

div.pure_table_financial_group_controls {
	float: right;
	margin-top: -4px;	
}


div.pure_table_financial_panel table thead th a.maximize {
	color: #0054A6;
	display: block;
	font-weight: normal;
	cursor: pointer;
	white-space: nowrap;
}

div.pure_table_financial_panel_open table thead th a.maximize {
	display: none;	
}

table.pure_table_financial
{
	cell-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 8px;
}

table.pure_table_financial th, table.pure_table_financial td {
	height: 26px;
	font-size: 11px;
	font-weight: normal;
	padding: 0 4px;
}

table.pure_table_financial th
{
	text-align: left;
}

table.pure_table_financial thead th {
	padding-left: 8px;
	font-weight: bold;
	color: #333;	
	vertical-align: bottom;
}

table.pure_table_financial thead th.right, table.pure_table_financial thead div.right {
	text-align: right;	
}

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

/** auto adjust content inside the table */
table.pure_table_financial span {
	width: auto !important;
	padding-right: 0 !important;
}

table.pure_table_financial th.total, table.pure_table_financial td.total {
	font-weight: bold;
	color: #333333;
} 


/********* UPM variant **********/

table.pure_table_upm {
	cell-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 11px;
	color: #333;
	margin: 10px 0;
	background: #fff; 
}

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

table.pure_table_upm td.nowrap {
    white-space: nowrap;
}

table.pure_table_upm th {
	text-align: right;
	font-size: 10px;
}

table.pure_table_upm span.pure_systemcurrency {
	font-size: 10px;
	vertical-align: baseline;
	display: inline;
	margin: 0;
}

table.pure_table_upm thead {
	background: #f6f6f6;
	background: -moz-linear-gradient(#FBFBFB, #F6F6F6);
	background: linear-gradient(#FBFBFB, #F6F6F6);
}

/** webkit doesn't render thead gradients properly, so apply them for each row */
body.webkit table.pure_table_upm thead tr:first-child {
	background: -webkit-linear-gradient(#FCFCFC, #FBFBFB);
}
body.webkit table.pure_table_upm thead tr:last-child {
	background: -webkit-linear-gradient(#FBFBFB, #F6F6F6);
}


table.pure_table_upm thead th {
	font-weight: normal;
	padding: 4px 8px 4px 4px;
}

table.pure_table_upm thead tr:first-child th {
	border-top: 1px solid #DDD;
}

table.pure_table_upm thead tr th:first-child {
	padding-left: 8px;
}

table.pure_table_upm thead tr th:last-child {
	padding-right: 8px;
}

table.pure_table_upm thead tr:last-child th {
	border-bottom: 1px solid #DDD;	
}

table.pure_table_upm td {
	border-bottom: 1px solid #EEEEEE;
	padding: 8px 8px 8px 4px;
}

table.pure_table_upm tr td:first-child {
	padding-left: 8px;
}

table.pure_table_upm tr td:last-child {
	padding-right: 8px;
}


table.pure_table_upm tr.heading td {
	font-size: 12px;
	padding: 8px;
	padding-top: 30px;
	text-align: left;
}

table.pure_table_upm tr.heading:first-child td {
	padding: 8px;
}

table.pure_table_upm td.strong {
	font-weight: bold;
}

table.pure_table_upm td.border_left {
	border-left: 1px solid #ddd;	
}

table.pure_table_upm tr td.border_left:first-child {
	border-left: none;	
}

table.pure_table_upm td.border_right {
	border-right: 1px solid #ddd;
}

table.pure_table_upm tr td.border_right:last-child {
	border-right: none;
}

table.pure_table_upm tr.abovetotal td {
 	/* clear the bottom border so the top border can be set by the total row below */
	border-bottom: none;
}

table.pure_table_upm tr.total td {
	font-weight: bold;
	border-top: 1px solid #DDD;
}

table.pure_table_upm td.negative {
	color: #880000;
}

table.pure_table_upm tr:last-child td {
	border-bottom: 1px solid #DDD;
}

table.pure_table_upm td.pure_table_left, table.pure_table_upm th.pure_table_left {
	text-align: left;
}

table.pure_table_upm td.pure_table_center, table.pure_table_upm th.pure_table_center {
	text-align: center;
}

table.pure_table_upm tbody tr:hover td {
	background: #F5F8FC;
	background: -moz-linear-gradient(#fafcff, #F5F8FC);		
	background: -webkit-linear-gradient(#fafcff, #F5F8FC);		
	background: linear-gradient(#fafcff, #F5F8FC);
}

/********* Data variant **********/

table.pure_table_data
{
	cell-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

table.pure_table_data thead th
{
	border-bottom: 1px solid #eee;
	color: #666;
	font-weight: normal;
	font-size: 11px;
	padding: 2px 4px;
}

table.pure_table_data thead th.no_border, table.pure_table_data tbody td.no_border
{
	border: none;	
}

table.pure_table_data .border_right 
{
	border-right: 1px solid #eee;	
}

table.pure_table_data .border_left 
{
	border-left: 1px solid #eee;	
}

table.pure_table_data tbody td
{
	border-bottom: 1px solid #eee;
	font-size: 11px;
	padding: 2px 4px;
}

table.pure_table_data tbody td.dimmed {
	color: #666;	
}

table.pure_table_data tbody td.strong, table.pure_table_data thead th.strong {
	font-weight: bold;	
}

table.pure_table_data tbody td.shrink {
	white-space: nowrap;
	padding-right: 10px;	
}

table.pure_table_data tbody td.vertical_middle{
	vertical-align: middle;
}

table.pure_table_data tbody td.fit {
	white-space: nowrap;
	padding-right: 10px;
	width: 1px; /* safari seems to ignore 0px, so use 1px instead */
}

table.pure_table_data tbody td.fit_compact {
	white-space: nowrap;
	width: 1px; /* safari seems to ignore 0px, so use 1px instead */
}

table.pure_table_data tbody td.flex {
	width: 100%;	
}

table.pure_table_data tfoot td
{
	background: #f6f6f6;
	border-bottom: 1px solid #eee;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px;
}


/********* Metrics variant **********/

table.pure_table_metrics
{
	cell-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

table.pure_table_metrics th
{
	border-bottom: 1px solid #eee;
	color: #336699;
	font-weight: normal;
	font-size: 11px;
	padding: 2px 8px 2px 4px;
}

table.pure_table_metrics th.no_border, table.pure_table_metrics td.no_border
{
	border: none;	
}

table.pure_table_metrics .border_right 
{
	border-right: 1px solid #eee;	
}

table.pure_table_metrics .border_left 
{
	border-left: 1px solid #eee;	
}

table.pure_table_metrics td
{
	border-bottom: 1px solid #eee;
	font-size: 11px;
	padding: 2px 8px 2px 4px;
}

table.pure_table_metrics td.dimmed {
	color: #666;
}

table.pure_table_metrics td.strong {
	font-weight: bold;	
}

table.pure_table_metrics td.shrink {
	white-space: nowrap;
	padding-right: 10px;	
}

table.pure_table_metrics td.flex {
	width: 100%;	
}

table.pure_table_metrics tfoot td
{
	background: #f6f6f6;
	border-bottom: 1px solid #eee;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px;
}

table.pure_table_metrics span.pure_textfield_right_align_number {
	margin-right: -7px; /* align right aligned number fields with the totals number */
}

table.pure_table_metrics span.dimmed {
	color: #999;	
}


/********* Matrix variant **********/

/*head*/
table.pure_table_matrix thead th
{
    border: 1px solid #eee;
    background: #fafafa;
    padding: 0;
    font-weight: normal;
    color: #333;
    height: 140px;
    font-size: 0;
    text-align: left;
    vertical-align: top;
}

table.pure_table_matrix thead th span
{
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: top left;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: top left;
    -o-transform: rotate(90deg);
    -o-transform-origin: top left;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: top left;
    position: absolute;
    width: 133px;
    height: 20px;
    line-height: 20px;
    margin-left: 25px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    font-size: 10px;
}

body.ie table.pure_table_matrix thead th span
{
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
    margin-left: 25px;
    background: #fafafa;
}

table.pure_table_matrix thead th div
{
    width: 30px;
    height: 0px;
}

table.pure_table_matrix thead td 
{
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

/*body*/
table.pure_table_matrix tbody th
{
    border: 1px solid #eee;
    background: #fafafa;
    padding: 3px 6px;
    font-weight: normal;
    color: #333;
    font-size: 11px;
    position: relative;
    text-align: left;
}

table.pure_table_matrix tbody td
{
    text-align: center;
    border: 1px solid #eee;
    color: #ddd;
    font-size: 7px;
}


/********* Export variant **********/

table.pure_table_export 
{
	border-collapse: collapse;
}

/*head*/
table.pure_table_export thead th
{
    padding: 0;
    font-weight: normal;
    color: #333;
    height: 140px;
    font-size: 0;
    text-align: left;
    vertical-align: bottom;
}

table.pure_table_export thead th div
{
    width: 30px;
    height: 0px;
    position: relative;
}

table.pure_table_export thead th span
{
	top: -15px;
	-webkit-transform: rotate(300deg);
	-webkit-transform-origin: top left;
	-moz-transform: rotate(300deg);
	-moz-transform-origin: top left;
	-o-transform: rotate(300deg);
	-o-transform-origin: top left;
	-ms-transform: rotate(300deg);
	-ms-transform-origin: top left;
	position: absolute;
	width: 180px;
	height: 25px;
	line-height: normal;
	margin-left: 7px;
	overflow: hidden;
	text-align: left;
	font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body.ie table.pure_table_export thead th span
{
    zoom: 1;
    margin-left: 7px;
    background: #fff;
}

body.ie8 table.pure_table_export thead th span
{
    margin-left: 7px;
    background: #fff;

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    top: -140px;
    width: 130px;
}

table.pure_table_export thead td 
{
    vertical-align: bottom;
    padding: 5px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
}


/*body*/
table.pure_table_export tbody th
{
    border-top: 2px solid #eee;
    text-align: left;
    padding: 7px 5px;
    font-weight: normal;
    color: #333;
    font-size: 11px;
    position: relative;
}

table.pure_table_export tbody td
{
    border-top: 2px solid #eee;
    text-align: center;
    padding: 7px 5px;
    color: #ddd;
    font-size: 7px;
    position: relative;
}

table.pure_table_export tbody th.level_1
{
    padding: 0px;
}

table.pure_table_export tbody th.level_1 span 
{
    padding: 0px 5px;
    display: inline-block;
    vertical-align: middle;
}



/*levels*/
table.pure_table_export tbody tr.level th
{
    padding: 3px 5px 3px 25px;
    background: #fff;
    border: none;
}
table.pure_table_export tbody tr.level td
{
    padding: 3px 5px 3px 5px;
    background: #fff;
    border: none;
}

table.pure_table_export tbody tr.last th
{
    padding: 3px 5px 7px 25px;
}

table.pure_table_export tbody tr.last td
{
    padding: 3px 5px 7px 5px;
}

table.pure_table_export tbody tr.level th.level_1 div 
{
 	position: relative;
 	height: 100%;
 	padding: 0px;
 	margin: 0px;
 	/*background-color: red;*/
 	width: auto; 
}

table.pure_table_export tbody tr.level th.level_1 div:before
{
	content: '';
	position: absolute; 
	top: 0; 
	left: -11px;
	border-right: 1px solid #666;
	width: 1px; 
	height: 100%;
}

table.pure_table_export tbody tr.last th.level_1 div:before
{
	content: '';
	position: absolute; 
	top: 0; 
	left: -11px;
	border-right: 1px solid #666;
	width: 1px; 
	height: 50%;
}

table.pure_table_export tbody tr.level th.level_1 div:after,
table.pure_table_export tbody tr.last th.level_1 div:after
{
	content: '';
	position: absolute; 
	top: 50%; 
	left: -10px;
	border-top: 1px solid #666;
	width: 7px; 
	height: 1px;
}



/********* Navigator variant **********/

table.pure_table_navigator {
    cell-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    font-size: 11px;
    color: #333;
    margin: 1px 0;
    background: #fff;
}

table.pure_table_navigator th {
    font-size: 9px;
}

table.pure_table_navigator span.pure_systemcurrency {
    font-size: 11px;
    vertical-align: baseline;
    display: inline;
    margin: 0;
}

table.pure_table_navigator thead {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

table.pure_table_navigator thead th {
    font-weight: normal;
    padding: 4px 8px;
    vertical-align: bottom;
}

table.pure_table_navigator thead th.align_top {
	vertical-align: top !important;
}

div.pure_table_navigator_column {
    position: relative;
}

span.pure_table_navigator_column_sep {
    display: block;
    position: absolute;
    right: -9px;
    bottom: 0;
    width: 1px;
    height: 10px;
    background: #ddd;
}

span.pure_table_navigator_column_border {
    display: none;
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 200px;
    background: #ddd;
}

span.pure_table_navigator_column_title {
    position: relative;
    padding: 4px;
    margin: -4px;
    display: block;
    color: #333;
}


span.pure_table_navigator_column_drag_indicator {
    display: none;
    width: 4px;
    height: 12px;
    background: url('../../gfx/pure_table_drag_indicator.png') top left no-repeat;
    position: absolute;
    left: -5px;
    bottom: 4px;
}

th:hover span.pure_table_navigator_column_drag_indicator {
    display: block;
}

table.pure_table_navigator td {
    border-bottom: 1px solid #EEEEEE;
    padding: 8px;
    vertical-align: top;
    height: 38px;/* This is to make sure we have room for favorite and gear icon*/
}

div.pure_summary_table_navigator table.pure_table_navigator td {
    height: auto;/* We don't have favorite and gear icon on summary tables, because it is not content*/
}

table.pure_table_navigator tr.heading td {
    font-size: 12px;
    padding: 8px;
    padding-top: 30px;
    text-align: left;
}

table.pure_table_navigator tr.heading:first-child td {
    padding: 8px;
}

table.pure_table_navigator td.strong {
    font-weight: bold;
}

table.pure_table_navigator td.highlighted {
    background: #F6F6F6;
}

table.pure_table_navigator td.indented {
    padding-left: 28px;
}

table.pure_table_navigator td.border_left, table.pure_table_navigator th.border_left {
    border-left: 1px solid #ddd;
}

table.pure_table_navigator tr td.border_left:first-child {
    border-left: none;
}

table.pure_table_navigator td.border_right, table.pure_table_navigator th.border_right {
    border-right: 1px solid #ddd;
}

table.pure_table_navigator tr td.border_right:last-child {
    border-right: none;
}

table.pure_table_navigator td.negative {
    color: #880000;
}

table.pure_table_navigator tr:last-child td {
    border-bottom: 1px solid #DDD;
}

table.pure_table_navigator td.pure_table_left, table.pure_table_navigator th.pure_table_left {
    text-align: left;
}

table.pure_table_navigator td.pure_table_center, table.pure_table_navigator th.pure_table_center {
    text-align: center;
}

table.pure_table_navigator tbody tr:hover td {
    background: #F5F8FC;
    background: -moz-linear-gradient(#fafcff, #F5F8FC);
    background: -webkit-linear-gradient(#fafcff, #F5F8FC);
    background: linear-gradient(#fafcff, #F5F8FC);
}


table.pure_table_navigator *[draggable=true], table.pure_table_navigator *[draggable=true] *, span.pure_table_navigator_column_drag_indicator {
    cursor: move;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.gecko table.pure_table_navigator *[draggable=true], body.gecko table.pure_table_navigator *[draggable=true] *, body.gecko span.pure_table_navigator_column_drag_indicator {
    cursor: -moz-grab;
}

body.gecko table.pure_table_navigator *[draggable=true]:active, body.gecko table.pure_table_navigator *[draggable=true]:active * {
    cursor: -moz-grabbing !important;
}

body.webkit table.pure_table_navigator *[draggable=true], body.webkit table.pure_table_navigator *[draggable=true] *, body.webkit span.pure_table_navigator_column_drag_indicator {
    cursor: -webkit-grab;
}

table.pure_table_navigator th.drop_right, table.pure_table_navigator th.drop_left {
    background-repeat: no-repeat;
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.1) inset;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.1) inset;
}

table.pure_table_navigator th.drop_right {
    background-image: url("../../gfx/pure_table_drop_indicator_right.png");
    background-position: right center;
}

table.pure_table_navigator th.drop_left {
    background-image: url("../../gfx/pure_table_drop_indicator_left.png");
    background-position: left center;
}

table.pure_table_navigator th.draggable a.drag_handle {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 4px;
    margin: -4px;
    position: relative;
}

table.pure_table_navigator th.draggable:-webkit-drag, table.pure_table_navigator th.draggable a.drag_handle:-webkit-drag {
    background: none !important;
    background-image: none !important;
    border: none !important;
    -webkit-opacity: 0.75;
    opacity: 0.75;
}

table.pure_table_navigator th.drop_left a.drag_handle {
    -webkit-mask-image: -webkit-gradient(linear, left top, 25% top, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)))
}

table.pure_table_navigator th.drop_right a.drag_handle {
    -webkit-mask-image: -webkit-gradient(linear, 75% top, 100% top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))
}

/**** ordering ****/

table.pure_table_navigator th.draggable.ordering a.drag_handle, table.pure_table_navigator th.draggable.ordering a.drag_handle * {
    cursor: pointer !important;
}

table.pure_table_navigator em.pure_table_navigator_orderby_arrow {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -3px;
    margin-top: -10px;
    top: 50%;
}

table.pure_table_navigator th.ordering.orderby {
    background: url("../../gfx/workspace/filter_bottom_gradient.png") repeat-x left bottom;
}

table.pure_table_navigator th.ordering a.drag_handle {
    color: #ccc;
    text-decoration: underline;
}

table.pure_table_navigator th.ordering a.drag_handle:hover {
    color: #333;
}

table.pure_table_navigator th.ordering a.drag_handle span {
    color: #333;
}

table.pure_table_navigator th.orderby em.pure_table_navigator_orderby_arrow {
    display: inline-block;
}

table.pure_table_navigator th.orderby a.drag_handle {
    padding-right: 20px;
}

table.pure_table_navigator tbody td.draggable_indicator {
    background: #fbfbfb;
}

table.pure_table_navigator th.orderby.ascending em.pure_table_navigator_orderby_arrow {
    background: url("../../gfx/pure_list_sort_direction.png") no-repeat right 0;
}

table.pure_table_navigator th.orderby.descending em.pure_table_navigator_orderby_arrow {
    background: url("../../gfx/pure_list_sort_direction.png") no-repeat right -20px;
}

div.pure_table_navigator_column_ordering {
    min-width: 175px;
}

div.pure_table_navigator_column_ordering a.selected {
    font-weight: bold;
    color: #333;
}

div.pure_table_navigator_column_ordering a em {
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
}

div.pure_table_navigator_column_ordering a:hover em, div.pure_table_navigator_column_ordering a.selected em {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

div.pure_table_navigator_column_ordering a.ascending em, div.pure_table_navigator_column_ordering a.ascending:hover em {
    background: url("../../gfx/pure_list_sort_direction.png") no-repeat 2px -1px;
}

div.pure_table_navigator_column_ordering a.descending em, div.pure_table_navigator_column_ordering a.descending:hover em {
    background: url("../../gfx/pure_list_sort_direction.png") no-repeat 2px -22px;
}

/***** Fixed header *****/

div.pure_table_navigator_fixed_back {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

span.pure_table_navigator_column_settings {
    display: block;
    padding: 4px;
    margin: -4px;
    position: relative;
}

span.pure_table_navigator_column_fixed_back {
    display: none;
    position: absolute;
    left: -7px;
    right: -9px;
    bottom: -1px;
    top: -200px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

table.pure_table_navigator th.ordering.orderby span.pure_table_navigator_column_fixed_back {
    background: url("../../gfx/workspace/filter_bottom_gradient.png") repeat-x left bottom #fff;
}

span.pure_table_navigator_column_fixed_shadow {
    display: none;
    position: absolute;
    left: -8px;
    right: -8px;
    bottom: -7px;
    height: 7px;
    background: -moz-linear-gradient(rgba(0,0,0,0.1), transparent);
    background: -webkit-linear-gradient(rgba(0,0,0,0.1), transparent);
    background: linear-gradient(rgba(0,0,0,0.1), transparent);

}

div.pure_table_navigator_column_placeholder {
    display: none;
}

div.pure_table_navigator_overflow {
    position: relative;
}

em.pure_table_navigator_overflow_indicator {

    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 10px;

    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 */

    pointer-events: none;

}

table.pure_table_navigator thead.fixed th.border_left span.pure_table_navigator_column_border {
    display: block;
    left: -9px;
}

table.pure_table_navigator thead.fixed th.border_right span.pure_table_navigator_column_border {
    display: block;
    right: -9px;
}


/***** Fixed header (gecko) *****/

body.gecko table.pure_table_navigator thead th {
    padding-top: 0;
    padding-bottom: 0;
}

body.gecko span.pure_table_navigator_column_title {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 0;
}

body.gecko table.pure_table_navigator th.draggable a.drag_handle {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 0;
}

body.gecko table.pure_table_navigator thead.fixed div.pure_table_navigator_column {
    z-index: 99;
}

body.gecko table.pure_table_navigator thead.fixed div.pure_table_navigator_column_group {
    z-index: 100;
}

body.gecko table.pure_table_navigator thead.fixed span.pure_table_navigator_column_fixed_back {
    display: block;
}

table.pure_table_navigator thead.fixed div.pure_table_navigator_column_group span.pure_table_navigator_column_fixed_back {
    display: none !important;
}

table.pure_table_navigator thead.fixed div.pure_table_navigator_column_group span.pure_table_navigator_column_fixed_shadow {
    display: none !important;
}

table.pure_table_navigator thead.fixed div.pure_table_navigator_column_group span.pure_table_navigator_column_sep {
    display: none !important;
}

body.gecko table.pure_table_navigator thead.fixed span.pure_table_navigator_column_fixed_shadow {
    display: block;
}

/***** Fixed header (webkit) *****/

body.webkit table.pure_table_navigator thead.fixed div.pure_table_navigator_column {
    z-index: 99;
    padding-bottom: 4px;
}

body.webkit table.pure_table_navigator thead.fixed div.pure_table_navigator_column_placeholder {
    display: block;
    visibility: hidden;
}

body.webkit div.pure_table_navigator_fixed_back span.pure_table_navigator_column_fixed_shadow {
    display: block;
    left: 0;
    right: 0;
}

body.webkit table.pure_table_navigator thead.fixed th.ordering.orderby span.pure_table_navigator_column_fixed_back {
    display: block;
    border-bottom: none;
    bottom: 0;
}

/***** Fixed header (ie) *****/

body.ie table.pure_table_navigator thead.fixed div.pure_table_navigator_column {
    z-index: 99;
    padding-bottom: 4px;
}

body.ie table.pure_table_navigator thead.fixed div.pure_table_navigator_column_placeholder {
    display: block;
    visibility: hidden;
}

body.ie div.pure_table_navigator_fixed_back span.pure_table_navigator_column_fixed_shadow {
    display: block;
    left: 0;
    right: 0;
}

body.ie table.pure_table_navigator thead.fixed th.ordering.orderby span.pure_table_navigator_column_fixed_back {
    display: block;
    border-bottom: none;
    bottom: 0;
}

body.ie8 span.pure_table_navigator_column_fixed_shadow, body.ie9 span.pure_table_navigator_column_fixed_shadow {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}


/********* Editable variant **********/

table.pure_table_editable
{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 11px;
    border-left: 1px solid #ddd;
    color: #333;
}

table.pure_table_editable td {
    padding: 0;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

table.pure_table_editable tbody input {
    width: 100%;
    text-align: right;
    padding: 4px;
    height: 24px;
    line-height: 24px;
    border: none;
    color: #333;
    font-size: 11px;
    background: transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

table.pure_table_editable td.pure_table_left input {
    text-align: left;
}

table.pure_table_editable td.label {
    padding: 4px;
}

table.pure_table_editable .nowrap {
    white-space: nowrap;
}

table.pure_table_editable td.label.nowrap {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.pure_table_editable td.amount {
    width: 100px !important;
}

table.pure_table_editable td.text {
    min-width: 120px !important;
}


table.pure_table_editable td.strong {
    font-weight: bold;
}

table.pure_table_editable tbody input:hover {
    outline: 1px solid #b8d7f8;
}

table.pure_table_editable tbody input:focus {
    outline: 1px solid #7bb9fa;
}

body.webkit table.pure_table_editable tbody input:focus {
    outline-width: 2px
}

table.pure_table_editable tbody input:disabled, body.ie8 table.pure_table_editable tbody input[disabled=disabled] {
    outline: none !important;
}

table.pure_table_editable thead th  {
    padding: 4px;
    background: #f6f6f6;
    background: -moz-linear-gradient(#FBFBFB, #F6F6F6);
    background: -webkit-linear-gradient(#FBFBFB, #F6F6F6);
    background: linear-gradient(#FBFBFB, #F6F6F6);
    font-size: 11px;
    font-weight: normal;
    color: #666;
    border-right: 1px solid #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


table.pure_table_editable thead th span.pure_systemcurrency {
    font-size: 11px;
    color: #666;
}

table.pure_table_editable thead th span.pure_textfield {
    margin: -4px 0;
}

table.pure_table_editable tbody td a.pure_dropdown {
    margin: -4px 0;
}

table.pure_table_editable tbody tr[data-rel=totals] td {
    background: #fafafa;
}

table.pure_table_editable tbody tr[data-rel=totals] td input {
    font-weight: bold;
}

.ref2020-overview-screen-column-green {
    padding:0;
    vertical-align:middle;
    background-color: #ecf7e6!important;
}

.ref2020-overview-screen-column-red {
    padding:0;
    vertical-align:middle;
    background-color: #f4e6e6!important;
}

.ref2020-overview-screen-column-grey {
    padding:0;
    vertical-align:middle;
    background-color: #f6f6f6!important;
}

.ref2020-overview-screen-column-yellow {
	padding:0;
	vertical-align:middle;
	background-color: lightyellow!important;
}

table.pure_table tbody tr td.not_applicable {
	background: url('../../gfx/stripe.png') repeat;
}

table.pure_table tbody tr.no_permission {
	color: #bbb;
	background: #eee;
}


/** Card view in navigator */

div.pure_card_list {
    position: relative;
}

div.pure_card_list_item
{
    position: absolute;
    width: 360px;
    background: #fff;
    padding: 20px;
    border: 1px solid #bbb;
    -moz-box-shadow: 0px 1px 7px 0px #bbb;
    -webkit-box-shadow: 0px 1px 7px 0px #bbb;
    box-shadow: 0px 1px 7px 0px #bbb;
    cursor: pointer;
}

div.pure_card_list.initializing div.pure_card_list_item {
    visibility: hidden;
}

div.pure_card_list_item:hover, div.pure_card_list_item:focus, div.pure_card_list_item.focus {
    -moz-box-shadow: 0px 1px 7px 0px #999;
    -webkit-box-shadow: 0px 1px 7px 0px #999;
    box-shadow: 0px 1px 7px 0px #999;
}

div.pure_card_list_item.focus, div.pure_card_list_item:focus {
    border-color: #91b4df #5a7da6 #5a7da6 #91b4df !important;
    background-color: #ebf2fa;
}

span.pure_card_list_item_spinner {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../gfx/preloader-transp.gif) center center no-repeat #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    cursor: progress;
}

div.pure_card_list_item.busy span.pure_card_list_item_spinner {
    display: block;
}

div.pure_list_viewselector a.pure_list_view_card {
    background-position: -121px 1px;
}

div.pure_openeditor {
    cursor: pointer;
}

div.pure_sectionlist
{
	/*position: relative;*/
    display: table;
    width: 100%;
}

div.pure_sectionlist_busy *
{
	color: #aaa !important;
}

div.pure_sectionlist_highlighted
{
	border: 2px dashed #58f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


div.pure_sectionlistitem
{
	border: 1px dashed transparent;
	/*position: relative;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-height: 15px;
}

div.pure_sectionlistitem_modifiable:hover
{
	border-color: #aaa;
}

body.pure_sectionlist_dragging div.pure_sectionlistitem:hover
{
	border-color: transparent;
}

span.pure_sectionlistitem_actions_container
{
	display: block;
	position: relative;
}

span.pure_sectionlistitem_actions
{
	position: absolute;
	font-size: 10px;
	text-align: right;
	margin-left: -132px;
	width: 130px;
	height: 100px;
	padding: 2px 3px 0 0;
}

span.pure_sectionlistitem_actions_right
{
	margin: 0;
	right: -134px;
	width: 130px;
	font-size: 0;
	padding-left: 3px;
	padding-right: 0;
	padding-bottom: 8px;
	text-align: left;
}

span.pure_sectionlistitem_actions a
{
	visibility: hidden;
	margin: 0 2px;
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 11px;
	background-image: url('../../gfx/pure_sectionlist_controls.png');
}

span.pure_sectionlistitem_actions span.pure_sectionlistitem_actions_hint {
	visibility: hidden;
	display: block;
	color: #999999;
	width: 85px;
	margin-left: 43px;
	margin-top: 5px;
	text-align: center;
}

a.pure_sectionlistitem_remove
{
	background-position: -22px 0;
}

span.pure_sectionlistitem_actions a.pure_sectionlistitem_edit
{
	height: 13px;
	line-height: 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:none repeat scroll 0 0 #445566;
	color:#FFFFFF;
	font-size:9px;
	padding: 0 3px;
	text-decoration:none;
	width: auto;
	/*background-position: -33px 2px;*/
}

a.pure_sectionlistitem_move
{
	background-position: -44px 0;
	cursor: move;
}

a.pure_sectionlistitem_movedown
{
	background-position: -11px 0;
}

div.pure_sectionlistitem:hover span.pure_sectionlistitem_actions a,
div.pure_sectionlistitem:hover span.pure_sectionlistitem_actions span.pure_sectionlistitem_actions_hint
{
	visibility: visible;
}

body.pure_sectionlist_dragging div.pure_sectionlistitem:hover span.pure_sectionlistitem_actions a
{
	visibility: hidden;
}

div.pure_sectionlistitem_add
{
	font-size: 0;
	width: 100%;
	height: 8px;
	cursor:pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}

div.pure_sectionlistitem_add:hover
{
	background: #cdc;
	background: rgba(20,80,20,.2);
}

div.pure_sectionlistitem_add span
{
	background: #3a3;
	display: none;
	position: absolute;
	margin-top: -4px;
	font-size: 11px;
	line-height: 16px;
	height: 16px;
	padding: 0 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	z-index: 1000;
}

div.pure_sectionlist div.pure_sectionlist div.pure_sectionlistitem_add span
{
	right: 0;
}

div.pure_sectionlistitem_add:hover span
{
	display: inline;
}

body.pure_sectionlist_dragging div.pure_sectionlistitem_add:hover
{
	background: none;
}

body.pure_sectionlist_dragging div.pure_sectionlistitem_add:hover span
{
	display: none;
}

div.pure_sectionlist_movemarker
{
	position: absolute;
	height: 0px;
	border-top: 2px dashed #666;
	font-size: 0;
}

div.pure_sectionlist_mover
{
	display:none;
	position: absolute;
	/*background: #fff;*/
	background: rgba(255,255,255,.8);
	font-size: 12px;
	/*-moz-transform: scale(1.1) rotate(4deg);*/
}

span.pure_compounddatefield
{
	padding-top: 2px;
	display: inline-block;	
}

span.pure_compounddatefield_field
{
	display: inline-block;
}

span.pure_compounddatefield_field label
{
	display: block;
	color: #999;
	cursor: default;
	font-size: 9px;
	padding-left: 5px;
	margin-bottom: -2px;
}

span.pure_compounddatefield_required label span
{
	background: url('../../gfx/pure_field_required.png') right center no-repeat;
	padding-right: 10px;
	cursor: help;
} 

span.pure_compounddatefield_field span.pure_textfield
{
	width: 62px;
}

span.pure_compounddatefield_field span.pure_textfield input.pure_textfield_input
{
	width: 50px;
}

span.pure_compounddatefield_error span.pure_compounddatefield_required input.pure_textfield_input
{
	background-color: #fee;
}

div.pure_htmleditor
{
	margin-top: 3px;
	width: 100%;
}

div.pure_htmleditor textarea
{
	width: 100%;
	height: 100px;
	border: none;
}

div.pure_htmleditor span.pure_textfield_wordcount, div.pure_htmleditor span.pure_textfield_wordcount_max {
	margin-top: 4px;	
}


span.mce_fullscreen {
	/* important annotation because of css files flow */
	background: url(../../icons/editor/fullscreen16.png) center center no-repeat ! important; 
}

div.pure_htmleditor_readonly {
	border-top: 1px solid #ccc;
	margin: 4px 4px 25px;
}

a.pure_help
{
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url('../../icons/monochrome/info13.png') left top;
	vertical-align: middle;
}

div.pure_help_editor
{
	position: absolute;
	right: 0;
	width: 200px;
	overflow: hidden;
	margin-top: -1px;
}

div.pure_help_editor_body
{
	background-color: rgb(255, 250, 190);
	border-bottom: 1px solid rgb(250, 230, 80);
	border-top: 1px solid rgb(250, 230, 80);
	border-left: 1px solid rgb(250, 230, 80);
	color: #642;
	font-size: 10px;
	line-height: 14px;
	padding: 5px 10px;
	margin-left: 200px;
	width: 180px;
	opacity: 0;
}

div.pure_fieldset_help_body p
{
	margin: 0;
}

div.pure_message
{
	position: absolute;
	text-align: center;
	top: 50%;
	width: 300px;
	margin-left: -150px;
	left: 50%;
	z-index: 1000;
}

div.pure_message span
{
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	padding: 15px 20px;
	color: #666;
}

div.pure_message_spinner span
{
	background: #fff url('../../gfx/progress/spinner_white_32.gif') 20px 50% no-repeat;
	padding-left: 55px;
}

div.pure_message_success, div.pure_message_failure, div.pure_message_notification {
    opacity: 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 9999;
	text-align: center;
    transition: opacity 0.4s;
}

div.pure_message_success.active, div.pure_message_failure.active, div.pure_message_notification.active {
    opacity: 1;
}

div.pure_message_notification {
    top: 25%;
}

div.pure_message_success span {
	display: inline-block;
	font-size: 12px;
	background: url('../../icons/common/checked16.png') 10px center no-repeat #d5f9ce;
	padding: 10px 10px 10px 30px;
	color: #226C00;
	border: 1px solid #b2eea2;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);		
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	
	cursor: pointer;
	
}

div.pure_message_failure span {
	display: inline-block;
	font-size: 12px;
	background: url('../../icons/common/error16.png') 10px center no-repeat #facfcf;
	padding: 10px 10px 10px 30px;
	color: #880000;
	border: 1px solid #eda1a1;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);		
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	
	cursor: pointer;
	
}

div.pure_message_notification span {
    display: inline-block;
    font-size: 12px;
    background: #fffbd5;
    padding: 10px;
    color: #646254;
    border: 1px solid #ecd474;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);

    cursor: pointer;
}

div.pure_duplicatechecker_badge
{
	position: absolute;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	border: 1px solid #eee;
	background: #fff;
	font-size: 11px;
	-webkit-border-radius: 2px;
}

div.pure_duplicatechecker_badge_busy
{
	padding-left: 24px;
	background: #fff url('../../gfx/progress/spinner_white_16.gif') 4px center no-repeat;
}

div.pure_duplicatechecker_badge_warn
{
	background: #FFEEF6;
	border-color: #FDD;
	color: #C00;
	cursor: pointer;
}

div.pure_duplicatechecker_container
{
	font-size: 11px;
	padding: 10px;
	width: 400px;
	max-height: 500px;
	overflow-y: auto;
}

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

li.pure_duplicatechecker
{
	padding: 3px;
	cursor: pointer;
}

li.pure_duplicatechecker:hover
{
	background: #e6e6e6;
	border: 1px solid #dfdfdf;
	border-color: #ccc #ddd #e6e6e6;
	margin: -1px;
	
    background: -webkit-gradient(linear,0 0,0 bottom,from(#dddddd),to(#eeeeee));
    background: -moz-linear-gradient(#dddddd, #eeeeee);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dddddd, endColorstr=#eeeeee);
    filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dddddd, endColorstr=#eeeeee);
}

span.pure_rounded_combibadge
{
	display: inline-block;
	/*position:relative;*/
	padding: 0;
	line-height: 0;
	height: 24px;
	overflow: visible;
	margin-right: 1px;
	vertical-align: middle;
}

/*behind*/

.pure_CombiBadgeList .pure_rounded_combibadge .pure_rounded_combibadge_actions_container:hover,
.pure_CombiBadgeList .pure_rounded_combibadge:hover .pure_rounded_combibadge_actions_container{
	visibility: visible;
	opacity: 1;
}

.pure_CombiBadgeList .pure_rounded_combibadge:hover .pure_rounded_combibadge_front {
	border-top-left-radius: 0 !important;
}

span.pure_rounded_combibadge span.pure_rounded_combibadge_actions_container{
	display: inline-block;
	position: absolute;
	height: 18px;
	padding: 3px 0px 3px 5px;
	line-height: normal;
	visibility: hidden;
	opacity: 0;
	margin-top: -24px;
	border-radius: 0.25em 0.25em 0 0;
}


span.pure_rounded_combibadge span.pure_rounded_combibadge_actions_container a{
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-top: 5px;
	margin-right: 5px;
	background-image: url('../../gfx/pure_combibadge_controls.png');
}

span.pure_rounded_combibadge span.pure_rounded_combibadge_actions_container a.pure_CombiBagdeList_remove{
	background-position: 20px top;
}
span.pure_rounded_combibadge span.pure_rounded_combibadge_actions_container a.pure_CombiBagdeList_moveright{
	background-position: 30px top;
}
span.pure_rounded_combibadge span.pure_rounded_combibadge_actions_container a.pure_CombiBagdeList_moveleft{
	background-position: 0px top;
}

/*front*/
span.pure_rounded_combibadge span.pure_rounded_combibadge_front {
    /*position:relative;*/
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background-position: right -48px;
	background-repeat: no-repeat;
	padding-right: 5px;
	border-radius: 0.5em;
	white-space: nowrap;
}


/*left*/
span.pure_rounded_combibadge span.pure_rounded_combibadge_left {
	display: inline-block;
	height: 24px;
	background-position: left 0px;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 5px;
	vertical-align: top;
}

/*split*/
span.pure_rounded_combibadge span.pure_rounded_combibadge_split {
	display: inline-block;
	height: 24px;
	background-position: left 0px;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 5px;
	vertical-align: top;
	
}

/*right*/
span.pure_rounded_combibadge span.pure_rounded_combibadge_right {
	border-left: 1px solid white;
	display: inline-block;
	height: 24px;
	vertical-align: top;
	padding-right: 3px;
	margin-left: 5px;
	padding-left: 7px;
	vertical-align: top;
	
}

span.pure_rounded_combibadge span.pure_rounded_combibadge_right:HOVER {
	cursor: pointer;
}


span.pure_rounded_combibadge span.pure_rounded_combibadge_right span,
span.pure_rounded_combibadge span.pure_rounded_combibadge_left span {
	font-size: 12px;
	color:white;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
}

span.pure_rounded_combibadge .pure_rounded_combibadge_arrow_down {
	background-image: url('../../gfx/inner_outer_join_icons.png');	
	background-repeat: no-repeat;
	vertical-align: middle;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-top: 6px;
}

span.pure_rounded_combibadge .pure_rounded_combibadge_right .icon-gear{
    background-image: url('../../icons/monochrome/gear16.png');
    background-position: 0px -64px;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-top: 4px;
}

span.pure_rounded_combibadge .pure_rounded_combibadge_right .text{
	background-image: none;
    height: 24px;
    width: auto;
    margin-top: 0;
    color:white;
    text-decoration: none;
    vertical-align: middle;
    line-height: 24px;
    font-size: 12px;
    padding-right: 3px;
}

span.pure_rounded_combibadge  a.inner {
	background-position: 0px 0px;
}
span.pure_rounded_combibadge  a.outer {
	background-position: 0px -16px;
}

span.pure_rounded_combibadge .pure_rounded_combibadge_arrow_down:hover {
}





/*dropdown*/
span.pure_rounded_combibadge_dropdown {
	display: none;
	box-shadow: 0px 1px 3px 0px #666;
	padding: 5px 30px 5px 5px;
}
span.pure_rounded_combibadge_dropdown div {
	text-align: left;
}
span.pure_rounded_combibadge_dropdown label{
	font-size: 12px;
}

span.pure_rounded_combibadge_popup_open {
	display: block;
}

.pure_pink_combibadge a.pure_rounded_combibadge_split_control,
.pure_pink_combibadge span.pure_rounded_combibadge_dropdown {
    background-color: #F5E8E6;
}
.pure_lightblue_combibadge a.pure_rounded_combibadge_split_control,
.pure_lightblue_combibadge span.pure_rounded_combibadge_dropdown {
    background-color: #eef3fa;
}
.pure_darkgreen_combibadge a.pure_rounded_combibadge_split_control,
.pure_darkgreen_combibadge span.pure_rounded_combibadge_dropdown {
    background-color: #dfe1d0;
}



/*container*/
span.pure_CombiBadgeList {
	display: inline-block;
	vertical-align: middle;
}

span.pure_CombiBadgeList > span.pure_square_combibadge {
	vertical-align: top;
}

/*mover*/
span.pure_CombiBadgeList_mover
{
	display:none;
	position: absolute;
	cursor: move;
}

/*marker*/
div.pure_CombiBadgeList_movemarker
{
	display:none;
	position: absolute;
	font-size: 12px;
	width: 1px;
	margin-left: -1px;
	height: 26px;
	background-color: #555;
}




/*hover*/
/*span.pure_rounded_combibadge:hover span.pure_rounded_combibadge_dropdown,*/
span.pure_rounded_combibadge:hover span.pure_rounded_combibadge_actions_container{
	visibility: visible;
}
span.pure_rounded_combibadge:hover span.pure_rounded_combibadge_left {
	background-position: left -144px;
}
span.pure_rounded_combibadge:hover span.pure_rounded_combibadge_right span,
span.pure_rounded_combibadge:hover span.pure_rounded_combibadge_left span {
	background-position: 0 -168px;
	color: #444;
}
span.pure_rounded_combibadge:hover span.pure_rounded_combibadge_front {
	background-position: right -192px;
}
span.dragable  span.pure_rounded_combibadge_left:hover {
	cursor: move;
}


/*pink*/
.pure_pink_combibadge span.pure_rounded_combibadge_behind span{
	background-image: none; /* url('../../gfx/pure_combibadge_pink.png');*/
}
.pure_pink_combibadge span.pure_rounded_combibadge_right span,
.pure_pink_combibadge span.pure_rounded_combibadge_left span {
}
.pure_pink_combibadge span.pure_rounded_combibadge_left {
	color:white;
}
.pure_pink_combibadge span.pure_rounded_combibadge_front {
	background-color: #d69e98;
}
span.dragging .pure_pink_combibadge span.pure_rounded_combibadge_front,
.pure_pink_combibadge:hover span.pure_rounded_combibadge_front {
	background-color: #ebcec9;
}
.pure_pink_combibadge span.pure_rounded_combibadge_actions_container { 
	background-color: #f5e8e6;
}


	
/*lightblue
	background: #e1ebf7;
*/
.pure_lightblue_combibadge span.pure_rounded_combibadge_right span,
.pure_lightblue_combibadge span.pure_rounded_combibadge_left span {
}
.pure_lightblue_combibadge span.pure_rounded_combibadge_left {
	color:white;
}
.pure_lightblue_combibadge span.pure_rounded_combibadge_front {
	background-color: #82A8D6;
}
span.dragging .pure_lightblue_combibadge span.pure_rounded_combibadge_front,
.pure_lightblue_combibadge:hover span.pure_rounded_combibadge_front {
	background-color: #A1BEE1;
}
.pure_lightblue_combibadge span.pure_rounded_combibadge_actions_container { 
	background-color: #eef3fa;
}

/*darkgreen*/
.pure_darkgreen_combibadge span.pure_rounded_combibadge_right span,
.pure_darkgreen_combibadge span.pure_rounded_combibadge_left span {
}
.pure_darkgreen_combibadge span.pure_rounded_combibadge_left {
	color:white;
}
.pure_darkgreen_combibadge span.pure_rounded_combibadge_front {
	background-color: #818540;
}
span.dragging .pure_darkgreen_combibadge span.pure_rounded_combibadge_front,
.pure_darkgreen_combibadge:hover span.pure_rounded_combibadge_front {
	background-color: #A1A371;
}
.pure_darkgreen_combibadge span.pure_rounded_combibadge_actions_container { 
	background-color: #dfe1d0;
}

/*black*/
.pure_black_combibadge span.pure_rounded_combibadge_right span,
.pure_black_combibadge span.pure_rounded_combibadge_left span {
	background-image: none;
}
.pure_black_combibadge span.pure_rounded_combibadge_left {
	color:white;
}
.pure_black_combibadge span.pure_rounded_combibadge_front {
	background-color: black;
}
span.dragging .pure_black_combibadge span.pure_rounded_combibadge_front,
.pure_black_combibadge:hover span.pure_rounded_combibadge_front {
	background-color: #555;
}
.pure_black_combibadge span.pure_rounded_combibadge_actions_container { 
	background-color: #eaeaea;
}
span.dragging .pure_black_combibadge span.pure_rounded_combibadge_left span,
.pure_black_combibadge:hover span.pure_rounded_combibadge_left span {
	color: white !important;
}


span.dragging {
	
}

span.dragging .pure_rounded_combibadge_front{
	/*box-shadow:1px 3px 7px #666;*/
	border: 1px dotted #444;
	background-color: transparent;
}

span.dragging span.pure_rounded_combibadge_left {
	background-position: left -144px;
}
span.dragging span.pure_rounded_combibadge_right span,
span.dragging span.pure_rounded_combibadge_left span {
	background-position: 0 -168px;
	color: #444;
}
span.dragging span.pure_rounded_combibadge_front {
	background-position: right -192px;
}


/*IE modifications*/

body.ie8 span.pure_rounded_combibadge, 
body.ie7 span.pure_rounded_combibadge {
	margin-right: 3px;
}


/*mover*/
.pure_CombiBadgeList_mover {
	border: 1px dotted #444;
	background-color: transparent;
	height: 24px;
	border-radius: 21px;
}






/**
 * split && sub-badge layout
 */
 
 
/*container*/ 
span.pure_rounded_combibadge .pure_rounded_combibadge_split_container {
    display: none;
    overflow: hidden;
    padding: 0px 2px;
  	/*
    background-clip: padding-box;
    
    width: 0px;
    padding: 0px;
    min-height: 24px;
    */
}

span.pure_rounded_combibadge .pure_rounded_combibadge_split_open .pure_rounded_combibadge_split_container {
    display: inline-block;
    /*
    width: auto;
    padding: 0px 2px;
    */
}

/* open */
span.pure_rounded_combibadge .pure_rounded_combibadge_split_open {
    max-width: 2000px;
}

/*closed*/
span.pure_rounded_combibadge a.pure_rounded_combibadge_split_control {
	display: inline-block;
	vertical-align: top;
	line-height: 10px;
	padding: 3px;
	color: #444;
	text-decoration: none;
	background-color: #fed;
	border-radius: 2px;
	margin: 4px 2px;
	height: 10px;
	width: auto;
}

/*IE modifications*/

body.ie8 span.pure_rounded_combibadge a.pure_rounded_combibadge_split_control { 
	
}



/* badges inside split should look a bit different */
span.pure_rounded_combibadge .pure_rounded_combibadge_split_container span.pure_rounded_combibadge span.pure_rounded_combibadge_front {
    /*position:relative;*/
	display: inline-block;
	
	padding-right: 5px;
	border-radius: 0px;
	border-right: 1px dotted white;
	
	padding-right: 20px;
}

span.dragging span.pure_rounded_combibadge .pure_rounded_combibadge_split_container span.pure_rounded_combibadge span.pure_rounded_combibadge_front {
	
}



/*actions inside split*/

span.pure_rounded_combibadge .pure_rounded_combibadge_split_container span.pure_rounded_combibadge_actions_container {
	display: inline-block;
	position: absolute;
	height: 18px;
	top: 0px;
	right: 2px;
	visibility: visible;
	padding: 3px 0px 3px 5px;
	line-height: normal;
	width: 14px;
	z-index: 1;
	overflow: hidden;
	background-color: transparent;
	
} 

span.pure_rounded_combibadge .pure_rounded_combibadge_split_container span.pure_rounded_combibadge_actions_container a.pure_CombiBagdeList_remove {
	opacity: 0.6;
}
span.pure_rounded_combibadge .pure_rounded_combibadge_split_container span.pure_rounded_combibadge_actions_container a.pure_CombiBagdeList_remove:hover {
	opacity: 1;
}

span.pure_rounded_combibadge .pure_rounded_combibadge_split_container span.pure_rounded_combibadge_actions_container a.pure_CombiBagdeList_moveleft,
span.pure_rounded_combibadge .pure_rounded_combibadge_split_container span.pure_rounded_combibadge_actions_container a.pure_CombiBagdeList_moveright {
	display: none;
}



/**
 * Square version
 */
.pure_square_combibadge {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border-radius: 0.5em;
    margin: 0 0.5em 0.5em 0;
    text-align: left;
}


/*top*/
.pure_square_combibadge .pure_square_combibadge_top {
    display: flex;
    padding: 0.5em 1em;
    color: white;
}

.pure_square_combibadge .flex-item {
    margin: 0 0.5em;
    background-color: red;
}

.pure_square_combibadge.ui-draggable .pure_square_combibadge_top {
	cursor: move;
}

.pure_square_combibadge .pure_square_combibadge_top_right {

}
.pure_square_combibadge .pure_square_combibadge_top_right .pure_popup_peripheral_top_action {
    margin-left: 1em;
}

.pure_square_combibadge .pure_square_combibadge_top a.pure_square_combibadge_split_control{
    text-decoration: none;
    color: white;
}

.pure_square_combibadge .brackets::before {
    content: '[';
    margin-left: 3px;
}
.pure_square_combibadge .brackets::after {
    content: ']';
}

/*middle*/
.pure_square_combibadge .pure_square_combibadge_middle {
    background-color: white;
    display: block;
    min-height: 0px;
}
/*container*/
.pure_square_combibadge .pure_square_combibadge_middle_container {
    overflow: hidden;
}

.pure_square_combibadge .pure_square_combibadge_middle .pure_square_combibadge_middle_container {
    display: none;
}

.pure_square_combibadge .pure_square_combibadge_middle_open .pure_square_combibadge_middle_container {
    display: block;
}

/*bottom*/

.pure_square_combibadge_bottom a.pure_iconbutton {
	opacity: 0;
}

.pure_square_combibadge_bottom span.placeholder {
	display: inline-block;
	vertical-align: middle;
}

.pure_square_combibadge_bottom:hover a.pure_iconbutton, .pure_square_combibadge_bottom a.pure_iconbutton.placeholder {
	opacity: 1;
}

.pure_square_combibadge_bottom .ui-draggable {
	cursor: move;
}

.pure_square_combibadge .pure_square_combibadge_bottom {
    display: block;
    padding: 0.7em 1em;
    white-space: nowrap;
    color: white;
    font-size: 10px;
}

.pure_square_combibadge .pure_square_combibadge_bottom_left {
    display: inline-block;
    text-align: left;
}

.pure_square_combibadge .pure_square_combibadge_bottom_left .action {
    display: inline-block;
    text-decoration: none;
    margin-left: 0.4em;
    /*line-hight: 20px;*/
}

.pure_square_combibadge .pure_square_combibadge_bottom_right {
    float:right;
}

/**
 * Dragging
 */
.pure_square_combibadge_drop_target::before {
    /*conent: "HERE";*/
}


/**
 * Icons
 */
.pure_square_combibadge .common_icon_13 {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.pure_square_combibadge .join_behavior_icon_13_INNER {
    background-image: url('/admin/resources/style/gfx/inner_outer_join_icons.png');
}
.pure_square_combibadge .join_behavior_icon_13_OUTER{
    background-image: url('/admin/resources/style/gfx/inner_outer_join_icons.png');
    background-position-y: -16px;
}



.pure_square_combibadge .level_icon_13_NONE {
    display: none;
}
.pure_square_combibadge .level_icon_13_TOP {
    background-image: url('/admin/resources/style/gfx/inner_outer_join_icons.png');
}
.pure_square_combibadge .level_icon_13_TOP_MIDDLE{
    background-image: url('/admin/resources/style/gfx/inner_outer_join_icons.png');
}
.pure_square_combibadge .level_icon_13_TOP_MIDDLE_BOTTOM{
    background-image: url('/admin/resources/style/gfx/inner_outer_join_icons.png');
}
.pure_square_combibadge .level_icon_13_TOP_BOTTOM{
    background-image: url('/admin/resources/style/gfx/inner_outer_join_icons.png');
}



/**
 * Draggable within the list
 */
.pure_CombiBadgeList span.ui-draggable-dragging {
    border: 1px dotted #444;
    background-color: transparent;
}
.pure_CombiBadgeList span.ui-draggable-dragging .pure_square_combibadge_top,
.pure_CombiBadgeList span.ui-draggable-dragging .pure_square_combibadge_middle,
.pure_CombiBadgeList span.ui-draggable-dragging .pure_square_combibadge_bottom {
    visibility: hidden;
}


/**
 * Droppable within the list
 */
.pure_CombiBadgeList span.ui-state-hover {
    opacity: .8;
}


/**
 * Movable withing the list has a 'ghost' that acts like a invisible bumper to ensure when the 'actions' pops up they have no collisions with any of the other elements.
 */
.pure_CombiBadgeList .ghost {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pure_CombiBadgeList .ghost:hover {
    border-top-left-radius: 0;
}

.pure_CombiBadgeList .ghost .pure_square_combibadge_actions_container{
    display: inline-block;
    position: absolute;
    height: 18px;
    padding: 3px 0px 3px 5px;
    line-height: normal;
    /*background-color: #C99A94;*/
    visibility: hidden;
    opacity: 0;
    margin-top: -24px;
	border-radius: 0.25em 0.25em 0 0;
}

.pure_CombiBadgeList .ghost .pure_square_combibadge_actions_container a{
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url('../../gfx/pure_combibadge_controls.png');
}

.pure_CombiBadgeList .ghost .pure_square_combibadge_actions_container a.pure_CombiBagdeList_remove{
    background-position: 20px top;
}
.pure_CombiBadgeList .ghost .pure_square_combibadge_actions_container a.pure_CombiBagdeList_moveright{
    background-position: 30px top;
}
.pure_CombiBadgeList .ghost .pure_square_combibadge_actions_container a.pure_CombiBagdeList_moveleft{
    background-position: 0px top;
}

.pure_CombiBadgeList .ghost .pure_square_combibadge_actions_container:hover,
.pure_CombiBadgeList .ghost:hover .pure_square_combibadge_actions_container{
    visibility: visible;
    opacity: 1;
}





/**
 * Inset badge type combibadge
 */
.pure_inset_combibadge {
    background-color: #825C58;
    border-radius: 0.8em;
    margin-right: 0.2em;
    padding: 0.3em 1em;
	display: inline-block;
	vertical-align: middle;
}

.pure_inset_combibadge .pure_inset_combibadge_inner {

}

.pure_inset_combibadge .pure_inset_combibadge_inner .action {
    display: inline-block;
    text-decoration: none;
    margin-left: 0.4em;
    color: inherit;
    opacity: 0.8;
}

.pure_inset_combibadge .pure_inset_combibadge_inner .action:hover {
    opacity: 0.6;
}




/**
 * Color variant
 */
.pure_square_combibadge_pink {
    background-color: #d69e98;
}
.pure_square_combibadge_pink .pure_square_combibadge_bottom {
    background-color: #B1837F;
    border-radius: 0 0 0.5em 0.5em;
}
.pure_square_combibadge_pink .pure_inset_combibadge {
    background-color: #825C58;
}
.pure_square_combibadge_pink .pure_square_combibadge_actions_container {
    background-color: #C99A94;
}


.pure_square_combibadge_lightblue {
    background-color: #6A8FC5;
}
.pure_square_combibadge_lightblue .pure_square_combibadge_bottom {
    background-color: rgba(67, 99, 134, 0.85);
    border-radius: 0 0 0.5em 0.5em;
}
.pure_square_combibadge_lightblue .pure_inset_combibadge {
    background-color: rgba(52, 64, 93, 0.85);
}
.pure_square_combibadge_lightblue .pure_square_combibadge_actions_container {
    background-color: rgba(111, 148, 205, 0.79);
}




.pure_square_combibadge_darkgreen {
    background-color: #818540;
}
.pure_square_combibadge_darkgreen .pure_square_combibadge_bottom {
    background-color: #606432;
    border-radius: 0 0 0.5em 0.5em;
}
.pure_square_combibadge_darkgreen .pure_inset_combibadge {
    background-color: #414522;
}
.pure_square_combibadge_darkgreen .pure_square_combibadge_actions_container {
    background-color: rgba(129, 133, 64, 0.89);
}



.pure_square_combibadge_black {
    background-color: #000;
}
.pure_square_combibadge_black .pure_square_combibadge_bottom {
    background-color: #999;
    border-radius: 0 0 0.5em 0.5em;
}
.pure_square_combibadge_black .pure_inset_combibadge {
    background-color: #393939;
}
.pure_square_combibadge_black .pure_square_combibadge_actions_container {
    background-color: #999;
}








div.pure_expandingtable_container {
	position: relative;
}

table.pure_expandingtable {
 	font-size: 10px;
	border-collapse: collapse;
}

table.pure_expandingtable:focus {
	background-color: #F0F6FF;
}

table.pure_expandingtable th, table.pure_expandingtable td {
 	padding: 5px 10px;
}

table.pure_expandingtable th {
	border-bottom: 1px solid #444; 	
}

table.pure_expandingtable td {
	border: 1px solid #ddd; 	
	color: #555;
}

table.pure_expandingtable tr:HOVER td {
	color: #333;
}

table.pure_expandingtable tr.odd {
	background-color: #f7f7f7;
}

table.pure_expandingtable tr:HOVER {
	background-color: #fcfcfc;
}
table.pure_expandingtable tr.odd:HOVER {
	background-color: #f3f3f3;
}


/*empty cell*/
table.pure_expandingtable td.empty {
	border-color: #fff;
	background-color: #fff;
}


/*column cells*/
table.pure_expandingtable td.projection,
table.pure_expandingtable td.numbered {
	font-size: 9px;
	background-color: #c7c7c7;
	text-align: center;
	border-color: #fff;
}

table.pure_expandingtable tr:HOVER td.numbered {
	background-color: #c3c3c3;
	text-align: center;
	border-color: #fff;
}

table.pure_expandingtable td.grouping {
	font-size: 9px;
	text-align: center;
	border-color: #fff;
}



/*column types*/
table.pure_expandingtable th.grouping {
	background-color: #F5E8E6;
}





/*marker*/

div.pure_expandingtable_column_marker {
	position: absolute;
}

div.pure_expandingtable_container div.marker_selected {
	background: rgba(0, 0, 0, .03);
	font-weight: normal;
	text-align: center;
	color: rgba(0, 0, 0, .4);	
	border: 1px solid #DDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}



/*editable */

table.pure_expandingtable th span.editable {
	padding: 3px 5px;
	border-width: 1px;
	border-color: transparent;
	border-style: solid;
	display: inline-block;
}

table.pure_expandingtable th span.editable:HOVER {
	background-color: rgba(0, 0, 0, .03);
	border-color: #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}


/*actions*/

table.pure_expandingtable div.pure_expandingtable_column_actions {
	background-color: #fff;
	border: 1px solid #DDD;
	z-index: 100;
	padding: 5px 10px;
	position: absolute;
	-moz-box-shadow: 0px 1px 3px 0px #666;
	-webkit-box-shadow: 0px 1px 3px 0px #666;
	box-shadow: 0px 1px 3px 0px #666;
	display: none;
}

table.pure_expandingtable div.pure_expandingtable_column_actions a{
	display:block;
	margin-bottom: 3px;
}




div.pure_disclosureblock
{
	overflow: hidden;
}
div.pure_disclosureblock_content
{
	background: #fafafa; box-shadow: inset 0 2px 8px rgba(0,0,0,.25);
	margin: 0 -10px;
	padding: 0 10px;
}

div.pure_disclosureblock_arrow
{
	border: 8px solid #eee;
	border-color: transparent transparent #d3d3d3 transparent;
	position: absolute;
	height: 0;
	margin-left: 350px;
	margin-top: -16px;
}

div.pure_accordion
{
	font-size: 12px;
	margin-bottom: -2px;
}

div.pure_accordion_header
{
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
	border: 1px solid #e6e6e6;
	cursor: pointer;
		
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

div.pure_accordion_header:hover, div.pure_accordion_open > div.pure_accordion_header {

	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	
}

div.pure_accordion_header div {
	vertical-align: middle;
	height: 30px;
	display: inline-block;
}

body.ie7 div.pure_accordion_header div {
	display: inline;
}

div.pure_accordion_arrow {
	width: 31px;
	border-right: 1px solid #e6e6e6;
	background: url('../../gfx/pure_accordion.png') 10px 12px no-repeat;
}


div.pure_accordion_open div.pure_accordion_arrow {
	background-position: 10px -20px;
}

div.pure_accordion_icon span.common_icon_16
{
	margin: 8px 6px 8px 8px;
}

div.pure_accordion_title
{
}

strong.pure_accordion_title
{
	padding: 0 8px;
	color: #395e8b;
	font-size: 13px;
	font-weight: normal;
}

div.pure_accordion_add
{
	float: right;
}

div.pure_accordion_content
{
	position: relative;
	border: 1px solid #e6e6e6;
	margin-top: -1px;
	background: #fdfdfd;
}

div.pure_accordion_content_shadow {

	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 100%;
	
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #fdfdfd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#fdfdfd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#fdfdfd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
		
}

div.pure_accordion_content_body {
	padding: 14px 12px 12px 12px;
}

div.pure_accordion_closed > div.pure_accordion_content {
	height: 0px;
	visibility: hidden;
}

div.pure_accordion_blue > div.pure_accordion_content {
	/*border: 1px solid #ABC0D8;*/
	background: #F3F7F9;
}

div.pure_accordion_blue > div.pure_accordion_content > div.pure_accordion_content_shadow {
	background: #F3F7F9; /* Old browsers */
	background: -moz-linear-gradient(top,  #D1DCE8 0%, #F3F7F9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#F3F7F9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #D1DCE8 0%,#F3F7F9 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #D1DCE8 0%,#F3F7F9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #D1DCE8 0%,#F3F7F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D1DCE8', endColorstr='#F3F7F9',GradientType=0 ); /* IE6-9 */
}

div.pure_accordion_blue > div.pure_accordion_header {
	/*border: 1px solid #ABC0D8;*/

	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #F3F7F9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#F3F7F9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#F3F7F9 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#F3F7F9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#F3F7F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#F3F7F9',GradientType=0 ); /* IE6-9 */
}

div.pure_accordion_blue > div.pure_accordion_header:hover, div.pure_accordion_blue.pure_accordion_open > div.pure_accordion_header {

	background: #F3F7F9; /* Old browsers */
	background: -moz-linear-gradient(top,  #F3F7F9 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F7F9), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F3F7F9 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #F3F7F9 0%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #F3F7F9 0%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#F3F7F9',GradientType=0 ); /* IE6-9 */
}

a.pure_popup
{
	font-size: 12px;
	text-decoration: none;
	color: #aaa;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 24px;
	line-height: 24px;
	padding: 0 20px 0 8px;
	cursor: default;
}

a.pure_popup_strong
{
	color: #000;
	font-weight: bold;
}

a.pure_popup_enabled
{
	color: #666;
}

a.pure_popup_enabled:hover
{
	border: 1px solid #eee;
	background: #fafafa;
	background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee)";
	border-bottom-color: #ddd;
	cursor: pointer;
}

a.pure_popup_open, a.pure_popup_open:hover
{
	background: -webkit-linear-gradient(bottom,#fff,#eee);
	background: #fafafa;
	background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#ffffff)";
	border-color: #ccc #ddd #eee;
}


/**
 * Icon
 */
span.pure_popup_icon {
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}

/*size versions*/
.pure_popup_icon_13,
.pure_popup_icon_13 .pure_popup_icon {
	height: 13px;
	width: 13px;
    /*not sure why these are here, should be removed?*/
    margin-right: 3px;
	margin-top: -3px;
}

.pure_popup_icon_16,
.pure_popup_icon_16 .pure_popup_icon{
	height: 16px;
	width: 16px;
}
.pure_popup_icon_24,
.pure_popup_icon_24 .pure_popup_icon{
	height: 24px;
	width: 24px;
}
.pure_popup_icon_32,
.pure_popup_icon_32 .pure_popup_icon {
	height: 32px;
	width: 32px;
}



a.pure_popup_input_field
{
    margin-left: -10px;
}

a.pure_popup_input_field span
{
    margin-top: -7px;
}

a.pure_popup_enabled:hover span.pure_popup_icon
{
	background-position: 0 0px;
}

span.pure_popup_arrow
{
	border: 5px solid #aaa;
	border-color: #d0d0d0 transparent transparent transparent;
	position: absolute;
	height: 0;
	margin-top: 10px;
	margin-left: 5px;
}

a.pure_popup_enabled:hover span.pure_popup_arrow
{
	border-top-color: #aaa;
}

div.pure_popup_panel_arrow
{
	width: 21px;
	height: 11px;
	margin-top: -11px;
	margin-left: -10px;
	left: 50%;
	position: absolute;
	background: url('../../gfx/pure_popup_arrow.png')
}

div.pure_popup_panel
{
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	border-radius: 4px;
	position: absolute;
	background: #fff;
	visibility: hidden;
	z-index: 1;
	top: -100000px;
	left: -100000px;
	white-space: normal; /* overwrites bar */
	cursor: default;
}

div.workspace_body div.pure_box div.pure_popup_panel
{
	margin-top: -78px; /* TODO (jbm): Temporary hack to place panel inside relative container */
}

div.pure_popup_panel_visible
{
	visibility: visible;
	top: auto;
	left: auto;	
}


/***** Selection variant *****/

a.pure_popup_selection span.pure_popup_icon {
    opacity: 1;
}

a.pure_popup_enabled.pure_popup_selection
{
    color: #00AF99;
}



/**
 * Common dark context
 */

.common_dark_context a.pure_popup_icon span.pure_popup_icon {
    background-position: 0 -64px;
}
.common_dark_context a.pure_popup_icon:HOVER span.pure_popup_icon {
    background-position: 0 -64px;
    opacity: 0.9;
}
.common_dark_context a.pure_popup_open {
    background: none;
    opacity: 0.9;
}


/***** Link variant *****/

a.pure_popup_enabled.pure_popup_link
{
	color: #0054a6;
}

span.pure_badge_label
{
	display: inline-block;
	height: 17px;
	vertical-align: middle;
	color: #999;
	text-transform: uppercase;
	margin: 3px 8px 1px 0px;
	margin-right: 8px;
	white-space: nowrap;	
	line-height: 17px;
	font-size: 0;
}


span.pure_badge_label span
{
	background: transparent url('../../gfx/content_properties_labels.png?2') right 0px no-repeat;
	padding-right: 6px;
	display: inline-block;
	height: 17px;
	font-size: 10px;
	vertical-align: top;
}

span.pure_badge_label em
{
	font-style: normal;
	display: inline-block;
	height: 17px;
	width: 10px;
	vertical-align: top;
	background: transparent url('../../gfx/content_properties_labels.png?2') 0px 0px no-repeat; 	
}

span.pure_badge_function
{
	display: inline-block;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	background-color: #82A8D6;
	height: 24px;
	padding: 0 10px;
	border-radius: 12px;
	-ms-border-radius: 12px;
	-moz-border-radius: 12px;
	font-size: 10px;
}

/*PeriodDefinitionComponent.css*/

div.pure_perioddefinition {
	font-size:  11px;	
}
div.pure_perioddefinition_units .pure_radiobutton label {
	font-size: 11px;
	line-height: 23px
}


/*Divider*/
div.pure_perioddefinition_divider {
	border-top: 1px solid #EEE;	
}



/*Badge*/
div.pure_perioddefinition .period_rounded_badge{
	background: none;
	background-color: #778899;
	height: auto;
	color: white;
	display: inline-block;
	line-height: normal;
	font-size: 13px;
	padding: 2px 15px;
	vertical-align: bottom;
	border-radius: 13px;
}


/*Top & Bottom*/
div.pure_perioddefinition_top {
	position:relative;
}

div.pure_perioddefinition_bottom {
	position:relative;
	border-top: 1px solid #ddd;
}





/*Units*/
div.pure_perioddefinition_units {
	margin-bottom: 10px;
}

/*Delegates*/
div.pure_perioddefinition_delegates {
	margin-bottom: 10px;
}

/*Ranges*/
div.pure_perioddefinition_ranges {
	margin-bottom: 10px;
}

/*Relative selection*/
div.pure_perioddefinition_relative {
	margin-bottom: 10px;
}

/*Input */
div.pure_perioddefinition_input {
	margin-bottom: 10px;
}

/*Compare */
div.pure_perioddefinition_compare {
	margin-top: 10px;
}

/*Period */
div.pure_perioddefinition_period {
	position: absolute;
	right: 10px;
	bottom: 5px;
}
div.pure_perioddefinition_period p.pure_perioddefinition_description{
	margin: 0;
}



/*Fields*/
div.pure_perioddefinition_input div.pure_field {
	width: 44px;
	display: inline-block;
}
div.pure_perioddefinition_input span.pure_textfield {
	width: 44px;
}
div.pure_perioddefinition_input span.pure_datetime {
	width: 115px;
}





/*Variant*/
div.pure_perioddefinition_variant_units{
	font-size: 10px;
}
div.pure_perioddefinition_variant_units div.pure_perioddefinition_units {
	padding: 0px 0px;
}
div.pure_perioddefinition_variant_units div.pure_perioddefinition_units .pure_radiobutton label {
	font-size: 9px;
	line-height: 23px
}
div.pure_perioddefinition_variant_units div.pure_perioddefinition_period {
	position: relative;
	right: inherit;
	bottom: inherit;
	padding: 5px 10px;
}











div.pure_progress
{
	height: 8px;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 0;
	padding: 1px;
	border-radius: 8px;
}

div.pure_progress div
{
	height: 100%;
	background: #ccc;
	width: 0%;
	border-radius: 6px;
	color: #fff;
	font-size: 10px;
	line-height: 6px;
	text-align: right;
}

div.pure_progress span
{
	padding-right: 1px;
}

span.pure_metricvalue_label {
    font-weight: bold;
    color:black;
    font-size: 12px;
    margin-right:3px;
}
span.pure_metricvalue_value {
    font-size: 12px;
    color:black;
}

a.pure_metricvalue_link {
    font-size: 11px;
    color: #336699;
}