/*

LAST UPDATED: 2/24/2015 11:17am

*/


body {
	font-size: 100%;
}
/*#ie-8 {
	border: 3px solid red;
}

#ie-9 {
	border: 3px solid green;
}*/
 p, pre, blockquote, ul, ol, dl, table{
	margin: 0em 0 .8em 0;
	line-height: 1.5em;
}

h1 {
 	font-size: 2.25em;
	line-height: 1.25em;
	clear: both;
	padding: .5em 0 0 0;
	display: block;
}

h2 {
 	font-size: 1.250em;
	/*line-height: 1.25em;*/
}

h3  {
	font-size: 1.0em;
	line-height: 1.250em;
	}

h4 {
	font-size: 1.0em;
}

h5, h6 {
	font-size: 0.875em;

	}

dd{
	margin-left: 3em;
}

ul,ol{
	padding-left:0px;
	margin-left: 1.5em;
	font-size: 1em;
}

.content ol {
	list-style-type: decimal;
}
.content ul {
	list-style-type: disc;
}
.content ul li {
	margin-bottom: .2em;
}

.region-content li {
	font-size: 1em;

}
img {
	max-width: none;
}
/*
===========================
	Custom Scrollbar
===========================
*/

::-webkit-scrollbar {
    width: 12px;
	height: 10px;
	display: block;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
	display: block;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	width: 10px;
		display: block;
}
/*
===========================================================
	BASIC LAYOUT
===========================================================
*/

#navigationLeft, #sidebar-left {
	float: left;
	width: 11.429em;
	background-color: transparent;
}

body.front #navigationLeft, #sidebar-left {
float: left;
width: 160px;
background-color: rgba(0, 0, 0, 0);
padding-right: 30px;
}

#sidebarRight {
	width: 210px;
	padding: 30px 0 0 30px;
}
@media all and (max-width: 1200px) and (min-width: 720px) {
body.front #navigationLeft {
width: 80px;
}

#sidebarRight {
	width: 85%;
	padding: 30px 0 0 130px;
}
}
#content {
	float: none;
	/*width: 720px;*/
	margin: 0 auto;
	padding-left: 0px;
}
.content article h2 {
	padding: .5em 0 .05em 0;
}
body.front .region-content {
	padding: 0;
	width: 762px;
}
body.front #content {
	float: left;
	width: 80%;

}
@media all and (max-width: 1200px) and (min-width: 720px) {
body.front #content {
	/*float: none;*/
}

#content {
	float: none;
	width: 85%;
	margin: 0 auto;
	padding-left: 100px;
}
body.front #content {
	padding-left: 100px;
}
body.front .region-content {
	padding: 0;
	/*width: 762px;*/
	width: 100%;
}
}

.region-content {
	float: left;
	width: 900px;
	padding: 30px;
	background-color: #fff;
	/*overflow: hidden;*/
	margin-bottom: 30px;
	border: 1px solid #DDD;
}
body.front .region-content {
	border: none;
}
body.sidebar_right .region-content {
	width: 657px;
}
@media all and (max-width: 1200px) and (min-width: 720px) {
body.sidebar_right .region-content {
	width: 80%;
}
}
#contentWrap {
	display: block;
	clear: both;
	width: 100%;
	}

#footerWrapper {
	display: block;
	clear: both;
	width: 100%;
}

.girdle{ /* this constrains content to 960px while allowing the backgrounds to flow to the edge of the screen*/
	width: 960px;
	margin: 0 auto;
	}

@media all and (max-width: 1200px) and (min-width: 720px) {
.girdle{ /* this constrains content to 960px while allowing the backgrounds to flow to the edge of the screen*/
	width: 80%;
	margin: 0 auto;
	}
#contentWrap .girdle, #header .girdle {
	width: 100%;
}
.region-content {
	width: 85%;
}
body.front #content {
    float: none;
    width: 85%;
    margin: 0px auto;
    padding-left: 100px;
}
}

#header {
	display: block;
	clear: both;
	width: 100%;
	padding-top: 0;
	/*height: 35px*/
	}

#topBranding {
height: 35px;
border: none;
padding: 20px 0 15px 0;
}

