/* Homepage specific CSS */

#phonesImage {
  position:absolute;
  margin-left:750px;
  margin-top:85px;
}

#tryEdgeboxButton {
  position:absolute;
  margin-left:700px;
  margin-top:210px;
}

#educationLink {
  font-size:11px;
  font-weight:bold;
  color:#233658;
}

#educationLink a {
  color:#2367c5;
  text-decoration:none;
}

#educationLink a:hover {
  color:#5f97e2;
}

#educationLink img {
  margin-right: 10px;
  margin-top:-5px;
}

#buttonsTryBuy {
  position:absolute;
  margin-left:795px;
  margin-top:200px;
  font-size:12px;
  font-weight:bold;
  color:#233658;
  text-align:center;
}

#edgeboxPhoto {
  position:absolute;
  margin-left:205px;
  margin-top:105px;
}

#edgeboxLogo {
  position:absolute;
  margin-left:50px;
  margin-top:40px;
}

#homepageTitle {
  position:absolute;
  margin-left:330px;
  margin-top:20px;
}

#cube {
  position:absolute;
  margin-left:30px;
  margin-top:90px;
  z-index:1000;
}

#container .headerContainer {
  padding:0px;
  background: url('../images-new/header-background.png') no-repeat top #8da5c6;
  width:100%;
  height:310px;
  margin:0px;
  text-align:left;
}

#container .headerContainer .shortDescription {
  position:absolute;
  width:240px;
  margin-top:190px;
  margin-left:215px;
}

#container .headerContainer .shortDescription,
#container .headerContainer .featuresSummary {
  font-size:12px;
  font-weight:bold;
  color:#233658;
}


#container .headerContainer .shortDescription .learnMore {
  margin-top:10px;
}

#container .headerContainer .featuresSummary {
  position:absolute;
  width:310px;
  margin-top:190px;
  margin-left:480px;
}

#container .headerContainer .featuresSummary h1,
#container .headerContainer .shortDescription h1 {
  color:#ffffff;
  margin:0px;
  font-size:16px;
}

#container .headerContainer .featuresSummary ul,
#container .headerContainer .shortDescription ul {
  margin-top:5px;
}

#container .headerContainer .featuresSummary ul,
#container .headerContainer .featuresSummary ul li,
#container .headerContainer .shortDescription ul,
#container .headerContainer .shortDescription ul li {
  margin-left:10px;
  padding-left:0px;
  margin-bottom:3px;
}

#container .mainContents {
  background-color:#8da5c6;
  padding:0px;
  text-align:left;
}

#container .mainContents .pressSection,
#container .mainContents .solutionInfo {
  height:455px;
}

/* Height must be 400 - 63 (buttons height) - 5 (separator tab height) */
#container .mainContents .solutionInfo .contentTab .contentRight,
#container .mainContents .solutionInfo .contentTab .contentLeft {
  height:387px;
}



#container .mainContents .pressSection {
  background:  url('../images-new/corner.png') no-repeat bottom left #d9dfea;
  width:300px;
  float:left;
}


/* Specific to the crossfader elements */
.cfElement {
	margin-top:10px;
	width:280px;
	color:#ffffff !important;
	font-style:italic;
}

.cfElement .author {
	margin-top:0px !important;
	padding-top:5px !important;
	text-align:right;
	padding-right:20px !important;
	font-weight:bold;
}

#container .mainContents .pressSection .event {
  background:  url('/images-new/event-background.png') no-repeat bottom right;
  color:#FFFFFF;
  font-size:12px;
  padding:0px 0px 5px 15px;
}

#container .mainContents .pressSection a {
  color:#CCCCFF;
  text-decoration:none;
}



#container .mainContents .pressSection .event h1 {
  font-size:16px;
  padding:0px;
  margin:0px;
  position:absolute;
  margin-top:-20px;
  color:#ff003c;
}



#container .mainContents .pressSection .event p {
  margin:0px;
  padding:15px 0px 0px 0px;
}



#container .mainContents .pressSection .event h2 {
  font-size:10px;
}



#container .mainContents .pressSection .event h2 a {
  color:#CCCCFF;
  text-decoration:none;
}

#container .mainContents .pressSection div {
  padding:20px 20px 10px 20px;
}

#container .mainContents .pressSection div div div.links a {
  font-size:12px;
  text-decoration:none;
  color:#2e508d;
  font-weight:bold;
}

