body {
  background:#c6c6c6 url(../img/bg.gif) left top repeat-x;
  color:#312413;
  font-size:72%;
}

#wrap {
  width:940px;
  margin:0 auto;
  background:transparent url(../img/wrap.png) left top repeat-y;
}

/* Basic Typo */
a {
  color:#900; text-decoration:none; font-weight:bold;
}
a:hover {color:#000; text-decoration:underline;}

h2,
legend {
  font-size:1.8em;
  margin-bottom:5px;
  color:#00b4db;
}

/**
 * LAYOUT
 *
**/

#logo {
  padding:29px 0 29px 35px;
  clear:both; display:block; overflow:hidden;
}

#hd {
  margin:30px 34px 20px 34px;
  clear:both;
}
h1 {
  color:#00b4db;
  font-size:2.3em;
}

#hd .pulldown {
  padding:20px 20px 0 20px;
  height:50px;
  text-align:right;
}

#hd .pulldown *{
  margin:0;
}
#hd .pulldown select{
	width: 600px;
	#width: 590px;
	#font-size:10px;
}
.message {
  font-size:1.4em;
  font-weight:bold;
  color:#00db94;
  margin-bottom:20px;
}

#main {
  float:left;
  width:702px;
  min-height:1000px;
  height:auto !important;
  height:1000px;
  position:relative;
}

#maincontent {
  margin:0 16px 20px 34px;
  width:430px;
  float:left;
  clear:both; display:block; overflow:hidden;
}

.caption {
  font-size:1.2em;
  color:#666;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #ddd;
}

/**
 * SIDE
 *
**/

#side {
  margin:0 34px 20px 0px;
  width:186px;
  float:left;
}
  #side h2 {
    font-size:1.5em;
    padding-bottom:14px;
    margin-bottom:14px;
    border-bottom:1px solid #e3e3e3;
  }
  #side h3 {
    font-weight:normal;
  }
  
  #side .block {
    padding:12px;
    border:1px solid #bebebf;
    margin-bottom:10px;
  }
  #block-contact a {
    color:#707070;
    font-weight:normal;
  }
  #block-contact .url,
  #block-contact .url a {
    font-size:1.1em;
  }  
  #block-contact .details {
    color:#bebebf;
    font-size:0.8em;
    margin-bottom:0;
  }
  

#latest_updates h3 a {
  color:#707070;
}

#latest_updates p {
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #e3e3e3;
  color:#bbb;
  font-size:0.9em;
}

#latest_updates p.last {
  margin:0; padding:0; border:0;
}

/**
 * MENU
 *
**/

#menuwrap {
  width:210px;
  margin-left:14px;
  float:left;
}

#menu1 a,
#menu2 .blog a,
.menu h3 {
 font-size:1.4em;
 font-weight:normal;
 margin-bottom:0;
}
.menu p {
 font-size:0.8em;
 padding-top:3px;
}
.menu ul {
  list-style:none; margin-left:0;
}

#menu1 {
  background:transparent url(../img/menu1.jpg) left top repeat-x;
  margin-bottom:20px;
  padding-bottom:1px;
  clear:both; display:block; overflow:hidden;
}
#menu1,
#menu1 a {
  color:#fff;
}

#menu1 ul {
  margin:0;
}

#menu1 li {
  padding:18px;
  clear:both; display:block; overflow:hidden;
  margin-bottom:0;
  background:url(../img/menu1-hr.gif) center bottom no-repeat;
}

#menu1 li.last {
  /* Don't set background. Otherwise the menu will be buggy in IE6. No idea why */
  /*background:transparent;*/
  margin-bottom:0;
  background:url(../img/menu1-hr.gif) -2000px -2000px no-repeat;
}


#menu1 li.current {
  background:#fff;
}

#menu1 li.current,
#menu1 li.current a {
  color:#00acd5;
}
#menu1 li p {
  margin:0;
  clear:both; display:block; overflow:hidden;
}


/**
 * MENU2
 *
**/



#menu2 {
  list-style:none; margin-left:0;
  padding:0;
}

#menu2 ul {
  background:#f5f5f5 url(../img/menu2.jpg) left top repeat-y;
  margin-bottom:20px;
}

