div#ItemListing 
{	
	width:470px;
	text-align:left; 
}

.FirstColumn
{
	width:90px;
	height:25px;
	color:#666666; 
	text-decoration: none;	
	
}
.SecondColumn
{
	width:380px;
	height:25px;
	color:#908E8F;
	float:left;
}


.ThirdColumn
{
	
	height:25px;
	color:#908E8F;
	float:left;
	width:420px;
	
}


.SecondColumnwithoutFirstColumn
{
	width:420px;
	height:25px;
}

div#Listing a
{

display:block;
background-repeat:no-repeat;
background-position: 99% 7px;
background-image:url('/images/grayarrow.gif');
color:#666666;

}

div#Listing a:hover
{

display:block;
background-repeat:no-repeat;
background-position: 99% 7px;
background-image:url('/images/grayarrow.gif');
color:#908E8F;

}



div#CurPage 
{
	float:left;
	color: #262671;
	text-decoration: none;
	text-transform: lowercase;
}
div#PageTitle
{
 	float:left;
 	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #262671;
	text-decoration: none;
}
div#ImageListDiv
{
}
div#Listing
{
float:left;

}

div#resourceText
{
width:400px;
height:30px;
padding-top:5px;
text-align:left;
color: #000000;
text-decoration: none;
background-color:#F4F5F6
}
div#LinkText
{
width:412px;
height:30px;
padding-top:5px;
text-align:left;
color: #000000;
text-decoration: none;
background-color:#F4F5F6
}
div#resourceText a, div#LinkText a
{

display:block;
padding-left:25px;
background-image: url('/images/grayarrow.gif');
background-repeat:no-repeat;
background-position: 0 7px;
height:20px
}

.imageright {
	BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FLOAT: right; BORDER-LEFT: #ffffff 20px solid; BORDER-BOTTOM: #ffffff 20px solid
}
div#Detail 
{	
float:left;
text-align:left;


}

.filter {
padding:15px;
width: 400px;
border:1px dotted #C5D3DD; 

}

.filter legend {
	color: #666666;
	text-transform: lowercase; 
	background-color:White;
	padding-bottom:3px;
	
}

.filter label 
{
	color: #666666;
	text-decoration: none;
	float:left;
	display:block;
	width:80px;
	text-align:left;
	padding:0 0 0 10px;
}

.filter #btnSearch 
{
	TEXT-TRANSFORM:lowercase;
    COLOR: white;
    BACKGROUND-COLOR:#4B8DAD;
    height: 20px;
    width: 80px;
	clear:both;
    float:left;
	margin-left:95px;
}

.SearchButtonCss
{
	TEXT-TRANSFORM:lowercase;
    COLOR: white;
    BACKGROUND-COLOR: #666666;
    height: 20px;
    width: 80px;
    border-style:none;   
    margin-left:146px;
    float:left; 
    cursor:pointer;

}

.SearchButtonCssForCat
{
	TEXT-TRANSFORM:lowercase;
    COLOR: white;
    BACKGROUND-COLOR: #666666;
    height: 20px;
    width: 80px;
    border-style:none;   
    margin-left:153px;
    float:left; 
    cursor:pointer;

}

.currentPage {
	color: #262671;
	text-decoration: none;
	text-transform: lowercase;
}

.searchText {
	color: #0077B1;
	text-decoration: none;
	padding-left: 10px;
}

.textboxCssforCourse {
	color: #666666;
	border: 1px solid #0077B1;
	width: 200px;
	margin-left:8px;
}

.textboxCss {
	color: #666666;
	border: 1px solid #D2D1D1;
	width: 200px;

}

.Cat1Css {
	color: #666666;
	border:1px solid #0077B1;
	width: 200px;
	
}
.Cat2Css {
	color: #666666;
	border:1px solid #0077B1;
	width: 200px;
	
}


div#pageText
{
	text-align:left;
	color: #666666;
	text-decoration: none;
}

.pageText:link
{
	color: #000000;
	text-decoration: none;
}
.pageText:hover
{
	color: #000000;
	text-decoration: none;
}
.pageText:visited
{
	color: #000000;
	text-decoration: none;
}
div#TitleText {
float:left;
font-size: 12px;
font-weight: bold;
color: #666666;
text-decoration: none;
}
.active {
	color: #908E8F;
	background: #F6F6F6;
	width: 100%;
	margin: 0 auto 0px auto;
	text-align: left;
}
.inactive {
	color: #908E8F;
	background: #ffffff;
	width: 100%;
	margin: 0 auto 0px auto;
	text-align: left;
}
.ArrowLink:link
{
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}
.ArrowLink:hover
{
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}
.ArrowLink:visited
{
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}
HR
{
BORDER-TOP: #ffffff 1px solid; BORDER-BOTTOM: #999999 1px dashed;
	 
}

.xmlimage {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; BORDER-RIGHT-WIDTH: 0px
}

/*START DELETING FROM HERE WHEN YOU IMPLEMENT YOUR OWN CSS*/
A:link
{
	color: #262671;
	text-decoration: none;
}
A:hover
{
	color: #262671;
	text-decoration: none;
}
A:visited
{
	color: #262671;
	text-decoration: none;
}
.DottedBorder
{
	width:607px;
	height:25px;
	BORDER-TOP: #ffffff 1px solid; 
	BORDER-BOTTOM: #C5D3DD 1px dotted;
}


div#ImageDiv
{
float: left;
width: 24px;
vertical-align:middle; 

}
#frontcompokeyword
{
	
	padding-right:15px;
	
}
#frontcompoCatname1
{
	padding-right:10px;

}
#frontcompoCatname2
{
	padding-right:10px;
	
}


.pnlcasestudy 
{
	
	border:solid 1px #666666;
	padding:5px;
	
}

.pnlresources 
{
	
	border:solid 1px #666666;
	padding:5px;
		
}