/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(reset.css);
@import url(typography.css);

/* stops the nasty horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

/* overrule basic.css styles */

body {
	background: none;
	margin: 0;
}

/* positioning */

#skipLink {
	display: block;
	position: absolute;
	top: 0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
}

#skipLink:focus {
	left: 0;
	background-color: #E30000;
	color: #fff;
}

/** form elements */

input {
    padding: 2px;
}

input.short {
  width: 100px;
}

input.wide {
  width: 270px;
}

input+input,
select+input,
select+select {
  margin-left: 5px;
}

input.searchButton {
  background: transparent url(/images/search_icon.png) no-repeat center;
}

input.searchButton {
  border: none;
  cursor: pointer;
  height: 32px !important;
  padding: 29px 0 0;
  position: absolute;
  width: 32px !important;
  margin-left: 3px;
}

input.searchButtonLight {
  background: transparent url(/images/search_light.gif) no-repeat;
  border: none;
  cursor: pointer;
  margin-top: 1px;
  height: 29px !important;
  padding: 30px 0pt 0pt;
  width: 32px !important;
}

input.greyButton {
  background: transparent url(/images/grey_button.gif) no-repeat;
  border: none;
  cursor: pointer;
  height: 34px !important;
  font-weight: bold;
  width: 74px !important;
}

input.wideGreyButton {
  background: transparent url(/images/grey_button_wide.gif) no-repeat;
  border: none;
  cursor: pointer;
  height: 27px !important;
  font-weight: bold;
  font-size: 14px;
  width: 127px !important;
}

input.public {
  padding-left: 30px;
  background: url(/images/public_icon) no-repeat left;
}

.accordion .box textarea {
  border: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
/*  height: 150px;*/
  width: 185px;
}

div.indent {
  margin-left: 42px;
}

.widgetBody .item input.wideGreyButton {
  margin: 0 45px;
}


.widget input.submit {
  font-family: Arial, sans-serif;
  border: none;
  cursor: pointer;
  height: 28px !important;
  width: 69px !important;  
  color: #fff;
  font-size: 15px;
  padding-top: 2px;
  margin-left: 5px;
}

.widget input.text,
.widget .header input.text,
.widget select,
.widget textarea.text {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
}

.widget .header input.text,
.widget .header select {
  padding: 4px;
}

.widget .headertwo input.text,
.widget .headertwo select {
  padding: 4px;
}

input.widest {
  width: 97%;
}

.widget select {
  vertical-align: middle;
}

form.indentForm div {
  margin-bottom: 5px;
/*  position: relative;*/ /* RS 2008-07-11 need to test carefully */
/*  clear: left;*/
}

form.indentForm #profileInfo div {
  margin-bottom: 0;
}

form.indentForm em {
  margin-left: 5px;
}

form.indentForm select {
  padding: 2px;
}

/* hmmm, IE... */
.widget.main form.indentForm > div {
  padding: 5px 0;
}

form.indentForm div label {
  float: left;
  font-weight: bold;
  width: 100px;
  display: block;
}

/* includes fake label */
.widget.main form.indentForm div label,
#searchLegge form.indentForm div label,
span.label {
  float: left;
  font-weight: bold;
  width: 100px;
  font-size: 120%;
  margin-top: 2px;
  display: block;
}

#scrollpanels form.indentForm div label,
#scrollpanels span.label,
.controlPanel form.indentForm div label,
.controlPanel span.label {
  font-weight: bold;
  font-size: 120%;
  margin-top: 2px;
  width: 150px;
}

#scrollpanels form.indentForm div label.withcheck,
form.indentForm div label.withcheck {
  width: 108px;
}

#scrollpanels form.indentForm div label.plain {
  font-size: 100%;
  width: auto;
  font-weight: normal;
  margin-top: 0;
  float: none;
  display: inline;
}

#searchLegge form.indentForm {
  margin-top: 20px;
}

#searchLegge form.indentForm div label {
  width: 210px;
}


form.indentForm textarea {
  width: 80%;
}

form.indentForm div.multi {
  clear: left;
}

form.indentForm div.multi input,
form.indentForm div.multi select {
  float: left;
}

form.indentForm div.multi label {
  margin: 2px 5px 0 20px;
}

/* cancel for first */
form.indentForm div.multi label.first,
form.indentForm div.multi span.label.first {
  width: 100px!important;
  margin: 2px 0 0 0;
}

form.indentForm div.wide label,
form.indentForm div.wide.multi label.first,
form.indentForm div.wide.multi span.label.first {
  width: 213px!important;
}

#scrollpanels form.indentForm div label.first,
#scrollpanels form.indentForm div span.label.first,
.controlPanel form.indentForm div label.first,
.controlPanel form.indentForm div span.label.first {
  width: 150px!important;
}

form.indentForm span.info {
  position: absolute;
  right: 0;
  margin-top: 3px;
  width: 580px;
  font-style: italic;
}

form.indentForm span.infounder {
  display: block;
  font-style: italic;
  clear: left;
}

form.indentForm div.multi span.info {
  position: relative;
  width: auto;
  margin-left: 20px;
}

form.indentForm div.wide span.info {
  width: 535px;
}

#scrollpanels form.indentForm .body div,
.controlPanel .body form.indentForm div {
  padding: 10px 0 0 0;
}

form.indentForm div.multi label {
  width: auto!important;
}

input.short,
select.short {
  width: 100px;
}

input.wide,
select.wide {
  width: 150px;
}

fieldset.boxed {
  border: 1px solid #999;
  background-color: #eee;
  position: relative;
  padding: 10px;
  margin: 20px 75px;
}



/** main page elements */
#wrapper {
  width: 990px;
  position: relative;
  margin: 0;
  margin: 0 auto;
}

#header input.text {
  background-color: #fff;
  border: 0;
  width: 200px;
}

#content input.text {
  background-color: #F2F2F2;
  border: 1px solid #d3d3d3;
}

.controlPanel input.text {
  border: 1px solid #d3d3d3;
}

/** control panel */

.controlPanel {  
  width: 990px;
  overflow: hidden;
  float: left;
  position: relative;
}

/* require a wrapper to ensure animation doesn't jump */
.controlPanelWrapper {
  padding: 24px 19px 19px 19px;
  width: 952px;
}

