#nop
{
}

#register_info
{
	height: 150px;
	padding: 6px;
	font-size: 16px;
	line-height: 24px;
}

#register_info h2
{
	padding: 12px 0;
}

ul.list > li
{
	font-size: 1em;
	font-weight: bold;
	border-left: 1px dotted #fff;
}

ul.list > li > div.control,
ul.list > li > div.icon,
ul.list > li > div.label,
ul.list > li > div.buttonframe,
ul.list > li > div.tags
{
	float:left;
	line-height:16px;
	padding-left:5px;
}

ul.list > li > div.control
{
	padding-top:3px;
}


ul.list > li > div.tags
{
	padding: 0 20px;
	font-size: 0.75em;
	font-weight: normal;
}

ul.list > li > div.buttonframe
{
	float:right;
}

.buttonframe > button
{
	height:100%;
	border-left-color: #E0E0E0;
    border-style: solid;
}

button.redbutton
{
	border-left-color: #E0B3B3;
	background-color: #F2DADA;
}

.menusortholder
{
	height: 16px;
	border: 1px dashed #eee;
	background-color: #4FB1E4;
}

input.yubisuccess
{
	background-color:#CCFFD0;
	animation-duration: 1s;
	animation-name: fadegreen;
}
input.yubifail
{
	background-color:#FFCCCC;
	animation-duration: 1s;
	animation-name: fadered;
}

div.mainimage_row > div
{
	float:left;
}


.content_colour
{
	background-color: #90EE90;
}
.menu_colour
{
	background-color: #ADD8E6;
}
.static_colour
{
	background-color: #EEE;
}
.file_colour
{
	background-color: #E6ADAD;
}


.list li
{
	line-height: 24px;
}

input.valid
{
	background-color:#CCFFD0;
	animation-duration: 1s;
	animation-name: fadegreen;
}
input.invalid
{
	background-color:#FFCCCC;
	animation-duration: 1s;
	animation-name: fadered;
}

div.searchbox
{


}

div.searchbox input[type=text]
{
	width: 88%;
}

div.searchbox input[type=button]
{
	width: 10%;
}

input.taglist
{

}

label.taglist
{
	padding: 5px 10px 0 5px;
	line-height: 38px;
}

@keyframes fadegreen {
  from {
	background-color:#FFFFFF;
  }
  to {
	background-color:#CCFFD0;
  }
}

@keyframes fadered {
  from {
	background-color:#FFFFFF;
  }
  to {
	background-color:#FFCCCC;
  }
}

.sections_row
{
	margin: 0 0 20px 0;
}

.sections_row div.brief
{
	padding: 0 0 0 20px;
}

.sections_row > .content_section
{
	border-top: 1px dashed #eee;
}

.sections_row > .content_section:first-child
{
	border-top: none;
}

.sections_row div.notice
{
	border: 1px solid #eee;
	background-color: #F9F9F9;
	padding: 10px;
	margin: 10px 30px;
	text-align: center;
	color: #999;
}
