* {margin: 0; padding: 0;}

body {
	background: #9c988f url(/images/head_back.gif) top repeat-x;
	text-align: center;
	font-family: Arial, verdana, sans-serif;
	font-size: small;
}

a {
	color: #4272a2;
	text-decoration: none;
	outline: none;
}

a:hover {
	border-bottom: 1px solid #b7d7f7;
	color: #1e456c;
}

a.external {
	background: url(/images/newwindow.gif) no-repeat 100% 100%;
	padding: 0 14px 0 0;
}

#navbar ul a.external {background: url(/images/newwindow_nav.gif) no-repeat 85% 70%;}

a.doc, a.pdf {
	background: url(/images/doc.gif) no-repeat 100% 100%;
	padding: 0 14px 0 0;
	margin-right: 4px;
}

#nav a.external, #nav a.doc, body.home a.external, #footer a.external {background: none;}
body.home a.external, #footer a.external {padding:0;}

.hide {display:none;}

blockquote {
	margin: 15px 20px;
	font-size: 100%;
	line-height: 130%;
}

table {
	width: 100%;
	margin-bottom:10px;
	border-top: 1px solid #dcdbd7;
	border-bottom: 1px solid #dcdbd7;
	padding:0 0 10px 0;
}

th {
	text-align: left;
	font-size:100%;
	font-weight:bold;
	padding:5px 4px;
	background:#EFEFEF;
}

td {
	padding: 3px 4px;
	vertical-align:top;
}

hr {
	width: 100%;
	height: 1px;
	border:0;
	color: #dcdbd7;
	background: #dcdbd7;
	margin-bottom: 15px;
	clear:both;
}

td hr {
	margin: 0;
}

ul {list-style: square;}


/*--- HEADER ---*/

div#header {
	height: 76px;
	width: 840px;
	margin: 0 auto;
}

div#header h1, div#header h2 {text-indent: -9999px;}

div#header h1 a {
	display: block;
	height: 55px;
	width: 238px;
	background: url(/images/logo_uchi.gif) no-repeat;
	float: left;
	margin-top: 10px;
}

div#header h1 a:hover {
	background: url(/images/logo_uchi.gif) no-repeat 0 -55px;
	border: none;
}

div#header h2 a {
	display: block;
	height: 55px;
	width: 455px;
	background: url(/images/logo_physics.gif) no-repeat 0 0;
	float: right;
	margin-top: 10px;
}

div#header h2 a:hover {
	background: url(/images/logo_physics.gif) no-repeat 0 -55px;
	border: none;
}

/***************************************
	Horizontal Navigation Systems
***************************************/

/* MAIN NAVIGATION */
#navbar a:hover {border:none;}
#navbar {
	margin:0 auto;
	width:840px;
	height:30px;
	padding:0;
	clear:both;
	}
#navbar ul {
	display:block;
	height:30px;
	width:840px;
	background:transparent url(/images/nav.gif) 0 0 no-repeat;
	list-style-type:none;
	}
#navbar ul li a.firstlevel {
	display:block;
	height:30px;
	text-indent:-9999px;
	}
#navbar ul li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}

/*drop downs*/
#navbar ul li ul {
	display:none;
	position:absolute;
	padding:8px 10px;
	height:auto;
	background:#4272A2;
	}
#navbar ul li#about ul {width:10em;}
#navbar ul li#prosp ul {width:12em;}
#navbar ul li#current ul {width:10em;}
#navbar ul li#courses ul {width:10em;}
#navbar ul li#faculty ul {width:10em;}
#navbar ul li#research ul {width:10em;}
#navbar ul li#events ul {width:10em;}
	
#navbar ul li ul li a {
	display:block;
	width:11em;
	color:#b5e4f5;
	padding:8px 10px;
	background:transparent;
	text-decoration:none;
	font-size:85%;
	line-height:1.1em;
	text-align:left;
	}
#navbar ul li ul li a:hover {color:#fff; border:none;}
#navbar ul li:hover ul, #navbar ul li.over ul {display:block!important;}

/* item widths */
li#home a.firstlevel 		{width: 29px; background-position: 0 0;}
li#about a.firstlevel 		{width: 70px; background-position: -29px 0;}
li#prosp a.firstlevel 		{width: 170px; background-position: -99px 0;}
li#current a.firstlevel 	{width: 144px; background-position: -269px 0;}
li#courses a.firstlevel 	{width: 90px; background-position: -413px 0;}
li#faculty a.firstlevel 	{width: 86px; background-position: -503px 0;}
li#research a.firstlevel 	{width: 96px; background-position: -589px 0;}
li#events a.firstlevel 		{width: 78px; background-position: -685px 0;}
li#facilities a.firstlevel 	{width: 76px; background-position: -763px 0;}

