* {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

body {
	background: #d7d7d7;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

label {
    cursor: pointer;
}

.inputText {
	border: 1px solid #c1c1c1;	
	padding: 1px;
}

input.readonly {
	background-color: #DDDDDD;	
}

.inputCheckbox, .inputRadio {
	
}

.inputButton {
	background-color: #F6F6F5;
	border: 1px solid #c1c1c1;	
	padding: 1px;
}

select {
	border: 1px solid #c1c1c1;
	padding: 1px;
}

hr {
	border-bottom: 2px solid #c1c1c1;	
}

.fieldset {
    border: 1px solid #000000;
    padding: 5px;
}

div#wrapper {
	width: 950px;
	background: #ffffff;
}

	div#header {
		height: 100px;
	}
	
		div#header .logo {
			padding-left: 15px;
			padding-top: 25px;
		}
	
	div#animation {
		height: 160px;
		background: #a2b3c7;
	}

	div#main {
		background: #ffffff;
		padding: 15px;
	}

		div#main #navigation {
			float: left;
			width: 180px;
		}

			div#main #navigation ul {
				list-style-type: none;
			}

				div#main #navigation ul li {
					background: #e5e5e5;
				}

					div#main #navigation ul li ul li {
						background: #ebebeb;
					}

						div#main #navigation ul li ul li a {
							padding-left: 20px;
							text-decoration: none;
						}

					div#main #navigation ul li a {
						padding: 5px;
						color: #3f3f3f;
						display: block;
						border-bottom: 1px solid #d7d7d7;
						text-decoration: none;
					}

						div#main #navigation ul li a:hover {
							text-decoration: none;
						}

				div#main #navigation ul .first {
					border-top: 1px solid #d7d7d7;
				}

				div#main #navigation .active {
					background: #ebebeb;
					font-weight: bold;
				}

                div#main #navigation ul .sub {
                    display: none;
                    font-weight: normal;
                }

                div#main #navigation ul .active .sub {
                    display: block;
                }

		div#main #content {
			width: 700px;
			float: right;
		}

			div#main #content h1 {
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 15px;
				padding-bottom: 2px;
				border-bottom: 1px solid #c1c1c1;
			}
	
			div#main #content p {
				margin-bottom: 10px;
			}

	div#footer {
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		background: #d7d7d7;
		font-size: 10px;
		padding-left: 15px;
		padding-top: 2px;
		padding-bottom: 2px;
		color: #848484;
	}

/* Floatclearmaschine */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Forms */
.textbox {
		
}

.select {
	border: 1px solid #d7d7d7;
}

/* Forms */
#login input,
#password input {
    display: block;
    margin: 5px 0px;
}

#user_add td {
    padding: 2px;
}

#user_name         {width: 200px;}
#user_password     {width: 200px;}
#user_password_rpt {width: 200px;}
#user_company      {width: 200px;}
#user_gender       {width: 60px;}
#user_title        {width: 137px;}
#user_forename     {width: 97px;}
#user_surname      {width: 97px;}
#user_email        {width: 200px;}
#user_role         {width: 202px;}
#user_number       {width: 200px;}
#user_number_manager {width: 200px;}
#login_submit      {width: 100px;}
#password_submit   {width: 100px;}
#user_add_submit   {width: 100px;}

/* Breadcrumb navigation */
.breadcrumbs {
    margin: 10px 0px;
}

.breadcrumbs a {
    color: #336699;
    text-decoration: none;
}

/* paginator */
.paginationControl {
	padding: 5px;
	margin-top: 15px;
	background: #EAEAEA;
	border: 1px solid #D7D7D7;
	text-align: center;
}

	.paginationControl a {
		color: #3F3F3F;
		text-decoration: none;
	}

	.paginationControl .disabled {
		display: none;
	}
	
	.paginationControl .active {
		font-weight: bold;
	}

/* Search table */
.search {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.search th, .search td {
    padding: 2px;
    border: 1px solid #d7d7d7;
}

.search th {
    background-color: #e5e5e5;
}

.search td {
    background-color: #ebebeb;
}

.search a {
    display: block;
    color: #336699;
    text-decoration: none;
}

/* Stats tables */
.stats {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}


.stats th, .stats td {
	text-align: left;
    padding: 2px;
    border: 1px solid #d7d7d7;
}

.stats th {
    background-color: #e5e5e5;
    white-space: nowrap;
}

.stats td {
	background-color: #ebebeb;
}

.stats .parent td {
    background-color: #ebebeb;
    color: #336699;
    text-decoration: none;
    cursor: pointer;
}

.stats .parent td.ignore {
	cursor: default;
	color: #000000;	
}

.stats .active td {
	/*font-weight: bold;*/
}

.stats a {
    display: block;
    color: #336699;
    text-decoration: none;
}

/*
.stats a {
    display: block;
    color: #336699;
    text-decoration: none;
}

.stats .child {
    display: none;
}
*/
.stats .child td {
    padding-left: 25px;
}


.stats .child .loading {
	text-align: center;
	margin: 0 !important;	
}

.stats p.message {
	text-align: center;
	font-weight: bold;
	padding: 10px;
	margin: 0 !important;
}

.stats .moreDetails, 
.stats .ratingComment {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.stats .moreDetails td, 
.stats .ratingComment td {
	padding-left: 2px;	
}

/* Message box */
.msg {
    margin: 10px 0px;
    padding: 10px 20px;
    border-width: 1px;
    border-style: solid;
}

.info {
    color: #009900;
    border-color: #009900;
    background-color: #eeffee;
}

.warning {
    color: #aaaa00;
    border-color: #aaaa00;
    background-color: #ffffee;
}

.error {
    color: #cc0000;
    border-color: #cc0000;
    background-color: #ffeeee;
}


.formDataTable th,
.formDataTable td {
	padding: 2px 2px;
}

div.overlay-message-delete {
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;

	position: absolute;
	margin-left: -25px; 
	z-index: 998;
	background-color: #000;
}

p.overlay-message-delete {
	text-align: center;
	vertical-align: middle;
		
	color: #FFF;
	
	position: absolute;
	margin-left: -25px; 
	z-index: 999;
	
	height: 10px;
	font-weight: bold;
}