/* quick reset */

* {
    margin: 0;
    padding: 0;
    border: 0;
}
input {
    outline: 0 !important;
}
li {
    list-style: none;
}
html, body {
    height: 100%;
    background: #f5f5f5;
}
table {
    border-collapse: collapse;
    width: 100%;
}

/* supplementary styles */

.clear {
    clear: both;
}

hr.breaker {
    height: 3px;
    background: #eee;
    color: #eee;
    margin-bottom: 15px;
}

.last {
    border: 0 !important;
    margin: inherit inherit 0 0 !important;
}

.bevel, .imgHolder {
    border: 1px solid #e3e3e3;
    border-bottom: 2px solid #ccc !important;
    border: 1px solid rgba(0,0,0,.1);
    border-bottom: 2px solid rgba(0,0,0,.3) !important;
}

.emboss, .conversionTotals, input[type="text"], input[type="password"], input[type="email"], textarea, .ui-slider {
    background: #f3f3f3;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #cacaca;
}

.button, .counter {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.button b, #site_nav li:last-child a, .imgHolder, #imgUpload {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.recent a, .recent img, .toggleContainer label, .toggleHandle, .toggleHandleRight, .testAddress, input[type="text"], input[type="password"], input[type="email"], textarea, .upgradeOpt {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.imgHolder {
    display: inline-block;
    float: left;
    clear: left;
    position: relative;
    line-height: 1;
    padding: 3px;
    margin-right: 20px;
    min-height: 15px;
    min-width: 15px;
    background: url(../images/throbber.gif) center center no-repeat #eee;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    -khtml-background-size: 20px;
    -moz-background-size: 20px;
}
.zoomer:after {
    content: url(../images/zoom.png);
    position: absolute;
    top: -10px;
    right: -10px;
}


/* modal box */
#modal .section {
    margin-bottom: 0;
    min-width: 600px;
    text-align: left;
}
#modal select {
    position: absolute;
    top: 7px;
    right: 0;
    border: 1px solid #eee;
    border-top: 2px solid #ddd;
    color: #333;
    padding: 2px 2px 2px 5px;
    font-weight: bold;
    background: #f3f3f3;
    font-size: 13px;
    outline: 0;
    outline: none;
}
#modal option {
    padding: 0 2px;
    outline: none;
}

/* logo */
#header h1 {
    position:absolute;
    right:52px;
    top:8px;
    background:url(../images/uh_logo_header.png) no-repeat;
    height:24px;
    width:148px;
}
#header h1 a {
    border:0;
}
#header h1 a span {
    visibility:hidden;
}


/* base containers */

.inner {
    position: relative;
    overflow: auto;
    width: 940px;
    margin: 0 auto;
    padding: 0 50px;
}

.floatContainer {
    clear: both;
    overflow: visible;
    margin-bottom: 15px !important;
    height:90px;
}
.floatContainer:hover {
    clear: both;
    overflow: visible;
    margin-bottom: 15px !important;
}

.floatContainer .imgHolder {
    height: 80px;
    width: 80px;
}

#header, #header .inner {
    height: 40px;
    overflow: visible;
    background:#2a2a2a;
    position:relative;
    z-index:999;
}
#header.sharing .inner {
    height:40px !important;
}

#content .inner {
    overflow: visible;
}

#page_head #test_actions {
    z-index: 20;
}
#page_head .homeLink {
    border-bottom:0;
    position:absolute;
    right:50px;
    top:20px;
    background:rgba(0,0,0,.1);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    padding:2px 5px 3px;
    color:rgba(0,0,0,.7);
}
#page_head .homeLink:hover {
    border-bottom:2px solid #222;
    border-bottom:2px solid rgba(0,0,0,0);
    background:rgba(0,0,0,.15);
    padding:2px 5px 1px;
}

#page_head {
    border-bottom: 1px solid #ddd;
}

#page_head .inner {
    width: 940px;
    padding: 5px 50px 98px;
}

#page_head h1 {
    margin-top: 10px;
}

#page_head a.button {
    position: absolute;
    left: 789px;
    bottom: 20px;
}
#page_head a.button:hover {
    /*
    top: auto;
    bottom: 21px;
    */
}
#page_head a.button:active {
    /*
    top: auto;
    bottom: 19px;
    */
}
#page_head .inner {
    overflow: visible;
}
#fivesecondtest #page_head, #fivesecondtest #page_head .inner {
    background:url(../images/fivesec_promo_bg.png) #d8e4e6;
}
#navflow #page_head, #navflow #page_head .inner {
    background:url(../images/navflow_promo_bg.png) #e7e4cf;
}
#clicktest #page_head, #clicktest #page_head .inner {
    background:url(../images/clicktest_promo_bg.png) #dce5b5;
}

#breadcrumb {
    padding: 5px 0 10px;
    width: 720px;
}

#breadcrumb a {
    border: 0;
    padding: 0;
}

#fivesecondtest #breadcrumb {
    border-bottom: 4px solid #dbd8bb;
    color: #a39d76;
}
#navflow #breadcrumb, #usabilityhub #breadcrumb {
    border-bottom: 4px solid #dbd8bb;
    color: #a39d76;
}

#fivesecondtest #breadcrumb a {
    color: #a39d76;
}
#navflow #breadcrumb a, #usabilityhub #breadcrumb a {
    color: #a39d76;
}

#fivesecondtest #breadcrumb a:hover {
    color: #a39d76;
}
#navflow #breadcrumb a:hover, #usabilityhub #breadcrumb a:hover {
    color: #333;
}

#footer, #footer .inner {
    position: relative;
    background: #222;
    margin-top: -160px;
    height: 160px;
    clear: both;
}

