/* clear all margins and padding, especially around entire site */
* { margin: 0px; padding: 0px;}

body {
       font-family: 'Arial', sans-serif;
       font-size: 16px;
       width: 100%;
       background-color: #DEE1DD;
       }

/*  turn off ugly link colors  */
a { color: black; }

p { margin-bottom: 10px; }

img { border: 0px; }

/* use for whatever you want */
h1 { 
     margin-bottom: 10px; 
     font-size: 16px;
     font-weight: bold;
     }
em {font-weight: normal;}

/* this should be default in browsers */
table { border-collapse: collapse; }

/* big fat widgets, I think they look better */
input, select, textarea{ padding: 5px }

.button-to div { border: solid 1px red;
                 display: inline; width: 20px;}

/* keeps the site floating in the middle of the browser, keep in mind that
   this doesnt float, its 0px high, and if you put a border around it, it will
   show as a centered line at top of page */ 
#centering-container {
                       margin: auto;
                       width: 1000px;
                       min-width: 1000px;
                       }


/* for popup windows like help */
#centering-container-popup {
                             margin: auto;
                             width: 600px;
                             min-width: 600px;
                             }


/* everything is in here */
#main-container {
                  float: left;
                  width: 100%;
                  border: solid 1px #AAA;
                  /* xxbackground-color: #D8F2D5; */
                  background-color: #E2FFCF;
                  padding-bottom: 20px;
                  }


/* banner and logout */
#masthead { 
            float: left;
            width: 100%;
            background-image: url(/images/paeabanner.jpg);
            background-repeat: repeat-x;
            height: 96px;
            }

/* make area of background a link */
#masthead #clickable-background {
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  width: 240px;
                                  height: 95px;
                                  outline: none;
                                  }

#masthead #clickable-background span { display: none }

/* right now only contains logout link */
#controls {
            float: right;
            margin: 10px;
            color: white;
            }

/* right now only colors logout link */
#controls a { color: white;}

/* outer box for navigation menu on left */
#left-margin { 
               float: left;
               width: 15%;
               margin-top: 35px;
               line-height: 30px;
               }

/* exists just so we can use margin instead of pad, padding screws up box-model widths  */   
#left-margin div { margin-left: 10px; }

/* for when we dont have a login */
#dummy-left-margin { 
                     float: left;
                     width: 9%;
                     height: 300px; /* enough to make it count */
                     }



#school_and_user_info { 
                        float: left;
                        width: 80%; /* same as content-container */
                        margin-top: 10px;
                        height: 20px;
                        }

#school_and_user_info #program_name { float: left; }

#school_and_user_info #user_info { float: right; }

#content-container { 
                     border: solid 1px #AAA;
                     float: left;
                     margin-top: 5px;
                     width: 80%; /* same as content-container */
                     background-color: white;
                     padding-bottom: 10px; /* IE7 and FF don't agree on this */
					 }

#contactus { 
             float: left;
             margin-top: 5px;
             width:100%;
             background-color: #E2FFCF;
             /*
	      * xxmargin-left: auto;
	      * xxmargin-right: auto;
	      * xxwidth: 80%;
	      */ 
             font-size: .8em;
             text-align: center;
             }

/* just so we can use margin instead of pad, padding screws up widths  */  
#inner-content-container {
                           float: left; 
                           margin: 20px;
                           width: 95%;
                           }


/* ****** SECTION LISTING PAGE STUFF ****** */

#legend { 
          font-style:italic; 
          margin: 20px 0px 0px 0px;
          }

#legend img { margin: 0px 5px 0px 0px }
#legend span { margin-left: 15px; }

/* table containing the section list, their roman numerals, and the status images */
#sections { 
            margin-top: 15px; 
			clear: left;
            }

#sections td{ padding-top: 5px; }

#sections img { padding-left: 5px;}

/* probaby just the roman numerals */
#sections .name { padding-right: 10px;}
#sections .description { }


/* ****** SURVEY FORM STUFF ****** */

