/*******************************************************/
/*                  GLOBAL STYLES
********************************************************/
/* GLOBAL RESET - in addition to imported reset, more specific to this site
********************************************************/
.hidden {
  display: none;
}
a {
  color: #498bb5;
}
a:visited {
  color: #498bb5;
}
a:hover {
  color: #498bb5;
}

/* BODY
********************************************************/
body {
  background-color: #f2f5f6;
  margin: 0 auto;
  font: small Arial, sans-serif;
  color:#333333;
}

/* Header Container
********************************************************/
#headerWrap {
  border-bottom:1px solid #CCCCCC;
  float:left;
  margin:0pt auto;
  width:100%;
}
#header{
  margin:0pt auto;
  width:950px;
}
div#header div#headerImgWrap{
  float: left;
}
#header h1{
  float:right;
  font-size:197%;
  font-weight:normal;
  text-align:right;
}
#header h1 span{
  display:block;
  font-size:50%;
  text-align:right;
  color:#666666;
}

/***** main nav styles *****/
ul#mainNav {
  float: right;
  display: inline;
  margin: 20px 0 0 0;
  list-style: none;
}
ul#mainNav li {
  float: left;
  color: #545959;
  font-size: 12px;
  padding:0 9px 0 15px;
  background: transparent url(/media/image/bullet_gray.gif) no-repeat scroll left center;
}
ul#mainNav li.first {
  background: none;
}
ul#mainNav li a {
  text-decoration: none;
}
ul#mainNav li a:hover {
  text-decoration: underline;
}

/* FOOTER CONTAINER
********************************************************/
div#footerWrap {
  width: 950px;
  margin: 0 auto;
}
div#footer {
  clear:both;
  text-align:center;
  padding:20px;
  width:950px;
}

/* PUBLIC PAGES
********************************************************/
div#contentWrap {
  border: none;
  background: #ffffff url(/media/image/content_bg.png) no-repeat scroll center bottom;
  float:left;
  padding-bottom:30px;
  width:100%;
}
div#contentBody {
  color: #666666;
  font-size: 100%;
  width: 950px;
  margin: 0 auto;
}

/* HOME PAGE
********************************************************/
div#contentBody img.hpLogos {
  float: right;
	padding: 85px 20px 0 0;	
	padding: 60px 20px 0px 0px;
}
div#threeColumnTop {
  float: left;
	clear: both;
	margin-top: 15px;
	width: 950px;
	height: 10px;
  background: transparent url(/media/image/three_column_top.png) no-repeat top;
}
div#threeColumnBg {
  float: left;
  width: 950px;
  min-height: 250px;
  background: transparent url(/media/image/column_bg_home.png) no-repeat bottom;
}
div#contentBody div.box300 {
  float:left;
  height:200px;
  margin-right:24px;
  min-height:200px;
  padding:10px 20px 20px;
  position:relative;
  width:258px;
}
div#contentBody div.box300 h3 {
  color: #ff9933;
}
div#contentBody div.box300 a {
  bottom: 0;
  float: right;
  position: absolute;
  right: 20px;
}
div#contentBody div#box2,
div#contentBody div#box3 {
  margin-left: 1px;
}
div#contentBody div.lastBox {
  margin-right: 0px;
}
div#contentBody div.box300 ul {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:disc;
  margin-left:20px;
  width:238px;
}
div#contentBody div.box300 ul li {
  float: left;
  background: none;
  margin: 0 0 1em 0;
  padding: 0;
}

