/* @override http://127.0.0.1:5000/static/css/styles.css */

/* @group CSS Reset */

/* Remove implicit browser styles to have a neutral starting point:
   - No elements should have implicit margin/padding
   - No underline by default on links (we add it explicitly in the body text)
   - When we want markers on lists, we will be explicit about it, and they render inline by default
   - Browsers are inconsistent about hX/pre/code, reset
   - Linked images should not have borders
   */

* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }
* ul,ol { list-style:none; }
* li { display: inline; }
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none } 
a { outline: none; }
table { border-spacing: 0; }
img { vertical-align: middle; }



/* @end */

/* @group Basics */

body { 
	font: 100% Arial, FreeSans, sans-serif;
	background: White;
	color: Black;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, FreeSans, sans-serif; 
	font-weight: bold;
	line-height: 125%;
	color: Black;
}
h1, h2 {
	letter-spacing: -1px;
}
h1 {
	font-size: 1.625em; /* 26px equiv */
}
h2 {
	font-size: 1.375em; /* 22px equiv */
}
h3 {
	font-size: 1.125em; /* 18px equiv */
}
h4 {
	font-size: 0.875em; /* 14px equiv */
}
h5 {
	font-size: 0.75em; /* 12px equiv */
}
h6 {
	font-size: 0.625em; /* 10px equiv */
}

p {
	font-size: 0.75em; /* 12px equiv */
}

a:link, a:visited {
	color: #205c90;
}

a:link:hover,
a:visited:hover {
	color: #75ad0a;
}

dt {
	font-weight: bold;
}
input {
	font-family: "Lucida Grande", Arial, FreeSans;
}

/* @end */

/* @group Grid */

/* Grid classes, these can also be nested */
.grid-row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}
.grid-cell {
  position: relative;
  float: left;
  left: 100%;
}

/* Widths, these are abstracted out so that pixel-based layouts or other
   similar approaches can be retrofitted without changing the markup,
   or if you want to apply rules like the Golden Ratio to your layouts */
.width-half {
	width: 50%;
}
.width-quarter {
	width: 25%;
}
.width-three-quarters {
	width: 75%;
}
.width-third {
	width: 33.33%;
}
.width-two-thirds {
	width: 66.67%;
}

/* Positioning classes, these are subtracting from a rightmost position */
.position-leftmost {
	margin-left: -100%;
}
.position-third {
	margin-left: -66.67%;
}
.position-two-thirds {
	margin-left: -33.33%;
}
.position-quarter {
	margin-left: -75%;
}
.position-half {
	margin-left: -50%;
}
.position-three-quarters {
	margin-left: -25%;
}

/* @end */

/* @group Rounded Corners */
.rounded {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.roundedleft {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
}

.roundedright {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

/* @end */

/* @group Overlay windows */

/* styling for overlays (popups) */

div.overlay {
    width: auto;
    height: auto;
    /* initially overlay is hidden */
    display: none;
    /* some padding to layout nested elements nicely  */
    margin: 1em;
	font-size: 80%;
}

div.overlay-iframe,
div.overlay-ajax {
    width: 60%;
    min-height: 100px;
    z-index: 99; /* overlays should be above everything */
}

div.overlay-iframe {
    height: 60%;
}

/* default close button positioned on upper-left corner */
div.overlaybg div.close,
div.overlay div.close {
    background-image: url(../images/pb_close.png);
    position: absolute;
    left: -14px;
    top: -14px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.pb-ajax {
    overflow-y: auto;
}

.pb-ajax, .pb-image {
    background-color: #fff;
    white-space: normal;
    box-shadow: 0 0 3em 0.5em #666;
    -moz-box-shadow: 0 0 3em 0.5em #666;
    -webkit-box-shadow: 0 0 3em #666;
}

.pb-ajax > div {
    width: 92%;
    padding: 1em;
}

.pb-ajax .documentActions {display:none}

div.overlay div.close span {
    display: block;
    height: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

div.overlay textarea { width: 100%; }

/* Hide form elements that don't make sense within an overlay. */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }

/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
div.overlay p {
    margin-bottom: 1em;
}
div.overlay label {
    margin-bottom: 0.25em;
}
div.overlay a:focus,
div.overlay a:hover {
    color: #75ad0a;
}
div.overlay a.selected {
    color: #000000;
}
div.overlay .formTab {
    margin-right:1em;
    font-weight: bold;
}
div.overlay .formTab.lastFormTab {
    margin-right:0em;
}
div.overlay .formControls a { 
    display: block;
    margin: 0.75em;
}

/* @end */


/* @group Wrappers */


html, body {
/* Sticky footer */
	height: 100%;
}


#outer-wrapper {
	background: 0% 0% url(../images/body-background.png) repeat-x #fcfcfc;
/* Sticky footer w/IE fixes*/
/*	min-height: 100%;
	height: auto !important;
	height: 100%; */
	margin: 0 auto 0em;
}
#middle-wrapper {
    background:url(../images/paper-center.png) repeat-y 76px 120px transparent;
}
#inner-wrapper {
	border-top: 0px solid #314da1; 
	padding: 0 0em;
/*	background:url(../images/content-papertop.png) no-repeat 0px 120px transparent; */
    background:url(../images/papertop-alt.png) no-repeat 76px 120px transparent;
}

#top-wrapper {

}

#header-wrapper {
    background:url(../images/header.png) 0% 0% repeat-x transparent;
}

/**
#content-outmost-wrapper {
    background:url(../images/paper-center.png) no-repeat 50% 100% transparent;
    width: 1046px;
    border: 0px solid blue;
    margin: 0px auto;
}**/

#content-outer-wrapper {
/*    background:url(../images/paper-center.png) repeat-y 100% 0% transparent; */
    width: 1046px;
    border: 0px solid blue;
    margin: 0px auto 0px 54px;
}

