/*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 
	Body: color: #333333; 
	Background Dark Blue :  #003467;
	Menu Bright Blue: #4b92db
	Sidebar Light yellow: #faf4e8
	Sidebar Title background-color: #ffe8aa; color: #666666;
	H4 - color: #003467; background-color: #bad1eb;
	Link: #002857;
	Content Link: color:#2457A0; 
	Membership Purple: color: #624a7e;
	
*/


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

a {
	color: #2457A0; text-decoration: none;
}
a:hover { color: #1D5092; text-decoration: underline}

#content_wrapper{
    background: url(../images/osstf_body_home_bg.jpg) center top repeat-x;
}
/*START OSSTF-16-0016 BDS Billingual language switch*/
.languages 
{
    display: block !important;
}
.languages, .userinfo
{
    margin: 5px 0;
    font-size: 85%;
    text-align: right;
}
/*END OSSTF-16-0016*/

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

header{
	background: #003467;
	color: #88A7C8;
}
header a {color: #fff;}

.logoimage{ 
	background: url("../images/osstf-logo.png") center left no-repeat !important;
	display: block;
	position: absolute;
	height: 110px;
	width: 275px;
}
/*.logoimage {
}*/

.nav-bar { background: url(../images/osstf_nav_li_bg.png) top left repeat-x; }
.nav-bar li a {color:#FFF; font-weight: bold;}
.nav-bar > li  { background: url(../images/osstf_nav_li_bg.png) top left repeat-x; border: none; border-right: 1px solid #7DA6D3; line-height: 40px; }
.nav-bar > li > a:first-child {padding: 0px 10px;}
.nav-bar > li.has-flyout > a:first-child {padding-right: 25px;}
.nav-bar > li:last-child { border-right: none; }
.nav-bar > li.has-flyout > a.flyout-toggle {padding: 22px 8px;}
.nav-bar > li.has-flyout > a:first-child:after {right: 10px;}
.nav-bar li a.current {color: #003467;}
.nav-bar > li:hover { background: #BACFEA; }


h2,h3,h4,h5 {font-family: Arial, Helvetica, Verdana, sans-serif;}

header h2 {color: #fff;}

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


.button {
    background: #FFB400;
    border: 1px solid #960F13;
    color: #003467;
    width: auto;
}
.panel h4.head-icon-yourinfo {background: url(../images/osstf_icon_people.png) top left no-repeat;}
.button.button-edit {background: url(../images/osstf_icon_edit.png) 5px 5px no-repeat #EEE;}
.panel h4.head-icon-quickcontacts{background: url(../images/osstf_icon_phone.png) top left no-repeat;}


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


div.panel{
background: #FFF;
	
}
.panel h4 { color:#003467; font-size: 18px; margin-top: 5px;}
.panel h5 { color: #003467; font-size: 16px;}

div.shadedpanel{
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(000,000,000,0.5);
	box-shadow: 0px 0px 6px rgba(000,000,000,0.5);
	background: #fffae4;
	border: 1px #999 solid;
}

/*.shadedpanel h4 {
	
}*/

.registeredevent, 
.availableevent { 
	background: #FFF;
}

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

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


.login #content_wrapper{
    background: url(../images/osstf_body_login_bg.jpg) center top repeat-x;
}

.login .shadedpanel {
	background: none;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fffae4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fffae4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fffae4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fffae4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fffae4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fffae4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffae4',GradientType=0 ); /* IE6-9 */
}
.login h3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333;
}
.loginimage
{
	background: url(../images/osstf_login_graphic.png) top left no-repeat;
	height: 240px;
	width: 720px;
	padding-left: 300px;
	padding-top: 100px;
	color: #003467;
	margin-left: 50px;
}
.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: #666;}

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


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


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

@media only screen and (max-width: 767px) {
	
	.login #content_wrapper{
    	background: none;
	}
	.nav-bar { background: url(../images/osstf_nav_li_bg.png) top left repeat-x; margin-left: 0px;}
	
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
	#content_wrapper{background: url(../images/osstf_body_home_bg.jpg) 0px 0px repeat-x;}
}


/*OSSTF-16-0018 Start BDS */
.osstf-popup {
    display: none;
    z-index: 1000;
    position: fixed;
    width: 50%;
    left: 50%;
    margin: auto auto auto -25% !important;
}

.osstf-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 900;
}
.osstfexpensegrid {
	word-break: break-word;	
	width:100%;
}

@media only screen and (max-width: 800px) {
    .osstfexpensegrid {
        word-break: normal;
        width: 100%;
    }
}

/*OOSTF-16-0055*/ 
.osstfexpensevouchers .topmargin, 
.osstfexpensevoucher .topmargin,
.osstfexpenseitemviewdocuments .topmargin {
    margin: 10px
    
}
.osstfexpensevouchers .button,
.osstfexpensevoucher .button,
.osstfexpenseitemviewdocuments .button,
.osstfupdateexpensevoucher .button,
.osstfexpenseitemadddocument .button,
.osstfupdateexpenseitem .button{
	border-radius: 10px;
	margin: 10px 10px 10px 0px;
}

.osstfexpensevoucher .returnbutton{
	margin: 10px 0px 10px 10px;
}

.instructions {
	background: rgb(251, 230, 141);
	border: 1px #f30505 solid;
	padding: 10px 10px 10px 10px;
}
/*OSSTF-16-0055 END*/

/*OOSTF-15-062*/
.messagecounter {
	margin-top:-10px;
	margin-bottom:10px;
}
.subjectcounter {
	margin-top:-10px;
	margin-bottom:10px;
}
.sendemail textarea {
	height:100px;
}

.sendemail .linkbuttontext {
	line-height:14px;
	height:14px;
}

.buttonsize {
    text-wrap: normal;
    white-space: normal;
}

#jqDialog_box {
    width: auto;
}

/*Start OSSTF-18-0145*/
.osstf-no-margin-left {
    margin-left: 0 !important;
    padding: 0 !important;
}
/*End OSSTF-18-0145*/


/*OSSTF-23-0031*/
body.osstfssocustomerrorpage, 
body.osstfssocustomerrorpage #content_wrapper {
    background: none;
}

body.osstfssocustomerrorpage h1 {
    color: #C00;
}

body.osstfssocustomerrorpage span {
    font-size: 16px;
}

body.osstfssocustomerrorpage a {
    text-decoration: underline;
}
    
body.osstfssocustomerrorpage li {
    margin-left: 30px;
}

body.osstfssocustomerrorpage {
    line-height: 130%;
}
/*End OSSTF-23-0031*/

@media only screen and (max-width: 767px) {

    .osstf-subscription-buttons {
        width: 100%;
    }
    .osstf-subscription-buttons input[type="submit"] {
        margin-left: 0;
        margin-top: 5px;
    }
}