body
{ 
        background: transparent url(/images/sidebody.gif) repeat-y;
        color: #29A5C9;
}

img
{
    border: none;
}

body, p, ol, ul, td, input {
  font-family: helvetica, arial, sans-serif;
  font-size:   15px;
  margin: 0;
  padding: 0;
}

.container
{
    width: 950px;
    margin: 0 auto;
    background: #fff;
}

.api
{
    background: #000;
    font: normal 10px courier,sans-serif;
    color:#90F0F3;
    padding: 10px;
    margin: 10px 0;
    line-height: 2em;
}

.tl
{
text-align:left;
margin:40px 0 0 30px;
}

h4
{
    margin:15px 0 5px 0;
}

h5
{
display:inline;
font-size: 12px;
font-weight: normal;
}

.header
{
    height: 184px;
    margin:0 0 12px 5px;
}

.navi
{
    text-align: center;
    margin: 20px 0 0 0;
    width: 820px;
}

.navi a
{
  padding: 3px 6px;
}

.navi a:hover
{
    background: #29A5C9;
    border: 1px solid #454C3A;
    padding: 2px 5px;
    color: #fff;;
}

ul
{
    list-style: circle;
    display: inline;
    margin: 10px;
}

ul li
{
    padding: 10px 0 0 10px;
    margin-left: 10px;
}

.content
{
    padding: 5px 10px;
}

.static
{
    padding: 15px;
    border: 1px solid #eee;
    -moz-border-radius: 10px;
    width: 770px;
    margin: 15px 0 0 15px;
}

.success
{
    background: #fff url(/images/2result.jpg) no-repeat 0 20px;
    margin-top: 15px;
    height: 500px;
}

.originalurl a
{
    font-weight: bold;
    font-size: 11px;
}

.result-h1
{
    color: #29A5C9;
    font-size: 50px;
    margin: 0;
    padding: 0;
}

.shorturl
{
    margin: 200px 0 0 0;
    padding-left: 310px;
}

.shorturl  h3 a
{
    color: #29A5C9;
}

.shorturl  h3 a:hover
{

}

.hypeme
{
    margin: 0 0 0  300px;
}

a.axaglink
{
font-size: 25px;
}

a
{
    color: #29A5C9;
    text-decoration: none;
    padding: 10px 0;
    margin: 0;
}

a:hover
{
    color: #2AC3CB;
}

h3
{
    font-size: 30px;
}

table.urltable
{
    width: 900px;
    margin: 5px auto;
}

table.urltable td
{
    padding: 5px 10px;
    background: #f8f8f8;
    padding:  0px 10px;
}

table.urltable td:hover
{
    background: #eee;
}

img.social
{
    float:right;
    padding: 0 3px;
}
.socialtd
{
    width:70px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

p.error {
  color: #29A5C9;
  font-size: 30px;
  margin: 15px 0 0 15px;
}

label
{
  float: left;
}

.thumb
{
    margin: 0 20px 0 0;
    border: 1px solid #000;
    float: left;
    width: 150px;
}

.button
{
    border: 1px solid #000;
    font: bold  50px arial, sans-serif;
    -moz-border-radius: 10px;
    background: #fff url(/images/button_bg.png) 0  48px repeat-x;
    padding: 2px 5px ;
    margin: 0 0 0 15px;
    border-color:#D1D1D1 #C1C1C1 #A1A1A1;
    color: #29A5C9;
}

form input.urlfield
{
    background: #f9f9f9 url(/images/input_bg.gif) repeat-x;
    border-color:#A1A1A1 #C1C1C1 #D1D1D1;
    border-style:solid;
    border-width:1px;
    padding: 4px 0 4px 10px;
    color: #29A5C9;
    font: normal 50px arial, sans-serif;
    margin: 0 0 0 16px;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}