#content-inner-wrapper {
    background:url(../images/paper-center-bottom.png) no-repeat 50% 100% transparent;
    width: 1046px;
    border: 0px solid blue;
    margin: 0px auto;
}

#content-wrapper {
	width: 996px; /* 937px; */
	margin: 1em auto 0em auto;
	border: 0px solid red;
}

#header {
    width: 1024px;
    margin: 0 auto 0 2em;
    border: 0px solid black;
}

#logo-wrapper {
	width: 510px;
	margin: 0;
}

#logo {
	margin: 0 22px 25px;
	background: 0 0px url(../images/logo.png);
	width: 455px;
	height: 141px;
	display: block;
	line-height:0%;
	text-indent: -3000px;
	overflow:hidden;
	border: none !important;
}

#language-flags-wrapper {
    float: right;
    clear:right;
    width: 345px;
    border: 0px solid red;
}

#language-flags-wrapper a {
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
}

#flag-de {
    background: 0 0px url(../images/flag-germany.png) no-repeat;
	width: 64px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-en {
    background: 0 0px url(../images/flag-en.png) no-repeat;
	width: 64px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-fr {
    background: 0 0px url(../images/flag-fr.png) no-repeat;
	width: 64px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-it {
    background: 0 0px url(../images/flag-it.png) no-repeat;
	width: 64px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-es {
    background: 0 0px url(../images/flag-es.png) no-repeat;
	width: 69px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-ja {
    background: 0 0px url(../images/flag-ja.png) no-repeat;
	width: 75px;
	height: 64px;
	display: inline-block;
	border: none !important;
}

#global-quicklinks {
    float: right;
    clear:right;
    margin-top: 20px;
    width: 300px;
    border: 0px solid red;
}

.section-it-it #global-quicklinks,
.section-es-es #global-quicklinks,
.section-fr-fr #global-quicklinks {
    width: 400px;
}

#global-quicklinks ul li {
    margin-right: 5px;
}

#global-quicklinks a {
    color: white;
    font-size: 0.70em;
}

/* @end */

/** @ basic sidebar fdefinitions **/
#left-sidebar,
#right-sidebar {
    background: transparent;
}
#left-sidebar {
    margin-left: -20px;
}
#right-sidebar {
    padding-left: 15px;
}

/** end **/

/* @group Navigation/search */

#nav {
/* Should be named header, but conflicts with the accordion.js for now */
	width: 910px;
	margin: 0 auto;
	font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; 
}

#main-nav {
	font-size: 0.875em;
	line-height: 2.3em;
}

#main-nav li:first-child a {
	border-left: none;
}

#sub-nav {
	font: 13px/30px "Helvetica Neue", Arial;
	border-top: 1px solid #dcdcdc;
	margin-right: 210px;
}

#sub-nav li a {
	border-right: none;
}

ul.navigation li a,
ul.navigation li a:visited {
	padding: 0.4em 0.6em;
	color: Black;
	font-weight: bold;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid white;
	white-space: nowrap;
}

ul.navigation li a:hover {
	color: #75ad0a;
}

ul.navigation li.selected a,
ul.navigation li.active a {
	color: #75ad0a;
	padding: 6px 8px 5px;
	border-bottom: 2px solid white;
}


#search {
	float: right;
	position: relative;
	background: transparent;
	height: 49px;
	width: 199px;
	text-align: center;
}

#search-site {
	width: 130px;
	margin-top: 9px;
	border: none;
	padding: 5px 0px 6px 3px;
}

#search-site {
/*    background: url(../images/searchfield.png) 0% 0% no-repeat transparent; */
    background: white;
    border: 1px solid #ebebeb;
}

.section-es-es #search-site,
.section-fr-fr #search-site {
    width: 110px;
}

#searchform input.searchButton,
#search input.searchButton {
    background: url(../images/red-arrow.png) 96% 50% no-repeat white;
    border: none;
    padding:4px 0px 5px 0px;
    width: 52px;
    margin-top: 0px;
    border: 1px solid #ebebeb;
    border-left-color: black;
    font-family: Georgia, sans-serif;
    font-style: italic;
}

.section-es-es input.searchButton,
.section-fr-fr input.searchButton {
    width: 77px;
}

#search-site-button {
    border: 1px solid #ebebeb;
}

#user-bar {
    float: right;
    clear: right;
    width: 100px;
}

#user {
	font-size: 0.875em;
	overflow: hidden;
	float: right;
	clear:right;
	line-height: 2.3em;
	white-space: nowrap;
	text-align: right;
}

#user-bar a {
	color: white;
	font-weight: bold;
	padding: 2px 4px;
	border-left: white solid 1px;
}
#user-bar a#user-name {
    border-left: none;
}

#user-bar a:hover {
	background-color: #666;
	color: White;
}

/* @end */

/* @group Action Boxes */

.actionBoxHeader {
    background:url(../images/actionbox-header-red.png) no-repeat 0% 0% transparent;
    height:42px;
    padding: 10px 0px 0px 20px;
}
.actionBoxHeader h2 {
    color: white;
    font-size: 1em;
}
.actionBoxHeader a:link,
.actionBoxHeader a:visited {
    color: white;
}
.actionBoxHeader a:hover {
    text-decoration: underline;
}

.actionBoxBody {
    padding: 5px 10px;
}
#actionbox-phone .actionBoxBody h3 {
    color: #af1e4a;
}
#actionbox-contact .actionBoxBody {
    font-family: Georgia, sans-serif;
    font-style:italic;
    font-size: 0.8em;
    color: #464646;
}

#actionbox-toc .actionBoxHeader {
    background:url(../images/actionbox-header-blue.png) no-repeat 0% 0% transparent;
}

#actionbox-toc .actionBoxBody {
    padding: 0px 5px;
}

#actionbox-news {
    background:url(../images/portlet-news.png) no-repeat 10px 10px transparent;
}

#actionbox-news .actionBoxBody {
    padding-top: 90px;
}

