/* Template CSS
* Use this file to override anything in the std template.
*/

/**
 * Some of these styles are specified because the defaults class with Ext.
 */

p {
	margin: 10px 0;
}


a:visited {
	/*color: #002E5D;*/
	color: #00468e;
}

a:hover {
	color: #0057B8;
}

hr {
	margin-top: 0;
}


#sform {
	/*width: 70%;*/
}
#left {
	padding-bottom: 1em;
}


#expander {
	display: none;
}

#hider {
	display: none;
}

#pp_leftCol {
	width: 25%;
	margin-right: 3%;
}

#pp_leftCol_mobile {
	display: none;
}

#pp_centerCol {
	width: 68%;
}

.pp_blueBox {
	width: 100%;
}

.pp_blueBox ul {
	width: 80%;
}

.breadcrumb {
	margin: 15px 0 0 -20px;
}

.hider-mobile {
	display: none;
}

#expander {
	margin-top: 10px;
	text-align: center;
	width: 100%;
	margin: auto;
	background-color: #002E5D;
	color: white;
	padding: 1px 0px 10px 0px;
}	

#expander h5 {
	margin-top: 10px;
	margin-bottom: 0px;
}

#expander a {
	color: #CCC;
}

#ProgramIntro {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	margin-top: 2em; 
}

#ProgramIntro h2 {
	margin-bottom: 1em;
	/*text-shadow: 0.1em 0.1em 0.15em rgb(132, 149, 169);*/
	color: #444;
}

#inputs {
	width: 98%;
}

.boxed {
	/*border: .1em solid #666666;*/
	padding: .8em;
	background-color: #e6e6e6;
}

#feedbackContainer {

	font-size: 12px;
	position: absolute; top: 37px !important; 
	right: 139px;

	display: inline-block;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #628cb6), color-stop(100%, #336699));
	background-image: -webkit-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -moz-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -o-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -ms-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: linear-gradient(top, #628cb6 0%, #336699 100%);
	border-radius:14px;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.25) inset,
		0 1px 8px rgba(0, 0, 0, 0.2); 
	padding: 0;

}

#AlertOpenLink {
	    font-family: "Whitney SSm A","Whitney SSm B","OpenSans","Thonburi","DroidSans","Droid Sans","sans-serif","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif !important;
}


[hidden] {display:inline;}


table, td, th {
    border: 0;
    margin: 0; /* For Ext*/
}

#header-top a.alertpanel { position:absolute;right:375px;font-weight:bold;top: 12px;color:#FFFFFF; }

#AlertBox.webpagealert {
		/*width:70% !important;*/
		right:5% !important;
		opacity: .95 !important;
		z-index: 100;
		top: 0px !important;
		width:300px;
		height:auto;
		padding-bottom: 30px;

}

#MostUsedLinks ul{
	list-style-type: none;
}

#AlertBox.appalert {
		/*width:50% !important;*/
		right:2% !important;
		opacity: .95 !important;
		z-index: 100;
		top: 35px !important;
		width:300px;
		height:auto;
		padding-bottom: 30px;
		font-family: "Whitney SSm A","Whitney SSm B","OpenSans","Thonburi","DroidSans","Droid Sans","sans-serif","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif !important;
		font-size: 15px;
    	line-height: 20px;
    	/*padding: 0.125em 0.5em !important;*/
}

#AlertBox.appalert  #AlertBody th, #AlertBox.appalert  #AlertBody td{
	padding: 0.125em 0.5em !important;
    text-align: left;
    vertical-align: top;
}

#player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#player-div {
	text-align: center;
}

.thumbnail-div {
	float:left;
	width:298px;
	margin: 0 7px 25px 7px;
	text-align:center;
}

@media all and (max-width: 1145px) {


	#AlertBox.webpagealert  {
		/*width:70% !important;*/
		right:18% !important;
		/*opacity: 1.01 !important;*/

	}

	#vid-thumbnail-container {
		width: 625px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 960px) {

	#pp_leftCol {
		width: 100%;
		margin-right: 0;
	}

	#pp_leftCol_std {
		display: none;
	}

	#pp_leftCol_mobile {
		display: block;
		width: 100%;
	}	

	#pp_centerCol {
		margin: 0;
		width: 100%;
	}	

	#pp_background {
		padding: 0;
		margin: 0;
	}	

	.pp_blueBox {
		width: 98%;
		display: none;
		border: none;
	}	

	.pp_sideNavL {
		float: left;
		width: 100%;
		padding: 10px 0 0 0;
	}	

	.pp_sideNavR {
		float: left;
		width: 100%;
		padding: 0;
	}	

	.tab {
		float: left;
		bottom: -1px;
	}	

	.breadcrumb {
		padding: 8px 15px;
	}	

	.pp_blueBox ul {
		width: 90%;
	}
	#content {
		margin-top: 0;
	}

	#expander {
		display: block;
		margin: auto;
		width: 100%;
	}

	.breadcrumb {
		padding: 0;
		margin: 0 0 17px 3px;
	}

	.hider-mobile {
		display: block;
	}

	#pp_leftCol {
		margin-bottom: 20px; 
	}

	#header-top a.alertpanel { 
		/*position: absolute;*/
		/*top: 56px;*/
		right: 140px; }

	#calendar{
		border-top: 0px;
	}

	.nav-container{
		/*z-index: -1;*/
	}

	#AlertBox.webpagealert {
		/*width:70% !important;*/
		right:18% !important;
		/*opacity: 1.01 !important;*/

	}

    #right {
    	width: 100%;
    }

    #searchbox {
    	width: 100%;
    	height: 33px;
    }

    #tabs {
    	width: 100%;
    }

    #texting {
    	width: 85%;
    }

}

@media all and (max-width: 795px) {
	#vid-thumbnail-container {width: 313px;}

	.pp_blueBox {
		width: 97.6%;
	}
}

@media all and (max-width: 585px) {

	#texting {
    	width: 75%;
    }

	#AlertBox.webpagealert {
		/*width:70% !important;*/
		right:12% !important;
		/*opacity: 1.01 !important;*/

	}

	#header-top a.alertpanel { 
		/*position: absolute;*/
		/*top: 56px;*/
		right: 120px;
	}

	.pp_blueBox {
		width: 97%;
	}
}

#mainDoc span + ol {
	 margin-top: 10px;
 }

 #mainDoc span + ul {
	  margin-top: 10px;
  }