#footer .inner {
    background: #222;
    padding: 20px 50px 40px;
    height: 100px;
    overflow: hidden;
    margin-top: 0;
}

#footer .section {
    border: 0;
    padding: 15px 0 5px 50px;
    margin: 10px 0 0;
    border-top: 5px solid #333;
}

.section {
    position: relative;
    border-top: 5px solid #eee;
    border-top: 5px solid rgba(0,0,0,.05);
    padding: 10px 0;
    margin-bottom: 20px;
}

.section_left {
    float: left;
    width: 240px;
    margin: 0 40px 20px 0;
}
.section_right {
    float: right;
    width: 398px;
    margin: 0 0 20px 0;
}

.mainCol {
    float: left;
    width: 600px;
    margin-right: 40px;
}

.subCol {
    float: left;
    width: 300px;
}

.appMainCol, .appFullCol {
    float: left;
    position: relative;
    width: 720px;
    margin-right: 20px;
    z-index: 21;
}
.appFullCol {
    clear: left;
    width: 940px;
    margin-right: 0;
}

.panel {
    overflow:visible;
    margin-bottom: 30px;
    position: relative;
    padding: 20px;
    background: #f6f6f6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    border: 1px solid #bbb;
    border-right: 1px solid rgba(0,0,0,.25);
    border-top: 1px solid rgba(0,0,0,.15);
    border-left: 1px solid rgba(0,0,0,.15);
    border-bottom: 1px solid rgba(0,0,0,.25);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #eee), color-stop(0.05, #f6f6f6));
    background: -moz-linear-gradient(bottom, #eee 0, #f6f6f6 5%);
}

.appFullCol .panel {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
}

#content .appMainCol:first-child, #content .appFullCol:first-child {
    margin-top: -100px;
}
#content .appMainCol:last-child, #content .appFullCol:last-child {
    margin-bottom: 0;
}

.appSubCol {
    float: left;
    width: 200px;
}

.ctaBox {
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 11px;
    text-align: center;
}

/* info pane */
.panelHead {
    background: #eee;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    margin: -19px -19px 20px;
    padding: 8px 19px 8px;
    border-bottom: 1px solid #ddd;
    line-height:26px;
}
.panelHead a {
    border-bottom-color: #ddd;
    color: #555;
}
.panelHead select, .panelHead option {
    width:100% !important;
}
.panelHead div.selector {
    float:left;
}
.panelHead .panelHeadRight .selector {
    float:right;
}
.panelHead div.selector span {
    min-width:0 !important;
}
.panelHead strong {
    color: #444;
}
.panelHead a:hover {
    border-bottom-color: #555;
}
.panelHeadRight {
    float: right;
}

/* base typography */

body {
    font-family: "Lucida Grande" , "Lucida Sans Unicode" ,Arial,Verdana,sans-serif;
    font-size: 13px;
    color: #444;
}

strong {
    color: #111;
}

p {
    line-height: 1.5;
}

.intro {
    background: url(../images/intro.png) 0 3px no-repeat;
    position:relative;
    left:-26px;
    padding: 3px 0 10px 27px;
    font-size: 14px;
    line-height: 1.6;
}

.uber {
    background: #d2e1b3;
    color: #264305;
    font-size: 24px;
    padding: 10px 0 12px;
    margin-bottom: 20px;
    text-align: center;
}

.intro span {
    background: #fffabf;
    padding: 1px 2px 2px;
    line-height: 1.6;
}

h1 {
    color: #111;
    font: bold 24px/26px "Myriad Pro" , Myriad, Tahoma, Geneva, "Helvetica Neue" , Helvetica, Arial, sans-serif;
}

h1 em {
    font-style: normal;
    color: #bbb;
    vertical-align: baseline;
}
/*
#fivesecondtest_section h1 em {
    color: #a7bcbf;
}
#clicktest_section h1 em {
    color: #a7af83;
}
#navflow_section h1 em {
    color: #bfba9b;
}
*/
h2 {
    color: #3b8eb9;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: normal;
}
h3 {
    display: inline;
}
h4 {
    font-size: 13px;
    margin-bottom: 3px;
    color: #111;
}

h4 a {
    border: 0 !important;
}


/* link styles */

a {
    color: #111;
    text-decoration: none;
    border-bottom: 2px solid #b2ccd9;
    outline: none;
}

a:hover {
    color: #000;
    border-bottom-color: #3b8eb9;
}

.top {
    position: absolute;
    top: 13px;
    right: 0;
}

a.top, a.top strong {
    color: #bbb;
    border: 0;
    line-height: 1;
    vertical-align: baseline;
}

a.top:hover, a.top:hover strong {
    color: #111;
}

.imgLink {
    border: 0 !important;
}

.negLink {
    border-color: #e6bebf;
}

.negLink:hover {
    border-color: #ce5c5f;
}

.posLink {
    border-color: #d6e4b9;
}

.posLink:hover {
    border-color: #97b944;
}

.addLink {
    padding-left: 14px;
    background: url(../images/link_icons.png) -4px -96px no-repeat;
}

.delLink {
    padding-left: 14px;
    background: url(../images/link_icons.png) -4px -46px no-repeat;
}

.infoLink {
    padding-right: 18px;
    background: url(../images/link_icons.png) right 4px no-repeat;
    opacity: .2;
    border: 0 !important;
    color: #555 !important;
}

.infoLink:hover {
    opacity: 1;
}

/* buttons */

