/* DEBUG */

/* -- */

/*------------- GENERAL ------------*/
	a {outline: 0 }
	img {border: none;}
	strong, .bold	{font-weight: bold}
	.clear {clear: both;}
	.hidden {display: none;}
	.blockify {display: block !important;}
	.handLink {cursor: pointer}
	.pad5 {padding: 5px;}
	.pad10 {padding: 10px;}
	.floatRight {float: right;}
	.centerHeader {text-align: center;}
	.dataPadder {padding: 6px 10px;}
	.dataPadder  p {padding: 4px 0px;}
	img {border: none;}
	.container {margin: 0 auto; position: relative; width: 1170px;}	
	.boxFull {clear:both; width:100%;}
	.box1half {float:left; width:49%;}
	.box1third {float:left; width:33%;}
	.box40{float:left; width:40%;}
	.box1fourth {float:left; width:25%;}
	.box15 {float:left; width:15%;}
	.box44{float:left; width:44%;}
	.box2fourths {float:left; width:50%;}
	.box3fourths {float:left; width:75%;}
	#headerRow-1 {min-height: 56px; min-width: 1170px;}
	#headerRow-2 {min-height: 73px; min-width: 1170px; position: relative; z-index: 3000;}
	#headerTitle {height: 73px; left: 120px; position: absolute; width: 475px;}
	#mainBodyRow-1 { position: relative; z-index: 0;}
	#footer { text-align: center;}


/*---------- SITE NOTICE: VISIBLE BELOW PAGEBAR  --------------*/
	.siteNotice {margin-bottom: 4px; border: 2px solid #666; padding: 2px 4px; }
	.siteNotice {-moz-border-radius-bottomright: 12px; -moz-border-radius-topleft: 6px;}
	.siteNotice h2 {font-size: 14px;}

/*--------- MAIN CONTAINERS -----------*/
	#mainBg img {
		height: auto;
		left: 0;
		min-height: 100%;
		min-width: 1024px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -1;
	}
	
/*----------- HEADER -------------*/
	.headerFixed {
		height: 390px;
		position: relative;
		z-index: 0;
	}
	#logoBox a span {
		display: none;
	}	
	#logoBox a {
		display: block;
		height: 100%;
		width: 100%;
	}
	#picBox {
		box-shadow: 3px 3px 4px #222;
		left: 0;
		margin: 0 29px;
		position: relative;
		top: 47px;
		z-index: 0;
	}
	#logoBox {
		height: 125px;
		left: 0;
		position: absolute;
		top: -20px;
		width: 120px;
		z-index: 1;
	}
	
/*----- LEFT COLUMN CONTAINER -----*/
	#leftCol {
		float: left;
		margin-bottom: 40px;
		width: 320px;
	}
	.leftColBox1 {
		margin-bottom: 13px;
		padding: 0px 10px 15px 10px;
	}
	
/*-- MODULE CONTAINER --*/
	.leftModuleHolder {
		border: 0 none;
		padding: 20px 10px 0;
		width: 280px;
	}
	.leftModuleHolder ul li a:link, .leftModuleHolder ul li a:visited {
		display: block;
		font-size: 15px;
		padding: 8px;
	}
	.leftModuleHolder ul li:first-child a:link, .leftModuleHolder ul li:first-child a:visited {
		border-top: none;
	}
	#leftCol span.link, td.calendarDay span.link, td.calendarDay a:hover span.link, .portal-column span.link, .portal-column .catHolder span, #leftCol .catHolder span {
		display: none;
	}
	.leftModuleHolder ul div {
		padding: 0;
		width: 220px;
	}
	.leftModuleHolder h2, .socialNetworkContainer h2 {
		font-size: 25px;
		font-weight: bold;
		padding: 5px;
		text-align: left;
	}
	.leftModuleHolder ul li a {
		text-shadow: none;
	}
	.leftModuleStatus {
		font-size: 11px;
		font-weight: bold;
		height: 75px;
		margin: 0;
		padding: 5px 0;
		text-align: center;
	}
	
/* -- End Module Container */

/*-- In This Section Holder --*/
	.inThisSectionHolder ul li a {
		border-top: 1px solid #666;
	}
	.inThisSectionHolder ul li:first-child a {
		border-top: 0;
	}  
	.inThisSectionHolder ul li a:link, .inThisSectionHolder ul li a:visited {
	    border-bottom: none;
		display: block;
		padding: 8px;
		text-decoration: none;
	}
		
