/*
 * Allmänt
 */
body	{
	padding: 0px;
	margin: 0px;
	
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Humanist 521", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 11pt;
	color: rgb(220,220,220);
	background: rgb(30,30,30) repeat-x url("../images/background_body.png");
}

a	{
	color: rgb(191,245,0);
	text-decoration: none;
}

a:hover	{
	color: rgb(255,213,0);
}

a img	{
	border: none;
}


div.clear	{
	clear: both;
}

h1, h2, h3, h4, h5	{
	font-family: "Gill Sans", "Verdana", sans-serif;
	font-weight: normal;
	color: rgb(85,85,85);
}

fieldset	{
	padding: 0em;
	margin: 0em;
	border: none;
}

input	{
	font-style: inherit;
	font-size: inherit;
	color: rgb(30,30,30);
}

textarea	{
	font-style: inherit;
	font-size: 0.8em;
	color: rgb(30,30,30);
}

blockquote	{
	font-style: italic;
}

td	{
	vertical-align: top;
}

/*
 * Overlay
 */
.overlay	{
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 2em;
	width: 80%;
	

	background: rgba(0,0,0,0.8);
}

#spinner	{
	z-index: 2;
	position: absolute;
	left: 17px;
}

#feeds	{
	position: absolute;
	left: 3em;
	top: 42px;
}


/*
 * Notice and such
 */
.notice	{
	color: rgb(134,149,26);
}

.warning	{
	color: rgb(214,30,0);
}

.inactive	{
	color: rgb(85,85,85) !important;
}

.inactive *	{
	color: rgb(85,85,85) !important;
}

.highlight	{
	color: rgb(30,30,30);
	background-color: rgb(191,245,0);
}



/*
 * Toolbar
 */
.toolbar	{
	padding: 0px;
	margin: 0px;

	font-size: 0.8em;
	color: rgb(50,50,50);
}

.toolbar a	{
	padding: 0.3em;
	padding-left: 0em;
	white-space: nowrap;
	
	color: rgb(50,50,50);
}

.toolbar a:hover	{
	color: rgb(191,245,0);
}


.metabar	{
	padding: 0px;
	padding-right: 2em;
	margin: 0px;

	font-size: 0.8em;
	text-align: right;
}

.metabar a	{
	padding: 0.3em;
	padding-left: 0em;
	white-space: nowrap;

	text-decoration: none;
}
	
.center_block	{
 	position: relative;
	margin-left: -25ex;
	left: 50%;
	width: 50ex;
}



/*
 * Behållare
 */
#top_container	{
	margin: 0px 50px;
	padding: 0px;
	max-width: 90em;

	text-align: right;
}


#main_container	{
	margin: 0em 3em 2em 3em;
	padding: 0px;
	max-width: 90em;
}


#datateknologerna_header	{
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
	max-width: 90em;
	height: 110px;
}

#flash_container	{
	margin-top: 0em;
	margin-bottom: 1em;
}


#content_container	{
	float: left;
	width: 70%;
}

#content_container .single_column	{
	float: left;
	margin-right: 4%;
	width: 96%;
	min-width: 15em;
}

#content_container .double_column	{
	float: left;
	margin-right: 4%;
	width: 46%;
	min-width: 15em;
}


#sidebar_container	{
	float: left;
	width: 30%;
	font-size: 0.9em;
	color: rgb(200,200,200);
}

#footer_container	{
	padding: 3em;

	font-size: 0.8em;
	color: rgb(136,136,136);
	background: rgb(85,85,85) repeat-x url("../images/background_footer.png");
}

/* Menu */
.navigation	{
	padding: 1em;
}

.navigation a	{
	display: block;
	padding: 0.2em 0em;
	padding-left: 20px;
	
	color: rgb(180,180,180);
	text-decoration: none;
	border-left: 5px solid rgb(30,30,30);
	
}

.navigation a:hover	{
	background: rgb(20,20,20);
	color: rgb(191,245,0);
	border-color: rgb(20,20,20)
}
	
.navigation a.active	{
	background: rgb(20,20,20);
	border-color: rgb(191,245,0)
}

