/*Careers App---------------------------------------------------------------------------------------------------------------*/

#accHolder{
	width: 583px;
	margin: 5px; 
}
#accHolder h3, .accHolder h3{
	color:#08335A;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	margin-top: 0;
}
#accHolder h3.ui-accordion-header, 
.accHolder h3.ui-accordion-header{
	margin-top: 3px;
}


#accHolder div.scrollLink
.accHolder div.scrollLink{
   display: block;
   height: 40px;
   width: 524px;
   border-bottom: 1px solid #ccc;
}
div.scrollLink{
   border-bottom: 1px solid #ccc;
   height: 40px;
}
div.scrollLink div.rule-list{
   position: absolute;
   left: 580px;
   width: 524px;
   border-bottom:1px solid #333333;
   border-top:1px solid #333333;
}
#accHolder div.scrollLink h3,
.accHolder div.scrollLink h3{
   display: block;
   vertical-align: middle;
   height: 40px;
   line-height: 40px;
   width: 400px;
   margin: 0;
   padding: 0;
   overflow: hidden;
   position: relative;
   float: left;
}
.degrees .accHolder div.scrollLink h3{
   width: 690px;
}
div.accHolder p{
	font-family:Verdana,Arial,sans-serif;
	color:#555555;
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:7px 3px;
}
#degrees__certificates h1 {
	color:#03274A;
	font-size:15px;
	padding:15px 15px 15px 5px;
	width:450px;
}
div.accHolder h4 {
	margin: 15px 0pt; 
	font-size: 13px;
}

a.campIcon{
   margin:0 2px;
}

div.accHolder .ui-state-default, 
div.accHolder .ui-widget-content .ui-state-default {
	border: 1px solid #d3d3d3; 
	background: #e6e6e6 url(/sites/default/themeglobal/css/thirdparty/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
	font-weight: normal; 
	color: #555555; 
	outline: none; 
}
div.accHolder .ui-corner-top {
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}
div.accHolder .ui-state-active, 
div.accHolder .ui-widget-content .ui-state-active {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF url(/sites/default/themeglobal/css/thirdparty/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) repeat-x scroll 50% 50%;
	border:1px solid #AAAAAA;
	color:#212121;
	font-weight:normal;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
div.accHolder .ui-state-active h3, 
div.accHolder .ui-widget-content .ui-state-active h3 {
	color:#08335A;
	font-size:11px;
	line-height:7px;
	font-weight:bold;
	padding:5px 0;
}
div.accHolder .ui-widget-content {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF url(/sites/default/themeglobal/css/thirdparty/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) repeat-x scroll 50% 50%;
	border:1px solid #AAAAAA;
	color:#222222;
}
div.accHolder .ui-accordion .ui-accordion-content {
	border-top:0 none;
	display:none;
	margin-bottom:2px;
	margin-top:-2px;
	overflow:hidden;
	padding:1em 2.2em;
	position:relative;
	top:1px;
}

/* START STYLE */

div#careerNav{
   background: url(/sites/default/themeglobal/images/layout/career-nav-bg-right.png) no-repeat right top;
	min-height:620px;
}
ul.career-titles{
   font-size: 13px;
   color: #033463;
   padding: 0;
   margin: 0;
   list-style: none;
   display: block;
   width: 100%;
   height: 45px;
   border-bottom: 1px solid #dfdfdf;
}
ul.career-titles li{
   border-right: 1px solid #dfdfdf;
   line-height: 45px;
   height: 45px;
   float: left;
   width: 179px;
   text-indent: 15px;
}
ul.career-titles li.wide{
   border-right: none;
}
div.column-1,
div.column-2,
div.column-3{
   float: left;
   min-height: 400px;
   position: relative;
}
div.column-1{
   float: left;
   width: 179px;
   background: #fff;
   border-right: 1px solid #dfdfdf;
   min-height: 650px;
}
div.column-2{
   float: left;
   width: 179px;
}
div.column-3{
   width: 599px;
   float: left;
}
ul.career-nav{
   list-style: none;
   padding: 0;
   margin: 0;
}
div.column-2 .career-nav{
   position:absolute;
   left: 0;
   top: 0;
   display: none;
   border-top: 1px solid #dfdfdf;
}
div.column-3 .select{
   width: 207px;
   height: 71px;
   position: absolute;
   left: 50%;
   margin-left: -103px;
   top: 30%;
   /*background: url(/sites/default/themeglobal/images/layout/select-career.png) no-repeat;*/
}
div.column-2 .select{
   width: 160px;
   height: 71px;
   position: absolute;
   left: 50%;
   margin-left: -80px;
   top: 30%;
   /*background: url(/sites/default/themeglobal/images/layout/select-area-of-study.png) no-repeat;*/
}
ul.career-nav li{
   display: block;
   width: 141px;
   height: 36px;
   line-height: 38px;
   color: #555;
   padding: 0 27px 0 10px;
   background: url(/sites/default/themeglobal/images/layout/career-nav.png) no-repeat left top;
   font-size: 12px;
   cursor: pointer;
   overflow: hidden;
}
ul.career-nav li span{
   line-height: 15px;
   padding-top: 3px;
   display: block;
}
ul.career-nav li:hover,
ul.career-nav li.active{
   background-position: right top;
   color: #fff;
}
#programHolder{
   width: 599px;
   min-height: 388px;
   position: relative;
   padding-bottom: 12px;
   background: url(/sites/default/themeglobal/images/layout/careers-program-bg.png) no-repeat left top;
}
#programHolderLoad{
	min-height:600px;
}
div.leftColumn h1{
	font-size: 18px;
	color:#03274a;
}
#programCap{
   height: 12px;
   width: 599px;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url(/sites/default/themeglobal/images/layout/careers-program-bg-bottom.png) no-repeat left top;
}
ul.programNav{
   padding: 4px 0 0 10px;
   margin: 0;
   list-style: none;
   color: #fff;
   font-size: 10px;
   letter-spacing:0;
}