/*-- End In This Section Holder--*/ 
	.leftBottomBox {text-align: center;	border-top: 1px dotted #666;  padding: 10px 5px; }
	.leftBottomBox input{width: 100px;}
	.leftBottomBox:first-child {border: none;}

/*---------- END LEFT COLUMN --------------*/

/*---------- RIGHT COLUMN: CONTENT COLUMN ----------*/
	#col2 h2.mainTitle {
		font-size: 25px;
		font-weight: bold;
		margin: 10px 0 0 20px;
		padding: 30px 0 0;
	}
	.x-ColumnHighlight {
		background: none !important;
		border: none !important;
		margin-left: 6px !important;
	}
	.rightCol {float: right; width: 810px;}
	#col2 { padding: 0; width: 810px; position: relative;}
	#picBox {}
	#col2 h2.mainTitle {font-size: 20px; padding: 30px 7px 0; }
	#col2 h3.mainTitle {font-size: 14px;}
	#col2 .mainTitle .smallLink {font-size: 12px; font-weight: normal;}
	#content {padding: 0 0px;}
	#content ul{padding-left: 22px;}
	#content .pageDataPortal {padding: 0 !important;}
	#content .pageData #portalContent {}
	#content .pageData {margin: 0 15px;}
	.content p {padding: 0px 0 5px;}
	.backToTop {float: right; clear: right; font-size: 12px; margin-bottom: 10px;}
	.backToTopMain {clear: both; font-size: 15px; margin: -30px 20px 0 0; position: absolute; right: 0;} 
	.webmaster {clear: both; font-size: 12px !important; font-style: italic; margin: 0; padding: 0; text-align: center;}

/*------------ THE MAIN NAV ------------- */
	#menuContainer  {
		float: left;
		position: absolute;
		right: 0;
		top: 21px;
		width: 575px;
		z-index: 4030;
	}
	#menuContainer ul li.submenu_left div ul li div {
		left: -101%;
	}
	#menuContainer ul ul ul li{
		background-image: none;
	}
	#menuContainer ul li a:link, #menuContainer ul li a:visited {
		display: block;
		font-size: 12px;
		padding: 8px 30px;
		text-align: center;
		text-decoration: none;
	}
	#menuContainer ul li a, .leftModuleHolder .leftModuleHeader {
		text-shadow: none;
	}
	#menuContainer ul ul li a:link, #menuContainer ul ul li a:visited {
		border: medium none;
		border-bottom: none !important;
		padding: 8px 0 8px 15px;
		text-transform: capitalize;
		text-align: left;
	}
	#menuContainer ul div {
		width: 220px;
		z-index: 3000;
	}
	#menuContainer ul li  li.horizontalChild {
		border-bottom: none;
	}
	#menuContainer ul a.hasSubChild, #menuContainer ul ul a.hasSubChild, #menuContainer ul ul ul a.hasSubChild, #menuContainer ul ul ul ul a.hasSubChild, #menuContainer ul ul ul ul ul a.hasSubChild, #menuContainer ul ul ul ul ul ul a.hasSubChild, .leftModuleHolder ul a.hasSubChild, .leftModuleHolder ul ul a.hasSubChild, .leftModuleHolder ul ul ul a.hasSubChild, .leftModuleHolder ul ul ul ul a.hasSubChild, .leftModuleHolder ul ul ul ul ul a.hasSubChild, .leftModuleHolder ul ul ul ul ul ul a.hasSubChild.hasSubChild, .leftModuleHolder ul li.hasSubChild a.title {
		background-image: none !important;
	}
	.hasSubChild .horizMenu .horizMenu {
		margin: -2px 0 0 !important;	
	}
	#menuContainer ul li a:link, #menuContainer ul li a:visited {
		display: block;
		font-size: 16px;
		font-weight: normal;
		padding: 5px 25px 5px 15px;
		text-align: center;
		text-transform: capitalize;
	}
	#menuContainer ul div {
		padding: 2px;
	}
	
/*------------- BLOG, NEWS AND PODCAST WIDGETS ------------*/ 
	.alertHolder li a {
		display: block;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		list-style-type: none;
	}
	.listItem_list .listItem_holder {
		border-bottom: 1px dotted #CCC;
		border-top: none;
		padding: 10px 5px;
	}
	.listItem_detail .listItem_holder .listItem_body p {
		margin-right: 0px !important;
	}
	
/*------------- DEPARTMENT -------------*/
	.groupName li {
		padding: 0px;
	}
	
/*------------- CONTACT, SCHOOLS -------------*/
	.schoolName a {
		text-decoration: none;
		font-size: 15px;
	}
	.schoolInfo {
		line-height: 1.7em;
		font-size: 15px;
	}
	