.loggedOut .controlPanel {
  background: #fff url(/images/reg-bg.gif) no-repeat;
}

.loggedOut .controlPanel.steps {
  background: #eee url(/images/reg-bg.gif) no-repeat;
  height: 398px;
  height: 430px;
}

.controlPanel .footnote {
  border-top: 1px solid #000;
  width: 100%;
  padding-top: 5px;
  position: absolute;
  bottom: 0;
}	

.controlPanelWrapper .footer {
  position: absolute;
  bottom: 0;
  padding: 10px;
}

.controlPanelWrapper .footer ul li {
  margin-right: 30px;
  font-style: italic;
}

.loggedIn .controlPanel {
  background: #EFEFEF url(/images/control_panel_bg.jpg) repeat-x;
}

.controlPanel .welcome {
  border-bottom: 1px dotted #000;
  margin-bottom: 10px;
}

.controlPanel h2 {
  margin: 0 10px;
}

/* assumes to follow h2 tag to push content down */
.controlPanel .body {
  margin: 20px 10px;
  position: relative;
  height: 300px;
}

.controlPanel .body .splitLeft {
  width: 450px;
  padding-right: 30px!important;
  border-right: 1px solid;
  padding-bottom: 0!important;
  margin-bottom: 0!important;
}

.controlPanel .body .splitRight {
  margin-left: 520px;
}

.controlPanel ul.steps {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 25px;
  top: 5px;
}

.controlPanel ul.steps li {
  line-height: 1.4em;
  float: left;
  background: url(/images/step-inactive.gif) no-repeat;
  display: block;
  height: 32px;
  width: 35px;
  margin-left: 10px;
  padding: 2px 0;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  color: #666;
}

.controlPanel ul.steps li a {
  color: #666;
}

.controlPanel ul.steps li.active {
  background: url(/images/step-active.gif) no-repeat;
  color: #000;
}

.controlPanel ul.steps li.active a {
  color: #000;
}

.controlPanel #profileNavigation {
  margin: 0;
}

.controlPanel .body li {
  line-height: 1.4em;
}

.controlPanel .terms {
  height: 150px;
  overflow: auto;
  padding: 10px!important;
  border: 2px solid #bbb;
  font-size: 90%;
}

#profileInfo {
  margin-left: 150px;
}

.messageHeader {
  padding-top: 5px;
}

/* causing problems on foot notes in panels */
/*.controlPanel .body {
  height: 150px;
}*/

#profileInfo .body {
  height: 150px;
}

.messageBody {
  border-top: 1px solid #000;
  background-color: #E7EDFF;
  padding: 10px;
  position: relative;
  margin-bottom: 0!important;
}

.messageBody.edit {
  padding: 0;
}

.messageBody textarea {
  background: transparent;
  border: 0;
  padding: 5px;
  margin: 0;
  height: 128px;
  width: 98%!important;
}

.messageFooter {
  padding-top: 5px;
  border-top: 1px solid #000;
}

#profileInfoBody {
  background-color: #fff;
  width: 788px;
  padding: 0 10px;
  position: relative;
}

#profileInfoBody p.info {
  background-color: #E8E7E7;
  border-bottom: 1px solid #000;
  padding: 5px;
  padding-bottom: 0;
}

#profileInfoBody ul.info {
  background-color: #E8E7E7;
  border-bottom: 1px solid #000;
  padding: 5px;
  padding-bottom: 0;
  margin: 0;
}

#profileInfoBody ul.info li {
  margin-right: 10px;
  display: inline;
}

#profileInfoBody ul.info a {
  padding: 5px 0 5px 28px;
}

#profileInfoBody ul.info li.floatRight {
  margin-right: 0;
}

#profileInfoBody ul.info a.inbox {
  background: url(/images/inbox.gif) no-repeat;
}

#profileInfoBody ul.info a.reply {
  background: url(/images/reply.gif) no-repeat;
}

#profileInfoBody ul.info a.delete {
  background: url(/images/delete.gif) no-repeat;
}

#profileInfoBody ul.info a.pen {
  background: url(/images/pen.gif) no-repeat;
}

#profileInfoBody ul.info a.hot {
  background: url(/images/hot.gif) no-repeat;
}

#profileInfoHeader {
  background: transparent url(/images/control_panel_logged_top.gif) no-repeat;
  width: 808px;
  height: 20px;
}

#profileInfoFooter {
  background: transparent url(/images/control_panel_logged_bottom.gif) no-repeat;
  width: 810px;
  height: 27px;
}

.controlPanel table.userInbox {
  width: 788px;
}

.controlPanel table.userInbox thead {
  border-bottom: 1px solid #000;
  margin-bottom: 1px;
}

.controlPanel table.userInbox th a {
  
}

.controlPanel table.userInbox th.down {
  background: #fff url(/images/down_black.gif) no-repeat scroll left center;
  padding-left: 20px;  
}

.controlPanel table.userInbox th.up {
  background: #fff url(/images/up_black.gif) no-repeat scroll left center;
  padding-left: 20px;  
}

/* need to test cross brower - currently Safari doesn't like it */
.controlPanel div.userInbox {
  overflow-y: auto;
  overflow-x: hidden;
  height: 200px;
}

.controlPanel table.userInbox th.col1,
.controlPanel table.userInbox td.col1 {
  width: 20px;
}

.controlPanel table.userInbox th.col2,
.controlPanel table.userInbox td.col2 {
  width: 60px;
}

.controlPanel table.userInbox th.col3,
.controlPanel table.userInbox td.col3 {
  width: 200px;
}

.controlPanel table.userInbox th.col4,
.controlPanel table.userInbox td.col4 {
  width: 200px;
}

.controlPanel table.userInbox th.col5,
.controlPanel table.userInbox td.col5 {
  width: 100px;
}

.controlPanel table.userInbox tr.last td {
  background: #E2E2E2 url(/images/table_foot.gif) repeat-x top left;
}

.controlPanel table.userInbox tr.last td {
  padding: 5px 3px;
}

.controlPanel table.userInbox th {
  padding: 5px;
  font-size: 14px;
  text-align: left;
}

.controlPanel table.userInbox td {
  font-size: 14px;
  padding: 3px;
}