#logo {
margin: 0 auto;
width: 56%;
height: 55px;
float: left;
}
.logoWrapper {
	text-align: center;
}
#logo a {
	width: 424px;
	height: 32px;
}

#logo img {
	float: left;
	display: inline;
}

#slogan {
	font-size: .85em;
	margin-left: 1em;
	padding: 13px 10px 0 0;
	float: left;
	display: block;
}
#topNavigation {
	background-color: #333333;
	width: 100%;
	display: none;
	clear: both;
		-webkit-box-shadow: 0px 4px 4px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 4px 4px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 4px 4px rgba(50, 50, 50, 0.25);
}

.topNavMenuButton, .topNavSearchButton {
	float: left;
	width: 30px;
	display: inline-block;
}

#topNavigation {
	/*background: #ffffff url('images/shadow.png') repeat-x fixed left top;*/
	background-image: url('images/shadow.png');
	background-repeat: repeat-x;
	background-color: #ffffff;
	height: 60px;
	position: absolute;
	display: block;
}

#contentWrap {
	margin-top:60px;
}

#breadcrumbs {
	/*height: 32px;*/
	padding: 20px 0 5px 30px ;
	width: 80%;
}


#container {
}

.skip {
	font-size: 0px;
	margin: 0px 0px;
	padding: 0px 0px;
	position: absolute;
	z-index: -1;
}

.skip a {
	color: #bd5108;
}

div#skipmenu{
	position:relative;

}

div#skipmenu a.skippy{

	position:absolute;
	top: -1000px;
	left:-1000px;
	height: 1px;
	width: 1px;
	overflow:hidden;
}

div#skipmenu a.skippy:active, div#skipmenu a.skippy:focus, div#skipmenu a.skippy:hover{
	position:relative;
	height: 1em;
	font-size:1em;
	font-weight:bold;
	top: 0px;
	left:0px;
	padding: 2px 5px;
	color: white;
}

.topNavMenuButton, .topNavSearchButton {
	display: none;
}

.header .headrightborder{
	float: right;
}

*html .header .headrightborder{
	margin-right: -3px;
}

/*
==========================
	SEARCH BOX STYLES
==========================
*/

#gsearch {
	width: 280px;
	float: right;
	display: inline;
	top: 0;
	clear: right;
	padding-right: 11px;
}

#gsearch input#searchbox {
	height: 34px;
	padding: 0 0 0 5px;
	width: 245px;
	position: absolute;
	top: 0px;
	left: 0;
}

#gsearch input.submit{
	padding: 8px;
	position: absolute;
	top: 0px;
	left: 245px;
	}

.control {
	clear:both;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
	width: 100%;
}


.control img {
	vertical-align: middle;
}

@media all and (max-width: 1200px) and (min-width: 720px) {
#logo {
margin: 0 auto;
width: 63%;
height: 55px;
float: left;
}
#gsearch {
width: 32%;
float: none;
display: inline-block;
top: 0;
clear: right;
}
#gsearch input#searchbox {
height: 34px;
padding: 0 0 0 5px;
width: 80%;
position: absolute;
top: 0px;
left: 0;
}
#gsearch input.submit {
padding: 8px;
position: absolute;
top: 0px;
left: 80%;
}

}


/*
===========================================================
TOP Navigation
===========================================================
*/
.menu li  {			/*this is for both top & left navigation */
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#block-system-main-menu{
	background-color: #ffffff;
}
#block-system-main-menu ul{
	margin: 0;
	padding: 0;
}
#block-system-main-menu li{
	padding: 20px 0 0 0;
	font-size: 1.375em;
	color: #027497;
	float: left;
	display: inline;
	width: 30%;
	text-align: center;
	height: 37px;
	border-bottom: none;
}
#block-system-main-menu li.first {
	width: 40%;
}
#block-system-main-menu li a {
	color: #027497;
	text-decoration: none;
	width: 33%;
}

#block-system-main-menu li a:hover {
	color: #36adae;
}

#block-system-main-menu li.active-trail
/*#block-system-main-menu li.active-trail a,*/
/*#block-system-main-menu li a.active */ {
	border-bottom: #027497 3px solid;
}
/*
===========================================================
Left Navigation
===========================================================
*/