.actionBoxBody a:link,
.actionBoxBody a:visited {
    color: #af1e4a;
}
.actionBoxBody a:hover {
    text-decoration: underline;
}


/* @end */

/* @group copyright & social bookmarks */
#copyright-wrapper {
    padding: 20px 0px 0px 0px;
}

#copyright-block {
    color: #314da1;
    font-size: 0.7em;
}
#copyright-block span {
    color: #af1e4a;
}

#sm-block ul li {
    display: inline;
    margin-right: 3px;
}

/* @end */

/* @group Splash pages */

div.splash {
	font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; 
	background-color: #205c90;
	color: White;
	margin-bottom: 1em;
	padding: 1em 1.5em 2em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

#content div.splash h1 {	
	color: White;
	letter-spacing: 0;
}


#content div.splash h2,
#content div.splash h3 {
	color: White;
	letter-spacing: 0;
	font-weight: normal;
}

#content div.splash a {
	color: White;
	border: none;
	background: transparent 0 -114px url(../images/sprite.png) no-repeat;
	padding-left: 16px;
	font-size: 1.375em;
	font-weight: bold;
}

div.pullout {
	background-color: #87B829;
	padding-left: 2.5em;
	margin-left: -1em;
}

div.pullout li {
	display: block;
}

div.pullout li a:before {
	content: "→ ";
}

/*TODO: #sidebar & .sidebar need to be consolidated*/
#sidebar {
	padding-top: 2em;
}

div.sidebar {
	padding-top: 0.5em;
	margin-left: 1em;
}

#sidebar-frontpage {
	margin-left: 0;
}

#content div.sidebar h3 {
	margin: 0;
	font-size: 1em;
}

#content div.sidebar ul,
#content div.sidebar ol {
	list-style: none;	
	margin: 0;
}

#content div.sidebar ul li {
	margin-bottom: 0;
}

#content div.sidebar ul li a {
	line-height: 36px;
	font-size: 18px;
	display: block;
	border-top: 1px solid #eee;
	border-bottom: none;
	font-weight: bold;
	background: url(../images/sprite.png) no-repeat;
    background-position: 0 -441px;
	padding-left: 16px;
	letter-spacing: -1px;
}

div.sidebar ol li {
	line-height: 18px;
	display: block;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	clear: both;
	list-style: none;
}

div.sidebar ol li a {
	font-weight: bold;
	display: block;
}

img.book-cover {
	float: left;
	display: block;
	padding: 2px;
	border: 1px solid #ddd;
	margin: 5px 15px 10px 0;
}


/* @end */

/* @group Listings */

/* @group Pane */

div.pane {
	background-color: #eee;
	padding: 0.7em;
	clear: left;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

div.pane h2 {
	font-size: 1.1em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

a.versions {
	font-size: 12px;
	color: #555;
	padding: 2px;
}

a.versions:hover {
	background-color: #666;
	color: White;
}

div.pagesearch {
	float: right;
	font-size: 11px;
	padding-right: 10px;
}

#categories {
	background-color: white;
	padding: 0.7em; 
	/*margin-top: 8px; compensate for corners*/ 
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

#categories h3 {
	border-top: 1px solid #ccc;
}

#categories h3 a {
	display: block;
	padding: 0.5em 0 0.5em 0;
	border: none !important;
}

#categories h3.selected a {
	/*padding-left: 1.25em;*/
	color: black;
	cursor: default;
}

#categories ul {
	margin-left: 0 !important;
}

#categories ul li {
	list-style: none;
}

div.collapsible h3 a:before {
	content: "▶ ";
}
div.collapsible h3.selected a:before {
	content: "▼ ";
}

div.collapsible p {
	font-size: 11px;	
}

ul.topic {
	font-size: 12px;
}

ul.topic li {
	display: inline-block !important;	
	vertical-align: top;
	width: 29.5%;
	margin: 0 0 1em 1.5em;
	text-align: justify;
}



/* @end */

/* @group Downloads tile */

/* TODO: Refactor these */



#sort-by {
	margin-left:.7em;
	font-size:.7em;
}

#numreleases {
	font-size:.8em;
	border-bottom:1px solid #ccc;
	display: block;
	padding:5px 0px;
}


#product-details {
	border-bottom: 1px solid #ccc;
	padding: 5px 0px;
}

.product-leadin {
	display: block;
	font-size: .9em;
	color: #666;
}

.company-logo {
	float: right;
	padding: 1em 0.5em;
}

/* @end */

/* @group Box */

div.box {
	height: 40em;
	border: 1px solid #e1e1e1;
	padding: 9px 12px;
	margin-left: -1px;
	font-size: 12px;
	overflow: hidden;
}

div.box h1 {
	margin: -0.625em -1em !important;
	padding: 0 1em;
	line-height: 2em;
	background: #eee url(../images/sprite.png) repeat-x;
	background-position: 0 -163px;
	font-size: 120%;
}

div.box p {
	margin: 0 -1em;
	padding: 10px -1em;
}

#content div.box ul {
	margin: 0;
	margin-top: 0.5em;
}

div.box li {	
	list-style: none;
	display: block;
	margin: 0 -1em;
	padding: 1em;
	height: 6em;
}

div.box li:nth-child(even) {
	background-color: #fafafa;
}

#events {
	margin-right: 1.4em;
}

#current {
	border: none;
}

#current h1 {
	display: none;
}

div.box div.sources {
	font-size: 11px;
}

div.box li.spotlight {
	color: #666;
	letter-spacing: -1px;
	font: bold 1.4em/1.4em "Helvetica Neue", Arial, FreeSans, sans-serif !important;
	margin-top: -1em;
}

div.box li.spotlight strong,
div.box li.spotlight a {
	color: black !important;
}

div.box li.spotlight a:hover {
	color: #75ad0a !important;
}


#content div.box a {
	border: none;
}

div.box .info {
	display: block;
	text-align: right;
	color: #888;
}

