/* --------
   
   Document: standard.css
   Comment: Standard Template styles. The header, left side navigation and the footer styles can be found in screen.css
   Author: University of Washington Bothell
      
   Table of Content: 
    1. Header
   	2. Right Column
   	3. Left Column
   	4. Content
   	5. Footer
   	6. Overwrite styles for legacy.css
   	7. Form
   	8. Customizations
	9. Images

-------- */

@import url("/components/general/styles/legacy.css"); /* Styles from the previous design from 2009 that would have to stay because of our existing content. */


body{
	background: #fdfcf9 !important;	
}
.headerWrapper{
height: 145px;
}

#containerWrapper{
	background: url("/components/standard/images/pageBgMain.jpg") repeat-x center top #fdfcf9 !important;/*Background image that repeats across*/	

}

/*---------------------------------------------------------
1. Header*/


#uwbWrapper{
	background: url("/components/standard/images/pageBg.jpg") no-repeat center top;  /*Page background image. Important: If this image changes, the #containerWrapper image needs to change as well to match it. Change the #containerWrapper bg color if need be */
	overflow: visible;
	width: 100%;
	min-width: 1030px;
	
}


/*---------------------------------------------------------
2. Right Column*/


#rightCol{
	width: 210px;
	float: right;
    color: #707070;
	padding-top: 55px;
	background: url('/components/standard/images/rightCol-divider.jpg') repeat-y left top;
}



#rightCol .colBox{
	padding: 0 10px 65px;
	background: url('/components/standard/images/rightCol-divider-btm.jpg') no-repeat left bottom;
	
}

#rightCol hr{
border-bottom: 4px solid #eaeaea;
border-style: double;
margin-top: 20px;col1
margin-bottom: 20px;
background: none;
color: #fff;
}

#rightCol a{
	color:;
}

.focusBox{
	margin-bottom: 20px;
	padding: 12px 0 20px;	
	border-bottom: 4px solid #eaeaea;
	border-style: double;
	background: #fff;	
}

#rightCol .focusBox a{
	text-decoration: none;
    color: #707070;}

#rightCol .contact{
	font-size: 14px;
	line-height: 20px;
    color: #000;
}
#rightCol .contact p {
	padding-left:10px;
}

#rightCol .contact ul li{
	font-size: 14px;
	line-height: 20px;
    padding-bottom:8px;
}

/*---------------------------------------------------------
3. Left Column*/

#leftCol{
	padding-top: 60px;
	background: url('/components/standard/images/leftCol-divider.jpg') repeat-y 180px top;
}

#colContent1 {
	background: url('/components/standard/images/leftcol-divider-btm.jpg') no-repeat 180px bottom;
	padding-bottom: 60px;
}
/*Left side navigation styles*/
#siteNavigationHome {
padding: 0 14px 8px 15px;
margin: 0;	
}

.menuWrapper{
margin-right: 10px;
padding: 0 0 30px;

}
.menuWrapper ul#menu{
	padding: 0px;
	margin: 0px;

}
.menuWrapper ul#menu ul{
	padding-left: 0px;
}


.menuWrapper ul#menu li{
	list-style-type: none;
	font-size: 11px;
	border-top: 1px solid #f3f3f2;
	padding: 0;
}

.menuWrapper ul#menu li img{
position: absolute;/* to allow image to be absolutely positioned within this block */
margin-left: 172px;
margin-top: -14px;
}
.menuWrapper ul#menu li li{
	border: 0;
	font-size: 11px;
}
.menuWrapper ul#menu li li li{
	padding-right: 0;
}

.menuWrapper ul#menu li.menuLastItem{
		border-bottom: none;
		padding-bottom: 5px;
	}

.menuWrapper ul#menu li a{
	text-decoration: none;
	display: block;
	color: #787878;
	padding: 6px 20px 6px 15px;
}
.menuWrapper ul#menu li a:hover, .menuWrapper ul#menu li li a:hover{
	color: #2964ba;	
}

