/*this file is a placeholder for Rob Cote to make his changes... once they are made, a UW dev should move them into the appropriate client folder */

/* Colors 
	Top Search Bar: #DEDEDE
	Blue Grey: #607589
	Dark Blue: #223748
	Lime Green: #D2E095
	Link:  #637588;
	Link REd: rgb(245, 9, 19);
	
	Green:  #008185
	Menu Hover: color: #bfd730;
	
	
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);


body {
	color: #494949;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	background: #FFF;
}

a {
	color: #637588; text-decoration: none;
}
a:hover { text-decoration: underline; color: #223748}

#content_wrapper{
    background:#FFF!important; position: relative; margin: -35px auto 0px auto;
}

.header_wrapper {
	position: relative;
	height: 160px;
}

header{
	background: url("../images/pwu_header_bg.png") repeat-x;
	color: #000;
}
header a {color: #666; font-weight: bold;}

.logoimage{ 
	background: url("../images/pwu-logo.png") center left no-repeat !important;
	display: block;
	position: absolute;
	left: 30px;
	top: 80px;
	height: 81px;
	width: 275;
	z-index: 1000;
}

#content_nav {
	background: #008185; 
	padding: 40px; 
	width: 100%; 
	-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.5);
}


nav {
    background: none;
    background-color: #008185;
    width: 960px;
    margin: 0px auto;
    float: right;
}

nav > ul > li:first-child, nav > ul > li {
    border:0;
    position: relative;
    display: block;
    text-decoration: none;
}


nav ul li a {
    color:#FFF; 
    font-weight: normal; 
    border: none;
    font-weight: 300;
}

nav ul li a.current {
    color: #223748; 
    font-weight: bold;
}

nav ul li a:hover, html.no-touch nav ul li:hover > a {
    color:#bfd730; 
    font-weight: normal;
    text-decoration:none;
}

nav ul li.haschildren ul {
    padding-left: 0.5px;
    padding-top: 0.5px;
}

nav ul li.haschildren ul li 
{
    border-top:none;
    border-right:none;
    border-bottom: 1px inset #D2D3D9;
    border-left: 3px solid #008185;
}


h2,h3,h4,h5 {font-family: 'Open Sans Condensed', Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase;}

h3 {font-size: 32px; font-weight: normal;}


.button {
	background: #607589;
	border: 1px solid #607589;
	color: #FFF;
}
.panel h4.head-icon-yourinfo {background: url(../images/pwu_icon_people.png) top left no-repeat;}
.button.button-edit {background: url(../images/pwu_icon_edit.png) 5px 5px no-repeat #EEE;}
.panel h4.head-icon-quickcontacts{background: url(../images/pwu_icon_phone.png) top left no-repeat; font-size: 24px;}


/*======= PANELS  =======*/


div.panel{
	background: #FFF;
	-webkit-border-radius: 0px!important;
	border-radius: 0px!important;
	
}
.panel h3 { color:#414042; font-size: 32px; line-height: 130%; margin-top: 20px; margin-bottom: 5px!important; border-bottom: 1px solid #414042; font-weight: bold;}
.panel h4 { color:#414042; font-size: 28px; line-height: 130%; margin-top: 5px; margin-bottom: 5px!important; border-bottom: 1px solid #414042;}
.panel h5 { color: #414042; font-size: 20px;}

.panel article h4 { border-bottom: 0px; font-size: 24px; text-transform: none;}
.panel article h3 { border-bottom: 0px; font-size: 24px; text-transform: none;}

div.shadedpanel{
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #EEE;
	border: 0px;
}
div.shadedpanel:before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 30px solid white;
    border-left: 30px solid rgba(0,0,0,0);
    width: 0;
}

.shadedpanel h4 {
	
}

.registeredevent, 
.availableevent { 
	background: #FFF;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

.news #content_body .shadedpanel,
.faq #content_body .shadedpanel {
	background: #FFF;
}

/*======= LOGIN PAGE  =======*/

.login .logoimage {
	left: 80px;
	background: url("../images/pwu_login_graphic.png") center left no-repeat !important;
	height: 174px;
	width: 276;
}


.login #content_wrapper{
    background: #008185!important; 
    -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.5);
	height: 320px;
}

.login #content_nav {
	display: none;
}

.login .shadedpanel {
	background: none;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #DEDEDE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DEDEDE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#DEDEDE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#DEDEDE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#DEDEDE 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#DEDEDE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffae4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #666;
}
.login div.shadedpanel:before {
    content: '';
    position: absolute;
    top: 1; right: 10px;
    border-top: 30px solid #008185;
    border-left: 30px solid rgba(150,150,150,1);
    width: 0;
}
.login h3{	color: #333; font-size: 24px; margin-bottom: 40px; margin-top: 5px;}
.loginimage
{
	background:none;
	height: 150px;
	width: 720px;
	padding-left: 300px;
	padding-top: 30px;
	color: #FFF;
	margin-left: 100px;
	margin-top: 0px;
}
.logintext2 span {font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 100%; font-size: 20pt; }
.logintext3 {font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #FFF;}
.login #footer {margin-top: 300px;}



/*======= FOOTER  =======*/


#footer_wrapper {
	background: #FFF;
	
}
#footer {
	padding: 40px 0;
}
#footer p, #footer div {color: #666; font-size: 11px;}
#footer a {color: #666;}


/*==== Reponsive adjustments =======*/

@media only screen and (max-width: 767px) {
	
	.login #content_wrapper{
		background: #008185!important; 
    	margin: 0px auto 0px auto;
    	padding-top: 10px;
	}
	.login #content_nav {
		display: none;
	}
	.logoimage {left: 20px; top: 60px;}
	
	.login .logoimage {display: block; left: 20px; top: 20px;}
	
	
	#content_wrapper{
    	margin: 0px auto 0px auto;
	}
	#content_nav {height: auto;}

}

@media only screen and (min-width: 768px) {
    /*Moved into @media because this isn't needed on mobile device*/
    .login #errorContainer 
    {
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 100px;
    }
}

.nav-utility {
    margin-top:0px;
}



/* -----------------------------------------
   Custom CSS: PWU
----------------------------------------- */
.PWU_MultiLineTextBoxLabel .alwayslabel
{
    float: none;
    width: auto;
}

.PWU_dispatchBookInRequestLabel
{
    margin-top: 25px;
}

.PWU_dispatchBookInRequestLink
{
    margin-top: 23px;
}

.PWU_dispatchMyInformationLink
{
    padding-left: 1em;
    display: block;
}

/* Prevent the main menu bar from floating to the right and looking off centered */
#nav-main
{
    float: none !important;
}

.logoimage 
{
    left: 0px !important;
}

.PWU_DispatchRecentPaymentsSmall
{
    font-size: 16px;
    text-transform: none;
}

/*Start PWU-17-0030 */
.red-label label {
	color: red;
	font-size: 12pt;
	margin-top: 5px;
}

.cannot-bid-note {
	margin-top: 15px;
	margin-bottom: 15px;
}
/*End PWU-17-0030 */