@import url("menu.css");

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:   RType
 * License URL: http://www.fontspring.com/fflicense/rtype
 *
 *
 */

@font-face {
  font-family: 'GestaRegular';
  src: url('../fonts/Gesta-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Gesta-Regular-webfont.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Gesta-Regular-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Gesta-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Gesta-Regular-webfont.svg#webfontqwq3os6b') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'GestaLight';
  src: url('../fonts/Gesta-Light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Gesta-Light-webfont.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Gesta-Light-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Gesta-Light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Gesta-Light-webfont.svg#webfont88Y1n4nt') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'GestaBold';
  src: url('../fonts/Gesta-Bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Gesta-Bold-webfont.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Gesta-Bold-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Gesta-Bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Gesta-Bold-webfont.svg#webfontg0VbydrB') format('svg'); /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
  }

@font-face {
  font-family: 'GestaMedium';
  src: url('../fonts/Gesta-Medium-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Gesta-Medium-webfont.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Gesta-Medium-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Gesta-Medium-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Gesta-Medium-webfont.svg#webfontVTMNm0oG') format('svg'); /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
  }

/***************** Reset & Some Basic Elements *********************/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: none;
  color:#999;
}

input.text:focus, textarea:focus, select:focus {
  outline:none;
  border:1px solid #a1d9f1;
}

textarea:focus {
  color:#484848;
}

input.text, select, textarea {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d2d2d2;
  padding:0 5px;
  color:#484848;
  font: normal 13px 'Trebuchet MS',Arial,sans-serif;
  background: url("../images/input-gradient.png") repeat-x left top;
}

input.text, select {
  height:28px;
}

select {
  line-height:30px;
  padding-right:0px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  vertical-align:middle;
}

input.error {
  border:1px solid #ea8184;
}

textarea {
  line-height:1.5em;
  padding:5px;
}

fieldset, img {
  border: 0;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

q:before, q:after {
  content: '';
}

p {
  padding: 0;
  margin: 0 0 1em 0;
  line-height:1.5em;
}

br, form, label {
  margin: 0;
  padding: 0;
}

a:focus {
  outline:none;
}

a {
  outline: none;
  color: #47b4e3;
  text-decoration: none;
}

a:hover {
  outline: none;
  text-decoration: underline;
  cursor: pointer;
}

.clearfix {
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
  height: 0;
}

img a {
  border: 0;
  padding: 0;
  margin: 0;
}

ul {
  margin: 1em 0 1em 0;
}

.small {
  font-size: 11px;
}

/***************** Basic Layout  *********************/
body {
  margin: 0;
  padding: 0;
  font: normal 13px/18px 'Trebuchet Ms',Arial,Tahoma;
  background-color:#f5f5f5;
  color: #484848;
}

#container, #top-holder {
  min-width:960px;
  width:auto !important;
  width:960px;
}

#top-holder {
  width: 100%;
  height: 141px;
  margin: 0 auto;
  background: url("../images/top-holder-bg.png") repeat-x left top;
}

#top-shade {
  width:100%;
  height:100%;
  margin: 0 auto;
  background: url("../images/top-shade.png") no-repeat center bottom;
}

#top {
  width: 960px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 101;
  background: url("../images/logo-highlight.png") no-repeat 30px top;
}

#top img.rounded-top {
  position: relative;
  left:0;
  top: 103px;
}

#logo {
  position: absolute;
  width: 130px;
  height: 57px;
  background: url("../images/logo.png") no-repeat left top;
  top: 23px;
  left: 40px;
}

#logo a {
  width: 100%;
  height: 100%;
  display: block;
}

#upper-shade {
  width: 100%;
  margin: 0 auto;
  background:#f5f5f5 url("../images/upper-shade.png") repeat-x left top;
}

#container {
  width: 100%;
  margin: 0 auto;
  background: url("../images/container-bg.png") no-repeat center top;
}

#position {
  width: 960px;
  margin: 0 auto;
  padding-bottom:20px;
}

#middle_holder {
  width: 960px;
}

#middle {
  width: 919px;
  float: left;
  padding: 0 0 0 39px;
  background: url("../images/bg_middle.gif") center top repeat-y;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

#middle_holder_full #middle {
  background-image:none;
  background-color:#fff;
}

#main_holder {
  width: 680px;
  padding: 0 0 40px 0;
  float: left;
  position: relative;
}

#middle_holder_full #main_holder{
  width: 880px;
  padding-right: 40px;
}

div.main-holder-with-banner {
  margin-top: 32px;
}

#sidebar {
  width: 200px;
  float: right;
  padding-bottom: 39px;
}

.rounded_image {
  width: 960px;
  height: 6px;
  float: left;
}

/* General "invisible" style */
.invisible {
  display: none;
}

#footer_holder {
  width: 960px;
  padding-top: 20px;
}

#footer {
  width: 878px;
  float: left;
  padding: 25px 40px 10px 40px;
  background: url("../images/bg_footer.gif") center top repeat-y;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  position: relative;
}

/***************** Footer menu *********************/

.footer-list ul {
  font: normal 13px/13px 'GestaRegular',Arial,Helvetica,sans-serif;
  list-style-type: disc;
  margin:  15px 0 0 15px;
  padding: 0;
  text-align: left;
  font-size: 11px;
}

.footer-list ul a, .footer-list ul a:hover {
  color: #666464;
  text-decoration: none;
  padding: 0;
}

.footer-list ul a:hover {
  color: #fff;
  border-bottom: 1px dotted #000;
}

.footer-list ul li {
  padding-bottom: 3px;
  margin: 0;
}

/* Customer Service quick contact in the page footer */

#footer-contact {
  position: absolute;
  right: 20px;
  top: 18px;
  width: 160px;
  padding-top: 40px;
}

#footer-contact a.icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 27px;
  background: url("../images/footer-contact-icon.png") 0 0 no-repeat;    
}

#footer-contact a.icon:hover {
  background-position: 0 -27px;
}

#footer-contact h4 {
  font: normal 13px/13px 'GestaBold',Arial,Helvetica,sans-serif;
  color: #777;
  padding: 0;
  margin: 0 0 10px 0;
  text-align: right;
}

#footer-contact ul, #footer-contact li {
  text-align: right;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font: normal 13px/150% 'GestaMedium',Arial,Helvetica,sans-serif;
  color: #777;
}

/***************** Footer: Social media links *********************/

#footer-social-media {
  position: absolute;
  right: 20px;
  top: 190px;
  width: 160px;
}

#footer-social-media h4 {
  font: normal 13px/13px 'GestaBold',Arial,Helvetica,sans-serif;
  color: #777;
  padding: 0;
  margin: 0;
  text-align: right;
}

#footer-social-media div.icon-container {
  padding-top: 10px;
  clear: both;
}

a.social-media-link {
  display: block;
  float: right;
  height: 34px;
  width: 39px;
}

a.social-media-link,
a.social-media-link:active,
a.social-media-link:hover
a.social-media-link:focus {
  text-decoration: none; /* Disable underlining in IE */
}

a.facebook, a.twitter, a.youtube, a.blog {
  background: url("../images/social-media-facebook.png") no-repeat right top;
  -webkit-transition: background .218s ease;
  -moz-transition: background .218s ease;
  transition: background .218s ease;
}

a.twitter {
  background-image: url("../images/social-media-twitter.png");
}

a.youtube {
  background-image: url("../images/social-media-youtube.png");
}

a.blog {
  background-image: url("../images/social-media-blog.png");
}

a.facebook:hover, a.twitter:hover, a.youtube:hover, a.blog:hover {
  background-position: right bottom;
}

/******************* Buttons for form submissions *****************/

/* some browser-dependent styling */

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* actual button styling: default state */