/*------------- FORM -------------*/
	.formMenuHolder {
		height: 350px;
		margin: 1px;
		width: 330px;
	}
	
/*------------- FORUM -------------*/
	.forumTopicPostHolder {
		width: 485px !important;
	}
/*------------- PROFILE ------------*/
	.profile_left_column .PL_Title {
		font-size: 15px !important;
	}
	.profile_left_column .box .info dt{
		font-size: 15px !important;
	}

/*------------- RSVP ------------*/
	.rsvpPerson:first-child {border-top: 0;}
	.rsvpPerson {border-top: 1px solid #666; margin-bottom: 5px; padding: 4px;}
	#sideRSVP {display: block; clear: right; float: right; width: 250px; border: 1px solid #666;}
	#sideRSVP {margin: 0 0 5px 5px;}
	#sideRSVP h2 {text-align: center; font-size: 16px; font-weight: bold; padding-top: 5px; }
	#sideRSVP h2.isAttending {text-align: left; font-size: 14px; border-top: 1px solid #666;}
	#sideRSVP p.notes {display: block; padding: 2px; border: 1px solid #666; margin: 2px 0 -2px;}

/*--------- STAFF TABLE -----------*/
	.staffList tr th {
		font-size: 18px;
		font-weight: bold;
		padding: 8px;
	}
	table.stftbl tr .even td {
		padding: 5px 10px;
	}
	table.stftbl tr .odd td {
		padding: 7px 10px;
	}
	.staffList {
		border: none;
	}
	.staffList tr, .staffList td {
		margin: 0;
		padding: 2px;
	}
	table.stftbl tr .disable td {
		padding: 5px 10px;
	}
	
/*------- PORTAL BOXLESS STYLES ---------*/
	#content .x-portlet-edgeless {
		margin: 0 0 0 10px;
	}
	#content .x-portlet-custom1, #content .x-portlet-custom2, #content .x-portlet-borderless, #content .x-portlet-boxless-0, #content .x-portlet-plain {
		margin: 0px 0px 0 8px;
		font-size: 15px;
	}
	#content .x-portlet-boxless .x-panel-header	{
		font-size: 25px;
		font-weight: bold;
		line-height: 1em;
		padding: 5px 5px 5px 10px;
	}
	#content .x-portlet-boxless .x-panel-bwrap .x-panel-body .pageData {
		margin: 0px;
		padding: 5px 10px !important;
	}
	#content .pageData .pageData {
		padding: 10px !important;
	}
	.contentSpace {
		padding: 50px 0 0 0;
	}
	.pagerBarToolBox .pagerBarTools li.pagerBarTools_tool a.toolbarButton {
		line-height: 1.2;
		font-size: 12px;
	}
	.pagerBar {
		font-size: 12px;
	}
	#content, #content p {
		font-size: 15px;
		line-height: 1.7em;	
	}
	.x-portlet {
		background-color: none !important;
		margin-top: 20px !important;
	}
	.listItem_body {
		margin: 2px;
	}
	.listItem_detail .listItem_holder .listItem_meta {
		font-size: 15px;
	}
	a.portalButton {
		padding: 0 10px;
	}
	#content .x-portlet-boxless .x-panel-bwrap {
		margin-left: 8px;
	}
	
/*------- PORTALS CUSTOM 1 STYLES ---------*/
	#content .x-portlet-custom1 .x-panel-header	{
		background: none;
		border: none;
		font-size: 25px;
		font-weight: bold;
		line-height: 1em;
		padding: 10px 15px;
	}
	#content .x-portlet-custom1 .x-panel-bwrap {
		border: 0; 
	}
	#content .x-portlet-custom1 .x-panel-bwrap .x-panel-body {
		border-top:none !important;
		background:none;
	}
	#content .x-portlet-custom1 .x-panel-bwrap .x-panel-body .pageData {
		border:none !important; 
		margin:0px;
	}
	
/*------- PORTALS CUSTOM 2 STYLES ---------*/
	#content .x-portlet-custom2 .x-panel-header	{
		background: none;
		border: none;
		font-size: 25px;
		font-weight: bold;
		line-height: 1em;
		padding: 10px 15px;
	}
	#content .x-portlet-custom2 .x-panel-bwrap {
		border: 0; 
	}
	#content .x-portlet-custom2 .x-panel-bwrap .x-panel-body {
		border-top:none !important; 
		background:none;
	}
	#content .x-portlet-custom2 .x-panel-bwrap .x-panel-body .pageData {
		border:none !important; 
		margin:0px; 
	}	
	
