/* 	WestOne Services basic styles
	Formatted and named using SMACCS conventions
	
	Author: e4008198
	Created: 13 February 2012

Table of Contents

Base ----------	reset, basic elements
Layout --------	structure/major page sections
Modules ------- reuseable page components
States --------	extend or override component styles

Color library

White 			#ffffff
Black			#000000
Department grey #eeeeee
Light grey 		#cccccc
Charcoal grey	#38424B

WestOne blue	#6198b7 KTI orange 
Foxy orange		#F07B05		

*/


/* ----------------------------------------------
  BASE
-------------------------------------------------*/


/* Cross-browser reset
--------------------------*/
html, body, ul, ol, li, form, fieldset, legend {
	margin: 0;
	padding: 0;}

body {
	height: 100%;}


h2, h3, h4, h5, h6, p { 
	margin: 0 0 1em 0; }
h4, h5, h6 {
	margin-bottom: 0.25em;}
ul, ol {
	margin: 0 0 1em 2em;
	padding-left: 1em;}
ol li {
	margin-bottom: 0.5em;}

fieldset,img { 
	border: 0; }
sup { 
	vertical-align: text-top; }
sub { 
	vertical-align: text-bottom; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1em;}
th, td{
	text-align: left;
	vertical-align: top;}

input, textarea, select {
	line-height: 1.1;}

abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;}
	
cite {
	margin-top: 0.5em;
	font-size: 0.8em;}
	


/* Standard elements
----------------------------*/

body {
	background: #fff;
	color: #333;
	font-size: 100%;
	font-family: Arial, "Lucida Sans", sans-serif;
	line-height: 1.3;}

article {
	background:#fff; /* 2016 q4 added */
}


h1, h2, h3, h4 {font-family: Arial, "Lucida Sans", sans-serif;}
h1 {font-size: 3em; margin:0 0 30px 30px; color:#fff;}	
h2 {font-size: 1.2em;}
h3 {font-size: 1.0em;}
h4 {font-size: 1em;
	color: #6198b7;}
	
p, li, a {
	font-size: 1em;}
	
a:link, a:visited {
	/*background: #fff;*/
	color: #799900;
	padding: 0 9px 0 9px;}  /* EDIT SP8 KTI edited from 0 4 0 2 */
	
a:hover, a:active, a:focus {
	color: #000;
}
a:visited {}	
	
table {
	border-collapse: collapse;
	border: 0;
	width: auto;}
caption {
	border: 0;
	background: #eee;}
td, th {
	border: 0;}
td {border-bottom: 1px solid #ccc;}
th {border-bottom: 1px solid #666;}

li ul {
	margin-top: 1em;}
	
ul.nobullet {
	list-style: none;}




#InstitutionAnnouncementLeft_1
{
	background-color:#fff;
	/*padding:20px;*/
	margin-left:10px;
	/*max-width: 610px; */
	/*max-width: 1200px; /* GRS - centre 2 annoucements horizontally */
	max-width:800px;
	margin:10px auto; /* GRS - centre 2 annoucements horizontally */
	/*margin:0 auto;*/
	/*display:inline-block;*/ /* GRS - centre 2 annoucements horizontally */
}


#InstitutionAnnouncement_2
{
	font-size:1em;*/ /* additional announcement rhs of login box */
	margin:90px auto; /* additional announcement rhs of login box */
	width:300px;   /* additional announcement rhs of login box */
	margin-bottom:20px;
	
}

#InstitutionAnnouncementLeft_2
{
	background-color:#eee;
	padding:20px;
	/*margin-left:10px;*/
	margin: 55px 0 0 -200px; /* additional announcement rhs of login box */
	/*margin_top:200px; /* additional announcement rhs of login box */
	border-radius: 1em;
	border:2px solid #999;
	
}






/* Reuseable styles - add element or class to list 
---------------------------------------------------*/

/* small corners */
a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }

/* large corners */
.navsub, .contact, .box {
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; }
	
	
	
	

/* ----------------------------------------------
  LAYOUT 
-------------------------------------------------*/

#skip {
	margin: 0; padding: 0;}
#skip a:link, #skip a:visited {
	/* positions the skip link out of frame */
	position:absolute; 
	display: block;
	left:0px;
	top:-500px; 
	width:1px;
	height:1px;
	overflow:hidden;
	background-color: #fff;
	color: #000;
	border-bottom: 1px solid #333;}
#skip a:hover, #skip a:active, #skip a:focus {
	position: static;
	width: auto;
	height: auto;
	padding: 0.5em;}

#strip
{
	background:#fff; /* 201410 sp16 from #3b3b3b */
	/*height: 88px;*/ /* sp16 cu3 - remove */
	width:100%;
	overflow:hidden; 
}
#strip2
{
	display:block;
	clear:both;
	width:100%;
	background:#416d88; /* 201410 sp16 from #3b3b3b */
}

#header {
	
	overflow:hidden;
	background: #bfd1db; /* 2015 new */
	color: #333;
	width:100%; /* 2015 new */
	height:566px; /* 2015 new */
	margin:0px; /* 2015 new */

	
	}
	
#header img {
	
}
	
