#page   {background-color: White;}
#page .section {float: left; width: 100%; margin-top: 20px;}
#page .section > .left {float: left; width: 100%; margin: 0; padding: 0;}
#page .section > .right {float: left; width: 40%; min-height: 248px; background-color: silver; color: White; margin-left: 3px; display: none;}

#page .section .details {float: left; width: 100%; text-align: center;background-image: url('../../App_Themes/Skins/Polmed/login_image.png');background-repeat: no-repeat;}
#page .section .details a {color: #69c2c8; font-weight:bold;}
.image {float: left; width: 0; text-align: right; margin-right: 10px;}
.left_no {float: left; width: 100%; text-align: left; padding: 5px 3px 5px 0;}
.left {float: left; width: 100%; text-align: center; margin-top: 7px; padding: 5px 0 5px 0;}
.right {float: left; width: 100%; text-align: center; padding: 0px;}
.full {float: left; width: 100%; text-align: center; padding: 0px;}
.space {float: left; width: 100%; height: 5px;}
.full_gray {float: left; width: 99%; text-align: center; padding: 5px 0 5px 5px; background-color: whitesmoke; }

h1      {padding: 10px 0 10px 10px; text-align: left; display: none;}
h2      {padding: 10px 0 10px 10px; text-align: left;}

.pagination {
            font-size: 80%;
        }

.pagination a {
    text-decoration: none;
    border: solid 1px #AAE;
    color: #15B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
    border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
    color:#999;
    border-color:#999;
    background:#fff;
}

.CLOText{background-color:#5caccd; font-size:11pt; color:White;}
.CLOTextBox{width:98%;}

@media screen and (min-width: 150px) and (max-width: 549px) 
{
    
.center {width: 99%;}
.footer .text {width: 99%;}

    #page .section {margin-top: 5px;}
    #page .section > .left {width: 100%;}
    #page .section > .right {width: 100%; margin: 0;}
    
    #page .section .details {width: 100%}
    h1      {position: relative;}
    .image {display: none;}
    .left_no {width: 100%; text-align: center;}
    .left {width: 100%; text-align: center;}
    .right {width: 100%; text-align: center;}
}

@media screen and (min-width: 550px) and (max-width: 767px)
{
    
.center {width: 99%;}
.footer .text {width: 99%;}

    #page .section > .left {width: 100%;}
    #page .section > .right {width: 100%; margin: 0;}
    
    #page .section .details {width: 100%}
    h1      {position: relative;}
    .image {display: none;}
    .left_no {width: 100%; text-align: center;}
    .left {width: 100%; text-align: center;}
    .right {width: 100%; text-align: center;}
}

@media screen and (min-width: 768px) and (max-width: 1024px)
{
    #page .section > .left {width: 70%;}
    #page .section > .right {width: 30%; margin: 0;}
    
    h1       { top: 148px; left: 110px; position: absolute;}
    .left_no {width: 39%; text-align: right;}
    .left {width: 39%; text-align: right;}
    .right {width: 55%; text-align: left;}
}

@media screen and (min-width: 1025px)
{
    #page .section > .left {}
    #page .section > .right {max-width: 247px;}
    
    h1       { top: 148px; left: 110px; position: absolute;}
    .left_no {}
    .left {}
    .right {}
}


.AutoCompleteExtender_CompletionList 
        {
            color : dimgray;
            padding : 1px;
            color: dimgray;
            text-decoration: none;
            white-space: nowrap;
            max-height:200px;
            overflow-y:scroll;
            
            
        }

        /*AutoComplete flyout */
        .AutoCompleteExtender_CompletionListItem 
        { 
            text-align : left;
            background-color:blue;
            border: solid 1px black;
            width: 350px;
            color: dimgray;
            text-decoration: none;
            cursor: hand;
            filter: progid:DXImageTransform.Microsoft.Alpha(style=2,opacity=90);
            overflow-y:scroll;
        }

        /* AutoComplete highlighted item */
        .AutoCompleteExtender_HighlightedItem
        {
            background-color: whitesmoke;
            border: solid 1px whitesmoke;
            color: #2e9ff6;
            cursor: hand;
            text-decoration: none;
            width: 350px;
        }
        
        .hideElement{ 
  display:none; 
} 

/* ######################################################################## */