html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 18px;
  color: #000;
    font-family: helvetica, arial, sans-serif;
  font-size: 10px;
  background:url(../images/bg.png) repeat-x;
  
}
.clearfloat{clear:both;}
p { font-size: 1.2em; line-height: 1.3em; }

ol, ul {
  list-style: none;
}



#nav {
  background-color: #252525;
  color: #E5ECF3;
  font-size: 13px;
  font-weight: bold;
  margin-top: 40px;
  height: 69px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#nav ul {
  padding: 24px 6px 0px 6px;
}
 
#nav ul li {
  float: left;
  padding: 5px 12px;
  color: #555;
  font-size: 14px;
}

#nav img.tvLogo {
  float: left;
  margin-right: 40px;
  margin-top:-15px;
}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
  color: #eee;
  text-decoration: none;
}

#nav ul li a:hover,
#nav ul li a:active {
  color: #fff;
  text-decoration: underline;
}





/**/
#container {
margin: 0;
padding: 0;
min-height:350px;
}

form {
margin: 0;
padding: 0;
}

hr{margin:10px 0 10px 0;border:1px dotted #a5aec5;border-style:none none dotted}

a {
color: #6699FF;
}

h1, h2, h4 {
margin-top: 0;
padding-top: 0;
}

h4 {
font-size: 1.5em;
}

a:hover {
text-decoration: none;
}

.red {
color: red;
}

.wide {
width: 990px;
margin: 0 auto;
padding: 0px;
}





.floatRight {
float: right;
text-align: right;
}

/* Start Page Blocks */

#contentStart {
overflow: hidden;
position: relative;
padding: 2em;
padding-top: 4em;

}

.startLeft {
float: left;
width: 550px;
margin-right: 50px;
}

.startRight {
float: left;
width: 380px;
}

.startContainer {
padding: 1em;
margin: 0.2em;
}

#toolbarButton {
cursor: move;
}

#footer {
clear: both;
height: 40px;
padding: 0;
padding-top: 3em;

}

/* short URL interface */
.shortColor {
background: red;
padding: 10px;
}

#shortURL {
float: left;
padding: 5px;
width: 400px;
}

#shortURL input {
width: 97%;
border-style:none;
border:none;
border-width: 0px;
font-size: 1.2em;

padding: 5px;
}

#shortSpacer {
float: left;
width: 20px;
height: 30px;
}

#shortSubmit {
float: left;
border: black;
padding: 5px;
width:100px;
text-align: center;
}

#shortSubmit input,#advancedOpt input {
font-weight: 600;
width: 99%;
border-style: none;
border: none;
border-width: 0px;
font-size: 1.4em;
padding: 2px;
#padding: 0px;
cursor: pointer;
}

#advancedTrigger {
clear: left;
float: left;
margin-top: 15px;
padding-top: 0px;
font-weight: 600;
font-size: 1.2em;
width: 270px;
}

#shareTrigger {
float: left;
margin-top: 15px;
padding-top: 0px;
font-weight: 600;
font-size: 1.2em;
width: 270px;
text-align: right;
}


#shortTag {
width: 250px;
font-size: 1em;
vertical-align: middle;
}

#shareOpt {
float: left;
clear: left;
display: none;
padding: 10px;
border-left:20px;
width: 520px;
font-weight: 600;
margin-top: 3px;
}

#advancedOpt {
float: left;
clear: left;
display: none;
padding: 10px;
margin-left:-20px;
border-right:20px solid #E3E3E3;
background:#E3E3E3;
width: 100%;
font-weight: 600;

}


#resultsContainer {
float: left;

width: 580px;
top: 0;

padding: 10px;
padding-top:40px;
margin: 0;
}

#resultsContainer h2 { font-size: 28px; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-weight: bold; line-height: 30px; width: 400px; float: left; color: #058EB3; }

#resultsContainer h4 { font-size: 14px; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-weight: bold; line-height: 30px; width: 400px; float: left; color: #666; }


#resultsInner {
padding: 10px;
}

#shortResults {
}

#shortResults p {
margin-top: 5px;
padding-top: 5px;
margin-bottom: 0;
padding-bottom: 0;
}