/* mouseover */
li#home:hover a.firstlevel 		 {background: url(/images/nav.gif) 0 -30px;}
li#about:hover a.firstlevel 	 {background: url(/images/nav.gif) -29px -30px;}
li#prosp:hover a.firstlevel 	 {background: url(/images/nav.gif) -99px -30px;}
li#current:hover a.firstlevel 	 {background: url(/images/nav.gif) -269px -30px;}
li#courses:hover a.firstlevel 	 {background: url(/images/nav.gif) -413px -30px;}
li#faculty:hover a.firstlevel 	 {background: url(/images/nav.gif) -503px -30px;}
li#research:hover a.firstlevel   {background: url(/images/nav.gif) -589px -30px;}
li#events:hover a.firstlevel 	 {background: url(/images/nav.gif) -685px -30px;}
li#facilities:hover a.firstlevel {background: url(/images/nav.gif) -763px -30px;}

/* onstates */
body.home li#home a.firstlevel 		 		{background: url(/images/nav.gif) 0 -30px;}
body.about li#about a.firstlevel 	 		{background: url(/images/nav.gif) -29px -30px;}
body.prosp li#prosp a.firstlevel 	 		{background: url(/images/nav.gif) -99px -30px;}
body.current li#current a.firstlevel 	 	{background: url(/images/nav.gif) -269px -30px;}
body.courses li#courses a.firstlevel 	 	{background: url(/images/nav.gif) -413px -30px;}
body.faculty li#faculty a.firstlevel 	 	{background: url(/images/nav.gif) -503px -30px;}
body.research li#research a.firstlevel	    {background: url(/images/nav.gif) -589px -30px;}
body.events li#events a.firstlevel 	 		{background: url(/images/nav.gif) -685px -30px;}
body.facilities li#facilities a.firstlevel  {background: url(/images/nav.gif) -763px -30px;}


#navbar h2, #navbar ul ul ul, #navbar ul ul ul li {display: none;padding:0;margin:0;}

/*--- SEARCH ---*/

input#search {
	border: 1px solid #A0B8D0;
	font-size: 90%;
	padding: 2px;
	margin-bottom: 6px;
	width: 165px;
	color: #666;
}

#searchbox {
	font-size: 90%;
	margin: 0 0 20px 15px;
}

input#search_uchi, input#search_phy {
	vertical-align: middle;
	margin-right: 3px;
}

input#search_but {
	vertical-align: bottom;
	margin-bottom: 3px;
}

/*--- BREADCRUMBS ---*/

div#breadcrumbs {
	width: 840px;
	text-align: right;
	margin: 10px auto;
	color: #666;
	font-size: 90%;
	padding-right: 20px;
}

div#breadcrumbs a {
	text-decoration: none;
	color: #666;
}

div#breadcrumbs a:hover {
	color: #000;
	
}

/*--- MAIN ---*/

div#main {
	margin: 0 auto;
	background: #fff url(/images/back.gif) repeat-y center;
	clear: both;
	float: left;
	border-bottom: 1px solid #de791f;
	width: 100%;
}

div#content {
	width: 840px;
	margin: 0 auto;
	clear: both;
}

#mainphoto {
	margin: 0 auto;
	width: 840px;
	height:112px;
	display:block;
	background: url(/images/head_default.jpg);
}

body.about #mainphoto {background: url(/images/head_about.jpg);}
body.prosp #mainphoto {background: url(/images/head_prosp.jpg);}
body.current #mainphoto {background: url(/images/head_current.jpg);}
body.courses #mainphoto {background: url(/images/head_courses.jpg);}
body.faculty #mainphoto {background: url(/images/head_faculty.jpg);}
body.research #mainphoto {background: url(/images/head_research.jpg);}
body.events #mainphoto {background: url(/images/head_events.jpg);}
body.facilities #mainphoto {background: url(/images/head_facilities.jpg);}
body.chandra100 #mainphoto {background: url(/images/head_chandra100.gif);}

/*--- LEFT COLUMN ---*/

div#col1 {
	width: 215px;
	float: left;
	text-align: left;
}

