body {

	background-color: #f7f7f7;

	color: black;

	font-family: arial, sans-serif;

	font-size: 8pt;

	/*overflow-y: scroll;*/


}



input {

	border: 1px solid gray;

}



textarea {
	border: 1px solid gray;

}


img {

	border: 0px;

	text-decoration: none;

}



hr {
	border: 1px solid silver;
}

td {
	vertical-align: top;
}

a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

div#leftmenu {

	background-color	: white;

	float				: left;

	clear				: left;

	width				: 180px;

	min-height			: 100%;

	text-align          : left;

	padding				: 0px;
	margin				: 0px 0px 0px 0px;

	border				: 1px solid #A7A6AA;		

}



div#leftmenu h2 {

	color				: #fff; 

	background-color	: #A7A6AA;

	margin				: 0px;

	padding				: 3px 10px 5px 10px;

	font-size			: 14px;

	font-weight			: bold;

	border-bottom		: 1px solid #B4B1AC;

}



#helpbox {

	background-color: #FE9;

	border: 1px solid orange;

	color: black;

	vertical-align: top;

	width: 128px;

	max-width: 128px;

	min-width: 128px;

	display: none;

}



div#loginbox {

	margin-top: 128px;

	font-size: 10px;

}



div#loginbox table {

	margin-left: auto;

	margin-right: auto;

	border-collapse: collapse;

}



div#loginbox input#username {

	width: 128px;

}



div#loginbox input#password {

	width: 128px;

}



div.message {

	color: red;

}



div.overlay {

	position: fixed;

	top: 192px;

	left: 0px;

	width: 100%;

/* 	margin-top: -192px; */

	display: none;

	filter:alpha(opacity=70);

	-moz-opacity:0.7;

	opacity: 0.7;

	-khtml-opacity: 0.7;

	text-align: center;

}



ul.toolbar {

	list-style-type: none;

	margin-top: 0px;

	background-image: url( '../images/bg_vmeny.gif' );

	border: 1px solid gray;

	margin: 5px;

}





.blackborders {

	border: 1px solid black;

}



.blackborders td {

	border: 1px solid black;

}



div.dialog {

	width: 450px;

	background-color: #F7F7F7;

	border: 1px solid white;

	border-bottom: 1px solid gray;

	border-right: 1px solid gray;

	text-align: center;

	line-height: 200%;
	display: none;

}



div#container {

	text-align         	: center;

	margin             	: 0px auto;

	padding			 	: 10px 10px 10px 10px;

	margin-top			: 10px;

	border			 	: 1px solid #A7A6AA;		

	position: relative;

}



div#main {

	background-color	: #fff;

	text-align          : left;

	padding				: 0px 0px 0px 0px;

	margin				: 0px 0px 0px 190px;

	border				: 1px solid #A7A6AA;	

}



div#main h2 {

	color				: #fff; 

	background-color	: #A7A6AA;

	margin				: 0px;

	padding				: 3px 10px 5px 10px;

	font-size			: 14px;

	font-weight			: bold;

	border-bottom		: 1px solid #B4B1AC;		

}



div#helpbox {

	position: fixed;

	right: 16px;

	top: 16px;

	text-align: left;

}



div#leftmenu div.menuitem {

	height: 32px;

	background-image: url( '../images/bg_vmeny.gif' );

	vertical-align: middle;

	line-height: 32px;

	text-align: left;

	text-transform: uppercase;

}



div#leftmenu div.menuitem a {

	text-decoration: none;

	color: black;

	display: block;

	line-height: 32px;
	padding-left: 8px;

}



div#leftmenu div.menuitem a:hover {

	background-color	: #C2CFE5;

}



div#leftmenu div.menuitem a.active {

	background-color	: #E2E5EE;

	font-weight		: bolder;

}







.CKFinderFrame

{

	border: 1px solid #A7A6AA;	

	background-color: white;

}



div#message {

	font-weight: bolder;

}





.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}


/*
* html .clearfix {height: 1%;}
*/


.hoverhand {

	cursor: pointer;

}



.cell5p {

	display: inline-block;                

	width: 4%;

	margin: 0px;

	padding: 0px;

}



.cell10p {

	display: inline-block;                

	width: 9%;

	margin: 0px;

	padding: 0px;

}



.cell20p {

	display: inline-block;                

	width: 19%;

	margin: 0px;

	padding: 0px;

}