body.front #sidebar-left .menu li.leaf a  {
	width: 160px;
	height: 154px;
	margin: 0 0 20px 0;
}
@media all and (max-width: 1200px) and (min-width: 720px) {
body.front #sidebar-left .menu li.leaf a{
 	width: 83px;
	height: 86px;
	margin: 0 0 20px 0;
}
}
body.front #sidebar-left ul.menu {
	top: 52px;
	}

#sidebar-left ul.menu {
	width: 86px;
	padding: 0;
}
body.not-front #sidebar-left ul.menu {
	top: 200px;
	position: fixed;
	z-index:10000;
	}
@media all and (max-width: 1200px) and (min-width: 720px) {
body.front #sidebar-left ul.menu {
	top: 200px;
	position: fixed;
	z-index:10000;
	width: 86px;
	padding: 0;
	}
    padding: 0px;
}
}
#sidebar-left .menu li.leaf  {
	margin: 0 0 5px 0;
	padding: 0;
	}

#sidebar-left .menu li.leaf a  {
	padding: 0;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
	}

body.not-front #sidebar-left .menu li.leaf img {
	margin: 0 auto;
	clear: both;
	height: 55px;
	width: auto;
	float: right;
	position: relative;
}
@-moz-document url-prefix() {
  body.not-front #sidebar-left .menu li.leaf img {
     position: static;
  }
}

body.not-front #sidebar-left .menu li.leaf a:hover, body.not-front #sidebar-left .menu li.leaf a:focus,  body.not-front #sidebar-left .menu li.leaf a:hover{
	left: 0px;
}

body.not-front #sidebar-left .menu li.leaf .leaf-expanded{
	left: 0px;
}

body.not-front #sidebar-left .menu li.leaf a{
	height: 83px;
	width: 200px;
	position: relative;
	left: -125px;
}
body.not-front #ie-8 #sidebar-left .menu li.leaf a {
	top: 0;
	padding-top: 5px;
}
#sidebar-left .menu li.first.leaf a {
	padding: 0;
}

#sidebar-left .menu li.leaf img {
	margin: 0 auto;
	clear: both;
	padding: 15px 10px 5px 10px;
}

#sidebar-left .menu li.leaf a span {
position: relative;
top: 30px;
}
#sidebar-left .menu li.first a span, #sidebar-left .menu li.last a span {
top: 35px;
}

body.front #sidebar-left .menu li.leaf a span {
position: relative;
top: 5px;
}
body.front #sidebar-left .menu li.first a span, body.front #sidebar-left .menu li.last a span {
top: 15px;
}

/*********************/
/*   TABLET VIEW     */
/*********************/

@media all and (max-width: 1200px) and (min-width: 720px) {

body.front #sidebar-left .menu li.leaf a{
	height: 83px;
	width: 200px;
	position: relative;
	left: -125px;
}
body.front #sidebar-left .menu li.leaf a span {
position: relative;
top: 30px;
}
body.front #sidebar-left .menu li.first a span, body.front #sidebar-left .menu li.last a span {
top: 35px;
}
body.front #sidebar-left .menu li.leaf img {
	margin: 0 auto;
	clear: both;
	height: 55px;
	width: auto;
	float: right;
	position: relative;
}

body.front #sidebar-left .menu li.leaf a:hover, body.front #sidebar-left .menu li.leaf a:focus,  body.front #sidebar-left .menu li.leaf a:hover{
	left: 0px;
}
}

/* IE 8 & IE 9
body.front #ie-9 #sidebar-left .menu li.leaf a {
	width: 100%!important;
	height: 100%!important;
}*/
/*
===========================================================
 BEGIN ADDTHIS STYLES
===========================================================
*/
.addthis_toolbox {
	float: right;
}
.addthis_toolbox a {
	float: left;
	width: 35px;
	height: 35px;
}

.shareToolBox {
	float: left;
	padding-left: .983em;
}
.additionalShareOptions {
	display: none;
}
div.shareExpand {
	z-index: 100;
	position: relative;
	width:125px;
	height:45px;
	float:left;
}
div.shareExpand {
    width: 200px;
}
/*div.shareExpand:active > div.additionalShareOptions {
    display: block;
 } */

a.moreShareButton {
	width: 85px;
}
a.moreShareButton img {
	vertical-align: middle;
}