div.box .add {
	float: right;
}


/* @end */

a.link-parent {
	font-size: 11px;
}

/* @end */

/* @group Accordion */

#accordion,
dl.portlet {
	border: 0px solid #eee;
	background-color: none;
}

#content #accordion h2 {
	cursor: pointer;
}

#content #accordion h2,
dl.portlet dt {
    display: none;
	background-color: #76AD17;
	border-bottom: 1em solid #63A100;
	line-height: 2em;
	height: 1em;
	padding: 0 .5em;
	margin: -1px -1px 0 -1px;
	color: White;
	font-size: 1em;
	letter-spacing: 0;
}


#accordion h2.selected {
	cursor: inherit;
	/*padding-left: 1.6em;*/
}

#accordion h2.selected:before {
	content: "▼ ";
	/*content: " ";*/
}

#accordion h2:before {
	content: "▶ ";
}


#accordion div {
	padding: 10px;
	font-size: 12px;
}

#accordion li a:before {
	content: "→ ";
}

#accordion dl dt a {
	color: #205c90 !important;	
}


#accordion dl {
	margin-top: 0;
	line-height: 1.5em;
}

#accordion dt {
	font-weight: bold;
	font-size: 12px;
}
#content #accordion dd {
	margin-bottom: 0.3em;
}

#download-link {
	display: block;
	width: 123px;
	height: 51px;
	line-height: 1.25em;
	background: 0 -495px url(../images/sprite.png) no-repeat;
	color: white !important;
	border-bottom: none !important;
	font-weight: bold;
	padding: 142px 30px 0 14px;
	margin: 0 auto;
}

/* @end */

/* @group Portlets */

dl.portlet {
	margin: 0 0 0 1em;
}

dl.portlet dt {
	padding-left: 1em;
}

dl.portlet dt a:link,
dl.portlet dt a:visited,
dl.portlet dt a:hover {
	color: White !important;
	border: none !important;
}

dl.portlet dd {
	font-size: 0.825em;	
	padding: 1em 2em;
}


div.managePortletsLink {
	text-align: center;
	padding: 1em;
	font-size: 0.75em;
}

#portlet-prefs strong {
	margin-left: 2em;
}

#dashboard-portlets1,
#dashboard-portlets2,
#dashboard-portlets3,
#dashboard-portlets4 {
	display: inline-block;
}

/* @end */

/* @group Content Area */

#content {
	line-height: 1.5em;
	clear: both;
}

#content h1,
#archetypes-fieldname-title input {
	margin-top: 0.5em;
}

#content h1.documentFirstHeading {
	margin-top: 0;
	background: url(../images/icon-globe.png) 0 50% no-repeat transparent;
	padding-left: 20px;
	color: #314da1;
}

#content h2,
#content h3,
#content h4 {
	margin-top: 0.5em;
	color: #444;	
}

#content h2 {
    background: url(../images/icon-globe-blue-small.png) 0 50% no-repeat transparent;
	padding-left: 20px;
	color: #314da1;
}

#content h3 {
/*    background: url(../images/icon-globe-blue-small.png) 0 50% no-repeat transparent; */
	padding-left: 0px;
	color: #314da1;
}


#content p,
#content ul,
#content ol,
#content table,
#content dl,
#content dt,
#content dd,
dl.portlet p,
dl.portlet ul {
	margin-bottom: 1em;
	line-height: 1.3em;
	font-size: 13px;
}

#content p,
#content dl,
#content ul,
#content ol {
	text-align: justify;	
}

#content a:link {
	color: #205c90;
	border-bottom: 1px solid #ccc;
}

#content a:link:hover {
	color: #75ad0a;
}

#content a:visited {
	color: #427597;
	border-bottom: 1px solid #ccc;
}
#content a:target {
	background-color: #ffb !important;
}

#content img {
	max-width: 100%;
}

#content ul,
dl.portlet ul {
	list-style-type: disc;
	margin-left: 2em;
}

#content ol,
dl.portlet ol {
	list-style-type: decimal;
	margin-left: 2em;
}

#content li,
dl.portlet li {
	margin-bottom: 0.25em;
	line-height: 1.5em;
	display: list-item;
}

#content dt {
	font-weight: bold;
	margin-bottom: 0;
	margin-right: 0;
}
#content dd {
	margin: 0 0 1em 1em;
}

#content pre {
	background-color: #222;
	color: White;
	font-family: Consolas, Inconsolata, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;	
	padding: 10px;
	overflow-x: auto;
	font-size: 90%;
	margin-bottom: 1em;
	line-height: 1em;
}

#content code {
	font-family: Monaco, Consolas, Inconsolata, "Courier New", monospace;
}

#content div.documentByLine {
	margin-bottom: 10px;
	font-size: 11px;
	display: block;
	margin-top: -0.5em;
	color: gray;
}

#content .discreet,
#sidebar .discreet {
	color: #666;
	font-size: 11px;
	font-weight: normal;
}

#content .visualHighlight {
    background-color: #af1e4a;
    font-style:normal;
    color: white;
}

#content p.quotation {
    color:#464646;
    font-style:italic;
}

#content .pullquote {
    padding: 0 1em 0 1em;
    margin: 0 0 1em 1em;
    font-weight: bold;
    font-size: 0.9em;
    float: right;
    width: 35%;
    clear: right;
    background:none repeat scroll 0 0 transparent;
    border-left:1em solid #314da1;
	color: #af1e4a;
}
#content .callout {
    background:transparent;
    clear:both;
    padding:1em;
    font-weight: bold;
    background:none repeat scroll 0 0 #EEEEEE;
    border-left:1em solid #CCCCCC;
	color: #535353;
}


#content table {
	width: 100%;
	text-align: left;
}

#content p.documentDescription,
#description {
	color: #535353 !important;
	font: Arial, FreeSans, sans-serif !important;
	margin-left: 0;
	line-height: 110%;
	font-weight: bold;
}

