/* UNDO-HTML =========================================================================================== */
table { border: none; border-collapse: collapse; width: 100%}
th { font-weight: bold; text-align: left; }
td { text-align: left; }
img { border: none; }
form { margin: 0px; padding: 0px; }

/* Standards =========================================================================================== */
html, body, div, p, span, ul, li {
	/* font-family: Arial, Helvetica, Sans-Serif; */
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	font-weight: normal; 
	font-size: 9pt; 
	color: #424242;
}

h1, h1 span, h1 a, 
h2, h2 span, h2 a,
#leftmenu h3 a { letter-spacing: -1px; }

h1, h1 span, h1 a { font-size: 14pt; font-weight: bold; margin-bottom: 12px; margin-top: 6px;}
h2, h2 span, h2 a { font-size: 12pt; font-weight: bold; margin-bottom: 8px; margin-top: 4px;}
h2.head { background-color: #c8c8c8; padding: 4px 6px 4px 6px; }
h3, h3 span { font-size: 10pt; font-weight: bold; margin-bottom: 4px; }
h4, h4 span { font-size: 9pt; font-weight: bold; margin-bottom: 4px; }
h5, h5 span { font-size: 9pt; font-weight: normal; margin-bottom: 4px; }

hr {
	border: none;
	border-top: 1px #d2d2d2 solid;
	border-bottom: transparent;
	height: 1px;
}

blockquote {
	margin: 5px 0px 5px 0px;
	/* padding: 0px 0px 0px 8px; */
	padding: 2px 6px 2px 6px;
	border-left: 4px #d2d2d2 solid;
}

ul {
	margin: 0px 0px 5px 20px;
	padding: 0px 0px 0px 0px;
	list-style-type: square;
}

ul.blank, li.blank { list-style-type: none !important; margin: 0px; padding: 0px;}

li {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 4px;
}

img.showleft { float: left; margin: 16px 16px 16px 0px; }
img.showright { float: right; margin: 16px 0px 16px 16px; }

code { 
	font-family: 'Courier New'; 
	font-size: 8pt; 
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 3px 6px;
	background-color: #f0f0f0;
	border-left: 3px #FA9800 solid;
}
code.full {
	display: block;  
}
code.para {
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 2px 6px 2px 6px;
}

strong.keyword { color: #ac0004; font-weight: normal; }
strong.value { color: gray; font-weight: normal; }

label { font-size: 8pt; }

img.icon { width: 16px; height: 16px }

/* Standard-Klassen ==================================================================================== */
.midi { font-size: 8pt; }
.mini { font-size: 7pt; }

.lined { display: inline; margin-right: 12px; }
.cell_left { float: left; }
.cell_right { float: right; }
.cell_right2 { float: right; text-align: right; }
.break { clear: both; height: 0px; }

.odd { background-color: #dcdcdc; } /*#e3e3e3*/
.even { background-color: #f0f0f0; } /*#e9e9e9*/

.margintb { margin-top: 3px; margin-bottom: 3px; }
.margintb2 { margin-top: 6px; margin-bottom: 6px; }
.margintb3 { margin-top: 12px; margin-bottom: 12px; }
.margint { margin-top: 3px; }
.marginl { margin-left: 3px; }
.marginr { margin-right: 3px; }
.marginlr { margin-left: 1px; margin-right: 2px; }

.bordertop {
	border-top: 1px #d2d2d2 solid;
	margin-top: 20px;
	padding-top: 6px;
}

.hide { display: none; }
.show { display: block; }
.inline { display: inline; }
.block { display: block; }
.right { text-align: right; }
.center { text-align: center; }

.light { background-color: #f0f0f0; }
.dark { background-color: #d2d2d2; }
.inverted { background-color: #a1a1a1; color: #f0f0f0; }
.initial { background-color: #a5bbc7; }
.solution { background-color: #a6e7a5; }

.mark { background-color: yellow; }
.errortext { font-size: 8pt; color: Red; }
.lighttext { font-size: 8pt; color: #a0a0a0; }
.warning { font-size: 8pt; color: #bf7d28; }
.info { font-size: 8pt; color: #5c98cc; }
.delim { font-size: 10pt; color: #a0a0a0; }

.rating0 { color: #424242; }
.rating1 { color: #509941; }
.rating2 { color: #669267; }
.rating3 { color: #797979; }
.rating4 { color: #b27777; }
.rating5 { color: #cc523c; }

.pager_top { margin: 0px 0px 8px 0px; }
.pager_bottom { margin: 8px 0px 0px 0px; }

.article { padding-bottom: 28px; }

.exclamation_box, 
.critical_box {
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 36px;
}
.exclamation_box {
	border: 1px #e77502 solid;
	background-color: #f4ebdc; 
	background-image: url(../images/ico_exclamation.png);
}
.critical_box {
	border: 1px #d60c0c solid;
	background-color: #ffdbde; 
	background-image: url(../images/ico_critical.png);
	font-weight: bold;
}

/* DIV's und SPAN's ------------------------------------------------------------------------------------- */

div.button_line { margin: 6px 0px 8px 0px }

div.commands {
	float: right;
	padding: 0px; margin: 0px;
}
div.commands a {
	margin-left: 2px; 
	margin-right: 2px;
}

div.start_uabox {
	width: 275px; 
	float: right; 
	margin: 10px 0px 10px 10px; 
	padding: 0px 0px 0px 30px; 
	background: url('../images/box_seperator_1.gif') no-repeat; 
}

span.searchterm {
	font-style: italic;
	margin-left: 4px; margin-right: 4px;
	padding-left: 4px; padding-right: 4px;
	background-color: #d2d2d2;
}

/* Input ----------------------------------------------------------------------------------------------- */
input, textarea, select, option {
	/* font-family: Arial, Helvetica, Sans-Serif; */
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	font-weight: normal; 
	font-size: 8pt; 
	color: #424242;
}

input.text, textarea, select {
	padding: 2px;
	padding-left: 4px;
	border: 1px #d2d2d2 solid;
}

input.button {
	/* input[type=button] geht nicht wg. IE6 */
	background-color: #d2d2d2;
	border-style: solid;
	border-width: 1px;
	border-top-color: #c2c2c2; border-left-color: #c2c2c2;
	border-bottom-color: #909090; border-right-color: #909090;
	cursor: pointer;
}
input.button:hover { 
	background-color: #9f9f9f; 
	color: #e6e6e6; 
	border-bottom-color: #606060; border-right-color: #606060;
}

input.w0, textarea.w0 { width: 200px; }
input.w1, textarea.w1 { width: 560px; }
input.w2, textarea.w2 { width: 510px; }
input.w3, textarea.w3 { width: 663px; }
input.w4, textarea.w4 { width: 445px; }
input.w5, textarea.w5 { width: 250px; }
input.w6, textarea.w6 { width: 325px; }
input.w7, textarea.w7 { width: 635px; }
input.w8, textarea.w8 { width: 610px; }
input.w9, textarea.w9 { width: 590px; }
input.w10, textarea.w10 { width: 425px; }

input.check_uaitem { margin: 2px 8px 0px 5px; }

/* Links ============================================================================================ */
a:link  { color: #005888; text-decoration: none; }
a:visited  { color: #005888; text-decoration: none; }
a:active  { color: #005888; text-decoration: none; }
a:hover  { color: #e47b00; text-decoration: none; }

#header a:link, #leftbar a:link, #footer a:link { color: #a0a0a0; text-decoration: none; }
#header a:visited, #leftbar a:visited, #footer a:visited { color: #a0a0a0; text-decoration: none; }
#header a:active, #leftbar a:active, #footer a:active { color: #a0a0a0; text-decoration: none; }
#header a:hover, #leftbar a:hover, #footer a:hover  { color: #fa9800; text-decoration: none; }

#footer a:link  { color: #d2d2d2; text-decoration: none; }
#footer a:visited  { color: #d2d2d2; text-decoration: none; }
#footer a:active  { color: #d2d2d2; text-decoration: none; }
#footer a:hover  { color: #e47b00; text-decoration: none; }

a.plus { margin-left: 8px; padding-left: 14px; background: url('../images/ico2_plus.png') no-repeat left center; }
a.reply { margin-left: 8px; padding-left: 14px; background: url('../images/ico2_bubble.png') no-repeat left center; }
a.cancel { margin-left: 8px; padding-left: 14px; background: url('../images/ico2_arrowup.png') no-repeat left center; }
a.save { margin-left: 8px; padding-left: 14px; background: url('../images/ico2_disk.png') no-repeat left center; }
a.down { margin-left: 8px; padding-left: 14px; background: url('../images/ico2_down.png') no-repeat left center; }
a.feed { margin-left: 8px; padding-left: 14px; background: url('../images/ico2_feed.png') no-repeat left center; }

a.member { margin-left: 2px; padding-left: 20px; background: url('../images/ico_member.png') no-repeat left center; }
a.admin { margin-left: 2px; padding-left: 20px; background: url('../images/ico_admin.png') no-repeat left center; }
a.owner { margin-left: 2px; padding-left: 20px; background: url('../images/ico_owner.png') no-repeat left center; }
a.down { margin-left: 2px; padding-left: 20px; background: url('../images/ico_down.png') no-repeat left center; }
a.picture { margin-left: 2px; padding-left: 20px; background: url('../images/ico_picture.png') no-repeat left center; }
	
/* Specials ============================================================================================ */
h1.iconized {
	margin-left: 0px; 
	padding-left: 26px; 
	background: url('../images/ico_asterisk.png') no-repeat left center;
}

span.warning { margin-left: 0px; padding-left: 16px; background: url('../images/ico3_warning.png') no-repeat left center; }
span.info { margin-left: 0px; padding-left: 16px; background: url('../images/ico3_info.png') no-repeat left top; }

span.member { padding-left: 22px; background: url('../images/ico_member.png') no-repeat left center; }
span.admin { padding-left: 22px; background: url('../images/ico_admin.png') no-repeat left center; }
span.owner { padding-left: 22px; background: url('../images/ico_owner.png') no-repeat left center; }

div.ShowIPWrapper,
div.ShowIPPager {
    margin-left: 10px; 
    overflow: auto; 
    margin-bottom: 10px;
}
div.ShowIPWrapper div.ip { width: 160px; }

div.whoisinfo { 
	text-align: left; 
	height: 400px; 
	overflow: auto;
	margin-bottom: 10px; 
	padding: 8px 12px;
	border: 1px #d2d2d2 solid;
}

div#memberwrapper {
    clear:both; 
    background-color: #f0f0f0;
}
div#memberbar {
    float: left; 
    padding: 5px 0px 0px 10px;
}
div#membercontent {
    margin-left: 85px; 
    padding-left: 15px; 
    background-color: #E6E6E6
}
div.membercontent {
	min-height: 700px;
}

img.avatar {
    margin-top: 4px;
    margin-bottom: 8px;
    width: 64px;
    height: 64px;
    overflow: hidden;
}

table.rowstyle td {
    height: 36px;
    border-bottom: 1px #d2d2d2 dotted;
}

table.grid td {
	height: 30px;
	vertical-align: middle;
}
table.grid th {
	height: 28px;
	vertical-align: top;
	font-weight: normal;
}
table.grid td.seperator {
	height: 0px;
}

table.formatted {
}
table.formatted th {
	height: 30px;
	padding: 0px 0px 0px 6px;
	border-bottom: 2px #d2d2d2 solid;
	background-color: #f0f0f0;
}
table.formatted td {
	height: 35px;
	padding: 0px 0px 0px 6px;
	border-bottom: 1px #d2d2d2 solid;
}

td.cmdcell {
    height: 60px; 
    vertical-align: middle; 
    text-align: left;
}

/* Untermenü -------------------------------------------------------------------------------------- */
#SubMenu {
	padding: 0px 0px 25px 0px;
	margin: 0px 0px 25px 0px;
	border-bottom: 1px double #a0a0a0;
}
#SubMenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}
#SubMenu a:link, #SubMenu a:visited {
	float: left;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 19px;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #909090;
	background: url('../images/bullet_target_half1.gif') no-repeat bottom center;
}
#SubMenu a:link.active, #SubMenu a:visited.active{
	color: #424242;
	background: url('../images/bullet_target_half.gif') no-repeat bottom center;
}
#SubMenu a:hover {
	color: #fa9800;
	background: url('../images/bullet_target_half.gif') no-repeat bottom center;
}

/* OpenID ---------------------------------------------------------------------------------------- */
input.openidbox {
	background-color: White;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.openidproviderinfo {
	min-height: 18px;
}

a.openidbutton {
	border: 1px solid #DDDDDD;
	float: left;
	width: 24px;
	height: 24px;
	margin: 2px 4px 6px 0px;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
}
a.openidbutton.selected {
	border: 1px solid orange;
	background-color: white;
}

/* Rating-Box ------------------------------------------------------------------------------------ */
#ratingbox {
	width: 180px;
	margin: 0px -6px 6px 0px;
	padding: 0px 6px 0px 0px;
}

#ratingbox ul { 
	list-style: none; 
	margin: 0px; padding: 0px;	
}

#ratingbox ul li { 
	display: block;
	clear: both;
}

#ratingbox ul li div.ratingcaption {
	float:right;
	margin-right: 4px;
}

#ratingbox ul li div#ratingcontainer1,
#ratingbox ul li div#ratingcontainer2 {
	float: right;
	height: 30px;
	margin-bottom: -1px;	
	padding: 4px 0px 0px 7px;
    border: 1px #e77502 solid;
    background-color: #f4ebdc;
    /* border: 1px #d2d2d2 solid;
    background-color: #f0f0f0; */
}

#ratingbox ul li div#ratingcontainer1 {
	width: 60px;
}
#ratingbox ul li div#ratingcontainer2 {
	width: 200px;
	height: 50px;
}

#ratingbox ul li div#ratingcontainer1 #ratingnumber {
	float: left;
	padding: 0px 0px 0px 2px;
}

#ratingbox ul li div#ratingcontainer1 #ratingnumber span {
	font-size: 12pt;
	font-weight: bold;	
}

#ratingbox ul li div#ratingcontainer1 #ratingthrobber {
	float: right;
	width: 11px; height: 11px;
	margin: 6px 8px 0px 0px;
}

/* Datenlisten -------------------------------------------------------------------------------------- */
#data_list_header h2 {
	float: left;
}

#data_list_header div {
	float: right;
}

#data_list_header div select,
#data_list_header div option {
	font-size: 9pt;
	font-weight: bold;	
}

div.data_row,
div.data_row_blank,
div.data_row_head,
div.data_row_head2 {
	clear: both;
	margin-left: -4px;
	padding-left: 4px;
	padding-top: 6px; 
	padding-bottom: 4px;
	padding-right: 0px;
}
div.data_row { 
    border-top: 1px #d2d2d2 dotted; 
}
div.data_row_head {
    /* border-top: 1px #d2d2d2 dotted; */
	/* background-color: #c8c8c8; */
	border-bottom: 2px #d2d2d2 solid;
	background-color: #f0f0f0;	
	overflow: auto;
}

div.data_row2 {
	clear: both;
	padding-top: 24px; padding-bottom: 4px;
	padding-right: 0px;
	border-top: 1px #d2d2d2 dotted;
}

div.data_row div,
div.data_row2 div,
div.data_row_head div,
div.data_row_head2 div {
	float: left;
	display: inline;
}

div.data_row_head div,
div.data_row_head2 div {
	font-weight: bold;
}

div.data_row_head2 {
    background-color: inherit;
}

div.data_row img,
div.data_row_blank img,
div.data_row2 img,
div.data_row_head img {
	float: left;
	padding-left: 0px;
	padding-right: 10px;
}

div.data_row h4,
div.data_row_blank h4,
div.data_row2 h4,
div.data_row_head h4 {
	float: left;
	letter-spacing: 0px;
}

div.data_list_end {
	clear: both;
	padding-top: 4px;
	border-top: 1px #d2d2d2 dotted;
}

/* String-Listen --------------------------------------------------------------------------------------- */
div.string_list_header {
	background-color: #c8c8c8;
	overflow: auto;
	padding: 6px 3px 2px 0px;
	margin: 10px 0px 10px 0px;
	min-height: 29px;
}

div.string_list_header_caption {
    float: left; 
    margin: 5px 10px; 
    font-style: italic;
}

input.string_list_header_checkall {
    float: right; 
    margin: 6px 8px 5px 3px;
}

div.string_list {
	clear: both;
	padding-top: 3px; padding-bottom: 3px;
	border-top: 1px #d2d2d2 dotted;
}

div.string_list2 {
	clear: both;
	padding-top: 6px; padding-bottom: 6px;
	border-top: 1px #d2d2d2 dotted;
	border-bottom: 1px #d2d2d2 dotted;
}

div.string_list div.seq{
	float: left;
	font-size: 7pt;
	color: #a0a0a0;
	padding: 0px 5px 0px 8px;
}

.string { font-family: "Courier New", Courier, Fix; }

div.string_list div.string,
div.string_list2 div.string {
	clear: both;
	padding: 5px 5px 3px 8px;
}

div.string_list div.string a,
div.string_add div.string a {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}

div.string_list textarea, 
div.string_add textarea {
	font-family: "Courier New", Courier, Fix;
	width: 650px;
}

/* ================================================================ */
/* --> admin/users.aspx (User) */
#userlist_filterbox {
	padding: 6px; 
	width: 610px;
	margin-bottom: 12px;
}

.userlist { 
	width: 660px;
}

.userlist th,
.userlist td { 
	height: 30px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px #d2d2d2 dotted;
}

/* === UI Tabs (Common) =========================================== */
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px;*/
}

/* === UI Tabs (Profile) ========================================== */
#profiletabs {
	margin-left: -5px;
	margin-bottom: 15px;
}
#profiletabs .ui-tabs-panel {
	/*resets margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; */
}
#profiletabs .ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear: both;
	overflow: auto;
	z-index: 1;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}