#shortResults input {
width: 95%;

padding: 5px;
font-size: 1.4em;
font-weight: 600;
}

#shortResults textarea {
width: 95%;
height: 80px;
font-weight: 600;
color: red;
}

.resultsBottom {
text-align: right;
font-weight: 600;
}


/* frame & redirect style */

#redirectBlock {
text-align: center;
}

#countdown {
font-weight: 600;
color: red;
}

#removeFrame {
float: right;
margin-right: 10px;
font-weight: 600;
}

#topFrame {
clear: both;
text-align:center;
}

#lowerFrame {
text-align:center;
}

/*HLAVNY SHORTEN*/
.shorten-wrapper { clear: both; width: 100%; float: left; margin: 10px 0; }
.shorten-wrapper .border-row { clear: both; height: 8px; line-height: 8px; position: relative; z-index: 0 !important; z-index: -1; }
.shorten-wrapper .top, .shorten-wrapper .bottom { background-color: #E3E3E3; background-repeat: no-repeat; }
.shorten-wrapper .border-row span { position: absolute; right: 0; width: 8px; background-repeat: no-repeat; background-position: 100% 0; }
.shorten-wrapper .top { background-image: url('/images/corner_tl.png'); }
.shorten-wrapper .top span { background-image: url('/images/corner_tr.png'); }
.shorten-wrapper .bottom { background-image: url('/images/corner_bl.png'); }
.shorten-wrapper .bottom span { background-image: url('/images/corner_br.png'); }
.shorten-wrapper #close-toggle { clear: both; text-align: right; margin: 0; padding-top: 5px; }
.shorten-wrapper #close-toggle a { color: #777; font-weight: bold; font-size: 10px; }
#shorten-action, #shorten-options { background-color: #E3E3E3;  font-size: 1em; }

#shorten-action { padding: 10px 20px 0 20px; }
#shorten-action table { width: 100%; }
#shorten-action input#url { width: 100%; height: 24px;  margin: 0; padding: 2px; background-color: #FEFFEC; font-size: 18px; border: 0; }
#shorten-action td#shorten-button { width: 122px; text-align: right; }
#shorten-button input.button { width: 110px; height: 30px; font-size: 14px; color: #FFF; background: url(../images/tiny-button.png) no-repeat 0 0; border: 0; }

#shorten-options { padding: 12px 20px 0 20px; }
#shorten-options .inner { width: 100%; float: left; padding: 10px 0; background-color: #fff; position: relative; }
#shorten-options .single-col { width: 235px; position: absolute; top: 10px; right: 0; }
#shorten-options .double-col { width: 60%; float: left; padding: 0 10px; position: relative; }
#shorten-options h2 { float: left; line-height: 30px; margin: 0; padding-left: 18px; font-weight: normal; font-size: 16px; background: url(http://bit.ly/static/../images/shortened_url_arrow.gif) no-repeat 0 50%; }
#shorten-options h3 { clear: both; margin: 0; padding: 10px 0 4px 0; font-size: 14px; }
#shorten-options h3.stats { margin: 0; padding: 4px 0 0 0; font-weight: normal; font-size: 12px; line-height: 14px; }
#shorten-options #shortened-url { display: block; float: left; margin: 0 4px; padding: 3px 5px; background-color: #FEFFEC; font-size: 18px; border: 1px solid #999; width:160px; font-size:16px; color:#666; }
#shorten-options #source-url { clear: both; font-size: 10px; padding-top: 6px; color: #999; }
#shorten-options #source-url p { margin: 0 10px; padding-top: 5px; border-top: 1px solid #DDD; }
/*Footer*/

#footerLegal {
  margin: 20px auto;
  font-size: 10px;
  color: #777;
}

#footerLegal img.footerIcon {
  float: left;
  padding-right: 12px;
}

#footerLegal a {
  color: #777;
  text-decoration: underline;
  padding: 0 3px 0 3px;
}

#footerLegal p {
  margin-top: 2px;
}
/*ODL*/