.controlPanel table.userInbox tr.stripe td {
  background-color: #E3E9FF;
}

.controlPanel table.userInbox img {
  vertical-align: middle;
}

#headerAd {
  width: 720px;
  height: 310px;
  float: left;
  margin-right: 12px;
  margin-top: 40px;
}

.controlPanel #login input.text {
  width: 113px;
  padding: 3px;
}

.controlPanel fieldset {
	background: #F6F6F6 url(/images/control_panel_login.jpg) repeat-x;
	border-bottom: 1px solid #ccc;
	padding: 7px 5px; 
}


.controlPanel fieldset div {
  margin-top: 15px;
}

.controlPanel fieldset label {
  float: left;
  width: 80px;
  margin-right: 8px;
  margin-top: 5px;
}

.controlPanel fieldset div.remember {
  width: 130px;
  margin-top: 30px;
}

.controlPanel fieldset div.remember input { 
  float: left;
}

.controlPanel fieldset div.remember label {
  margin-top: 0;
  width: 100px;
  float: none;
  display: block;
  margin-left: 25px;
}

.controlPanel div.submit {
  margin-top: 30px;
}

/** channel nav **/
#channelNavigation {
  list-style: none;
  padding: 0;
  padding-top: 5px;
  margin: 5px 10px;
}

#channelNavigation li {
  display: inline;
}

#channelNavigation li a {
  padding-right: 15px;
  margin-right: 20px;
}

/** header */
#header {
  height: 113px;
  color: #fff;
}

#miniProfile {
  width: 250px;
  margin-right: 20px;
}

#miniProfile ul {
  padding: 5px 115px 0 0;
  text-align: right;
}

#miniProfile {
  float: right;
  overflow: hidden;
  height: 110px;
}

#miniProfile .toggleControlPanel {
  float: right;
  text-transform: none;
  font-weight: normal;
}

#miniProfile #profileImageHolder {
  position: relative;
  z-index: 10; /* pushes the image above the ul to the left - makes it clickable */
}

#miniProfile #profileImageHolder img {
  padding-top: 15px;
  /* width: 108px; */
  margin-right: 1px; /* crazy - but required */
}

#miniProfile #profileImageHolder #imageBorder {
  width: 109px;
  height: 110px;
  position: absolute;
  top: 0;
  right: 0;
}

#miniProfile ul li.first {
  line-height: 1em;
}

#mainSearch {
  padding-top: 40px;
/*  width: 500px;*/
  margin-left: 342px;
}

#mainSearchForm input {
  vertical-align: text-bottom;
}

#search {
  width: 220px!important;
  padding: 6px;
}

/** navigation */

#navigation {
  background-color: #919191;
  width: 100%;
  height: 37px;
}

#navigation ul {
  list-style: none;
  color: #fff;
  margin: 0;
  margin-top: 1px;
  /* not required because home icon pads for us */
  padding: 0;
}

#navigation li {
  display: block;
  float: left;
  margin: 5px 0;
  padding: 4px 0;
  background: #919191 url(/images/navigation_divider.gif) no-repeat;
}

#navigation .img {
  padding: 0;
  margin: 0;
}

#navigation li.first {
  background-image: none;
}

#navigation a {
  padding: 10px 7px; 
  margin-left: 2px;
}

#navigation li.selected,
#navigation li.over {
  background-color: #ECECEA;
  margin: 0;
  padding: 9px 0;
  background-position: 0 5px;
}

/* because image handles the padding for us */
#navigation li.selected.img,
#navigation li.over.img {
  padding: 1px 0;
}

#navigation .img a {
  background-color: #919191;
  background-repeat: no-repeat;
  background-position: top center;
  height: 16px;
  display: block;
}

#navigation li.img.selected a,
#navigation li.img.over a {
  background-color: #ECECEA;
}

#navigation .img span {
  display: none;
}

#navigation .img span.home_nav_europe {
  padding-left: 40px;
  display: inline;
}

#navigation .img img {
  vertical-align: middle;
}

#navigation .accessIcon {
  background-position: 0 5px;
  position: absolute;
  right: 0;
}

#navigation #homeIcon {
  background-image: url(/images/home.gif);
  width: 50px;
}

#navigation #homeIconEurope {
  background-position: left;
  background-image: url(/images/home.gif);
  width: 130px;
  padding: 8px 7px 12px 7px; 
}

#navigation #accessIcon {
  background-image: url(/images/accessibility.gif);
  width: 32px;
}

#navigation li.selected #homeIconEurope,
#navigation li.over #homeIconEurope {
  background-position: left;
  background-image: url(/images/home_trans_blue.png);
  width: 130px;
  text-decoration: none;
  padding: 8px 7px 12px 7px; 
}

#navigation li.selected #homeIcon,
#navigation li.over #homeIcon {
  background-image: url(/images/home_trans.png);
}

#navigation li.selected #accessIcon,
#navigation li.over #accessIcon {
  background-image: url(/images/accessibility_trans.png);
}

/** content */

#content {
  background: #d5d5d5 url(/images/content_bg.jpg) repeat-x 0 0;
  padding-top: 31px;
  position: relative;
  padding-bottom: 15px;
  /* width: 990px; */
}

#content .colLeft {
  float: left;
  width: 722px; /* total width of .wiget.main */
}

#content .colLeftNarrow {
  float: left;
  width: 268px; /* total width of .wiget.main */
}

#content .colRight {
  margin-left: 722px; /* width of colLeft */
}

#content .colRightWide {
  margin-left: 268px;
}

/** widgets */

.widget {
  background-color: #fff;
  float: left;
  margin: 5px;
  margin-top: 10px;
  position: relative;
}

.widget .navigation a {
  color: #525252;
}

.widget .navigation {
  margin: 0;
  list-style: none;
  padding: 13px 20px;
  height: 21px;
  position: relative;
  font-size: 17px;
}

.widget .header {
  position: relative;
}

/* h3 widths are total width - 40px */
.widget.main h3 {
  width: 672px;
}

.widget.wide h3 {
  width: 402px;
}

.widget.wide .header {
  width: 442px;
}

.widget.main .header {
  width: 712px;
}