.menuWrapper ul#menu li li a{
	color: #2964ba;
	margin-right: 20px;
	margin-left: 10px;
	padding-right: 0;
	background: url('/components/standard/images/link-arrow.png') no-repeat 8px 10px;
	padding-left: 22px;
}
.menuWrapper ul#menu li li li a{
	padding-left: 35px;
	font-weight: normal;
	font-style: normal;
	color: #2964ba;
	background: url('/components/standard/images/link-arrow.png') no-repeat 20px 10px;
	
	
	
}
.menuWrapper ul#menu li li a.CMSListMenuLinkHighlighted{
background: url('/components/standard/images/link-arrow.png') no-repeat 8px 10px !important;
padding-left: 22px !important;	
}
.menuWrapper ul#menu li li li a.CMSListMenuLinkHighlighted{
background: url('/components/standard/images/link-arrow.png') no-repeat 20px 10px !important;
padding-left: 35px !important;	
}
.menuWrapper ul#menu a.CMSListMenuLinkHighlighted{
	color: #252525;
	font-weight: bold;
	background: none !important;
	padding-left: 13px !important;
}

li.CMSListMenuHighlightedLI{
border-left: 1px solid #fff;
}


/*---------------------------------------------------------
4. Content*/

.pageTitle{
background: url('/components/standard/images/pgheader-bg.jpg') repeat-x left bottom #f8f7f2;	
padding: 12px 15px 12px;
border-bottom: 1px solid #eeeeec;
overflow: hidden;
    
}

.container{
	/*background: #fff url("/components/standard/images/contentBg.gif") repeat-y right top;*/
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;	
}

/*Main Content area of the page*/

#content{
width: 560px;/*width of the content arear*/
min-height: 400px;
height: auto !important;
float: left;
padding: 55px 18px 35px 0;
}

#content img{ /*default style of any image inside the content area*/
	padding: 4px;/* Change the padding to 4px when using the border
	border: 1px solid #dfdfdf;*/
	background: #fff;
}

/*Custom Styles*/

.uwb-about-webcam #content img, uwb-about-construction-uw3-webcam #content img{
width: 560px !important;
height: auto !important;	
}


/*---------------------------------------------------------
5. Footer*/

.footer{
	background: #fdfcf9;
}
.footerW{
	background: url('/components/standard/images/footer-shadow.jpg') no-repeat left top;
	margin-bottom: 5px;
}
.footerW img{
	display: block;
	margin: 0 auto;
}


/*---------------------------------------------------------
6. Overwrite styles for legacy.css*/

.quotation{
	background: url("/components/standard/images/quote-openning.png") top left no-repeat;
	width: 176px;
	padding: 25px 0 0 10px;
	font-size: 12px;
	line-height: 20px;
	color: #707070;
}
#content .quotation{
	float:left; 
	margin-right:16px;
}

.quotation q{
	display:block;
}
.quotation cite{
	display:block;
	background: url("/components/standard/images/quote-closing.png") bottom right no-repeat;
	padding: 10px 80px 20px 0;
	text-align: left;
	font-style: italic;
	font-size: 11px;
}


.uwb-21stcentury #sevencol{
	width:100%;
	left:0px;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
	border: 0;
}
.uwb-21stcentury #sevencol .priority{ /* all boxes */
	width:115px !important;
	height: 120px;
	float: left;
	text-align: center;
	padding: 10px;
}
.uwb-21stcentury #sevencol #one{
	background-color:#DEB406;
}
.uwb-21stcentury #sevencol #two{
	background-color:#f5e6b7;
	width:135px;
}
.uwb-21stcentury #sevencol #three{
	background-color:#a4a1cc;
}
.uwb-21stcentury #sevencol #four{
	background-color:#b0b0b0;
	width:135px;
}
.uwb-21stcentury #sevencol #five{
	background-color:#ccccdd;
}
.uwb-21stcentury #sevencol #six{
	background-color:#c1c494;
	width:135px;
}
.uwb-21stcentury #sevencol #seven{
	background-color:#ddddc0;
}