button.button-green-small, button.button-blue-small, button.button-green, button.button-blue {
  position: relative;
	border: 0; 
	padding: 0 7px 0 0; /* sliding doors padding */
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
  display:inline-block;
  height:30px;
  color:#fff;
  font: normal 17px/30px 'GestaMedium',Arial,Helvetica,sans-serif;
  margin:0 10px 0 0;
  text-decoration: none;
  text-shadow:#4f920a 0 1px 1px;
  white-space:nowrap;
	background: url("../images/button_small_green_right.png") no-repeat right top;
}

button.button-green, button.button-blue {
  height:33px;
  font: normal 19px/33px 'GestaMedium',Arial,Helvetica,sans-serif;
  background: url("../images/button_green_right.png") no-repeat right top;
}

button.button-blue-small, button.button-blue {
  background: url("../images/button_small_blue_right.png") no-repeat right top;
  text-shadow:#268CB7 0 1px 1px;
}

button.button-blue {
  background: url("../images/button_blue_right.png") no-repeat right top;
}

button.button-green-small span, button.button-blue-small span {
  background: url("../images/button_small_green_left.png") no-repeat left top;
  padding: 0 10px 0 18px;
}

button.button-blue-small span {
  background: url("../images/button_small_blue_left.png") no-repeat left top;
}

button.button-green span, button.button-blue span {
  background: url("../images/button_green_left.png") no-repeat left top;
  padding: 0 10px 0 18px;
}

button.button-blue span {
  background: url("../images/button_blue_left.png") no-repeat left top;
}

/* actual button styling: hover state */

button.button-green-small:hover, button.button-blue-small:hover {
  background-position: right -30px;
}

button.button-green-small:hover span, button.button-blue-small:hover span {
  background-position: left -30px;
}

button.button-green:hover, button.button-blue:hover {
  background-position: right -33px;
}

button.button-green:hover span, button.button-blue:hover span {
  background-position: left -33px;
}

/* actual button styling: active state */

button.button-green-small:active, button.button-blue-small:active {
  background-position: right -60px;
}

button.button-green-small:active span, button.button-blue-small:active span {
  background-position: left -60px;
}

button.button-green:active, button.button-blue:active {
  background-position: right -66px;
}

button.button-green:active span, button.button-blue:active span {
  background-position: left -66px;
}

/* actual button styling: inactive state */

button.button-green-small.inactive, button.button-blue-small.inactive, button.button-green.inactive, button.button-blue.inactive {
  background-position: right -90px;
  cursor:default;
}

button.button-green-small.inactive span, button.button-blue-small.inactive span, button.button-green.inactive span, button.button-blue.inactive span {
  background-position: 0 -90px;
  text-shadow:#848484 0 1px 1px;
}

button.button-green.inactive, button.button-blue.inactive {
  background-position: right -99px;
}

button.button-green.inactive span, button.button-blue.inactive span {
  background-position: 0 -99px;
}

/******************* Buttons (span and anchor combo) *****************/

.button-green-small a, .button-blue-small a, .button-green-small-arrow a, .button-blue-small-arrow a, .button-green a, .button-blue a, .button-green-arrow a, .button-blue-arrow a {
  display:inline-block;
  height:30px;
  color:#fff;
  font: normal 17px/30px 'GestaMedium',Arial,Helvetica,sans-serif;
  margin-right:10px;
  padding-right: 29px; /* sliding doors padding */
  text-decoration: none;
  text-shadow:#4f920a 0 1px 1px;
  white-space:nowrap;
}

.button-green-small a.no-margin, .button-blue-small a.no-margin, .button-green-small-arrow a.no-margin, .button-blue-small-arrow a.no-margin, .button-green a.no-margin, .button-blue a.no-margin, .button-green-arrow a.no-margin, .button-blue-arrow a.no-margin {
  margin-right:0;
}

.button-green a, .button-blue a, .button-green-arrow a, .button-blue-arrow a {
  height:33px;
  font: normal 19px/33px 'GestaMedium',Arial,Helvetica,sans-serif;
}

.button-blue-small a, .button-blue-small-arrow a, .button-blue a, .button-blue-arrow a {
  text-shadow:#268cb7 0 1px 1px;
}

.button-green-small a span, .button-blue-small a span, .button-green-small-arrow a span, .button-blue-small-arrow a span {
  display: block;
  line-height: 16px;
  padding: 8px 10px 6px 18px;
}

.button-green a span, .button-blue a span, .button-green-arrow a span, .button-blue-arrow a span {
  display: block;
  line-height: 16px;
  padding: 9px 10px 8px 18px;
}

.button-green-small a span, .button-green-small-arrow a span {
  background: url("../images/button_small_green_left.png") no-repeat left top;
}

.button-green a span, .button-green-arrow a span {
  background: url("../images/button_green_left.png") no-repeat left top;
}

.button-green-small a, .button-blue-small a, .button-green-small-arrow a, .button-blue-small-arrow a {
  background: url("../images/button_small_green_right.png") no-repeat right top;
}

.button-green a, .button-blue a, .button-green-arrow a, .button-blue-arrow a {
  background: url("../images/button_green_right.png") no-repeat right top;
}

.button-green-small a, .button-blue-small a, .button-green a, .button-blue a {
  padding-right:7px;
}

.button-blue-small a span, .button-blue-small-arrow a span {
  background: url("../images/button_small_blue_left.png") no-repeat left top;
}

.button-blue a span, .button-blue-arrow a span {
  background: url("../images/button_blue_left.png") no-repeat left top;
}

.button-blue-small a, .button-blue-small-arrow a {
  background: url("../images/button_small_blue_right.png") no-repeat right top;
}

.button-blue a, .button-blue-arrow a {
  background: url("../images/button_blue_right.png") no-repeat right top;
}

.button-green-small a:hover, .button-green-small-arrow a:hover, .button-blue-small a:hover, .button-blue-small-arrow a:hover {
  background-position: right -30px;
  text-decoration:none;
}

.button-green a:hover, .button-green-arrow a:hover, .button-blue a:hover, .button-blue-arrow a:hover {
  background-position: right -33px;
  text-decoration:none;
}

.button-green-small a:hover span, .button-green-small-arrow a:hover span, .button-blue-small a:hover span, .button-blue-small-arrow a:hover span {
  background-position: 0 -30px;
  text-decoration:none;
}

.button-green a:hover span, .button-green-arrow a:hover span, .button-blue a:hover span, .button-blue-arrow a:hover span {
  background-position: 0 -33px;
  text-decoration:none;
}

.button-green-small a:active, .button-green-small-arrow a:active, .button-blue-small a:active, .button-blue-small-arrow a:active {
  background-position: right -60px;
}

.button-green a:active, .button-green-arrow a:active, .button-blue a:active, .button-blue-arrow a:active {
  background-position: right -66px;
}

.button-green-small a:active span, .button-green-small-arrow a:active span, .button-blue-small a:active span, .button-blue-small-arrow a:active span {
  background-position: 0 -60px;
}

.button-green a:active span, .button-green-arrow a:active span, .button-blue a:active span, .button-blue-arrow a:active span {
  background-position: 0 -66px;
}

/******************* Buttons - Inactive State *****************/

.button-green-small a.inactive:active, .button-green-small-arrow a.inactive:active, .button-blue-small a.inactive:active, .button-blue-small-arrow a.inactive:active,
.button-green-small a.inactive:hover, .button-green-small-arrow a.inactive:hover, .button-blue-small a.inactive:hover, .button-blue-small-arrow a.inactive:hover,
.button-green-small a.inactive, .button-green-small-arrow a.inactive, .button-blue-small a.inactive, .button-blue-small-arrow a.inactive {
  background-position: right -90px;
  cursor:default;
}

.button-green-small a.inactive:active span, .button-green-small-arrow a.inactive:active span, .button-blue-small a.inactive:active span, .button-blue-small-arrow a.inactive:active span,
.button-green-small a.inactive:hover span, .button-green-small-arrow a.inactive:hover span, .button-blue-small a.inactive:hover span, .button-blue-small-arrow a.inactive:hover span,
.button-green-small a.inactive span, .button-green-small-arrow a.inactive span, .button-blue-small a.inactive span, .button-blue-small-arrow a.inactive span {
  background-position: 0 -90px;
  text-shadow:#848484 0 1px 1px;
}

