/******************************
* Solutions Styles
******************************/

#solutions-overview .roundedBox {
    padding-bottom: 0;
}

#solutions-overview .roundedBox ul {
    padding-bottom: 0;
}

#solutions-overview .roundedBox .floatList {
    float: left;
    list-style: disc;
    width: 27%;
    _width: 26%;
    _margin-left: 1.3em;
}

#solutions-overview p {
    padding-bottom: 0;
}

#solutions-overview .roundedBox ul {
    padding-bottom: 1em;
}

#solutions-overview .roundedBox li {
    padding-bottom: .25em !important;
}

#contentColumn h3 {
    color: #C30000;
    font-size: 115%;
}

p + .twoColOverviewBox {
    margin-top: 1.5em !important;
}

.roundedBox p + p {
    padding-top: 0;
}

/******************************
* Anchor (Text) Links
******************************/

.pageAnchors, #anchorButtons {
    clear: both;
    margin: 0 0 1em 0 !important;
    list-style: none;
}

.pageAnchors li, #anchorButtons li {
    display: inline;
}

.pageAnchors li:before { content: "| "; }
.pageAnchors li:first-child:before { content: ""; }

/*IE workaround*/
* html .pageAnchors li {
    background: url('/images/navigation/vertical-bar.gif') no-repeat 100% 50%;
    padding: 0 .75em 0 0;
}

/******************************
* Anchor (Button) Links
******************************/

#anchorButtons li:before { content: ""; }
#anchorButtons li:first-child:before { content: ""; }

/******************************
* Industry Guides Styles
******************************/

.guideBox {
    margin: 2em 0;
}

.guideBox td {
    padding: 1.5em 1em;
}


/******************************
* Styles for page subsections
******************************/

.paddedBox .red {
    display: none;
}

.solutionRow {
    width: 100%;
    /* 
    Removing this fixes the IE6 bug that causes the solutions
    column to spill into the bottom of the page
    
    float: left; 
    */
    clear: both;
    /* background: url("/images/assets/3columnHybridBackground.png") 3px repeat-y; */
    padding-bottom: 3em;
}

.solutionRow h2 {
    margin: 0 !important;
    padding: .5em 0 .5em 0;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 150%;
    text-transform: none;
    color: #c30000;
}

.whatNeed {
    margin-bottom: 50em !important;
    _margin-bottom: 30em !important;
}

/******************************
* Main Subsection Content
******************************/

.solutionContent {
    width: 500px;
    float: left;
    clear: left;
}

.solutionContent h2 {
    height: 15px;
    margin: 0 !Important;
    padding: 2px 10px;
    font-size: 95% !important;
    color: #000;
    background: url('/images/assets/h2-spotlight-lft.png') no-repeat top left;
    border-top: none;
    border-bottom: 1px solid #658db2;
}

.solutionContent li {
    padding-bottom: 1em !important;
}

.solutionContent .roundedBoxInside ul {
    padding-bottom: 0 !important;
}

.solutionContent .roundedBox {
    margin-top: 1em;
    margin-bottom: .5em;
        padding-bottom: 0;
}

/******************************
* Subsection Sidebar Content
******************************/

.solutionSidebar {
    float: right;
    clear: right;
    width: 150px;
    margin-top: 1em;
}

.solutionSidebar .box {
    margin-bottom: 1em;
    /* margin-top: 1em !important;   CQ bug */
    padding-bottom: 10px;
    background: #ececec;
    font-size: 85%;
    color: #333;
}

.solutionSidebar .box * {
    margin: 0;
    padding: 1em 10px 0 10px;
}

.solutionSidebar .box * * {
    margin: 0;
    padding: 0;
}


.solutionSidebar .center {
    display: block;
    margin: 0 auto 1em auto;
    text-align: center;
}

.solutionSidebar .box-h2 {
    padding: 0;
    background: #BBC4CE url('/images/navigation/rt-col-h2-rt.png') no-repeat top right;
}

.solutionSidebar .box-h2 h2 {
    margin: 0;
    padding: 5px 10px !important;
    background: url('/images/navigation/rt-col-h2-lft.png') no-repeat top left;
    border-top: none;
    border-bottom: 1px solid #fff;
    font-size: 100%;
    text-transform: uppercase;
    color: #333;
}

.solutionSidebar .box ul {
    /* margin: -.25em 0 10px 15px !important; */
        margin: 1em 0 10px 15px !important;
}

.solutionSidebar .box li {
    padding-bottom: 10px;
}

.solutionSidebar .box li a {
    display: block;
    /* width: 90%; */
}

.solutionSidebar h3 {
    margin: 0 10px !important;
    padding: 10px 0 2px 0 !important;
    border-bottom: 1px solid #ccc;
    font-size: 100% !important;
    color: #333 !important;
        
        /* To fix CQ bug: */
        margin-bottom: 10px !important;
        _margin-bottom: 8px !important;
}

.solutionSidebar .learnMore p {
    margin-top: 0 !important;
    padding:1em 10px 0 10px;
}


/******************************
* Old Styles, may not need
******************************/

table.whiteRow td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

table.whiteRow td img {
    display: block;
    margin: 0 auto;
    text-align: center;
}

/******************************
* Solution Center Styles
******************************/

/******************************
* Overview Styles
******************************/

.partnerLogos {
    text-align: center;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.partnerLogos li {
    display: inline;
    padding: 0 10px 0 0;
    line-height: .8em;
    list-style: none;
}


/******************************
* App/Tech Partners Styles
******************************/

#appPartnerLogo {
    width: 135px;
    padding: 5px;
}

#appPartnerinfo {
    padding: 5px;
}

/******************************
* Tech Center Styles
******************************/

