body{
	background:#f2f2f2;
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
}

form{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
}

img{
	border:0;
}

a{
	text-decoration:none;
	color:#ff7000;
}

a:hover{
	text-decoration:underline;
}

#site{
	background:#ffffff;
	width:760px;
	height:auto;
	margin:0px auto 20px auto;
	padding:20px;
}

#header{
	width:760px;
	height:auto;
	margin:10px auto 0px auto;
}

#header .logo{
	color:#ff7000;
	font-size:48px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 0 0;
}

#header .service{
	color:#ff7000;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

#about{
	width:230px;
	height:auto;
	float:left;
	display:inline;
	margin:0 0 0 20px;
}

#about .title{
	font-size:16px;
	color:#ff7000;
	text-transform:uppercase;
}

#about .texto{
	font-size:14px;
	color:#444444;
}

/*#url_shortener{*/
.content
{
	width:500px;
	height:auto;
	float:left;
	display:inline;
}

#url_shortener .erro{
	color:#ff0000;
	margin:5px 0 5px 0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#url_shortener div.url_input, #url_shortener div.submit_url{
	float:left;
	display:inline;
}

#url_shortener div.submit_url{
	margin:0 0 0 10px;
}

#url_shortener div.box{
	/*width:577px;*/
	width:451px;
	height:30px;
	padding:10px;
	background:#ffffff;
	border:solid 1px #dadada;
	border-right:solid 2px #dadada;
	border-bottom:solid 2px #dadada;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#url_shortener div.box_input2{
	/*width:577px;*/
	width:656px;
	height:30px;
	padding:10px;
	background:#ffffff;
	border:solid 1px #dadada;
	border-right:solid 2px #dadada;
	border-bottom:solid 2px #dadada;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:10px 0 10px 0;
}

#url_shortener div.box_input2 div.url_input input{
	width:550px;
}

#url_shortener div.box_api{
	/*width:577px;*/
	width:451px;
	height:auto;
	padding:10px;
	font-size:11px;
	background:#ffffff;
	border:solid 1px #dadada;
	border-right:solid 2px #dadada;
	border-bottom:solid 2px #dadada;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#url_shortener div.box_result{
	/*width:577px;*/
	width:451px;
	height:auto;
	padding:10px;
	margin:0 0 20px 0;
	font-size:12px;
	background:#ffffff;
	border:solid 1px #dadada;
	border-right:solid 2px #dadada;
	border-bottom:solid 2px #dadada;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#url_shortener div.box_api2{
	/*width:577px;*/
	/*width:451px;*/
	/*width:735px;*/
	width:656px;
	height:auto;
	padding:10px;
	font-size:12px;
	background:#ffffff;
	border:solid 1px #dadada;
	border-right:solid 2px #dadada;
	border-bottom:solid 2px #dadada;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.api_key{
	color:#ff7000;
	font-weight:bold;
}

.url_plus{
	font-size:10px;
	color:#999999;
}

#url_shortener div.box_api2 ul{
	margin:0;
	padding:0;
}

#url_shortener div.box_api2 ul li{
	margin:0 0 10px 0;
	list-style:none;
	border:solid 1px #dadada;
	border-right:solid 2px #dadada;
	border-bottom:solid 2px #dadada;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:0 5px 0 5px;
	*height:50px;
}

#url_shortener div.box_api2 ul li div span{
	font-weight:bold;
}

#url_shortener div.box_api2 ul li div.original{
	width:555px;
	float:left;
	padding:5px;
	overflow:hidden;
}

#url_shortener div.box_api2 ul li span.url_original{
	width:600px;
	font-weight:normal;
	overflow:hidden;
	background:yellow;
	display:block;
	height:14px;
}

#url_shortener div.box_api2 ul li div.short{
	width:555px;
	float:left;
	padding:5px;
	overflow:hidden;
	border-top:solid 1px #dadada;
}

#url_shortener div.box_api2 ul li div.stats{
	float:right;
	display:inline;
	padding:16px 0 0 0;
}

#url_shortener div.box_api2 table{
	width:450px;
}

#url_shortener div.box_api2 table td{
	padding:5px;
}

#url_shortener div.box_api2 table td span{
	width:165px;
	display:block;
	overflow:hidden;
}

#url_shortener div.box_api span.title{
	font-weight:bold;
}

#url_shortener div.box_api span.info{
	font-weight:bold;
	font-size:12px;
	color:#ff7000;
}

.box_user{
	/*width:577px;*/
	width:600px;
	/*height:30px;*/
	height:auto;
	padding:10px;
	background:#ffffff;
	border:solid 1px #dadada;
	border-right:solid 2px #dadada;
	border-bottom:solid 2px #dadada;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	margin:0 15px 20px 15px;
	font-size:12px;
}

