/* Homepage specific CSS */

#phonesImage {
  position:absolute;
  margin-left:800px;
  margin-top:65px;
}

#tryEdgeboxButton {
  position:absolute;
  margin-left:650px;
  margin-top:135px;
}

#edgeboxLogo {
  position:absolute;
  margin-left:60px;
  margin-top:30px;
}

#homepageTitle {
  position:absolute;
  margin-left:290px;
  margin-top:75px;
}

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


#container {
  background-color:#ffffff;
  clear:both;
}

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

#container .headerContainer .shortDescription {
  position:absolute;
  width:240px;
  margin-top:210px;
  margin-left:275px;
  font-size:13px;
  font-weight:bold;
  color:#233658;
}

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

#container .headerContainer .featuresSummary {
  position:absolute;
  width:410px;
  margin-top:190px;
  margin-left:530px;
  font-size:12px;
  font-weight:bold;
  color:#233658;
}

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

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

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

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

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

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



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

#container .mainContents .pressSection .postit {
  background:  url('../images-new/post-it-top.png') no-repeat top left;
  margin-left:0px;
  padding-top:10px;
  margin-bottom:10px;
}

#container .mainContents .pressSection .postit .content {
  background:  url('../images-new/post-it-bottom.png') no-repeat bottom left;
  padding-left:15px;
  padding-right:20px;
  padding-bottom:20px;
  padding-top:5px;
}

#container .mainContents .pressSection .postit .content a {
  text-decoration:none;
  color:#000000;
}

#container .mainContents .pressSection .postit .content a:hover {
  color:#666666;
}

#container .mainContents .pressSection .postit .content h1 {
  color:#6aaf00;
  font-size:14px;
}

#container .mainContents .pressSection .postit .content div {
  padding:15px 20px 5px 20px;
}

#container .mainContents .pressSection .postit .content .feedLink {
  padding:0px;
  margin:0px;
}

#container .mainContents .pressSection .postit .content .feedLink a {
  font-size:13px !important;
  vertical-align:top;
  color:#333333;
  margin-top:5px;
}
#container .mainContents .pressSection .postit .content .feedLink a img {
  margin-top:-8px;
  margin-left:5px;
  float:right;
}

#container .mainContents .pressSection .postit .content .feedLink a:hover {
  color:#666666;
}

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



#container .mainContents .pressSection .event h1 {
  font-size:16px;
  padding:0px;
  margin:0px;
  text-transform:uppercase;
  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:12px;
}



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

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

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


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

#container .mainContents .pressSection div div ul li {
  font-size:13px;
  margin-bottom:13px;
  padding-left:0px;
  margin-left:0px;
  list-style:none;
}\

#container .mainContents .pressSection div div ul li a {
  color:#333333 !important;
}

#container .mainContents .pressSection div div ul li a:hover {
  color:#666666;
}


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

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

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

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

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

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

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

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

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

}

/*#container .mainContents .solutionInfo .contentTab .bottomRightCorner {
  bottom:0px;
  right:0px;
  width:10px;
  height:10px;
  background:url('/images-new/corner2.png') no-repeat bottom right #ff0000;
  z-index:999;
}*/

#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:297px;
  background:url('../images-new/gradient1.png') repeat-x top left;
}

#container .mainContents .solutionInfo .contentTab .contentLeft div.corner {
  height:8px;
  width:8px;
  /*background:url('../images-new/corner-school.png') no-repeat top left;*/
  padding:0px !important;
  margin:0px !important;
  display:none;
}

#container .mainContents .solutionInfo .contentTab .contentLeft div h1,
#container .mainContents .solutionInfo .contentTab .contentRight div h1 {
  font-size:13px;
  color:#ffffff;
}

#container .mainContents .solutionInfo .contentTab .contentLeft div,
#container .mainContents .solutionInfo .contentTab .contentRight .innerContainer div {
  color:#333333;
  font-size:12px;
}


#container .mainContents .solutionInfo .contentTab .contentLeft div h1 {
  margin-top:0px;
  padding-top:0px;
  margin-bottom:10px;
}

#container .mainContents .solutionInfo .contentTab .contentLeft div {
  padding:10px 15px 15px 15px;
}

#container .mainContents .solutionInfo .contentTab .contentLeft div p {
  text-align:left;
}

#container .mainContents .solutionInfo .contentTab .contentRight {
  margin-left:297px;  /* !!!! Must be equal to "#container .mainContents .solutionInfo .contentTab .contentLeft"'s height!!! */
  width:360px; /* 657px - margin-left */
  position:absolute;
  background:url('../images-new/gradient1.png') repeat-x top left;
}

#container .mainContents .solutionInfo .contentTab .contentRight .4tainer {
  
}

#container .mainContents .solutionInfo .contentTab .contentLeft .bottom ,
#container .mainContents .solutionInfo .contentTab .contentRight .bottom {
  height:10px;
  width:10px;
  margin:0px;
  padding:0px;
}

#container .mainContents .solutionInfo .contentTab .contentLeft .bottom {
  #background: url('../images/layout/corner-bleft.png') no-repeat bottom left;
  margin-top:-6px;
  float:left;

}

#container .mainContents .solutionInfo .contentTab .contentRight .bottom {
  background: url('../images/layout/corner-bright.png') no-repeat bottom right;
  margin-top:-10px;
  float:right;
}

#container .mainContents .solutionInfo .contentTab .contentRight .innerContainer {
   background:url('../images/layout/corner-tright.png') no-repeat top right;
}


#container .mainContents .solutionInfo .contentTab .contentRight div h1 {
  margin-top:5px;
  margin-bottom:10px;
  /*clear:both;*/
  
}

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

#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 .innerContainer {
  width:100%;
  height:100%;
  border-width:0px 0px 0px 1px;
  border-style:solid;
  border-color:#cddfa2;
}

#container .mainContents .solutionInfo .contentTab .contentRight .innerContainer div {
  padding:0px 65px 35px 35px;
  padding-top:0px;
}


#container .mainContents .solutionInfo .contentTab .contentRight div.solutionSpotlight {
  padding-top:25px;
  padding-bottom:15px;
  margin-left:0px;
  font-size:22px !important;
  color:#ffffff !important;
}


/*#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:0px;
  background-color:#ff003c;
}

div.content div div a {
  color:#015d9f;
  text-decoration:none;
  font-size:12px;
}