a.button, button.button {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    background: #f1f1f1;
    padding: 2px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #aaa;
    overflow: visible;
}
a.button:hover, button.button:hover {
    /*
    margin-bottom: -1px;
    top: -1px;
    border-bottom-width: 3px;
    */
}
a.button:active, button.button:active {
    /*
    margin-bottom: 1px;
    top: 1px;
    border-bottom-width: 1px;
    */
}
a.button b, button.button b {
    display: inline-block;
    background: url(../images/button_grey.png) left center;
    padding: 5px 8px 7px;
    color: #444;
    -moz-user-select: none;
    -webkit-text-shadow: 0 1px 0 #f1f1f1;
    -moz-text-shadow: 0 1px 0 #f1f1f1;
    text-shadow: 0 1px 0 #f1f1f1;
    white-space: nowrap;
    cursor: pointer;
}

button.button {
    padding: 1px 0;
    cursor: pointer;
}

button.button b {
    padding: 5px 15px 6px;
    margin: 0 -1px;
    font-size: 13px;
}

.btnAdd b, .btnRandom b {
    padding: 2px 8px 5px;
}

.btnAdd span {
    background: url(../images/link_icons.png) 0 -145px no-repeat;
    padding: 3px 0 3px 24px;
}

.btnRandom span {
    background: url(../images/link_icons.png) 0 -247px no-repeat;
    padding: 3px 0 3px 24px;
}

a.button.cta, button.button.cta {
    background: #84bfdf;
    border-color: #81a2b5;
    border-bottom-color: #6a8c9f;
}

a.button.cta b, button.button.cta b {
    background: url(../images/button_blue.png) left center;
    color: #f5f8fa;
    -webkit-text-shadow: 0 1px 0 #6a8c9f;
    -moz-text-shadow: 0 1px 0 #6a8c9f;
    text-shadow: 0 1px 0 #6a8c9f;
}

a.button.cta:hover b, button.button.cta:hover b {
    color: #fff;
}

/* base forms */
fieldset {
    margin: 20px 0 0px;
    padding-left: 20px;
    border-left: 3px solid #eee;
}

fieldset label, fieldset input {
    vertical-align: middle;
}
fieldset > div:last-child, fieldset > div:last-child .responseInput {
    margin-bottom: 5px;
}

label {
    color: #666;
    clear: both;
}
.responseInput {
    display: block;
    margin: 5px 0 20px;
}
.responseInput label {
    font-size: 16px !important;
    font-weight: bold !important;
    margin: -2px 0 0 2px;
    color: #aaa !important;
}
#language_selection div.selector {
    display:block;
    float:left;
}
#language_selection div.selector, #language_selection div.selector:focus, #language_selection div.selector.focus {
    background-image: url(../images/bigSelector.png);
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    height: 34px;
}
#language_selection div.selector span, #language_selection div.selector:focus span, #language_selection div.selector.focus span {
    font-size: 16px !important;
    height: 34px;
    line-height: 32px;
    font-weight: bold !important;
    padding-left: 0 !important;
    padding-right: 35px !important;
    background-image: url(../images/bigSelector.png);
    background-repeat: no-repeat;
    background-position: right -40px;
}
#language_selection div.selector.hover, #language_selection div.selector:hover {
    background-position: 0 0 !important;
}
#language_selection div.selector.hover span, #language_selection div.selector:hover span {
    background-position: right -80px !important;
}
.#language_selection div.selector.active {
    background-position: 0 0 !important;
}
#language_selection div.selector.active span {
    background-position: right 0 !important;
}

#language_selection .selector select {
    height: 34px;
}
input[type="text"], input[type="email"], input[type="password"] {
    display: inline-block;
    color: #333;
    height: 28px;
    text-align: left;
    padding: 1px 5px 2px;
    margin-right: 10px;
    outline: 0;
    width: 300px;
    font: bold 16px "Lucida Grande" , "Lucida Sans Unicode" ,Arial,Verdana,sans-serif;
}
textarea.text {
    width: 400px;
    height: 80px;
    line-height: 1;
}
input.longText {
    width: 500px;
}
input[type="email"] {
    width: 400px;
}

.actions {
    background: #f2f2f2;
    background: rgba(0,0,0,.02);
    padding: 10px 20px;
    border-top: 3px solid #eee;
    border-bottom: 3px solid #eee;
    border-top: 3px solid rgba(0,0,0,.02);
    border-bottom: 3px solid rgba(0,0,0,.02);
}
select {
    font-size: 13px;
    color: #333;
}

/* error messages */
.validation-summary-errors {
    border: 3px solid #ce5c5f;
    background: #f3e8e8;
    margin-bottom: 20px;
    padding: 10px;
    color: #9f282c;
}
.validation-summary-errors span {
    color: #9f282c;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.validation-summary-errors li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 5px;
}
.validation-summary-errors a {
    color: #9f282c;
    border-color: #efd3d5;
}
.validation-summary-errors a:hover {
    border-color: #b9373c;
}
.alertMsg {
    border: 3px solid #dfd88b;
    background: #fffabf;
    margin-bottom: 20px;
    padding: 10px;
    line-height: 1.3;
    color: #5f5917;
}
.alertMsg strong {
    color: #5f5917;
    display: block;
    margin-bottom: 5px;
}
.alertMsg a {
    color: #5f5917;
    border-color: #dfd88b;
}
.alertMsg a:hover {
    border-color: #5f5b35;
}

/* ---------------------------------------------
	TOGGLE.CSS
-----------------------------------------------*/
.toggleHolder {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}
 //