ul.programNav li{
   float: left;
   line-height: 38px;
   display: block;
   margin-right: 5px;
   padding-right:10px;
   padding-top: 3px;
   cursor: pointer;
}

ul.programNav li a{
   display: block;
   padding-left: 10px;
   display: block;
   height: 34px;
   float: left;
   color: white;
}
ul.programNav li:hover,
ul.programNav li.ui-state-active{
   background: url(/sites/default/themeglobal/images/layout/cp-nav-right.png) no-repeat right bottom;
}
ul.programNav li:hover a,
ul.programNav li.ui-state-active a  {
   background: url(/sites/default/themeglobal/images/layout/cp-nav-bg-left.png) no-repeat left bottom;
   color:#033463;
}
.ui-tabs .ui-tabs-hide {
   display:none !important;
}
#programHolder .fullWidth{
   float: left;
   width: 100%;
   padding: 5px;
}
#programHolder .fullWidth table {
	width:99%;

}
#programHolder .fullWidth table tr{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
#programHolder .fullWidth table tr td{
	padding-left:5px;
}
#programHolder .leftColumn{
   float: left;
   width: 54%;
   border-right: 1px solid #dfdfdf;
   padding: 15px;
}
#programHolder .rightColumn{
   float: left;
   width: 35%;
   padding: 65px 15px 15px 15px;
   text-align: center;
}
#programHolder .rightColumn img{
   border: 1px solid #333;
}
#programHolder .rightColumn ul{
   text-align: left;
   margin-top: 34px;
}
#programHolder .rightColumn ul.links li {
	background:transparent url(/sites/default/themeglobal/images/layout/arrow.gif) no-repeat scroll 0 3px;
	font-size:12px;
	line-height:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 8px 11px;
	display:block;
}
#programHolder .rightColumn ul.links li a:hover {
	text-decoration:underline;
}
#programHolder .rightColumn ul.links li a {
	color:#541A03;
}
#programSpinner{
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -24px;
   margin-top: -24px;
}
span.topBorder{
   height: 1px;
   display: block;
   border-bottom: 1px solid #ccc;
}
a.coursesBtn,
a.requirementBtn,
a.classesBtn,
a.descBtn,
a.elecBtn{
   margin-top: 11px;
   float: right;
   display: block;
   padding-left: 20px;
   color: #999;
   background: url(/sites/default/themeglobal/images/icons/blue-arrow.png) no-repeat;
   line-height: 18px;
   font-size: 11px;
   width: 100px;
}
a.requirementBtn{
   width: 100px;
}
a.coursesBtn,
a.classesBtn{
   width: 75px;
}
.degrees a.requirementBtn{
   width: 110px;
}
a.coursesBtn,
a.classesBtn{
   width: 85px;
}
a.coursesBtn:hover,
a.coursesBtnBack:hover,
a.requirementBtn:hover,
a.requirementsBtnBack:hover,
a.classesBtn:hover,
a.descBtn:hover,
a.elecBtn:hover
a.rulesBackBtn:hover{
   color: #333;
   background-position: 2px top;
}
a.coursesBtnBack,
a.requirementsBtnBack,
a.rulesBackBtn{
   display: block;
   padding-left: 20px;
   color: #999;
   background: url(/sites/default/themeglobal/images/icons/blue-arrow-back.png) no-repeat;
   line-height: 18px;
   font-size: 11px;
   margin-bottom: 20px;
}
a.rulesBackBtn{
   margin: 10px 0 ;
}
div.crseGroup{
   left:583px;
   position:absolute;
   top:0;
   width:524px;
}
.degrees div.crseGroup{
   left: 905px;
   width: 834px;
}
div.class-list-holder{
   position: absolute;
   top: 0;
   left: 1166px;
   width: 524px;
}
.degrees div.class-list-holder{
   left: 1802px;
   width: 834px;
}
div.descLoader{
   width: 524px;
   min-height: 300px;
   position: absolute;
   left: 583px;
}
.degrees div.descLoader{
   width:834px;
   left: 905px;
}
div.classLoader{
   width: 524px;
   min-height: 300px;
   position: absolute;
   left: 1166px;
}
.degrees div.classLoader{
   width:834px;
   left: 1810px;
}
.accordian-load-holder{
   min-height: 200px;
   background: white url('/sites/all/themes/sanjacintocollege/images/layout/loader48-bw.gif') no-repeat 50% 50%;
}
div.accordian-load-holder.loaded{
   background: white;
}
.degrees #classScrollList dl.column-1, 
.degrees #classScrollList dl.column-2 {
   width:360px;
}
div.basics-window{
    padding:21px 0px;
    -moz-border-radius:      5px;
    -webkit-border-radius:   5px;
    border-radius:           5px;
    border:1px solid #ccc;
}
div.basics-wrapper{
   overflow:hidden;
   padding:0 34px;
   position:relative;
   width: 841px;
}
a.print-checklist{
   background:transparent url(/sites/default/themeglobal/images/icons/print.png) no-repeat scroll -20px 0;
   display:block;
   height:20px;
   line-height:20px;
   margin:15px 0 10px;
   overflow:hidden;
   padding:0 0 0 25px;
   width:auto;
}