div#col1 h2 {
	color: #9c988f;
	font-size: 160%;
	margin-left: 15px;
	text-transform: lowercase;
	border-bottom: 1px solid #dcdbd7;
	padding-bottom: 10px;
	font-weight: normal;
}

div#col1 ul {
	margin: 0 0 20px 15px;
}

div#col1 li {
	list-style: none;
	border-bottom: 1px solid #dcdbd7;
	padding: 10px 0;
}

div#col1 li a {
	color: #4272a2;
	text-decoration: none;
}

div#col1 li a:hover {
	border-bottom: 1px solid #b7d7f7;
	color: #1e456c;
}

/*--- SUBNAV SHOW/HIDE ---*/

div#col1 ul ul {
	display:none;	
	font-size: 90%;
	margin: 10px 0 2px 10px;
}

div#col1 ul ul li {
	list-style: none;
	border-bottom: none;
	padding: 5px 0;
}

div#col1 ul ul li a {
	color: #6B95BF;
	text-decoration: none;
}

div#col1 ul ul li a:hover {
	border-bottom: 1px solid #b7d7f7;
	color: #1e456c;
}

body.welcome div#col1 ul li.welcome ul,
body.history div#col1 ul li.history ul,
body.honors div#col1 ul li.honors ul,
body.contact div#col1 ul li.contact ul,
body.directions div#col1 ul li.directions ul,

body.undergrad div#col1 ul li.undergrad ul,
body.grad div#col1 ul li.grad ul,
body.prizes div#col1 ul li.prizes ul,
body.life div#col1 ul li.life ul,

body.currentcourses div#col1 ul li.currentcourses ul,
body.textbook div#col1 ul li.textbook ul,
body.allcourses div#col1 ul li.allcourses ul,
body.specialtopics div#col1 ul li.specialtopics ul,

body.pages div#col1 ul li.pages ul,
body.teaching div#col1 ul li.teaching ul,
body.committee div#col1 ul li.committee ul,
body.calendar div#col1 ul li.calendar ul,

body.areas div#col1 ul li.areas ul,
body.institutes div#col1 ul li.institutes ul,
body.graduate div#col1 ul li.grad ul,

body.news div#col1 ul li.news ul,
body.colloquia div#col1 ul li.colloquia ul,
body.friday div#col1 ul li.friday ul,
body.pedagogical div#col1 ul li.pedagogical ul,
body.specialevents div#col1 ul li.specialevents ul,
body.seminars div#col1 ul li.seminars ul, 
body.schedule div#col1 ul li.schedule ul,
body.travel div#col1 ul li.travel ul
 {display:block;}

/*--- RIGHT COLUMN ---*/

p {
	margin-bottom: 15px;
	line-height: 130%;
}

div#col2 {
	width: 575px;
	float: right;
	margin: 0 15px 20px 0;
	text-align: left;
	color: #666;
}

div#col2 h1 {
	color: #cb4f14;
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 20px;
}

div#col2 h2 {
	color: #4272a2;
	margin-bottom: 10px;
	font-size: 120%;
}

div#col2 h3 {
	font-size: 110%;
	margin-bottom: 10px;
}

div#col2 ul, div#col2 ol {
	margin: 5px 0 15px 0;
}

div#col2 ul ul, div#col2 ol ol {
	margin: 5px 0 10px 20px;
}

div#col2 li {
	margin: 0 0 8px 25px;
}

div#col2 li li {
	margin: 0 0 6px 10px;
}

div#col2 img {
	border: 1px solid #9c988f;
	float: right;
	margin: 10px 0 10px 10px;
}

div.anchors1, div.anchors2, div.anchors3, div.anchors4 {
	border-bottom: 1px solid #dcdbd7;
	border-top: 1px solid #dcdbd7;
	padding: 15px 0 8px 0;	
	background: #fdfdfd;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

div.anchors1 h2, div.anchors2 h2, div.anchors3 h2, div.anchors4 h2 {
	margin-left: 15px;
	clear:left;
}

div.anchors1 li, div.anchors2 li, div.anchors3 li, div.anchors4 li {
	margin: 0 0 6px 5px;
	background: url(/images/bullet.gif) no-repeat;
	padding: 0 0 0 17px;
}

div.anchors1 ul, div.anchors2 ul, div.anchors3 ul, div.anchors4 ul {
	float: left;
	padding-left: 15px;
	margin-bottom: 10px;
	list-style: none;
}

div.anchors1 ul {width: 100%;}
div.anchors2 ul {width: 200px;}
div.anchors3 ul {width: 170px;}
div.anchors4 ul {width: 125px;}

/*--- FOOTER ---*/

div#footer {
	margin: 0 auto;
	clear: both;
	text-align: left;
	width: 820px;
	padding: 5px 0;
	color: #333;
	font-size: 90%;
}

