/* normal styles */

body {
	background:#FFFFFF;
	color:#666;
	font:16px "Trebuchet MS", verdana, arial,sans-serif;
	padding-top: 100px;
	padding-bottom: 100px;
}

h1 { font-size: 22px; }
span.error { color: #d62828; }
span.ok {  }

a { color: #3b637b; }

a.shorturl {
	font-size: 20px;
}

hr {
	color: #0e618b;
	background-color: #0e618b;
	height: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 50%;
	border: 0;
}

#mainbox {
	border: 2px solid #0e618b;
	padding: 5px 5px 5px 5px;
	font:16px Courier New, monospace;
}

#custombox {
	border: 2px solid #0e618b;
	padding: 5px 5px 5px 5px;
	font:16px Courier New, monospace;
}

#shorturlbox {
	border: 2px solid #156652;
	font:20px "Trebuchet MS", verdana, arial,sans-serif;
}

.mainbutton {
	font-size:16px;
	background-color:#ffffff;
	border-style:solid;
	border-color:#0e618b;
	border-width:2px;
}

/* JQuery-related stuff */

div.homecontent {
	width: 100%;
}

div.apicontent {
	display: none;
	width: 45%;
}

div.aboutcontent {
	display: none;
	width: 45%;
}

div.customboxcontent {
	display: none;
}

div.shortenresult {
	width: 45%;
	display: none;
}

img.ajaxload {
	display: none;
}