fieldset 
{
    border:1px solid #ddd;
   padding: 5px 5px 5px 5px;
    margin: 0 0 0.5em 0;
   /* background-color: #E9E9FE;*/
   background:#E9E9FE; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9FE', endColorstr='#d3d3d3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#E9E9FE), to(#d3d3d3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #E9E9FE,  #d3d3d3); /* for firefox 3.6+ */
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}




#searchformDB {
    margin: 10px 0px 0px;
    padding: 10px;
    background-color: #F5F5F5;
}
.question-editor-label 
{
    font-weight: bold;
    font-size:smaller;
    margin: 0.25em 0 0 0;
   
    overflow:hidden;
    height:1.5em;
    display:inline-block;
    text-align:left;
    width:170px;
}

.question-editor-field 
{
	font-size:smaller;
    margin:0.25em 0 0 0;
    /*height:1.5em;*/
   display:inline-block;
   text-align:left;
   width:200px
}

table { margin: 10px 0 0 0; padding: 0; overflow: auto; border: 1px solid #ccc; background-color: #fff; color: #000; border-collapse: collapse; }
table tr { margin: 0; padding: 0; }
table tr.odd { background-color: #f5f5f5; }
table tr:nth-child(2n+1) { background-color: #f5f5f5; }
table th { background-color: #96c; color: #fff; }
table th a { color: #fff !important; }
table th a:visited { color: #fff; }
table th,
table td { border: 1px solid #ccc; margin: 0; padding: 0.4em; text-align: left; vertical-align: top; }

.display-label 
{
    font-weight: bold;
      height:1.5em;
    display:inline-block;
    text-align:left;
    width:150px;
    overflow:hidden;
}

.display-field 
{
      height:1.5em;
   display:inline-block;
   text-align:left;
   width:450px
}

.editor-label 
{
    font-weight: bold;
    margin: 0.25em 0 0 0;
   
    
    height:1.5em;
    display:inline-block;
    text-align:left;
    width:80px;
}

.editor-field 
{
    margin:0.25em 0 0 0;
    height:1.5em;
   display:inline-block;
   text-align:left;
   width:200px
}


th,td
{
	text-align:left;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.longNameEdit
{
	width:250px;
	
	text-align:left;
}

.smallTextEdit
{
	width:40px;
}

.dateTextEdit
{
	width:100px;
}

.textAreaEdit
{
	height:100px;
	width:250px;
	resize:none;
	
}

.searchButton
{
	background-color:#000099; 
	color:White; 
	position:relative; 
	float:right;
	display:inline-block;
}

.engelsButton
{
	background-color:#000099; 
	color:White; 
	width: 70px;
	display:inline-block;
	outline-style:outset;
}

.engels-icon
{
	background-image: url("images/engels-marker-icon.png");
	text-align:center;
	color:White;
	
}

.indicator
{
	display:inline-block;
}

.cliplink
{
	width:100%;
	display:block;
	text-align:center;
	text-decoration: none;
	background-color: White;
	margin: 5px 5px 5px 5px;
}

.publink
{
	width:90%;
	display:inline-block;
	text-align:left;
	text-decoration: none;
	background-color: White;
	margin: 5px 5px 5px 5px;
}

 .autocomplete
{
	position:absolute;
	left: 158px;
	top: 148px;
	width: 350px;
	background-color:#663399;
	color:White;
	border: solid 1px Black;
	display:none;
	z-index:1000;
	font-size:small;
}

.autocomplete ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
	max-height:200px;
	overflow:scroll;
	
}

.autocomplete li:hover
{
	background-color:White;
	color: #663399;	
}

.editLink
{
	display:inline-block;
	text-decoration:none;
	border: 1px solid Black;
	font-size:large;
	text-align:center;
	overflow:hidden;
	color:#663399;
	background-color:#E9E9FE;
	cursor:pointer;
	padding: 1px;
	font-size:x-small;	
	width:40px;

}

#projectLongDescription
{
	background-color:#F5F5F5;
	padding: 3px 3px 3px 3px;
	border: 1px solid Black;
}

.search-label
{
	font-weight:bold;
	width:100px;
	display:inline-block;
	margin-top:10px;
}

.search-field
{
	display:inline-block;
	margin-top:10px;
}

#searchResults
{
	width:100%;
	
	padding: 3px 3px 3px 3px;
	
	margin-top:10px;
}

.projectIcon
{
	width:110px;
	float:left;
	
	height: 110px;
	color:#E9E9FE;
	
	background-color:#663399;
	
	background-image: url("/Content/images/hello_flag_small.jpg");
	background-repeat:no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	
}

.projectCover
{
	width:110px;
	float:left;
	
	height: 110px;
	
	overflow: hidden;
    
    position: relative;
}

.projectImage
{
	position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto; 
    max-height: auto;
    width: 100%;
    
}


.projectItem
{
	margin: 2px 0 2px 10px;
	border: 1px solid Black;
	height: 130px;
	width:110px;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
}


.projectTitle
{
	width:110px;
	display:inline-block;
	text-align:center;
	vertical-align:bottom;
	height:20px;
	font-weight:normal;
	overflow:hidden;
}

#ProjectDetail
{
	height:400px;
	max-height:400px;
	overflow-y:scroll;
}

h1.siteTitle
{
	font-size:x-large;
	
	
}

h3.siteTitle
{
	font-size:large;
	
	
	margin-top:0px;
	padding:top:0px;
}

.siteTitle
{
	
	overflow:hidden;
}

.siteDesc
{
	font-size:small;
}