/*1.tag defaults/general*/

img {
	border: none; 
}

/*default font, margin & padding reset*/
body, p, h1, h2, h3, h4, h5, div, span, a, input, textarea, select, option, form {
	font: 11px Arial, Sans-Serif; 	
	color: #000000; 
	color: #181818; /*new default font color*/
	margin: 0; 
	padding: 0; 
}

.hl {
	font-weight: bold;	
}
	
/*links*/
a:link, a:visited {
	color: #000000;  
	text-decoration:none; 
}

a:hover, a:active {
	text-decoration:underline; 
}


a.nav_link {
	color: #336699; 
	border-right: #336699 !important;  
	display: inline;
	padding-right: 10px !important; 		
}



input.nav_link, .button-to div  {
		display: inline !important;
}

h1 {
	font-size: 18px; 	 	
	/*background-color: #999999;*/ 
	padding: 1px 2px 0 3px; 
	margin-bottom: 4px; 
	color: #336699;
	text-transform: uppercase;	
}	


h1.location {

	color: #F906A0 !important;
	font-size: 16px !important;
}

h1, .left_col h2, #submenu h2 {
	width: 156px;	
}


.h1_box {
	background-color: #999999; 
	width: 156px; 
	color: #ffffff;
}

h2, h2 a, h2 a:active, h2 a_link, h2 span {
	font-size: 14px !important; 
	font-weight: bold !important; 
	/*background-color: #999999;*/ 
	/*padding: 2px 2px 2px 3px;*/ 
	margin-bottom: 4px; 
	color: #336699 !important;	 	 	
}

h2 a, h2 a:active, h2 a_link {
	color: #444444 !important;	 	 	
}




h3 {
	display: inline;
	margin-right: 20px;  	
}

h4 {
	color: #2f2f2f;
	font-size: 13px;
	font-weight: normal; 		
}


h5 {
	font-size: 13px; 
	font-weight: bold; 	
}

.left {
  float: left; 
}

.right {
  float: right; 
 /* border: 1px solid green;*/
}

/*forms*/
input, textarea, select {
	font-size: 10px; 
	margin: 0; 
	padding: 0; 
}

option {
	width: 25px;
}

/*2.main layout*/
  body {
	text-align: center;
	background-color: #494949 !important; 
  }

/*main container*/
div#container {
	margin: 20px auto 8px auto; 
	padding-top: 24px;/*white all the way up*/
	width: 930px;
	text-align: left;
	background-color: #FFFFFF; 
	}

/*content-block med margin..
padding styrer overordnet padding*/
/*bruges til footer og sorte streger*/
div.content { 
	margin: 0 12px;
	clear: both; 
	
	/*position: relative; */
}


/*bruges til maincontent og header*/
div.content2 { 
	margin: 0 12px 0 38px;	
	clear: both; 	 
	
	/*position: relative; */
}

.sortstreg {
	border-bottom: 1px solid #494949; 
	border-top: 2px solid #494949; 
	/*height: 3px; */
	font-size: 1px; 
	margin: 0; 
}


.sortstreg2{
	width: 60px; 
	border-bottom: 1px solid #999999; 
	/*border-top: 1px solid #999999;*/ 
	/*height: 3px; */
	font-size: 1px; 
	margin: 2px; 

}

#mainblock {
	min-height: 500px;	
}

/*border: 1px solid green;*/
.left_col {
	position: relative; /*position context*/	
	width: 200px; 	
	float:left; 	
}


/*inner container for left content. Sets the "padding" of the box*/
.left_col_content {
		margin: 10px 10px 0 38px; 	
		border-right: 1px solid #999999;
		
}

/*basic p in left_col*/
.left_col_content p {
	margin-bottom: 14px; 
}

.right_col {
	float:left;
	width: 626px; 
	position: relative; 		
}

/*fixed width for p etc. in right main content*/
#main_content p, #main_content p div, #main_content p span {
	/*width: 438px; 	*/
}

/*element spacing in maincontent two groups
group1*/
#main_content p, #main_content img {
	/*margin-bottom: 20px; */
}

/*group2 */
#main_content h5, #main_content .img_text   {
	margin-bottom: 6px; 
}
.img_text {
	color: #9D9D9D; 
	
}

div.img_no span.no{
	color: #FFFFFF; 
	background-color:#000000; 
	display: inline; 
	padding: 2px 8px 5px 7px; 
	float: left; 
}

/*because content is only floating elements we have to set an articial height for the standard-browsers*/
div.img_no {
	height: 40px; 
}

/*common margin for cols*/
#submenu, #main_content {
	margin-top: 16px; 
}


#main_content {
	padding-bottom: 15px; 	
}

/*inner container for right content. Sets the "padding" of the box*/
.right_col_content {
	margin: 90px 10px 0 10px; 		
	
}

.right_col_content p {
		margin-bottom: 14px; 
}

/*submenu left*/