div#footer ul a {
	color: #333;
	border-bottom: 1px solid #5d5c5c;
	text-decoration: none;
}

div#footer ul a:hover {
	color: #000;
}

div#footer ul {
	margin-bottom: 8px;
}

div#footer li {
	display: inline;
	list-style: none;
	padding-right: 15px;
}

div#footer #last_updated {
	float: right;
}

/*--- HOME ---*/

p.readmore {
	text-align: right;
}

body.home .readmore a {
	color: #4272a2;
	text-decoration: none;
	font-size: 90%;
}

body.home .readmore a:hover {
	border-bottom: 1px solid #b7d7f7;
}


/*--- HOME RESEARCH SHOWCASE ---*/

#research-feat {
	width: 840px;
	background: #eeedeb url(/images/research_back.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
	min-height: 310px;
}

#research-feat img {
	float: left;
}

#research-feat a img {
	border: none;
}

#research-feat h1 {
	color: #cb4f14;
	text-transform: lowercase;
	font-size: 150%;
	padding: 15px 15px 15px 632px;
}

#research-feat h2 {
	color: #666;
	padding: 0 15px 5px 632px;
	font-size: 100%;
}

#research-feat p {
	color: #666;
	padding: 0 15px 0 632px;
	font-size: 95%;
	line-height: 130%;
	margin-bottom: 10px;
}

#research-feat p.readmore {
	margin-bottom: 2px;
}

/*--- HOME LEFT COLUMN ---*/

body.home #col1 {
	width: 284px;
	float: left;
	margin: 20px 0 20px 0;
	border-right: 1px dotted #cdcbc7;
}

body.home #col1 #searchbox {
	border-top: 1px solid #dfdedb;
	padding-top: 15px;
	margin: 10px 15px 0 20px;
}

body.home #col1 .readmore {
	margin: 5px 15px 4px 0;
}

/*--- HOME MIDDLE COLUMN ---*/

body.home #col2 {
	width: 295px;
	float: left;
	margin: 20px 15px 20px 15px;
	padding-right: 15px;
	text-align: left;
	color: #666;
	border-right: 1px dotted #cdcbc7;
}

body.home #col2 img {
	float: right;
	margin-left: 10px;
}

body.home #col2 p {
	margin-bottom: 20px;
}

body.home div#col2 a {
	color: #4272a2;
	text-decoration: none;	
	font-size: 100%;
	font-weight: bold;
}

body.home div#col2 a:hover {
	border-bottom: 1px solid #b7d7f7;
}

/*--- HOME RIGHT COLUMN ---*/

body.home #col3 {
	width: 195px;
	float: left;
	margin: 20px 5px 20px 0;
	text-align: left;
	color: #666;
}

body.home #col3 h1 {
	color: #cb4f14;
	text-transform: lowercase;
	font-size: 140%;
	margin-bottom: 15px;
}

body.home #col3 ul {
	margin: 0 0 4px 0;
}

body.home #col3 li {
	border-bottom: 1px solid #dfdedb;
	margin-bottom: 6px;
	padding: 0 0 6px 14px;
	list-style: none;
	background: url(/images/bullet.gif) no-repeat;
	font-size: 95%;
	line-height: 130%;
}

body.home #col3 li a {
	color: #666;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}

body.home #col3 li a:hover {
	border-bottom: 1px solid #5d5c5c;
	color: #333;
}

/*--- SITEMAP ---*/

body.sitemap div#col2 ul {
	list-style:none;
	background: #FDFDFD;
	margin: 0 0 10px 0;
	padding: 8px 0 5px 0;
	border-top:1px solid #DCDBD7;
	border-bottom:1px solid #DCDBD7;
}

body.sitemap div#col2 ul li {
	margin:0pt 0pt 8px 10px;
}

body.sitemap div#col2 ul ul {
	border: none;
	margin:5px 0 0 15px;
	padding: 0;
	list-style: square;
}