.menu_list li	{
	list-style: none;
	margin: 0.2em;
	margin-right: 1em;
	padding: 0.4em;
	
	cursor: move;
	background: rgb(251,247,193);
}


/*
 * Gallery
 */
#mosaic a img	{
 	border: 2px solid rgb(20,20,20);
}

#mosaic a:hover	img	{
 	border: 2px solid rgb(191,245,0);
}

#gallery_view_navigation	{
	padding: 1em;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: rgb(85,85,85);
}

#gallery_view_picture	{
	text-align: center;
}

#gallery_view_picture img	{
	border: 10px solid rgb(20,20,20);
}

#gallery_comments {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
	text-align: center;
	
}

.picture_comment {
   text-align: left;
}

#new_comment {
   text-align: center;
}

.gallery_picture_select	{
	width: 60px;
	text-align: center;
	float: left;
}

.gallery_list_item	{
	clear: both;
}

.gallery_list_picture	{
	float: left;
	width: 220px;
	margin: 1em;
}

.gallery_list_picture a img	{
	border: 5px solid rgb(20,20,20);
}

.gallery_list_picture a:hover img	{
	border: 5px solid rgb(191,245,0);
}

.gallery_list_info	{
	padding: 1em;
}


/*
 * Picture
 */
.picture_public	{
	border-color: rgb(191,245,0) !important;
}

a:hover .picture_public	{
	border-color: rgb(20,20,20) !important;
}

/*
 * Entry: News, Events
 */
.entry_title	{
	font-family: "Gill Sans", "Gill Sans MT", "Lucida Sans", "Verdana", sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	color: rgb(136,136,136);
}

.entry_date	{
	font-size: 0.8em;
	color: rgb(85,85,85);
}

.entry_body	{
	margin-bottom: 3em;
}

.entry_body img	{
	max-width: 100%;
}


.event_application	{
	padding: 0.3em;
	padding-left: 2em;
}

.event_application .event_application_name	{
	float: left;
	width: 20ex;

	font-family: "Gill Sans", "Gill Sans MT", "Lucida Sans", "Verdana", sans-serif;
}

.event_application .event_application_fields	{
	float: left;
	padding-left: 0.5em;
	
	font-size: 0.8em;
	border-left: 1px solid rgb(171,173,171);
}

.event_application .event_field_name	{
	color: rgb(171,173,171);
}

/*
 * Block list
 */
.list_block	{
	padding: 0.4em;
	padding-left: 2em;
}

.list_block .list_block_title	{
	/*float: left;*/
	position: absolute;
	width: 19ex;

	font-family: "Gill Sans", "Gill Sans MT", "Lucida Sans", "Verdana", sans-serif;
}

.list_block .list_block_fields	{
	/*float: left;*/
	margin-left: 20ex;
	padding-left: 0.5em;
	
	font-size: 0.8em;
	border-left: 2px solid rgb(191,245,0);
}

.list_block .list_block_field_desc	{
	color: rgb(136,136,136);
}

/*
 * Login
 */
#login_form	{
	padding: 2em;
}


/*
 * RBAC
 */
.rbac_list	{
	border-collapse: collapse;
}

.rbac_list td	{
	padding: 0.3em 1.2em;
}

.rbac_list td.rbac_email	{
	text-align: "@";
}

.rbac_list tr:hover	{
	background: rgb(251,247,193);
}

.rbac_info_table	{
	border-collapse: collapse;
}

.rbac_info_table td	{
	padding: 0.2em 1.2em;
}

.rbac_pager	{
	padding: 1em;
}


/*
 * Footer
 */

#footer_container div.footer_column	{
	padding: 1em 0.5em;
	width: 25%;
	float: left;
}

#footer_container div#first	{
	margin-left: 50px;
	text-align: center;
}


/*
#content_container img	{
 	border: 2px solid rgb(20,20,20);
}
*/


/*
 * Modules
 */
.module	{
	margin: 1em 0em;
}

.module_header	{
	height: 25px;
	text-align: right;
}

.module_header a	{
	color: rgb(220,220,220);
}


.module_content	{
	padding: 1em;
	background: no-repeat bottom right url("../images/module_background.png");
}

#module_bilder	{
	background: no-repeat top left url("../images/module_header_bilder.png");
}