#url_shortener div.url_input input{
	/*width:360px;*/
	/*width:471px;*/
	width:346px;
	/*height:30px;*/
	height:24px;
	font-size:14px;
	color:#444444;
	padding:0 10px 0 10px;
	/*background:#efffff;*/
	background:#ffffff;
	border:solid 2px #6c3c00;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#url_shortener div.submit_url input{
	cursor:pointer;
	/*width:80px;*/
	/*height:34px;*/
	height:28px;
	font-size:14px;
	text-transform:uppercase;
	color:#ffffff;
	background:#ff7000;
	padding:0 10px 0 10px;
	*padding:0;
	border:solid 2px #6c3c00;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#url_shortener div.submit_url input:hover, #captcha div.submit_captcha input:hover{
	/*background:#ffffff;*/
	background:#FFE8CA;
	color:#ff7000;
}

#captcha div.submit_captcha{
	text-align:center;
	padding:10px 0 10px 0;
}

#captcha div.submit_captcha input{
	cursor:pointer;
	height:28px;
	font-size:12px;
	text-transform:uppercase;
	color:#ffffff;
	background:#ff7000;
	padding:0 10px 0 10px;
	*padding:0;
	border:solid 2px #6c3c00;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*#copyright{
	width:760px;
	height:auto;
	font-size:12px;
	color:#444444;
	text-align:center;
	margin:20px 0 0 0;
}*/

/*from input labels*/
.input {
  display: inline;
}
.input span {
  position: absolute;
  padding-top: 1px;
  margin-left: 3px;
  color: #999;
  z-index: 1;
  cursor: text;
  font: inherit;
  font-size: 14;
  display: none;
}

.input .url_input_lbl
{
    padding-top: 5px;
    margin-left: 10px;
}

.input input, .input textarea, .input select {
  z-index: 0;
  /*padding: 0px;*/
  margin: 0;
  /*font: inherit;*/
}

/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}
/*****/

.site_wrapper{
    /*width: 80%;*/
    margin:auto;
	/*width:960px;*/
	/*width:930px;*/
	/*width:1036px;*/
	width:960px;
	position:relative;
}

.site_wrapper div.left{
    float: left;
	display:inline;
}

.site_wrapper div.left div.site_logo a{
	font-size:23px;
	font-weight:bold;
	color:#9999A3;
}

.site_wrapper div.left div.site_logo a:hover{
	text-decoration:none;
	color:#ff7000;
}

.site_wrapper div.left div.site_claim{
	font-size:11px;
	color:#9999A3;
	font-weight:bold;
}

.site_wrapper div.center{
    float: left;
	display:inline;
    /*width:494px;*/
    /*width:600px;*/
    width:474px;
	min-height:230px;
	_height:230px;
	/*margin:0 20px 0 20px;*/
	margin:1px 15px 0 15px;
	/*font-size:13px;*/
}

.site_wrapper div.right{
    /*float: left;
	display:inline;*/
	position:absolute;
	top:0px;
	right:0px;
	width:302px;
}

#leaderboard{
	margin:20px auto 20px auto;
	height:auto;
	text-align:center;
	width:728px;
	height:90px;
	overflow:hidden;
}

#copyright{
   text-align:center;
   font-size:11px;
   margin:20px auto 20px auto;
   *padding:20px 0 20px 0;
   color:#9999A3;
}

#captcha{
	width:280px;
	height:auto;
	margin:0 auto 0 auto;
}

#captcha div.captcha_img{
	margin:0 0 10px 0;
}

#captcha div.input input{
	width:267px;
	height:24px;
	padding:0 5px 0 5px;
	border:solid 2px #6c3c00;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#9999A3;
	font-size:16px;
}

#captcha div.input span{
	margin:4px 0 0 5px;
}

#results{
	margin:10px 0 0 0;
}

.topic{
	/*font-size:12px;*/
	font-weight:bold;
}

/**TABS WIDGET**/
.tabs_widget .tab_selector{
    float: left;
}

.tabs_widget .content{
    clear: both;
    border: 1px solid #dadada;
	border-right:2px solid #dadada;
	border-bottom:2px solid #dadada;
    clear: both;
    padding:10px;
	/*width:299px;*/
	width:279px;
	font-size:12px;
	background-color:#ffffff;
}

.tabs_widget .tab_selectors div
{
    text-decoration: none;
    background: #eee;
    padding: 0.24em 1em;
    color: #3c3c3c;
    text-align: center;
    border: 1px solid #dadada;
    position: relative;
    top: 1px;
	font-size:14px;
}

.tabs_widget .tab_selectors .selected, .tabs_widget .tab_selectors .selected:hover{
    background: white;
    color: #3c3c3c;
    font-weight: bold;
    border-bottom-color: white;
}

.tabs_widget .tab_selectors .selected:hover a{
	text-decoration:none;
	color:#ff7000;	
}

.tabs_widget .tab_selectors div:hover{
    /*background: #dadada;*/
    background: #ff7000;
	/*color:#3c3c3c;*/
	color:#ffffff;
}

.tabs_widget .tab_selectors div:hover a{
	text-decoration:none;
	color:#ffffff;
}
/**************/