/* 
== GENERAL ====================================================================================

NORTHLAND COLLEGE :: CAREER PROGRAMS SITE
Created by: Northland College


== NOTES ======================================================================================

- 


== UPDATE INFO ================================================================================

Last updated: November 12, 2009
Last update by: Chad Sperling (Webmaster)


== TABLE OF CONTENTS ==========================================================================

01: PAGE HERO
02: PROGRAMS FILTER
03: PROGRAMS LIST
	
============================================================================================== */



/*
===========================================================================================================================================
	
	01. PAGE HERO
	
===========================================================================================================================================
#heroImage h1.careerprograms {
	height:193px;
	width:423px;
	text-indent:-9999px;
	background-image: url(h1-hero.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	border: none;}	
*/
/*
===========================================================================================================================================
	
	02. PROGRAMS FILTER
	
===========================================================================================================================================
*/

#filter-strip {
	position: relative;
	background-color:#fff;
	clear: both;
	float: left;
	padding:10px;
	width:930px;
	max-width:930px;
	border: 1px dotted #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;}
#filter-strip .grid-1column {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:10px;
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	min-height:130px!important;
	display: block;}
#filter-strip .grid-1column .unit {
	float:left;
	display:inline;
	position:relative;
	overflow:visible;
	margin-top: 12px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 5px;}	
#filter-strip .grid-1column .unit {
	background:#FFF;
	height:130px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #E5E5E5;}
#filter-strip .grid-1column .unit.study { width:439px!important; max-width:439px!important; }
#filter-strip .grid-1column .unit.type { width:278px!important; max-width:278px!important; }
#filter-strip .grid-1column .unit.campus { width:180px!important; max-width:180px!important; border:none!important; margin-right: 0px!important; }

#filter-strip .grid-1column .unit.first { margin-left: 0px; }
#filter-strip .grid-1column .unit.last { margin-right: 0px; border:none; }
.unit #column1 {
	float:left;
	width:244px!important;
	display:inline;
	position:relative;
	overflow:visible;
	margin-right: 5px;
	padding: 0px;}
.unit #column2 {
	float:left;
	display:inline;
	width:190px!important;
	position:relative;
	overflow:visible;
	margin: 0px;
	padding: 0px;}

#filter-strip .grid-1column h1 {
	font-size:1.4em!important;
	width:225px!important;
	max-width:225px!important;
	min-width:225px!important;
	background-image: url(icon-search.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-indent:26px;
	font-weight:normal !important;
	font-style:normal !important;
	color: #FFF !important;
	letter-spacing: 0em;
	margin-top:-11px;
	margin-right: 0px;
	margin-bottom: -5px!important;
	margin-left: -11px;
	background-color: #000;
	text-transform: none;
	padding-top: 9px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;}
#filter-strip .unit h3 {
	font-size:1.3em!important;
	font-weight:normal !important;
	font-style:normal !important;
	color: #000 !important;
	margin:0px;
	padding-top: 0px;
	padding-bottom:2px;
	padding-right: 0px;
	padding-left: 0px;
	letter-spacing: 0em;
	text-transform: capitalize;
	text-decoration: underline;}
	
ul.filter {
	padding-left:0px;
	margin-top:7px;}
ul.filter li {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;}
ul.filter li {
	font-size:11px!important;
	line-height: 1.0em;
	padding-left: 0px;
	padding-bottom:7px;
	background-image: url(../../../001_Global/images/icons/bl-standard2.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;}
ul.filter li a {
	padding:2px;}
ul.filter li a:hover {
	color:#FFF;
	text-decoration:none!important;
	background:#2266BB;}	
ul.filter li span{
	font-size:10px!important;
	color: #000;
	padding-left: 5px;}


/*
===========================================================================================================================================
	
	03. PROGRAMS LIST
	
===========================================================================================================================================
*/
.nowviewing {
	position: relative;
	clear: both;
	float: left;
	padding:0px;
	width:100%;
	max-width:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;}
.nowviewing .unit {
	float:left;
	display:inline;
	position:relative;
	overflow:visible;
	margin: 0px;
	padding: 0px;}	
.nowviewing h5 {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif!important;
	font-size: 1.1em!important;
	font-weight:bold!important;
	padding-right:10px;
	color: #000;}
	
.buttons a, .buttons button{
	display:block;
	float:left;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif!important;
	font-size:11px;
	line-height:130%;
	text-decoration:none;
	font-weight:normal;
	color:#565656;
	cursor:pointer; /* Links */
	margin-top: 4px;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 7px;}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img{
	padding:0;
	border:none;
	width:12px;
	height:12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -2px;
	margin-left: 6px;}
.buttons a.remove, button.remove{
    color:#333;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-transition:all 0.1s ease-out;}
.buttons a.remove:hover, button.remove:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#333;}
.buttons a.remove:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;}
button.removeAll, .buttons a.removeAll{
    color:#333;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-transition:all 0.1s ease-out;}
.buttons a.removeAll:hover, button.removeAll:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#333;}
.buttons a.removeAll:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;}
	
.results {
	font-size: 1.5em!important;
	font-weight:normal!important;
	padding-top:15px;
	margin-top:5px;
	margin-bottom:5px;
	color: #C00!important;}	
.results span {
	font-weight:bold!important;
	color: #FFF!important;
	background-color:#C00!important;
	padding:6px;}	


h1.programs {
	font-size:2.2em!important;
	letter-spacing:-0.02em!important;
	padding-bottom:6px!important;
	color: #000!important;
	margin-top:20px!important;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	background-color: #fff;}
h3.programs {
	font-size:1.8em;
	font-weight:bold !important;
	letter-spacing:-0.04em !important;
	padding-bottom:3px;
	color: #103346;}
h3.programs a {
	color: #103346;}
	
ul.programs {
	margin-top:5px;
	padding-left:0px;
	margin-bottom:15px;
	padding-bottom:15px;
	/*background-image: url(../../_assets/bg-ul-border.png);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
ul.programs li {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;}
ul.programs li {
	font-size: 1.1em;
	line-height: 1.0em;
	padding-left: 12px;
	padding-top:12px;
	padding-bottom:12px;
	background-image: url(../../../001_Global/images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0 12px;}
ul.programs li span{
	font-size:11px;
	color: #666;}
	
table.program-list { margin-top:20px;margin-bottom:30px; width:100%;}
.program-list th {
	border-bottom: 3px solid #ddd;}
.program-list th {
	font-family: Georgia, "Times New Roman", Times, serif!important;
	font-size:1.1em!important;
	color: #000;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom:0px;
	background-color: #F1F1F1;}
.program-list th.colCenter {
	text-align: center!important;}
.program-list td.colCenter {
	text-align: center!important;}	
.program-list tr.program-row {
	height:40px!important;
	text-indent:10px;
	background-image: url(../../_assets/bg-ul-border.png);
	background-repeat: repeat-x;
	background-position: center bottom;}
.program-list td.program {
	font-size: 2.1em!important;
	border: 1px solid #c4e3ff;
	border-width: 4px 0 1px;
	background: #333;
  	background-image: url(../../../001_Global/images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0 12px;}