#container .mainContents .pressSection div div {
  text-align:left;
  padding:0px;
  padding-bottom:0px;
  color:#45464a;
}

#container .mainContents .pressSection div div ul {
  padding-left:15px;
  margin-left:0px;
  margin-top:5px;
  margin-bottom:0px;
}

#container .mainContents .pressSection div div ul li {
  font-size:11px;
  margin-bottom:5px;
  padding-left:0px;
  margin-left:0px;
}



/* ############  Press section - section titles ###### */
#container .mainContents .pressSection div div h1 {
  color:#ff003c;
  font-size:13px;
  margin:0px;
}


#container .mainContents .pressSection div .partnerLogos div {
  padding-top:0px;
  padding-bottom:20px;
  padding-left:10px;
}

#container .mainContents .pressSection div .partnerLogos div img {
  margin-right:20px;
  vertical-align:top;
}

#container .mainContents .solutionInfo {
  width:657px;
  float:left;
  margin-left:3px;
  
}

#container .mainContents .solutionInfo .buttonsTab {
  height:63px;
}

#container .mainContents .solutionInfo .buttonsTab img {
  border-width:0px;
}

#container .mainContents .solutionInfo .buttonsTab img {
  margin-right:1px;
}

#container .mainContents .solutionInfo .buttonsTab img.solutionSpotlightImg {
  padding-left:10px;
  padding-top:45px;
  padding-right:38px;
  margin-right:0px;
  background-color:#232425;
}

#container .mainContents .solutionInfo .separatorTab {
  background-color:#ff003c;
  padding-top:5px;
}

#container .mainContents .solutionInfo .contentTab {
  width:100%;
  height:auto;
  
}

#container .mainContents .solutionInfo .contentTab .contentLeft,
#container .mainContents .solutionInfo .contentTab .contentRight {
  display:none; /*Content should be invisible in when the browser opens! */
}

#container .mainContents .solutionInfo .contentTab .contentLeft {
  position:absolute;
  width:303px;
  background-color:#6600FF;
  background:  url('../images-new/strip.png') repeat-x bottom;
}

#container .mainContents .solutionInfo .contentTab .contentLeft a {
  color:#8da5c6;
  text-decoration: underline;
}



#container .mainContents .solutionInfo .contentTab .contentLeft div h1 {
  color:#ffffff;
  font-size:13px;
  margin-top:5px;
  margin-bottom:10px;
}

#container .mainContents .solutionInfo .contentTab .contentLeft div {
  padding:15px 15px 15px 15px;
  color:#8da5c6;
  font-size:12px;
}

#container .mainContents .solutionInfo .contentTab .contentRight {
  margin-left:303px;  /* !!!! Must be equal to "#container .mainContents .solutionInfo .contentTab .contentLeft"'s height!!! */
  width:354px; /* 657px - margin-left */
  position:absolute;
  background:url('../images-new/spotlight-background.png') no-repeat bottom left;
}

#container .mainContents .solutionInfo .contentTab .contentRight div h1 {
  color:#000000;
  font-size:13px;
  margin-top:5px;
  margin-bottom:10px;
}

#container .mainContents .solutionInfo .contentTab .contentRight div h2 {
  color:#ff003c;
  font-size:12px;  
}

#container .mainContents .solutionInfo .contentTab .contentRight div h2 a:hover {
  text-decoration:underline;
}

#container .mainContents .solutionInfo .contentTab .contentRight div h2 a {
  text-decoration:none;
  color:#ff003c;
}

#container .mainContents .solutionInfo .contentTab .contentRight div img {
  margin-right:3px;
  float:left;
  border:none;
}

#container .mainContents .solutionInfo .contentTab .contentRight div hr {
  width:100%;
  border-style:dashed;
  border-color:#ff003c;
  margin-top:15px;
}

#container .mainContents .solutionInfo .contentTab .contentRight div {
  padding:15px 10px 15px 12px;
  color:#000000;
  font-size:12px;
}


/*#container .footer {
  min-height:30px;
  background:url('../images-new/corner.png') no-repeat bottom left #ffffff;
  border-style:solid;
  border-color:#ff003c;
  border-width:0px 0px 10px 0px;
  text-align:center;
  font-size:11px;
  font-weight:bold;
}*/

#container .footer {
  padding-top:10px;
  background-color:#ff003c;
}

#addThisSnippet {
  position:absolute;
  margin-left:5px;
  margin-top:270px;
  z-index:999;
}