Disable text selection outside of IE .toggleContainer, .toggleContainer label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.toggleDisabled {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.toggleContainer {
    position: relative;
    height: 27px;
    cursor: pointer;
    overflow: visible;
    margin-top: 5px;
}

.toggleContainer input {
    position: absolute;
    top: 5px;
    left: 30px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.toggleContainer label {
    white-space: nowrap;
    font-size: 12px;
    padding-bottom: 3px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    overflow: hidden;
}

label.toggleStateOn {
    color: #fff;
    background: #3a8dc0;
    border: 1px solid #2a6684;
    border-top-width: 2px;
    left: 0;
}

label.toggleStateOn span {
    padding-left: 8px;
}

label.toggleStateOff {
    color: #555;
    background: #eee;
    border: 1px solid #bbb;
    border-top-width: 2px;
    text-align: right;
    right: 0;
}

label.toggleStateOff span {
    padding-right: 8px;
}

.toggleHandle {
    display: block;
    cursor: pointer;
    position: relative;
    top: 0;
    z-index: 30;
    left: 2px;
    width: 17px;
}
.toggleHandleRight {
    height: 18px;
    width: 100%;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-bottom: 2px solid #bbb;
    padding: 1px;
}
.toggleHandleCenter {
    height: 18px;
    width: 100%;
    background: #f1f1f1;
    background: url(../images/button_grey.png) 0 center repeat-x;
}

/* user navigation */
#user_menu {
    position: absolute;
    right: 50px;
    top: 10px;
    color:#7b7b7b;
    white-space:nowrap;
}
#user_menu a, #user_menu b {
    line-height: 1;
    vertical-align: baseline;
}
#user_menu ul, #user_menu li, #user_menu .user_name {
    float:left;
}
#user_menu li {
    display:block;
    border-left:1px solid #555;
    margin-left:5px;
    padding-left:5px;
    position:relative;
}
#user_menu a {
    color: #aaa;
    border:0;
}
#user_menu a:hover, #usabilityhub #user_menu .active {
    color: #9ad5f4;
}
#user_menu a span {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background:#000;
    padding:0 4px;
    margin-left:2px;
    display:inline-block;
}
#user_menu .hovered a span {
    background:#fff !important;
    color:#333 !important;
    -moz-border-radius:2px 2px 0 0;
    -webkit-border-radius-bottom-left:0;
    -webkit-border-radius-bottom-right:0;
    -webkit-border-radius-top-left:2px;
    -webkit-border-radius-top-right:2px;
    border-radius:2px 2px 0 0;
}
#user_menu ul ul {
    display:none;
    position:absolute;
    top:14px;
    right:0;
    background:#fff;
    padding-top:5px;
    -moz-border-radius:2px 0 2px 2px;
    -webkit-border-radius-top-left:2px;
    -webkit-border-radius-bottom-left:2px;
    -webkit-border-radius-bottom-right:2px;
    -moz-box-shadow:0 1px 0 1px rgba(0, 0, 0, 0.2);
    border-radius:2px 0 2px 2px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
}
#user_menu ul ul li {
    display:block;
    float:none;
    padding:3px 2px 4px 19px;
    border:0;
    border-bottom:1px solid #ddd !important;
    margin:0 8px 3px;
    background:url(../images/mini_clips.png) no-repeat;
}
#user_menu ul ul a:hover {
    color:#333;
    border-bottom:2px solid #333;
    padding-bottom:1px;
}
#user_menu .hovered ul {
    display:block;
}
#user_menu ul ul li#clicktest_menu { background-position:0 4px; }
#user_menu ul ul li#fivesec_menu { background-position:0 -76px; }
#user_menu ul ul li#navflow_menu { background-position:0 -36px; }
#user_menu ul ul li.last {
    border:0 !important;
    margin-top:2px;
}
#user_menu ul ul a, #site_nav ul ul li.last a {
    color:#333 !important;
    padding:2px 0 3px;
    background:#fff;
    display:inline-block;
}
#site_nav ul ul a:hover {
    border-bottom:2px solid #111 !important;
    padding:2px 0 0 !important;
    margin:0 5px 1px !important;
}
#navflow #site_nav li ul li.last a:hover, #fivesecondtest #site_nav li ul li.last a:hover, #usabilityhub #site_nav li ul li.last a:hover, #clicktest #site_nav li ul li.last a:hover {
    padding:0 !important;
    margin:0 5px 1px !important;
}

/* site navigation */

#site_nav {
    position: absolute;
    top: 10px;
    left: 50px;
    padding-bottom: 10px;
}

#site_nav li {
    float: left;
    margin-right: 5px;
    padding-bottom: 1px;
    display:block;
    position:relative;
    border-right:2px dotted #333;
    padding-right:5px;
}
#site_nav a {
    border: 0 !important;
    padding-bottom: 2px;
    text-decoration: none;
    display:block;
    color:#eee;
}


#navflow #site_nav a:hover, #navflow #site_nav .active, #navflow #site_nav .hovered a {
    color: #f0c540;
}
#fivesecondtest #site_nav a:hover, #fivesecondtest #site_nav .active, #fivesecondtest #site_nav .hovered a, #usabilityhub #site_nav a:hover, #usabilityhub #site_nav .active, #usabilityhub #site_nav .hovered a {
    color: #9ad5f4;
}
#clicktest #site_nav a:hover, #clicktest #site_nav .active, #clicktest #site_nav .hovered a {
    color: #9fca25;
}