#rightColumn #techGallery {
    margin: 1em 0 !important;
    padding: 0 !important;
    list-style: none;
}

#rightColumn #techGallery li, .techPhotos h3 {
    display: block;
    margin: 1em 0 !important;
    _margin: .5em 0 !important;
    padding: 0 !important;
    text-align: center;
}

/******************************
* Application Guide Styles
******************************/

.solution-center .roundedBoxInside p {
    padding-bottom: .5em;
}

/******************************
* White Paper Styles
******************************/

#stripedTable td {
    padding: .5em 0;
    font-size: 100%;
}

ul.whitepaperAttributes {
    font-size: 105%;
    margin: .5em 0 .4em 0 !important;
    list-style: none;
}

.whitepaperAttributes li {
    margin: 0 !important;
    padding-right: 35px;
}

.whitepaperAttributes li strong {
    color: #35699a;
}

#app-security {
    clear: both;
    margin: 1em 0 !important;
}

.overviewText {
    padding: 10px 10px 0 10px;
}

.overviewText p {
    line-height: 1.3em;
}

.overviewLink {
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
    color: #000;
}

/******************************
* Application Ready Network
******************************/

#tech-ed-logo{
    display: block;
    float: right;
    border: none;
    padding-top: 1em;
    _padding-top: 0;
}

/*************************************************************
* Solutions Styles - for Image Library in Resources section
**************************************************************/
h2, h3 { 
    clear: both;
}

.imgContainer { 
    width: 100%;
    _width: 75% !important;
    float: left;  
    clear: both;
}

.imgContainer .thumbnail {
  float: left; 
  margin: 5px;
  padding: 10px 5px;
    width: 140px;  /* width: 150px; */
  text-align: center;
}   

.imgContainer a {
  text-decoration: none;
}

.imgContainer span { 
  text-align: center;
  font-weight: normal;
}

.imgContainer a span {
  text-decoration: underline;
}

.imgContainer a:hover span {
  text-decoration: none;
}

.imgContainer hr {
    clear: both;
    margin: 2em 0 .5em 0;
}


/*************************************************************
* Case Studies - Featured Box Styles
**************************************************************/

.featureBoxes {
    width: 100%;
    height: 110px;
    margin: -.75em 0 1em 0;
    padding: .5em 0;
    background: #E8EDF1;
}

.featureCase {
    float: left;
    width: 25%;
    height: 80px;
    margin: .5em 2.35em;
    _margin: .5em .9em;
    padding: 15px 0 0 0;
    background: #fff;
    text-align: center;
    font-size: 90%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid #e8e8e8;
    -moz-box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    box-shadow: 2px 2px 5px #999;
}

.featureCase h3 {
    height: 50px;
    margin: 0 !important;
}

.featureCase h4 {
    margin: 0 auto 0 auto !important;
    padding: 0 0 1em 0!important;
} 

.featureCase p {
    margin: .5em auto !important;
}

/*****************************
* Solution Profiles Styles
*****************************/

#spMainColumn {

}

#spIntro {
    margin: 1em 0;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding-bottom: .5em;
}

#spIntro p {
    font-size: 125%; 
    line-height: 1.5em; 
    color: #666;
}
 
#spLeftSideColumn { 
    float: left; 
    clear: left;
    width: 70%; 
}

#spLeftSideColumn h3 { 
    color: #34699a;
    /*
    margin-top: 1em !important;
    */
}

#spLeftSideColumn h4 { 
 margin-top: 1em !important;
}


#spIntro hr, #spLeftSideColumn hr {
    border: none; 
    height: 2px; 
    color: #ccc; 
    background: #ccc;
}

#spRightSideColumn {
    float: right; 
    clear: right;
    width: 25%; 
    margin-top: .75em; 
    padding-left: 1em; 
}

#spRightSideBox {
    margin: .5em 0 0 0; 
    padding: 1px  10px 10px 10px; 
    background: #eee; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
    font-size: 90%;
}

#spRightSideBox h3 {
    font-size: 125%;
    color: #000;
}

#spRightSideBox h4 {
    color: #666;
    font-size: 100%;
}

#spRightSideBox ul {
    margin-left: 1.3em; 
    line-height: 1.5em;
    font-size: 90%;
}

#downloadPDF {
    margin-top: 0;  
    text-align: center;
}

#solutionDiagrams {
    margin: 2em 0;
}

#solutionDiagrams img {
    margin-bottom: -.75em;
    border: 1px solid #ccc;
}

/***************************************************************
 *
 * * Overwrite CQ built-in CSS rules that gives extra space
 *
 * *************************************************************/
#bea-solutions-applications #rightColumn, #ibm #rightColumn, #microsoft #rightColumn, #oracle #rightColumn, #sap #rightColumn, #vmware #rightColumn, #askF5 #rightColumn, #devcentral #rightColumn {
        _margin-left: -176px !important; /*Set left margin to -(rightColumnWidth)*/
} 

#infrastructure-alliances .twoColOverviewBox, #virtualization-alliances .twoColOverviewBox, #telecom-alliances .twoColOverviewBox, #management-alliances .twoColOverviewBox, #performance-tools .twoColOverviewBox, #visio-stencils .twoColOverviewBox {
    _width: 98% !important;
} 

.box .grayBoxContent {
    padding-top: 0px !important;
}

#ssl-vpn .solutionSidebar .image {
    padding-bottom: 15px !important;    
}

#technology-center .box .richtexteditor {
    margin-right: 10px !important;
}

.solutionSidebar .box h3 {
    margin-left: 0px !important;
        margin-right: 0px !important;        
}

#angel-learning .solutionSidebar img.center {
    margin-bottom: 0px !important;
}