#submenu a, #submenu a:link {
	/*display: block; */
	font-size: 12px; 
	padding: 0 14px 0 2px;  
	/*margin-top: 18px; */
	line-height: 1.6; 
	color: #007ca5; 
}

/*overwrite on hover*/
#submenu a.selected {
	text-decoration: underline; 
}

#submenu a:hover, #submenu a:active, #submenu .selected {
	color: #FFFFFF; 
	background-color:#000000;
	background-color: #007ca5;
	text-decoration: none; 
	display: inline;
	border: 1px solid #494949;
}


.other_location  {
		color: #999999 !important;	
		font-size: 10px !important;
}	
	
	
.other_location a:hover  {
		color: #999999 !important;	
		background-color: #000 !important;	
}	


/*because content is only floating elements we have to set an articial height for the standard-browsers*/
#footer {
	clear: both; 	
	height: 33px; 
}

/*vert spacing between line and text*/
#footer .left, #footer .right	 {
	padding-top: 2px;
}	

/*3.header*/
#header {
	height: 48px;	
}

#headline_img {
	float: left; 
	margin-top: 20px; 
}

#header_left, #header_left a, #header_left p, #header_right a, #header_right span, #header_left span {
	font-size: 12px; 
	/*font-weight: bold;*/ 
	color: #007ca5; 
	color: #336699;	
}

#header_right {
	border: 1px dotted #2f2f2f; 
	/*background-color: #e1e1e1;*/ 		 
	padding: 3px; 
	font-size: 12px; 
}

h4.k {
	display: inline !important; 
	color: red !important; 
	padding: 0;
}


#header_left .selected {
	color: #4c4c4c; 	
}

#header_left a:hover, #header_left a:active {
color: #FFFFFF; 
background-color:#000000;
background-color: #007ca5;
background-color: #336699;
text-decoration: none;
}

/*correction of vertical bars*/

#header_left span.sp, #header_right span.sp {
	margin: 0 6px 0 8px; 	
	position: relative; 
	top: -1px; 	
}

#header_left, #header_right {
	position:relative; 
	top: 22px; 
}

#logo {
	position: relative; 
	left: -12px; 
}


/*div with loginstatus*/
#loginstatus  {	
	padding: 4px; 
	border: 1px solid #FFFFFF; 	
	color: black;
	margin: 0; 
	width: 170px; 
	background-color:white;   	
	position: absolute; 
	font-size: 9px; 
	right: 30px; 
	display: inline; 
}

.np_box {
	height: 25px;
	border: 1px solid #fff;
	width: 260px;
}


.np_box a:hover{
	background-color: #000;
	color: #fff;
}

.np_box #right{
	float: right;
}

.np_box #left{
	float: left;
}
/*class for displaying small thumbs on editpages*/
.float_edit_thumb {
	float: right;
	margin-right: 30px;
}
/******old forms styles*/

/***forms***/
form {
	/*display: inline;*/
	margin: 0;
	padding: 0; 	
}

/*margin in forms*/
.txt, input, select, textarea {
	font-size: 12px; 
	margin-top: 2px; 		
}

textarea {	
	width: 360px;
	/*height: 80px;	*/
}

/*set select width via container*/
.select_cont select {
	width: 120px; 	
}


.small {
	font-size: 10px; 	
}


/* label bruges generelt til at skabe fast indryk i formularer*/
form p label, p label {
  float: left;
  width: 90px;    
}

label {
	font-weight: normal; 	
}


/**validation erro css.  we style generated html**/
/*container*/
/*left margin skal matche label form float!!!!*/
#errorExplanation {
	margin: 0 0 10px 90px;
		
}

#errorExplanation h2, #errorExplanation p {
	color: red; 
	font-size: 12px; 	
}

#errorExplanation h2 {
	font-weight: bold; 
	text-transform: uppercase; 	
}

#errorExplanation li {
	color: red; 
	margin: 0; 
	padding: 0; 	
}

#errorExplanation ul {
	margin: 0; 
	padding: 0;   	
}

/*container form fields with errors*/
.fieldWithErrors input, .fieldWithErrors textarea {
	border: 2px solid red;		
}

/*color use: red for warnings/errors. Green for confirm..Orange for highlight attention..*/
.warning {
	color:#FF3300; /*no v2 update yet!*/
}

.confirm {
	color:#007a5c; /*updated v2*/ 
	margin: 2px 0; 	
}

/*common feedback*/ 
.confirm, .warning {
	font-size: 13px;	
	font-weight: bold; 
}

/*put 350px  bottom line on element add marginbottom*/
.bottomline {
	border-bottom: 2px solid  #1D2156; 	
	width: 350px; 
	padding-bottom: 4px; 
	margin-bottom: 14px; 
}

.spacerbottomline {
	border-bottom: 2px solid  #1D2156; 	
	width: 350px; 
	margin-bottom: 14px; 
}

/*general spacer div*/
.spacer, .spacerbottomline {
	margin: 0; 
	padding: 0; 
	height: 14px; 
}

.highlight, .nodata, .nodata p, .selected {
	color:#3399CC !important;  
}

