/**
 *
 */

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #444444;
}

.italic {
	font-style: italic;
}

.pagearea {
	text-align: center;
}

.contentwidth {
	width: 870px;
}

.right {
	text-align: right;
}

#header {
}

#caption {
	background-color: #b7caf8;
}

#main {
}

#features {
}

#options {
}

#featureinfo {
}

.contentblock {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header .contentblock {
	height: 50px;
	text-align: right;
	background-color: #f4f4f4;
}

#caption .contentblock {
	height: 240px;
	background-image: url(caption_bluesky.jpg);
	text-align: right;
}

#caption .contentblock a {
	font-size: 32pt;
	color: #ffffff;
	text-decoration: underline;
}

#main .contentblock {
	margin-top: 10px;
	background-color: #f4f4f4;
	padding-bottom: 20px;
}

.formrow {
	padding-bottom: 10px;
}

input.biginput {
	font-size: 24pt;
}
input.mediuminput {
	font-size: 16pt;
	color: #888888;
}
button.bigbutton {
	font-size: 24pt;
}

.errormsg {
	padding: 8px;
	font-size: 16pt;
	color: #ff4c4c;
}

.result {
	border: 1px solid #888888;
	padding: 8px;
	margin-bottom: 16px;
	background-color: #ffffff;
}

.result strong {
	font-weight: bold;
}

.result .longurl {
	font-family: 'Courier New', Courier, monospace;
	font-size: 12pt;
	margin-bottom: 6px;
}

.result .shorturl {
	font-family: 'Courier New', Courier, monospace;
	font-size: 16pt;
	margin-bottom: 6px;
}

#features .contentblock {
	background-color: #f4f4f4;
	margin-top: 10px;
}

#features .contentblock ul {
	margin-left: 15px;
}
#features .contentblock li {
	list-style-type: disc;
	margin-left: 5px;
}

#options .contentblock {
	margin-top: 10px;
	background-color: #f4f4f4;
}

#featureinfo .contentblock {
	margin-top: 10px;
	background-color: #e1e7e7;
}

#featureinfo .contentblock ul {
	margin-left: 15px;
}
#featureinfo .contentblock li {
	list-style-type: disc;
	margin-left: 5px;
	margin-bottom: 8px;
}

#featureinfo .contentblock code {
	font-family: 'Courier New', Courier, monospace;
}

#navigation {
}
#navigation .contentblock {
	margin-top: 10px;
	background-color: #f4f4f4;
	padding-bottom: 20px;
}

#navigation .contentblock .navlink {
	padding: 10px;
}
#navigation .contentblock .hl {
	background-color: #e1e7e7;
}

#main .contentblock td, 
#main .contentblock th  {
	border: 1px solid #888888;
	padding: 5px;
}

#main .contentblock table {
	border-collapse: collapse;
}

#main .contentblock .captioned {
	letter-spacing: 0.15em;
	font-style: italic;
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom: 12px;
}