#content img.tileImage,
#content div.newsImageContainer {
	float: left !important;
	margin: 1em 1em 0.5em 0em;
}
#content div.newsImageContainer {
	width: 200px;
}
#content div.newsImageContainer p.discreet {
	margin: 0;
	padding: 0.5em;
	background-color: #666;
	background-color: rgba(40,40,40,0.7);
	color: White;
	font-weight: bold;
	position: relative;
	top: -3em;
}

.parentLink {
    border: 1px solid #ccc;
    background: #ccc;
}


.dottedline {
    clear:both;
    background:url(../images/dotted-line.png) 0% 0% repeat-x transparent;
    line-height:0.5em;
    height: 2px;
}

/* @end */

/* @tileListings */
.tileItem {
    clear: both;
    background:url(../images/dotted-line.png) 0% 100% repeat-x transparent;
    padding: 0px;
}

h2.itemHeadline {
    background: url(../images/icon-globe-red.png) 0 9px no-repeat transparent !important;
    padding-left: 10px !important;
    font-size: 1.2em;
}

.itemHeadline a:link,
p.tileFooter a:link,
.itemHeadline a:visited,
p.tileFooter a:visited {
    color: #af1e4a !important;
    text-decoration: underline;
    border-bottom: 0px solid #af1e4a !important;
}

.itemHeadline a:hover {
    color: #314da1;
}

p.itemDescription {
    margin: 0px;
}


/* @end */


/* @group Navigation portlet */

dl.portletNavigationTree {
    margin-right: -2em;
}

ul.navTree {
	margin-left: 0 !important;
}

dl.portletNavigationTree dd {
	padding: 1em 0;
}

dl.portletNavigationTree dd a {
	display: block;
}

dl.portletNavigationTree li {
	display: block;
	list-style: none;
}

dl.portletNavigationTree li a {
	border: none !important;
	display: block;
	padding: 0.75em 0;
	color: white;
	background:url(../images/navitem.png) 0 0 no-repeat transparent;
}

dl.portletNavigationTree li a span {
	margin-left: 0.5em;
}

dl.portletNavigationTree .navTreeCurrentItem {
	background:url(../images/navitem-selected.png) 0 0 no-repeat transparent;
}
dl.portletNavigationTree li a.navTreeItemInPath {
    background:url(../images/navitem-selected.png) 0 0 no-repeat transparent;
}

dl.portletNavigationTree li.navTreeItemInPath {
	background: transparent;
}

dl.portletNavigationTree li a.navTreeCurrentItem span {
	color: black;
}

dl.portletNavigationTree ul {
	margin: 0 !important;
}
dl.portletNavigationTree .navTreeLevel0 li a {
	padding-left: 1em;
}
dl.portletNavigationTree .navTreeLevel1 li a {
	padding-left: 1em;
	padding-right: 3.5em;
	background: transparent;
	font-family: Georgia, sans-serif;
	font-style: italic;
	color: black;
}

dl.portletNavigationTree .navTreeLevel1 li a.navTreeCurrentItem span {
    color: #af1e4a;
}

dl.portletNavigationTree .navTreeLevel2 li a {
	padding-left: 3em;
}
dl.portletNavigationTree .navTreeLevel3 li a {
	padding-left: 4em;
}

/* @end */

/* @group Edit bar */

#content-views {
	margin: 1em 0;
}

#edit-bar { 
	width: 1000px;
	margin: 0 auto 0 76px;
	background-color: #75ad0a;
	clear: both;
}

#edit-menu ul { 
	padding-left: 0.5em;
	border-top: 4px solid #76AD17;
	background-color: #76AD17;
	border-bottom: 1em solid #63A100;
	line-height: 2em;
	height: 1em;
	margin-top: 1em;
	font-size: 0.8em;
}

#edit-menu li a { 
	color: White;
	font-weight: bold;
	padding: 0.5em;
	line-height: 1em;
}


#edit-menu li a:hover, 
#edit-menu li.selected a { 
	color: #75ad0a;
	background-color: White;
	border-top: 1px solid #75ad0a;
	line-height: 1em;
}

#edit-menu li:hover a, 
#edit-menu li.selected a { 
	color: #75ad0a;
}

#action-menu {
	font-size: 1em;
}

#action-menu ul li a {
	color: White;
	font-weight: bold;
	font-size: 0.8em !important;
}

#action-menu ul li a img {
	display: none;
}

/* @end */



/* @group Data tables */

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

table.listing td, 
table.listing th {
	padding: 0.5em;
	vertical-align: top;
}

table.listing td.listingCheckbox, 
table.listing th.listingCheckbox {
	text-align: center;
}

table.listing thead th {
	text-align: left;
	color: #666;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 0;
}
table.listing tbody th {
	font-weight: bold;
}
table.listingtbody tr {
	text-align:left;
}
table.listing tbody tr.odd {
	background: #f9f9f9;
}
table.listing tbody tr td { 
	background: transparent;
}
table.listing tbody tr.odd td { 
	background: #f9f9f9;
}
table.listing a { 
	border: none !important;
}

div.listingBar {
	font-size: 13px;	
	margin: 1em 0;
}

div.listingBar .next {
	display: inline-block;
	float: right;
}

div.listingBar .previous {
	display: inline-block;
}

div.listingBar a {
	display: inline-block;
	padding: 0.25em 0.5em;
	border: 1px solid #ccc;
}

div.listingBar a:hover {
	color: White !important;
	background-color: #329fd7 !important;
	border-color: #329fd7 !important;
}



/* @end */

/* @group Status messages */

dl.portalMessage {
    font-size: 12px;
    background-color: #ffffe3; 
    border: 1px solid #996;
    margin-bottom: 1em;
}