/* Content */
div#contentBody a.editPromo {
  background:transparent url(/media/image/1100000000000001/cmseditobjecticon.png) no-repeat scroll 0 0;
  float:left;
  height:12px;
  left:10px;
  position:absolute;
  top:-5px;
  width:16px;
  text-indent: -999em;
}
div#contentBody div.ui-tabs-panel a.editPromo {
  top: 0px;
}
div#contentBody h1 {
  text-indent: -999em;
  /* width: 620px; */
  height: 36px;
  font-size: 153.9%;
  margin: 20px 0px 25px;
}
div#contentBody h1 {
  background: url(/media/image/1/home_header.png) no-repeat;
  margin-top: 30px;
	/* float: left; */
	width: 885px;
}
/* Removed Pages (assumed)
	div#contentBody h1#valtira-landingpagesHeader {
	  background: url(/media/image/1/lp_header.gif) no-repeat;
	}
	div#contentBody h1#valtira-smartspotHeader {
	  background: url(/media/image/1/ss_header.gif) no-repeat;
	} 
*/
div#contentBody h1#valtira-Marketing-ToolsHeader {
  background: url(/media/image/1/ondemand_header.png) no-repeat;
}
div#contentBody h1#valtira-CloudApp-DevelopmentHeader {
  background: url(/media/image/1/cloudapp_header.png) no-repeat;
}
div#contentBody h1#valtira-enterpriseHeader {
  background: url(/media/image/1/enterprise_header.png) no-repeat;
}
div#contentBody h1#valtira-blogHeader {
  background: url(/media/image/1/blog_header.png) no-repeat;
}
div#contentBody h1#about-usHeader {
  background: url(/media/image/1/aboutus_header.png) no-repeat;
}
div#contentBody h1#valtira-documentationHeader {
  background: url(/media/image/1/documentation_header.png) no-repeat;
}
div#contentBody h2 {
  /* font-size: 18px;
  font-size: 17px;
  margin: 20px 0px;
  font-weight: normal;
  clear: both; */
  
  font-size: 17px;
	margin: 0 0 15px 0px;
	font-weight: normal;
	clear: left;
	float: left;
}
div#contentBody p {
  margin: 0px 0px 20px 0;
  font-size:100%;
  float: left;
  clear: both;
}
div#contentBody span.appLink {
  float: left;
  margin-left: 4px;
}
div#contentBody h3,
div#contentBody h4,
div#contentBody h5 {
  float: left;
  clear: both;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0px 20px 0;
}
div#contentBody ol, div#contentBody ul {
  float: left;
  font-size:100%;
  list-style-position: inside;
  list-style: square;
}
div#contentBody ol {
  clear: both;
  margin-left: 0;
  list-style: none;
}
div#contentBody ul {
  list-style: none;
  margin: 0px 15px 15px;
}
div#contentBody ol li {
  margin: 10px 0;
}
div#contentBody ul li {
  background:transparent url(/media/image/1/publiccheckmark.gif) no-repeat scroll left top;
  margin:0 20px 10px 0;
  padding-left:30px;
}
/*div#publicPromos {
  width: 210px;
  float: left;
  margin-right: 10px;
}
div#publicPromos img {
  margin-bottom: 10px;
  float: left;
}
div#lpPromos {
  width: 210px;
  float: left;
  margin-right: 10px;
  margin-top: 90px;
}
div#lpPromos img {
  margin-bottom: 10px;
  float: left;
}*/

/***** interior main content *****/
div#mainTabbed {
  width: 625px;
  float: left;
}
div#mainTabbed div#contentMain {
  padding: 20px 20px 23px;
  background: transparent url(/media/image/interior_main_bg.png) no-repeat scroll left bottom;
  float: left;
  position: relative;
  width: 585px;
}
div#contentMain h2 {
  margin: 0px 0px 20px;
}
div#mainTabbed div#topNoTabs  {
  background:transparent url(/media/image/interior_main_top.gif) no-repeat scroll left bottom;
  float:left;
  height:10px;
  width: 625px;
}

div#mainTabbed span.floatImg {
  float: left;
  margin: 0 10px 10px 0px;
}

/***** documentation *****/
div#contentMain div.example {
  background-color:#FBF9EA;
  border:1px solid #E2E1D5;
  margin:0;
  overflow-x:auto;
  padding:10px;
  float:left;
  font-weight:normal;
  width:auto;
  font-family:monaco,monospace;
  font-size:.9em;
  text-align:left;
	color:#333333;
}