#map-container{
	width: 560px !important;
}
#map-container img{
	padding: 1px;
}
#map-container h3{
float: left;
width: 100%;	
}


/*---------------------------------------------------------
7. Form */

#p_lt_zoneMain_mainContent_BizFormControl1_Bizform1 {
		padding-top: 25px;

	}

fieldset{
	margin-bottom: 20px;
	border: 0;
	padding:0 0;
	color: #222;
	border: 0px;
	font-size: 12px;
}
fieldset td{
	border: none !important;
	text-align: left !important;
	font-size: 12px !important;
	background: #fff !important;
}
fieldset td label{
}
fieldset textarea{
	width: 370px !important;
	height: 100px;
}
fieldset legend{ 
font-size: 1.8em;
line-height: 1.8em;
color: #000;
margin-bottom: 5px;
font-weight: normal;

}

.EditingFormErrorLabel{
	color:#aa0000;
	background: #fcecf3;
	border: 1px dashed #e0bdcd;
	padding: 5px;
	margin-bottom: 20px;
}

#content fieldset em { /* denotes required field */
	font-size: 85%;
    color: #c28e00;
}
fieldset label{
  color: #222;

}
.FormButton{
	background: #363636;
	color: #fff;
	border: 0;
	padding: 8px 35px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	text-transform: uppercase;
}
fieldset input[type=text], fieldset input[type=password], fieldset textarea{
padding: 7px 5px;
width: 240px;
background: #f9fbfe;
border: 1px solid #d7d7d7;
}

fieldset select{
	width: auto;
}
/*fieldset input.TextBoxField, fieldset input.CalendarTextBox, fieldset textarea.TextAreaField, .EditingFormControlNestedControl input{
	
}*/

.EditingFormControlNestedControl input.CalendarIcon{
	border: none !important;
	margin-left: 5px;
}
fieldset input.TextBoxField:focus, fieldset textarea.TextBoxField:focus{
color: #000;
border: 1px solid #cdcdcf !important;
}


fieldset .CheckBoxListField input{
background: none;
border: none;
}

fieldset .RadioButtonList{
	font-size: 12px;
}

/*---------------------------------------------------------
8. Customizations */

.uwb-search #rightCol{
	display: none;
}
.uwb-search #content{
	background: #fff;
}

#mainCol ul.links-list{
 padding-left: 0px;
 margin-left: 0px;   
}
#mainCol ul.links-list li{
background: url('/components/standard/images/link-arrow.png') no-repeat left 8px;		
}

#content .button, #content .button2{
  background: #edece7;
  font-size: 12px;
  padding: 8px 20px;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   margin: 5px 0px 5px 4px;
   text-align: center;
}

#content .button2{
	background: #4b2e83;
}
#content .button a, #content a.button{
   color: #424242 !important;
   
}
#content .button a:hover, #content a:hover.button{
   color: #000 !important;
}

#content .button2 a, #content a.button2{
   color: #fff;
   
}
#content .button2 a:hover, #content a:hover.button2{
   color: #d7dfec;
}

.uwb-give-button {
	text-transform: uppercase;
	text-decoration:none;
	color: #4B2E83 !important;
	font-size: 1.5em;
	background-image: url("/getattachment/stem/give/give-heart.png");
	background-repeat: no-repeat;
	background-position: 1em;
	padding: 5px;
	display: block;
	position:relative;
	width: 69%;
	border: 1.5px solid #7862A2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.uwb-give-button{
	font-weight: 200;
	border: 1.25px solid #7862A2;
	padding-left:3em;
	padding-top: 3;
}

a.uwb-give-button:hover{
	font-weight: 800;
	background-image: url("/getattachment/stem/give/give-heart-gold.png");
	border: 1.25px solid #A39779;
}