#site_nav li.last a {
    padding:2px 5px 3px;
    margin-top:-2px;
}
#navflow #site_nav li.last a {
    color: #f0c540;
    background: #111;
}
#clicktest #site_nav li.last a {
    color: #9fca25;
    background: #111;
}
#fivesecondtest #site_nav li.last a {
    color: #9ad5f4;
    background: #111;
}
#usabilityhub #site_nav li.last a {
    color: #bbb;
    background: #111;
}
#navflow #site_nav li.last a:hover, #navflow #site_nav li.last a.active {
    color: #111;
    background: #f0c540;
}
#clicktest #site_nav li.last a:hover, #clicktest #site_nav li.last a.active {
    color: #111;
    background: #9fca25;
}
#fivesecondtest #site_nav li.last a:hover, #fivesecondtest #site_nav li.last a.active, #usabilityhub #site_nav li.last a:hover, #usabilityhub #site_nav li.last a.active {
    color: #0c191f;
    background: #9ad5f4;
}
#navflow #site_nav li li a:hover {
    color: #111;
}
#clicktest #site_nav li li a:hover {
    color: #111;
}
#fivesecondtest #site_nav li li a:hover {
    color: #111;
}

#site_nav li ul {
    position:absolute;
    display:none;
    background:#222;
    -moz-border-radius:2px 0 2px 2px;
    -webkit-border-radius-top-left:2px;
    -webkit-border-radius-bottom-left:2px;
    -webkit-border-radius-bottom-right:2px;
    -moz-box-shadow:0 1px 0 1px rgba(0, 0, 0, 0.2);
    border-radius:2px 0 2px 2px;
    box-shadow:0 1px 0 1px rgba(0, 0, 0, 0.2);
    right:6px;
    top:17px;
    margin-top:-2px;
    padding-top:5px;
}
#site_nav li.hovered ul {
    display:block;
}
#site_nav li ul li {
    display:block;
    float:none;
    padding:0 3px;
    border:0;
    border-bottom:1px solid #333 !important;
    margin:0 8px 3px;
    padding-bottom:3px;
    background-color:#222 !important;
}
#site_nav li ul li.last {
    border:0 !important;
    margin-top:2px;
}

#site_nav li ul li a {
    margin:0;
    padding:0;
    background-color:#222 !important;
    opacity:.7;
}

#site_nav li a span {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background:url(../images/dropdown.png) 3px 4px no-repeat #222;
    text-indent:-9999px;
    height:15px;
    width:15px;
    vertical-align:middle;
    margin-left:2px;
    display:inline-block;
}
#site_nav li.hovered a span, #site_nav li:hover a span {
    -moz-border-radius:2px 2px 0 0;
    -webkit-border-radius-bottom-left:0;
    -webkit-border-radius-bottom-right:0;
    -webkit-border-radius-top-left:2px;
    border-radius:2px 2px 0 0;
}
#navflow #site_nav li ul li.last a, #fivesecondtest #site_nav li ul li.last a, #usabilityhub #site_nav li ul li.last a, #clicktest #site_nav li ul li.last a {
    color:#333;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    margin:0 !important;
    padding:0 !important;
}
#navflow #site_nav li ul li.last a:hover, #fivesecondtest #site_nav li ul li.last a:hover, #usabilityhub #site_nav li ul li.last a:hover, #clicktest #site_nav li ul li.last a:hover {
    background-color:#222 !important;
    margin:0 !important;
    padding:0 !important;
}
#site_nav li ul li a:hover {
    margin:0 !important;
    background-color:#222 !important;
    opacity:1;
}


/* promo container */

#promo, #promo .inner {
    overflow: visible;
    border-bottom: 1px solid #ddd;
    z-index: 20;
}

#navflow #promo, #navflow #promo .inner {
    background:url(../images/navflow_promo_bg.png) #e7e4cf;
}
#usabilityhub #promo, #usabilityhub #promo .inner {
    background: url(../images/content_bg.png) repeat-x #f5f5f5;
    border:0;
}
#fivesecondtest #promo, #fivesecondtest #promo .inner {
    color: #193238;
    background:url(../images/fivesec_promo_bg.png) #d8e4e6;
}
#clicktest #promo, #clicktest #promo .inner {
    color: #1f260a;
    background: url(../images/clicktest_promo_bg.png) #dce5b5;
}

#promo .inner {
    padding: 10px 390px 20px 5px;
    width: 560px;
    height: auto !important;
    border: 0;
}
#promo h1 {
    position:relative;
    left:-15px;
}
#promo h1 a {
    background: url(../images/promo_logos.png) no-repeat;
    display:block;
    border:0;
}
#promo h1 span {
    visibility:hidden;
}
#fivesecondtest #promo h1 a {
    background-position:0 -78px;
    height:62px;
    width:197px;
}
#navflow #promo h1 a {
    background-position:0 -158px;
    height:62px;
    width:132px;
}
#clicktest #promo h1 a {
    background-position:0 2px;
    height:62px;
    width:132px;
}

#promo strong {
    font: bold 32px/34px "Myriad Pro" , Myriad, Tahoma, Geneva, "Helvetica Neue" , Helvetica, Arial, sans-serif;
}

#promo img {
    position: absolute;
    right: -30px;
    bottom: -28px;
    z-index: 50;
}

#navflow #promo strong, #usabilityhub #promo strong {
    color: #333;
}
#fivesecondtest #promo strong {
    color: #193238;
}

#promo p {
    font-size: 16px;
    line-height: 1.6;
    margin: 10px 0 15px;
}

#promo .button b {
    font-size: 14px;
    padding: 8px 15px 10px;
}

#navflow #promo a, #usabilityhub #promo a {
    border-bottom-color: #c1be9b;
}
#navflow #promo a:hover, #usabilityhub #promo a:hover {
    border-bottom-color: #2c2714;
}
#fivesecondtest #promo a {
    border-bottom-color: #aebbc0;
}
#fivesecondtest #promo a:hover {
    border-bottom-color: #18333f;
}
#usabilityhub #promo p {
    width:500px;
}
#usabilityhub #promo img {
    right:0;
    top:20px;
}
#navflow #promo .button {
    background: #f6de77;
    border-color: #ccc;
    border-bottom-color: #9f9c77 !important;
}