/*---------- JavaScript Slide Show Styles ----------*/	

/* styles for the pagination buttons 
    Will only be used if this style of button is turned on.	
*/
	.jssorn21 div, .jssorn21 div:hover, .jssorn21 .av{
		overflow:hidden;
		cursor: pointer;
	}
	.jssorn21 >  div {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 1px;
		text-indent: -999px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		cursor: pointer;
	}
	.jssorn21 > .av {
		margin: 0;
		width: 12px;
		height: 12px;
	}
/*	.jssorn21 {
		left: 85% !important;
	}*/
/* styles for the direction arrow buttons. 
   Will only be used if this style of button is turned on.	
*/

	.jssord02l, .jssord02r, .jssord02ldn, .jssord02rdn
	{
		position: absolute;
		cursor: pointer;
		display: block;
		background: url(/common/js/cyberschool/slideshow/img/d02.png) no-repeat;
		overflow:hidden;
	}
	.jssord02l { 
		background-position: -3px -33px; 
		top: 50%; 
		left: 8px;
	}
	.jssord02r { 
		background-position: -63px -33px;
		top: 50%; 
		right: 8px; 
	}
	.jssord02l:hover { background-position: -123px -33px; }
	.jssord02r:hover { background-position: -183px -33px; }
	.jssord02ldn { 
		background-position: -3px -33px;
		top: 50%; 
		left: 8px; 
	}
	.jssord02rdn { 
		background-position: -63px -33px;
		top: 50%; 
		right: 8px;  
	}
	.slider_caption_link_box {
		position: relative;
		top: 125px;
		width: 500px;
		z-index: 3000;
	}
	.slider_caption_link {
		font-size: 15px;
		line-height: 1.5em;
	}   
	.slider_caption {
		font-size: 15px;
		line-height: 1.6em;
		padding: 15px 25px;
		position: relative;
		top: 115px;
		width: 450px;
		z-index: 3000;
	}
	h2.captionTitle {
		font-size: 30px;
		margin: 0 0 0 -5px;
		padding: 10px 0;
	}
	a.slider_caption_link:link, a.slider_caption_link:visited  {
		font-family: Verdana,Geneva,sans-serif;
		font-size: 16px !important;
		font-weight: bold;
		padding: 10px 35px;
		position: absolute;
		right: 0;
		text-decoration: none;
		text-transform: uppercase;
		top: -10px;
	}
	#slider1_container {
		z-index: 1;
		position: relative;
	}
	.leftIcon {
		bottom: -5px;
		height: 75px;
		left: -5px;
		position: absolute;
		width: 72px;
	}
	.rightIcon {
		bottom: -5px;
		height: 75px;
		right: -5px;
		position: absolute;
		width: 72px;
	}
	
/*---------- END  JavaScript Slide Show Styles ----------*/		
 
/*
//
// Category Stuff
//
*/
	.isRounded {-moz-border-radius: 4px;}
	.isRoundedLarge {-moz-border-radius: 6px;}
	.category_holder {
		display: block; 
		margin: 0;
	}
	.category_holder span {
		padding: 2px 4px; 
		font-size: 11px;
	}
	#content .category_holder {
		float: right;
		text-align: right;
	}
	#content .calendarDayPop ul {
		padding: 0;
	}
	td.calendarDay span.linkHolder a {
		float: left;
		padding: 2px;
		margin: 2px 1px;
		-moz-border-radius: 3px;
	}
	#content .newsItem .meta .category_holder {
		float: right;
		text-align: right;  
		position: relative;
	}
	.category_holder a{
		margin-top: 2px;
		-moz-border-radius: 5px;
	}  
	.paginator {
		text-align: center; 
		padding-right: 30px;
	}
	.portalColumn_A {
		margin-left: 6px !important;
	}