#menu2 li {
  display:block;
  padding:18px;
}

#menu2,
#menu2 a,
#menu2 h3{
  color:#00acd4;
}

#menu2 .blog p {
  background:url(../img/blog.png) bottom left no-repeat;
  padding-bottom:34px;
}

#menu2 .blog p,
#menu2 .icons {
  margin-bottom:0;
  clear:both; display:block; overflow:hidden;
}

#menu2 .icons a {
  display:inline;
  margin-right:4px;
}

/**
 * FOOTER
 *
**/

#footer {
  background: url(../img/footer.jpg) center top no-repeat !important;
  clear:both; display:block; overflow:hidden;
  _height:40px;
  padding-left: 200px;
}
#footer div{
  margin-top: 10px;
}
.footer{
	width: auto;
}

#footer, #footer a{
	font-size: 0.95em;
	color:#FFFFFF;
	font-weight: normal;
}
#footer .nav li {
	list-style-type: none;
	display:inline;
	padding: 0px 5px 0px 0px;
	#padding-left: 5px;
	#padding-right: 3px;
	border-right: 1px solid #ffffff;
}
#footer .nav li.first{
	#padding-left: 0px;
	font-size: 0.95em;
}
#footer .nav li.last{
	border-right: none !important;
}
#footer div.first{
	float:left;
}
#footer div.last{
	float:right;
	padding-right: 10px;
	#width: 150px;
	#padding-right: 0px;
}
#boilerplate a{
	color:#AAAAAA;
	font-weight:normal;
}
#boilerplate{
	width: 634px;
	overflow:hidden;
	border-top:1px solid #D8D8D8;
	font-size: 0.80em;
	color:#AAAAAA;
	/*padding-bottom:27px;*/
	padding-top:20px;
	/*position:absolute;*/
	/*left:20px;*/
	bottom:0;
	margin-left: 34px;
	margin-bottom: 30px;
}
/**
 * QUESTIONS
 *
**/

body.questions #hd {
  width:632px;
  /*height:155px;*/
  background:#03789B url(../img/hd.jpg) top no-repeat;
  color:#fff;
  margin:30px 35px 20px 35px;
  overflow:auto;
}
body.questions #hd h1 {
  color:#fff;
  margin:20px;
  margin-top:0;
  float:left;
  clear:both; display:block; overflow:hidden;
}

.basware_response .btn a {
  padding-left:30px;
  background:url(../img/ic_see_response.jpg) left center no-repeat;
  display:block; overflow:hidden;
  line-height:;
}


/**
 * COMMENTS
 *
**/

.comments h2 {
  margin-bottom:10px;
}

.comments h5 {
  font-weight:normal;
  padding-left:22px;
  height:16px;
  line-height:16px;
  display:block;
  margin-bottom:4px;
}

.comments .procurement h5 {
  background:url(../img/av_procurement.jpg) left center no-repeat;
}

.comments .finance h5 {
  background:url(../img/av_finance.jpg) left center no-repeat;
}

.comments .comment {
  padding-bottom:4px;
  margin-bottom:14px;
  border-bottom:1px solid #e3e3e3;
}

.comments span {
  font-weight:bold;
}

.comments .finance span {
  color:#83ca1e;
}

.comments .procurement span {
  color:#f68b1e;
}

.comments span.time {
  color:#bbb;
  font-weight:normal;
}


/**
 * DOCUMENTS
 * Used by Whitepapers and Case Studies
**/

ul.documents {
  list-style:none; margin-left:0;
}

ul.documents li {
  margin-bottom:20px;
  clear:both; display:block; overflow:hidden;
  padding-bottom:14px;
  float:right;
  margin-bottom:14px;
  width:100%;
  border-bottom:1px solid #e3e3e3;
}

a.pdf {
  background:#fefefe url(../img/ic_pdf.jpg) 4px center no-repeat;
  border:1px solid #bbb;
  height:24px;
  padding:3px 8px 3px 36px;
  line-height:24px;
  font-size:1.2em;
  font-weight:normal;
  color:#000;
  float:right;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration:none;
}
a.pdf:hover {
  background:#fff url(../img/ic_pdf.jpg) 4px center no-repeat;
  border:1px solid #666;
}