/* return width to default if we're on a split panel */
.widget .split h3 {
  width: auto;
}

#comments .widget {
  margin-top: 30px;
}

#comments .widget .header {
  width: 672px;
}

.widget.thin h3 {
  width: 216px;
}

.widget.thin .header {
  width: 256px;
}

.widget .header img.label {
  float: left;
  margin-left: 11px;
  margin-right: 11px;
  position: relative;
  display: inline;
  top: -5px;
}

.widget .header img.superior{
  top: -30px;
}

.widget .header img.inferior{
  top: 10px;
}

.widget .header img.middle{
  top: -10px;
}

/* comment label images need to be higher, because there's a larger margin between widgets */
#comments .widget .header img.label {
  top: -20px;
}

.widget .header p {
  display: inline;
}

.widget .header .right {
  position: absolute;
  right: 10px;
  top: 0;
  margin-right: 4px;
  margin-top: 15px;
}

.widget .header .left {
  padding-top: 14px;
}

/* nuke any styles on h3 if it's in the header */
.widget .header h3 {
  width: auto;
  background: transparent;  
}

#communityNavigation {
  width: 942px;
  background: url(/images/community_header.jpg) no-repeat;
  margin: 0 10px;
  padding: 5px 20px 15px 0;
}

.widget .navigation li {
  display: block;
  float: left;
  margin: 0;
  border-right: 1px solid #d5d5d5;
  padding: 0 10px;
  height: 26px;
}

.widget .navigation .first {
  padding-left: 0;
}

.widget .navigation .last {
  border-right: 0;
}

/* used for fixed height widgets */
.widgetBody {
  height: 313px;
  padding: 0 4px; /* puts contents edge to edge */
  overflow: auto;
}

.widgetBodyMedia {
  height: 313px;
  padding: 0 5px; /* puts contents edge to edge */
  overflow: auto;
}

/* used for widgets with variable height */
.widget.grow .widgetBody {
  height: auto;
  overflow: visible;
}

.widget.ad.grow {
  height: auto;
}

.paged {
  position: relative;
}

.widgetBody div.flash {
  color: #fff;
  padding: 14px;
  font-size: 14px;
}

.widgetBody .page {
  height: 303px;
}

.widgetControls ul {
  padding: 0;
  margin: 4px 8px 0 0;
  position: absolute;
  right: 0;
  z-index: 10;
}

/* special case for community widget */
#communityBody .widgetControls ul {
  right: 15px;
}

.widgetControls li {
  height: 18px;
  width: 18px;
}

.widgetControls.vertical li {
  margin-bottom: 4px;
}

.widgetControls.horizontal li {
  display: inline;
  margin-left: 4px;
}

.item {
  padding: 10px 10px 10px 10px;
  position: relative;
  clear: both;
}

.itemScroll {
  padding: 10px 15px 0 15px;
  position: relative;
  clear: both;
}

.item.close {
  padding: 0 0 10px 0;
}

.item.last {
  padding-bottom: 0;
}

.divider {
  border-bottom: 1px dotted #999;
}

.item li.message {
  text-indent: -30px;
  margin-left: 30px;
}

.flush {
  margin-top: 0!important;
}

.completeFlush {
  margin: 0;
  padding: 0;
}

.item.flushBottom {
  margin-bottom: 0;
}

.widget.thin {
  width: 256px;
  background-image: url(/images/widget_thin_bg.jpg);
}

.widget.wide {
  width: 442px;
  background-image: url(/images/widget_wide_bg.jpg);
}

.widget.wide.media {
  width: 442px;
  background-image: url(/images/widget_wide_dark_bg.jpg);
}

.widget.main {
  width: 712px;
  background-image: url(/images/widget_widest_bg.jpg);
}

.widget.main.blog {
  background-image: url(/images/blog-bg.gif);
}

.widgetFooter {
  clear: left;
}

.widget.thin .widgetFooter {
  width: 256px;
  height: 13px;
  background: url(/images/widget_thin_footer.jpg) no-repeat;
}
.widget.thin .widgetFooterScroll {
  width: 256px;
  height: 52px;
  background: url(/images/widget_thin_footerScroll.jpg) no-repeat;
  text-align: center;
}
.widget.thin .widgetFooterScroll h5{
  line-height: 46px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
}

.widget.thin .widgetFooterScroll img{
  position: relative;
  top: 2px;
}

.widget.wide .widgetFooter {
  width: 442px;
  height: 13px;
  background: url(/images/widget_wide_footer.jpg) no-repeat;
}

.widget.wide .widgetFooter.dark {
  background: url(/images/widget_wide_dark_footer.jpg) no-repeat;
}

.widget.main .widgetFooter {
  width: 712px;
  height: 13px;
  background: url(/images/widget_widest_footer.jpg) no-repeat;
}

.widget.main .widgetdarkFooter {
  width: 712px;
  height: 13px;
  background: url(/images/widget_widest_dark_footer.jpg) no-repeat;
}

.widget.main.blog .widgetFooter {
  width: 672px; /* 712-40 from padding */
  height: 17px;
  background: url(/images/blog-footer.gif) no-repeat;
}


#comments .widgetFooter {
  background: #fff url(/images/comment_footer.jpg) no-repeat bottom center;
  height: 19px;
  width: 672px;
  padding-top: 10px;
}

#cv .widgetFooter {
  width: 712px;
  height: 13px;
  background: url(/images/widget_widest_footer-cv.gif) no-repeat;
}



.widget.ad {
  width: 250px;
  background: none;
  padding-top: 5px;
  height: 368px;
}

.widget.short .widgetBody {
  height: 182px;
}

/* use fixedHeight1-n to create fix, but specific height widgets, avoids adding style directly */
.widget.fixedHeight1 .widgetBody,
.widget.fixedHeight1 .widgetBody .page {
  height: 710px;
}

.widget.fixedHeight2 .widgetBody,
.widget.fixedHeight2 .widgetBody .page {
  height: 560px;
}

.widgetHolder {
  background: #aaa;
  border: 1px dashed #fff;
  height: 350px;
  padding: 0;
}

#heroWidget .widgetFooter {
  width: 442px;
  height: 13px;
  background: url(/images/widget_hero_footer.gif) no-repeat;
  top: 37px;
  left: -5px;
  position: absolute;
}