/* currently the green bar with the section name and description */
.section-masthead { 
                    float: left;
                    width: 100%;
                    min-width: 100%; /* for IE */ 
                    height: 30px;
                    line-height: 30px;
                    font-size: 1.2em;
                    color: white;
                    background-image: url(/images/section_header_bg.png);
                    background-repeat: repeat-x;
                    }

/* container for section name and description */
.section-masthead span { margin-left: 5px; }

/* instructions below section masthead */
.section-note { 
				font-weight: bold;
                margin-top: 20px; 
                padding-bottom: 5px;
                }

/* horizontal slice for each question, or subquestion header, or whatever you need */
.section-block {
                 float: left; 
                 width: 100%; 
                 min-width: 100%; /* IE BS */
                 }

/* group of questions */
.question-cluster { 
                    margin-top:15px;
                    float: left;
                    }

.question-cluster-indent { 
                           margin-left: 30px;
			   zoom: 1; /* MSIE, DIAF */
                           }

.question-cluster .question { /* override .question */
                              margin-top: 10px; /* group questions more tightly */
                              }

/* question needs headroom */
.question { margin-top: 30px; }

/* text under question */
.question-note { font-style: italic; }

.question-save { margin: 30px;}

.question-text { 
                 float: left; 
                 width: 100%;
                 }

.question-text-numbered,
.question-text-strong { 
                        float: left; 
                        width: 100%;
                        font-weight: bold;
                        color: #444;
                        }

table.question-table {
  margin-top: 30px;
  width: 100%;
  /* so it stays on top of faux_table_rows */
  position: relative;
  z-index: 2;
}

table.question-table caption {
  color: #444;
  font-weight: bold;
  text-align: left;
  margin-top: 20px;
  margin-bottom: -10px;
}

table.question-table * tr.shade td {
  background-color: #E2FFCF;
}

table.question-table * td {
  padding: 6px;
  text-align: center;
}
table.question-table * td.question {
  text-align: right;
}
table.question-table * td.not_applicable {
  border-left: solid black 1px;
}

table.question-table thead tr td.question {
  font-weight: bold;
  color: #444;
  padding-left: 0px;
}

div.faux_table_row {
  margin-top: -20px;
}


.hint {
  font-size: 8pt;
  color: #666;
}


/* header for group of related questions, like "Master's", "Other degrees" */
.subquestion-text {
                    margin-top: 10px;
                    font-weight: bold;
                    font-style: italic;
                    color: #444;
                    }

/* keep checkbox text in block so it doesn't wrap under checkbox */
.question-text-checkbox { 
                          float: left; 
                          width: 90%; /* room for checkbox */
                          min-width: 90%;
                          }


.question-input-checkbox { 
                           float: left; 
                           margin-right: 5px;
                           }


/* horizontal textbox questions */
.question-text-horiz { 
                       float: left;
                    /* 
		     * room for box *
		     * width: 70%;
		     * min-width: 70%; 
		     */
                       margin-left: 5px;
                       line-height: 30px;
                       }


.question-input-horiz { 
                           float: left; 
                           margin-right: 5px;
                           }




/* for textfields and selects */
.question-input { 
                  float: left; 
                  margin-top: 5px;
                  min-width: 100%; /* why??? */
                  }

/* "Specify additional detail if available" in magically appearing sections */
.question-detail {
		font-style: italic;
}



/* sum/running total fields */

.sum {
	font-weight: bold;
	float: left;
	padding-top: 20px;	
}


/*
 * 'imaginary' properties commented out
.submit { 
          xxfloat: left;
          xxfont-size: 16px;
          xxpadding: 0px 8px 0px 8px;
          }

.submit-survey-button { 
                        xxpadding: 0px 5px 0px 5px;
                        xxfont-size: 14px;
                        }
*/
.formError {
             display: inline;
             color: red;
             white-space: nowrap; /* busted in <td> for IE7, retards */
             }

.error-checkbox { 
                  float: left;
                  width: 90%; /* room for checkbox */
                  min-width: 90%;
                  }



