ul,ol {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
td,th,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,button,img{margin:0px;padding:0px;}
a img,:link img,:visited img, img {border:none}
td,th {padding:0}
table  { border-spacing: 0; border-collapse: collapse; }

body, td, th {
	font-family:Arial,Helvetica,sans-serif;
	font-size: small;
}
body {
	background-color: /*#9c9cf5*/ #eee;
}
.contents { margin-left:auto; margin-right:auto; margin-top: 66px; width:780px}

.header, .middle, .footer { width:100% }
.header { color: #1a3c9e; border-bottom:3px solid #1a3c9e  }
.footer, .footer a:link, .footer a:visited { color: white;}

.header .left {
	background: url('bg-topcorners.png') no-repeat top left;
}
.header .center {
	background: url('bg-topcenter.gif') repeat-x top; vertical-align: top;
	padding: 3px 0 0 0; font-weight:bold;
}
.header .right {
	background: url('bg-topcorners.png') no-repeat top right;
}
.middle .center {
	background: white url('bg-ml2.gif') repeat-y left;
	padding-left: 2px; text-align:center;
}
.middle .right {
	background: url('bg-mr2.gif') repeat-y right;
}
.footer .left {
	background: url('bg-bottomcorners.png') no-repeat bottom left;
}
.footer .center {
	background: url('bg-bottomcenter.png') repeat-x bottom;
	padding: 0 15px 10px;
	text-align: center;
	vertical-align: middle;
}
.footer .right {
	background: url('bg-bottomcorners.png') no-repeat bottom right;
}
.header { height: 68px}
.middle { height: 400px}
.footer { height: 60px}
.left	{ width: 20px}
.center	{ width: auto}
.right	{ width: 20px}
.middle .right { width: 2px}

.button { background: none; border: 0px none;text-decoration: none; margin-top:5px; margin-left:2px; display:inline-block; vertical-align:middle}
.button td {background: transparent url('button-blu-middle.gif') top left; line-height:1em; height: 33px; color:white; font-weight:bold}
.button td.btn-l { width:15px; background:transparent url('button-blu-ends.gif') top left;}
.button td.btn-r { width:15px; background:transparent url('button-blu-ends.gif') top right;}
.button a { text-decoration: none; padding: 0px 0px; color:white; font-weight:bold}

.inline-button {text-decoration: none; display: inline-block; background: #161EEB; color: white; padding:1px 4px;
	-moz-border-radius:3px; border-radius:3px; border-width:3px; border-style: solid; border-color: #2C3CEB #0E1397 #0E1397 #2C3CEB;
}
.cup-list a.inline-button:link, .cup-list a.inline-button:visited {color:white}
.cup-list a.inline-button:hover {text-decoration: none; color:white; border-color: #0E1397 #2C3CEB  #2C3CEB #0E1397;}

.vblock { display: -moz-inline-box; display: inline-block; text-align: center; vertical-align: middle}

.footer a:hover {
	color: #A2EB30;
}

.cup-list {
	width: auto; margin: 20px 30px; border: 1px solid blue;
	text-align: left; background-color:white;
}
.cup-list h1 {
	background: url('gradientbg.jpg');
}
.error h1 {
	background: url('errorgradientbg.jpg');
}
.block h1 {
	background: url('gradientbg.jpg');
}
.cup-list h1, .error h1, .block h1 {
	width: auto;
	margin: 0px;
	color: white;
	font-variant: small-caps;
	font-size: larger;
	padding: 3px 1em;
}
.cup-list p, .error p, .block p {padding: 4px 1em;}
.cup-list ul {padding-left: 2em; margin:5px; list-style-position:outside}
.cup-list > ul > li {
	list-style-image: url('list-marker.jpg');
	padding-top: 4px;
}
.cup-list > ul > li li {list-style-image: none}
.cup-list a:link, .cup-list a:visited {text-decoration: none; color:#1a3c9f}
.cup-list a:hover {text-decoration: underline; color:#1a3c9f}
.forgot { padding-top: 7px}
.forgot a:link, .forgot a:visited {text-decoration: none; color:#1a3c9f; font-size:smaller}
.forgot a:hover {text-decoration: underline; color:#1a3c9f; font-size:smaller}

.error { left:0; right: 0; width:auto; margin: 15%; border: 2px red outset; background:#FEE; overflow:hidden}
.error p { color: red; margin:20px}

.block { left:0; right: 0; width: auto; margin:14%; border: 2px green outset; background:white; text-align: center}
.block p { margin: 1em}

.inputField {width: 120px}
.important {color:red; font-weight:bold;
	font-style: italic }
