/* This CSS sets the default styles for the base components. */
	/* ---------- Browser normalization ---------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}

td {
	vertical-align: top
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

body {
	background-color: #fff;
	font: 75%/ 1.5em Arial, Helvetica, Verdana, sans-serif;
}

abbr,acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

blockquote,ul,ol,dl {
	margin: 1em;
}

ol,ul,dl {
	margin-left: 2em;
}

ol li,ul ol li {
	list-style: decimal outside;
}

ul li,ol ul li {
	list-style: disc outside;
}

ul ul li {
	list-style-type: circle;
}

ol ol li {
	list-style-type: upper-roman;
}

dl dd {
	margin-left: 1em;
}

th {
	font-weight: bold;
}

caption {
	margin-bottom: 0.5em;
	text-align: center;
}

p {
	margin-bottom: 1em;
}

/* ---------- Links ---------- */
a {
	color: #369;
	text-decoration: underline;
}

a:hover {
	color: #06c;
	text-decoration: none;
}

a:visited {
	
}

/* ---------- Headers ---------- */
h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h1,h2,h3 {
	margin: 1em 0;
}

h4,h5,h6 {
	font-size: 1.1em;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
}

/* ---------- Text formatting ---------- */
b,strong {
	font-weight: bold;
}

i,em {
	font-style: italic;
}

code,pre {
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
}

/* ---------- Separator ---------- */
hr,.separator {
	border-top: 1px dotted #BFBFBF;
}

/* ---------- Forms ----------- */

fieldset {
	border: 1px solid #ccc;
	padding: 0.7em;
}

legend {
	font-weight: bold;
	padding: 0 0.5em;
}

input[type="text"],input[type="password"],input[type="file"],input[type="submit"],input[type="button"],input[type="reset"],input[type="file"],select,textarea,.textarea {
	background: #fff url(../images/public/forms/input_shadow.png) no-repeat;
	border: 1px solid #aaa;
	border-left-color: #777;
	border-top-color: #777;
	font: 1em 'Tahoma', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida',
		Arial, Verdana, sans-serif;
	padding: 0.3em;
}

select {
	padding: 0.3em;
}

input[type="image"] {
	background: transparent none;
	border: none;
	padding: 0;
}

input[type="submit"],input[type="button"],input[type="reset"],input[type="file"] {
	background: #FAFAFA url(../images/public/forms/button.png) repeat-x;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	font-weight: bold;
	padding: 0.25em;
	margin-top: 1.0em;
	
}

input.focus,textarea.focus {
	background: #ffc none;
	border: 1px solid #fc0;
}

form table {
	padding-bottom: 1.0em;
	border-collapse: separate;
	border-spacing: 0.5em;
}

/* ---------- Main content body ---------- */
#content-wrapper {
	margin: 0 auto;
	width: 90%;
	min-height: 550px;
}

/* ---------- Banner ---------- */
#banner {
	background: transparent url(../images/public/common/banner_bg.png) no-repeat
		10px 0px;
	height: 161px;
}

#banner h1.logo {
	display: block;
	font-size: 2em;
	top: 65px;
	left: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(../images/public/logo.png) no-repeat;
	height: 80px;
	width: 180px;
}

#loggedInAs {
	position: absolute;
	float: right;
	left: auto;
	right: 1.0em;
	top: 0;
	color: white;
	background: black;	
}

/* Layout */
#layout-grid {
	border-collapse: collapse;
	width: 100%;
}

#layout-grid .cell {
	padding: 5px;
}

#footer {
	color: #9f9f9f;
	text-align: right;
	margin: 2.0em 0 3.0em 0;
	border-top: 1px solid #bfbfbf;
}

#footer a.product {
	font-weight: bold;
}

#footer a.company {
	color: #6f6f6f;
	margin-right: 1.0em;
}




/* Mesh apps */
.meshapp {
	background: #fff;
	border: 2px solid #828F95;
	margin: 0 0 10px;
	padding: 3px;
}

.meshapp-borderless {
	background: transparent;
	padding: 3px;
	margin: 0 8px 16px 8px;
}

.meshapp-header {
	position: relative;
	padding-right: 40px;
	background: #D3DADD;
	border-bottom: 1px solid #AEB8BC;
}

.meshapp-borderless .meshapp-header {
	background: transparent;
	border-bottom: none;
}

.meshapp-borderless h2 {
	margin-top: 0;
}

h2.meshapp-title {
	display: block;
	font-weight: bold;
	padding: 5px;
	margin: 0;
}

.meshapp .meshapp-content {
	padding: 12px 10px 10px;
}

#navigation {
	float: none;
	height: 31px;
	margin-bottom: 9px;
	background-color: #000;
}