.person-button-gold {
    text-decoration: none;
    color: #85754d!important;
    font-size: 1.5em;
    background-image: url("/components/standard/images/give-person-gold.png");
	background-size: 25px;
    background-repeat: no-repeat;
    background-position: 0.5em;
    padding: 5px;
    display: block;
    position: relative;
	 border-radius: 3px;
    -webkit-border-radius: 3px;
}

a.person-button-gold {
	font-weight: 200;
	text-align:left;
    border: 1.25px solid #b7a57a;
	padding-left:2.2em;
	background-size:25px;
}

a.person-button-gold:hover{
	font-weight: 700;
	background-image: url("/components/standard/images/give-person-gold-out.png");
	background-size:25px;
	border: 1.25px solid #b7a57a;
}


.heart-button-purple {
    text-decoration: none;
    color: #4b2e83!important;
    font-size: 1.5em;
    background-image: url("/components/standard/images/give-heart.png");
	background-size: 25px;
    background-repeat: no-repeat;
    background-position: 0.5em;
    padding: 5px;
    display: block;
    position: relative;
	 border-radius: 3px;
    -webkit-border-radius: 3px;
}

a.heart-button-purple {
	font-weight: 200;
	text-align:left;
    border: 1.25px solid #4b2e83;
	padding-left:2.2em;
	background-size:25px;
}

a.heart-button-purple:hover{
	font-weight: 700;
	background-image: url("/components/standard/images/give-heart-out.png");
	background-size:25px;
	border: 1.25px solid #4b2e83;
}







#rightCol .button, #rightCol .button2{
  background: #edece7;
  font-size: 12px;
  padding: 8px 20px;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   margin: 5px 0px 5px 4px;
   text-align: center;
}

#rightCol .button2{
	background: #4b2e83;
}
#rightCol .button a, #rightCol a.button{
   color: #424242 !important;
   
}
#rightCol .button a:hover, #rightColt a:hover.button{
   color: #000 !important;
}

#rightCol .button2 a, #rightCol a.button2{
   color: #fff;
   
}
#rightCol .button2 a:hover, #rightCol a:hover.button2{
   color: #d7dfec;
}


/*Content Sub nav - intended for landing pages and pages that need sub content used in their side columns*/

.contentNav{
padding: 0px !important;
margin: 0px !important;
font-size: 12px;
}
.contentNav li{
background: none !important;
border-top: 1px solid #f0f0ef;
display: block;
padding: 0px !important;
}
.contentNav li a{
color: #363636 !important;
display: block;
margin: 0px;
padding: 6px 0px !important;

}
.contentNav li a:hover{
color: #380982 !important;
}

/*Creates a plain list with no bullets, no margin or padding*/
#content ul.plain li{
background: none; 	
}
#content ul.plain, ul.plain li{
padding: 0px !important;
margin: 0px !important;	
}


/*---------------------------------------------------------
Custom Layouts */

.columnWrapper.noborder{
	background: none !important;
}
.columnWrapper.threeCol, .columnWrapper.fourCol .col{
	margin-bottom: 20px;
}

/* 2 col layout 80% width on the left, 20% width on the right*/

.columnWrapper .col1-80, .columnWrapper.col8020 .col1{
	width: 360px;
	float: left;
	padding-right: 12px;

}
.columnWrapper .col2-20, .columnWrapper.col8020 .col2{
	width: 160px;
	float: right;
	border-left: 1px solid #eaeaea;
	padding-left: 20px;
	font-size: 12px;
	line-height: 18px;
}
/* 2 col layout 20% width on the left, 80% width on the right*/

.columnWrapper .col1-20, .columnWrapper.col2080 .col1{
	width: 160px;
	float: left;
	border-right: 1px solid #eaeaea;
	padding-right: 20px;
	font-size: 14px;
	line-height: 18px;
}
.columnWrapper .col2-80, .columnWrapper.col2080 .col2{
	width: 360px;
	float: right;
	padding-left: 12px;
}