/*
===========================================================
 BEGIN BODY CONTENT STYLES - this is where all the page content goes
===========================================================
*/

/*
===========================================================
 FRONT PAGE STYLES
===========================================================
*/
body.front .views-field-title {
	height: 90px;
	padding-top: 10px;

}
body.front .view-home-page .views-row h2 {
	padding: 0.5em;
	font-size: 20px
	}

body.front .view-home-page .views-row h2 a {
}

body.front .view-home-page .views-row-first h2 {
	padding: .5em 2.571em;
}

body.front .view-home-page .views-field-body {
	background: rgba(0, 0, 0, 0) url('images/default_blue_trans.png') repeat left top;
	color: #FFF;
	visibility: visible;
	z-index: 1000;
	position: relative;
	height: 111px;
	padding: 10px;
	overflow: hidden;
	margin-top: -133px;
	display: none;
	}

body.front .view-home-page .views-row-first .views-field-body	{
	margin-top: -186px;
	visibility: hidden;
}

div.views-row:hover  > div.views-field-body {
    display: block;
    }


body.front .view-home-page .views-row img{
	max-height: 100%;
}
body.front .view-home-page .views-row-first img {
	height: 140px;
}

body.front .view-home-page .views-row {
	background: transparent url(images/front-page-card.png) no-repeat right bottom;
	width: 230px;
	height: 231px;
	float: left;
	margin: 0 22px 33px 0 !important;
	padding: 1px 7px 7px 1px;
	overflow: hidden;
	border: none;
	-webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
	-moz-box-shadow:    0px 0px 0px rgba(255, 255, 255, 0);
	box-shadow:         0px 0px 0px rgba(255, 255, 255, 0);
	}

body.front .view-home-page .views-row-first {
	width: 487px;
	height: 240px;
	margin: 0 30px 30px 0!important;
	border: #ccc 1px solid;
	background: #FFF url('images/ribbon.png') no-repeat 1em top;
	overflow: hidden;
	padding: 0;
	border: #ccc 1px solid;
	}

div.blogs .views-row-first.featured, div.polls .views-row-first {
	width: 418px;
	/*height: 200px;*/
}

body.front .view-home-page .views-row-2, body.front .view-home-page .views-row-5 {
	margin-right: 0px!important;
}

@media all and (max-width: 920px) and (min-width: 720px) {
body.front .view-home-page .views-row-first {
	margin: 0px 30px 30px 0px;
	clear: both;
}

body.front .view-home-page .views-row-2 {
	margin-right: 22px!important;
}
}
/*
=====================================
TWITTER FEED STYLES
=====================================
*/
.panels-flexible-column-inside {
	padding: 0 0 0 0;
}
ul.twitter {
	width: 418px;
}
.panels-flexible-region-19-twitter {
float: left;
width: 100%;
}

.panels-flexible-column-19-9 {
    float: left;
    width: 427px;
	padding-left: 1.2em;
}

.panels-flexible-column-19-8 {
float: left;
width: 420px;
}
@media all and (max-width: 1200px) and (min-width: 720px) {
.panels-flexible-column-19-9 {
    float: left;
    width: 100%;
	padding-left: 0;
}

.panels-flexible-column-19-8 {
float: left;
width: 100%
}
.panels-flexible-column-inside {
	padding: 0 0 0 0;
}
ul.twitter {
	width: 100%;
}
.panels-flexible-region-19-twitter {
float: left;
width: 100%;
}
}
/*
===========================================================
 BEGIN CARD DECK STYLES - this is the basic template for all the scrolling card decks
===========================================================
*/
.card-list-view {
	padding: 20px 0 50px 0;
}

div.card-deck-wrapper {
	overflow: visible;
	margin-top: 15px;
	height: 230px;
	width: 97%;

	}

div.methods.card-deck-wrapper  {
	height: 235px;
}
ul.card-deck {
	width: 100%;
}

li.cards {
	width: 200px;
	height: 190px;
	display: inline;
	margin: 0 15px 25px 0 !important;
	float: left;
	overflow: hidden;
	background: transparent url(images/methods-deck-back.png) no-repeat right bottom;
	border: none;
	-webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
	-moz-box-shadow:    0px 0px 0px rgba(255, 255, 255, 0);
	box-shadow:         0px 0px 0px rgba(255, 255, 255, 0);
	padding: 1px 7px 7px 1px;
}

