.overflow {
    overflow-x: scroll;        
} 
.top {
	background-color:#b2fdf0;
	border-bottom: 3px solid #0a6b0e;
}

a:link, a:visited {
	color:#0a6b0e; 
}

a:hover {
	color: black;
}

.navi a {
	border-right:2px solid #4c4c4c;
	text-decoration:none;
}

.navi a:hover {
	color:#0a6b0e; 
}

.form_url {
	color:#0a6b0e;
}

.title {
	background:#0a6b0e;
	color:white;
}

.referer td , .referer th, .infos td{
	border:1px solid #0a6b0e;
}

.statistic-infos, .statistic-referer, .statistic-views, .statistic-maps , .box{
	border:1px solid #0a6b0e;
}
body { overflow-y:scroll; } 

body { 
	font-family: Verdana, Arial, sans-serif;
	font-size:10pt;
	background-color: #f3f2f2;
	color: #4c4c4c;
 }
 
a:link {
	text-decoration:underline
}

.expirein-wrapper div div {
    display: inline-block;
}

.clear {
	clear:both;
}

.navi a{ 
	display:block; 
	float:left; 
	padding-right: 7px;
	margin-right: 7px;
	font-size:11pt;
}

.navi a:hover {
	text-decoration:underline;
}

.top { 
	height:60px;
	margin:-8px;
	padding:0;}
	
.wrapper-top {
	height:60px;
	width:600px;
	margin:auto;
}

/*.logo {*/
/*    float:left;*/
/*    height:60px;*/
/*    min-width:150px;*/
/*}*/

.navi {
	float:right;
	vertical-align:bottom;
	margin-top: 25px;
	font-weight:bold;
}

.wrapper {
	margin: 8px auto 0 auto;
	width:600px;
	padding-top:30px;
}

.save {
	font-size:8pt;
	margin:10px 0 30px 0;
}

.left {
	float:left;
	width:400px;
}

.result ,.functions ,.info  {
	border:1px solid #c0c0c0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	padding:10px;
	background: white;
	margin:20px 0;
}

#options {
	display:none; 
	float:right; 
	width:500px; 
	border:1px solid #c0c0c0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	padding:10px;
	margin:20px 0;
}

.form_url-form_index {
	font-size: 20pt;
    font-weight: bold;
    width:525px; 
	height:28px;
	padding:2px; 
	border:2px solid #4c4c4c;
    float: left;
}

.form_url-form_gruppen {
	width:577px; 
	height:20px; 
	padding:2px; 
	border:1px solid #4c4c4c; 
	margin-top:5px;
}

.input-result {
	width:100%;
	height:70px;
}

.right {
	float:right;
	width:150px;
}

.info img {
	vertical-align:middle;
}

.copyright {
	font-size:8pt;
	margin-top:40px;
	color:#9d9d9d;
}

.form_url {
	font-size:20pt;
	font-weight:bold;
}

.form_button-form_submit {
	height:27px; 
	padding:5px;  
	border:1px solid #4c4c4c; 
	background:#ecebeb;
	cursor: pointer;
	text-align:center;
	margin:8px 0 0 0; 
}

.share {
    font-family: Arial, Verdana, sans-serif;
    vertical-align: middle;
    font-weight: bold;
    height: 20px;
    padding: 5px;
    width: 150px;
    border: 1px solid #4c4c4c;
    background: #ecebeb;
    cursor: pointer;
    text-align: center;
    margin: 8px 0 0 0;
}

.form_button-form_index {
	float:right; 
	height:36px; 
	padding:5px; 
	width:60px; 
	border:2px solid #4c4c4c; 
	background:#ecebeb; 
	cursor: pointer;
}

.button-result {
	float:right;
	margin:0;
}

.button-bookmarklet {
	height:20px;
	width:140px;
}

.button-statistic {
	width:230px; 
}

.button-change {
	width:100px; 
	height:22px;
	padding:0px;
}

.form_shorturl-form_result {
	width:100%; 
	margin-bottom:10px;
}

table.statistic-result {
	margin-top:20px;
	font-size:10pt;
}

td {
	padding:5px 0;
}

.status-success , .status-error, .status-tip {
	color:white;
	font-weight:bold;
	padding:4px;
}

.status-success {
	background: #62b82c;
}

.success {
	background: #b5ee92;
	border: 1px solid #62b82c;
	padding:4px;
}
.status-error {
	background: #e63f3f;
}

.error {
	background: #faaaa2;
	border: 1px solid #e63f3f;
	padding:4px;
}

.status-tip {
	background: #e3b601;
}

.tip {
	background: #f8e355;
	border: 1px solid #e3b601;
	padding:4px;
}

.input{
	height:25px;
	margin: 5px ;
	width:90%;
}

.title {
	padding:3px 10px;  
	font-weight:bold;
}

.screenshot {
	border:1px solid black; 
	width:220px
}

.stop {
	float:left;
	margin-right: 10px;
}

.infos  td, .referer  td , .referer th{
	padding:5px;
}

.referer th {
	text-align:left;
	font-weight:bold;
}

table.infos , table.referer{
	background:white;
	width:100%;
	border-collapse:collapse; 
}

.umbruch {
	word-wrap: break-word; !important
	white-space:pre-wrap;
}

.statistic-infos, .statistic-referer, .statistic-views, .statistic-maps, .box {
	padding:8px;
	width:582px;
	background:white;
}

.result-table{
	width:100%;
	padding:0 60px;
}

.result-table td {
	padding:5px;
}

img.mail {
	vertical-align:bottom;
}

.options {
	float:right; 
	font-weight:bold; 
	cursor:pointer;
	margin:0;
	padding:0
}

.button_fixed_width {
        width: 250px;
}
.button_no_brake {
        height: 35px;
}
.button_no_brake div {
        position: relative;
            float:left;
}

.button a {
        color: #000 !important;
}

.ui-tabs { padding: 0em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0em 0em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ /*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }