/* Form Formatting - Major Data Entry
----------------------------------------------- */
.datainput {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0 auto;
	padding: 0;
	min-width: 650px;
	max-width: 750px;
	width: 750px;
	position:relative;
 	z-index:200;
}
.datainput fieldset {
	border: 1px solid #000;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}
.datainput label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
.datainput .hotlabel {margin-right: 10px;}
.datainput fieldset legend {
	font-size:110%;
	color: #2B89B8;
	font-weight:bold;
	/* bump up legend font size, not too large or it'll overwrite border on left */
				/* be careful with padding, it'll shift the nice offset on top of border  */
}
.datainput .norm, .datainput textarea, .datainput select, .datainput img { /* need to change all non-hotlookup to class .norm */
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE 
*/
}
.datainput p.norm, .datainput div.norm {margin: 5px 0 0 210px;}
.datainput p.normnone {margin: 0 0 0 210px;}
.datainput .nomargin {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
.datainput small {
	display: block;
	margin: 0 0 0px 210px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 0;
	font-size: 85%;
}
.datainput .required{font-weight:bold;} /* uses class instead of div, more efficient */
.datainput br {clear:both; /* setting clear on inputs didn't work consistently, so brs added for degrade */}
.datainput textarea {font-size:90%;}
/*	Hot Lookup for People */
.datainput #boundchunk {
	float:left;
	margin: 5px 0 0 0;
	}
#wrap .problem {
	padding: 0 0 .2em 0;
	width: 700px;
	margin: 0 auto;
	font-size:100%;
	font-weight:bold;
	}
.info {
	padding: .5em 0;
	width: 650px;
	margin: 0 auto;
	font-size:85%;
	}
#wrap .info p {padding:0 0 .3em 0;}
#wrap .textbox {
	width: 508px;
	height: 60px;
	}
/*	Submit Buttons
----------------------------------------------- */
form .button, .datainput .button,
form .buttonback, .datainput .buttonback,
form .buttonsel, .datainput .buttonsel {
	padding: 1.5em 0 0 0;
	text-align:center;
	clear:both;
	}
form .buttonsel, .datainput .buttonsel {padding:0;}
form .buttonsel, .datainput .buttonsel p {padding: .2em 0;}
form .button input, .datainput .button button, .t-config .button input, /* special case for myevent/comingview */
form .buttonsel input, .datainput .buttonsel button, .datainput .button input { /* controls size of Previous & Next Buttons */
	padding: .1em .5em;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}
form .buttonback input, .datainput .buttonback button { /* controls size of Previous & Next Buttons */
	padding: .1em;
	font-size:85%;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}
form .right, .datainput .right {margin-right: 2em;} /* controls right margin of Previous Button */
/*	Information Divs
----------------------------------------------- */
.a500, .a650, .a700 {
	width: 500px;
	margin: 0 auto;
	padding: .4em 0;
}
.a650 {width: 650px}
.a700 {width: 700px}
#wrap .a500 p, #wrap .a650 p, #wrap .a700 p  {padding: 0 0 .5em 0;}
.a500 ul, .datainput ul, .a650 ul, .a700 ul { /* http://www.alistapart.com/articles/taminglists/ */
	list-style-position: inside;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
.a500 li, .a650 li, .a700 li {padding: 0 0 .3em 0;}
.a500 .small, .a650 .small, .a700 .small {font-size: 85%;}
/*	Heading1 & Heading2
----------------------------------------------- */
h1,
h2 {
	font-size: 120%;
	text-align: center;
	color: #eee;
	width: 450px;
	/* Margin provides gap between title and content below */
	margin: 0 auto;
	/*	Top padding to move text away from image - can not have bottom padding
				It simply adds background below image */
	padding: .25em 0 0 0;
	background: #6DC0DE url(../../v1/image/heading/title-bg-top-450.gif) no-repeat left top;
}
h2 {
	/* Sets width and background for h2 */
	width: 365px;
	background: #6DC0DE url(../../v1/image/heading/title-bg-top-365.gif) no-repeat left top;
}
h1 strong,
h2 strong {
	display: block;
	/*	Bottom padding to move text away from bottom - can not have top padding
				or it moves entire item down due to block display. */
	padding-bottom: .25em;
	background: url(../../v1/image/heading/title-bg-bot-450.gif) no-repeat left bottom;
}
h2 strong {background: url(../../v1/image/heading/title-bg-bot-365.gif) no-repeat left bottom;}
h1 a, h1 a:visited, 
h2 a, h2 a:visited  {
	text-decoration: none;
	color: #eee;
}
h1 a:hover,
h2 a:hover {
	text-decoration: none;
	color: #000
}
/* h3
----------------------------------------------- */
.h3-correct,
.h3-neutral,
.h3-incorrect,
.h3-small {
	font-size: 110%;
	text-align: center;
	color: #eee;
	width: 200px;
	/* Margin provides gap between title and content below */
	margin: 0 auto;
	/*	Top padding to move text away from image - can not have bottom padding
				It simply adds background below image */
	padding: .25em 0 0 0;
	background: #35B3D1 url(../../v1/image/heading/title-bg-top-200-lblue.gif) no-repeat left top;
}
.h3-neutral {background: #6DC0DE url(../../v1/image/heading/title-bg-top-200-blue.gif) no-repeat left top;}
.h3-incorrect {background: #CC0000 url(../../v1/image/heading/title-bg-top-200-red.gif) no-repeat left top;}
.h3-small {
	font-size: 85%;
	width: 125px;
	background: #35B3D1 url(../../v1/image/heading/title-bg-top-125-lblue.gif) no-repeat left top;
}
.h3-correct strong,
.h3-neutral strong,
.h3-incorrect strong,
.h3-small strong {
	display: block;
	/*	Bottom padding to move text away from bottom - can not have top padding
				or it moves entire item down due to block display. */
	padding-bottom: .25em;
	background: url(../../v1/image/heading/title-bg-bot-200-lblue.gif) no-repeat left bottom;
}
.h3-neutral strong {background: url(../../v1/image/heading/title-bg-bot-200-blue.gif) no-repeat left bottom;}
.h3-incorrect strong {background: url(../../v1/image/heading/title-bg-bot-200-red.gif) no-repeat left bottom;}
.h3-small strong {background: url(../../v1/image/heading/title-bg-bot-125-lblue.gif) no-repeat left bottom;}
.h3-correct a,
.h3-neutral a,
.h3-incorrect a,
.h3-small a {
	text-decoration: none;
	color: #eee;
}
.h3-correct a:hover,
.h3-neutral a:hover,
.h3-incorrect a:hover,
.h3-small a:hover {
	text-decoration: none;
	color: #000
}
/*	Feature - Heading options for h4 & h5 & h6
----------------------------------------------- */
h4 {
	width: 365px;
	font-weight:normal;
	margin: .5em auto;
	padding: .1em 0;
	text-align:center;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
h4 .title {
	font-size: 110%;
	font-weight:bold;
	}
/* Popup for Calendar & Dance Bucket
----------------------------------------------- */
.tip {
	background-color: #6DC0DE;
	color:#fff;
	border: 1px solid #aaa;
	padding: 0.5em;
	width: 24em;
	position: absolute;
	top: 1em;
	left: 15em;
	z-index: 100;
	visibility: hidden;
	}
.tip p {
	font-size: 70%;
	margin:0;
	padding:0;
	}
.tip .title {font-size: 120%;}
.tip .subtitle {font-size: 100%;}
.tip .onsite {padding-top: .5em;}
/*	caltitle div
	formats the calendar title - month, add event, today, navigation
----------------------------------------------- */
.caltop {
	width: 100%;
	width:754px;
	margin: 0 auto;
	padding: 0;
}
.caltop form {
	float:left; /* float all top elements with fixed with to position correctly */
	width: 290px; /* (780 width of top - 200 for h3)/2 */
	}
/* lockdown change
.caltop h3 {
	float:left;
	} */
.caltop .button {
	float:right;
	}
#wrap .caltop p {
	margin: 0;
	padding: 0 0 .5em 0;
	font-size:70%;
	text-align:center;
	}
/*	Image - Shadow
----------------------------------------------- */
#main .img-shadow-left,
#main .img-shadow-right {
	float: left;
	background: url(../../v1/image/header/shadow.gif) no-repeat right bottom;
	margin: 2px 10px 0 0;
}
#main .img-shadow-right {
	float: right;
	margin: 2px 0 0 10px;
}
#main .img-shadow-left div,
#main .img-shadow-right div {
	float: left;
	background: url(../../v1/image/header/shadow2.png) no-repeat left top;
	padding: 0px 6px 6px 0px;
}	
#main .img-shadow-left img,
#main .img-shadow-right img {
	float:left;
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 4px;
}
/*	Image - Shadow no float
----------------------------------------------- */
#main .img-shadow-floatless {
	background: url(../../v1/image/header/shadow.gif) no-repeat right bottom;
	margin: 2px 19px 0 0;
}
#main .img-shadow-floatless div {
	background: url(../../v1/image/header/shadow2.png) no-repeat left top;
	padding: 0px 6px 3px 0px;
}	
#main .img-shadow-floatless img {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 4px;
}
.right .desc {padding: 0 0 .5em 0;}
/*	Registration
	Tailored formatting
----------------------------------------------- */	
.contest {margin:0 0 .4em 0;}
.items {
	margin-top: .5em; /* spacing between tables */
	width:450px;
}

/*	Staff
----------------------------------------------- */
.staff {
padding: 0 0 10px 0;
clearboth;
}

/*	Registration Breadcrumb
http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs/
----------------------------------------------- */
#crumbs {
	font-size:110%;
	margin: .5em auto 0 auto;
	padding: 0;
	height:2em;
	width: 600px;
}
#crumbs ul, #crumbs li {
	list-style-type:none;
}
#crumbs li {
	float:left;
	line-height:2em;
	padding:0 15px 0 0;
}
#crumbs li a {
	display:block;
	background:url(../../v1/image/crumbs.gif) no-repeat right center;
	padding:0 15px 0 0;
}
#crumbs li a:link, #crumbs li a:visited {
	text-decoration:none;
}
#crumbs li a {color: #bbb;}
#crumbs  li.v a {color: #000;}
#crumbs .last a {background:none;}
#wrap .problem, .datainput .highlight, #wrap .tproblem, #wrap .tproblem a,
#crumbs li a:hover, #crumbs li a:focus {color:#FA8000;}
/*	instructions
----------------------------------------------- */
.instr {
	padding: .5em 0;
	text-align:center;
}
.instr .small {font-size:85%;}
/*	WYSIWYG
----------------------------------------------- */
.wysiwyg {font-family:Arial, Helvetica, sans-serif;}
.wysiwyg img {margin: .2em;}
.wysiwyg object {
	margin: .2em .4em;
	float:left;
}

/*	Rounded Buttons - http://www.jorkas.com/lab/css/rounded_button/
----------------------------------------------- */
#wrap .round-ora a, #wrap .round-blu a, #wrap .round-grn a, #wrap .round-pur a, #wrap .round-gra a {text-decoration:none;}
.round-ora, .round-blu, .round-grn, .round-pur, .round-gra {
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer; 
	cursor:hand; 
	line-height:26px;
	height:26px;
	padding-right:10px; 
	display:inline-block;
	white-space:nowrap
}
.round-ora {background:url(../../v1/image/button/button-ora.gif) no-repeat right top; }
.round-blu {background:url(../../v1/image/button/button-blu.gif) no-repeat right top; }
.round-grn {background:url(../../v1/image/button/button-grn.gif) no-repeat right top; }
.round-pur {background:url(../../v1/image/button/button-pur.gif) no-repeat right top; }
.round-gra {background:url(../../v1/image/button/button-gra.gif) no-repeat right top; }
.round-ora ins, .round-blu ins, .round-grn ins, .round-pur ins, .round-gra ins {
	color: white;
	text-decoration:none;
	height:26px;
	line-height:26px;
	display:inline-block;
	padding-left:10px;
}
.round-ora ins {background:url(../../v1/image/button/button-ora.gif) no-repeat left top; }
.round-blu ins {background:url(../../v1/image/button/button-blu.gif) no-repeat left top; }
.round-grn ins {background:url(../../v1/image/button/button-grn.gif) no-repeat left top; }
.round-pur ins {background:url(../../v1/image/button/button-pur.gif) no-repeat left top; }
.round-gra ins {background:url(../../v1/image/button/button-gra.gif) no-repeat left top; }
a.round-ora:hover, a.round-blu:hover, a.round-grn:hover, a.round-pur:hover, a.round-gra:hover {
	background-position:right -26px;
	text-decoration:none;
}
a.round-ora:hover ins, a.round-blu:hover ins, a.round-grn:hover ins, a.round-pur:hover ins, a.round-gra:hover ins {
	background-position:left -26px;
}
/* NowDancing White Rounded Link */
.round-whi {
	text-decoration:none;
	cursor:pointer; 
	cursor:hand; 
	line-height:44px;
	height:44px;
	background:url(../../v1/image/button/button-whi-left.gif) no-repeat left top;
	padding-left:12px; 
	display:inline-block;
}
.round-whi ins {
	text-decoration:none;
	background:url(../../v1/image/button/button-whi-right.gif) no-repeat right top;
	height:44px;
	line-height:44px;
	display:inline-block;
	padding-right:12px;
}
a.round-whi:hover {
	background-position:left -44px;
	text-decoration:none;
}
a.round-whi:hover ins {
	background-position:right -44px;
}
.round-whi img {
	float:left;
	margin:0;
	padding: 4px .2em 0 0;
}

/*	Smaller buttons */
#wrap .round-s-gra a {text-decoration:none;}
.round-s-gra {
	font-size:75%;
	text-decoration:none;
	cursor:pointer; 
	cursor:hand; 
	line-height:16px;
	height:16px;
	padding-right:8px; 
	display:inline-block;
}
.round-s-gra {background:url(../../v1/image/button/button-s-gra.gif) no-repeat right top; }
.round-s-gra ins {
	color: black;
	text-decoration:none;
	height:16px;
	line-height:16px;
	display:inline-block;
	padding-left:8px;
}
.round-s-gra ins {background:url(../../v1/image/button/button-s-gra.gif) no-repeat left top; }
a.round-s-gra:hover {
	background-position:right -16px;
	text-decoration:none;
}
a.round-s-gra:hover ins {
	background-position:left -16px;
}
/*	formatting for paybuttons - originally for bottom of regview
----------------------------------------------- */
#wrap .paybot {
	text-align:center;
	padding: 1em 0 0 0;
}
.paybot a {margin: 0 1em;}
/*	formatting for deadline display
----------------------------------------------- */
.deadline {font-size:80%;}
.deadline span {font-size: 90%;}
.deadline a {font-size: 85%;}
/*	formatting for registration directions
----------------------------------------------- */
.directions {
	width:780px;
	margin:.3em auto 0 auto;
	padding:0;
	font-size:90%;
	text-align:center;
}
/*	check legend
----------------------------------------------- */
.clegend img {
	padding: 0 0 0 1.5em;
	vertical-align:middle;
}
/*	Feature - defined lists
----------------------------------------------- */
.dllist dl {
	margin: 0 0 1em 0;
	padding: 0;
}
.dllist dt {
	margin: .3em 0 0 15px;
	padding: 0;
	display: list-item;
	list-style: disc outside;
}
.dllist dd {
	font-size: 80%;
	padding: 0 0 0 15px;
	margin 0;
}