#solution
{
    color: #555555;
}

#solution .right
{    
    float:left;
    width: 640px;
}
#solution .logoContainer
{
    width:300px;    
    float:left;    
    position:relative;
    margin-bottom:40px;
}

#solution .left
{
    width:300px;
    float:left;    
    position:relative;
}

#solution .logo
{
    width:276px;
    min-height:34px;
    vertical-align:middle;
    float:left;
    border: dashed 1px #333333;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}
#solution .logo img
{
    margin: 1px;    
}

#solution .logoFill
{
    position:absolute;
    right:0;
    top:50%;
    width:22px;
    height:50%;
    border-top: dashed 1px #333333;
}

#solution .case .list { margin-top: 20px;}

#solution .case .list .item
{
    width: 615px;
    padding-bottom: 10px;
    border-bottom: dashed 1px #aaaaaa;
    margin-bottom: 20px;
    font-size: 1.3em;
}

#solution .case .casesynts .item .casetitle
{
    margin-top: 10px;
    font-size: 1.4em;
    color: #333333;
}

#solution .case .casesynts .item { margin-bottom:20px; }

#solution .case .casesynts .item .text
{
    margin-top: 10px;
    font-size: 1.2em;
    color: #333333;
}

#solution .case .list .item a
{
    text-decoration:underline;
    color: #333333;
}

#solution .synts
{
    margin-top:10px;
}

#solution .synts .content
{
    border-left: dashed 1px #333333;
    padding-left:50px;
    padding-bottom: 25px;
    padding-top: 10px;
    font-size: 1.1em;
}
#solution .synts .content.last
{
    border-left: none;
}
#solution .synts .content p
{
    margin:0px;
}

#solution .synts .titleContainer
{
    position:relative;
    height:25px;
}
#solution .synts .titleFillBottom
{
    position:absolute;
    left:0;
    top:50%;
    width:80px;
    height:50%;
    
    border-top: dashed 1px #333333;
    border-left: dashed 1px #333333;
}

#solution .synts .titleFillTop
{
     position:absolute;
     left:0;
     top:0;
     width:80px;
     height:50%;
     border-left: dashed 1px #333333;
}
#solution .synts .titleFillTop.first
{
    border-bottom: dashed 1px #333333;
}


#solution .body .synts .title
{
    position:absolute;
    left:80px;
    height:inherit;
    line-height:25px;    
    padding-left:4px;
    padding-right:4px;
    background-color: #F2F2F2;
    color:#333333;
}
#solution .body .synts .title.only
{
    left:50px; 
}
#solution .body .synts .title h1
{
    margin:0px;
    font-size: 1.2em;
    font-weight:normal;    
}

#solution .body.blue .synts .title
{
    background-color: #1bbbe9;
    color:#ffffff;
}
#solution .body.green .synts .title
{
    background-color: #1fa22e;
    color:#ffffff;
}
#solution .body.ocra .synts .title
{
    background-color: #dec800;
    color:#ffffff;
}
#solution .body.yellow .synts .title
{
    background-color: #b1c800;
    color:#ffffff;
}
#solution .body.red .synts .title
{
    background-color: #e2001a;
    color:#ffffff;
}

#solution .body .summary h1
{
    font-size: 2.0em;
    margin: 0px 0px 20px 0px;
    font-weight:normal;
}

#solution .body .summary
{}
#solution .body.blue .summary
{
    color: #1bbbe9;
}
#solution .body.green .summary
{
    color: #1fa22e;    
}
#solution .body.ocra .summary
{
    color: #dec800;
}
#solution .body.yellow .summary
{
    color: #b1c800;    
}
#solution .body.red .summary
{
    color: #e2001a;    
}

#solution .description .item .title h2
{
    margin: 0px;
    font-weight:normal;
    font-size: 1.6em;
}
#solution .description .paragraph
{   
    font-size: 1.2em;
    margin-bottom:20px;
    margin-top:3px;
}

#solution .description .paragraph a
{
    color:#555555;
}

#solution .description .paragraph p
{
    margin:0;
}

#solution .brand
{
    margin-bottom:40px;
}

#solution .solMenu .item
{
    width: 220px;
    padding:2px;
}

#solution .solMenu .item a
{
    font-size: 1.2em;
    color: #555555;
    text-decoration: none;
}

#solution .body .solMenu .item.selected
{
    background-color: #f2f2f2;
}
#solution .body.blue .solMenu .item.selected
{
    background-color: #1bbbe9;
}
#solution .body.green .solMenu .item.selected
{
    background-color: #1fa22e;
}
#solution .body.ocra .solMenu .item.selected
{
    background-color: #dec800;
}
#solution .body.red .solMenu .item.selected
{
    background-color: #e2001a;
}
#solution .body.yellow .solMenu .item.selected
{
    background-color: #b1c800;
}
#solution .solMenu .item.selected a
{    
    color: #ffffff;
}

#solution .body .downloads .title, #solution .body .faqs .title, #solution .body .videos .title, #solution .body .case .title
{
    font-size: 2.0em;
}
#solution .body.blue .downloads .title, #solution .body.blue .faqs .title, #solution .body.blue .videos .title, #solution .body.blue .case .title
{
    color: #1bbbe9;
}
#solution .body.green .downloads .title, #solution .body.green .faqs .title, #solution .body.green .videos .title, #solution .body.green .case .title
{
    color: #1fa22e;    
}
#solution .body.ocra .downloads .title, #solution .body.ocra .faqs .title, #solution .body.ocra .videos .title, #solution .body.ocra .case .title
{
    color: #dec800;    
}
#solution .body.yellow .downloads .title, #solution .body.yellow .faqs .title, #solution .body.yellow .videos .title, #solution .body.yellow .case .title
{
    color: #b1c800;    
}
#solution .body.red .downloads .title, #solution .body.red .faqs .title, #solution .body.red .videos .title, #solution .body.red .case .title
{
    color: #e2001a;    
}

#solution .downloads, #solution .faqs, #solution .videos, #solution .body .case
{
    margin-top: 20px;
    margin-left: 20px;
}

#solution .downloads .item
{
    margin-top: 10px;
}

#solution .downloads .separator
{
    border-top: dashed 1px #333333;
}

#solution .downloads .item a
{
    font-size: 1.3em;
    color: #555555;
    text-decoration: underline;
}

#solution .faqs .questions
{
    margin-top:15px;
}
#solution .faqs .questions .item
{
    margin-bottom: 5px;
}
#solution .faqs .questions .item p, #solution .faqs .answers .item p
{
    display:inline;    
}
#solution .faqs .questions .item a
{
    text-decoration:none;
    font-size: 1.3em;
    color: #990000;
}

#solution .faqs .separator
{
    border-bottom: dashed 1px #333333;
    margin-bottom: 20px;
    margin-top: 20px;
}

#solution .faqs .answers
{
    margin-top: 10px;
}
#solution .faqs .answers .item
{
    margin-bottom: 15px;
    font-size: 1.1em;
}
#solution .faqs .answers .item .question
{
    font-size: 1.3em;
}

#solution .videos .items
{
    margin-top: 20px;
    float:left;
}
#solution .videos .items .item
{
    margin: 5px;
    float:left;
    padding: 2px;
    border: solid 1px #555555;
}
#solution .videos .items .item.selected
{
    background-color: #D0D2D3;
    border:none;
}

#solution .videos .video
{
    margin-top: 20px;
    background-color: #D0D2D3;
    padding: 5px;
    width:480px;
}

#solution .vendor
{
    margin-top: 40px;
    border-top: dashed 1px #333333;
    width: 220px;
    padding-top: 10px;
}

#solution .blog
{
    margin-top: 40px;
    width: 250px;
}

#solution .blog .title
{
    width: 220px;
    border-bottom: dashed 1px #333333;
    padding-bottom: 3px;
    font-size: 1.1em;
    margin-bottom: 5px;
}

#solution .blog .item
{
    margin-top: 4px;
    margin-bottom: 4px;
}

#solution .blog .item a
{
    color: #555555;
    font-size: 1.1em;
}