/* Visual Styles for the DRAMBORA Online Tool
Digital Curation Centre and DigitalPreservationEurope
*/
.helpbrowser p, .helpbrowser ul {
			
		}

#user_panel{
	font-size:0.9em;
	margin:4px 0px 0px 4px;
}
.gapbullet {
				margin-bottom:1.2em;
			}
fieldset
{
	border:1px solid #ccc;
}

fieldset input[type="submit"], fieldset input[type="button"]
{
	cursor:pointer;
}

fieldset input, fieldset textarea, fieldset select
{
			background-color:#fff;
			border:2px solid #ccc;
}

fieldset h2	{
font-size:1.1em;
padding:3px 0px 3px 0px;
}

fieldset input[type="image"]
{
	border:none;
	background-color:#eee;
}

fieldset table, fieldset td
{
		background-color:#efefef;
			border:1px solid #ccc;
}

legend	{
		font-weight:bold;
		letter-spacing:0.3em;
		color: #888;
	}

.menu	{
		
	}

input, select, label, textarea, td { 
							font-size:inherit;
								font-family:verdana, helvetica, sans-serif;	
						}

.footer	{
		
	}

.box_link
		{
			margin-left:5px;
			font-size:0.8em;
		}

h1	{
		margin:10px 0px 6px 10px;
		font-size:1.2em;
		line-height:1.4em;
		font-weight:bold;
	}

body a, #user_panel a	{
		text-decoration:none;	
		color: #8a8ace;
	}

body a:hover, #user_panel a:hover	{
		text-decoration:underline;
	}
	
body a:active, #user_panel a:active {
		color:#39f;
}

img	{
		border:none;
	}
	
input, select, textarea	{
		font-size:1em;
	}
body	{
		font-family:verdana, helvetica, sans-serif;	
		background-color:#eee;
		margin-top:0px;
		font-size:0.7em;
	}

#objectivesbox ul li	{
				list-style-type:disc;
			}

#progressbox ul li, #assessmentsbox ul li
			{
				list-style-position: inside;
				margin-left:0px;
				padding-left:4px;
			}

.body p, .body li {
			line-height:1.6em;
		  }


.body img.illustration	{
			margin:0px 10px 10px 10px;
		}
		
legend {
			margin-bottom:5px;
		}
#body, body	{
		background-color:#eee;
	}

.menu 	{
		background-color:#eee;
		padding:0px 2px 10px 5px;
		margin-right:2px;
		color:#333;
		font-size:1.1em;
	}

.header {
		
		background: #ccc url("../images/bottom_corner.gif") no-repeat bottom right;
		padding:10px 5px 5px 0px;
	}

.footer {
		width:600px;
		margin:auto;
		padding:2px;
		line-height:1em;
		text-align:center;	
	}

#doc2	{
		border:1px solid black;
	}

.message {	text-align:center;
		color: #333;
	 }


.submit_line		{
				clear:left;
				padding-top:10px;
				text-align:left;
			}


ul.rMenu	{
			margin:10px 0px 0px 0px;
			padding:0px;
		}

ul.rMenu, ul.rMenu li	{
				list-style-type: none;
				list-style-image: none;
				list-style-position: outside;
				
			}

ul.rMenu li, ul.rMenu li a	{
			display: block;
			margin-top: 0pt;
			margin-right: 0pt;
			margin-bottom: 0pt;
			margin-left: 0pt;
			padding-top: 0pt;
			padding-right: 0pt;
			padding-bottom: 0pt;
			padding-left: 0pt;
			width:12em;
		}

ul.rMenu li.menu_item_dif a	{
	background-color:#fff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8a8ace;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8a8ace;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	position:relative;
	text-decoration:none;
	color:#333;
}

ul.rMenu li a	{
			background-color:#eee;
			border-left-width: 1px;
			border-left-style: solid;
			border-left-color: #8a8ace;
			border-right-width: 1px;
			border-right-style: solid;
			border-right-color: #333;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #8a8ace;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #333;
			padding-top: 2px;
			padding-right: 5px;
			padding-bottom: 3px;
			padding-left: 5px;
			position:relative;
			text-decoration:none;
			color:#333;
		}

ul.rMenu li.selected a	{
				color: #fff;
				background-color: #8a8ace;
				border-left-width: 1px;
				border-left-style: solid;
				border-left-color: #333;
				border-right-width: 1px;
				border-right-style: solid;
				border-right-color: #fcf;
				border-top-width: 1px;
				border-top-style: solid;
				border-top-color: #333;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #fcf;
			}

ul.rMenu li a:hover	{
				background-color:#fcf;
			}

div#topmenu	{
			margin-bottom:20px;
			margin-left:2px;
			padding:4px;
			border:1px solid #ccc;
			width:580px;
		}

#topmenu #topline .item	{
				float:left;
				margin-right:3px;
				margin-left:3px;
			}

#topmenu #bottomline .item	{
					float:left;
					margin-right:3px;
					margin-left:3px;
				}

#topmenu #bottomline, #topmenu #topline	{
						clear:both;
					}

/*This section corresponds to panels in the main panel*/

.leftpanel 	{
			width:555px;
			float:left;
			margin-right: 0px;
			padding:0px;
			margin-left:2px;
		}

.leftpanel fieldset	{
				width:555px;
			}

.rightpanel	{
			float:right;
			width:245px;
			margin: 0px;
			padding:0px;
		}

.bottompanel	{
			clear:both;
		}


/* This section corresponds to forms within fieldsets in the main body*/

fieldset	{
			margin-bottom:15px;
			padding:2px;
		}

.rightpanel li, .rightpanel ul	{
					padding:2px;
					margin-left:7px;
					list-style-image:url('../images/bullet.png');
				}


fieldset p	{	
			margin-top:10px;
		}

fieldset p .label {
			float:left;
			text-align: right;
			width: 90px;
			margin-right:5px;
			font-weight:bold;
		  }
fieldset p .longestlabel {
			float:left;
			text-align:right;
			margin-right:5px;
			font-weight:bold;
		}
		  
.labelro {
			float:left; 
			font-weight:bold;
			text-align: right;
			width: 90px;
			margin-right:5px;
}
		  
fieldset p .longlabel {
					float:left;
					text-align:right;
					width:200px;
					margin-right:5px;
					font-weight:bold;
				}

label.menulabel	{
			float:left;
			text-align:left;
			width:75px;
		}

input.menuinput	{
			float:left;
			text-align:left;
		}

fieldset p .widelabel {
			float:left;
			text-align: right;
			width: 320px;
			margin-right:5px;
			font-weight:bold;
		  }

fieldset p .inputro, fieldset p .input, fieldset p .longinput {
			text-align:left;
}		

.inputro
{
			background-color:#fff;
			border:2px solid #ccc;
			width: 400px; margin: 2px 2px 2px 2px;
			padding:4px;
			float:left;
}

fieldset .clear, form .clear  {
			clear:both;
		  }

fieldset .biggap {
			margin-top:30px;
		 }