/* General */

body {
	background: #CBCBCB url(../img/background.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}

input, textarea {
	border: 1px solid #939393;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input[disabled = "disabled"] {
	background-color: #CCCCCC;
	border: 1px solid #939393;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select {
	padding: 3px 3px 2px 3px;
	border: 1px solid #939393;
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	border: 0px;
}

a, a:active, a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a:hover {
	color: #666666;
}

form {
	display: inline;
}


hr {
	border: 1px solid #EAEAEA;
}

/* Message */

.msg_success {
	clear: both;
	border: 2px solid #85B12D;
	background-color: #D6EBAD;
	padding: 10px;
	margin-bottom: 10px;
}

.msg_error {
	clear: both;
	border: 2px solid #FF0000;
	background-color: #FFCCCC;
	padding: 10px;
	margin-bottom: 10px;
}

/* Main */

.main_bg {
	background: #FFBA00 url(../img/main_background.png) top left repeat-x;
	width: 890px;
	text-align: left;
}

.main_top {	
	background:url(../img/main_top.png) top center no-repeat;
	margin: 0;
	padding: 0;
}

.main_left {
	background:url(../img/main_left.png) top left repeat-y;
	margin: 0;
	padding: 0;
}
.main_right {
	background:url(../img/main_right.png) top right repeat-y;
	margin: 0;
	padding: 0;
}

.main_bottom {
	background: url(../img/main_bottom.png) bottom center no-repeat;
	margin: 0;
	padding: 0;
}

/* Header */

.header {
	padding: 20px 20px 20px 18px;
}
.header_left {
	vertical-align: top;
	text-align: left;
}
.header_right {
	text-align: right;
	padding-right: 23px;
}
.header_bottom {
	padding-top: 5px;
	text-align: right;
	font-size: 10px;
	padding-right: 23px;
}

/* Login */

.login_content {
	height: 400px;
	line-height: 400px;
	margin-top: 100px;
}

.login_box {
	padding: 8px;
	border: 1px solid #97978D;
	background-color: #FFFFFF;
	width: 512px;
	height: 222px;
	line-height: 12px;
}

.login_form {
	background-color: #cbcbcb;
	margin-top: 1px;
	height: 190px;
}
.login_submit {
	height: 25px;
	padding: 2px;
	margin-top: 5px;
	background-image: url(../img/button_bg.png);
	width: 60px;
}

/* Content */

.content_bg {
	margin-right:30px;
	padding: 5px;
	margin-top: 17px;
}

.content {
	margin-top: 20px;
	min-height: 350px;
	text-align: left;
	padding: 15px 16px;
	width: 824px;
	margin-bottom: 7px;
}

.content_top {	
	background: url(../img/content_top.png) top center no-repeat;
	margin: 0;
	padding: 0;
}

.content_middle {
	background: url(../img/content_middle.png) top center repeat-y;
	margin: 0;
	padding: 0;
}

.content_bottom {
	background: url(../img/content_bottom.png) bottom center no-repeat;
	margin: 0;
	padding: 0;
}

/* Navigation top */

.nav_top {
	margin-left: 11px;
	margin-top: 20px;
}

.nav_top a {
	color: #7B7B7B;
	text-decoration: none;
}

.nav_top table {
	float: left;
	margin-bottom: 10px;
}

.nav_tab .tab_left {
	background-image: url(../img/tab_top_left.png);
	width: 12px;
	height: 31px;
}

.nav_tab_hover .tab_left {
	background-image: url(../img/tab_top_left_hover.png);
	width: 12px;
	height: 31px;
}
.nav_tab .tab_middle {
	background-image: url(../img/tab_top_middle.png);
	text-align: center;
	padding-top: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #7B7B7B;
}

.nav_tab_hover .tab_middle {
	background-image: url(../img/tab_top_middle_hover.png);
	text-align: center;
	padding-top: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #7B7B7B;
}

.nav_tab .tab_right {
	background-image: url(../img/tab_top_right.png);
	width: 12px;
	height: 31px;
}
.nav_tab_hover .tab_right {
	background-image: url(../img/tab_top_right_hover.png);
	width: 12px;
	height: 31px;
}

.nav_tab_selected .tab_left, .nav_tab_selected_hover .tab_left {
	background-image: url(../img/tab_top_left_selected.png);
	width: 12px;
	height: 31px;
}

.nav_tab_selected .tab_middle, .nav_tab_selected_hover .tab_middle {
	background-image: url(../img/tab_top_middle_selected.png);
	text-align: center;
	padding-top: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #7B7B7B;
}

.nav_tab_selected .tab_right, .nav_tab_selected_hover .tab_right {
	background-image: url(../img/tab_top_right_selected.png);
	width: 12px;
	height: 30px;
}

/* Navigation right */

.nav_right_main {
	position: relative;
	margin-top: -20px;
}

.nav_right {
	position: absolute;
	top: 35px;
	right: 8px;
	width: 38px;
}
.nav_right .datainput {
	background-image: url(../img/tab_right_input.png);
	height: 137px;
}
.nav_right .datainput:hover {
	background-image: url(../img/tab_right_input_hover.png);
	height: 137px;
}
.nav_right .dataoutput {
	background-image: url(../img/tab_right_output.png);
	height: 141px;
}
.nav_right .dataoutput:hover {
	background-image: url(../img/tab_right_output_hover.png);
	height: 141px;
}
.nav_right .datainput_selected {
	background-image: url(../img/tab_right_input_selected.png);
	height: 144px;
}
.nav_right .dataoutput_selected {
	background-image: url(../img/tab_right_output_selected.png);
	height: 148px;
}

/* Content main */

.content_main {
	background-color: #FFFFFF;
	border: 1px solid #ABABAB;
	padding: 8px 8px 20px 8px;
	margin: 0px 10px 0px 5px;
}

.list_row_1 {
	cursor: pointer;
	background-image: url(../img/list_bg1.png);
	height: 25px;
}

.list_row_2 {
	cursor: pointer;
	background-image: url(../img/list_bg2.png);
	height: 25px;
}

.list_row_1 td, .list_row_2 td, .list_row_hover td {
	padding: 0px 12px;
}

.list_row_hover {
	cursor: pointer;
	background-image: url(../img/list_bg_hover.png);
	height: 25px;
}
.list_status_text {
	height: 20px;
	color: #909090;
}

.search {
	color: #808080;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	vertical-align: bottom;
}

.title_bg {
	text-align: left;
	background: url(../img/title_bg.png) repeat-x;
	color: #FDFDFD;
	height: 30px;
	line-height: 30px;
	padding: 0px 12px;
	font-weight: bold;
}

.title_small_bg {
	text-align: left;
	background: url(../img/title_small_bg.png) repeat-x;
	color: #4E4E4E;
	height: 23px;
	line-height: 23px;
	padding: 0px 12px;
	font-weight: bold;
}

.list_row_small_1 {
	padding: 3px 0px 3px 12px;
	border-top: 1px solid #939393;
	background-color: #E9E9E9;
}

.list_row_small_2 {
	padding: 3px 0px 3px 12px;
	border-top: 1px solid #939393;
	background-color: #CBCBCB;
}

.content_bg_dark {
	/*padding: 21px 0px 0px 0px;*/
	background-color: #cbcbcb;
	margin-top: 1px;
}

.normal_submit {
	background-image: url(../img/button_bg2.png);
	padding: 3px 0px 2px 0px;
	width: 170px;
}

.normal_select {
	width: 170px;
}

.edit_status_text {
	clear: both;
	height: 20px;
	color: #909090;
	background-color: #FFFFFF;
	padding-top: 8px;
}

/* Boxes */ 

.box_bg {
	background: #B9B9B9 url(../img/box_bg.png) top center repeat-x;
	border: 1px solid #939393;
}

.box_corner {
	background: url(../img/box_corner_topleft.png) top left no-repeat;
	margin: -1px;
}

.box_corner .tr {
	background: url(../img/box_corner_topright.png) top right no-repeat;
	margin: 0px;
	padding: 0;
}

.box_corner .bl {
	background: url(../img/box_corner_bottomleft.png) bottom left no-repeat;
	margin: 0px;
	padding: 0;
}

.box_corner .br {
	background: url(../img/box_corner_bottomright.png) bottom right no-repeat;
	margin: 0px;
	padding: 15px 15px 3px 15px;
}

.abc_button {
	background-image: url(../img/abc_box_closed.png);
	width: 47px;
	height: 39px;
	float: left;
	margin-left: 5px;
	padding: 0px;
	border: 0px;
	cursor: pointer;
}
.abc_button:hover {
	background-image: url(../img/abc_box_closed_hover.png);
	width: 47px;
	height: 39px;
	float: left;
	margin-left: 5px;
	padding: 0px;
	border: 0px;
	cursor: pointer;
}

.abc_box {
	background-image: url(../img/abc_box.png);
	width: 242px;
	height: 204px;
	z-index: 10;
	position: absolute;
	left: 5px;
	visibility: hidden;
}

.abc_div {
	margin: 4px;
}

.abc_charbox, .abc_charbox:active, .abc_charbox:link, .abc_charbox:visited {
	text-align: center;
	float: left;
	background-image: url(../img/abc_charbutton.png);
	height: 31px;
	width: 31px;
	margin: 4px;
	line-height: 31px;
	text-decoration: none;
	color: #000000;
}
.abc_charbox:hover {
	background-image: url(../img/abc_charbutton_hover.png);
	text-decoration: none;
}

.abc_charbox_close, .abc_charbox_close:active, .abc_charbox_close:link, .abc_charbox_close:visited {
	text-align: center;
	float: left;
	background-image: url(../img/abc_charbutton_close.png);
	height: 31px;
	width: 31px;
	margin: 4px;
	line-height: 31px;
	text-decoration: none;
	color: #000000;
}
.abc_charbox_close:hover {
	background-image: url(../img/abc_charbutton_close_hover.png);
	text-decoration: none;
}

.abc_charbox_invi {
	float: left;
	height: 31px;
	width: 31px;
	margin: 4px;
	line-height: 31px;
	cursor: pointer;
}

.paging_num:link, .paging_num:active, .paging_num:visited  {
	display: block;
	float: left;
	background-image: url(../img/page_num.png);
	padding: 4px 0px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	width: 23px;
	margin-right: 2px;
}
.paging_num:hover  {
	color: #333333;
	display: block;
	float: left;
	background-image: url(../img/page_num_hover.png);
	padding: 4px 0px;
	text-align: center;
	text-decoration: none;
	width: 23px;
}
.paging_num_active:link, .paging_num_active:active, .paging_num_active:visited  {
	display: block;
	float: left;
	background-image: url(../img/page_num_hover.png);
	padding: 4px 0px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 2px;
	width: 23px;
	text-align: center;
	color: #000000;
}
.paging_num_active:hover  {
	padding: 4px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.paging_puf {
	display: block;
	float: left;
	background-image: url(../img/page_num.png);
	padding: 4px 0px;
	margin-right: 2px;
	width: 23px;
	text-align: center;
}
.paging_prev:link, .paging_prev:active, .paging_prev:visited {
	display: block;
	float: left;
	background-image: url(../img/page_prev.png);
	padding: 4px 0px 4px 0px;
	width: 23px;
	text-align: center;
	margin-right: 2px;
}
.paging_prev:hover {
	background-image: url(../img/page_prev_hover.png);
}

.paging_next:link, .paging_next:active, .paging_next:visited {
	display: block;
	float: left;
	width: 23px;
	background-image: url(../img/page_next.png);
	padding: 4px 0px;
	text-align: center;
	margin-right: 2px;
}
.paging_next:hover {
	background-image: url(../img/page_next_hover.png);
}

.action_list {
	margin-bottom: 8px;
}

.key_title {
	padding: 12px 12px 6px 12px;
}

/* password meter */
#passwort1 {
    display: block;
    margin: .5em auto 0em;
    padding: 0.5em 1em 0.5em 0.7em;
    width: 100%;
    border: none;
    background: rgba(0,0,0,0.05);
    color: rgba(0,0,0,0.8);
    font-size: 2em;
    line-height: 0;
		transition: all .5s linear;
}

#passwort1:hover, #passwort1:focus {
	outline: 0;
	transition: all .5s linear;
	box-shadow: inset 0px 0px 10px #ccc;
}

meter {
    /* Reset the default appearance */
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
            
	margin: 0 auto 1em;
	width: 182px;
	height: .5em;
    
    /* Applicable only to Firefox */
	background: none;
	background-color: rgba(0,0,0,0.1);
}

meter::-webkit-meter-bar {
	background: none;
	background-color: rgba(0,0,0,0.1);
}

meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }

.feedback {
	color: #9ab;
	font-size: 90%;
	padding: 0 .25em;
	font-family: Courgette, cursive;
	margin-top: 1em;
}

#passwort-strength-text {
    margin: 0px;
    padding-bottom: 1em;
}