body,div{padding:0; margin:0;}

div#frame
{
	width:980px;
	height:720px;
}

div#footer
{
	top:100px;
}

div#buttons
{
	width:980px;
	height:30px;
	padding:5px;
}

div#wrapper 
{
	width:980px;
	height:700px;
	position:absolute;
}

div#statistics
{
	float:left;
}

div#finish_div
{
	position:relative;
	top:6px;
	left:300px;
	float:left;
	margin:3px;
}

div#reset_div
{
	position:relative;
	top:6px;
	left:300px;
	float:left;
	margin:3px;
}

div.back_div
{
	position:relative;
	top:6px;
	left:450px;
	margin:3px;
}

div#see_all_user_result_div
{
	position:relative;
	top:6px;
	left:300px;
	float:left;
	margin:3px;
}

div#show_codes_div
{
	position:relative;
	top:6px;
	left:300px;
	float:left;
	margin:3px;
}

div.draggable_demo 
{
    width: 210px;
    cursor: move;
    background: #ffffff;
    border: 1px solid #666;
    text-align: left;
    line-height: 16px; 
    float:left;
    padding:2px 2px 2px 5px;
    margin:3px;
	font-size:11px;
}

div.droppped_demo 
{
    width: 210px;
	height:18px;
    cursor: move;
    background: #ffffff;
    border: 1px solid #666;
    text-align: left;
    line-height: 18px; 
    float:left;
    padding:0px 2px 2px 5px;
    margin:3px;
	font-size:11px;
	text-overflow:ellipsis;
	overflow:hidden;
}

div#definition_col 
{
    width: 450px;
    height: 778px;
    border: 2px solid #ccc;
    text-align: center;
    margin:5px 3px 3px 3px;
	padding:5px;
	font-family: sans-serif;
	float:left;
}

div#def_left
{
	width:220px;
	float:left;
}

div#def_right
{
	width:220px;
	float:left;
	margin:0px 3px 3px 6px;
}

div#col_left
{
	float:left;
	width:240px;
}

div#col_right
{
	float:left;
	width:240px;
}

div.words_col_left 
{
    width: 225px;
    height: 180px;
    border: 2px solid #ccc;
    text-align: center;
    margin:5px;
	font-family: sans-serif;
	padding:10px 0 0 0;
}

div.words_col_right 
{
	width: 225px;
    height: 180px;
    border: 2px solid #ccc;
    text-align: center;
	margin:5px;
	font-family: sans-serif;
	padding:10px 0 0 0;
}

div.words_col_left.hover 
{
   border: 2px dashed #aaa;
   background:#efefef; 
}

div.words_col_right.hover 
{
   border: 2px dashed #aaa;
   background:#efefef; 
}

.pieLabel div{
	font-size: 10px;
	border: 1px solid gray;
	background: yellow;
	padding: 1px;
	text-align: center;
}

div.word_pie_chart_container
{
	float:left;
	padding:10px 1px 1px 1px;
}

div.word_pie_chart_title
{
	left:105px;
	text-align:center;
	font-size:16px;
	padding:0 0 8px 0;
}

div.word_pie_chart
{
	width: 320px; 
	height: 200px; 
	float:left;
}

div.Maintenance
{
	background:#898399; 
}

div.Sustainability
{
	background: #c0c0c0;
}

div.Dissemination
{
	background: #bfbd8e;
}

div.Adoption
{
	background: #668899;
}

div.Institutionalization
{
	background: #ecd373;
}

div.Diffusion
{
	background: #ab6565;
}

div.Scale-up
{
	background: #d5752e;
}

div.definition
{
	background: #eeeee7;
}

a.def_link:link
{
	color:#000000;
	text-decoration:none;
}

a.def_link:hover
{
	color:#000000;
	text-decoration:none;
}

a.def_link:active
{
	color:#000000;
	text-decoration:none;
}

a.def_link:visited
{
	color:#000000;
	text-decoration:none;
}