dl.portalMessage a {
    color: black !important;
    border: none !important;
    text-decoration: underline;
}
dl.portalMessage dt {
    background-color: #996; 
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: White;
    line-height: 1.25em;
}
dl.portalMessage dd {
    padding: 0.5em 0.5em; 
    margin: 0;
    line-height: 1.25em;
}
dl.warning {
    border-color: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;    
}
dl.error dt {
    background-color: #d00; 
}
dl.warning {
    border-color: #d80;    
}
dl.warning dd {
    background-color: #fd7; 
}
dl.error {
    border-color: #d80;    
}
dl.error dd {
    background-color: #fd7; 
}



/* @end */

/* @group Editing */

/* @group Pulldown menus */

.contentActions {
    background-color: white;
    text-align: right;
    padding: 0 0 0 1em;
    z-index: 2;
    position:relative;
    height: 1.6em;
}
.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    color: Black;
    text-align: left;
    line-height: 1.6em;
    font-size: 1em;
}
.contentActions li {
    float: right;
    z-index: 4;
    border-left: 1px solid #74ae0b;
}
.contentActions a {
    text-decoration: none;
    color: White;
    padding: 0 0.5em;
    cursor: pointer;
}
.contentActions span.subMenuTitle {
    padding: 0em 0.5em;
    position: relative;
    white-space: nowrap;
    display: inline;
}
.contentActions a span.subMenuTitle {
    padding: 0px;
    display: inline;
}

#contentActionMenus li {
    float:  right;
    margin-top: 0.5em;
}

#contentActionMenus li .actionMenuContent li {
    float:  none;
    margin-top:  0;
}

.actionMenu {
    /*  The spec says we can't put this on an element with a float (although
        Opera is the only one that cares) and we need it in order to catch
        the position:absolute bubbling up */

    position: relative;
    margin: 0;
    padding: 0;
	font-weight: bold;
}
.actionMenu .actionMenuHeader {
    margin: 0;
    padding: 0;
}
.actionMenu.activated .actionMenuHeader {
    position: relative;
    z-index: 10;
}
.actionMenu .actionMenuHeader a {
    display: block;
	color: White;
	padding: 0 0.5em 0.5em 0.5em;
}
.arrowDownAlternative {
    font-size: 0.85em;
}
.actionMenu .actionMenuContent {
    display: none;
    z-index: 5;
    position: absolute;
    top: 1.5em;
    right: 0;
    height: auto;
    padding: 0;
    margin: 0;
}
.actionMenu.activated .actionMenuContent {
    display: block !important;
}
.actionMenu.activated .actionMenuContent {
    /* this one will be ignored by IE, it is here to fix the cut-off error in
       Firefox */
    display: table !important;
    border-collapse: collapse;
    border-spacing: 0;
}
.actionMenu.deactivated .actionMenuContent {
    display: none !important;
}
.actionMenu .actionMenuContent ul {
    display: block;
    background: #75ad0a;
	color: White;
    margin: 0;
	border: 3px solid #74ae0b;
}
.actionMenu .actionMenuContent li {
    float: none;
    display: inline;
}
.actionMenu .actionMenuContent li a {
    display: block;
    white-space: nowrap;
	background-color: #74ae0b;
	color: White;
	padding: 0.5em;
}
.actionMenu .actionMenuContent .selected {
    display: block;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0.2em 0;
}
.actionMenu .actionMenuContent li a:hover {
    background-color: White;
    color: #75ad0a !important;
}
.actionMenu .actionMenuContent .actionSeparator a {
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}
#templateMenu li a {
    padding-left: 16px;
}

.noMenuAction {
    color:  white;
    padding: 0 0.5em;
}

/* @end */

/* @group Control panel */

ul.configlets {
    margin: 1em 0;
    list-style-image: none;
    list-style: none;
}

.configlet .contentViews {
    font-size: 90%;
}

ul.configlets li {
    margin-bottom: 1em;
}
ul.configlets li a {
    text-decoration: none;
    border: none;
}
ul.configlets li a:visited {
    color: #436976;
    background-color: transparent;
}
ul.configlets li a:active {
    color: #436976;
    background-color: transparent;
}
ul.configlets li label {
    font-weight: bold;
}
ul.configletDetails {
    margin: 0em 1em 1em 4em;
    list-style-image: none;
    list-style: none;
}
ul.configletDetails li {
    margin-bottom: 1em;
    display: inline;
}
ul.configletDetails li a {
	text-decoration: none;
}
ul.configletDetails li label {
    font-weight: bold;
}
ul.configletDetails li.configletDescription {
    display: block;
    color: #76797c;
    font-size: 90%;
    margin: 0;
}
.inlineDisplay {
display:inline
}
table.controlpanel-listing {
width:100%;
}
table.controlpanel-listing td, table.controlpanel-listing th {
font-size:120%;
}
table.controlpanel-listing dl {
margin-top:0;
}
table.controlpanel-listing dd {
margin-left: 1em;
}
table.controlpanel-listing dl dt a .trigger{
font-weight:normal;
}
table .controlpanel-listing td {
vertical-align:top;
}
table.controlpanel-listing td.checker{
text-align:center;
}
table.controlpanel-listing th.smallcolumn {
width:1.5em;
}
.chooser-right {
float:right;
margin-right:0 !important;
margin-bottom:0 !important;
}
.rule-element {
background-color:#EEF3F5;
margin:0.5em 0pt 0.5em;
padding:0.3em 1em 0.3em 1em;
width:auto;
}
.rule-element dl {
}
.rule-element dl dd {
margin-left:1em;
}
.rule-updown, .rule-operations {
float:right;
padding-top:0.8em;
}
/* @end */

/* @group Collapsible */
dl.collapsible {
    border: 1px solid #8cacbb !important;
    margin: 1em 0 0 0;
    padding: 0;
}
dl.collapsible dt.collapsibleHeader {
    display: block;
    float: left;
    background: White;
    line-height: 1.2em;
    vertical-align: middle;
    font-size: 90%;
    position: relative;
    top: -0.6em;
    width: auto;
    margin: 0 0 -0.6em 1em;
    padding: 0 0.5em;
}
dl.collapsible dd.collapsibleContent {
    margin: 0;
    padding: 0 1em;
    clear: left;
}

