/*--------------------------------------*/
/*--------- Begin Sessions CSS ---------*/
/*--------------------------------------*/

#login-table tr {
  height:36px;
}

#login-table {
  margin-top:60px;
  padding:30px 60px;
  width:250px;
  text-align:right;
  background:#EEF6E2;
  border:1px solid #888;
  font-weight:bold;
}

.right-labels {
  text-align:right;
  font-weight:bold;
}

#users-index {
  text-align:left; 
  width:600px; 
  margin:10px 0 20px 0;
}

.alternate-rows0 td {
  background:#EAEAEA;
}

.bordered-cells th {
  padding:3px;
  border-bottom:1px solid #888;
}

.errors h2, .errorExplanation h2 {
  font-family:helvetica, arial, sans-serif;
  font-size:14px;
  color:#990000;
  text-transform: none;
  letter-spacing: normal;
  line-height:30px;
  font-weight:bold;
}

#admin a {
  padding:0;
  text-decoration:none;
}

#admin h2 {
  text-transform:none;
  padding:4px;
  margin:0 60px 6px 24px;
  border-bottom:1px dotted #888;
}

#admin h3 {
  font-size:1.2em;
  text-transform:none;
  margin:0 60px 0 24px;
}

#admin-inst-box {
  float:left;
}

#admin-inst-table {
  float:left;
  font-size:14px;
}

#admin-inst-table td {
  padding:4px 16px 6px 16px;
  vertical-align:bottom;
}

.admin-row-border td {
  border-bottom:1px dotted #888;
  vertical-align:bottom;
}

#admin-inst-table img {
  vertical-align:bottom;
}

/*--------------------------------------*/
/*------- Begin Overall Layout CSS -----*/
/*--------------------------------------*/

#entire-wrapper {
  width:970px;
  padding:0;
  margin:auto;
}

#user-bar {
  float:right; 
  margin:0px 20px 0 0;
}

#user-bar-greeting, #user-bar-action {
  color:#eaf7c9;
  display:inline;
}

#user-bar-action a, #user-bar-greeting a {
  margin:2px;
  padding:3px 8px;
  color:#000;
  background:#ddd;
  text-decoration:none;
  font-weight:normal;
  border:1px solid #000;
}

#header-bar {
  padding-left:24px;
  width: 98%;
  height: 125px;
  background:url('../images/header_bkgd.jpg') repeat-x;
}

#header-logo {
  position:absolute;
  top:0px;
  left:0px;
  width:310px;
}

#header-menu {
  position:absolute;
  left:310px;
   width:500px;
}

#left-bar {
  color:#424242;
  font-size:12px;
  float:left;
  width:200px;
  padding:8px;
  margin:10px 0 0 40px;
}

#left-bar p {
  padding:8px 0 0 10px;
}

#left-bar a {
  text-decoration:none;
}

#left-bar a:hover {
  text-decoration:underline;
}

#members {
  width:190px;
  padding:0px;
  margin:60px 0 0 0;
  float:left;
}

.logo {
  padding:0;
  margin:0;
  width:165px;
  height:75px;
  text-align:center;
}

.logo-tickerstyle {
  margin:4px;
  width:165px;
  height:75px;
  float:left;
  overflow:hidden;
}

#vignettes {
  width:165px;
  margin:60px 0 0 0;
  float:left;
}

#vignettes p {
  padding:8px 0 0 0px;
}

.notice {
  text-align:center;
  font-size:18px;
  width:400px;
  margin:auto;
  border:1px solid #aaa;
  padding:20px;
}

/*--------------------------------------*/
/*--------- Begin Home Page CSS --------*/
/*--------------------------------------*/

#main-content, #questions {
  float:left;
  margin:10px 0 0 32px;
  padding:8px;
  width:636px;
}

.tickerstyle {
  width:622px; 
  height:170px; 
  margin-bottom:12px;
  overflow:hidden;
}

.purpose {
  display: none;
}

#questions li {
  list-style:none;
  padding:6px 0;
  text-indent: -21px;
}

#intro-btn {
  text-align:right;
  padding-right: 10px;
}

#find-inst-box {
  float:left;
  width:400px;
  font-size:16px;
}

#find-prog-box {
  float:left;
  width:220px;
  font-size:16px;
}

#find-inst-box img {
  vertical-align:top;
}

#find-inst-box a, #find-prog-box a  {
  text-decoration:none;
  line-height:32px;
}

#find-inst-box a:hover, #find-prog-box a:hover {
  text-decoration:underline;
}

#questions-box {
  width:220px;
  margin-top:20px;
}

#buttons {
  text-align:center;
  margin-top:40px;
}

/*--------------------------------------*/
/*------- Begin Degrees List CSS -------*/
/*--------------------------------------*/