.button-green a.inactive:active, .button-green-arrow a.inactive:active, .button-blue a.inactive:active, .button-blue-arrow a.inactive:active,
.button-green a.inactive:hover, .button-green-arrow a.inactive:hover, .button-blue a.inactive:hover, .button-blue-arrow a.inactive:hover,
.button-green a.inactive, .button-green-arrow a.inactive, .button-blue a.inactive, .button-blue-arrow a.inactive {
  background-position: right -99px;
  cursor:default;
}

.button-green a.inactive:active span, .button-green-arrow a.inactive:active span, .button-blue a.inactive:active span, .button-blue-arrow a.inactive:active span,
.button-green a.inactive:hover span, .button-green-arrow a.inactive:hover span, .button-blue a.inactive:hover span, .button-blue-arrow a.inactive:hover span,
.button-green a.inactive span, .button-green-arrow a.inactive span, .button-blue a.inactive span, .button-blue-arrow a.inactive span {
  background-position: 0 -99px;
  text-shadow:#848484 0 1px 1px;
}

/******************* Headlines *****************/

h1,h2,h3,h4 {
  font: 32px/36px 'GestaRegular',Arial,Helvetica,sans-serif;
  color:#15b3dd;
  margin:20px 0;
}

h1 {
  position: relative;
  font-family: 'GestaLight', Arial, Helvetica, sans-serif;
  font-size: 48px;
  white-space:nowrap;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
}

h3,h4 {
  font-family:'GestaBold',Arial,Helvetica,sans-serif;
  color: #484848;
  margin: 1.5em 0 0.5em;
}

h2 {font-size: 28px;line-height: 28px;}
h3 {font-size: 19px;line-height: 19px;}
h4 {font-size: 16px;line-height: 16px;}

/***************** Tooltip *********************/

.popup {
  display: none;
  position: relative;
}

.popup .popup-arrow {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  background: url("../images/popup-arrow.gif") no-repeat top left;
  width: 23px;
  height: 17px;
  z-index: 251;
}

.popup .popup-content {
  position: absolute;
  top: 0;
  left: 22px;
  background: #dcf4fa;
  border: 1px solid #d6edf3;
  color: #555;
  font: normal 12px/1.5em "Arial",sans-serif;
  padding: 6px 12px;
  width: 222px;
  text-align: left;
  z-index: 250;
}

.popup .popup-content strong {
  color: #555 !important;
}

.popup .popup-content p:last-child {
  margin-bottom: 0;
}

/***************** Basic Table *********************/

table.formatted {
  font-size: 100%;
  border-collapse: collapse;
}

table.formatted thead th:first-child {
  -moz-border-radius: 3px 0 0 0;
  -webkit-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}