/* for IE the following isn't needed, that's why the css2 selector is used */
dl.collapsible dd.collapsibleContent > dl {
    margin: 0;
    padding: 0;
}

dl.expandedInlineCollapsible dt.collapsibleHeader,
dl.expandedBlockCollapsible dt.collapsibleHeader {
    padding: 0 6px 0 22px;
    background: White url(../../treeExpanded.gif) no-repeat 6px 50%;
    cursor: pointer;
}

dl.collapsedBlockCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
}
dl.collapsedBlockCollapsible dt.collapsibleHeader {
    float: none;
    position: static;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    cursor: pointer;
}
dl.collapsedInlineCollapsible dd.collapsibleContent,
dl.collapsedBlockCollapsible dd.collapsibleContent {
    display: none;
}
dl.collapsedInlineCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
    display: inline;
}
dl.collapsedInlineCollapsible dt.collapsibleHeader {
    position: static;
    float: none;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    cursor: pointer;
    display: inline;
}

/* @end */

/* @group Comments */

.comment {
	border: 1px solid #eee;
	background-color: #f6f6f6;
    padding: 0.25em 1em 1em 1em;
    margin-bottom: 1em;
}
.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
    border-bottom: 1px solid #76797c;
    font-weight: normal;
}
.commentBody {
	font-size: 13px;
}

/* @end */

/* Additional STX workaround classes */
.stx table p {
    margin: 0;
    padding: 0;
}
.stx table {
    border: 1px solid #8cacbb ! important;
}
.stx table td {
    border-bottom: 1px solid #8cacbb;
}

.reviewHistory,
.contentHistory {
    display: inline;
    font-size: 110% !important; 
    color: Black;
}
.spacer {
    margin: 1em;
}

.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}
.optionsToggle {
    border: 1px solid #8cacbb;
    color: Black;
    background-color: #dee7ec;
    font-weight: normal !important;
    font-size: 90%;
} 

#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500;
    border-width: 1px;
}

/* for highlighting of search terms */
.highlightedSearchTerm {
   background-color: #ffa;
}

dl.searchResults .highlightedSearchTerm {
    background-color: transparent;
    font-weight: bold;
}
/* for greying out inherited roles */
.noInheritedRoles {
    color: #a0a0a0;
}
/* for highlighting current items, like the language or today in the calendar */
.currentItem {
    border-collapse: collapse;
    border: 2px solid #ffa500;
    padding: 1px;
}
.managePortletsLink {
    display:  block;
    color: #76797c;
    font-size: 90%;
    font-weight: normal;
}


/* @end */

/* @group Tabbed form fieldsets */

ul.formTabs {
    position: relative;
    display: block;
    list-style-type: none;
    text-align: center;
	background-color: #329fd7;
	border-top: 3px solid #329fd7;
	margin-left: 0 !important;
}
li.formTab {
    display: inline !important;
    margin: 0;
    padding: 0;
}
li.formTab a {
    /* this isn't supported by all browsers, so we keep it in a separate rule */
    display: inline-block;
}
li.formTab a {
	background-color: #329fd7;
    color: White !important;
    padding: 0.125em 0.75em;
    text-decoration: none;
	border: none !important;
	font-weight: bold;
}
li.formTab a:visited {
}
li.firstFormTab a {
}
li.lastFormTab a {
}
li.formTab a.selected,
li.formTab a:hover {
    background: White;
    color: #329fd7 !important;
}
li.formTab a.notify {
    background-color: #ffce7b;
    color: Black;
}
li.formTab a.required span {
    background-image: url(../../required.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 8px;
}
li.formTab a.notify:hover {
    background-color: #ffa500;
}
.formPanel {
	margin-top: -1.5em;
    border: 1px solid #8cacbb;
    padding-top: 1em;
}
.formPanel.hidden {
    display: none;
}
div.formControls input.hidden {
    display: none;
}

.pfg-form .formControls input.context {
    font-size: 120%;
    font-weight: bold;
    background: #af1e4a;
    color: white;
    border-color: #af1e4a;
    margin-bottom: 15px;
}

#actionsView input {
    font-size: 120%;
    font-weight: bold;
    background: #af1e4a;
    color: white;
    border-color: #af1e4a;
    margin-top: 10px;
    margin-bottom: 15px;
}


/* @end */

/* @group Forms */

div.formControls {
	margin-top: 1em;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background-color: #ffffe0;
	/* outline: none; */
}

#content textarea {
font: 100% Monaco, "Courier New", Courier, monospace;
width: 100%;
}
#content select {
vertical-align: top;
}
#content fieldset {
border: 1px solid #329fd7;
border-style: solid none none none;
}
#content legend {
padding: 0.5em 0.5em 0.5em 0;
font-size: 90%;
}
label {
font-weight: bold;
}
#content optgroup {
font-style: normal;
font-weight: bold;
color: #999;
padding-left: 0.25em;
}
#content option {
color: black;
}
#content optgroup > option {
padding: 0 0.25em 0 1em;
}
dl.enableFormTabbing dd {
margin-left: 0;
padding-top: 2em;
}
#content input.searchButton {
}
.searchSection {
color: #76797c;
margin-top: 0.25em;
}
.searchSection label:hover {
color: Black;
}
.field {
clear: both;
margin-top: 1em;
}
.fieldRequired {
background: url(../../required.gif) center left no-repeat;
padding: 0 0 0 8px;
color: White;
}
.fieldUploadFile {
text-align: right;
margin-right: 0.75em;
display: none;
}
.fieldTextFormat {
text-align: right;
margin-right: 0.75em
}
.formHelp {
font-size: 90%;
color: #76797c;
margin: 0 0 0.2em 0;
}
.formHelp:hover {
color: Black;
cursor: default;
}
div.error {
background-color: #fdc;
border: 1px solid #d00;
padding: 0.5em;
margin: 0 0 1em 0;
width: 95%;
}
.error .fieldRequired {
color: #d00;
}
input.inputLabelActive {
color: #76797c;
}
textarea#form\.description {
height: 6em;
width: 99%;
}
tr.selected {
background-color: #ffa;
}

