﻿ @media screen,projection{
 		
		 .previewPane
{
    background-color: #fff;
    background-image: url(Img/previewPaneBg.gif);
    background-repeat: no-repeat;
}
	 .previewPane1
{
    background-color: #fff;
    background-image: url(Img/previewPaneBg1.gif);
    background-repeat: no-repeat;
    vertical-align:middle;
}
.infoPane
{
    background-color: #fff;
    background-image: url(Img/infoPaneBg.gif);
    background-repeat: no-repeat;
}
.infoPane1
{
    background-color: #fff;
    background-image: url(Img/infoPaneBg1.gif);
    background-repeat: no-repeat;
     vertical-align:middle;
}
.infoPaneBg
{
    margin-top: 20px;
    background-color: #fff;
    background-image: url(Img/grayBg.gif);
    background-repeat: no-repeat;
    height: 192px;
    width: 272px;
}
.infoPaneBg1
{
  
    background-color: #fff;
    background-image: url(Img/grayBg1.gif);
    background-repeat: no-repeat;
    height: 290px;
    width: 280px;
}

.imageDetailsHeader
{
    font: bold 16px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 5px;
}
.details
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-left: 30px;
    width: 230px;
    vertical-align: middle;
    margin-bottom: 4px;
}
.imageDetailsHeader1
{
    font: bold 16px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 5px;
    vertical-align: middle;
    padding:2px 2px 2px 2px
}
.details1
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    width: 230px;
    vertical-align: middle;
    margin-bottom: 4px;
     padding:2px 2px 2px 2px
}
.detailsTxtBox
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    height: 13px;
    border: solid 1px #ccc;
}
a.editBtns, a.editBtns:link, a.editBtns:visited, a.editBtns:active, a.editBtns:focus
{
    text-decoration: none;
    border: solid 1px #808080;
    display: inline-block;
    width: 50px;
    font: bold 11px Arial, Verdana, Helvetica, Sans-serif;
    text-align: center;
    margin-top: 4px;
    background-color: #e8e8e8;
    color: #808080;
}
a.editBtns:hover
{
    color: #3b3b3b;
}
.thumbsViewer
{
    background-color: #fff;
    background-image: url(Img/thumbsBg.gif);
     background-repeat: no-repeat;
}

.RotatorImage
{
    margin:0px 11px;
    cursor:hand;
    cursor: pointer;
}
.RotatorWhite
{
height: 22px;

background-image:url(Img/White.gif);
 background-repeat: no-repeat;
width:60px	}
.RotatorcornerLeftTop
{
height: 22px;

background-image:url(Img/cornerLeftTop.gif);
 background-repeat: no-repeat;
width:50px	}
.RotatortopLeft
{
height: 22px;

background-image:url(Img/topLeft.gif);
 background-repeat: no-repeat;
width:292px	}
.RotatortopRight
{
height: 22px;
 
background-image:url(Img/topRight.gif);
 background-repeat: no-repeat;
width:280px	}
.RotatorcornerRightTop
{
height: 22px;
 
background-image:url(Img/cornerRightTop.gif);
 background-repeat: no-repeat;
width:62px	}
.RotatorwhiteMiddle
{
height: 243px;

background-image:url(Img/whiteMiddle.gif);
 background-repeat: no-repeat;
width:60px	}
.RotatorwhiteMiddle1
{
height: 350px;

background-image:url(Img/whiteMiddle1.gif);
 background-repeat: no-repeat;
width:60px	}
.RotatorleftFrame
{
height: 243px;
 
background-image:url(Img/leftFrame.gif);
 background-repeat: no-repeat;
width:50px	}
.RotatorightFrame
{
height: 243px; 
background-image:url(Img/rightFrame.gif);
 background-repeat: no-repeat;
width:62px	}
.RotatorleftFrame1
{
height: 350px;
 
background-image:url(Img/leftFrame1.gif);
 background-repeat: no-repeat;
width:50px	}
.RotatorightFrame1
{
height: 350px; 
background-image:url(Img/rightFrame1.gif);
 background-repeat: no-repeat;
width:62px	}
.RotatorwhiteShadow
{
height: 117px; 
background-image:url(Img/whiteShadow.gif);
 background-repeat: no-repeat;
width:60px	}

}
.oneColumnProject 
{
	width: 525px; 
	background: url(Img/inside-bg-top.gif)  no-repeat;
                     }
.oneColumnProjects { width: 525px; 
	background: url(Img/inside-bg-bottom.gif) no-repeat;
                     }
.ColumnProject {background: #f4f9ff;
		border: 1px solid #7498b9;
		border-top: none;
		border-bottom: none;
		padding: 0 10px 10px 10px;}
		
#ColumnProjectLine a {
	    color: #0c4995;
	    text-decoration: none;
	      font-weight:bold
    }
#ColumnProjectLine a:hover{
	    color: #0c4995;
	      font-weight:bold;
	     text-decoration: underline;
    }