table.formatted thead th:last-child {
  -moz-border-radius: 0 3px 0 0;
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

table.formatted thead tr th, table.formatted tbody tr td
{
  vertical-align: middle;
  text-align: left;
  padding: 6px;
}

table.formatted thead tr th {
  background: #0caedc url("../images/table-header-shade.png") bottom left repeat-x;
  color: #fff;
  font: normal 16px/16px 'GestaBold',Arial,Helvetica,sans-serif;
  text-shadow: #2fa0cf 0 1px 1px;
}

table.formatted tbody tr td {
  border: 1px solid #e2e2e2;
}

table.formatted td.key {
  font-weight: bold;
}

table.alternated tr.even td {
  background-color: #f6f6f6;
}

/***************** Table for Forms *********************/

table.form-input td {
  vertical-align: top;
}

table.form-input td.input input.short,
table.form-input td.input textarea.short,
table.form-input td.input span.short {
  width: 150px;
}

table.form-input td.input select.short {
  width: 162px;
  height: 30px;
}

table.form-input td.input input.medium,
table.form-input td.input textarea.medium,
table.form-input td.input span.medium {
  width: 250px;
}

table.form-input td.input select.medium {
  width: 262px;
  height: 30px;
}

table.form-input td.input input.longish,
table.form-input td.input textarea.longish,
table.form-input td.input span.longish {
  width: 300px;
}

table.form-input td.input select.longish {
  width: 312px;
  height: 30px;
}

table.form-input td.input input.long,
table.form-input td.input textarea.long,
table.form-input td.input span.long {
  width: 350px;
}

table.form-input td.input input.full,
table.form-input td.input textarea.full,
table.form-input td.input span.full {
  width: 100%;
}

table.form-input td.input select.long {
  width: 362px;
  height: 30px;
}

table.form-input td {
  padding: 8px 0 8px 0;
}

table.form-input td.field {
  padding-top: 14px;
  padding-right: 40px;
  white-space: nowrap;
  color: #777;
  font-weight: bold;
}

table.form-input td.required {  /* marks a required field, use with the "field" class */
  background: transparent url("../images/required-field-marker.gif") right 20px no-repeat;
}

table.form-input td.input {
  padding-right: 10px;
}

table.form-input td.fixed-input { /* non-editable field with a predefined value */
  padding-top: 14px;
  padding-right: 20px;
  color: #333;
  font-weight: bold;
}

table.form-input td.input span.inline-tip /* short inline explanation below a form input field */
{
  display: block;
  margin-top: 3px;
  font-family: "Arial",sans-serif;
  font-size: 11px;
  line-height: 130%;
  color: #777;
  font-weight: normal;
}

table.form-input td.tip {
  padding-right: 20px;
}

table.form-input td.tip a {
  display: block;
  padding-top: 5px;
  width: 23px;
  height: 23px;
  background: #fff url("../images/cp-explain.gif") no-repeat center center;
}

table.form-input td.required-notice {  /* explains what marked fields are. use in the very last row of the form table */
  padding-top: 25px;
}

table.form-input td.required-notice span {
  padding: 6px 0 0 13px;
  background: transparent url("../images/required-field-marker.gif") left 9px no-repeat;
  border-top: 1px solid #bbb;
  font-family: "Arial",sans-serif;
  font-size: 11px;
  color: #777;
}

table.form-input td.error {
  color: #f53708;
  padding-top: 14px;
  font-weight: bold;
}

table.form-input td.fieldset-heading h3 {
  margin-top: 0;
  display: block;
  border-bottom: 1px dotted #ccc !important;
  padding-bottom: 10px;
}

table.form-input td.fieldset-separator h3 {
  margin-top: 30px;
}

table.form-input span.error {
  display: block;
  color: #f53708;
  margin-top: 5px;
  font-weight: bold;
}


/***************** Unordered Lists *********************/

ul.formatted, ul.spacing-medium, ul.spacing-large {
  list-style-type: none;
  padding-left:2em;
}

ul.formatted li, ul.spacing-medium li, ul.spacing-large li {
  background: url("../images/bullet.png") no-repeat left 7px;
  padding-left:1em;
}

ul.spacing-medium li, ol.spacing-medium li {
  margin-bottom: 0.75em;
}

ul.spacing-large li, ol.spacing-large li {
  margin-bottom: 1.4em;
}

/***************** Ordered Lists *********************/

table.ordered-list td {
  padding: 0.5em 0 1em 1em;
  vertical-align:top;
  margin-bottom: 2em;
}

table.ordered-list td.number {
  padding: 0;
}

table.ordered-list td.number span {
  display: block;
  font: normal 19px/19px 'GestaBold','Trebuchet MS',Arial,Helvetica,sans-serif;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  padding: 0;
  background: #0caedc; /* Old browsers */
  background: -moz-linear-gradient(top, #5ac0eb 0%, #2a91bb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ac0eb), color-stop(100%,#2a91bb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5ac0eb 0%,#2a91bb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5ac0eb 0%,#2a91bb 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5ac0eb 0%,#2a91bb 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac0eb', endColorstr='#2a91bb',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #5ac0eb 0%,#2a91bb 100%); /* W3C */
  border-radius: 4px;
}

table.ordered-list td.verbose {
  padding-top: 0;
}

table.ordered-list td h4 {
  margin: 0 0 0.5em 0;
}

/***************** Lines and separators *********************/

.line_dotted {
  margin: 20px 0 15px 0;
  padding: 0;
  border-bottom: 1px dotted #737373;
  line-height: 0px;
  overflow: hidden;
}

div.section-separator {
  width: 100%;
  height:1px;
  line-height:1px;
  background: transparent url("../images/dotted_fix.gif") bottom left repeat-x;
  margin:20px 0;
}

/* ------------------------------------------------------------------- */
/* Information, error and warning boxes with gradients + rounded corners +
  graceful degradation to order browsers.*/

div.info-box, div.error-box, div.warning-box {
  padding: 15px 15px 3px 15px;
  margin-bottom: 20px;
}

div.info-box {
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #f2f2f2; /* Old browsers */
  background: -moz-linear-gradient(top, #F6F6F6 0%, #EAEAEA 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#EAEAEA)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F6F6F6 0%,#EAEAEA 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F6F6F6 0%,#EAEAEA 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #F6F6F6 0%,#EAEAEA 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#EAEAEA',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #F6F6F6 0%,#EAEAEA 100%); /* W3C */
}

div.error-box
{
  border: 1px solid #d91a1f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fbe8e8; /* Old browsers */
  background: -moz-linear-gradient(top, #fbe8e8 0%, #fbd7d7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe8e8), color-stop(100%,#fbd7d7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbe8e8 0%,#fbd7d7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbe8e8 0%,#fbd7d7 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #fbe8e8 0%,#fbd7d7 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe8e8', endColorstr='#fbd7d7',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #fbe8e8 0%,#fbd7d7 100%); /* W3C */
}

div.warning-box {
  border: 1px solid #fff057;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #FFFAAE; /* Old browsers */
  background: -moz-linear-gradient(top, #FFFAAE 0%, #F6EF82 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFAAE), color-stop(100%,#F6EF82)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFAAE 0%,#F6EF82 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFAAE 0%,#F6EF82 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #FFFAAE 0%,#F6EF82 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFAAE', endColorstr='#F6EF82',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #FFFAAE 0%,#F6EF82 100%); /* W3C */
}

div.error-box {
  color: #000;  // the default text style reads poorly on red
}

/* Use H3 for box titles if needed */
div.info-box h3, div.error-box h3, div.warning-box h3 {
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  font-family: "GestaBold",Arial,sans-serif;
  font-weight: bold;
}

div.info-box h3 {
  font-size: 20px;
  color: #333;
}

div.error-box h3, div.warning-box h3 {
  font-size: 22px;
  text-transform: uppercase;
}

div.error-box h3 {
  color: #d91a1f;
}

div.warning-box h3 {
  color: #f53708;
}

/* Wrap the buttons at the end of the dialog in this - will provide proper
  spacing from the bottom of the box */
div.info-box .box-buttons, div.error-box .box-buttons, div.warning-box .box-buttons {
  margin: 20px 0 15px 0;
}

/* General tab style */

ul.tabs,
ul.tabs li {
  list-style-type: none;
  margin: 0 !important; /* IE6 Arghhhhhh */
  padding: 0;
}

ul.tabs {
  border-bottom: 1px solid #ccc;
  padding: 0 0 38px 10px;
}

ul.tabs li {
  display: inline;
}

ul.tabs li a { /* inactive + common tab style */
  float: left;
  height: 37px;
  line-height: 37px;
  margin: 0 5px 0 0;
  padding: 0 15px;
  border: 1px solid #ccc;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #f0f0f0;
  color: #484848;
  text-decoration: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}

ul.tabs li a:hover {
  text-decoration: none; /* IE: Disable underlining */
  color: #555;
  background: #f8f8f8; /* Old browsers */
  background: -moz-linear-gradient(top, #f0f0f0 0%, #f8f8f8 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(50%,f8f8f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%,#f8f8f8 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%,#f8f8f8 50%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%,#f8f8f8 50%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #f0f0f0 0%,#f8f8f8 50%); /* W3C */
}

ul.tabs li.active a,
ul.tabs li.active a:hover {
  color: #484848;
  border-bottom: 1px solid #fff;
  cursor: default;
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 50%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 50%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #f2f2f2 0%,#ffffff 50%); /* W3C */
}

div.tabbed-content {
  padding: 20px 22px;
}

/***************** Footer menu *********************/

#footer_list_holder {
  width: 675px;
}

.footer_list {
  width: 155px;
  margin-right: 17px;
  float: left;
}

.footer_list_right {
  width: 155px;
  float: left;
}

.footer_list ul, .footer_list_right ul {
  width: auto;
  list-style-type: none;
  padding-left:0;
  font: normal 13px/13px 'GestaBold',Arial,Helvetica,sans-serif;
  color: #777;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
}

.footer_list ul li, .footer_list_right ul li {
  margin: 0;
  padding-bottom:15px;
}

.footer_list ul a, .footer_list_right ul a {
  color: #676767;
}

.footer_list ul a:hover, .footer_list_right ul a:hover {
  color: #222;
}

.footer_list ul li ul, .footer_list_right ul li ul {
  margin: 8px 0 0 10px;
  padding: 0;
  color: #888;
}

.footer_list ul li ul li, .footer_list_right ul li ul li {
  margin: 0;
  padding: 0 0 8px 0;
}

.footer_list li.footer_node_with_subnodes, .footer_list_right li.footer_node_with_subnodes {
  padding: 0;
}

.footer_list ul li ul li a, .footer_list_right ul li ul li a {
  font-family:'GestaRegular',Arial,Helvetica,sans-serif;
  color: #999;
  text-decoration: none;
  border: 0;
}

.footer_list ul li ul li a:hover, .footer_list_right ul li ul li a:hover {
  color: #666;
  text-decoration: underline;
  border: 0;
}

#footer_info_holder {
  width: 160px;
  position: absolute;
  right: 20px;
  bottom: 12px;
}

#footer_info_holder img {
  display: block;
  margin: 0 0 10px 0;
  float: right;
}

#copyright-notice {
  margin:-15px auto 15px;
  text-align: center;
  width: 960px;
  font: 10px Arial,Verdana,Tahoma;
  color: #999;
}

/************* Breadcrumb ***************/

#breadcrumb {
  width: 100%;
  padding-bottom:15px;
  line-height:13px;
  margin:15px 0;
  background: #fff url("../images/dotted_fix.gif") repeat-x bottom left;
}

#breadcrumb a, #breadcrumb span.leaf-node {
  font-family: 'GestaRegular', Arial, Helvetica, sans-serif;
  color: #888;
  text-decoration: none;
}

#breadcrumb a:hover {
  color: #333;
  text-decoration: underline;
}

#breadcrumb img {
  margin: 0 5px 0 5px;
  padding: 0;
}

/************* Page navigation ***************/

.pages {
  width: auto;
  margin: 0 auto 1em;
  padding: 7px 0;
  text-align: center;
}

.pages a {
  margin: 0 3px 0 0;
  padding: 3px 7px;
  color: #484848;
  background-color: #F6F6F6;
  text-decoration: none;
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border .218s ease;
  -moz-transition: border .218s ease;
  -o-transition: border .218s ease;
  transition: border .218s ease;   
}

a.hellip, .pages a.hellip:hover {
  border:none;
  background-color:#fff;
  color: #484848;
  cursor: default;
}

.pages a:hover {
  color: #fff;
  background-color: #15b3dd;
  text-decoration: none;
  border: 1px solid #15b3dd;
}

.pages a.active, .pages a.active:hover {
  background-color: #e7f6fc;
  border: 1px solid #15b3dd;
  color: #484848;
  cursor: default;
}