/* @group Login form */

#login-form input {
font-size: 150%;
width: inherit;
}

body.template-join_form #content input {
font-size: 150%;
width: inherit;
}


/* @end */

/* @end */

/* @group Table of Contents */

 /*Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width*/ 

dl.toc {
	float: right;
    width: 35%;
	font-size: 100%;
    margin: 1em 0 0.5em 1.5em;
}

#content #document-toc {
    display: none !important;
}

#actionbox-toc dl.toc {
    float:none;
    width: 100%;
    margin: 0em 0 0.5em 0em;
    font-size: 0.9em;
    line-height: 0.9em !important;
}

dl.toc dt {
	margin-left: 1em;
	font-weight: normal;
	text-transform: uppercase;
}
dl.toc dd {
	margin-bottom: 0;
	padding-left: 0.75em;
}
dl.toc dd ol {
	margin-left: 1.0em;
}

/* @end */

/* @end */

/* @group Footer */

#footer-wrapper {
/* Sticky footer */
    height: 18em;
	background: #af1e4a;
}

#footer-gradient {
	background: top left url(../images/sprite.png) repeat-x;
	height: 7px;
}

#push {
/* Sticky footer */
	height: 10em;
}

#footer {
	color: White;
	font-family: "Lucida Grande", Verdana, FreeSans, sans-serif;
	margin: 0 auto 0 54px;
	padding: 97px 0 0 0;
	width: 1045px;
	border: 0px solid black;
	background:url(../images/footer.png) no-repeat 50% 0% transparent;
}

#footer p {
	font-size: 0.7em;
}

#footer-logo {
	float: left;
	background-image: url(../images/sprite.png);
	background-position: 0 -376px;
	width: 114px;
	height: 44px;
	border-right: 1px solid white;
	margin: 0 1em 0 0.5em;
}

#sitemap  {
	width: 100%;
	clear: both;
	padding-top: 1em;
/* IE:
	clear: both;
	margin-bottom: 3em;
	float:left;
*/
}

#sitemap dl {
	font-family: "Lucida Grande", Verdana, FreeSans, sans-serif;
	color: White;
	display: inline-block;
	vertical-align: top;
	width: 12%;
/* IE:   width: 16.3%;*/
/* IE:   float: left;*/

}
#sitemap dl a {
	font-size: 0.6em;
	color: White;
	display: block;
	padding: 0.25em 6px;
}
#sitemap dl a:hover {
	color: black;
	background-color: White;
}

#sitemap dl dt {
    height: 40px;
}

#sitemap dl dt a {
	font-size: 0.75em;
}
/* @end */

/* @group Visual editor */

.kupu-save-message {
color: white;
font-weight: bold;
background-color: red;
padding: 0.3em;
position: fixed;
top: 0;
right: 0;
z-index: 999;
}

#toolbar {
    background-color: White;
    width: auto;
    border: none;
}
#toolbar button {
	border-color: White;
}
#kupu-editor-iframe-text {
	border: 1px solid Black;
}
#kupu-colorchooser {
	display: none;
}


/* @end */

/* @group Trac */

#prefs {
	float: right;	
	width: 25em;
	border: 1px solid #eee;
	background-color: #f6f6f6;
	padding: 1em;
	font-size: 13px;
	margin: 0 0 1em 1em;
}

#prefs .field {
	display: block;
	margin: 0;
}

#prefs .field input {
	width: auto;
	margin: 0 0.5em;
}
#prefs label {
	font-weight: normal;
}

#prefs fieldset label {
	font-weight: bold;
}

#ticket {
	border: 1px solid #eee;
	background-color: #f6f6f6;
	padding: 1em;
	margin-top: 1em;
}

#ticket h2 {
	margin-top: 0;
}

#ticket .date {
	float: right;
}
#ticket .date p {
	color: #666;
	font-size: 11px;
	margin: 0;
}
#ticket table.properties {
	border-top: 1px solid #eee;	
	width: 60%;
}

dt .time {
	font-size: 11px;
	color: #666;
}

dd.files span.comment {
	border: none;
	background: none;
	padding: 0 1em;
}

#overview dt.property {
	position: inherit !important;
}

#dirlist td.name a,
#dirlist td.rev a,
td.summary a {
	display: block;
}

#help {
	display: none;
}

table.progress {
 border: 1px solid black;
 border-collapse: collapse;
 border-spacing: 0;
 float: left;
 empty-cells: show;
 width: 55% !important;
}
table.progress a, table.progress :link, table.progress :visited,
table.progress :link:hover, table.progress :visited:hover {
 border: none !important;
 display: block;
 width: 100%;
 height: 1.2em;
 text-decoration: none
}
table.progress td { background: #fff; padding: 0 }
table.progress td.closed { background: #75ad0a }
table.progress td :hover { background: none }
p.percent { font-size: 10px; line-height: 2.4em; margin: 0.9em 0 0 }
#content ul.milestones li { list-style:none; }
#content ul.milestones .info dt { display: inline; margin: 0 }
#content ul.milestones .info dd { display: inline; margin: 0 .5em; }
#content ul.milestones p.date { font-size: 11px; color: #666; } 

#content div.diff li.entry {
	border: 1px solid #eee;
	background-color: #f6f6f6;
}
#content div.diff ul.entries {
	margin: 0;
}
/* @end */

/* @group Invisibles */

.hiddenStructure {
    display: none;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

.visualClear {
	clear: both;
}

/* @end */