@charset "UTF-8";

html[xmlns^="http"] { overflow-y: scroll; }

html {
	background:#e4e4e4;
	text-align:left;
	font-family:Tahoma, Arial, Sans-Serif;
	font-size:13px;
	color:#333;
	padding:0;
	margin:0;
}

#container {
	width:700px;
	margin:auto;
}

img { border:0; }
p { padding:0; margin:5px 0; }
a { color:#333; }
a:hover { text-decoration: none; }
ul, li, h1, h2, h3 { margin:0; padding:0; }

h1 { font-size:24px; margin:5px 0; }
h2 { font-size:18px; margin:5px 0; }
h3 { font-size:16px; margin:5px 0; }

#content, #twitter_box, #page {
	background:#333;
	color:#fff;
	width:660px;
	padding:15px 20px 20px 20px;
	margin:10px 0;
	border:#fff 1px solid;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radiust:5px;
}

#content a, #twitter_box a {
	color:#fff;
}

#page {
	background:#fff;
	color:#333;
}

#twitter_login, #login_box {
	float:right;
}

#login_box {
	width:250px;
	text-align:right;
}

#longURL, #shortUrl, #twitterStatus {
	width:550px;
}

#error, #success {
	font-weight:bold;
	padding:20px 10px 20px 80px;
}

#error {
	background:#ffcccc url(../img/stop.png) 10px center no-repeat;
	border:#cc9999 1px solid;
	color:#cc6666;
	
}

#success {
	background:#e3ffe3 url(../icon/big/check.png) 10px center no-repeat;
	border:#91f591 1px solid;
	color:#4aae4a;
}

#footer {
	color:#666;
	font-size:11px;
	text-align:center;
}

#redirect {
	 margin:auto;
	 width:50%;
	 text-align:center; 
	 // background:#f2f2f2; 
	 padding:10px; 
	 margin-top:100px;
	 // border:#ccc 1px solid;
}

.code {
	background:#ccc;
	padding:5px;
	border:1px #333 dotted;
	font-family:Courier;
}