li.card-single {
	width: 200px;
	height: 200px;
}
li.cards .views-field-title, li.cards .views-field-title-1 {
	margin-top: -200px;
	height: 85px;
	/*padding: .5em;*/
}
li.card-single .views-field-title, li.card-single .views-field-title-1, li.card-single .views-field-term-node-tid {
	margin-top: -205px;
	height: 65px;
	/*overflow: hidden;*/
	padding: 0;
	line-height: 1.25em;
}

li.cards .views-field-field-card-image .reorder-test {
	margin-top: 0;
}

li.cards .views-field-body {
	height: 80px;
	margin-top: -3px;
}
/*
====================
LIST VIEW CARDS
====================
*/

body.list-view li.card-single, body.list-view li.cards{
	margin: 30px 0 0 0;
	width: auto;
	display: block;
	position: relative;
	min-height: 100px;
	padding-left: 200px;
	background: none;
}

body.list-view .polls li.card-single {
margin: 30px 0 0 0!important;
/*padding: 0;*/
}
li.cards .views-field-field-card-image {
	margin-top: 89px;
	overflow: hidden;
}

body.list-view li.cards .views-field-field-card-image, body.list-view div.polls li.views-row-first .views-field-field-feature-card-image {
	margin-top: 0;
}
body.list-view .views-field-field-card-image, body.list-view .views-field-field-feature-card-image {
	float: left;
	width: 188px;
	height: 97px;
	margin-left: -200px;
	overflow: hidden;
}

body.list-view div.blogs .views-row-first.featured .views-field-field-card-image img, body.list-view div.polls .views-row-first .views-field-field-card-image img{
	max-height: 100%;
}
li.card-single .views-field-field-card-image, div.blogs li.views-row-first.featured .views-field-field-feature-card-image, div.polls li.views-row-first .views-field-field-feature-card-image {
	margin-top: 89px;/* -> desktop */
}
/* GET INVOLVED Blog Card list styles */

.view-id-nodequeue_5.view-display-id-block
/*.pane-nodequeue-5*/ {
    height: 210px;
    width: 100%;
    /* width: 2750px; */
}
.pane-views.pane-nodequeue-5.no-jCarousel {
	float: left;
}
@media all and (max-width: 1200px) and (min-width: 720px) {
	body.list-view li.card-single .views-field-title, body.list-view li.cards .views-field-title, body.list-view div.blogs li.views-row-first.featured .views-field-title, body.list-view div.polls li.views-row-first .views-field-title {
	margin: 0;
	}
	body.list-view li.card-single .views-field-body, body.list-view li.card-single .views-field-body-1, body.list-view li.cards .views-field-body, body.list-view li.cards .views-field-body {
	margin: 0;
	display: block;
	}
	.view-id-nodequeue_5.view-display-id-block {
	    height: 210px;
	    width: auto;
	    /* width: 2750px; */
	}
	div.blogs .views-row-first.featured, div.polls .views-row-first {
	   /* width: auto;*/
	}
}

/*
=====================================
	TESTING NEW SINGLE CARD STYLES - DELETE AFTER TESTING
	- replaced "card-single" with "reorder-test"
=====================================
*/
li.reorder-test .views-field-field-card-image {
	margin-top: 0;/* -> desktop */
}
li.reorder-test .views-field-title  {
	height: 90px;
}

/*
==========================
	VOC & POLLS
==========================
*/

/*#voc {
margin: 0 -40px 0 0;
}

#voc div#page_1.current_page{
	width: 475px;
}

#page_2, #page_3 , #page_4 {
	width: 475px;
}*/

/*
==========================
	VOC - 960
==========================
*/

@media (min-width: 481px) {
.hidden_page{
	display: none;
	}

#voc {
	margin: 0 -40px 0 0;
	}

span.vocquestionnumber {
	display: none;}


#voc div#page_1.current_page{
	width: 475px;
	height: 63px;
	margin: 25px 0 0 0;
	background: url(/sites/default/themes/usability/css/images/voc_image.png) no-repeat right top;
	color: #FFF;
	float: right;
	clear: both;
	z-index: 1000;
	position: relative;
	padding: 10px 0 0px 10px;
	}