.item img {
  border: 1px solid #d5d5d5;
  margin-right: 5px;
}

/* apply indent to everything */
.indentTime div {
  margin-left: 45px;
}

/* then zip it off the label part (which is floated left) */
.indentTime div.floatLeft {
  width: 40px;
  margin-left: 0;
}

/** hero widget */

#heroWidget {
  margin: 0;
  margin: -15px 10px 6px 10px;
  background: transparent;
}

/* the hero widget width is driven by the image's width */
#heroWidget.wide {
  width: 433px;
}

#heroWidget img.hero {
  border: 0;
  margin: 0;
}

#heroWidget .item {
  padding: 0;
  width: 442px;
  background-color: transparent;
  position: relative;
}

#heroWidget .overlayLight {
  /*position: absolute;*/ /* modifica per sviluppo */
  /*padding: 15px;*/
  position: absolute;
  bottom: 0;
  width: 433px;
}

#heroWidget .overlayLight .overlayLightInner {
  padding: 15px;
}

#heroNavigation {
  background: #ECECEA;
  height: 47px;
  position: relative;
}

#heroNavigation ul {
  margin: 0;
  padding: 0;
  padding-top: 1px;
}

#heroNavigation li {
  display: block;
  float: left;
  padding: 10px 4px;
  width: 100px;
}

#heroNavigation a {
  height: 45px;
}

/** tag result widget */
#tagResults .results div.item {
/*  background: url(/images/paper.gif) no-repeat 20px 5px;*/
  padding-left: 80px;
}

#tagResults .results div.generictag {
  background: url(/images/paper.gif) no-repeat 20px 5px;
}

#tagResults .results div.lextag {
  background: url(/images/search_lex.gif) no-repeat 20px 5px;
}

#tagResults .results div.agendatag {
  background: url(/images/search_agenda.gif) no-repeat 20px 5px;
}

#tagResults .lexresults div.item {
  background: url(/images/search_lex.gif) no-repeat 20px 5px;
  padding-left: 80px;
}

/** large map */
#map .header input,
#map .header select {
  margin-right: 20px;
}

#map .header .right input {
  margin-right: 0;
}

/** candidate search */
#candidateSearch ul.filter li a {
  background: url(/images/grey-down.png) no-repeat bottom right;
  padding-right: 14px;
  margin-right: 14px;
  font-weight: normal;
  color: #00f;
  text-decoration: underline;
}

#candidateSearch ul.filter li.last a {
  margin-right: 0;
}

#candidateSearch div.flush {
  padding: 0;
}

#candidateSearch .job {
  padding: 10px 0 10px 65px;
  background-image: url(/images/dig.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  margin: 0 0;
}

div.widgetBody div.selected {
  background-color: #EDEDED;
}

/** pubblica */

#pubblicaOnline fieldset label {
  display: block;
  float: left;
  font-weight: bold;
  clear: left;
}

#pubblicaOnline fieldset .field {
  display: block;
  margin-left: 154px;
  position: relative;
  padding-bottom: 10px;
}

span.required {
  color: #f00;
  font-size: 175%;
  margin-right: 3px;
  line-height: 1;
}

#pubblicaOnline span.position {
  position: absolute;
  margin-left: 10px;
}

#pubblicaOnline #citta {
  width: 200px;
  margin-left: 25px;
  margin-right: 20px;
}

#pubblicaOnline #cap {
  width: 70px;
  margin-left: 10px;
}

#pubblicaOnline #indirizzo {
  width: 339px;
  margin-left: 5px;
}

#pubblicaOnline .multi label {
  float: none;
  display: inline;
  font-weight: normal;
}

#pubblicaOnline .halfWidth {
  width: 50%;
}

#pubblicaOnline fieldset input,
#pubblicaOnline fieldset select,
#pubblicaOnline fieldset textarea {
  width: 97%;
  border: 1px solid #ccc;
  background-color: #ececec;
  padding: 3px;
  font-size: 110%;
}

#pubblicaOnline span.info {
  font-size: 90%;
}

#pubblicaOnline input.normal {
  width: auto;
  border: auto;
}

/** guida */
#guida img {
  border: 0;
  vertical-align: middle;
}

#guida h4 {
  font-size: 180%;
  text-transform: none;
}

#guida h5 {
  color: #f96400;
  font-size: 160%;
}

#guida .bullet .number {
  background: url(/images/organge-dot.gif) no-repeat;
  height: 55px;
  width: 53px;
  display: block;
  float: left;
  font-size: 200%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  margin-right: 20px;
}

#guida .bullet .info {
  margin-left: 70px;
}


/** voting widget */
#vote ul {
  margin: 10px 0;
  padding: 0;
}

#vote li {
  border: 1px solid #d5d5d5;
  background-color: #F2F2F2;
  padding: 0px 4px;
  margin: 2px 0;
  font-weight: bold;
  position: relative;
}

#vote li a.vote {
  text-transform: uppercase;
  position: absolute;
  right: 0; 
  top: 0;
  padding-right: 5px;
  padding-left: 10px;
}

/** accordion */
.accordion {
  width: 226px;
  float: left;
  margin: 14px 10px 14px 0;
  background-color: #f4f4f4;
}

.accordion .last div {
  background: #E3E3E1 url(/images/accordion_footer.gif) repeat-x bottom center;
  height: 30px;
  padding: 10px 10px 0;
}

.accordion .box {
  background: url(/images/accordion_white_top.jpg) repeat-y;
  padding: 20px;
}

.accordion .boxFooter {
  background: url(/images/accordion_white_bottom.jpg) no-repeat;
  height: 20px;
  width: 226px;
}

.widget.main .widgetBody .accordion a {
  color: #000000;
  padding: 0;
  text-decoration: none;
  border: none;
}

.widget.main .widgetBody .accordion a:hover {
  color: #000000;
  text-decoration: underline;
  background: none;
  border: none;
}


/* remove default image around .item img */
.accordion img {
  border: 0;
  margin-right: 4px;
}


/** community */
#community {
  background-color: #A3A3A3;
  padding: 0;
  padding-bottom: 15px;
  
  /* cancel some of the widget properties */
  margin: 0;
  float: none;
}