.flash-notice { 
                float: left;
                width: 100%;
                margin-top: 10px;
				margin-bottom: 20px;
                /* border: solid 2px green; */
                }

.flash-notice span { 
                     float: left;
                     font-weight: bold;
                     color: green;
                     padding: 5px 10px 5px 10px;

                     }


.errorExplanation { 
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    border: solid 2px red;
                    }

.errorExplanation span { 
                         float: left;
                         font-weight: bold;
                         color: red;
                         padding: 5px 10px 5px 10px;
                         }


/* link you tend to find at bottom of pages */
.back-link { 
             display: block;
             float: left;
             margin-top: 15px;
             }


/*** stuff for question grids ***/

.question-grid { 
                 width: 100%;
                 min-width: 100%;
                 float: left;
                 margin-top: 20px;
                 white-space: nowrap; /* forget it, busted in <td> for IE7, retards */
                 text-align: left;
                 vertical-align: top;
                 }

.question-grid span { 
                      white-space: nowrap; /* busted in <td> for IE7, retards */
                      }

.question-grid td { 
	width: 100px;
	min-width: 100px; /* IE and Safari */
        padding-right: 5px;            
}

/* first th needs extra space */
.question-grid .first-td { 
	padding-right: 20px;
}

.question-grid th, td { 
	font-weight: normal; 
	padding-bottom: 10px;
}

.question-grid .cluster {
	padding-left: 35px;
}

.question-grid th { 
                    font-style: italic;
                    }

.question-grid .survey-list-td {
                                 border-bottom: solid 1px #AAA; 
                                 padding-top:10px; 
                                 line-height:25px
                                 } 

.tip-text { 
            float: left;
            padding: 5px;
            background-color: #FEFFAF;
            border: solid 1px #AAA;
            font-size: .8em;
            }


#help-section span { 
                     font-weight: bold;
                     display: block;
                     color: #555; /* dial it down a bit */
                     }





/* progress bar */
div.tab_bar {
	width: 95%;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	bottom: -1px;
}
ul.tab_bar {
	list-style-type: none;
	position: relative;
	left: 30px;
}
.tab_bar a {
	text-decoration: none;
}
.tab_bar li {
	display: inline;
	float: left;
	text-align: center;
	margin: 2px;
	margin-bottom: 0px;
	padding: 0px;
	font-weight: bold;
}
.tab_bar li.tab {
	width: 70px;
	position: relative;
	border: 1px solid green;
	border-bottom: 0px;
}
.tab_bar li.tab a {
	width: 65px;
	position: absolute;
	top: 0px;
	left: 1px;
}
.tab_bar li.legend {
	border: 0px;
	float: right;
}
.tab_bar .saved { 
	background-color: #afa;
}
.tab_bar .current {
	background-color: #53aa4d; /* match top of gradient */
	/*
	background-image: url(/images/section_header_bg.png);
	background-repeat: repeat-x;
	*/
}
.tab_bar .current a {
	color: white;
}
.tab_bar span.saved-check {
	float: right;
}

span.swatch {
	display: inline-block;
	border: 1px solid black;
	width: 10px;
	height: 10px;
	margin-left: 30px;
}


/*
.tab_bar li.width1  { width: 99%; }
.tab_bar li.width2  { width: 49%; }
.tab_bar li.width3  { width: 33%; }
.tab_bar li.width4  { width: 24%; }
.tab_bar li.width5  { width: 19%; }
.tab_bar li.width6  { width: 16%; }
.tab_bar li.width7  { width: 14%; }
.tab_bar li.width8  { width: 12%; }
.tab_bar li.width9  { width: 11%; }
.tab_bar li.width10 { width: 10%; }
*/

.tab_bar li a { 
	display: block;
}



div.center {
	text-align: center;
}

/* for subheadings in faculty survey V */
div.section-block h2 {
  color: #53aa4d; /* match top of gradient */
}



/* old version stuff, remove later */

.subsection_title {
                    margin-top: 20px;
                    }