.pages a.inactive, .pages a.inactive:hover {
  color: #b7b7b7;
  background-color: #fff;
  border: 1px solid #eee;
  cursor: default;
}

/***************** Lists ******************/

ul.basic, ul.basic ul {
  list-style-type:disc;
  padding-left: 1.5em;
}
/***************** SIDEBAR ******************/

.sidebar_title {
  margin:25px 0;
  padding-left: 28px;
  font-size:11px;
}

#sidebar .sidebar_title:first-child {
  margin-top: -9px !important;
}

.sidebar_title h3 {
  font: 20px/36px 'GestaLight',Arial,sans-serif;
  font-size: 17px;
  margin: 0;
  color: #909090;
  text-transform: none;
}

.sidebar_menu {
  width: 200px;
  border-bottom: 1px solid #d2d2d2;
}

.sidebar_menu a {
  width: 172px;
  padding: 11px 0 11px 27px;
  display: block;
  color: #8c8c8c;
  border-left: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}

.sidebar_menu a:hover {
  color: #47b4e3;
  text-decoration: none;
  background-color: #ebebeb;
}

.sidebar_menu a.ext_link {
  background: #fafafa url("../images/ext_link.gif") no-repeat 163px center;
}

.sidebar_menu a.ext_link:hover {
  background: #ebebeb url('../images/ext_link_hover.gif') no-repeat 163px center;
}

a.sidebar_menu_on {
  color: #47b4e3;
  background-color: #fff;
  border-left: 1px solid #fff;
}

a:hover.sidebar_menu_on {
  color: #47b4e3;
  background-color: #fff;
}

.sidebar_title .companyid {
  float:left;
  font: bold 12px/12px Arial,sans-serif;
  margin-right:6px;
}

.sidebar_title .popup-content {
  top:16px;
  font-weight:normal;
}

.sidebar_title .popup-arrow {
  background: url('../images/popup-arrow-up.gif') no-repeat left top;
  width: 16px;
  height: 11px;
  display:block;
  left:185px;
}

/************************** RATING ****************************/

#cfs-rating-block {
  position: relative;
  border-top: 1px solid #d2d2d2;
  padding: 20px 40px 20px 40px;
}

#cfs-rating-block div.cfs-rating-block-shadow {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* W3C */
}

#middle_holder #middle #cfs-rating-block {
  margin: 0 200px 0 -39px;
}

#middle_holder_full #middle #cfs-rating-block {
  margin: 0 0 0 -39px;
}

#cfs-star-ratings {
  margin: 5px 0 0 0;
  width: 105px;
  height: 20px;
  background: transparent url('../images/cfs-rating.gif') no-repeat 0 0;
}

#cfs-star-ratings a {
  float: left;
  display: block;
  height: 20px;
  width: 21px;
  cursor: pointer;
}

#cfs-rating-status-indicator,
#cfs-text-status-indicator {
  display: block;
  font: normal 13px/20px "Arial","Helvetica",sans-serif;
  color: #777;
}

#cfs-rating-block .error {
  background: transparent url('../images/cfs-error.png') left center no-repeat;
  padding-left: 20px;
  color: #d91a1f;
}

#cfs-rating-block .progress {
  background: transparent url('../images/cfs-progress.gif') left center no-repeat;
  padding-left: 20px;
  color: #777;
}

#cfs-rating-block .success {
  background: transparent url('../images/cfs-ok.png') left center no-repeat;
  padding-left: 20px;
  color: #484848;
}

#cfs-text-status-indicator {
  margin: 0 0 5px 0;
}

#cfs-textual-feedback-block {
  display: none;
  zoom: 1; /* hasLayout trigger. Dammit IE. */
  margin: 15px 0 0 0;
}

#cfs-textual-feedback-input {
  width: 80%;
  margin-bottom: 10px;
  color: #aaa; /* Color used for unfocused state with default text */
}

#cfs-textual-feedback-block textarea.focused {
  color: #484848; /* Color used for focused state with user-entered text */
}


/************************ EOF RATING **************************/

/********************* Login & Signup, Header Company selector **********************/

#btn_login {
  position:absolute;
  top: 0;
  left:170px;
  height:38px;
  width:790px;
}

.login-left-side, .login-right-side, .login-left-side-noicon {
  display:inline-block;
  height:37px;
  float:right;
}

.login-left-side {
  width:35px;
  background: transparent url(../images/login-left-side.png) no-repeat left top;
}

.login-left-side-noicon {
  width:8px;
  background: transparent url(../images/login-left-side-noicon.png) no-repeat left top;
  margin-left: 10px;
}

.login-right-side {
  width:8px;
  background: transparent url(../images/login-right-side.png) no-repeat left top;
}

.cp-login-content {
  float:right;
  height:36px;
  background: #3b8aab;
  line-height:37px;
  border-bottom: 1px solid #37809e;
  color: #d2d2d2;
  border-right: 10px solid #3b8aab;
}

.cp-login-content a {
  color:#fff;
}

.cp-login-content a#sign-in {
  width:100%;
  height:100%;
  padding: 0 14px 0 8px;
  font-weight: bold;
  background: transparent url(../images/signin-dropdown.gif) no-repeat right center;
}

.cp-login-content a#sign-in:hover {
  text-decoration: none;
}

/* Signed In */
#cp-signin-control, #cp-signout-control {
  cursor: pointer;
}

#login-wrap.loggedin .cp-login-content {
  border-right: 0;
}

.cp-login-content ul,
.cp-login-content ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: block;
}

.cp-login-content ul {
  clear: both;
}

.cp-login-content ul li {
  display: block;
  float: left;
  line-height: 37px;
  height: 37px;
  padding-right: 5px;
}

.cp-login-content ul li.first {
  padding-left: 5px;
}

.cp-login-content ul li.last {
  padding-right: 0;
}

.cp-login-content ul li a,
.cp-login-content ul li a:visited,
.cp-login-content ul li a:hover,
.cp-login-content ul li a:active,
.cp-login-content ul li a:focus {
  display: block;
  font-weight: bold;
  text-decoration: underline;
}

#cp-header-user, #cp-header-company {
  margin: 0 5px; /* spacing for the user name and company name */
}

#cp-header-signout, #cp-header-signout:hover {
  margin: 0 2px 0 10px; /* spacing for the sign out link */
  text-decoration:none;
}

/* do not let the user name or company name overflow from the header */
#cp-header-user, #cp-header-company {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#cp-header-user {
  max-width: 220px;
}
#cp-header-company {
  max-width: 280px; /* let the company name (usually longer) flow longer */
}

.cp-login-content ul li.cp-header-change-button {
  padding: 0;
}

.cp-login-content ul li.cp-header-change-button a {
  display: block;
  margin: 9px 4px 0 5px;
  padding: 0 6px;
  font: bold 11px/20px "Arial","Helvetica",sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  color: #484848;
}

.cp-login-content ul li.cp-header-change-button a:hover {
  background-color: #e7e7e7;
}

.cp-login-content ul li.separator {
  border-right: 1px solid #fff;
  margin: 0 0 0 5px;
  padding:0;
}

/*========================eof peter.css merge ==========================*/

/* Sign in clicked, dropdown appears */

.signin-content {
  border-bottom: 1px solid #3b8aab !important;
}

.signin-leftside {
  background-position:  0 -37px !important;
}

.signin-rightside {
  background-position:  0 -37px !important;
}

.signin-content a#sign-in {
  background: transparent url(../images/signin-dropdown-up.gif) no-repeat right center;
}


/* ------------------------------------------------------------------- */
/* Sign in dropdown window styling */

#login-window {
  display:none;
  width: 296px;
  height:156px;
  padding:12px;
  position:absolute;
  left:640px;
  top:36px;
  background: transparent url(../images/login-window.png) no-repeat left top;
  z-index:200;
  font-size:11px;
  color:#fff;
  overflow: hidden;
}

