/**********************************************************

	these styles are for creating form listings outside 
	of tables. This looks better and is easer to read.
	
	Orginal design by Steve Johnson for certs.cgaux.org
	
	Updated By Alex Belleque for forms.cgaux.org

	date: Feb 1st , 2011
	
	Changes:

**********************************************************/

/* define the min height for all forms pages*/
body {
	/* min-height:0; */
	min-height:700px;
}
/* set new id for form listings */
#forms_list {
	/* background-color:#F6F; */
}
/* fix the national h1 padding for forms */
#forms_list h1 {
	padding-top:10px;
}
/* fix the national h2 format to add more padding */
#forms_list h2 {
	padding-top:20px;
}
/* now we crete the custom div statment for each form listing
you use this on each line for each form */
#forms_list .label {
	display:inline-block;
	float:left;
	border:none;
	margin:0;
	padding:0;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:10px;
	color: #003366;

}
/* this removes all padding on the links for the forms */
#forms_list a {
	border:0;
	margin:0;
	padding:0;
}
/* now we set up the location of each form icon. Make sure
icons match the sizes below or this will fail. */
#forms_list img {
	float:right;
	width:29px;
	height:23px;
	border:0px;
	align:top; 
	padding-right:10px;
	
}
/* format the hr line between each form listing */
#forms_list hr {
	clear:right;
	margin-bottom:2px;
}
/* formats any buttons if you use a log on system in the page content area */
#top_buttons {
	text-align:center;
	padding:5px;
}
/* format the form area for log on buttons */
#top_buttons form{
	padding:0;
	border:none;
	margin:0;
}
/* this formats the bookmarks for each page. We get the backgound
and reset the font as shown below */
.bookmarks {
	text-align:center;
	font-size:small;
	text-transform:capitalize;
	font-weight:normal;	
	color:#003a61;
	background: url("http://cgaux.org/_images/bg_h2.gif");
	border:1px solid #afc3d2;
	padding:2px 3px 3px 0px;

}
/* first we  hide the IE6 Warning blocks in all browsers EXCEPT IE6 */
body #mainbody tr.IE6_only { 
	display:none;
}
/* now we set it to show the IE6 Warning blocks in IE6 ONLY */
body.ie6 #mainbody tr.IE6_only {
	display:inline;
}
/* format the warning table for IE6 */
#mainbody tr.IE6_only td.style9 {
	background-color:#FFE8DF;
	padding:0 15px 10px 15px;
	border:4px dashed red;
}
/* now we take the above format the layout */
#mainbody tr.IE6_only td.style9 h3 {
	text-align:center;
	font-weight:bold;
}
/* underline links in the warning for IE6 */
td.style6 a {
	text-decoration:underline;
}

/* this makes the form images behave in IE7 */
body.ie7 #forms_list img {
	margin-bottom:-1px;
}
/* this makes the HR line behave in IE7 */
body.ie7 #forms_list hr {
	clear:right;
	margin-bottom:-6px;
	border:none;
}
/* this makes the table for the forms behave in IE7 */
body.ie7 table, body.ie7 tbody {
	float:right;
}
/* makes the ul listings behave in IE7 */
body.ie7 #mainbody ul#inst {
	margin-left:50px;
}
/* formats the error message in the table to stay in 
place inside the mainbody */
#mainbody td.errorMsg {
	text-align:center;
	color:#AA0022;
	font-weight:bold;
}
/* clear all padding off the table issued by national */
table, tbody {
	padding:0;
	margin:0;
	border:none;
}