#comments {
  float: left;
  position: relative;
  background-color: #A3A3A3;
  padding: 0;
  padding-bottom: 15px;
  margin: 10px;
  width: 702px;
}

#comments .body {
  padding: 0 10px;
}

#communityHeader {
  background: #A3A3A3 url(/images/community_bg.gif) repeat-x;
}

#communityNavigation label {
  margin-right: 5px;
}

#communityNavigation li.right {
  right: 0;
  border-right: 0;
  position: absolute;
}

#communityBody {
  background: #fff;
  width: 942px;
  padding: 10px;
  margin: 0 10px;
}

#communityBody .col {
  /* available: 471px */
  width: 430px;
  border-right: 1px dotted #ccc;
  margin: 10px;
  margin-right: 20px;
  padding-right: 10px;
}

#communityBody .tab {
  min-height: 200px;
}

#communityFooter {
  background: url(/images/community_footer.gif) no-repeat;
  height: 30px;
  margin: 0 10px;
}

/** footer */
#footer {
  background-color: #666;
  border-top: 1px solid #A3A3A3;
  padding: 15px;
}

#footer .navigation {
  float: right;
  margin: 0;
  margin-top: 2px;
  padding: 0;
}

#footer .navigation li {
  display: inline;
  margin-left: 3px;
  padding-left: 6px;
  background: url(/images/footer_nav_divider.gif) no-repeat;
}

#footer .navigation li.first {
  background: none;
}


/** misc styles */

#cercaMap {
  width: 120px;
}

.overlayLight {
  background: transparent url(/images/overlayLight.png) repeat;
}

img { 
  border:0; 
} 

input { 
  vertical-align: middle; 
} 

.clear { 
    display: block; 
    clear: both; 
    visibility: hidden; 
    padding: 0!important;
}

.clear:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

.clearLeft { 
  clear: left;
}

.hide  {
	display: none;
}

.floatRight {
	float: right;
/*  margin: 7px 7px 15px 15px;*/
}

.floatLeft {
	float: left;
}

.nowrap {
	white-space: nowrap;
}

.spacer {
  padding: 10px;
}

img.plain,
ul.plain {
  margin: 0;
  border: 0;
  padding: 0;
  vertical-align: text-bottom;
}

ul.plain li {
  line-height: 1.4em;
  margin-bottom: 10px;
}

ul.plain li div div.subtext {margin: 0; padding: 0; margin-left: 1.44em;}

ul.agenda {
  margin: 0;
  border: 0;
  padding: 0;
  vertical-align: text-bottom;
  }
ul.agenda li {
  line-height: 1.4em;
  margin-bottom: 2px;
}

ul.scroll {
  margin: 0;
}

#newScroll {
  /* change depending on how many ads you have */
  height: 200px;
  overflow: auto;
}

.pin {
  margin-left: 10px;
  vertical-align: text-bottom;
}

.title-icon {
    margin-top: -10px;
    margin-right: 10px;
    vertical-align: top;
}

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

ul.inline li {
  float: left;
  margin: 0;
  padding: 0;
}

.centre {
  text-align: center;
}

.space {
  margin-top: 10px;
}

.googlePin {
  height: 32px!important;
  width: 20px!important;
  background: url(/images/pins.gif) no-repeat -32px 0px!important;
  padding-left: 11px;
  padding-top: 2px;
  font-weight: bold;  
}

.googlePin.blue {
  background-position: 0 0px!important ;
}

.googlePin.red {
  background-position: -32px 0px!important ;
}

.googlePin.green {
  background-position: -64px 0px!important ;
}

.googlePin.lightBlue {
  background-position: -96px 0px!important ;
}

.googlePin.yellow {
  background-position: -128px 0px!important ;
}

.googlePin.darkBlue {
  background-position: -160px 0px!important ;
}

.googlePin.purple {
  background-position: -192px 0px!important ;
}

.googlePin.grey {
  background-position: -224px 0px!important ;
}

.googlePin.white {
  background-position: -256px 0px!important ;
}

.googlePin.black {
  background-position: -288px 0px!important ;
  color: #fff;
}


.result {
  background-color: #DEE6F7;
}

.light {
  color: #333333;
}

.center {
  display: block;
  margin: 10px auto 0 auto;
}

.greyBg {
  background: url(/images/grey_round_bg.png) no-repeat;
  height: 40px;
  width: 296px;
}

.gradient {
  background: url(/images/brown_grad.jpg) repeat-x top left;
}

.split {
  position: relative;
}

.split .item {
  clear: right;
}

.splitLeft {
  padding: 10px 10px 10px 5px;
  float: left;
  width: 390px;
}

.splitRight {
  padding: 10px;
  margin-left: 400px;
}

a.imgLink img {
  vertical-align: middle;
  margin: 5px;
}

img.vertMiddle {
  vertical-align: middle;
  cursor: pointer;
}

.position {
  position: relative;
}


/** CV specific widget */
#downloadcv .downloadicons {
  float: left;
  width: 50px;
  position: relative;
}

#downloadcv .downloadicons img {
  border: 0;
  display: block;
  margin: 5px auto;
}

#downloadcv .text {
  margin-left: 70px;
}

#cv .widgetBody {
  background: url(/images/cv-item-bg.gif) repeat-y scroll -3px 0px;
}

#cv .widgetBody .item {
  padding: 10px 0;
  margin: 0 1px;
}

#cv .widgetBody .item div {
  margin: 5px 0;
  clear: left;
  margin-bottom: 10px;
}

#cv .widgetBody .item div.field {
  margin: 0;
  clear: none;
  position: relative;
}

#cv div.field img {
  vertical-align: middle;
}

#cv .widgetBody .item p {
  margin: 0;
  font-size: 115%;
  margin: 0 20px 0 260px;
}

#cv .widgetBody .item label {
  font-size: 115%;
}

#cv .item .label img {
  border: 0;
}

#cv .widgetBody .item label.label,
#cv .widgetBody .item p.label {
  text-align: right;
  float: left;
  width: 220px;
  margin: 0;
  padding-right: 20px;
  margin-right: 20px;
}

#cv .widgetBody .item label.label {
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
}

#cv span.required {
  line-height: 0;
}