/*--------- FOOTER -----------*/
	#footerRow-1 {
		margin: 25px 0 0;
		min-width: 1170px;
		max-height: 25px;
		padding: 5px 0 0;
	}
	#footerRow-2 {
		line-height: 1.9em;
		min-width: 1170px;
		padding: 20px 0 0;
	}
	#footerRow-2 h2 {
		font-size: 25px;
		padding: 10px 0;	
	}
	.footer {
		font-size: 15px;
		bottom: 0;
	}
	#footer {
		position: static;
		bottom: 0;
	}
	#footer span {
		padding:0 20px;
		letter-spacing: 1.5px;
		word-spacing: 0px;
	}
	#copyright {
		clear: both;
		margin: 0 auto 0px;
		text-align: right;
		font-size: 11px;
		padding-bottom: 30px;
	}
	.copyrightCustomText {
		line-height: 20px;
		padding: 0;
		text-align: left;
	}
	.copyrightCustomText p, .copyrightCustomText p em {
		padding: 0px;
		font-size: 15px;
	}
	.copyrightNav {
		color: #FFF;
		margin: 0 auto;
		text-align: right;
	}
	.copyrightHolder {
		text-align: left;
	}
	.copyrightNav a:link, .copyrightNav a:visited {
		font-size: 15px !important;
		padding: 0 3px;
	}
	.customText{
		margin: 2px auto;
		width: 105px;
	}
	.copyrightEditBtn {
		margin: 2px auto;
		width: 100% !important;
	}
	.customText h3{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
		padding-bottom: 2px;
	}
	.customText {
		font-size: 13px;
		height: 150px;
		right: 0;
		line-height: 20px;
		padding: 0 10px 10px;
		position: absolute;
		text-align: left;
		top: 130px;
		width: 320px;
	}
	#super_p {
		overflow: hidden;
		height: 120px;
	}
	#super_p p, #super_p p span {
		font-size: 13px !important;
	}
	.padding {
		padding: 0 40px 0 0;
	}
	.paddingR {
		padding: 0 0px 0 0;
	}
	
/*------------- ICONNAVIGATION ------------*/
	.quickIconNavBox  {
		clear: both;
		margin-bottom: 20px;
		position: relative;
	}
	.quickIconNavBox li a span {
		display:none;
	}
	.quickIconNavBox li a:link {
		display:block;
		height: 93px;
		width: 52px;
	}
	.quickIconNav {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	.quickIconNav2 {
		margin: 0 45px;
	}
	.quickIconNav2 > li {
		display: block;
		float: left;
	}
	.iconNavItem span {
		display: inline-block !important;
		text-align: center;
	}
	.quickIconNav2 .iconNavItem {
		padding: 10px 2px;
		text-align: center;
		width: 140px !important;
	}
	.iconNavItem .navText {
	    font-size: 15px;
	    font-weight: bold;
		padding: 7px 0;
	}
	.fa-inverse {
		font-size: 1.25em;
		padding: 5px 0 0;
	}
	.fa-stack-2x {
		font-size: 2.3em;
	}
	
/*--------- MISC -----------*/
	#flashHeader{
		padding:0px;	
	}
	body.pagerBarTop {
		padding-top: 0px !important;
	}
	.mainTitleTools {
		top: 10px;
		right: 8px;
	}
	element.style {
		cursor: move;
		-moz-user-select: none;
	}
	.postHolder .postHolder_wrap .postHolder_container_thumb {
		float: left;
		margin-left: 120px;
		min-height: 80px;
		padding-right: 0px;
		z-index: 1;
	}
	.postHolder .postHolder_wrap .postHolder_container .postHolder_date {
		font-style: italic;		
	}
	.postHolder .postHolder_wrap {
		padding: 25px 10px;
	}
	.postHolder .postHolder_wrap .postHolder_thumber {
		float: left;
		position: absolute;
		width: 110px;
	}
	.postHolder {
		border-bottom: none;
	}
	.x-portlet {
		background-color: transparent;
		margin-top: 10px;
	}
	#portalButtons {
		padding: 10px 0 0;
	}
	.alertHolder ul{
		list-style: none !important; 
		margin:0;
		padding: 0;
	}
	.errormessage, .alertHolder {
		background: none repeat scroll 0 0 transparent !important;
	}
	#content .x-portlet-titleless .x-panel-bwrap .x-panel-body .pageData {
		padding: 0 !important;
		margin: 0 0 0 9px !important;
	}
	
/*--------- SOCIAL ICONS -----------*/
	#mainBodyRow-1 .socialNetworkContainer {
		position: absolute;
		right: 25px;
		top: 8px;
		z-index: 1;
	}
	#mainBodyRow-1 .socialNetworkContainer h2{
		display: none;
	}
	#leftCol .socialNetworkContainer {
		min-height: 90px;
		position: relative;
		padding: 0 10px;
		right: 0;
	}
	#leftCol .socialNetworkContainer h2 {
		display: block;
	}
	div.socialNetworkContainer {
		padding: 0;
	}
	.btnBox_small {
		margin: 3px 2px;
	}
	.postHolder .postHolder_wrap .postHolder_title a.postTitle {
		font-size: 18px !important;
	}
	.postHolder .postHolder_wrap .postHolder_container .postHolder_date {
		font-size: 13px !important;
	}
	#menuContainer ul ul div {
		left:-102%!important;
	}