#clicktest #promo .button {
    background: #a9c256;
    border-color: #8b9d56;
    border-bottom-color: #788b44 !important;
}

#fivesecondtest #promo .button, #usabilityhub #promo .button {
    background: #8ec8e7;
    border-color: #77b0bf;
    border-bottom-color: #5e8894 !important;
}

#clicktest #promo .button b {
    -webkit-text-shadow: 0 1px 0 #b7cc7e;
    -moz-text-shadow: 0 1px 0 #b7cc7e;
    text-shadow: 0 1px 0 #b7cc7e;
    background: url(../images/button_green.png) left bottom repeat-x;
    color: #2f3717;
}

#navflow #promo .button b {
    -webkit-text-shadow: 0 1px 0 #f6de77;
    -moz-text-shadow: 0 1px 0 #f6de77;
    text-shadow: 0 1px 0 #f6de77;
    background: url(../images/button_yellow.png) left bottom repeat-x;
    color: #584919;
}

#fivesecondtest #promo .button b, #usabilityhub #promo .button b {
    -webkit-text-shadow: 0 1px 0 #8dbcc6;
    -moz-text-shadow: 0 1px 0 #8dbcc6;
    text-shadow: 0 1px 0 #8dbcc6;
    background: url(../images/button_blue.png) left center;
    color: #1c475a;
}

#promo .counter {
    position:absolute;
    right:35px;
    top:0px;
    width:265px;
    height:217px;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    padding:27px 35px 35px;
}

#fivesecondtest #promo .counter {
    background: url(../images/fivesec_counter_bg.png) no-repeat;
}
#navflow #promo .counter {
    background: url(../images/navflow_counter_bg.png) no-repeat;
}
#fivesecondtest #promo .counter {
    /*background:#d0dee1;
    border:1px solid #cfdcdf;
    border-bottom:1px solid #b5c0c3;
    border-top:1px solid #e5edee;*/
}
#promo #counterHolder {
    margin:15px 0 5px;
    height:52px;
}
#promo .counter p {
    font-size:14px !important;
    margin:2px 0;
    line-height:1.3;
}
#promo .counter em {
    font-style:normal;
    font-weight:bold;
    font-size:16px;
    display:block;
    margin:10px 0 5px;
}
#fivesecondtest #promo .counter .button, #navflow #promo .counter .button {
    background: #f1f1f1 !important;
    border-color: #ccc !important;
    border-bottom-color: #aaa !important;
    margin-top:10px;
}
#promo .counter .button b {
    background: url(../images/button_grey.png) left center !important;
    color: #444 !important;
    -moz-user-select: none !important;
    -webkit-text-shadow: 0 1px 0 #f1f1f1 !important;
    -moz-text-shadow: 0 1px 0 #f1f1f1 !important;
    text-shadow: 0 1px 0 #f1f1f1 !important;
}
#promo .counter strong {
    display: inline-block;
    height: 52px;
    width: 39px;
    background-image: url(../images/count_big.png);
    background-repeat: no-repeat;
}
#promo .counter strong span {
    visibility: hidden;
}
#promo .num0 {background-position: 0 0;}
#promo .num1 {background-position: 0 -54px;}
#promo .num2 {background-position: 0 -108px;}
#promo .num3 {background-position: 0 -162px;}
#promo .num4 {background-position: 0 -216px;}
#promo .num5 {background-position: 0 -270px;}
#promo .num6 {background-position: 0 -324px;}
#promo .num7 {background-position: 0 -378px;}
#promo .num8 {background-position: 0 -432px;}
#promo .num9 {background-position: 0 -486px;}

/* side lists */

.iconList li {
    margin-bottom: 15px;
    padding-left: 45px;
    list-style: none;
    background-position: -7px top;
    background-repeat: no-repeat;
}

ul h4 {
    margin-bottom: 1px;
}

.iconAfford {
    background: url(../images/feature_affordable.png) -7px 3px no-repeat !important;
}

.iconFlexible {
    background: url(../images/feature_flexible.png);
}

.iconAccurate {
    background: url(../images/feature_accurate.png);
}

.iconFast {
    background: url(../images/feature_fast.png);
}

.iconSocial {
    background: url(../images/feature_social.png);
}

/* recent tests */

.recent {
    float: left;
    width: 356px;
}

.recent a {
    float: left;
    margin: 0 10px 10px 0;
    overflow: hidden;
    height: 57px;
    width: 57px;
}

.recent img {
    height: 49px;
    width: 49px;
    border: 4px solid #eee;
}

.recent a:hover img {
    height: 51px;
    width: 51px;
    border-width: 3px;
}

/*
.counter {
    background: #eee;
    padding: 10px;
    float: right;
    min-height: 107px;
    max-height: auto;
    width: 215px;
}
*/

.counter {
    background:#eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #eee;
    background: -moz-linear-gradient(center bottom , #eee 0pt, #f2f2f2 20%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #eee), color-stop(0.20, #f2f2));
    -moz-box-shadow: 0 0 0 2px #e5e5e5;
    -webkit-box-shadow: 0 0 0 2px #e5e5e5;
    box-shadow: 0 0 0 2px #e5e5e5;
    position: relative;
    border:1px solid #ccc;
    border-bottom:1px solid #aaa;
    padding:10px;
    margin-bottom:30px;
}

.counter p {
    margin-bottom: 5px;
}


.counter strong {
    display: inline-block;
    height: 29px;
    width: 24px;
    background-image: url(../images/count.png);
    background-repeat: no-repeat;
}
/*
.counter strong {
    display: inline-block;
    height: 52px;
    width: 39px;
    background-image: url(../images/count_big.png);
    background-repeat: no-repeat;
}
*/
.counter em {
    font-weight:bold;
    font-style:normal;
    font-size:1.1em;
    text-align:left;
}
#counterHolder {
    float:left;
    width:165px;
    padding:4px 10px 0 0;
}
.counter strong span {
    visibility: hidden;
}
.num0 {
    background-position: 0 0;
}

