/*
   ----------------------------------------------------------------
   MAIN STYLE SHEET - William Penn Charter School
   ----------------------------------------------------------------
*/


/* =========================================
	Common Site Elements
=========================================== */


h1,h2,h3,h4,h5,h6 {
	margin:0.5em 0;
	line-height:1em;
	color:#0b3d76;
	font-family: Arial;
	font-weight: normal;
        line-height: 1.2em;
}

.large, .large td { font-size: 14px !important; }

h1{ font-size:2.2em; }
h2{ font-size:1.6em; }
h3{ font-size:1.5em; }
h4{ font-size:1.4em; }
h5{ font-size:1.2em; }
h6{ font-size:1em; }
p { margin:1em 0; }

.nav_history {
	background-color:#0b3d76 !important;
	color:#fff !important;
}


#logo_link { 
	position: absolute;
	margin: 40px 0 0 20px;
	width: 200px; height: 150px;
	text-indent: -9999px;
	background: #fff;
	FILTER: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-khtml-opacity: 0;
}

#contentdiv { padding: 35px 20px 8px 20px; }

/* =========================================
	Misc Site Elements
=========================================== */



/* =========================================
	Page Search Elements
=========================================== */

.search_bar {
	display:inline;
}

/* ----- HTML5 Doctype Upgrade START ----- */


#topbanner img{vertical-align:top}
#topbanner .tools img{vertical-align:middle}

#keywords {
        background: #fff;
	border: 1px solid #fcda98;
	width: 224px;
	height: 15px;
	color: #0b3d76;
	padding: 0 0 0 4px;
	margin-top: 0px !important;
	vertical-align: top;
	display: inline;
}

/* ----- HTML5 Doctype Upgrade FINISH ----- */

#ss_div form {
	display:inline; vertical-align: top;
}

#ss_div {
	width: 350px;
	position: absolute;
	vertical-align: top;
	margin: 12px 0 0 620px;
}

/* =========================================
	Hierarchy + Page Tools
=========================================== */

.hier {
	display:inline;
}

.hiersect {
	position: absolute;
	margin-left: 241px;
	margin-top: 255px;
	height: 18px;
	//width: 540px;
	color: #682145;
       display:inline;
}

.tools {
	position: absolute;
	text-align: right !important;
	margin-left: 461px;
	width: 150px;
	margin-top: 10px;
	padding-right: 0;
	color: #0b3d76;
}

/* =========================================
	Nav + Quicklink Dropdowns
=========================================== */

#nav_menus div {
	position:absolute; top:0px; left:0px;
	width:155px;
	margin: 1px 0 0 0;
	padding:0 0 0 0;
	background: #a4c7eb url('../images/droptop.gif') top left repeat-x;
	FILTER: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	-khtml-opacity: .90;
	z-index: 2;
}

#nav_menus ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
}

#nav_menus li { border-bottom: 1px solid #fff; }

#nav_menus a {
	display:block;
	text-decoration:none;
	margin: 3px 4px; padding: 3px 6px;
	color:#0c3e77;
}

#nav_menus a:hover {
	background:#fff;
}

#dhtmlmenu_numberhere {
	margin-left: -46px !important;
}

#ql_menu {
	position:absolute; top:0px; left:0px;
	width:155px;
	margin: 1px 0 0 0;
	padding:0 0 0 0;
	background: #a4c7eb url('../images/droptop.gif') top left repeat-x;
	FILTER: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	-khtml-opacity: .90;
	z-index: 2;
}

#ql_menu ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
}

#ql_menu li { border-bottom: 1px solid #fff; }

#ql_menu br {
	display:none;
}

#ql_menu a {
	display:block;
	text-decoration:none;
	margin: 3px 4px; padding: 3px 6px;
	color:#0c3e77;
}

#ql_menu a:hover {
	background:#fff;
}


/* portals */



.ui-tabs .ui-tabs-nav li   {

background: #6CACC7 !important; /* old browsers */
background: -moz-linear-gradient(top, #6CACC7 0%, #002859 100%) !important; /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6CACC7), color-stop(100%,#002859)) !important; /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6CACC7', endColorstr='#002859',GradientType=0 ) !important; /* ie */
}


.ui-tabs:hover .ui-tabs-nav li:hover{
background:#002859 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {color:#fff !important;}

.ui-tabs .ui-tabs-nav li a{
color:#fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background:#6CACC7 !important;
}
 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
color:#002859 !important;
font-weight:bold;
}


.portlet_header{
background: #0C3D77; /* old browsers */
background: -moz-linear-gradient(top,  #728ABA  0%, #0C3D77 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C3D77), color-stop(100%,#728ABA)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C3D77', endColorstr='#728ABA',GradientType=0 ); /* ie */
color:#fff;
border-radius-topleft: 5px;
border-radius-topright: 5px;
box-shadow: 0px 0px 5px ;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-box-shadow: 0px 0px 5px ;
-webkit-box-shadow: 0px 0px 5px ;

}

#portal_tabs{
background:#ffffff;
border-width:0;
}

.portlet{
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #333;
-webkit-box-shadow: 0px 0px 5px #333;
border-width:0;
background:#fff;
border-radius: 5px; 
box-shadow: 0px 0px 5px #333; 
}

.portlet_content{
padding:10px;
}

.ui-tabs .ui-tabs-nav {border-width:0; margin-left:18px; background:transparent;}

#ui-tabs-1{padding-top:0px;}

#quickcheckout {
    position: absolute;
    margin-left: 415px;
    margin-top: -220px;
}
#quickcheckout table {
    width: 210px;
}
#quickcheckout td {
    width: 25px;
}

#quickcheckout #login_message, #quickcheckout #login_title  {
  width:100%;
}

.fsLoginForms {
     border: 1px solid #CCCCCC;
}

.fsLoginTitle {
     background: none repeat scroll 0% 0% #BBBBBB;
     color: #FFFFFF;
     padding: 3px 2px;
}

.fsLoginSubmit {
     background-color: #0C3E77;
     border: 1px solid #CCCCCC;
     color: white;
     cursor: pointer;
     font: bold 12px Arial,Helvetica,sans-serif;
     padding: 2px;
     width: 180px;
     margin-bottom:20px;
}