#degrees {
  float:left;
  width:600px;
  margin-top:30px;
}

#degrees a {
  text-decoration:none;
}

#degrees a:hover {
  text-decoration:underline;
}

#degrees h3 {
  font-family:helvetica, arial, sans-serif;
  letter-spacing: 1px;
  margin-bottom:8px;
  padding-left:8px;
  background:#EEF6E2; 
}

#degree-intro {
  padding:12px;
  width:400px;
}

.prog-list {
  color:#333;
  margin-bottom:12px;
}

/*--------------------------------------*/
/*---------- Begin Search CSS ----------*/
/*--------------------------------------*/

.mod-h2 {
  text-transform:none;
  border-bottom:1px solid #888;
  padding:4px;
}

.heading {
  font-size:16px;
  color:#444;
  line-height:30px;
}

#results {
  line-height:18px;
}

#results h3 {
  margin-top:6px;
}


/*--------------------------------------*/
/*--------- Begin Profiles CSS ---------*/
/*--------------------------------------*/

.image-bar {
  margin-bottom:8px;
  border-bottom:1px dotted #333;
}

.image-bar h2 {
  font-family:helvetica, arial, sans-serif;
  text-transform:none;
  color:#19335b;
  padding:12px;
}

.profile-space {
  height:60px;
  border-bottom:1px dotted;
}

.profile-space-wee {
  height:20px;
  border-bottom:1px dotted;
}

.program-text img {
  float:left;
}

#model p {
  padding:6px;
}

#model a {
  text-decoration:underline;
}

#model-mission {
  text-align:center; 
}

.rating {
  font-size:13px;
  line-height:15px;
}

.rating-percent {
  float:left;
  background-color:#304e82;  /*blue bar*/
  padding:0px 2px;
  min-width:22px;
  color:#fff;
}

.rating-title, .rating-title-wide {
  color:#304e82;
  text-align:right; 
  font-weight:bold; 
  font-size:14px;
  width:180px;
  padding:6px 0 3px 0;
  border-bottom:1px dotted #333;
}

.rating-title-wide {
  width:330px;
  padding:0;
}

.left-col, .left-col-med, .left-col-small, .left-col-demog {
  vertical-align:top;
  text-align: right;
  width:320px;
}

.left-col-med {
  width:230px;
}

.left-col-small, .left-col-demog {
  width:158px;
}

.left-col-small img {
  float:left;
}

.left-col-demog {
  line-height:30px;
}

.left-col a, .left-col-med a, .left-col-small a, .left-col-percent a, .left-col-demog a, .selected-programs a, .site-link a {
  text-decoration:none;
}

.left-col a:hover, .left-col-med a:hover, .left-col-small a:hover, .left-col-percent a:hover, .left-col-demog a:hover, .selected-programs a:hover, .site-link a:hover, .program-text a:hover, #model a:hover, #about-us a:hover, #news a:hover {
  text-decoration:underline;
}

.left-col-percent {
  text-align:right;
  vertical-align:top;
  width:150px;
  background-color:#ccc;
}

#left-nsse, #right-nsse, #left-alum, #right-alum {
  float:left;
  width:340px;
}

.percent-tables td {
  width:94px;
}


.selected-programs, .pie_charts{
	width: 100%;
}
}

/*--------------------------------------*/
/* Begin About Us, News & Feedback CSS -*/
/*--------------------------------------*/

#feedback {
  padding-top:50px;
  line-height:18px;
  width:500px;
  float:left;  
}

#honeypot {
  display:none;
}

#about-us {
  width:500px;
  float:left;
  margin-top:30px;
}

#about-us p, #about-us-sidebar p {
  font-size:12px;
  line-height:18px;
  padding:4px 4px 8px 4px;
}

#about-us-sidebar {
  width:180px;
  float:right;
  padding-left:12px;
  margin-top:30px;
  background:#eef6e2;
  border-left:1px solid #888;
}

#about-us-sidebar h3 {
  text-align:center;
  padding:8px 0 0 0;
  margin-bottom:12px;
  border-bottom:1px dotted #888;
  color:#304f83;
  font-size:1em;
  line-height:22px;
  font-weight:300;
}

#about-us-sidebar img {
  float:left;
  margin-right:8px;
}

#charters img {
  padding:15px;
}

#news {
  float:left;
  margin:10px 0 0 32px;
  padding:8px;
  width:560px;
  font-size:12px;
  line-height:18px;
}

#news p {
  width:500px;
  padding:8px;
}

#news ul {
  margin-left:60px;
}

#news h4 {
  text-align:left;
}

#news .item{
	padding: 40px 0;
	border-bottom: 1px dotted #000;
	
}

