body {
	font:69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	background-color:White;
	color:Black;
	margin:0;
	padding:0;
}

a {
	color:#4280CA;
	text-decoration:none;
}

a:hover {
	color:orange;
	text-decoration:underline;
}

img {	
	vertical-align:middle;
}

p {
	margin:0 0 1em 0;
	line-height:1.5em;
}

hr {
	border : 1px solid #CCCCCC;
}

dl {
	float:left;
	width: 24%;
	text-align: center;
}

dt { 
	 font-size: 150%; 
	 font-weight: normal;
}


dd {
	line-height:1.5em;
	text-align:left;
	margin: 0 2em 0.25em 2em;
	margin-bottom:1em;
}

h3 { 
	 font-size: 150%; 
	 font-weight: normal;
	 text-align: center;
}

input {
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	border: 1px solid;
	border-color:#666 #ddd #ddd #666;
	color: Black;
	vertical-align: middle;
	background: #FFFFFF;
}

input.searchButton {
	margin-bottom: 1px;
	color: Black;
	font-size: 90%;
	background: #EFEFEF;
	cursor: pointer;
	padding: 1px 1px 1px 20px;
	text-transform: none;
	border: 1px solid #CCCCCC;
}



textarea {
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	border: 1px solid;
	border-color:#666 #ddd #ddd #666;
	color: Black;
	vertical-align: middle;
	background: #FFFFFF;
}
select {
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	color: Black;
	vertical-align: middle;
	background: #FFFFFF;
}


#wrapper {
	width:890px;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	padding:5px;
	text-align:left;
	background:#FFFFFF;
}

#db_logo {
	float:left;
	clear:left;
	margin:0em 0em 0.6em 0em;
}

#db_search {
	float:right;
	clear:right;
	margin:2em 0 0 0;
	text-align:right;
	white-space:nowrap;	
}

#db_language_select {
	float:right;
	clear:right;
	margin:2em 0 0 0;
	text-align:right;
	white-space:nowrap;
}


#db_navbar {
	background-color: #EFEFEF;
	background-image: url("../graphics/grey_dient_small.jpg");
	text-align:center;
	padding:0em 0em 0.5em 0em;
	white-space:nowrap;
	list-style:none;
	margin:0;
	height:auto;
	line-height:normal;
}

#db_navbar li {
	display:inline; 
}

#db_navbar li a { 
	background-color:white;
	
	border-color:#cccccc;
	border-width:1px;
	border-style:solid solid none solid;
	color:#4280CA;
	height:auto;
	margin-right:0.5em;
	padding:0.5em 1em;
	text-decoration:none;
	text-transform:none;
}

#db_navbar li.selected a {
	background-color:#4280CA;
	background-image: url("../graphics/blue_bg_medium.jpg");
	background-position:center;
	border:1px solid #4280CA;
	border-bottom:#4280CA 1px solid;
	color:#FFFFFF; 
	font-weight:bold; 
}

#db_navbar li.selected a:hover {
	background-color:#4280CA;
	background-image: url("../graphics/blue_bg_medium.jpg");
	background-position:center;
	border:1px solid #4280CA;
	border-bottom:#4280CA 1px solid;
	color:#FFFFFF; 
	font-weight:bold; 
}

#db_navbar li a:hover {
	background-color:orange;
	background-image: url("../graphics/orange_bg_medium.jpg");
	background-position:center;
	border-color:orange;
	border-bottom-color:#4280CA;
	color:#FFFFFF; 
}

#db_navbar_separator {
	background-color:#4280CA; 
	background-image: url("../graphics/blue_bg_solid.jpg");
	border-top-color:#cccccc;
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-color:#cccccc;
	border-bottom-style:solid;
	border-bottom-width:1px;
	line-height:1.6em;
	color:Black;
	padding:0em 3em 0em 3em;
	margin:0;
	text-align:right;
	text-transform:none;
	list-style:none;
}

#db_navbar_separator li {
	color:#FFFFFF;
	margin-left:1em;
	display:inline; 
}

#db_navbar_separator li a {
	text-decoration:none;
	color:#FFFFFF;  
}

#db_text {
	width: 67%;
	float: right;
	margin: 0;
	border-left: thin solid #cccccc;
	padding-top:2em;
	padding-left:2em;
	padding-right:2em;
	text-transform:none;
	line-height:1.6em;
}


#db_simulation {
	width:600px;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	padding:5px;
	text-align:left;
	background:#FFFFFF;
}
#db_nav_sidebar {
	margin-right: 67%;
	width: 22%;
	padding-top:2em;
	padding-left:2em;
	padding-right:2em;
	text-transform:none;
	text-align:left;
	line-height:1.6em;
}

#db_breadcrumbs {
	border-bottom-color:#cccccc;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-left:2em;
	padding-right:2em;
	text-transform:none;
	line-height:1.6em;
}

#db_footer {
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
	float:none;
	line-height:1.0em;
	margin:1em 0em 1em 0em;
	padding:1em 0em 1em 0em;
	text-align:center;
}

#db_credits {
	text-align:center;
}

#db_credits ul li {
	display:inline;
	padding:0 2em;
}

#db_intro { 
	padding-top:2em;
	padding-left:2em;
	padding-right:2em;
	text-transform:none;
	line-height:1.6em;
}

div#droppable_container {
    height: 200px;
    width: 400px; 
}

div#draggable_box {
    width: 60px;
    height: 60px;
    cursor: move;
    background: #FFFFFF;
    border: none;
    text-align: center;
    position: relative;
    top: 30px;
    line-height: 50px; 
}

div#droppable_box {
    width: 200px;
    height: 150px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
    top: -60px;
    left: 140px;
    line-height: 100px; 
}

div#droppable_box.hover {
    border: 2px dashed #ccc;
    background:#FFFFFF; 
}

.clearline {
	display: block;
	clear: both;
}

.tablecolor1 {
	background-color : #EFEFEF;  
} 


.tablecolor2 {
	background-color : #E5E5E5;  
} 



.tablecolor3 {
	background-color : #CCCCCC;
	border : 1px solid #AAAAAA; 
}

.tablecolorError {
	background-color : orange;
	border : 1px solid #AAAAAA; 
}