#main, #footer,
#banner, .meta, .hero,
.pagetitle, .content {
	padding: 0 1em;}
	
#banner, .meta, .navmain, .hero, 
.pagetitle, .content, .announcements {
	/*max-width: 980px; /* 2015 new */
	max-width: 1100px; /* 2015 new */
	margin: 0 auto;}

.content_09 { /* 2015 new */
	padding:0 0 ; /* 2015 new */
	margin:0 0 0 15%;
} /* 2015 new */

.closemenu
{
	float:right;
}
#footer {margin-top:110px;} /* 2015 new */

#banner {
	margin: 0 0 0 50px;/* sp16 cu3 from 0px auto 0px */
	/*background-color: #fff;* /* sp16 cu3 remove colour, default to background */
	color: #333;
	/*height: 122px; /* 2015 new */
	height: 110px; /* 2015 new */
	position: relative; /*used to position .meta only */
	max-width:1116px;/* 2015 new */
	padding: 0 0;/* 2015 new */}
	
#banner a:hover, #banner a:focus,
.hero a:hover, .hero a:focus {
	background: none;}

.meta {/* used in both header and footer */	
	height: 25px;
	padding-top: 10px;}
.meta a:link, .meta a:visited {
	background: #eee;
	color: #6198b7;}
.meta a:hover, .meta a:active, .meta a:focus {
	background: #fff;
	color: #333;}
.meta form {
	margin-top: 0.5em;}
	
#banner .meta {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.9em;}
	
#banner .meta ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
#banner .meta li {
	display: inline;
	margin-right: 1em;}	
#banner .meta a:link, #banner .meta a:visited {
	background: #fff;}
#banner .meta a:hover, #banner .meta a:active, #banner .meta a:focus {
	background: #eee;}

.navmain {
	background-color: #38424B;
	color: #fff;
	height: 42px;}
.navmain ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
.navmain li {
	float: left;
	margin: 0;
	padding: 0;}
.navmain a {
	position: relative;}
.navmain a img {
	position: absolute;}
a#products {width: 172px;}
a#services {width: 	188px;}
a#working {width: 267px;}
a#partners {width: 195px;}
a#about {width: 137px;} 	
.navmain a:link, .navmain a:visited {
	text-decoration: none;
	margin: 0; 
	padding: 0;
	display: block;
	height: 42px;
	overflow: hidden;
	background: transparent;}
.navmain a:hover img, .navmain a:active img, .navmain a:focus img,
.navmain a.s_current img {
	top: -42px;}
	
.hero { /*home page*/
	
	color: #000; /* 201410 edit - changed from #fff (white) to #000 (black) */
	/*height: 388px; /* 2015 new */
	height: 452px; /* 2015 new */
	position: relative; /*to contain img*/}
#hero {
	position: absolute;
	top: 50px;}

.pagetitle { /*content pages*/
	color: #fff;
	height: 80px;}
.pagetitle h1 {
	margin-left: 1em;}

#loginBoxHolder
{
	margin:100px 0 0 200px;
}
	
.content {
	padding-top: 6em; /* 201410 edit - increased from 2em */
	min-height: 300px;}
	
.navsub, .picsub, .topic, .contact {
	float: left;}
.navsub, .picsub, .contact {
	width: 20%;}
.topic {
	width: 52%;}
	
#footer {
	background-color: #f3f3f3;
	color: #333;
	font-size: 0.9em;
	clear: both;
	/*margin-top:20px;*/ /* sp16 cu3 remove */
	}
	
	
/* Generic layout classes */

.l_clear {
	clear: both;}

.l_inlineblock {
	
	display: inline-block; 
	vertical-align: top;}
.thirds {
	width: 28%;}
.twothirds {
	width: 64%;}  /* EDIT SP8 WCIT  - changed from 69% */