body.sitemap div#col2 ul ul li {
	margin:0pt 0pt 4px 5px;
}
body.about.contact h3 {
	background-color:#E9E9E9;
	padding:3px;
	border-bottom:1px dotted #C7C7C7;
	margin-bottom:-10px;
	display:block;
}
body.about.contact blockquote {
	margin-top:-4px;
	padding-bottom:1px;
}
/* alternate rows */

table.alternate_rows {background-color: #FDFDFD;}
table.alternate_rows tr.odd td {background-color: #FDFDFD;}
table.alternate_rows tr.even td {background-color: #EFEFEF;}
table.alternate_rows tr.sortbottom td {background-color: #ccc;}

/*--- FACILITIES PAGE ---*/

body.facilities div#content {
	text-align: left;
	color: #666;
}

body.facilities div#content h1 {
	color: #cb4f14;
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 20px;
	margin-left:15px;
}

body.facilities table {
	background: #FDFDFD;
	padding: 10px;
	margin-bottom: 50px;
}

div#map {
	width: 625px; 
	height: 450px;
	border: 1px solid #9F9F9F;
}

div#map h2 {
	margin: 5px 0 10px 0;
	font-size: 100%;
}

ol#side_bar {
	margin-left: 30px;
}
ol#side_bar li {
	margin-bottom: 15px;
}



a#copylink {
text-decoration: none;
cursor: default;
color:#333;
border: none;
}



/*
The following information must not be removed:
Awesome Form v2.01 CSS
Written by: Paul Armstrong, Paul Armstrong Designs
Site: http://paularmstrongdesigns.com
Example & Documentation: http://paularmstrongdesigns.com/examples/css/awesome-form.html
Thu Jun 22 22:38:39 2006
Special thanks to Zach Johnson for helping and pushing me to make the changes.
Site: http://tech.no.logi.es (those aren't dots, they are diamonds)
This work is licensed under a Creative Commons Attribution-ShareAlike 2.5 License
http://creativecommons.org/licenses/by-sa/2.5/
*/

/*
In the following section, many of the values must be changed in reference to another.
Items labeled as 'subjective' are not dependent and may be easily changed as you see fit.
*/
form.awesome label {
width: 140px; /* label width *//* label margin = (input left margin) - (label width) */
margin-right: 10px; /* label margin */
font-weight:700;
}
form.awesome label.long, form.awesome p.label {
margin-left: 120px; /* subjective */
width: 390px; /* (textarea width) + (label width) + (label margin) - (left margin) */
}
form.awesome label span {
color: #8f3931; /* color of required asterisk */
font-weight: 700;
}
form.awesome input, form.awesome textarea, form.awesome select {
margin-left: 150px; /* (label width) + (label margin) */
width: 300px; /* subjective */
}
form.awesome input.short, form.awesome select.short {
width: inherit;
}
form.awesome textarea {
width: 300px; /* subjective, recommend: (3/2)(input width) */
}
form.awesome p.desc {
margin: 0px 0 10px 150px!important; /* (label width) + (label margin) */
}
body#searchresults #content form.awesome p.desc {margin-left:261px!important; width:auto;}
body#searchresults #content form.awesome p.desc2 {width:auto;}
form.awesome .checks label {
margin-left: 160px; /* (label width) + 2(label margin) */
}

form.awesome .checks label.noncheck {
margin-left: 150px; 
text-align: left;
}

form.awesome .checks input.noncheck {
margin-left: 150px; 
text-align: left;
}

form.awesome .checks input {
margin-left: 150px; /* (label width) + (label margin) */
}
form.awesome .checks_nomargin label {
margin-left: 170px; /* (label width) + 2(label margin) */

}
form.awesome .checks_nomargin input {
margin-left: 150px; /* (label width) + (label margin) */

}
legend em, label em, .required {
color: #8f3931;
font-weight: 700;
}

form.awesome p.instr {
margin-top: 3px;
font-size: 10px !important;
line-height: 100% !important;
}

form.awesome #domain, form.awesome #domains, form.awesome #sortby, form.awesome #relevance {display:inline!important;}
form.awesome #domain, form.awesome #sortby, form.awesome #relevance {margin-left:0; width:auto;}
form.awesome #relevance, form.awesome #domains {margin-left:16px;}
form.awesome #domains {width:183px;}
form.awesome #relevance, form.awesome #sortby {margin-bottom:16px;}

/*********************************************************************************
DO NOT EDIT BELOW THIS LINE
*********************************************************************************/

form.awesome { margin: 0 0 1em;}