.columnWrapper .leftColumn, .columnWrapper .rightColumn {
	width:48% !important;
	padding-right: 2%;
/* This width overwrites the left and rightcolumn width and makes them fit*/
}

.columnWrapper .rightColumnBorder{
	padding-left: 1%;
	border-left: 1px solid #ccc;
	width: 48%;
	float:right;
}

.columnWrapper .leftColumnBorder{
	padding-right: 1%;
	border-right: 1px solid #ccc;
	width: 48%;
	float:left;
}


/*class .noborder for no border on custom columns*/
.columnWrapper.noborder .col2-20, .columnWrapper.col8020.noborder .col2, .columnWrapper.noborder .col1-20, .columnWrapper.col2080.noborder .col1{
border: none;	
}

#mainCol .col2-20 blockquote.quote{
margin: 0;
padding: 20px 5px;
}

/* Two Column*/
.columnWrapper.twoCol .col{
width: 48%;
float: left;
padding-right: 1%;
}

.col .smalllFont{ 
font-size:12px;
}

/* Three Column*/

.columnWrapper.threeCol{
background: url('/components/general/images/three-col-bg.gif') repeat-y left top;	
}

.columnWrapper.threeCol .col1, .columnWrapper.threeCol .col2, .columnWrapper.threeCol .col3{
width: 31%;
float: left;
padding-right: 3%;
}

.columnWrapper.threeCol .col3{
	padding-right: 0%;
}

/*Four Column*/

.columnWrapper.fourCol .col{
width: 21%;
float: left;
padding-right: 4%;
}

/* Column Custom Styles*/

.uwb-admissions-apply .columnWrapper{
margin-bottom: 20px;	
}



/*column buttons*/

.colButtons{
	margin: 0px;
	padding: 0px;
}
.colButtons li{
	list-style: none;
	padding: 0px !important;
	margin: 0 0 3px !important;
	display: inline-block;
	background: none !important;
}

hr.divider2{
	border: 0;
	background: url('/components/standard/images/divider2.gif') no-repeat center center;
	height: 19px;
	margin: 8px 0;
}

hr.divider3{
	border: 0;
	border-bottom: 4px solid #eaeaea;
	border-style: double;
	margin-top: 20px;
	margin-bottom: 8px 0;
	background: #fff;
	
}

/* Quote with a photo */
.quotePic{
	padding-top: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
.quotePic img{
float: left;
margin-top: 15px !important;
}

#content .quotePic blockquote, #content .quoteSide blockquote{
margin: 0;	
}
#content .quotePic blockquote span, #content .quoteSide blockquote span{
	display: block;	
	font-weight: bold;
	line-height: 18px;
}
#content .quotePic blockquote{
float: right;
width: 75%;
font-size: 12px;
background: url('/uwbothell/media/templateimages/base/quote1.gif') no-repeat;
padding-top: 10px;
color: #707070;
}
#content .quotePic blockquote span{
	background: url('/uwbothell/media/templateimages/base/quote2.gif') no-repeat top right;
	padding: 10px 0;
}

/* quote on a ribbon background for the narrow column on StandardWide template */

#content .quoteSide{
	margin-bottom: 20px;
	width: 161px;
	background: url('/components/standard/images/quoteSide2.gif') repeat-y center top;
}
#content .quoteSide blockquote{
		background: url('/components/standard/images/quoteSide1.gif') no-repeat center top;
		padding: 40px 10px 0 15px;
		color: #858484;		

}
#content .quoteSide blockquote span{
		background: url('/components/standard/images/quoteSide3.gif') no-repeat center bottom;
		padding-bottom: 40px;
		position: relative;
		bottom: -5px;
		font-size: 10px;
		line-height: 14px;
}


/*---------------------------------------------------------
9. images */

figcaption {
	font-size: 0.8em;
	font-style: italic;
	color:#85754d;
}