/*--------------------------------------*/
/*----------- Begin Footer CSS ---------*/
/*--------------------------------------*/

#logos-footer {
  margin-top:100px;
  text-align:center;
}

#footer {
  margin-top:10px;
  padding:12px;
  border-top:1px solid #71a76f;
  text-align:center;
}

#footer p {
  text-align:center;  
  padding-top:10px;
  padding-bottom: 5px;
  font-family:"trebuchet ms", sans-serif; 
  color:#666; 
  font-size:0.8em;
}

#footer a {
  color: #304e82;
}

/*--------------------------------------*/
/*--------- Begin Edit View CSS --------*/
/*--------------------------------------*/

textarea, .text-area {
  padding:2px;
  height:150px;
  width:350px;
  vertical-align:top;
}

.text-area-info {
  padding:2px;
  height:80px;
  width:350px;
  border: 1px solid #aaa;  
}

.text-field {
  padding:2px;
  border: 1px solid #aaa;  
  height:40px;
  width:350px;
  vertical-align:top;
}

.num-field {
  padding:2px;
  border: 1px solid #aaa;  
  width:80px;
  vertical-align:top;
}

.program-edit-block {
  overflow:hidden;
}

.multiple_select {
  border: 1px solid #aaa;
  height: 150px;
  width: 300px;
  padding: 3px;
  overflow: auto;
}

.instruction {
  float:left;
  width:700px;
  margin:0 0 8px 8px;
  color:#3D467D;
}

.subheading {
  padding-top:20px;
  text-align:right;
  color:#3D467D;
  border-bottom:1px dotted #888;
}

.edit-table td, .edit td {
  vertical-align:top;
}

.edit {
  width:600px;
}

.left-col-edit {
  width:300px;
  text-align: right;
  line-height:16px;
}

.collapsable {
  display:none;
}

.infos-cell {
  padding:0 0 4px 0;
}

.info-table td {
  padding:0;
  margin:0;
}

#infos-edit textarea {
/*  border:2px solid red;*/
}

.multiple_select, .multiple_select ul {
  list-style-type: none;
}

.edit-body {
  float:left;
	width:700px;
  height:500px;
  border-left:1px solid #888;
  border-right:1px solid #888;
  overflow:auto;
}

#submit-bar {
  text-align:center;
  border:1px dotted #3d467d;
  float:right;
  margin-right:12px;
  width:700px;
  background:#ddd; /*3e603d*/
}

#submit-bar p {
  padding:8px;
}

.prog-spacer {
  height:20px;
  background:#888;
}

/*.multiple_select_checkbox {
  background: #fff;
}

.alt {
  background: #eef;
}*/

/*--------------------------------------*/
/*-------- Begin Review View CSS -------*/
/*--------------------------------------*/

.review {
  padding:12px;
  margin-left:8px;
}

.review td{
	border-bottom: 1px solid #000;
	vertical-align: top;
	padding: 3px;
}

.collapsable-link {
  cursor:pointer;
}

.review-col {
  float:left;
  width:320px;
}

.review-info {
  border-top:1px dotted red; 
  border-bottom:1px dotted red; 
  background:#ddd;
  display:block;
  margin:3px 0;
}

#publish-bar {
  text-align:center;
  border:1px dotted #3d467d;
  float:right;
  margin-right:2px;
  width:710px;
  background:#EEF6E2;
}


.article{
	width: 100%;
}

.article td{
	text-align: left;
}

.article td.headline{
	font-weight: bold;
}


/*-------------------------------------------------------*/
/*The following CSS is adapted from jQuery's UI for tabs */
/*-------------------------------------------------------*/

/*------------- unchanged -------------*/
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }
/*------------- unchanged -------------*/

.ui-tabs .ui-tabs-nav { 
  list-style: none; 
  position: relative; 
}

.ui-tabs .ui-tabs-panel { 
  display: block; 
  border-width: 0; 
  background: none; 
}
.ui-tabs .ui-tabs-nav li { 
  float: left; 
  border-bottom-width: 0 !important; 
  padding: 0; 
  margin:0 2px 0 0;
  letter-spacing:1px;
}
.ui-tabs .ui-tabs-nav li a { 
  float:left;
  border:1px #888 solid;
  background: #ddd;
  height:25px;
  margin:0 2px 0 0;
  text-decoration:none; 
  padding:4px 9px 0px 6px;
}
.ui-tabs .ui-tabs-nav li a:hover {
  background-color: #3e603d;  /*this is the dark green*/
  color: white;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-width: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
  cursor: text; 
  background-color: #fff; 
  border-bottom:none; 
  color:inherit;
}

.tab-content {
  float:left;
  width:710px;
}