form.awesome legend {
color:#474740;
font-size:1.1em;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom: 6px;
}

form.awesome legend span {font-size:.9em; line-height:1.4em; letter-spacing:normal;text-transform:none; color:#474740;display:block;width:600px; padding-bottom:8px;}

form.awesome fieldset {
margin-bottom: 18px;
padding: 0 10px 8px;
border-color:#DFDED6;
border-style:solid;
border-width:1px;
}

form.awesome fieldset fieldset {
margin: 16px 10px;
padding: 0 !important;
 border: none !important;
}

form.awesome fieldset fieldset legend {
color:#474740;
font-size:10px;
letter-spacing:0;
text-transform: none;
font-weight: bold;
margin-left: 4px;
padding: 0 2px;
margin-bottom: 6px;
}

form.awesome label {
/*
A label must precede the form element in the HTML
You must keep the top padding for some browsers to keep the label and the form element looking on the same line
*/
float: left;display: inline;text-align: right;padding-top: 0.2em;font-size: 1em;}
form.awesome label:after {
/*
Creates a ":" after LABELs. This only works in some browsers
*/
content: ":";
}
form.awesome label.long {
/*
If your label text does not fit in the left-hand side, consider this class
*/
float: none;display: block; text-align: left;}
form.awesome label.long:after { content: "";}
form.awesome input, form.awesome textarea, form.awesome select {
/*
These items must immediately follow the LABEL item associated with it and followed by a BR (see below).
The following width must be 10pixels wider than the width of the LABEL.
*/
display: block; margin-bottom: 0;}
form.awesome select[multiple="multiple"] {
/*
Mozilla has some weird concept of how to display multiple select boxes.
For some reason, display: block; does not affect it.
For more information, see https://bugzilla.mozilla.org/show_bug.cgi?id=342531
This fixes that problem. DON'T FORGET YOUR BR TAG AFTER SELECT!
*/
margin-left: 0px;
}
form.awesome br {
/*
Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.
Within div.checks, include the BR after the LABEL
*/
clear: left;
}
form.awesome input[type="radio"], form.awesome input[type="checkbox"],
form.awesome input[type="hidden"] {
/*
Keeps Mozilla browsers (and others) from making the RADIO and CHECKBOXES too wide and/or tall.
Also removes unnecessary borders from these browsers (They don't respond as expected)
*/
width: auto;
border: 0;
}
form.awesome input[type="hidden"] {
/*
Firefox doesn't want to make them actually hidden, so I'll force it.
*/
display: none;
}
form.awesome p.desc {
/*
Use this immediately following an item that needs a longer description than can be handled by the LABEL.
The left margin should be the same as INPUT, TEXTAREA and SELECT objects.
*/
display: block;
position: relative;
font-style: italic;
}

/*
The following section is for reversing the display of CHECKBOX and RADIO INPUTs.
Surround the section of items with <fieldset class="checks"></fieldset> or <div class="checks"></div>.
It is highly recommended to use FIELDSET over DIV when there are multiple items.
In the section, the INPUT precedes the LABEL and the BR comes last (after the label).
*/
form.awesome .checks label, form.awesome .checks_nomargin label {
/*
Overrides for previously defined stuff and changes.
Left margin must be 10pixels more than "form.awesome input, form.awesome select" etc.
*/
float: none;
width: auto;
clear: none;
display: block;
text-align: left;
padding-top: 2px;
margin-bottom: 0;
}
form.awesome .checks label:after, form.awesome .checks_nomargin label:after {
/*
Makes the ":" not generated after the LABEL.
*/
content: "";
}
form.awesome .checks input, form.awesome .checks_nomargin input {
/*
Left margin is the same value as "form.awesome input, form.awesome select" etc.
*/
float: left;
display: inline;
text-align: right;
width: auto;
}
/*
End reverse checks/radios section
*/

/*
I found my own IE CSS display bug. I call it the "IE sucks, so it redraws the top border all over the fieldset like a jerk bug."
*/
* html form.awesome input, * html form.awesome textarea, * html form.awesome select,
* html form.awesome .checks input, * html form.awesome .checks label {
margin-top: 0;
margin-bottom: 0;
}
* html form.awesome p.desc { margin-top: -1em;}
* html form.awesome fieldset br {
/*
Hooray! We have a fix!
For some crazy reason, IE lets me style its BR tag.
*/
line-height: 0.5em;
font-size: 0.5em;
}