/***3. elements for specific class objects***/
.header {
	font-weight: bold; 	
}

/**edit artist**/
.absright {	
 	position: absolute; 
	left: 450px; 
	top: 100px;	  	
}


/**imagelist**/

.imagelist {
	margin: 0; 	
	margin-top: 4px; 	
	padding: 4px; 
	list-style: none; 
	position: relative; 
	/*border: 1px solid #1D2156; */
}

/*for adding text to images*/
.imagelist p, .imagelist div {
	display: inline; 
	font-size: 10px; 
}


.imagelist a {
	background-color: transparent !important; 
	border: none !important; 	
}


.imagelist div {
	float: left; 	
	margin: 0; 
	padding: 0; 
	 
}

.imagelist li {
	display: inline;   
	cursor: pointer;
	margin: 0; 
	margin-bottom: 2px; 
	padding: 0;
	padding-top: 50px;  
	/*border: 1px solid red; */
	/*height: 180px;*/ 

}

.imagelist img {
	/*display: inline;*/
	border: none; 	
	background-color: #CCCCCC; 
	margin: 0 2px 0 0;
	/*
	height: 60px; 
	width: 60px; 
	*/
}


/**view full images*/


/*styles for crop page*/
#flash_container {
	float: right;
}

#image_content
{
	float: left;
}







/*handle overflow for large images*/
.viewimagebox {	
	width: 900px;
	width: 95%; 
	height: 800px;
	height: 85%;
	overflow: auto;  
	padding: 0; 	
}

.viewimagebox img { 
	/*border: 1px solid green;*/
}
	
/*listcalenderentries table*/
.listcalenderentries  {
	border: 1px solid black; 
	background-color: white; 
	padding: 4px; 		
	width: 560px; 
} 

td {
	padding: 2px; 
}

ul {
	list-style-type: none; 	
}

/*dragable linklist/movielist ul */
/*linklist is wider*/
#linklist, #movielist {
	position: relative;	 
	border: 1px solid black; 
	background-color: white; 
	padding: 8px;  		
	width: 550px; 		
}

#movielist {
	width: 550px; 
}
	
/*remove margin/padding in lists for url and input*/
#linklist a, #linklist input, #movielist a, #movielist input, .medialist a, .medialist input {
	margin: 0 !important; 
	/*padding: 0 !important;*/ 	
}

#linklist li, #movielist li  {	
	position: relative;
	background-color: white; 
	padding: 2px; 		
	margin-bottom: 6px; 
	cursor:pointer; 
	/*border: 1px solid red;*/ 
}

.handle {
	background-color: #CCCCCC; 
	border: 1px solid black;
	height: 20px; 
	width: 20px; 
	margin: 0; 
	padding: 0; 
	margin-right: 20px; 
	display: inline; 
	cursor:pointer; 
}


#linklist .col1 {
	position: absolute; 
	left: 200px; 
}

#linklist .col2 {
	position: absolute; 
	left: 500px; 

}



.col4 {
	position: absolute; 
	left: 300px; 

	
}

.col1, .col2, .col3 {
	/*top: -1px;*/	
}


#movielist .col1, #imagelist .col1 {
	position: absolute; 
	left: 120px; 
}


#movielist .col1-5, #imagelist .col1-5 {
	position: absolute; 
	left: 200px; 

}



#movielist .col2, #imagelist .col2 {
	position: absolute; 
	left: 400px; 
	
}


#movielist .col3, #imagelist .col3 {
	position: absolute; 
	left: 600px; 	
}

/*medialinks list*/
.medialist {
	margin: 1px 0; 
	margin-top: 4px; 	
}


.medialist li {
	margin: 1px 0; 
	display: inline !important; 
}

.medialist a {
	text-align:right; 
	margin-left: 40px; 
}


.current {
 color: orange; 	
}


/*ul til upload feedback*/
ul.uploadfeedback {
	margin-top: 10px; 
	list-style-type: square;  
	margin-left: 20px; /*only if list-style-type is set*/
}
.verticalspace {
	height: 200px;	
}

.future, .uncertain {
	color: #F9870B !important;	
}

.present,.open {
	/*background-color: 00A33D;	*/
	color: #00A33D !important;
	color: #007a5c !important; 	
}


.past, {
	/*background-color: 999999;*/
	color: #007a5c !important; 	
}

 .employed {
	/*background-color: 999999;*/

	color: #990033;	
}

.hidden  {
	text-decoration: line-through;
	font-style: italic;
		color: #CCCCCC;		
}

.small {
	font-size: 8px;
}
.textpage {
	width: 438px;	
	background-color: #AAAAAA !important; 	
}

/*override default TinyMCE specific rules */
body.mceContentBody {
   background-color: #AAAAAA;
}

/*override default TinyMCE specific rules */
body.mceContentBody .h3{
	font-size: 12px; 
	font-weight: bold; 	
	padding: 0; 	 
	margin: 0;
	color: #000;
}