body {
	
	
	color: #595441;
	
	
	margin-top:0px;
	
}
#wrap {
	
	margin:0 auto;
	
	text-align:left;
	
	
}
div, p, td {
	font-family: Arial;
	font-size: 12px;
}
a, a:link, a:active, a:visited {
	color: #2A85B3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {height:50px;margin:0;}
h1 a {float:right;text-align:right;}
h1 a, h1 a:link, h1 a:active, h1 a:visited {color:#2A85B3}
h1 a:hover{text-decoration:none;}
h1 a:hover span{text-decoration:underline;color:#8dbdd8}
input, textarea {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
Input.text, select, textarea {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #595441;
	background-color: #FFFFFF;
	border: 1px solid #8dbdd8;
	margin:1px;
}
input.button, a.button_stats {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #595441;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #8dbdd8;
	cursor:pointer;
}
input.primary {
	border:2px solid #aaccaa;
	background:#fafafe;
}
input.disabled {
	border:1px solid #333;
	background:#ccc;
}
input.loading {
	background:#cc7 url(../images/loading.gif) center center no-repeat;
	color:#cc7;
}
input:focus, textarea:focus {
	border:2px solid #AACCAA;
	margin:0px;
}
tr.edit-row  td {
	background:#fdf !important;
}
#new_url {
	text-align:center;
	padding:1px;
	border:1px solid #CDCDCD;
	background:#fff;
	clear:both;
}
#new_url div {
	background:#D9EAF3;
	padding:4px;
}
#new_url_form {
	padding:4px;
}
#new_url #feedback {
	background:#ff8;
	color:#8DBDD8;
	width:50%;
	margin:0px 25%;
	padding:2px;
	border:1px solid #ff8;
}
#new_url #feedback .fail {
	color:#f55;
}
td.actions input, td.actions a {
	visibility:hidden;
}
td.actions input.disabled, td.actions input.loading {
	visibility:visible;
}
tr:hover td.actions input, tr:hover td.actions a {
	visibility:visible;
}
td.actions .button {
	height:22px;
	width:22px;
}
td.actions .button_edit {
	background:transparent url(../images/pencil.png) 2px center no-repeat;
}
td.actions .button_delete {
	background:transparent url(../images/delete.png) 2px center no-repeat;
}
td.actions .button_stats {
	background:transparent url(../images/chart_bar.png) 2px center no-repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:0px;
	display:block;
	float:left;
}
td.actions .button_stats:hover {
	text-decoration:none;
}
#tblUrl tfoot th, #tblUrl tfoot th div {
	font-size:10px;
}
.error {
	color: red;
}
.warning {
	color: orange;
}
.success {
	color: green;
}
#login {
	width: 300px;
	margin: 200px auto 0px auto;
}
#login p{
	font-weight: bold;
}
#login .text {
	width: 100%;
}
#login ul {
	padding-left:0px;
	list-style-type:none;
	text-indent:0;
}
#login ul li {
	padding:0 0 5px 20px;
}
#login ul.error li {
	background:transparent url(../images/cancel.png) top left no-repeat;
}
#login ul.warning li {
	background:transparent url(../images/error.png) top left no-repeat;
}
#login ul.success li {
	background:transparent url(../images/accept.png) top left no-repeat;
}
#tools_desc {
	width:550px;
	padding-bottom:10px;
}
#tools_desc span {
	background:#ffa;
	padding:0 2px;
}
#tools_desc .bookmarklet {
	border:2px solid #2A85B3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:5px 5px 5px 20px;
	background:#eef url(../images/favicon.gif) 2px center no-repeat;
}
#tools_desc .bookmarklet:hover {
	text-decoration:none;
}
#footer {
	text-align:center;
	margin-top:20px;
}
#footer p {
	padding:10px;
	background:white;
	margin:0 auto;
	width:950px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:2px solid #2A85B3;
	-moz-border-radius-bottomleft:30px;
	-moz-border-radius-bottomright:30px;
	-webkit-border-bottom-left-radius:25px;
	-webkit-border-bottom-right-radius:25px;
}
#footer p a {
	background:#fff url(../images/favicon.gif) 2px center no-repeat;
	padding-left:20px;
}