/* CSS Document */

body{
	margin: 0 ;
	padding: 0;
    font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;
    background: #fff ;
	color: #000;
	width:100%;
} 

h1 {
    font-family: Times New Roman, sans-serif;
    font-size: 1.4em;
    color: #000;
    margin: 0;
    padding: 0;
}

h2 {
    font-family: arial, helvetica, sans-serif;
    font-size: 1.2em;
    color: #333;
    margin: 0;   
	padding: 10px 0 0 10px;
}
h3 {
    font-size: 1.3em;
    color: #000;
    margin: .5em 0;
    padding-left: 10px;
}
.dim{
    color: #999;
}
.intro{
    font-size: .9em;
    margin:0;
    padding: 10px;
}

ul{
	margin: 3px 0;
	padding: 0 0 5px 15px;
}
ul li	{
   	 padding-left: 0;
	line-height: 140%;
	margin: 0 0 5px 15px;
	
}	
ol{
   	 margin: 3px 0;
	padding: 0 0 5px 15px;
}
ol li	{
    	padding-left: 0;
	line-height: 140%;
	margin: 0 0 5px 15px;
}

form, label, input { 
   	font-size :.9em;
 } 
label input { 
 	width : 10em; 
} 
fieldset{
 	border: 0;
	margin:0;
}
legend {
 	 background:#6D6E71;
 	 color:#fff;
	 font-size:.9em;
	 font-weight: bold;
	 padding: 5px; 
	 margin: 0;
}
fieldset h3 {
	 background:#6d6e71;
	 color: #fff;
	 font-size: .9em;
	 font-weight: bold;
	 padding: 5px;
	 margin: 0;
	 border-top: 1px solid #999;	 
	 }
fieldset h4{
	background: #999;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	padding: 5px;
	margin: 0;
}		 
table { 
 	font-size: .9em;
    	border-collapse: collapse;
  	width:100%; 
}
td.input, td.labels {
	padding: 5px;
}
.notes{
	font-size: .9em;
	background: #eee;
	padding: 10px;
	margin:0;
} 
.notes h4 {
	background: transparent url(icon_info.gif) no-repeat top left;
 	padding: 3px 0px 3px 27px;
}

/*--------- Guidelines on how to fill the form -------*/
.notesbox{
    border: 0;
    background: #ffffe1;
    margin:0;
}

.notesbox p{
    padding:5px 10px 0 10px;
	}
.notesheadings{
	background:#6D6E71;
       color:#fff;
	font-size:.9em;
	font-weight: bold;
	padding: 5px; 
	margin: 0;
} 
.coursetitle{
    font-variant: small-caps;
	font-weight: bold;
	color:#900;
	padding-top:20px;  
	vertical-align: middle;
} 
.note{
    border: 1px solid #900;
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}
hr {               
    border:0;
    border-top: 1px dashed #900;
    height: 0;
    background: #900;
}

tr.hr td{
    border-bottom: 1px solid #ccc;
	padding: 2px 0;
}	
.required{
    font-weight:bold;
}
.optional{
    font-weight:normal;
}
/* FORM VALIDATION*/

.info   { 
    color: black; 
	background: transparent; 
	font-weight: normal; 
}
.warn{ 
    color: rgb(120,0,0);
	background: transparent; 
	font-weight: normal;
}
.error { 
    color: red; 
    background: transparent; 
    font-weight: bold;
    font-size: 1em;
}
.pgshade{
    background:#eee;
}
form fieldset div.notes {
  float:right;
  width: 210px;
  height: auto;
  margin: 5px 10px 10px 0px;
  padding: 5px;
  border: 1px solid #666;
  background: #ffffe1;
  color: #666;
  font-size: .85em;
}
form fieldset div.notes h4 {
  background-image:    url(icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #000;
  color: #000;
  font-size: 110%;
}
form fieldset div.notes p {
  margin: 0em 0em 1.2em .5em;
  color: #666;
}
table.section6, table.section5, table.section4, table.section3, table.section2, table.section1, .section6 table, {
	border: 1px solid #333;
	margin: 0 0px 5px 0px;
	padding: 0 5px 0 5px;
	width:100%;
	vertical-align:top;
}
td.padding{
	padding: 10px
}

.labels{
	background: #f3f3f3;
	font-weight: bold;
	padding-right: 10px;
	text-align:right;
	width: 200px;
	vertical-align:top;
}
input, select{
	vertical-align:top;
}
span{
	color: #900;
	font-size: 1.5em;
	font-weight:bold;
}
table.mail{
     padding: 0.5em 0.50em;
}
table.mail td{
   border: 1px solid #ccc;
}
.bg{
   background: #ccc;
   color:# 000;
   font-weight: bold;
   padding: 5px;
}