@charset "UTF-8";
/***********************************************************************
	Official UNIVERSITY OF HOUSON Web-app stylesheet.  
	This stylesheet is imported into official UH web applications.  
	It is not intended for use with static pages.  
	Created: September 2010, by the UIT Web Technologies Group.  
	Last Updated: September 2010
	
 CONTENTS: 

	HTML TAGS
	---------
	H1, SELECT, INPUT
	
	
	
	CLASSES
	---------
	BOX, COLUMN, DIVIDER, FULLWIDTH, GONE, HALF, HIGHLIGHT, ICON, LAYER, MAIN-BOX, NARROW, ONE-THIRD, TACTICAL-LIST, TOP, VCARD 
		
		
 	IDs
	---------
  APP-BANNER, APP-FOOTER, CONTENT-WELL, MORE-SEARCH, QUALIFIERS, TABS, TOOLS [PRINT, SEND, VCARD]
	
/************************************************************************/


/* ========      Modifications to HTML TAGS defined in MAIN-WEB.CSS #app-footer ======== */
h1{ padding: 15px 0 0 15px;font-size: 250%; width:100%}
h1 .subtitle {display: inline;}
#content-well select, #content-well input{background-color:#FFF; border:#CCC 1px solid; padding: 2px;} 


/* ========      MAIN-BOX    ======== */
#main-box {border: #CCC 1px solid;float: left;} 
#main-box form ol li {border: none;}
#main-box form label.gone, .gone {display:none !important;}
#main-box form ol li.box {border: #CCC 1px solid;}


/* ========      CLASSES for LAYING OUT A GRID    ======== */
/*.layer{float: left; width: 900px;}*/
.column{ float: left; padding: 15px 0 15px 15px; }
.one-quarter{ width: 25%;}/*213px*/
.half{ width: 430px; }
.fullwidth{width: 100%;}
.box {border: #CCC 1px solid;  background: #FFF; float: left; margin-top: 15px; width: 100%;}
.box h2 {border-bottom: #CCC 1px solid; padding: 10px;} 
.bottom {border-top: #CCC 1px solid;}



/* ========      APP-BANNER & TABs  ======== */
#app-banner{ height: 60px;}
ul#tabs {list-style: none; padding: 0; margin: 0;float: right; clear: right; position: relative; top: -30px;margin-bottom: -30px;}
ul#tabs li{background: #929699 url("../../images/bg-tab.png") top repeat-x; display: inline; float: left; padding: 0; margin: 0 5px 0 0;}
ul#tabs li.selected {background: #FFF; }
ul#tabs li a{ padding: 5px; height: 20px;  color: #000; float: left; }
ul#tabs li a:hover, ul#tabs li a:active{color: #C00; text-decoration: none;}



/* ========      CLASSES & IDs for FORMS    ======== */
#content-well form{background: none; border: none;padding: 0;}
#content-well form
.button{border: none; color: #FFF;} 

ul#qualifiers {margin-left: 10px;}
ul#qualifiers li{color: #000;}



/* ========      TACTICAL LIST of LINKS   ======== */
ul.tactical-list {margin-left:30px;}
ul.tactical-list li{display: inline; padding: 0; margin: 0;}
ul.tactical-list li a{width: 20px;padding :3px 5px;  font-family:monospace; font-weight:bold;}
ul.tactical-list li a:hover, ul.tactical-list li a:active, ul.tactical-list li a.selected {color: #FFF; background-color: #C00; text-decoration: none;}



/* ========      FORMATTING for "NARROW YOUR SEARCH" TEXT   ======== */
.narrow {float: left; clear: both; text-transform:capitalize; }
.narrow a {color: #000; text-decoration: none; padding: 10px; font-size: 100%; position: relative; top: -10px;}
.icon {position: relative; top:5px;}



/* ========      TOOLS    ======== */
ul#tools{text-align: right;  }
ul#tools li {border: #CCC 1px solid; display: inline;background: #FFF  url("../../images/bg-tab.png") ; padding: 2px 0px;}
ul#tools li a {padding: 8px 10px 8px 35px; color: #000; text-transform: uppercase; font-weight: normal; font-size: 85%; letter-spacing: .05em;}
ul#tools li#print a{ background:url("../../images/print.gif") left  no-repeat;}
ul#tools li#send a{ background:url("../../images/send.gif") left  no-repeat;}
ul#tools li.vcard a{ background:url("../../images/vcard.gif") left  no-repeat;}



/* ========      APP-FOOTER    ======== */
#app-footer{border-top: #CCC 1px solid; padding:0; text-align:left;}
#MiddleColumn {border-left: 1px #ccc solid; border-right:1px #ccc solid; width:500px;  margin:0 auto; }
/*
#column1{ float:left;}
#column2,#column3,#column4{ }
#column5{ float:right;}
*/
#app-footer .myColumn{ padding:0 10px;}
#app-footer ul{ list-style:none;padding: 0; font-size:.85em;}
#app-footer .box{border: none;}
#app-footer h3 {padding: 0; text-align:center;}
#app-footer .divider{border-left: #CCC 1px solid; padding-left: 15px;}
#app-footer a{color: #000; font-weight: normal;}


/* ========      INSTRUCTIONS  ======== */
#instructions{background-color:#FFFFCC; border: 1px solid #FFFF00; }
#instructions p{padding: .25em 10px;}
#instructions h2{background-color: #FFFF00; }