/*	-------------------------------------------------------------
	version		1.0
	url			agenda24.lu
	created		27.05.2009
	-------------------------------------------------------------	
	
	Color index:
	
*/

@import 'reset.css';
@import 'swfupload.css';

/*	-------------------------------------------------------------
		Global Definitions
 -------------------------------------------------------------  */
 
html {
    overflow: scroll;
}

body {
	font-size: 12px;
	font-family: arial, verdana, lucida, sans-serif;
	background: #07396a url('../images/page-bg.png') top left repeat-x;  
	color: #666;
	line-height: 1.2em;
	
}

a {
	color: #0a7ac7;
	text-decoration: none;
}

a:link {
	color: #0a7ac7;
	text-decoration: none;
}

a:visited {
	color: #0a7ac7;	
	text-decoration: none;
}

a:hover {
	color: #0a7ac7;	
	text-decoration: underline;
}

h1 {
	font-size: 1.6em;	
	font-weight: bold;
	padding: 18px 0 0 0;
	margin: 0 0 0 25px;
	color: #FFF;
}

h2 {
	font-size: 1.4em;
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #EFEFEF;
}

h3 {
	font-size: 1.2em;
	padding: 10px 0;
}

h4 {
	font-size: 1.4em;
	color: #073a6d;
	line-height:1.2em;
	padding: 10px 0;
}

h4 span {
	font-size: 1em;
	color: #8ca92e;	
}

h5 {
	font-size: 1em;
	padding: 10px 0;
	color: #000;
}

.box {
	background-color: #efefef;
	padding: 5px 0;
	
}

.box .inner {
	margin: 0 5px;	
}
.search-box {
	margin: 10px 0 0 0;	
}

p {
	padding: 10px 0;	
}

/*	-------------------------------------------------------------
		UL/OL Standard
 -------------------------------------------------------------  */

ul.standard {
	list-style: disc outside;
	margin: 5px 10px;
}

ul.standard li {
	margin: 0 0 0 20px;
	padding: 5px 0;
}

ol.standard {
	list-style: outside lower-latin;
	margin: 5px 10px;	
}

ol.standard li {
	margin: 0 0 0 20px;
	padding: 5px 0;
}

/*	-------------------------------------------------------------
		Container
 -------------------------------------------------------------  */

#container {
	width: 860px;
	margin: 0 auto;
	position: relative;
}

#container .header {
	width: 100%;
	height: 180px;
	background: transparent url('/images/page-top.jpg') top left no-repeat;
}

#container .header .logo {
	position: absolute;
	top: 35px;
	left: 10px;
}

#container .header .page-top {
	width: 100%;
	height: 57px;
	background: transparent url('/images/content-top.png') top left no-repeat;
	position: absolute;
	top: 123px; 
	left: 0px;
}

#container .footer {
	position: relative;	
	background: transparent url('/images/page-bottom.png') top left no-repeat;
	height: 180px;
	text-align: center;
	color: #77c0f9;
}

#container .footer p {
	padding: 10px 0;	
}

#container .footer a {
	color: #77c0f9;
}

#container .footer a:hover {
	color: #FFF;
}

#container .footer .page-bottom {
	width: 100%;
	height: 35px;
	background: transparent url('/images/content-bottom.png') top left no-repeat;
}

#container .footer ul {
	margin: 0 0 0 200px;
	width: 540px;
}

#container .footer ul li {
	float: left;
	width: 180px;
	text-align: left;
	margin: 5px 0 0 0;
}

#container .footer ul li span {
	float: left;
	margin: 0 10px 0 0;
	padding: 3px 0 0 0;
}

#container .body {
	background: transparent url('/images/content-middle.png') top left repeat-y;
}

#container .body .content {
	width: 810px;
	margin: 0 auto;
}

/*	-------------------------------------------------------------
		Menu
 -------------------------------------------------------------  */

#container .header .menu ul {
	position: absolute;
	right: 0px;
	top: 55px;	
}

#container .header .menu ul li {
	float: left;	
	margin: 0 0 0 0;
}

/*	-------------------------------------------------------------
		Language Bar
 -------------------------------------------------------------  */