.onethird {
	width: 24%;} /* EDIT SP8 KTI change from 19% */
.loginBox {
	position:absolute;
	background-color:rgba(255,255,255,0.8);
	width: 25%; /* sp16 cu3 from 33% */
	height:400px; /* sp16 cu3 from 566px */
	right:650px; /* sp16 cu3 */
	top:200px; /* sp16 cu3 */
	
	}
#loginbackground {
	
	margin:0 auto;/*2015 new*/
	background-color: #bfd1db;/*2015 new*/
	display:block;
	background-image: url(../img/image_effect.png), url(../img/bg_image.jpg);
	background-size:cover;
	height:567px;
	padding:100px 0 0 15%;
	}
.box {
	background: #eee;
	margin: 0 1em 1em 0;
	padding: 1em 1em 1em 2em;
	min-height:10em;
}

.box a:hover, .box a:focus {
	background: #fff;}

/* ----------------------------------------------
  MODULES  
-------------------------------------------------*/
/* Contact Details - home page only */
.contactDetails{
	list-style: none;
	margin: 0; padding: 0; float:left} /* EDIT SP8 KTI float added */
	
	
.contactDetails1{ /* EDIT SP8 KTI BB mobile second column */
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;}	

	
.contactDetails li {
	height: 45px;
	padding: 15px 0 0 55px; /*top padding + height = img height*/
	/*overflow: hidden;*/}	
	
.contactDetails1 li {  /* EDIT SP8 KTI - BB mobile second column */
	height: 45px;
	padding: 15px 0 0 55px; /*top padding + height = img height*/
	overflow: hidden;}	
	
#icon_android {background: url(../img/icon_android.png) 120px 5px no-repeat; padding-bottom:35px;} /* edit 201410 - padding added to all 3 icons, change posotion 120px /u/d and 100l/r */
#icon_appstore {background: url(../img/icon_appstore.png) 120px 5px no-repeat; padding-bottom:35px;}
#icon_blackberry {background: url(../img/icon_blackberry.png) 120px 5px no-repeat; padding-bottom:35px;}
#icon_windows {background: url(../img/icon_windows.png) 120px 5px no-repeat; padding-bottom:35px;}


.navsub, .contact {
	background: #eee;
	margin: 0;
	padding: 1em;}
	
.navsub ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
.navsub li {
	margin: 0.25em 0; padding: 0;}
.navsub a {
	display: block;
	padding: 0.25em;}
	
.navsub a:hover, .navsub a:focus,
.contact a:hover, .contact a:focus {
	background: #fff;}
	
.navsub img {
	margin: 0; padding: 0;}
	
.topic {
	margin: 0 1em;}
.topic h2 {
	border-bottom: 1px solid #ccc;
	margin-top: 2em;}
.topic h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;}
	
/* Carousel */
.slider {
	position: relative; /*to contain slidenav*/}
.slide {}
.slidenav {
	position: absolute;
	bottom: 0;
	left: 0;}
.slidenav ul { /* added via common.js */
	list-style-type: none;
	margin: 0 1em; padding: 0;}
.slidenav li {
	float: left;
	margin-right: 5px;}
.slidenav a {
	position: relative;}
.slidenav a img {
	position: absolute;}
.slidenav a:link, .slidenav a:visited {
	padding: 0;
	display: block;
	width: 7px;
	height: 7px;
	overflow: hidden;
	background-color: transparent;}
.slidenav a:hover img, .slidenav a:active img, .slidenav a:focus img {
	top: -7px;}
.slidenav a.s_current img {
	top: -14px;}
	



/* ----------------------------------------------
  STATES
-------------------------------------------------*/

.s_current {}
.s_active {}
.s_hidden {}



/* ----------------------------------------------
  Accordion
-------------------------------------------------*/

.accordion
{
	background:#FFF;
	border:1px solid #C9D2D4;
}
/*.info_box_wrapper
{
	clear: both; background:url(../../branding/themes/as_2012_custom/custom/login_headers_bg.jpg) top repeat-x #FFF; padding-top:6px; border:1px solid #c9d2d4; margin-top:30px;
}*/

.info_box_wrapper h3 {margin: 0 0px 10px 0px; padding: 0px 10px; font-size:110%; color:#525252; text-transform:uppercase; letter-spacing:5; font-family:Futura, Verdana, Arial, Helvetica, sans-serif;}

 h4.showhideController {cursor:pointer; margin:0px; padding: 10px 10px 10px 10px; font-size:110%; /*background-color:#f4f4f4!important; border:1px solid #c9d2d4!important;*/ } /* edit 201410 -  importants added. Border changed from border-bottom*/
 .indentcontent
 {
	 padding-left:10px;
 }
 .showhide
{
	padding:10px 20px;
	margin-bottom:10px;
}
.info_box_wrapper a:link {color: #993300;}
.info_box_wrapper a:visited {color: #993300;}
.info_box_wrapper a:hover {color: #D64700;text-decoration:none;}
.info_box_wrapper a:active {}

.instruction
{
	text-transform:none;
	font-size:70%;
	letter-spacing:0;
	font-weight:normal;
		
}



/* ----------------------------------------------
  Browser Requirements
-------------------------------------------------*/
ol, ul
{
	list-style:circle outside;
}

th.confluenceTh, table.confluenceTable th.confluenceTh {
    background-color: #F0F0F0;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    min-width: 0.6em;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

td.confluenceTd, table.confluenceTable td.confluenceTd {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
	background-color:#FFF;
    min-width: 0.6em;
    padding: 5px;
    vertical-align: top;
}


/* ----------------------------------------------
  How to use Bb for students
-------------------------------------------------*/

#toc li .title {
    color: #666666;
    display: block;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
span.title, span.action, span.author {
    margin-left: 55px;
}
#toc ul {
    list-style: none outside none;
    padding: 0;
}
#toc li {
    margin: 1.5em 0;
}
/*.watch {
    background: url(../img/icon_watch.gif) no-repeat scroll 10px center transparent;
    min-height: 40px;
}*/

/* ----------------------------------------------
  Bb Mobile
-------------------------------------------------*/

#mobile h3
{
	padding:10px 0 0 40px;
}
/*.MLAnnouncementsIcon {
    background: url(../img/MLAnnouncementsIcon.png) no-repeat bottom left transparent;
    min-height: 45px;
}
.MLBlogsIcon {
    background: url(../img/MLBlogsIcon.png) no-repeat bottom left transparent;
    min-height: 45px;
}
.MLForumsIcon {
    background: url(../img/MLForumsIcon.png) no-repeat bottom left transparent;
    min-height: 45px;
}
.MLGradesIcon {
    background: url(../img/MLGradesIcon.png) no-repeat bottom left transparent;
    min-height: 45px;
}
.MLJournalsIcon {
    background: url(../img/MLJournalsIcon.png) no-repeat bottom left transparent;
    min-height: 45px;
}
.MLRosterIcon {
    background: url(../img/MLRosterIcon.png) no-repeat bottom left transparent;
    min-height: 45px;
}
.MLTasksIcon {
    background: url(../img/MLTasksIcon.png) no-repeat bottom left transparent;
    min-height: 45px;
}
.MLVideosIcon {
    background: url(../img/MLVideosIcon.png) no-repeat bottom left transparent;
    min-height: 45px;
}*/


/* ----------------------------------------------
 slideshow
-------------------------------------------------*/
#protofade { position:relative; margin:0; padding:0px; width:462px; height:263px; overflow:hidden; }
#protofade li { position:absolute; top:0; left:0; margin:0; padding:0; background:none; list-style-type:none;}

/* 2015 new - below */

/* --------------------------------------------- */
/* horizontal menu  - KTI - (copied from Durack) */
/* --------------------------------------------- */

#container1, #container2, #container3, #container4, #container5, #container6 {
   display:none; 
  /*height:100%;*/ /* sp16 cu3 added - remove */
  padding: 20px 0 50px 20px; /* sp16 cu3 added - added */
  max-width: 600px; /* sp16 cu3 added - added */
  min-height:200px;
	background-color: #efefef; /* 2016 q4 added */
}

/* KTI needed to centre in IE9 */
#content_wrapper {
	overflow: hidden;
	padding:22px 0px;

	} 	
	
	
#linkDiv {
	/*width:150%; /*KTI  */
	height:11px; /*sp16 cu3 - added */ 
	margin: -8px auto 0px; /*sp16 cu3 - from 0px auto; */ 
	/*width:1123px; *//*sp16 cu3 - remove */
	
}

#linkDiv a:before
{
border-left:2px dotted white;
}

#linkDiv a {
	color: #ffffff;
	padding: 15px 24px; /*KTI */
	margin-right: -4px;
	font-size:14px;
}