/*** ESSENTIAL STYLES ***/
#navitemslist, #navitemslist * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 1;
}
#navitemslist {
	line-height: 1.0;
	position: relative;
	top: 0;
	left: 1px;
}
#navitemslist ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#navitemslist ul li {
	width:			100%;
}
#navitemslist li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#navitemslist li {
	float:			left;
	position:		relative;
}
#navitemslist a {
	display:		block;
	position:		relative;
	border-left:	1px solid #fff;
	border-top:		1px solid #aaa;
	padding: 		.75em 1em;
	text-decoration:none;
}
#navitemslist li:hover ul,
#navitemslist li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul#navitemslist li:hover li ul,
ul#navitemslist li.sfHover li ul {
	top:			-999em;
}
ul#navitemslist li li:hover ul,
ul#navitemslist li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#navitemslist li li:hover li ul,
ul#navitemslist li li.sfHover li ul {
	top:			-999em;
}
ul#navitemslist li li li:hover ul,
ul#navitemslist li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#navitemslist a, #navitemslist a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
    font-weight:    bold;
}
#navitemslist li {
	background:		#000000;
}
#navitemslist li li {
	background:		#000000;
}
#navitemslist li li li {
	background:		#000000;
}
#navitemslist li:hover, #navitemslist li.sfHover,
#navitemslist a:focus, #navitemslist a:hover, #navitemslist a:active {
	background:     #999;
	outline:		0;
}

#navitemslist li.selected, #navitemslist li.selected:hover, #navitemslist li.selected .sfHover,
#navitemslist li.selected a:focus, #navitemslist li.selected a:hover, #navitemslist li.selected a:active  {
    background: #848484;    
}

/*** arrows **/
#navitemslist a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
#navitemslist .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/superfish/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
#navitemslist a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
#navitemslist a:focus > .sf-sub-indicator,
#navitemslist a:hover > .sf-sub-indicator,
#navitemslist a:active > .sf-sub-indicator,
#navitemslist li:hover > a > .sf-sub-indicator,
#navitemslist li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#navitemslist ul .sf-sub-indicator { background-position:  -10px 0; }
#navitemslist ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#navitemslist ul a:focus > .sf-sub-indicator,
#navitemslist ul a:hover > .sf-sub-indicator,
#navitemslist ul a:active > .sf-sub-indicator,
#navitemslist ul li:hover > a > .sf-sub-indicator,
#navitemslist ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
#navigation .sf-shadow ul {
	background:	url('../images/superfish/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
#navigation .sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* GMesh Freemarker Templates */ /* Breadcrumb */
.breadcrumb {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 1.0em 0;
}

.breadcrumb ul {
	margin: 0;
	font-size: 1.1em;
}

.breadcrumb ul li {
	display: inline;
}

.breadcrumb a {
	font-weight: bold;
	background: url(../images/public/navigation/breadcrumb.gif) 100% 50% no-repeat;
	padding-right: 17px;
	text-decoration: none;
}

.breadcrumb a:focus,a:hover {
	text-decoration: underline;
}

.breadcrumb .last {
	font-style: italic;
}

/* Multicol */
table.multicol {
	margin: auto;
	font-size: 1.3em;
	width: 100%;
}

table.multicol tr td {
	padding: 0 1.0em 0.5em 1.0em;
}

/* Bookmarks */
.bookmarks a {
	text-decoration: none;
}

.bookmarks li {
	display: inline;
	list-style-type: none;
	padding: 2px;
}

.bookmark-icon {
	text-decoration: none;
}

/* Slideshow */
.slideshow-content { display: none }

/* Comments */
div.comment {
	margin-bottom: 10px;
	width: 100%
}

div.comment .title {
	background: url(../images/public/comments/title-bg.png) repeat-x;
}

div.comment .title h4 {
	background: url(../images/public/comments/corner-left.png) no-repeat;
	padding: 3px 7px;
	color: white;
}

div.comment .details {
	background-color: #e0e0e0;
	padding: 4px 4px 0
}

div.comment .message {
	border: 2px solid #e0e0e0;
	padding: 5px
}

div.comment .actions {
	float: right;
}

div.comment .actions a {
	color: white;
}

div.comment .wicketRating {
	display: inline;
}

div.comment .wicketRating span {
	padding-right: 5px;
}

div.comment .wicketRatingStars {
	float: right;
	padding-top: 1px;
	background: transparent;
}

div.comment .wicketRatingText {
	float: right;
}

ul.comments-list {
	margin: 0;
}

ul.comments-list li {
	list-style-type: none;
}

table.wicket-tree-content {
	width: 100%
}

/* Feed */

.feed a {
	text-decoration: none;
}

.feed li {
	list-style-type: none;
}

.feed, .feed ul {
	margin: 0;
}

.feed h3 {
	font-size: 12px;
	margin-bottom: 0;
	font-weight: normal;
}

.feed .feedSubtitleText {
	font-style: italic;
	color: #777;
}

.feed .feedTitle img {
	float: right;
}

.feed .feedContent h3 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

.feed .feedContent .lastUpdated {
	font-size: 0.9em;
	font-weight: normal;
	color: #555;
}

.feedEntryContent {
	overflow: hidden
}

body.mceContentBody {
	background-color: white
}

table.data td, table.data th {
	padding: 2px;
	border: 1px outset;
}

.oauth-login {
	float: right;
	position: absolute;
	background: #D3DADD;
	top: 0;
	left: auto;
	right: 5px;
	padding: 1px;
	display: inline;
}

ul#auth-services {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#auth-services li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

div.wicket-aa {
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
	font-size: 12px;
	background-color: white;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 2px;
	margin: 1px 0 0 0;
	text-align:left;
	opacity: 0.9
}
div.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
div.wicket-aa ul li {
	cursor: default
}
div.wicket-aa ul li.selected { background-color: #FFFF00 }