/**
 * VIDEO
 * Used by Questions and Webinars
**/

.video {
  margin-bottom:20px;
}

.video_body {
  margin-bottom:1em;
}

.video_body h2,
.video_body .video_caption {
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #e3e3e3;
}

.video_body .video_caption {
  padding-bottom:4px;
}

.video_body .video_caption p {
  font-size:1.2em;
}


/**
 * SEMINARS
 */
 

.seminars_body {
  margin-bottom:1em;
}

.seminars_body h2 {
  padding-bottom:20px;
  padding-top: 20px;
  margin-bottom:10px;  
}

.seminars_body img.register {
    margin-top: 15px;        
}

.seminars_body p.regimage {
    padding-bottom: 20px;
    border-bottom:1px solid #e3e3e3; 
}

/**
 * PODCASTS
 *
**/

ul.podcasts {
  list-style:none; margin-left:0;
}

ul.podcasts li {
  margin-bottom:20px;
  clear:both; display:block; overflow:hidden;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #e3e3e3;
}

ul.podcasts li h2 a {
  background:url(../img/ic_podcast.jpg) right center no-repeat;
  padding:4px 30px 4px 0;
}


/**
 * ROI
 *
**/

#calculator_input {
  margin-bottom:20px;
}

/* SLIDER SETS */

.slider_widget {
  clear:both; display:block; overflow:hidden;
  line-height:30px;
  margin-bottom:10px;
}

.slider_widget .label {
  width:250px;
  float:left;
  padding-top:20px;
}
.slider_widget .slider {
  width:170px;
  float:right;
  text-align:right;
}

  .slider_wdiget .ui-slider-handle {
  }

/* INPUT SETS */

body.roi div.roi_input {
  line-height:24px;
  height:24px;
  display:block;
}

body.roi div.roi_input label,
body.roi div.roi_input_total .label {
  font-size:0.8em;
  width:280px;
  display:block;
  float:left;
}
body.roi div.roi_input .percentage_input,
body.roi div.roi_input_total .percentage_total {
  width:30px;
  float:left;
}
body.roi div.roi_input .value,
body.roi div.roi_input_total .invoices_total {
  float:right;
  width:60px;
  text-align:right;
  font-size:0.8em;
}

.error {
  color:red;
}

.roi_input_total {
  clear:both; display:block; overflow:hidden;
  font-size:1.4em;
}
.roi_input_total div {
  font-size:1.2em;
  
}


/**
 * REGISTER
 *
**/

.error-message {
  color: #ff0000;
}

div#sendinfo label { display: inline; padding-left: 5px;}


form#UserAddForm fieldset.inline label {
    display: block;
    float: left;
    padding-right: 10px;
    width: 126px;
}

form#UserAddForm fieldset.inline input {
    height: 20px;
    width: 272px;
    border: 1px solid #ddddda;  
}

form#UserAddForm fieldset.checkboxes input {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #ddddda;
}

form#UserAddForm fieldset.checkboxes label {
    margin-bottom: 10px;
}

#boiler {
    margin-top: 10px;
}

#boiler p{
    color: #aeaeae;
    font-size: 9px;
}

#boiler .first {
    margin-right:10px !important;    
}

#boiler div {
    margin-left:0 !important;
    margin-right:0 !important;
    width:200px !important;
    float: left;
    overflow: hidden;
}

form fieldset select {
    margin-top: 3px;
}
#btn_register{
	clear:both;
}
#btn_register div{
	background-attachment: scroll;
	height: 23px;
	float: left;
}
#btn_register a{
	color:#FFFFFF;
	padding-top: 3px;
}
#btn_register input{
	color:#FFFFFF;
	background-color:#000000;
	border: none;
	height: 18px;
	margin-top: 2px;
}
#btn_register_left {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('/img/btn_left.gif');
	width: 3px;
}
#btn_register_repeat{
	background-position: center;
	background-image: url('/img/btn_repeat.gif');
	background-repeat: repeat-x;
}
#btn_register_right{
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url('/img/btn_right.gif');
	width: 3px;
}