#container .header .page-top ul {
	position: absolute;
	right: 25px;
	top: 12px;
}

#container .header .page-top ul li {
	float: left;
}

/*	-------------------------------------------------------------
		Form
 -------------------------------------------------------------  */
 
 #form {
	 background: transparent url('/images/bg_form.png') top left repeat-y;
 }
 
 
 .fieldName {
	float: left;
	width: 200px;
	padding: 6px 0;
	text-align: right;
	margin: 0 5px 0 0;
 }
 
 .fieldValue {
	float: left;
	padding: 3px 0;	
	margin: 0 0 0 15px;
 }
 
 .fieldError {
	
	 color: #fff;
	 font-weight: bold;

     padding: 3px 10px; 
	 line-height: 20px;
 }
 
 
 .visible {
  background-color: #CC0000;
  	 margin: 5px 0 5px 220px;
 }
 
 
 
 .indent {
  }

 .focused {
    border: 2px solid #0000cc;
    background-color: yellow;
    color: brown;    
 }

 .fieldValue input {
	width: 200px;
 }  
  
 .alarm {
	background-color: red;
 }
  
 .required {
	/*font-weight: bold;  */
	
 }
 
 .required .fieldName {
    color: #ec3816;
 }
 

  
 .spancols {
	background-color: #FFF;  
 }
  
 .spancols .fieldName {
	width: 550px;  
	text-align: left;
 }
 
 .fieldSubmit {
	width: 100%;
	text-align: right;
 }
 
 #btnSubmit {
	width: 196px;
	height: 33px;
	background: #FFF url('/images/cancel_btn.png') top left no-repeat;
	border: 0;
	color: #0a7ac7;
 }
 
 #btnCancel {
	width: 196px;
	height: 33px;
	background: #FFF url('/images/cancel_btn.png') top left no-repeat;
	border: 0;
 }
 
 #divStatus {
	padding: 5px 0; 
 }
 
 #attachmentsListing {
	padding: 5px 0; 
 }
 
 #map_canvas {
	margin-bottom: 10px; 
 }

/*	-------------------------------------------------------------
		Clear all floats
 -------------------------------------------------------------  */


.clearit {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/*	-------------------------------------------------------------
		Pager
 -------------------------------------------------------------  */

.pager ul {
	list-style-type: none;
}

.pager ul li {
	float: left;
	display: block; 
	width: 15px;
	text-align: center;
	
}

.pager a {
	display: inline;
}

.pager a:hover {
	color: red;
	background-color: yellow; 
	font-size: 1.2em;
}

.pager {
width: 450px;
margin-bottom: 5px;
}

/*	-------------------------------------------------------------
		Facts
 -------------------------------------------------------------  */

.facts {
	float: right;	
	width: 48%;
	font-size: 1em;
	line-height: 2.1em;
	text-align: left;
	margin-right: 10px;

}

.facts span {
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background-color: #E0E0E0;
	color: #073a6d;
	margin: 1px 0;
	width: 95px;
	text-align: center;
}

.facts .facts-inner {
	padding: 10px 0;
}

.facts h4 {
	font-size: 1.6em;
	text-align: left;
	margin-bottom: 10px;
	background: url('/images/facts_bg.png') top right no-repeat;
	border-bottom: 1px solid #E0E0E0;
}

.addevent {
	float: left;	
	width: 48%;
	border-right: 2px solid #EFEFEF;	
}

.addevent .button {
	width: 230px;
	height: 33px;
	background: url('/images/button_bg.png') top left no-repeat;
	margin: 15px auto;
}

.addevent .button a {
	display: block;
	width: 230px;
	height: 33px;
	text-align: center;
	line-height: 33px;	
}

/*	-------------------------------------------------------------
		Loginbar
 -------------------------------------------------------------  */

#container .header .loginbar {
	position: absolute;
	top: 20px;
	left: 400px;
	font-size: 1.2em;
	width: 390px;
	height: 25px;
	text-align: center;
	color: #FFF;
	background: url('/images/loginbar_bg.png') top left no-repeat;
	line-height: 25px;
}

#container .header .loginbar a {
	color: #77c0f9;
}