#login-window td {
  font-size:13px;
  font-weight: bold;
  height:33px;
  padding:10px 20px 0 10px;
  vertical-align:middle;
  white-space:nowrap;
}

#login-window table tbody td.second {
  padding:10px 0 0 10px;
}

#login-window table tbody td.second input.checkbox {
  width: 13px;
  height:13px;
  margin:0;
  padding:0;
}

#login-window input {
  font-size:13px;
  width:168px;
  height:27px;
  background: #fff;
  border: none;
  padding: 0 8px;
  color:#484848;
}

#login-window a {
  color: #fff;
  text-decoration: underline;
}

#login-window td.pwd-box input {
  width: 137px;
  float: left;
}

#login-window .qm {
  float: left;
  display: block;
  margin: 2px 0 0 8px;
  width: 23px;
  height: 23px;
  line-height: 23px;
  background: transparent url(../images/signin-box-qm.png) no-repeat 0 0;
}

#login-window .hs-pwd-info {
  display: none;
  font-size: 13px;
  padding: 10px;
}

#login-window .hs-pwd-info span.h {
  display: block;
  font: 16px "GestaBold","Arial",sans-serif;
  margin-bottom: 5px;
}

/* ------------------------------------------------------------------- */
/* Sign in dropdown button styling */

#login-window button#cp-header-login-button, #login-window .hs-pwd-info button.close  {
  /*width: 50px;*/
  display: inline-block;
  text-align: center;
  font-weight: normal;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 15px 15px 0;
  color: #fff;
  background-color: #77d021;
  text-decoration: none;
  padding: 5px 7px;
}

#login-window button#cp-header-login-button:hover, #login-window .hs-pwd-info button.close {
  background-color: #66bd14;
  cursor: pointer;
}

#login-window input#remember {
  padding:0;
  margin: 3px 0 3px 0;
}

/* ------------------------------------------------------------------- */
/* Sign Up link in the header */

#cp-header-sign-up-link {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 132px;
  z-index: 999; /* otherwise the login button would cover it */
}

#cp-header-sign-up-link a {
  font: 11px/38px "Arial",sans-serif;
  color: #fff;
  text-decoration: underline;
}

/***************** Dropdown style for SELECT ********************/
/******* Applied on SELECT elements with "dropdown" class *******/

.dd {
  text-align:left;
  float:left;
}
.dd .ddTitle {
  background:#fff url('../images/select-bg.png') no-repeat 0 0;
  padding:0px;
  cursor:default;
  overflow:hidden;
  height:30px;
  width:80px;
}
.dd .ddTitle span.arrow {
  background:url('../images/select-arrow.png') no-repeat 0 0;
  float:right;
  display:inline-block;
  width:25px;
  height:30px;
  cursor:pointer;
}

.dd .ddTitle:hover {
  background-position: 0 -30px;
}

.dd .ddTitle span.ddTitleText {
  overflow:hidden;
  line-height:30px;
  padding:0 0 0 5px
}
.dd .ddTitle span.ddTitleText img {
  text-align:left;
  padding:0 2px 0 0
}

.dd .ddTitle img.selected {
  padding:7px;
  vertical-align:middle;
}

.dd .ddChild {
  position:absolute;
  border:1px solid #d2d2d2;
  display:none;
  margin:0;
  width:78px !important;
  overflow:auto;
  overflow-x:hidden !important;
  background-color:#fafafa;
}

.dd .ddChild .opta a, .dd .ddChild .opta a:visited {
  padding-left:10px;
}

.dd .ddChild a {
  display:block;
  line-height:30px;
  padding:0 6px;
  background: transparent url('../images/dotted_fix.gif') repeat-x bottom left;
  text-decoration:none;
  color:#484848;
  overflow:hidden;
  white-space:nowrap;
}

.dd .ddChild a:hover {
  background-color:#e7f5fb;
}

.dd .ddChild a:last-child {background-image:none;}

.hidden {display:none;}

/* ------------------------------------------------------------------- */
/* Dialog header - use this class with dialogs that have a H2 header and
  are displayed in a Colorbox dialog */

.modal-dialog h2 {
  margin: 0 0 15px 0;
}

/* ------------------------------------------------------------------- */
/* Payment information section (renewal and extra seat pages) */

.payment-info-block div.icons {
  float: right;
  width: 180px;
}

/* Large Payment Icons */

.payment-info-block div.payment-icon {
  float: left;
  width: 50px;
  height: 31px;
  margin: 0 0 10px 10px;
  display:block;
}

.payment-info-block div.icons .visa, .payment-info-block div.icons .mastercard,
.payment-info-block div.icons .amex, .payment-info-block div.icons .maestro,
.payment-info-block div.icons .paypal, .payment-info-block div.icons .jcb,
.payment-info-block div.icons .wiretransfer {
  background: url('../images/payment-icons.png') no-repeat left top;
}

.payment-info-block div.icons .mastercard {
  background-position: 0 -31px;
}

.payment-info-block div.icons .amex {
  background-position: 0 -62px;
}

.payment-info-block div.icons .maestro {
  background-position: 0 -93px;
}

.payment-info-block div.icons .paypal {
  background-position: 0 -124px;
}

.payment-info-block div.icons .jcb {
  background-position: 0 -155px;
}

.payment-info-block div.icons .wiretransfer {
  background-position: 0 -186px;
}

/* ------------------------------------------------------------------- */
/* General table style for pricing */

table.pricing-table td,
table.pricing-table th {
  text-align: center !important;
}

table.pricing-table td.users {
  font-weight: normal;
}

table.pricing-table td.price {
  font-weight: bold;
}

/* ------------------------------------------------------------------- */
/* Company Selector table style */
table.company-selector {
  width: 100%;
}

table.company-selector tbody tr {
  height: 90px;
}

table.company-selector tbody tr td {
  vertical-align: middle;
}

table.company-selector td.licenses, table.company-selector td.expiration, table.company-selector td.switch,
table.company-selector th.licenses, table.company-selector th.expiration, table.company-selector th.switch {
  padding: 2px 10px;
  text-align: center;
}

table.company-selector td.company span.name {
  font-weight: bold;
}

table.company-selector td.company span.account-id {
  display: inline-block;
  color: #fff;
  padding: 0 5px;
  background-color: #bbb;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: bold 11px/16px "Arial",sans-serif;
}

table.company-selector td.company span.address {
  display: block;
}

table.company-selector td.company span.address,
table.company-selector td.licenses span.license-count {
  font-family: "Arial",sans-serif;
  font-size: 12px;
  color: #777;
}

table.company-selector td.licenses span.product-name,
table.company-selector td.licenses span.license-count,
table.company-selector td.expiration span.expiry-left,
table.company-selector td.expiration span.expiry-left-highlight {
  display: block;
  white-space: nowrap;
}

table.company-selector td.licenses span.product-name {
  font-weight: bold;
}

table.company-selector td.expiration span.expiry-left-highlight {
  color: #f53708;
  font-weight: bold;
}

table.company-selector td.expiration span.expiry-date {
  display: block;
  margin-bottom: 5px;
  white-space: nowrap;
  color: #777;
  font: 11px "Arial", sans-serif;
}

table.company-selector td.expiration a.expiry-renew {
  display: inline-block;
  padding: 0 5px;
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #f53708;
  text-decoration: none;
}

table.company-selector td.expiration a.expiry-renew span {
  display: inline-block;
  padding: 0 12px 0 0;
  font: bold 11px/18px "Arial",sans-serif;
  color: #fff;
  white-space: nowrap;
  background: transparent url('../images/tinyarrow-white.gif') right center no-repeat;
  cursor: pointer; /* IE fix */
}

table.company-selector tr.selected-company td {
  border-top: 2px solid #0caedc;
  border-bottom: 2px solid #0caedc;
}