div#contentBody div.sidePromo ul ul {
  list-style-type:disc;
  list-style-position:inside;
}

/* SIDE PROMOS
********************************************************/
div#contentBody div.sidePromo a.editPromo {
  top: -5px;
  left: 5px;
  margin: 0px;
}
div.sidePromoTop {
  margin-top: 27px;
  float: right;
  clear: right;
  width: 300px;
  height: 10px;
  background: transparent url(/media/image/side_promo_top.png) no-repeat top;
}
div.sidePromoTop.first {
	margin-top: 0px;
}
div.sidePromo {
  background:transparent url(/media/image/side_promo_bg.png) no-repeat scroll left bottom;
  float:right;
  clear: right;
  padding:0px 20px 23px;
  position:relative;
  width:260px;
}
div#contentBody div.sidePromo h3, div#contentBody div.sidePromo h3 {
  width:260px;
}
div.sidePromo span.bottomSpace {
  float: left;
  margin-bottom: 10px;
}
div#contentBody div.sidePromo p {
  width: 260px;
  margin: 0 0 0px 0;
  padding: 0;
}
div#contentBody div.sidePromo h3,
div#contentBody div.sidePromo h4,
div#contentBody div.sidePromo h5 {
  float: left;
  clear: both;
  font-size: 18px;
  font-weight: normal;
  margin: .5em 0;
}
div#contentBody div.sidePromo .bottom-right {
  bottom: 20px;
  float: right;
  margin-top: 20px;
  right: 20px;
}
div#contentBody div.sidePromo ul {
  padding: 0;
  margin: 0;
}
div#contentBody div.sidePromo ul li {
  background: none;
  float: left;
  clear: left;
  margin: .5em 0 0 0;
  padding: 0;
  width: 260px;
}

/* PUBLIC TABS
********************************************************/
div#tabs {
  padding: 0;
  margin: 0;
  float: left;
  width: 625px;
  font-size: 90%;
}
div#mainTabbed ul.ui-tabs-nav  {
  background:transparent url(/media/image/interior_main_top.gif) no-repeat scroll left bottom;
  float:left;
  height:37px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt 0pt 0pt 0px;
  padding:0 0 0 5px;
  width: 625px;
}
div#mainTabbed .ui-tabs-nav li {
  background:transparent none repeat scroll 0% 50%;
  float:left;
  font-size:12px;
  margin:0;
  padding-left:0px;
}
div#mainTabbed .ui-tabs-nav li a {
  float: left;
  color: #ffffff;
  text-decoration: none;
}
div#mainTabbed .ui-tabs-hide {
  display: none;
}
div#mainTabbed .ui-tabs-nav a,
  div#mainTabbed .ui-tabs-nav a span {
  float: left; /* fixes dir=ltr problem and other quirks IE */
  padding: 0 12px;
  background: url(/media/image/tabs.gif) no-repeat;
}
div#mainTabbed .ui-tabs-nav a {
  margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
  padding-left: 0;
  background-position: 100% 0;
  text-decoration: none;
  white-space: nowrap; /* @ IE 6 */
  outline: 0; /* @ Firefox, prevent dotted border after click */
}
div#mainTabbed .ui-tabs-nav a: link,
  div#mainTabbed .ui-tabs-nav a: visited {
  color: #fff;
}
div#mainTabbed .ui-tabs-nav .ui-tabs-selected a {
  position: relative;
  top: 1px;
  z-index: 2;
  margin: 0 1px 0 0;
  background-position: 100% -26px;
}
div#mainTabbed .ui-tabs-nav a span {
  padding-top: 1px;
  padding-right: 0;
  height: 20px;
  background-position: 0 0;
  line-height: 20px;
}
div#mainTabbed .ui-tabs-nav .ui-tabs-selected a span {
  color:#666666;
  padding-top: 0;
  height: 27px;
  background-position: 0 -26px;
  line-height: 27px;
}