#cv select,
#cv textarea {
  background-color: #ececec;
  border: 1px solid #ccc;
  padding: 3px;
  font-size: 110%;
}

#cv .halfWidth {
  width: 245px;
}

#cv select.halfWidth {
  width: 250px;
}

#cv h4 {
  text-transform: none;
  text-align: right;
/*  float: left;*/
  width: 215px;
  margin: 0;
  margin-right: 35px;
  background: transparent url(/images/widget_widest_header.jpg) no-repeat scroll 5% 100%;
  padding: 5px;
  padding-right: 19px;
}

#cv #cvImagePlaceholder {
  float: right;
  height: 135px;
  width: 160px;
  position: relative;
  margin: 0;
  margin-right: 15px;
}

#cvImagePlaceholder span.imageInfo {
  position: absolute;
  top: 23px;
  padding: 10px;
  font-size: 120%;
  background: #c0c0c0;
  margin-left: 21px;
  height: 90px;
  width: 100px;
  text-align: center;
}

#cvImagePlaceholder img {
  border: 0;
  margin-top: 23px;
  margin-left: 21px;
  height: 90px;
  width: 120px;
}

#cvImagePlaceholder .cvImageBorder {
  background: transparent url(/images/cv-image-placeholder.gif) no-repeat;
  margin: 0;
  height: 135px;
  width: 160px;
  position: absolute;
  top: 0;
  left: 0;
}

#cv input.date {
  width: 100px;
}

#cv .wide {
  width: 425px;
}

#cv span.right {
  position: absolute;
  right: 10px;
}

#cv span.right select {
  width: 50px;
}
  
/** blog specific */

.blogAuthorBorder {
  background: url(/images/blog-author-frame.gif) no-repeat;
  width: 140px;
  height: 137px;
  position: absolute;
  right: 0;
  top: 0;
}

img.blogPicture {
  margin: 20px;
}

.widget.blog .widgetFooter #pagination {
  position: absolute;
  right: 20px;
  top: 8px;
}

.widget.blog img {
  border: 0;
}

.selectList {
  width: 150px;
/*  margin-left: 200px;*/
  float: right;
}

.selectList li {
  margin-bottom: 5px;
}

hr {
  border: 0;
  border-top: 1px solid #000;
}

.select3 {
  width: 200px;
  float: left;
}

/** google map bubbles */
.mapbubble {
  width: 400px;
}

.mapbubble.vitalavoro {
  width: 500px;
}

.mapbubble a {
  color: #0000ff;
}

.mapbubble a img {
  vertical-align: middle;
  border: 0;
}

.mapbubble p {
  margin: 3px 0!important;
  font-size: 110%!important;
}

.mapbubble p.plain {
  font-weight: normal;
}
.mapbubble .divider {
clear: both;
margin: 10px 0;
}

.mapbubble .bubble_container {
height: 80px;
}

.overflowh {
  height: 100px;
  border: 1px solid #ccc;
  padding: 5px;
  overflow-y: scroll;
}

.autoheight {
  height: auto!important;
}

a.add {
  background: url(/images/add.gif) no-repeat left center;
  padding: 5px 0 5px 35px;
}

a.edit {
  background: url(/images/modify.gif) no-repeat left center;
  padding: 5px 0 5px 35px;
}

a.delete {
  background: url(/images/cancel.gif) no-repeat left center;
  padding: 5px 0 5px 35px;
}

/* Google Custom Search - definizioni aggiuntive form */
select.gsearch {
  width: 150px!important;
  padding: 6px;
}

/* Libri Apart */
#libri-scheda h4#libri-scheda-subtitle {font-weight: normal; font-size: 1.44em; text-transform: none;}
#libri-scheda h4#libri-scheda-subtitle em {font-style: normal;}
#libri-scheda-editioninfos p {text-align: right; font-size: 13px; color: #333; text-transform: none;}
#librobox-info p {margin: .1em .1em .1em 1em; padding: .1em 0; font-size: 13px; text-indent: -1.32em;}
#librobox-info p strong {font-size: 14px;}
#librobox-info p strong em.grayed {font-style: normal; color: #999;}



/*Donazione Lancio*/
/** hero widget */

#DonazioniWidget {
  margin: 0;
  margin: -15px 10px 6px 10px;
  background: transparent;
}

/* the hero widget width is driven by the image's width */
#DonazioniWidget.wide {
  width: 703px;
}

#DonazioniWidget img  {
  border: 0;
  margin: 0;
}

#DonazioniWidget .item {
  padding: 0;
  width: 703px;
  background-color: transparent;
  position: relative;
}

#DonazioniWidget .overlayLight {
  position: absolute;
/*  padding: 15px;*/
  bottom: 30px;
  width: 703px;
}

#DonazioniWidget .overlayLight .overlayLightInner {
  padding: 15px;
}
#DonazioniWidget .byLine {
	font-size: 14px;
}

#DonazioniWidget .dona {
	float: right;
	font-size: 24px;
	margin-bottom: 10px;
}

#frmAcquista .error {
	color:red;
/*	margin-bottom:20px;
	margin-left:200px;
	width:200px;
*/}

#frmAcquista label {
	width: 200px;
}



/* AGENDA */

#vitamap {
  width: 704px;
  height: 710px;
  position: relative;
  }
  
.grey {
  background-color: #F4F4F4;
  }

.margin {
  margin: 5px 0;
  }

#paginator {
  /* border-top: 1px dotted #CCCCCC; */
  padding: 10px 0;
  margin: 10px 0;
  text-align: center;
  }

/* AGENDA APPUNTAMENTO */

#vitamap_event {
  width: 100%;
  height: 330px;
  }

.csw {
	height: 346px;
}

.panelManageAbort { cursor: pointer; }

/* widget in nuove pagine lista */
ul.widget_list {
	margin: 0px 0px;
	overflow: hidden;
}

.over_hidden { overflow: hidden; }

ul.widget_list li { margin: 7px 0px; line-height: normal; }
ul.widget_list li img { border: none; }

.widgetControls.promotori { float: right; margin:3px 5px 0 0; }
h3#promotori { width: 180px; float: left; }

.w210 {
	width: 210px;
}