/* Hide the top border of the selected company if it is the first row of the table - will work in newer browsers only */
table.company-selector tr.selected-company:first-child td {
  border-top: 0;
}

table.company-selector tr.selected-company td {
  background-color: #e7f6fc !important;
}

table.company-selector td.na {
  color: #777;
}


/* ------------------------------------------------------------------- */
/* Company Selector dialog */

#cp-company-dialog table, #cp-company-dialog div.pages {
  margin-top: 20px;
}

/* ------------------------------------------------------------------- */
/* Labels */

.grey-label, .blue-label, .red-label, .orange-label, .green-label, .grey-label-arrow, .blue-label-arrow, .red-label-arrow, .orange-label-arrow, .green-label-arrow,
a.grey-label:visited, a.blue-label:visited, a.red-label:visited, a.orange-label:visited, a.green-label:visited, a.grey-label-arrow:visited, a.blue-label-arrow:visited, a.red-label-arrow:visited, a.orange-label-arrow:visited, a.green-label-arrow:visited {
  font: bold 11px/14px "Arial",sans-serif;
  height:14px;
  display: inline-block;
  vertical-align: middle;
  padding: 2.5px 5px;
  white-space: nowrap;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-transform: uppercase;
  vertical-align:center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

a.grey-label, a.blue-label, a.red-label, a.orange-label, a.green-label, a.grey-label-arrow, a.blue-label-arrow, a.red-label-arrow, a.orange-label-arrow, a.green-label-arrow {
  cursor: pointer;  /* IE fix */
}

a.grey-label:hover, a.blue-label:hover, a.red-label:hover, a.orange-label:hover, a.green-label:hover, a.grey-label-arrow:hover, a.blue-label-arrow:hover, a.red-label-arrow:hover, a.orange-label-arrow:hover, a.green-label-arrow:hover {
  text-decoration:none;
}

.grey-label-arrow span, .blue-label-arrow span, .red-label-arrow span, .orange-label-arrow span, .green-label-arrow span {
  padding-right: 12px;
  height: 8px;
  background: #ccc url('../images/tinyarrow-white.gif') no-repeat right center/*3px*/;
}

.grey-label, .grey-label-arrow, .grey-label-arrow span {
  background-color: #ccc;
}

.blue-label, .blue-label-arrow, .blue-label-arrow span {
  background-color: #0caedc;
}

.red-label, .red-label-arrow, .red-label-arrow span {
  background-color: #f53708;
}

.orange-label, .orange-label-arrow, .orange-label-arrow span {
  background-color: #ff5800;
}

.green-label, .green-label-arrow, .green-label-arrow span {
  background-color: #77d021;
}

/* -------------------------------------------------------------------- */

/* Common class(es) for sub-header illustrations. For individual
  illustrations, define classes or IDs and adjust the background-image
  property only */
div.sub-header-illustration-medium {
  margin-top: -16px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 150px;
  margin-bottom: 25px;
}

/* -------------------------------------------------------------------- */
/* General two-columns layout for sidebar-ed and sidebarless pages */

div.layout-two-columns div.column-left {
  float: left;
  padding-right: 30px;
  margin-right: 30px;
}

div.layout-two-columns div.column-right {
  float: right;
}

/* Sidebarless two-columns layout */
#middle_holder_full div.layout-two-columns div.column-left,
#middle_holder_full div.layout-two-columns div.column-right {
  width: 409px;
}

/* Sidebared two-columns layout */
#middle_holder div.layout-two-columns div.column-left,
#middle_holder div.layout-two-columns div.column-right {
  width: 309px;
}

/* Reset the margin of any first element in the column, because floating
  will prevent the normal margin collapsing */
div.layout-two-columns div.column-left *:first-child,
div.layout-two-columns div.column-right *:first-child {
  margin-top: 0;
}

/* Additional class to be used with layout-two-columns for a dotted
  separator */
div.layout-column-separator-dotted div.column-left {
  border-right: 1px dotted #ccc;
}

/* Additional class to be used with layout-two-columns for a solid
  separator */
div.layout-column-separator-solid div.column-left {
  border-right: 1px solid #d2d2d2;
}

/* ---------------------------------------------------------------------*/
/* Decoration class for local anchor highlighting (to be used with
   multi-column anchors.*/

/* Override this decoration class on specific pages to set the style,
  distance, etc. of the highlight decoration. */
div.hl-anchor-deco {
  display: none;
  height: 5px;
  line-height: 5px;
  width: 100%;
  margin: 0 0 0.5em 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #77d021;
}

/* ---------------------------------------------------------------------*/
/* About Us page */

#about-us-fusion-logo {
  width: 101px;
  height: 200px;
  float: left;
  margin-right: 50px;
  margin-left: 20px;
}

#about-us-vamsoft-logo {
  width: 130px;
  height: 32px;
  float: left;
  margin-left: 10px;
  margin-top: 20px;
}

#about-us-vamsoft {
  float: right;
  width: 709px;
}

/* ---------------------------------------------------------------------*/
/* Anti-Spam Policy page */
img.anti-spam-policy-flag {
  width: 100px;
  height: 58px;
  padding: 10px;
  background-color: #f2f2f2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  margin: 0 0 10px 0;
}

div.anti-spam-policy-email-highlight {
  margin: 20px 0;
  text-align: center;
}

div.anti-spam-policy-email-highlight a {
  display: block;
  font: bold 16px/16px "Arial",sans-serif;
  padding: 20px;
  background-color: #f2f2f2;
  width: 75%;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
}

/* ---------------------------------------------------------------------*/
/* Navigation summary pages */

div.navigation-summary-page {
  margin: 20px 0 -20px -10px;
}

div.navigation-summary-page table {
  width: 100%;
  border-collapse: collapse;
}

div.navigation-summary-page table td {
  padding: 0 0 20px 0;
  width: 25%;
  vertical-align: top;
}

div.navigation-summary-page table td div {
  padding: 10px;
}

div.navigation-summary-page table td div.hover {
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #f2f2f2; /* Old browsers */
  background: -moz-linear-gradient(top, #F6F6F6 0%, #EAEAEA 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#EAEAEA)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F6F6F6 0%,#EAEAEA 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F6F6F6 0%,#EAEAEA 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #F6F6F6 0%,#EAEAEA 100%); /* IE10+ */
  background: linear-gradient(top, #F6F6F6 0%,#EAEAEA 100%); /* W3C */
}

div.navigation-summary-page table td a.green-label-arrow, div.navigation-summary-page table td a.blue-label, div.navigation-summary-page table td a.orange-label-arrow {
  margin-top: -5px;
  margin-bottom: 10px;
}

div.navigation-summary-page table td p {
  color: #555;
  margin-bottom: 0;
}

div.navigation-summary-page table td h3 {
  margin-top: 0;
}

div.navigation-summary-page table td div span.filesize {
  color: #777;
  font: normal 11px/4px Arial, sans-serif;
  margin: 0 0 0 5px;
  position: relative;
  top: -6px;
}

/* ---------------------------------------------------------------------*/
/* Partners: Become a Partner */

#partners-subheader-illustration {
  background-image: url('../images/illustrations/page-partners.jpg');
}

table.partners-application td.fob {
  padding-top: 10px;
}

table.partners-application td.clientele,
table.partners-application td.message {
  padding-top: 14px;
}

table.partners-application td.fob input,
table.partners-application td.clientele input,
table.partners-application td.nda input {
  margin: 0 5px 0 0;
}

table.partners-application td.fob input,
table.partners-application td.fob label {
  line-height: 200%;
}

table.partners-application td.clientele input,
table.partners-application td.clientele label {
  font-weight: bold;
}

table.partners-application td.clientele span {
  display: block;
  width: 75%;
  margin-top: 5px;
  font-family: "Arial",sans-serif;
  font-size: 12px;
  color: #777;
}

table.partners-application td.message textarea {
  width: 100%;
  height: 100px;
  margin-top: 5px;
}

table.partners-application td.nda textarea {
  width: 100%;
  margin-top: 5px;
  color: #555;
}

table.partners-application td.nda span.error {
  display: block;
  color: #f53708;
  margin: 5px 0 10px 0;
  font-weight: bold;
}

/* Text banner */

#page-banner {
  position: absolute;
  top: 115px;
  left: 12px;
  right: 12px;
  z-index: 100;
  height: 32px;
  line-height: 32px;
  border: 1px solid #eaeaea;
  background: #f2f2f2 url('../images/banner-background.png') left top repeat-y;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}

div.page-banner-on-sidebared-page {
  right: 212px !important;
}

#page-banner div.banner a.message,
#page-banner div.banner a.message:hover {
  color: #484848;
  text-decoration: none;
  display: block;
}

