@import url("css/menu.css");
@import url("css/grid.css");
@import url("css/button.css");

.h1-details-content
{
	color:#E6A026;
	margin-top:10px;
	margin-bottom:10px;
    font: bolder normal 18px Helvetica, Arial, san-serif, Verdana;
}

.h2-details-content
{
    font: bold normal 18px Helvetica, Arial, san-serif, Verdana;
	color: #000;
}

.h1-project-content
{
	color:#414142;
	margin-top:10px;
	margin-bottom:10px;
    font: bolder normal 22px Helvetica, Arial, san-serif, Verdana;
}

.top-projects
{
	width: 949px;
	height: 241px;
	margin-top: 0px;
	float:left;
    background-color:White;
}

.top-projects1
{
	width: 949px;
	height: 241px;
	margin-top: 0px;
	float:left;
	margin-bottom:10px;
    background:#FFFFFF none repeat scroll 0 0;
}

.top-projects-left
{
	/* width: 377px; */
	width: 307px;
	height: 241px;
    margin-right:5px;
    float:left;
    background-color:#DA9828;
}

.top-projects-text
{
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
	color:White;
    text-align:left;
    vertical-align:text-bottom;
    padding-left:10px;
    padding-bottom:5px;
    margin-top:180px;
}

.top-projects-pic1
{
	margin-left:-8px;
	/* width: 278px; */
	width: 311px;
	height: 241px;
	margin-right:4px;
	margin-bottom:5px;
    float:left;
    background-color:white;
}

.top-projects-pic3
{
	margin-left:-8px;
	margin-top:1px;
	/* width: 278px; */
	width: 311px;
	height: 241px;
	margin-right:4px;
    float:left;
    background-color:white;
}

.listItemStyle
{
    width:250px;
    font-family:Arial, helvetica, Sans-Serif;
    color:White;
    text-decoration:none;
}

.top-projects-pic2
{
	margin-left:5px;
	/* width: 278px; */
	width: 311px;
	height: 241px;
	margin-bottom:5px;
    float:left;
    background-color:white;
}

.top-projects-pic4
{
	margin-left:5px;
	margin-top:1px;
	/* width: 278px; */
	width: 311px;
	height: 241px;
    float:left;
    background-color:white;
}

.center-projects
{
	width: 949px;
	height: inherit;
	margin-top: 2px;
	margin-bottom: 8px;
	background-image:url(/images/proj-center-bg-wide.png);
	float:left;
}

.center-projects-left
{
	width: 300px;
	min-height: 482;
    margin-right:4px;
    padding-top:5px;
    padding-left:22px;
    float:left;
    /*background-color:#424244;*/
}

a.projectList
{
    text-decoration:none;
    line-height:22px;
    font-size:12px;
    color:white
}

a.projectList:visited
{
    text-decoration:none;
    line-height:22px;
    font-size:12px;
    color:white
}

a.projectList:hover
{
    text-decoration:underline;
    line-height:22px;
    font-size:12px;
    color:white
}


ul.projectList
{
    padding-left:20px;
    list-style-image: url(/images/right.png) 
}

.center-projects-right
{
	margin-left:6px;
	padding:5px 5px 7px 15px;
	/* width: 544px; */
	width: 611px;
	height:auto;
    float:left;
    background-color:#F2F2F2;
}

.projHeaders
{
	font-size:16px;
	color:#E6A026;
	line-height:26px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.projData
{
	font-size:12px;
	line-height: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
    color:Black;
	margin-top:15px;
}

.projectDetail
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
    color:Black;
}




.PagerStyle
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:Black;
	padding: 10px 20px; 
	text-align:right;	
	text-decoration:none;
}

.FilterHeaderRow
{
	background-color:Black;
	color:White;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align:center;
}

.FilterDataRow
{
	background-color:#EDEDF5;
	color:Black;	
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}

.AutoComplete_ItemLeft
{
    width:300px;
    padding:0.5px 1px 0.5px 1px;
    background-color: #F0F0F8;
    border:1px solid White;
}

.AutoComplete_ItemRight
{
    width:100px;
    padding:0.5px 1px 0.5px 1px;
    background-color: #F0F0F8;
    border:1px solid White;
}

.HoverListItemLeft
{
    width:300px;
    padding:0.5px 1px 0.5px 1px;
    background-color: #FFF7C0;
    border:1px solid White;
}

.HoverListItemRight
{
    width:100px;
    padding:0.5px 1px 0.5px 1px;
    background-color: #FFF7C0;
    border:1px solid White;
}

.AutoCompleteList
{
    border:1px solid Black;
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
    color:Black;
    background-color:White;
}

.AutoCompleteListItem
{
    width:400px;
}

.AutoCompleteListHover
{
    background-color: #FFF7C0;
}
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.50;
}

.updateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 180px;
	height: 65px;
}