/* footer - agenda links */
.big_title { color: #EEEEEC; font-size: 18px; font-weight: normal; margin: 0 0 10px 10px; }

.section_title { color: #EEEEEC; font-size: 14px; font-weight: normal; margin: 10px 0 3px 10px; }

.footer_separator { border-top: 1px dotted #A3A3A3; margin: 20px 0; padding: 0; width: 100%; }

.ico_title { font-size: 11px; font-weight: bold; }

#footer_menu { background-color: #666666/*#A3A3A3*/; padding: 5px 5px 15px 5px; color: #EEEEEC; font-size: 11px; font-weight: normal; }

.box_thin { width: 320px; min-height: 150px; float: left; padding: 5px; }
.box_wide { width: 360px; min-height: 150px; float: left; padding: 5px; }
.box_thin_right { width: 260px; min-height: 150px; float: left; padding: 5px; }

.box_center_noborder { width: 670px; height: 50px; float: left; border-left: 1px dotted #A3A3A3; }

.center_box { border-right: 1px dotted #A3A3A3; border-left: 1px dotted #A3A3A3; }

.block_title { float: left; margin: 2px 0 0 5px; text-transform: uppercase; height: 20px; line-height: 20px; }

ul.navigation_block { margin: 2px 0 0 15px; padding: 0; }
ul.navigation_block li { display: inline; }
ul.navigation_block li.first { background:none repeat scroll 0 0 transparent; }
ul.navigation_block li a { color:#EEEEEC; font-weight:normal; }
ul.navigation_block li a:hover { text-decoration: underline; }

p.location { text-transform: capitalize; }

.news_first_div { min-height: 50px !important; padding-top: 0; width: 130px; float: left; }
.news_central_div { min-height: 110px !important; padding-top: 0; width: 668px; border-right: 1px dotted #A3A3A3; border-left: 1px dotted #A3A3A3; float: left; }
.news_last_div { width: 180px; min-height: 50px; padding-top: 0; float: left; }

.news_block_1 { width: 650px; float: left; }
.news_block_2 { width: 180px; float: left; }

ul.navigation_news { width: 200px; }
ul.navigation_news { margin: 2px 0 0 15px; padding: 0; }
ul.navigation_news li { display: inline; }
ul.navigation_news li.first { background:none repeat scroll 0 0 transparent; }
ul.navigation_news li a { color:#EEEEEC; font-weight:normal; }
ul.navigation_news li a:hover { text-decoration: underline; }

.required_label { font-size: 10px; color: #E30000; }
.not_required_label { font-size: 10px; color: #E30000; }

.google_important { font-size: 10px; color: #E30000; text-decoration: underline; vertical-align: middle; }

.altro { color: #A3A3A3; font-size: 12px; }
.altro:hover { color: #E30000; font-size: 12px; text-decoration: none; }

.help_ico {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

div.path {
	margin: 10px 10px 0 10px;
	padding: 5px;
	color: #999 /*EEEEEC*/;
	font-size: 12px;
	background: #E9E9E9 /*A3A3A3*/;
}

div.path a {
	color: #E30000 /*EEEEEC*/;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
}

div.path a:hover {
	color: #E30000 /*EEEEEC*/;
	text-decoration: underline;
	font-weight: normal;
}

/* widget vitalavoro width 320px */
.widget.medium { width: 320px; background-image: url(/images/widget_medium_bg.jpg); }

.widget.medium h3, .widget.medium .header { background: url("/images/widget_medium_header.jpg") no-repeat scroll 0 0 transparent !important; }
.widget.medium h3 { width: 280px; }
.widget.medium .header { width: 320px; }

.widget.medium .widgetFooterScroll { width: 320px; height: 52px; background: url(/images/widget_medium_footerScroll.jpg) no-repeat; text-align: center; }
.widget.medium .widgetFooterScroll h5{ line-height: 46px; color: #000000; font-weight: bold; text-transform: uppercase; }
.widget.medium .widgetFooterScroll img{ position: relative; top: 2px; }

.widget.medium .widgetFooterScroll.lavoro { width: 320px; height: 52px; background: url(/images/widget_medium_footerScroll_lavoro.jpg) no-repeat; text-align: center; }
.widget.medium .widgetFooterScroll.lavoro h5{ line-height: 46px; color: #FFF; font-weight: bold; text-transform: uppercase; }

.widget.medium .widgetFooterScroll.formazione { width: 320px; height: 52px; background: url(/images/widget_medium_footerScroll_formazione.jpg) no-repeat; text-align: center; }
.widget.medium .widgetFooterScroll.formazione h5{ line-height: 46px; color: #FFF; font-weight: bold; text-transform: uppercase; }

.widget.medium .widgetFooterScroll.volontariato { width: 320px; height: 52px; background: url(/images/widget_medium_footerScroll_volontariato.jpg) no-repeat; text-align: center; }
.widget.medium .widgetFooterScroll.volontariato h5{ line-height: 46px; color: #FFF; font-weight: bold; text-transform: uppercase; }
/* widget vitalavoro width 320px */

/* widget vitalavoro width 485px */
.widget.wide2 { width: 485px; background-image: url(/images/widget_wide2_bg.jpg); }

.widget.wide2 h3, .widget.wide2 .header { background: url("/images/widget_wide2_header.jpg") no-repeat scroll 0 0 transparent !important; }
.widget.wide2 h3 { width: 485px; }
.widget.wide2 .header { width: 445px; }

.widget.wide2 .widgetFooter { width: 485px; height: 13px; background: url(/images/widget_wide2_footer.jpg) no-repeat; text-align: center; }
/* widget vitalavoro width 485px */

/* widget vitalavoro width 485px */
.widget.wide2_trasp { width: 485px; }

.widget.wide2_trasp .widgetBody { background: url(/images/widget_wide2_bg.png) repeat-y; }

.widget.wide2_trasp h3 { background: url("/images/widget_wide2_header.png") no-repeat scroll 0 0 transparent !important; }
.widget.wide2_trasp h3 { width: 485px; }
.widget.wide2_trasp .header { width: 445px; }

.widget.wide2_trasp .widgetFooter { width: 485px; height: 13px; background: url(/images/widget_wide2_footer.png) no-repeat; text-align: center; }
/* widget vitalavoro width 485px */