@CHARSET "UTF-8";

* {
    margin:0;
    padding:0;
}

body {
    color:#333333;
    direction:ltr;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:14px;
    text-align:left;
    background: #ffffff;
}

a:hover {
    text-decoration:underline;
}

a {
    color:#3B5998;
    cursor:pointer;
    outline-style:none;
    text-decoration:none;
}

img {
    border: none;
    behavior: url(/scripts/iepngfix.htc);
}


input[type="radio"] {
    border-width: 2px; 
    margin-top: 3px; 
    margin-left: 5px; 
    margin-right: 3px;
}

input[type="checkbox"] {
    border-width: 2px; 
    margin: 3px 3px 3px 4px;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"],
textarea, 
select {
    /*padding-top: 1px; 
    padding-bottom: 1px;
    border:1px solid #AAAAAA;*/
    font-size:0.9em;
    padding:2px;
}

select option {
    padding-left:4px;
    padding-right: 7px;
}

textarea, input[type="text"], 
input[type="password"], 
select {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCCCCC;
}

input[type="text"], 
input[type="password"], 
textarea {
    font-family:Arial,Trebuchet MS,Gill Sans,Verdana,Geneva,Helvetica,sans-serif;
    font-size:1em;
}

textarea:hover, 
input[type="text"]:hover, 
input[type="password"]:hover, 
select:hover {
    border-color:#AAAAAA;
}

textarea:focus, 
input[type="text"]:focus,
input[type="password"]:focus, 
select:focus {
    border-color:#888888;
    outline-color:#DDDDDD;
    outline-style:solid;
    outline-width:2px;
}


h1 {
	color:#4D4D4D;
	font-size:17px;
	margin-bottom:5px;
	margin-top:0;
}

h3 {
	border-bottom:1px solid #CDCDCD;
	color:#5F605F;
	margin-bottom: 7px;
	margin-top: 7px;
}

.clearfx {
	clear:both;
}

#application {
    margin-left:auto;
	margin-right:auto;
	position:relative;
	width:600px;
}


#header {
    text-align: center;
    clear: both;
    margin-top:50px;
}

#content {
    text-align: center;
}

#content .page {
	text-align: left;
}

#footer {
	padding-top:10px;
    text-align: center;
}

#footer .copyright {
    font-size:12px;
}



.formUrl {
	/*margin-left:auto;
    margin-right:auto;
    position:relative;
    width:450px;*/
    margin-bottom: 10px;
}

.shortedUrl {
	padding: 0.5em;
	border: 1px dashed #ccc;
	background: #eee;
	font-size: 18px;
	display: block;
}


#url-label {
    float:left;
    width:50px;
}

#url-element {
    float:left;
	width:450px;
}

#url {
	width:440px;
}

#submit-label {
    display: none;
}

#submit-element {
    float:left;
	width:100px;
}

#csrf-label {
    display: none;
}

.shortedUrl {

}


div.code {
	background-color:#FBFBFB;
	border:1px dashed #CDCDCD;
	padding:4px;
}