#linkDiv a:hover {
 	color:#bfd1db;
	background: #000000;
}

#linkDiv a:active {
	color:#bfd1db!important;
	background: #bfd1db;
	text-decoration:underline;
	
}

#linkDiv a:active span::after {
	border-bottom:5px solid #bfd1db!important;
}

.showhide {
    margin: 0px 0px 10px 30px;
	width:840px;
}
/* 2015 new - above */

/* WestOne Branding (KTI) - EDIT */
#loginHeader ul li {
    background: #888;
    background: rgba(0, 0, 0, .4); 
 }

#loginHeader ul li.contrast {
    border-left: 1px solid #777; 
}

#loginLang h2 {
    background: rgba(0, 0, 0, .4); 
 }
 
div.loginBody {
    
	background: none;
	background-color:#404041;
	opacity:0.9;
    padding: 30px;
	width: 510px;
	margin:0px;
	margin-bottom: 10px; /* added GRS 11/2/2021 */
}

#loginBox li label, .portlet #loginBoxFull li label
{
	color:#fff;
}

#loginBox input[type="text"]:focus, #loginBox input[type="password"]:focus, #loginBox input[type="text"]:hover, #loginBox input[type="password"]:hover
{
	border-color:#799900;
}


#logincontainer
{
 margin:-20px 0 0 50px;	/* sp16 cu3 from 50px 0 0 100px */
}
#loginFormList
{
	margin:0px;
	padding:0px;
}