#page_1 .vocquestiontext{
	padding: 0 0 0 10px;
	float: left;
	}


#page_1 .place_vert br{
	display: none;
	}

#page_1 .surveyNav {
	display: none;
	}

.vocradiosshort {
	float: right;
	color: #333;
}

#voc .vocradiosshort .legendText,
#voc .voccheckboxesshort .legendText{
	border: none;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	width: 1px;
}

.vocradiosshort .vocradio{
	float: left;
	margin: 0 40px 0 0;
	}

input[type="radio"], span.vocradio input[type="radio"] {
    display: block;
	position: absolute;
    left:-10000px;
}

input[type="radio"] + label {
    display:block;
    height:19px;
    vertical-align:middle;
    background:url(images/radio_button.png) no-repeat;
    cursor:pointer;
	margin-top: .15em;
	padding: 2px 0 0 25px;
}

span.vocradio input[type="radio"] + label  {
    display:block;
    height:19px;
    vertical-align:middle;
    background:url(images/radio_button.png) no-repeat;
    cursor:pointer;
	margin-top: .15em;
	padding: 0 0 0 25px;
}
input[type="radio"]:checked + label,  input[type="radio"]:focus + label{
    background:url(images/radio_button_selected.png) no-repeat;
}
span.vocradio input[type="radio"]:checked + label, span.vocradio input[type="radio"]:focus + label {
    background:url(images/radio_button_selected.png) no-repeat;
}

label[for="response_raw_responses_attributes_0_answer_7304"]{
	margin-left: -50px;
	}

.vocradio .question_2936_answer, .vocradio .question_2936_answer {
	float: left;
	}

.vocradio label{
	float: right;
	}

.vocradio label[for="response_raw_responses_attributes_0_answer_7566"], .vocradio label[for="response_raw_responses_attributes_0_answer_10022"], .vocradio label[for="response_raw_responses_attributes_0_answer_10106"]{
	margin: 0 0 0 -60px !important;
	padding: 0 25px 0 25px;
	}

.vocradio label[for="response_raw_responses_attributes_0_answer_7568"], .vocradio label[for="response_raw_responses_attributes_0_answer_10024"], .vocradio label[for="response_raw_responses_attributes_0_answer_10108"] {
	margin: -25px 10px 0 20px !important;
	}

span.vocradio input#response_raw_responses_attributes_0_answer_7306 + label {
	position: relative;
	top: -25px;
	right: -30px;
	}

#page_2, #page_3 , #page_4 {
	background: url(/sites/default/themes/usability/css/images/voc-background.png) no-repeat right top;
	color: #000;
	line-height: 1.25em;
	height: 258px;
	width: 475px;
	float: right;
	}

#page_2 .vocquestiontext, #page_3 .vocquestiontext, #page_4 .vocquestiontext{
	color:#FFFFFF;
	padding: 0 25px 0 10px;
	}

.voctextarea textarea{
	clear: both;
	margin: 30px 0 0 10px;
	height: 50px;
	width: 50%;
	}

.question_3068_answer, .question_3064_answer, .question_4030_answer, .question_4026_answer, .question_4068_answer, .question_4064_answer {
	margin: 0 0 0 10px;
	}

.vocquestiontext label[for=response_raw_responses_attributes_4_answer], .vocquestiontext label[for=response_raw_responses_attributes_2_answer]{
	color: #333;
	}

.voctextfield .question_2940_answer, .voctextfield .question_2952_answer{
	margin: 0 0 0 10px;
	}

.voctextfield .question_2950_answer	{
	margin: 30px 0 0 10px;
	}

div.surveyNav{
	clear: both;
	margin: 0 0 0 10px;
	}

#page_2 .voccheckboxesshort br, #page_3 .voccheckboxesshort br{
	display: none;
	}

#page_2 label[for=answer_7308], #page_2 label[for=answer_7310], #page_2 label[for=answer_7312], #page_2 label[for=answer_7314], {
	clear: right;
	}


#page_2 .voccheckbox input, #page_3 .voccheckbox input{
	float: left;
	margin: 0 10px 0;
	}
span.voccheckbox label{
	display: block;
	}