#page-banner div.banner a.additional-link {
  float: right;
}

/* ---------------------------------------------------------------------*/
/* Site banners */

#page-banner ul {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  list-style-type: none;
  padding: 0 6px;
  margin: 0;
}

#page-banner li {
  display: block;
  float: left;
  list-style-type: none;
  padding: 5px 0;
  margin: 0 0 0 5px;
}

#page-banner li a {
  display: block;
  font: bold 11px "Arial","Helvetica",sans-serif;
  padding: 3px 7px;
  color: #484848;
  border: 1px solid #ccc;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
  zoom: 1;
}

#page-banner li a:hover {
  background: #fff;
}

#page-banner li.active a,
#page-banner li.active a:hover {
  cursor: default;
  color: #fff;
  border-color: #999;
  background: #999; /* Old browsers */
  background: -moz-linear-gradient(top, #cccccc 0%, #999999 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#999999)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cccccc 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cccccc 0%,#999999 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #cccccc 0%,#999999 100%); /* IE10+ */
  background: linear-gradient(top, #cccccc 0%,#999999 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}

/* HTTP 500 and 404 pages */

div.error-500 {
  float: left;
  font: normal 120px "GestaMedium","Arial",sans-serif;
  color: #d91a1f;
  margin-top: -2%;
  margin-right: 20px;
  min-height: 250px;
}

#http-500-kitty {
  margin-top: 20px;
  border-radius: 8px;
}

div.error-404 {
  float: left;
  font: normal 120px "GestaMedium","Arial",sans-serif;
  color: #0caedc;
  margin-top: -2%;
  margin-right: 20px;
  text-align: right;
}

/***************** Partner Business Card ********************/

.cp-partner-business-card .partnerinfo-holder {
  float: left;
  width: 470px;
  line-height:1.8em;
}

.cp-partner-business-card .partnerinfo-holder h3 a:hover {
  text-decoration:none;
}

.cp-partner-business-card .partnerinfo-holder table td.heading {
  font-weight:bold;
  vertical-align:top;
  padding-right:15px;
  width:76px;
}

.cp-partner-business-card .logo-holder {
  float: left;
  display: block;
  width: 150px;
  height: 150px;
  border: 1px solid #eee;
  text-align: center;
  color: #a0a0a0;
  background-color: #fff;
  font: normal 11px/150px Arial, sans-serif;
  margin: 0 25px 0 0;
}

.cp-partner-business-card .clearfix {
  padding-bottom:15px;
}

div.cp-partner-reclaim-notice {
  font: 11px/1.7em 'Arial',sans-serif;
  color: #777;
  margin-top: -10px;
}

/* -------------------------------------------------------------------- */
/* RSS links in headers */
h1 a,
h1 a:hover,
h1 a:active,
h1 a:visited {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  right: 0;
  top: 4px;
  font-size: 1px; /* IE6 fix */
  background: transparent url('../images/rss.gif') 0 0 no-repeat;
}

h1 a:hover {
	background-position: 0 -30px;
}

/* -------------------------------------------------------------------- */
/* Chevrons */

div.chevron-full,
div.chevron-full-opened {
  background: #fff url("../images/full-chevron-bg.gif") left center repeat-x;
  cursor: pointer;
}

div.chevron-full a,
div.chevron-full-opened a,
a.chevron,
a.chevron-opened {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  background: #fff url("../images/chevron-closed.png") left center no-repeat;
  font-weight: bold;
  text-decoration: none;
}

div.chevron-full a,
div.chevron-full-opened a {
  padding: 0 10px 0 22px;
}

a.chevron, a.chevron-opened {
  padding: 0 0 0 22px;
  background-color: transparent;
}

div.chevron-full-opened a,
a.chevron-opened {
  background-image: url("../images/chevron-open.png");
}

/* News */
div.sidebar-news span.article-count { color: #aaa; }

div.sidebar-news a.arrow {
  display: inline-block;
  margin: 0 0 8px 28px;
  background: transparent url("../images/tinyarrow.png") right center no-repeat;
  padding-right: 14px;
}

div.news-item h2 {
  font: normal 20px "GestaBold","Arial",sans-serif;
  margin-bottom: 2px;
}

#pw-news-article h2 { margin-bottom: 3px; }

div.news-item div.date,
#pw-news-article div.date {
  color: #777;
  margin-bottom: 10px;
  font: normal 11px "Arial",sans-serif;
}
#pw-news-article div.date { margin-bottom: 20px; }
div.news-item a.read-more { margin-top: -15px; }

div.news-item a.ellipsis {
  color: #aaa;
  font-style: italic;
}


/* Download tables (generic) */

table.download-table {
  width: 100%;
}

table.download-table td {
  vertical-align: top;
  padding: 10px 5px;
}

table.download-table td.icon {
  padding-right: 10px;
}

table.download-table td.icon a {
  display: block;
  width: 32px;
  height: 32px;
}

table.download-table td.icon-exe a {
  background: transparent url('../images/file-icon-exe.png') center center no-repeat;
}

table.download-table td.icon-pdf a {
  background: transparent url('../images/file-icon-pdf.png') center center no-repeat;
}

table.download-table td.icon-zip a {
  background: transparent url('../images/file-icon-zip.png') center center no-repeat;
}

table.download-table td.icon-generic a {
  background: transparent url('../images/file-icon-generic.png') center center no-repeat;
}

table.download-table td.file {
  width: 100%;
  padding-right: 20px;
}

table.download-table td.file a.title {
  display: inline-block;
  font-family: "GestaBold","Arial",sans-serif;
  font-size: 16px;
}

table.download-table td.file div.file-info {
  margin: 2px 0 5px 0;
  color: #777;
  font: 11px/11px "Arial",sans-serif;
}

table.download-table td.file div.file-info a {
  color: #000;
}

table.download-table td.file span.info {
  color: #777;
  font: 11px/11px "Arial",sans-serif;
}

table.download-table td.download {
  vertical-align: middle;
}


/* Generic sidebar definitions */

div.generic-sidebar div.text,
div.generic-sidebar div.last-text
{
  padding: 0 28px 20px 28px;
  margin-top: -15px;
  font: normal 13px/150% "Trebuchet MS","Arial",sans-serif;
  color: #999;
}

div.generic-sidebar div.text {
  border-bottom: 1px solid #d2d2d2;
}

div.generic-sidebar a.arrow {
  display: inline-block;
  background: transparent url("../images/tinyarrow.png") right center no-repeat;
  padding-right: 14px;
}

/* FTP Signup */

td.ftp-nda div {
  background-color: #f2f2f2;
  padding: 20px !important;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}


/* Generic CODE and SAMP element styling */
code, samp {
  font: normal 13px/150% 'Consolas','Courier New',monospace;
}

samp {
  display: block;
  padding: 10px;
  background-color: #f2f2f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* VBSpam labels */
.vbspam-labels .green-label, .vbspam-labels .grey-label, .vbspam-labels .red-label {
  width: 60px;
}

#vbspam-award-logo {
  float: right;
  margin: 0 0 30px 30px;
  width: 129px;
  height: 193px;
}

textarea.error 
{
  border: 1px solid #ea8184;
}