.num1 {
    background-position: 0 -30px;
}

.num2 {
    background-position: 0 -60px;
}

.num3 {
    background-position: 0 -90px;
}

.num4 {
    background-position: 0 -120px;
}

.num5 {
    background-position: 0 -150px;
}

.num6 {
    background-position: 0 -180px;
}

.num7 {
    background-position: 0 -210px;
}

.num8 {
    background-position: 0 -240px;
}

.num9 {
    background-position: 0 -270px;
}

/* latest news */

.news li {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-left: 50px;
    border-bottom: 3px solid #eee;
}
.news li:last-child {
    border: 0;
}
.news p {
    margin: 2px 0 5px;
}

.news .date, .news .month, .news .day {
    display: inline-block;
    width: 32px;
    text-align: center;
}

.news .date {
    float: left;
    margin-left: -50px;
    padding-top: 1px;
    -webkit-box-shadow: 0 1px 2px #333;
    -moz-box-shadow: 0 1px 2px #333;
    box-shadow: 0 1px 2px #333;
}

.news .month {
    text-transform: uppercase;
    color: #eee;
    font-size: 9px;
    background: #a32126;
    position: relative;
    top: -3px;
    left: -1px;
    padding: 1px 0;
    border: 1px solid #841921;
    border-top: 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    text-shadow: 0 1px 0 #841921;
    -webkit-text-shadow: 0 1px 0 #841921;
}

.news .day {
    line-height: 15px;
    font-weight: bold;
    color: #555;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid #aaa;
    padding-bottom: 5px;
    width: 30px;
}

/* testimonials */

blockquote {
    background: #eee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 10px 15px;
    text-align: left;
}

cite {
    display: block;
    font-style: normal;
    text-align: right;
    background: url(../images/comment.png) 265px top no-repeat;
    padding: 5px 45px 0 0;
    margin: -2px 0 20px;
}

cite em {
    display: block;
}

.testimonial {
    border-left: 5px solid #e5e5e5;
    font-size: 1.4em;
    padding: 1em 0 1.2em 1em;
    margin-bottom: 30px;
    -moz-text-shadow: 0 1px 0 #fafafa;
    clear: left;
}
.testimonial span {
    font-size: 13px;
}

/* footer */

#footer {
    color: #555;
    z-index: 20;
}

#footer a {
    color: #888;
    border-bottom-color: #444;
}

#footer a:hover {
    border-bottom-color: #f0c540;
}

#footer a img {
    padding: 2px;
    vertical-align: middle;
    opacity: .5;
}

#footer a:hover img {
    opacity: 1;
}

.amLink {
    display: block;
    background: url(../images/am_logo.png) no-repeat;
    height: 50px;
    text-indent: -9999px;
    width: 33px;
    position: absolute;
    left: 0;
    top: 10px;
    border: 0 !important;
}

/* footer stickyness */

body > .mainWrap {
    height: auto;
    min-height: 100%;
}

.mainWrap #content {
    padding-bottom: 200px;
}

#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html #content {
    height: 1%;
}

#content {
    display: block;
    overflow: visible;
    position: relative;
    border-top: 1px solid #fafafa;
    padding-top: 20px;
    background: url(../images/content_bg.png) repeat-x;
}

/* tooltip styles */

.tipsy {
    padding: 5px;
    font-size: 10px;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(../images/tipsy.png);
}

.tipsy-inner {
    padding: 4px 8px 5px 8px;
    background-color: black;
    background-color: rgba(0,0,0,.7);
    color: white;
    max-width: 200px;
    text-align: left;
}

.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-north {
    background-position: top center;
}

.tipsy-south {
    background-position: bottom center;
}

.tipsy-east {
    background-position: right center;
}

.tipsy-west {
    background-position: left center;
}

.tourList {
    counter-reset: item;
    padding: 20px 0 0;
    margin-bottom: 10px;
}
.tourList li {
    display: block;
    list-style: none;
    padding: 0 0 10px 30px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eee;
}
.tourList li b {
    background: #93b63f;
    color: #fff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin: -2px 5px 0 -30px;
    display: inline-block;
    padding: 1px 5px;
    border: 2px solid #fff;
    -moz-box-shadow: 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
    font-size: 11px;
    text-shadow: 0 1px 0 #6f9034;
    position: absolute;
}

/* login */
#login .inner {
    width: 450px;
    margin: 0 auto;
    padding-left: 0;
}
#login .appFullCol {
    width: 490px;
    margin: 0 auto;
}


/* growl styles*/
.ui-pnotify.stack-bottomright {
    /* These are just CSS default values to reset the pnotify CSS. */
    right: auto;
    top: auto;
}