#page_2 .voccheckboxesshort, #page_3 .voccheckboxesshort {
	padding: 10px;
	}

input[type="submit"]{
	height: 30px;
	color: #FFF;
	text-transform: uppercase;

	font-weight: bold;
	border: none;
	border: none;
	background: #027497 url(images/generic-button-arrow.png) no-repeat right center;
	text-align: left;
	padding: 0 2.5em 0 1.25em;
	cursor: pointer;
	}


#thankyou-message{
	width: 400px;
	height: 155px;
	margin: 0;
	background: url(/sites/default/themes/usability/css/images/voc-thankyou.png) no-repeat right top;
	color: #333;
	float: right;
	clear: both;
	line-height: 1.25em;
	z-index: 1000;
	position: relative;
	padding: 10px 15px 0px 10px;
	}

#email-sign-up .form-submit, .form-actions input.form-submit, input[type="button"], input[type="submit"]{
margin: 15px 0\9;
}

}

/*
===========================================================
	GLOSSARY
===========================================================
*/
.view-usability-glossary .views-summary {
	padding: 0 .5em;
}
/*
===========================================================
Right Navigation
===========================================================
*/

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

#footerWrapper {
}
.region-footer{
}

.region-footer ul li {
}

/*This will suppress the display of �on this page� box  */
.syndicate #onthispage2 {
    display: none;
}

/* Drupal specic css */
#overlay-content .header, #overlay-content .control, #overlay-content .nav_top, #overlay-content .use_nav, #overlay-content .right_sidebar{
	display:none;
}

#permissions th{
	color:black;
}
#overlay-content ul.vertical-tabs-list, #overlay-content ul.vertical-tabs-list li{
	list-style-type:none;
}
#overlay-content #container{
	border: none;
	margin: 0 0;
}
div.tabs{
	margin-top:15px;
}

.comment-wrapper h3{
   margin-bottom: 0px;
}

.comment-wrapper .submitted {
}

/*
============================
	JCAROUSEL STYLES
============================
*/


.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 99%;
    height: 188px;
	overflow: visible;
    padding: 20px 0px;
}

.jcarousel-prev-disabled, .jcarousel-next-disabled {
	display: none!important;
	visibility:hidden;
}

.jcarousel-prev-disabled-horizontal {
	display: none!important;
	visibility:hidden;
}

.jcarousel-clip div[disabled="disabled"] {display:none !important;}

body.list-view .jcarousel-skin-tango .jcarousel-container-horizontal {
	height: auto;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 200px;
    height: 205px;
    /*padding: 40px 20px;*/
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  200px;
    height: 215px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  105%;
    height: 215px;
}
body.list-view .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  100%;
    height: auto!important;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 1.2em;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
display: none;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 15px;
left: 100%;
width: 65px;
height: 220px;
cursor: pointer;
background: transparent url(/sites/default/themes/usability/css/images/right-navigation-arrow.png) no-repeat 5px -50px;
z-index: 1000;
}

@media all and (max-width: 1200px) and (min-width: 720px) {
.jcarousel-skin-tango .jcarousel-next-horizontal {
left: 97%;
}
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/sites/default/themes/usability/css/images/left-navigation-arrow.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
   /* background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
	display: none!important;
 /*   background-position: -96px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 15px;
left: -25px;
width: 55px;
height: 220px;
cursor: pointer;
background: transparent url(/sites/default/themes/usability/css/images/left-navigation-arrow.png) no-repeat -8px -50px;
z-index: 1000;
}

body.list-view .jcarousel-skin-tango .jcarousel-prev-horizontal, body.list-view .jcarousel-skin-tango .jcarousel-next-horizontal, body.list-view .jcarousel-prev, body.list-view .jcarousel-next   {
	display: none!important;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/sites/default/themes/usability/css/images/right-navigation-arrow.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
  /*  background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
 /*   background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	display: none!important;
	visibility:hidden;
   /* background-position: -96px 0;*/
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
	display: none!important;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
	display: none!important;
}

/* GSA style */

.gsearch .region-content {
	float:none;
	width:auto;
	/*
	float: left;
	width: 900px;
	padding: 30px;
	background-color: #fff;

	margin-bottom: 30px;
	border: 1px solid #DDD;
	*/
}