.cell30p {

	display: inline-block;                

	width: 29%;

	margin: 0px;

	padding: 0px;

}



.cell40p {

	display: inline-block;                

	width: 39%;

	margin: 0px;

	padding: 0px;

}



.headercell {

	font-size: 11pt;
	line-height: 44px;

}



div.rowhead{

	background-color: white;

	border-bottom: 1px solid #DDD;

}



div.rowodd {

	background-color: #F9F9F9;

	/* border-top: 1px solid #DDD; */

}



div.rowodd:hover {

	background-color: #FFFFcc;

}



div.rowequal, div.roweven{

	background-color: white;

	/* border-top: 1px solid #DDD; */

}



div.rowequal:hover, div.roweven:hover {

	background-color: #FFFFcc;

}



div.toolbar {

	height: 20px;

	text-align :left;

	padding :3px 10px 4px 10px;

	margin : 0px 0px 0px 0px;

	background-image :url( '../images/silverbar.png' );

	background-repeat :repeat-x;

	border-bottom:1px solid #A7A6AA;

	vertical-align: middle;
	line-height: 20px;

}



div.toolbar a {

	color: black;

	text-decoration: none;

}



div.toolbar a:hover {

	color: gray;
}

div.toolbar a:before {
	width: 3px;
	height: 20px;
	content: url( '../images/toolbarseperator.png' );
}



div.toolbar .toolbarlink {

	color: black;

	text-decoration: none;
	cursor: pointer;

}



div.toolbar .toolbarlink:hover {

	color: gray;
}

div.toolbar .toolbarlink:before {
	width: 3px;
	height: 20px;
	content: url( '../images/toolbarseperator.png' );
}


div.toolbar hr {
	width: 3px;
	height: 20px;
	background: url( '../images/toolbarseperator.png' ) no-repeat;
	display: inline;
}



div#adminmessage {

	background-color: #FE9;

	border: 0px;

	vertical-align: top;

	display: none;

	position: fixed;

	left: 00px;

	top: 0px;

	color: black;

	min-width: 100%;

	max-width: 100%;

	width: 100%;

	text-align: center;

	z-index: 777;

	font-size: 12pt;

}



.page_label {

	max-width: 1000px;

}

/* 	Arguably, these should go in a separate .css, as they only pertain to the News module

	I'll try to keep them from conflicting with other things.

	;)Frode

 */

#news_content {

	padding: 15px;

}



#news_scroll {

	overflow-y: auto;

	max-height: 500px;

	/* min-height: 500px;*/

}



#conf_col .top {

}



#conf_col .collection {

}



#art_line {

	position: relative;

	overflow: hidden;

	height: 80px;

}



#art_line .cell {

	position: relative;

	vertical-align: top;

	top: 0px;

}



.cell {

	display: inline-block;

	width: 150px;

	padding: 5px;

}



.hidden {

	display: none;

}



#conf_col .data {

	padding-left: 10px;

}



.last {

	width: 70px;

}



.first {

	width: 20px;

}

	

.news_title, .news_ingress, .news_label {

	font-weight: bold;

}



.news_article {

	width: 70ex;

}

             

             

	

#conf_col .ingress {

	;

}



#conf_col .ingress_image{

	;

}





#list_col {

	margin-bottom: 10px;

}



#list_col .list_form {

	/*display: inline-block;*/

	margin-top: 0px;

	margin-bottom: 0px;

}



/* #list_col .list_form:hover {

	background-color: #ccc;

}



*/



.news_button {

	border-bottom-color	: #808080;

	border-bottom-style	: solid;

	border-bottom-width	: 1px;

	border-left-color	: #808080;

	border-left-style	: solid;

	border-left-width	: 1px;

	border-right-color	: #808080;

	border-right-style	: solid;

	border-right-width	: 1px;

	border-top-color	: #808080;

	border-top-style	: solid;

	border-top-width	: 1px;

	font-family			: arial, sans-serif;

	font-size			: 13px;

	margin				: 0px;

	padding				: 2px;

}



.news_button:hover {

 	cursor: pointer;

}

 

.button_wrapper {

 	display: inline-block;

 	padding: 2px;

 	margin: 0px;

}

 

.news_paragraph {

 	margin-top:	5px;

 	margin-bottom: 5px;

}



.ingress_picture {

 	min-width: 65px;

 	width: auto;

 	height: 65px;

}



.ingress_picture_small {

 	width: 100px;



}



.news_collection_list {

	background-color: #f0f0f0;

	/* width: 500px; */

}



.new_news_collection {

}



.news_instance_label {

	display: inline-block;

	width: 200px;

	padding-right: 5px;

}

.news_instance_selector {

	display: inline-block;

	width: 270px;

	padding-right: 5px;

	text-align: right;

}



.news_instance_selector_pulldown {

	width: 260px;

}



.news_instance_button {

	border-bottom-color	: #808080;

	border-bottom-style	: solid;

	border-bottom-width	: 1px;

	border-left-color	: #808080;

	border-left-style	: solid;

	border-left-width	: 1px;

	border-right-color	: #808080;

	border-right-style	: solid;

	border-right-width	: 1px;

	border-top-color	: #808080;

	border-top-style	: solid;

	border-top-width	: 1px;

	font-family			: arial, sans-serif;

	font-size			: 13px;

	margin				: 0px;

	padding				: 2px;

	width				: 110px;

}



.news_instance_button:hover {

 	cursor: pointer;

}



#WYSISYGText div{

	font-weight: bold;

}

div.sectionheader {
	font-size: 150%;
	color: gray;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 6px;
	margin: 6px;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}

.narrow {
	width: 15%;
}


.rowtable 
{
	width: 100%;
	margin: 0px;
	background-color: #dddddd;
	margin-top: 5px;
	margin-bottom: 5px;


}
.rowtable th
{
	background-color: #eeeeee;
	height: 25px;
	vertical-align: center;
	border-bottom: 1px solid #aaaaaa;
}
.rowtable tr.sub th
{
	background-color: #fafafa;
	height: 25px;
	vertical-align: center;
	border-bottom: 1px solid #ccc;
	
}
.rowtable td
{
	height: 25px;
	vertical-align: middle;
	border: 1px solid #ffffff;
}
.rowtable .odd
{
	background-color: #f3f3f3;
}
.rowtable .even
{
	background-color: #ffffff;
}

.rowtable tr:hover td
{
	background-color	: #FFFFcc;
}




.paginator 
{
	width: 100%;
	text-align: center;
	color: #000000;

}
.paginator a
{
	color: #333333;
}
.paginator a.current
{
	color: #333333;
	text-decoration: underline;
}
.paginator .control
{
	color: #999999;

}


div.content {


	padding				: 0px 0px 0px 0px;

	margin				: 0px 0px 0px 0px;
	

}

div.content .sectionheader {
	font-size: 150%;
	color: gray;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 6px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.personalinfo
{
	width: 650px;
	background-color: #f2f2f2;
	border: 1px solid #cccccc;

}
.personalinfo
{


}





.editgroup 
{
	width: 100%;
	background-color: #f5f5f5;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #cccccc;

}

.editgrouptable .box0
{
	background-color: #f5f5f5;
	margin: 5px;
	border: 1px solid #cccccc;

}
.editgrouptable .box
{
	width: 100%;
	background-color: #f5f5f5;
	margin: 5px;
	border: 1px solid #cccccc;

}
.editgrouptable .box2
{
	width: 50%;
	background-color: #f5f5f5;
	margin: 5px;
	border: 1px solid #cccccc;

}
.editgrouptable table
{
	width: 100%;


}


.formsubmits
{
	width: 100%;
	text-align: center;
	padding-top: 4px;
	height: 28px;
}
.formsubmits span
{
	display: block;
	width: 100px;
	height: 22px;
	padding: 0px;
	vertical-align: middle;
	border: 1px solid #aaa;
	background-color: #eee;
	cursor: pointer;
	float: left;
	margin-right: 5px;
	
}
.formsubmits span:hover
{
	background-color: #ccc;
}
.formsubmits img
{
	position: relative;
	top: 5px;
	left: -5px;

}



.officetable 
{
	width: 100%;

}
.officetable tr
{
	margin: 0px;
	padding: 0px;
	border: 0px;

}
.officetable td
{
	margin: 0px;
	padding: 1px;
	border: 0px;

}

.officetable tr.odd td
{
	background-color: #faf7ef;

}
.officetable tr.even td
{
	background-color: #fbf3d9;

}

.officetable tr:hover td
{
	background-color: #faebbb;

}

.officetable tr th
{
	border-bottom: 1px solid #8db2e3;

}