/* slider */
.ui-slider {
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    height: 8px;
    margin-top: 5px;
    position: relative;
    width: 650px;
    cursor: pointer;
}
.ui-slider-range {
    background: #3a8dc0;
    border: 0;
    border-top: 2px solid #2a6684;
    margin-top: -2px;
    height: 8px;
}
.ui-slider-handle {
    height: 14px !important;
    width: 10px !important;
    display: inline-block !important;
    border: 0 !important;
    top: -3px !important;
    background: url(../images/slider_handle.png) no-repeat !important;
    position: absolute !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* plans */

#uhPlan_logo {
    background:url(../images/uh_logo_pricing.png) right center no-repeat !important;
}
.accountPlan {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
    background: #eee;
    display: block;
    cursor: pointer;
    position:relative;
}
.accountPlan span, .accountPlan input {
    vertical-align: middle;
}
.accountPlan .planName {
    width: 100px;
    padding: 5px 7px 7px;
    background: #222;
    color: #ddd;
    display: inline-block;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-radius: 4px 0 0 4px;
    margin: -1px 0 0 -1px;
}
.accountPlan .planName strong, .sitePlan .planHead strong {
    color: #999;
    font-weight: normal;
    display: block;
    font-size: 16px;
}
.accountPlan .planDetails {
    padding: 0 10px;
    color: #777;
}
.accountPlan .planDetails em {
    font-style: normal;
    color: #333;
}
.accountPlan .planState {
    position:absolute;
    top:0;
    right:0;
    padding: 15px 15px 17px;
    height:16px;
    width:16px;
    margin: -1px -1px -1px 0;
    background: url(../images/acc_plan_off.gif) center center no-repeat #ddd;
    display: block;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 0 3px 3px 0;
}
.accountPlan.active .planState {
    background: url(../images/acc_plan_on.gif) center center no-repeat #96bc49;
}
.accountPlan .planState input {
    visibility: hidden;
}
.sitePlan {
    float: right;
    width: 165px;
    margin-right: 9px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #eee;
    background: -moz-linear-gradient(center bottom , #eee 0pt, #f2f2f2 20%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #eee), color-stop(0.20, #f2f2));
    -moz-box-shadow: 0 0 0 2px #e5e5e5;
    -webkit-box-shadow: 0 0 0 2px #e5e5e5;
    box-shadow: 0 0 0 2px #e5e5e5;
    position: relative;
    text-align: center;
    border-color: #ccc !important;
    border-bottom-color: #aaa !important;
    border-width: 1px !important;
}
.sitePlans .sitePlan:first-child {
    margin-right: 0;
}
.planFeature {
    font-size: 110%;
    margin-top: -20px;
    width: 190px;
}
.planFeature .planHead strong {
    font-size: 21px;
}
.sitePlan .planHead span {
    background:#3a3a3a;
    color:#ddd;
    display:inline-block;
    margin:2px 0;
    padding:1px 7px 2px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.planFeature .planHead span {
    /*background:#96bc49;*/
    background:#53a3bf;
    color:#fff;
}
.sitePlan .planHead {
    background: #222;
    color: #ddd;
    padding: 5px;
    margin: 1px 1px 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}
.sitePlan .planAction {
    position: absolute;
    background: none;
    bottom: 45px;
    left:0;
    width: 172px;
    height: 0;
}
.sitePlan .planAction .button {
    display:block;
    width:70px;
    margin:0 auto;
}
.planFeature .planAction {
    width: 190px;
}
.planFeature .planAction .button {
    display:block;
    width:74px;
    margin:0 auto;
}
.sitePlan li {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    margin: 0 5px;
    padding: 5px 0 7px;
}
.sitePlan ul li:first-child {
    border-top: 0;
}
.sitePlan ul li:last-child {
    border-bottom: 0;
}

#app_bundle {
    background:url(../images/bundle.png) no-repeat;
    color:#444;
    padding:10px 15px 70px;
    height:20px;
    font-size:110%;
    position:relative;
}

.questions {
    overflow: auto;
}
.questions li {
    margin-bottom: 30px;
}
.col_2 li {
    float: left;
    width: 45%;
    margin-right: 5%;
}
.col_2 li:nth-child(2n) {
    margin-right: 0;
}
.col_2 li:nth-child(2n+1) {
    clear:left;
}
.col_3 li {
    float: left;
    width: 30%;
    margin-right: 5%;
}
.col_3 li:nth-child(3n) {
    margin-right: 0;
}
.questions strong {
    margin-bottom: 5px;
    display: block;
}
/* updated styles */
#usabilityhub #header {
    background: #2a2a2a;
}
#usabilityhub #page_head, #usabilityhub #page_head .inner {
    border-bottom: 0;
    background: url(../images/content_bg.png) repeat-x;
}


#usabilityhub #content, #usabilityhub #content inner {
    background: none;
    border-top: 0;
}
#usabilityhub_section .appSubCol {
    margin-top: -55px;
}
#uservoice-dialog-close {
    border:0;
}
.paddedCopy {
    width:400px;
}
p.promo {
    font-size:21px;
    line-height:1.2;
    margin-bottom:10px;
}
.actions p.promo {
    font-size:16px;
    margin:4px 0 8px;
}
.actions .right {
    float:right;
    margin-top:-2px;
}
.tourLinks {
    margin-top:15px;
}
.tourLinks span {
    vertical-align:middle;
    display:inline-block;
    margin:0 10px;
}
.tourLinks a {
    padding-top:35px;
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
}
.tourTest {
    background:url(../images/tour_test.png) center top no-repeat;
}
.tourReport {
    background:url(../images/tour_report.png) center top no-repeat;
}
.testExamples li {
    float:left;
    width:286px;
    margin-right:20px;
}
.testExamples li.last {
    margin-right:0;
}
.testExamples a {
    float:left;
    margin-right:10px;
    border:0;
}
.testExamples a img {
    background:#eee;
    padding:3px;
    border:1px solid #ddd;
    border-bottom:2px solid #ccc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    height:80px;
    width:80px;
}
.testExamples p {
    width:185px;
    margin-left:100px;
    margin-top:-5px;
}
.vimeoFrame {
    border:3px solid #ddd;
    position:absolute;
    right:0;
    top:20px;
}