/* 
    Document   : placement-options
    Created on : Sep 23, 2009, 4:36:27 PM
    Author     : zeeshan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#top-container
{
    margin-top: 40px;
}


.demo-no
{
    width: 250px;
   /*border: 1px solid #00FF00;*/
    margin: 0px 0px 10px;
    font-size: 22px;
    color: #fafafa; /*#F7A414;*/
    text-align: center;
}


.demo-div
{
    border: 2px solid transparent;
    height: 290px;
    padding-right: 5px;
    padding-left: 5px;
    width: 260px;
    overflow:hidden
}

.selected-demo-div
{
    border: 2px solid #f7a414;
}

.demo-div img
{
    opacity:0.8;
    filter:alpha(opacity=80);
}
.demo-div :hover
{
    opacity: 1.0;
    filter:alpha(opacity=100);
}
#demo-div1
{
    float:left;
}
#demo-div2
{
    float:left;
}
#demo-div3
{
    /*float: left;
    margin-right: 0;*/
}

.selection-btn
{
    margin-top: 20px;
    width: 108px;
    overflow: hidden;
}

.clear-both
{
    clear: both;
}