/*
	Official UNIVERSITY OF HOUSTON stylesheet for the online degree search tool. 
	This stylesheet may be used by other online applications if needed.  
	Created: September 2009, by the IT Web Technologies Group.  
	Last Updated: October 28, 2009
 
 CONTENTS: 
 	IDs
	---------
	DEGREE_PLAN_COMPARE, DEGREE_PLAN_SEARCH_AREA, FACEBOX, PROGRAM_DETAILS, PROGRAM CONTROLS, 
	
	
 	CLASSES
	---------
	 BUTTON, TABLESORTER
	 
/**/
input#compare, input#email, input#slide_left1, input#slide_left2, input#slide_right1, input#slide_right2 {
	background: #DDD url('/images/apply-now/an-background.gif') repeat-y;
	text-decoration: none;
	color: #000 ; 
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	width: 8em;	
	border: #CCC 1px solid;
	}
input#compare{background: url('/images/icons/flag_red.png') center left no-repeat;}	
input#email{background: url('/images/icons/icon-email.gif') center left no-repeat;}	
input#slide_left1, input#slide_left2{background: url('/images/icons/resultset-previous.png') center left no-repeat;}
input#slide_right1, input#slide_right2 {background: url('/images/icons/resultset_next.png') center right no-repeat;}

 #slider_container1, #slider_container2{ padding-top: 3em; width: 630px; }
 
form#degree_plan_compare {background: none; border: none;}


/*
                  CLASSES		   
*/


/* BUTTON */
.button{
	border: 1px solid #999;
	font-size: 16px;
	cursor:pointer;
	}
	
.button:hover{
	background-color:#999999;
	}


/* TABLESORTER */
table.tablesorter { 
	text-align:left; 
	}
table.tablesorter thead tr th {background-color: #FFD;}
table.tablesorter thead tr th.header {
	background:#FFD url("/images/icons/arrows-tablesorter.gif") center right no-repeat;
	cursor:pointer;
	}

table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr th.headerSortUp {background-image: url("/images/icons/arrow-ascending.gif");}
table.tablesorter thead tr th.headerSortDown {background-image: url("/images/icons/arrow-descending.gif");}
table.tablesorter thead tr th.headerSortDown, table.tablesorter thead tr th.headerSortUp {background-color:#8DBDD8;} 
table.tablesorter tr.row_selected td {background-color:#FFFFCC;}



/*
                  IDs				   
*/ 

	
	/* DEGREE_PLAN_SEARCH_AREA drop down menus */

#degree_plan_search_area #college, 
#degree_plan_search_area #aoi, 
#degree_plan_search_area .browse_by_letter{
	float: left;
	}
#degree_plan_search_area #adv_search_button{ 
	clear:both;
	}
#degree_plan_search_container{
	margin: 0px auto;
	}
#degree_plan_search_area #browse_by_letter_section{
	padding: 2px;
	float:left;
	}
#degree_plan_search_area .label{
	float: left;
	text-align:right;
	}
#degree_plan_search_area .browse_by_letter{
	float: left;
	text-align:right;
	}
#degree_plan_search_area{
	padding: 0px auto;
	}
/*#degree_plan_search_area form{
	border :none !important;
	background-image:none;
	}*/
#degree_plan_search_area fieldset{
	border:none;
	}
#degree_plan_search_area #college_area, #degree_plan_search_area #aoi_area{
	padding:5px;
}
  
#degree_plan_search_area #college, #degree_plan_search_area #aoi, #degree_plan_search_area .browse_by_letter{
	padding: 2px;
	float: left;
	}
	

#degree_plan_search_area{
	float:left;
	margin-left:10px;
	}
	
/* ----------- custom just for majors-minors home page ----------- */

#adv_search #browse_by_letter { clear: both !important; }
#adv_search div.drop_downs { clear: both !important; }
#adv_search label { clear: both !important; }


/* FACEBOX */
#facebox .b { background:url("/images/icons/facebox/b.png");}

#facebox .tl { background:url("/images/icons/facebox/tl.png");}

#facebox .tr { background:url("/images/icons/facebox/tr.png"); }

#facebox .bl { background:url("/images/icons/facebox/bl.png");}

#facebox .br { background:url("/images/icons/facebox/br.png"); }

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/* PROGRAM_CONTROLS */

#program_controls{
	float:left;
	width: 150px;
	border: 1px solid #999;
	margin: 0px 3px 0px 3px;
	padding: 5px;
	}	
#program_controls ul{
	margin:3px;
	padding: 0px;
	}
#program_controls li{
	list-style:none;
	margin-left:0px;
	}
	
	
/* PROGRAM_DETAILS */

#program_details{
	width:100%;
	overflow: hidden;
	float:left;
	}

 #program_details .nav_bar{
	width:2px;
	height:100%;
	float:left;
	background-color:#000099;
	}