/* Created 20130808 by IT.NRW (Bartlomiej Oczko - bartlomiej.oczko@it.nrw.de) */

.hidden {}

.invisible {
	display: none;
}

.pull-left {
   float: left;
   margin-left: 1em;
}

a {
   color: #222;
}

body {
	font-family: Helvetica,Arial,Geneva,sans-serif;
	color: #222;
	font-size: .95em;
}

#contentWrapper {
	margin: 1em auto;
	padding: 0;
	width: 1024px;
	background-color: #FCFDFD;
	border: 1px solid #A6C9E2;
	border-radius: 5px;
}

#contentWrapper h1 {
	color: #222;
	text-align: center;
	margin-top: 0;
	padding: 0.5em;
	background-image: url('start/images/ui-bg_gloss-wave_75_2191c0_500x100.png');
	background-position: 0 0;
	background-repeat: repeat-x;
}

#contentWrapper > h2,
#contentWrapper > div,
#contentWrapper > form,
#contentWrapper > p {
	padding: 0 1em;
}

#contentWrapper h2 {
   font-size: 1.15em;
   margin: 2em 0 1em;
}

#contentWrapper h1 + h2 {
	margin: auto 0 1em;
}

#contentWrapper p.bottomLine {
   background-image: url('start/images/ui-bg_gloss-wave_75_2191c0_500x100.png');
   background-position: 0 0;
   background-repeat: repeat-x;
   text-align: right;
   margin-bottom: 0;
   padding: 0.5em 1.5em 0.75em 0;
   font-size: 0.9em;
}

#contentWrapper div.errorContainer {
   background-image: url("start/images/ui-bg_gloss-wave_45_e14f1c_500x100.png");
   background-position: 0 0;
   background-repeat: repeat-x;
   border: 1px solid #CD0A0A;
   border-radius: 5px;
   color: #FFF;
   font-size: 0.85em;
   margin: 0 auto 1em;
   text-align: center;
   width: 95%;
}

#contentWrapper div.errorContainer p {
   margin: 0.3em 0;
   text-align: left;
   padding: 0 0.3em;
}

#loginFormContainer fieldset {
   border: 1px solid #A6C9E2;
   border-radius: 5px;
   padding: 0.3em;
   margin-bottom: 1em;
}

#loginFormContainer legend {
   padding: 0 0.5em;
}

#loginFormContainer ul {
   list-style-position: inside;
   margin: 0 auto;
}

#loginFormContainer li {
	list-style-type: none;
	margin: 0.25em 0;
}

#loginFormContainer label {
	display: inline-block;
	width: 100px;
}

#loginFormContainer label.invisible {
   display: none;
}

#loginFormContainer input {
   width: 140px;
}

#loginFormContainer input[type=submit] {
   margin-left: 100px;
   background-image: url("../css/start/images/ui-bg_glass_45_0078ae_1x400.png");
   color: #FFF;
   padding: 0.3em 0.7em;
   border-radius: 5px;
   border: 1px solid #0078AE;
   width: 120px;
}

#enterKURLContainer fieldset {
   border: 1px solid #A6C9E2;
   border-radius: 5px;
   padding: 0.3em;
   margin: 0;
}

#enterKURLContainer fieldset span {
   border-radius: 5px;
   display: inline-block;
   line-height: 2em;
   margin-right: 0.3em;
   vertical-align: bottom;
}

#enterKURLContainer fieldset span.aliasContainer {
   background-image: url("start/images/ui-bg_glass_55_f8da4e_1x400.png");
   width: 80px;
}

#enterKURLContainer fieldset span.originalContainer {
   background-image: url("start/images/ui-bg_gloss-wave_50_6eac2c_500x100.png");
   width: 540px;
}

#enterKURLContainer fieldset span.commentContainer {
   background-image: url("start/images/ui-bg_gloss-wave_45_e14f1c_500x100.png");
   width: 273px;
}

#enterKURLContainer label {
   display: inline-block;
   text-align: center;
   font-weight: bold;
}

#enterKURLContainer span label {
   width: 100%
}

#enterKURLContainer label.invisible {
   display: none;
}

#enterKURLContainer input#newAlias {
   width: 65px;
   margin-left: 5px;
}

#enterKURLContainer input#newURL {
   width: 524px;
   margin-left: 5px;   
}

#enterKURLContainer input#newComment {
   width: 257px;
   margin-left: 5px;	
}

#enterKURLContainer input[type=submit] {
   margin-left: 0px;
   background-image: url("../css/start/images/ui-bg_glass_45_0078ae_1x400.png");
   color: #FFF;
   padding: 0.3em 0.7em;
   border-radius: 5px;
   border: 1px solid #0078AE;
   cursor: pointer;
   height: 4.6em;
   line-height: 4.6em;
   width: 75px;
}