/***** template gallery (Landing Pages) *****/
div#mainTabbed div#templateGallery ul#gallery p {
/*margin: 0 40px .8em 0;*/
}
div#mainTabbed div#templateGallery ul#gallery {
  display: block;
  clear: both;
  width: 585px;
  float: left;
  margin: 0;
  padding-top: .5em;
}
div#mainTabbed div#templateGallery ul#gallery li {
  background: none;
  float: left;
  margin: 0 1em .5em 0;
  padding-left: 0;
  width: 250px;
}
div#mainTabbed div#templateGallery ul#gallery li img {
  float: left;
  border: 0;
  margin: 5px 0 10px 0;
}
div#mainTabbed div#templateGallery ul#gallery li h4 {
  clear: both;
  margin: 0 0 .5em 0;
  font-size: 14px;
}
div#mainTabbed div#templateGallery ul#gallery li p {
  margin: 0 0 .8em 0;
  width: 250px;
}

/***** news and events (About Us) *****/
div#contentBody ul#news {
  width: 545px;
  padding: 0;
  margin: 0;
}
div#contentBody ul#news li {
  float: left;
  background: none;
  width: 545px;
  clear: both;
  margin: 0;
  padding: 1em 0;
  border-top: 1px dotted #498BB5;
}
div#contentBody ul#news li h4 {
  display: inline;
  float: left;
  clear: none;
  font-size: 14px;
  font-weight: bold;
  margin: 0;

}
div#contentBody ul#news li p.dateline {
  display: inline;
  float: left;
  clear: none;
  margin: 0 0 .5em .5em;
}
div#contentBody ul#news li p {
  margin: 0 0 .8em 0;
}
div#contentBody ul#news li ul {
  width: 535px;
  list-style: disc inside;
  margin: 0 0 1em 0;
}
div#contentBody ul#news li ul li {
  float: left;
  width: 525px;
  margin: .5em 0 0 0;
  padding: 0;
  border: none;
}

/***** client and partner logos (About Us) *****/
div#contentBody ul#clientLogos {
  width: 545px;
  padding: 0;
  margin: 0;
}
div#contentBody ul#clientLogos li {
  float: left;
  background: none;
  width: 240px;
  margin: 0 12px 0 0;
  padding: 1em 0;
}
div#contentBody ul#clientLogos li img {
  clear: both;
  text-align: center;
}
div#contentBody ul#clientLogos li a {
  text-align: center;
}

/* LOGIN PAGE STYLES
********************************************************/
#loginForm {
  float: left;
}

/* CONTACT FORM STYLES
********************************************************/
div#contentBody form#publicForm {
  float: left;
}
div#contentBody ol#contactForm {
  list-style: none;
  clear: both;
}
div#contentBody ol#contactForm li {
  margin: .8em 0;
}
div#contentBody ol#contactForm li label {
  display: block;
  font-weight: bold;
  margin: 0 0 .2em 0;
}
div#contentBody ol#contactForm li label.error {
  display: inline;
  font-weight: normal;
  margin: 0 0 0 1em;
  color: red;
}
/* SOCIALBUTTON STYLES
********************************************************/
div.socialbutton div {
  float:left;
}

div.socialbutton-facebook, div.socialbutton-facebook-like {
  padding-top:1px;
  padding-bottom:30px;
}

div.socialbutton-facebook-like {
  padding-left:53px
}

/* BLOG DEMO BUTTON STYLES 
********************************************************/
.button {
	margin: 16px 10px 16px 0;
	padding: 5px 8px;
	border: 1px solid #CCC;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #67a4cb;
	font-size: 17px;
	font-weight: 100;
	font-weight: normal;
	letter-spacing: .065em;
	text-shadow: 1px 1px 0px #666;
}

.button:hover, .button:active {
	background: #498BB5;
	text-shadow: none;
}

.button a {
	color: white;
	text-decoration: none;
}

center {
	clear: both;
}

/* SITE UPDATING: 2011.02.25 
********************************************************/
ul#gallery li a.thickbox img {
	float: left;
	clear: left;
	margin-top: -10px;
	margin-bottom: 15px;
}