#logincontainer li label,
.portlet #loginBoxFull li label {
    color: #000; 
	display:block;
	font-size:1.5em;
	
} 
input[type="text"], input[type="password"]
{
	font-size:1.5em;
	padding:3px;
}
input[type="submit"]
{
	margin-top:30px;
}

#logincontainer input[type="text"]:focus,
#logincontainer input[type="password"]:focus,
#logincontainer input[type="text"]:hover,
#logincontainer input[type="password"]:hover {
   border-color: #333333; 
}

#logincontainer li input[type="submit"]:hover {
	background: #A11f16;
}

	

	

 /* Dropdown Button menu*/

.dropbtn {
    background-color: #416d88;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content  {
    display: block;

}

.dropdown:hover .dropbtn {
    background-color: #000000;
}





ul#myTopnav
{
	display:block;
}

/* HOME NAVIGATION */
/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #799900;
	padding-left:5%;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
	font-weight:bold;
}

/* Change background color of links on hover */
ul.topnav li a:hover {
	color:#fff;
	background-color: #404041;
	}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

#loginBox { text-align: left; }



footer {
    background-color: #212121;
    clear: both;
    color: #fbfbfb;
    min-height: 130px;
	padding-top:20px;
}

.c_wa_gov a:link, .c_wa_gov a:visited {
    font-size: 2.6em;
    font-weight: bold;
    color: #FFFFFF;
}

footer a:link, footer a:visited {
    color: #FFFFFF;
}
.c-main-content a:link, .c-main-content a:active, .c-main-content a:visited, a {
    color: #799900;
}
.c_wa_gov {
    margin-left: 100px;
    margin-top: -20px;
    position: relative;
    z-index: 200;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.c_align_center {
    text-align: center;
}
.c_bottom_footer_nav li {
    display: inline;
}
.c_bit_bigger {
    font-size: 1.4em;
    padding-left: 36px;
}

.c_bottom_footer_nav a:hover, .c_bottom_footer_nav a:focus {
    text-decoration: underline;
}







@media screen and (max-width:850px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }

  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  
  
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
}



body.login-page {
    min-height: 0px;
 
}

@media only screen and (max-width: 480px) {
	div.loginBody {
    	width: 100%;
		padding: 0;
	}
	
	#loginBox ul {
		margin: 0 0 0 -100px; /* change to -100px from -200px for phone/small screens - GRS */
		max-width:230px; /* changed for phones/small screens - GRS */
	}
	
	#banner
	{
		margin:0;
	}
	
	#loginbackground {
		height:auto;
	}
	
	#loginbackground
	{
		padding:10px;	
	}
	h1 {font-size: 1.5em; margin-bottom:10px;}
	
	.c_wa_gov a:link, .c_wa_gov a:visited {
    font-size: 1.5em;
   	}
	
}

@media screen and (max-width:850px) {
	#loginbackground
	{
		padding-left:10px
	}
	
	div.loginBody
	{
		padding:2%;
	}
	.content_09 { /* 2015 new */
		margin:0 0 0 2%;
	}
}