#enterKURLContainer input[type=submit]:hover {
   color: #000;
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
   border-right: 1px solid #666;
   border-bottom: 1px solid #666;
}

#editKURLContainer table {
   border: 1px solid #A6C9E2;
   border-radius: 5px;   
   border-spacing: 0.3em;
   padding-bottom: 0.75em;
}

#editKURLContainer table thead th {
   cursor: pointer;
}

#editKURLContainer table th.col1 {
	width: 80px;
}

#editKURLContainer table th.col2 {
   width: 540px;
}

#editKURLContainer table th.col3 {
   width: 273px;
}

#editKURLContainer table th.col4 {
	width: 75px;
}

#editKURLContainer table td.aliasContainer {
   background-image: url("start/images/ui-bg_glass_55_f8da4e_1x400.png");
   border-radius: 5px;
   padding: 0.1em 0 0.1em 0.3em;
}

#editKURLContainer table td.originalContainer {
   background-image: url("start/images/ui-bg_gloss-wave_50_6eac2c_500x100.png");
   border-radius: 5px;
   padding: 0.1em 0 0.1em 0.3em;
}

#editKURLContainer table td.commentContainer {
   background-image: url("start/images/ui-bg_gloss-wave_45_e14f1c_500x100.png");
   border-radius: 5px;
   padding: 0.1em 0 0.1em 0.3em;
}

#editKURLContainer table td.toolContainer {
   text-align: center;
}

#editKURLContainer table td.aliasContainer input {
	width: 68px;
}

#editKURLContainer table td.originalContainer input {
   width: 524px;
}

#editKURLContainer table td.commentContainer input {
   width: 257px;
}

#editKURLContainer table tbody input[id|=edit] {
   color: #FFF;
   padding: 0.3em 0.7em;
   border-radius: 5px;
   border: 1px solid #0078AE;
   background-image: url("../images/pencil.png");
   background-position: 7px 5px;
   background-repeat: no-repeat;
   margin-right: 0.3em;
   background-color: #2E90BD;
   cursor: pointer;
}

#editKURLContainer table tbody input[id|=delete] {
   color: #FFF;
   padding: 0.3em 0.7em;
   border-radius: 5px;
   border: 1px solid #0078AE;
   background-image: url("../images/delete.png");
   background-position: 6px 5px;
   background-repeat: no-repeat;
   background-color: #2E90BD;
   cursor: pointer;
}

#setupContainer ol {
   list-style-position: inside;
   padding: 0 2.5em;
}

#setupContainer ol li {
   background-image: url("start/images/ui-bg_glass_55_f8da4e_1x400.png");
   border-radius: 5px;
   height: 2em;
   line-height: 2em;
   padding: 0.3em 1em;
   margin: 0.3em 0;
   position: relative;
}

#setupContainer ol li.ok {
   background-image: url("start/images/ui-bg_gloss-wave_50_6eac2c_500x100.png");
}

#setupContainer ol li span {
   position: absolute;
   right: 1em;
   width: 5em;
   text-align: center;
   border: 1px solid #A6C9E2;
   background-color: #FCFDFD;
   border-radius: 5px;
   font-size: 0.8em;
}

#setupContainer ol li input[type=submit] {
   position: absolute;
   right: 1em;
   width: 5.2em;
   text-align: center;
   border: 1px solid #A6C9E2;
   background-color: #FCFDFD;
   border-radius: 5px;
   font-size: 0.8em;
   padding: 0.5em 0;
   cursor: pointer;
}

#footer {
   margin: 0 auto;
   text-align: right;
   width: 1024px;
   border: 1px solid #A6C9E2;
   border-radius: 5px;  
   background-image: url('start/images/ui-bg_gloss-wave_75_2191c0_500x100.png');
   background-position: 0 -30px;
   background-repeat: repeat-x;
}

#footer p {
   margin: 0.3em 1.5em 0.3em 0.3em;
   padding: 0.3em;
   font-size: 0.8em;
   color: #222;
}

/**
*   ADMIN-Seite
**/
#contentWrapper #tools {
   padding: 0;
}

#contentWrapper #tools .ui-state-highlight {
   background: #F8Da43;
}

#contentWrapper #tools h2 {
   margin-top: 0;
}

#contentWrapper #tools-import {
   padding: 1em;
   border-bottom: 1px solid #a6c9e2;
}

#contentWrapper #tools-import .infobox {
   margin-top: 1em;
}

#contentWrapper #tools-linkchecker {
   padding: 1em;
}

#contentWrapper #tools-linkchecker input[type=text] {
   display: inline-block;
   width: 30em;
}

#contentWrapper #tools-linkchecker form {
   border-top: 1px dotted #a6c9e2;
}

#contentWrapper #tools-linkchecker form ul {
   list-style-type: none;
   margin-left: 1em;
   padding-left: 0;
}