#profiletabs .ui-tabs-nav-item {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #d2d2d2;
	border-bottom: none;
	border-left: none;
}
#profiletabs .ui-tabs-nav-item a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 10pt;
	text-decoration: none;
	padding: 0.5em 1em;
	color: #555555;
	background: #f2f2f2;
}
#profiletabs .ui-tabs-nav-item a:hover {
	background: #FFFFFF;
	color: #212121;
}
#profiletabs .ui-tabs-selected {
	border-bottom-color: #E6E6E6;
	font-weight: bold;
}
#profiletabs .ui-tabs-selected a,
#profiletabs .ui-tabs-selected a:hover {
    background-image: url(../images/tab_back.gif); 
    background-repeat: repeat-x;
    color: #222222;
    padding: 0.5em 1.2em;
    overflow: auto;
}

/* === UI Tabs (Statistik) ======================================== */
#statistictabs .ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	border-top: 1px solid #d2d2d2;
	background: #E6E6E6;
	color: #222222;
}
#statistictabs .ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	position: relative;
	clear: both;
	z-index: 1;
	border-right: 1px solid #d2d2d2;
	bottom: -1px;
}
#statistictabs .ui-tabs-nav-item {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #d2d2d2;
	border-right: none;
	font-weight: bold !important;
}
#statistictabs .ui-tabs-nav-item a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: .5em 0.5em;
	color: #555555;
	background: #f2f2f2;
}
#statistictabs .ui-tabs-nav-item a img {
    margin: 5px; 
}
#statistictabs .ui-tabs-nav-item a:hover {
	background: #FFFFFF;
	color: #212121;
}
#statistictabs .ui-tabs-selected {
	border-bottom-color: #E6E6E6;
}
#statistictabs .ui-tabs-selected a,
#statistictabs .ui-tabs-selected a:hover {
    background-image: url(../images/tab_back.gif); 
    background-repeat: repeat-x;
    color: #222222;
    padding: .2em .5em .2em .5em;
}

#statistictabs #tabcaption { 
	display: block;
	margin-top: 10px; 
	margin-bottom: 0px;
}
#statistictabs #taboptions {
    position: relative;
    border-bottom: 1px solid #d2d2d2;
    padding: 1em 0 1em 0;
}
#statistictabs #taboptions > div.taboption {
    display: inline;
    margin-right: 10px;
}
#statistictabs .tabcontent {
    margin: 1.5em 0 1.5em 0;
}

/* === Stickies ============================================================= */
div.stickie {
    float: left; 
    width: 320px; 
    height: 90px; 
    background-repeat: no-repeat; 
    overflow: auto;
}
div.stickieback0 { background-image: url(../images/stickie_0.gif); }
div.stickieback1 { background-image: url(../images/stickie_left_05.gif); }
div.stickieback2 { background-image: url(../images/stickie_right_05.gif); }

img.stickie_pin {
    position: absolute;
    margin-left: 280px;
    margin-top: 0px;
}
table.stickie_table {
    width: 290px; height: 50px;
    margin: 20px 10px 20px 10px;
}

td.stickie_icon { 
    text-align: center;
    width: 60px;
}

.stickie_caption {
    font-size: 12pt; 
    font-weight: bold;
}
