* {
    margin: 0;
    padding: 0;
}
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

div#jqt {
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    font-family: "Helvetica Neue", Helvetica;
    -webkit-perspective: 800;
    -webkit-transform-style: preserve-3d;
}
#jqt .selectable, #jqt input, #jqt textarea {
    -webkit-user-select: auto;
}
div#jqt>* {
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
    /*min-height: 420px !important;*/
}
div#jqt > .current {
    display: block !important;
}
#jqt .in, #jqt .out {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 350ms;
}

#jqt .slide.in {
	-webkit-animation-name: slideinfromright;
}

#jqt .slide.out {
	-webkit-animation-name: slideouttoleft;
}

#jqt .slide.in.reverse {
	-webkit-animation-name: slideinfromleft;
}

#jqt .slide.out.reverse {
	-webkit-animation-name: slideouttoright;
}

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

#jqt .fade.in {
	z-index: 10;
	-webkit-animation-name: fadein;
}
#jqt .fade.out {
	z-index: 0;
}

#jqt .dissolve.in {
	-webkit-animation-name: fadein;
}

#jqt .dissolve.out {
	-webkit-animation-name: fadeout;	
}



#jqt .flip {
	-webkit-animation-duration: .65s;
}

#jqt .flip.in {
	-webkit-animation-name: flipinfromleft;
}

#jqt .flip.out {
	-webkit-animation-name: flipouttoleft;
}

/* Shake it all about */

#jqt .flip.in.reverse {
	-webkit-animation-name: flipinfromright;
}

#jqt .flip.out.reverse {
	-webkit-animation-name: flipouttoright;
}

@-webkit-keyframes flipinfromright {
    from { -webkit-transform: rotateY(-180deg) scale(.8); }
    to { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipinfromleft {
    from { -webkit-transform: rotateY(180deg) scale(.8); }
    to { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0) scale(1); }
    to { -webkit-transform: rotateY(-180deg) scale(.8); }
}

@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) scale(1); }
    to { -webkit-transform: rotateY(180deg) scale(.8); }
}

#jqt .slideup.in {
	-webkit-animation-name: slideup;
	z-index: 10;
}

#jqt .slideup.out {
	-webkit-animation-name: dontmove;
	z-index: 0;
}

#jqt .slideup.out.reverse {
	z-index: 10;
	-webkit-animation-name: slidedown;
}

#jqt .slideup.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}


@-webkit-keyframes slideup {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slidedown {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}



/* Hackish, but reliable. */

@-webkit-keyframes dontmove {
    from { opacity: 1; }
    to { opacity: 1; }
}

#jqt .swap {
	-webkit-transform: perspective(800);
	-webkit-animation-duration: .7s;
}
#jqt .swap.out {
	-webkit-animation-name: swapouttoleft;
}
#jqt .swap.in {
	-webkit-animation-name: swapinfromright;
}
#jqt .swap.out.reverse {
	-webkit-animation-name: swapouttoright;
}
#jqt .swap.in.reverse {
	-webkit-animation-name: swapinfromleft;
}


@-webkit-keyframes swapouttoright {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
        -webkit-animation-timing-function: ease-in-out;
    }
    50% {
        -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform:  translate3d(0px, 0px, -800px) rotateY(70deg);
    }
}

@-webkit-keyframes swapouttoleft {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
        -webkit-animation-timing-function: ease-in-out;
    }
    50% {
        -webkit-transform:  translate3d(180px, 0px, -400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
    }
}

@-webkit-keyframes swapinfromright {
    0% {
        -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
        -webkit-animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    }
}

@-webkit-keyframes swapinfromleft {
    0% {
        -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    }
}

#jqt .cube {
    -webkit-animation-duration: .55s;
}

#jqt .cube.in {
	-webkit-animation-name: cubeinfromright;
    -webkit-transform-origin: 0% 50%;
}
#jqt .cube.out {
	-webkit-animation-name: cubeouttoleft;
    -webkit-transform-origin: 100% 50%;
}
#jqt .cube.in.reverse {
	-webkit-animation-name: cubeinfromleft;	
    -webkit-transform-origin: 100% 50%;
}
#jqt .cube.out.reverse {
	-webkit-animation-name: cubeouttoright;
    -webkit-transform-origin: 0% 50%;

}

@-webkit-keyframes cubeinfromleft {
	from {
        -webkit-transform: rotateY(-90deg) translateZ(320px);
        opacity: .5;
	}
    to {
        -webkit-transform: rotateY(0deg) translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes cubeouttoright {
    from {
        -webkit-transform: rotateY(0deg) translateX(0);
        opacity: 1;
    }
    to {
        -webkit-transform: rotateY(90deg) translateZ(320px);
        opacity: .5;
    }
}
@-webkit-keyframes cubeinfromright {
    from {
        -webkit-transform: rotateY(90deg) translateZ(320px);
        opacity: .5;
    }
    to {
        -webkit-transform: rotateY(0deg) translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes cubeouttoleft {
    from {
        -webkit-transform: rotateY(0deg) translateZ(0);
        opacity: 1;
    }
    to {
        -webkit-transform: rotateY(-90deg) translateZ(320px);
        opacity: .5;
    }
}




#jqt .pop {
	-webkit-transform-origin: 50% 50%;
}

#jqt .pop.in {
	-webkit-animation-name: popin;
	z-index: 10;
}

#jqt .pop.out.reverse {
	-webkit-animation-name: popout;
	z-index: 10;
}

#jqt .pop.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}

@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
}
/* end jqtouch */

/* @group Toolbar */

#jqt .toolbar {
/*    position: relative;*/
}
#jqt .button, #jqt .back, #jqt .cancel, #jqt .add {
    position: absolute;
    overflow: hidden;
    top: 8px;
    right: 6px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border:1px solid black;padding:0 8px 0 8px;    -webkit-border-image: url('images/m/toolButton.png') 0 5 0 5;
}
#jqt .btn{
	float:right;
    overflow: hidden;
    margin: 3px;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border:1px solid black;padding:0 8px 0 8px;    -webkit-border-image: url('images/m/button.png') 0 5 0 5;
}

#jqt .button.active, #jqt .cancel.active, #jqt .add.active,#jqt .btn.active {
	border-color:red;
    -webkit-border-image: url('images/m/toolButton.png') 0 5 0 5;	
}

#jqt .back {
    left: 6px;
    right: auto;
    padding: 0;
    max-width: 55px;
    border-width: 0 8px 0 14px;
    border:1px solid black;padding:0 8px 0 8px;    -webkit-border-image: url('images/m/backButton.png') 0 8 0 14;
}

#jqt .back.active {
	border-color:red;
    -webkit-border-image: url('images/m/backButton.png') 0 8 0 14;
}

#jqt .leftButton, #jqt .cancel {
    left: 6px;
    right: auto;
}

#jqt .add {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}

#jqt .whiteButton, #jqt .grayButton, #jqt .redButton, #jqt .blueButton, #jqt .greenButton {
    display: block;
    border-width: 0 12px;
    border:1px solid black;    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: inherit;
    color: inherit;
}


#jqt .whiteButton {
    -webkit-border-image: url('images/m/whiteButton.png') 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
    margin:10px;
    color:rgba(0,0,0,.9);
}

#jqt .grayButton {
    -webkit-border-image: url('images/m/grayButton.png') 0 12 0 12;
    color: #FFFFFF;
}

#jqt .redButton {
    -webkit-border-image: url('images/m/redButton.png') 0 12 0 12;
    color: #FFFFFF;
}

#jqt .blueButton {
    -webkit-border-image: url('images/m/blueButton.png') 0 12 0 12;
    color: #FFFFFF;
}

#jqt .greenButton {
    -webkit-border-image: url('images/m/greenButton.png') 0 12 0 12;
    color: #FFFFFF;
}
#jqt .whiteButton.active, #jqt .grayButton.active, #jqt .redButton.active, #jqt .blueButton.active, #jqt .greenButton.active,
#jqt .whiteButton:active, #jqt .grayButton:active, #jqt .redButton:active, #jqt .blueButton:active, #jqt .greenButton:active {
	border-color: red;
    -webkit-border-image: url('images/m/activeButton.png') 0 12 0 12;
}
#jqt .thinbtn{
font: bold 17px "Helvetica Neue", Helvetica;
margin: 5px 0 0 0;
padding:5px;
}


/* @end */
/* universal links on list */

#jqt ul li>a, #jqt ul li a.arrow, #jqt dd a.arrow {
    color: #194fdb;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding: 9px 10px 9px 10px;
	margin:-10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#jqt dd a.arrow{
	font-weight:bold;
	font-size:17px;
}

#jqt ul li a.active {
    background-color: #194fdb;
    color: #fff;
}

#jqt ul li a.button {
    background-color: #194fdb;
    color: #fff;
}

#jqt ul li a + a {
    color: #000;
    font-size:14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

/* @group Lists */

#jqt h1 + ul, #jqt h2 + ul, #jqt h3 + ul, #jqt h4 + ul, #jqt h5 + ul, #jqt h6 + ul {
    margin-top: 0;
}
#jqt div.rnd,
#jqt ul,#jqt dl {
    color: black;
    background: #fff;
    border: 1px solid #B4B4B4;
    font: bold 17px "Helvetica Neue", Helvetica;
    padding: 0;
    margin: 15px 10px 17px 10px;
}
#jqt dl{
margin:15px 5px 17px;
}
#jqt div.rnd,
#jqt ul.rnd,
#jqt dl.rnd{
-webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius:8px;
}
#jqt ul li {
    color: #666;
    border-top: 1px solid #B4B4B4;
    list-style-type: none;
    padding: 10px 10px 10px 10px;
}
#jqt div.rnd,
#jqt dl>div{
	color: #666;
	border-top: 1px solid #B4B4B4;
	padding:10px 2% 10px 2%;
	font-weight:normal;
    font-size:13px;
    overflow:hidden;
}
#jqt dl dt {
    padding-right:2px;
    width:24%;
    font-size:10px;
    display:inline-block;
    vertical-align:top;
    color:#000;
    font-weight:bold;
}
#jqt dl dd {
    padding-left:5px;
    width:70%;
   	display:inline-block;
   	-webkit-margin-start:0;
   	vertical-align:top;
}
#jqt div.rnd,
#jqt dl.rnd>div:first-child,
#jqt dl.rnd dt:first-child,#jqt dl.rnd dt:first-child+dd,
#jqt ul.rnd li:first-child,#jqt ul.rnd li:first-child a{
border-top:0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#jqt div.rnd,
#jqt ul.rnd li:last-child,#jqt ul.rnd li:last-child a {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-moz-border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

/* universal arrows */

#jqt ul li.arrow {
    background-image: url('images/m/chevron.png');
    background-position: right center;
    background-repeat: no-repeat;
}
#jqt ul li.arrow a{
padding:10px;
}
#jqt ul li span{
color:#000;
font-size:10px;
}
#jqt ul li a.arrow, #jqt dd a.arrow {
	float:right;
    background-image: url('images/m/chevron.png');
    background-position: right center;
    background-repeat: no-repeat;
    text-align:right;
    color:blue;
    padding-right:25px;
}

#jqt ul li.arrow{

clear:both;
height:auto;
}
#jqt ul li.arrow a{
padding-right:22px;
}
#jqt ul li.arrow a * { 
font-size:18px;
line-height:18px;
text-overflow: ellipsis;
overflow: hidden;
}
#jqt ul li.arrow img{
margin:4px;
height:35px;
display:block;
float:left;
vertical-align:middle;
}
#jqt ul li.arrow a big{
padding-left:10px;
margin:8px 0;
height:20px;
display:block;
color:inherit;
}
#jqt ul li.arrow a img+big{
padding-left:0;
margin:6px 0 8px;
height:22px;
}
#jqt ul li.arrow a big+small{
margin-top:-12px;
font-size:12px;
display: block;
padding-left:10px;
}
#jqt #plastic ul li.arrow, #jqt #metal ul li.arrow {
    background-image: url('images/m/chevron.png');
    background-position: right center;
    background-repeat: no-repeat;
}

/* @group Forms */

#jqt ul.form li {
    padding: 7px 10px;
}

#jqt ul.form li.error {
    border: 2px solid red;
}

#jqt ul.form li.error + li.error {
    border-top: 0;
}

#jqt ul.form li:hover {
    background: #fff;
}

#jqt ul li input[type="text"],
#jqt ul li input[type="password"],
#jqt ul li input[type="tel"],
#jqt ul li input[type="number"],
#jqt ul li input[type="search"],
#jqt ul li input[type="email"],
#jqt ul li input[type="url"],
#jqt ul li textarea,
#jqt ul li select {
    color: #777;
    background: #fff;
    border: 1px solid #ccc;
    font: normal 17px "Helvetica Neue", Helvetica;
    padding: 0;
    display: inline-block;
    margin-left: 0px;
    width: 100%;
    -webkit-appearance: textarea;
}

#jqt ul li textarea {
    height: 120px;
    resize:vertical;
    padding: 0;
    /*text-indent: -2px;*/
}

#jqt ul li select {
    text-indent: 0px;
    background: transparent url('images/m/chevron.png') no-repeat 103% 3px;
/*    -webkit-appearance: textfield;*/
    margin-left: -6px;
    width: 104%;
}

#jqt ul li input[type="checkbox"], #jqt ul li input[type="radio"] {
    margin: 0;
    color: rgb(50,79,133);
    padding: 10px 10px;
}

#jqt ul li input[type="checkbox"]:after, #jqt ul li input[type="radio"]:after {
    content: attr(title);
    font: 17px "Helvetica Neue", Helvetica;
    display: block;
    width: 246px;
    margin: -12px 0 0 17px;
}

/* @end */

/* @group Edge to edge */
#jqt ul.edgetoedge, dl.edgetoedge {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
overflow:hidden;
border:0;
}
#jqt li>dl.edgetoedge{
border:0;
}
#jqt ul.edgetoedge>li{
clear:both;
height:auto;
}
#jqt div.botpad{
height:45px;
display:none;
}
#jqt .iwrapper div.botpad{
display:block;
}
#jqt div.vscroll>h3,
#jqt ul.edgetoedge li.sep,
#jqt div.sep {
	background-color:#6d84a2;    background:#a0b0ba;    border:0;
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 2px 4px;
    text-shadow: #636a6f 0 1px 0;
}
ul.edgetoedge.sep{
background-color:#6d84a2 !important;
}
.floatimg {
background: #fff;
float:left;
padding:5px;
}
.floatimg>img{
max-height:50px;
max-width:50px;
}
div.floatimg+div.clearafter{
margin-left:55px
}
#jqt div.sep img,
#jqt ul.edgetoedge li.sep img{
display:inline;
float:left;
vertical-align:top;
max-height:50px !important;
max-width:50px !important;
margin-right:5px;
border:1px solid #000;
}
div.sep h3,
#jqt ul.edgetoedge li.sep h3{
min-height:50px;
padding-left:5px;
vertical-align:middle;
line-height:22px;
}
#jqt ul li.sep h3 span{
margin:1px 0;
display:block;
font-size:1.17em;
font-weight:bold;
color:#fff;
}
#jqt ul li.sep h3 img+span{
margin:1px 0 1px 60px;
}

#jqt ul.edgetoedge li h4{
font-weight:bold;
font-size:18px;
color:#000;
line-height:20px;
}
div.content{
font-weight:normal;
font-size:.9em;
line-height:1.1em;
margin-bottom:3px;
margin-top:3px;
}
div.wrapcontent{
margin:0;
margin-top:10px;
border-top:1px solid #ccc;
padding-top:10px;
}
div.wrapcontent .wrapcontent{
font-size:.8em;
}
div.wrapcontent>img{
margin-left:-5px;
}
div.wrapcontent>div.content{
border-top:1px dotted #ccc;
}
/*Get rid of this?*/
#jqt .edgetoedge>h4 {
    color: #fff;
    background: rgb(154,159,170) url('images/m/listGroup.png') top left repeat-x;
    border-top: 1px solid rgb(165,177,186);
    text-shadow: #666 0 1px 0;
    margin: 0;
    padding: 2px 10px;
}

#jqt .edgetoedge, #jqt .metal {
    margin: 0;
    padding: 0;
    background-color: rgb(255,255,255);
}

#jqt .edgetoedge ul, #jqt .metal ul, #jqt .plastic ul {
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    border-radius:0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

#jqt .metal ul {
    border-top: 0;
    border-bottom: 0;
    background: rgb(180,180,180);
}

#jqt .edgetoedge ul li:first-child,
#jqt .edgetoedge ul li:first-child a,
#jqt .edgetoedge ul li:last-child,
#jqt .edgetoedge ul li:last-child a,
#jqt .metal ul li:first-child a,
#jqt .metal ul li:last-child a {
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    border-radius:0;
}

#jqt .edgetoedge li, #jqt .metal li {
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    border-radius:0;
}

#jqt .edgetoedge li em {
    font-weight: normal;
    font-style: normal;
}

#jqt .edgetoedge h4 + ul {
    border-top: 1px solid rgb(152,158,164);
    border-bottom: 1px solid rgb(113,125,133);
}

/* @end */

/* @group Plastic */

#jqt #plastic ul li.arrow, #jqt #metal ul li.arrow {
    background-image: url('images/m/chevron.png');
    background-position: right center;
    background-repeat: no-repeat;
}

#jqt .edgetoedge ul, #jqt .metal ul, #jqt .plastic ul {
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    border-radius:0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}




#jqt .plastic {
    margin: 0;
    padding: 0;
    background: rgb(173,173,173);
}

#jqt .plastic ul {
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    border-radius:0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: rgb(173,173,173);
}

#jqt .plastic ul li {
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    border-radius:0;
    border-top: 1px solid rgb(191,191,191);
    border-bottom: 1px solid rgb(157,157,157);
}

#jqt .plastic ul li:nth-child(odd) {
    background-color: rgb(152,152,152);
    border-top: 1px solid rgb(181,181,181);
    border-bottom: 1px solid rgb(138,138,138);
}

#jqt .plastic ul + p {
    font-size: 11px;
    color: #2f3237;
    text-shadow: none;
    padding: 10px 10px;
}

#jqt .plastic ul + p strong {
    font-size: 14px;
    line-height: 18px;
    text-shadow: #fff 0 1px 0;
}

#jqt .plastic ul li a {
    text-shadow: rgb(211,211,211) 0 1px 0;
}

#jqt .plastic ul li:nth-child(odd) a {
    text-shadow: rgb(191,191,191) 0 1px 0;
}

#jqt #plastic ul.minibanner, #jqt #plastic ul.bigbanner {
    margin: 10px;
    border: 0;
    height: 81px;
    clear: both;
}

#jqt #plastic ul.bigbanner {
    height: 140px !important;
}

#jqt #plastic ul.minibanner li {
    border: 1px solid rgb(138,138,138);
    background-color: rgb(152,152,152);
    width: 145px;
    height: 81px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding: 0;
}

#jqt #plastic ul.bigbanner li {
    border: 1px solid rgb(138,138,138);
    background-color: rgb(152,152,152);
    width: 296px;
    height: 140px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding: 0;
    margin-bottom: 4px;
}

#jqt #plastic ul.minibanner li:first-child {
    margin-right: 6px;
}

#jqt #plastic ul.minibanner li a {
    color: transparent;
    text-shadow: none;
    display: block;
    width: 145px;
    height: 81px;
}

#jqt #plastic ul.bigbanner li a {
    color: transparent;
    text-shadow: none;
    display: block;
    width: 296px;
    height: 145px;
}

/* @end */

/* @group Individual */

#jqt ul.individual {
    border: 0;
    background: none;
    clear: both;
    overflow: hidden;
}

#jqt ul.individual li {
    color: rgb(183,190,205);
    background: white;
    border: 1px solid rgb(180,180,180);
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    width: 48%;
    float: left;
    display: block;
    padding: 11px 10px 14px 10px;
}

#jqt ul.individual li + li {
    float: right;
}

#jqt ul.individual li a {
    color: rgb(50,79,133);
    line-height: 16px;
    margin: -11px -10px -14px -10px;
    padding: 11px 10px 14px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#jqt ul.individual li a:hover {
    color: #fff;
    background: #36c;
}

/* @end */

/* @group Toggle */


#jqt .toggle {
    width: 94px;
    position: relative;
    height: 27px;
    display: block;
    overflow: hidden;
    float: right;
}

#jqt .toggle input[type="checkbox"]:checked {
    left: 0px;
}

#jqt .toggle input[type="checkbox"] {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff url('images/m/on_off.png') 0 0 no-repeat;
    height: 27px;
    overflow: hidden;
    width: 149px;
    border: 0;
    -webkit-appearance: textarea;
    background-color: transparent;
    -webkit-transition: left .15s;
    position: absolute;
    top: 0;
    left: -55px;
}
/* @end */

#jqt .mobad{
width:320px;
height:54px;
overflow-x: hidden;
overflow-y: hidden;
margin:auto;
background-color:#6d84a2;}
#jqt .mobad img{
display:block;
margin:auto;
}

#jqt .info {
    background: #dce1eb;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-shadow: rgba(255,255,255,.8) 0 1px 0;
    color: rgb(76, 86, 108);
    padding: 15px;
    border-top: 1px solid rgba(76, 86, 108, .3);
    font-weight: bold;
}
#jqt .dtl,#jqt .ftr{
font-size: 14px;
line-height: normal;
text-align: left;
padding:0;
}

#jqt .dtl a,#jqt .ftr a,#jqt .sub a{
display:inline;
}
#jqt .content{
background:#fff;
}
.content h4{
background: rgba(76, 86, 108, .3);
}
.content .sub+h4{
margin-top:10px;
}
#jqt .sub{
font-weight:normal;
font-size:11px;
line-height:13px;
}
#jqt .wiki p{
margin:5px 0 7px;
font-size:.9em;
}
#jqt .wiki ul{
font-size:.9em;
font-weight:normal;
border:0;
list-style:disc outside none;
margin:5px 0;
padding-left:2em;
}
#jqt .wiki ul li{
color:#666;
border:0;
padding:0;
padding-left:9px;
list-style-type:disc;
}
#jqt .wiki h1{
font-size:1.5em;
line-height:1.5em;
}
#jqt .wiki h2{
font-size:1.3em;
line-height:1.3em;
}

div#jqt #about {
    padding: 50px 10px 40px;
    font-size: 13px;
    text-align: center;
    /*background: #161618;*/
}
div#jqt #about p {
    margin-bottom: 8px;
}
div#jqt #about a {
    /*color: #fff;*/
    font-weight: bold;
    text-decoration: none;
}
/* end theme */
body {
    background-color:#ddd;
    color:#222;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust:none;
    overflow-x: hidden;
}
.header {
/* gradient: The bottom half is one color: 4a6c9b
 * the top half ranges from: 8ea4c1 (light) to 5877a2 (dark)
 * bottom is #6d84a2
 */
    background: url('images/m/toolbar.png') #6d84a2 repeat-x;
    line-height:20px;
    border-bottom: 1px solid #6d84a2;
    width:100%;
}
.header h1, .header h2{
text-shadow: rgba(255,255,255,.2) 0 1px 1px;
color: rgb(76, 86, 108);
}
.header h1 {
	color:#fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0px 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
.header h2{
	color:#fff;
    font-size:16px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0px 0;
    text-align: center;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
ul {
    list-style: none;
    margin: 10px;
    padding: 0;
}
ul.edit li {
line-height:26px;
text-align:center;
}
#login ul label{
width:70px;
}
#etlogin ul label{
width:150px;
}
#etlogin ul li span,
#login ul li span{
font-weight:bold;
}
ul.edit label{
display:inline-block;
text-align:right;
margin-right:4px;
}
ul.edit li input[type="submit"]{
width:80px;
margin:10px auto 0;
height:40px;
}
#progress {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #000;
    color: white;
    font-size: 18px;
    font-weight: bold;
    height: 80px;
    left: 60px;
    line-height: 80px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 120px;
    width: 200px;
}
.note{
padding: 2px 5px;
text-align:left;
font-size:13px;
width:100%;
margin:0 auto;
background-color: #6d84a2;
color:#fff;
}
.oldalert,
.alert{
display:none;
}
#footer {
    padding: 10px;
    text-align:center;
    font-size:75%;
}
.navbar {
padding:2px 0 2px 0;
height:65px;
background: url('images/m/navbar.png') repeat-x scroll 0 0 transparent;
background: #000;
}
.navbar div{
background: transparent;
display:block;
height:60px;
/* this is so webos stays narrow enough to fit between the right/left buttons */
width:292px;
margin:0 auto;
padding:0;
border:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.navbar div a{
border:0;
display:block;
float:left;
margin:0;
padding:0;
text-indent:0;
}
#jqt div.icons a,
#jqt ul.icons li a,
.navbar div a,
.navbar ul li a,.navbar ul li:last-child a,.navbar ul li:first-child a{
color:#fff;
background:transparent;
font-size:10px;
font-weight:900;
width:73px;
height:58px;
text-align:center;
text-decoration:none;
border:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
margin:0;
padding:1px 0;
}
.navbar a span{
color:#fff;
}

.navbar a:hover,.navbar a:active{
color:#fff;
background:transparent;
text-decoration:none;
}
.navbar em{
left:0;
width:100% !important;
}

#jqt div.icons,
#jqt ul.icons{
height:auto;
border:0;
font:inherit;
padding:0;
margin:0 auto;
width:292px;
}
#jqt.landscape div.icons,
#jqt.landscape ul.icons{
width:438px;
}
#jqt div.icons a,
#jqt ul.icons li{
display:block;
float:left;
height:auto;
border:0;
padding:2px 0;
width:73px;
}
#jqt.landscape div.icons > *:nth-child(6n+1),
#jqt.landscape ul.icons > *:nth-child(6n+1),
#jqt div.icons > *:nth-child(4n+1),
#jqt ul.icons > *:nth-child(4n+1){
clear: both;
}
#jqt.landscape div.icons > *:nth-child(4n+1),
#jqt.landscape ul.icons > *:nth-child(4n+1){
clear:none;
}
#jqt div.icons a img,
#jqt div.icons a em,
#jqt ul.icons li em{
padding:0 14px;
}
#jqt div.icons a span,
.navbar a.socicon span,
.navbar a.evticon span,
#jqt ul.icons li span{
display:block;
width:67px;
overflow-x:hidden;
text-overflow:ellipsis;
}
.navbar a.socicon span,
.navbar a.evticon span,
.navbar div a{
width:73px;
}
hr.icons{
padding-top:0px;
padding-bottom:0px;
clear:both;
width:98%;
height:1px;
margin:10px 1% 4px;
}
.socicon,
.evticon {
text-decoration:none;
}
.socicon img,
.socicon em,
.evticon img,
.evticon em{
    display: block;
    width:45px;
    height:45px;
}
.socicon em{
background-image:url('images/m/iconslist45grey.png');
background-repeat:no-repeat;
}
.iphone .socicon em{
background-image:url('images/m/iconslist45white.png');
}
.navbar .socicon em{
background-image:url('images/m/iconslist45grey.png');
}
.evticon em{
background-image:url('images/m/iconslist45eventsgrey.png');
background-repeat:no-repeat;
}
.iphone .iwrapper .evticon em{
background-image:url('images/m/iconslist45eventswhite.png');
}
.navbar .evticon em{
background-image:url('images/m/iconslist45eventsgrey.png');
}
.socicon .soci-pics   {background-position:50% 0px}
.socicon .soci-wikis   {background-position:50% -45px}
.socicon .soci-news  {background-position:50% -90px}
.socicon .soci-profile  {background-position:50% -135px}
.socicon .soci-users  {background-position:50% -180px}
.socicon .soci-calendar  {background-position:50% -225px}
.socicon .soci-home  {background-position:50% -270px}
.socicon .soci-vendors  {background-position:50% -315px}
.socicon .soci-settings  {background-position:50% -360px}
.socicon .soci-favs  {background-position:50% -405px}
.socicon .soci-options  {background-position:50% -450px}
.socicon .soci-groups  {background-position:50% -495px}
.socicon .soci-blogs  {background-position:50% -540px}
.socicon .soci-polls  {background-position:50% -585px}
.socicon .soci-search  {background-position:50% -630px}
.socicon .soci-forums  {background-position:50% -675px}
.socicon .soci-files  {background-position:50% -720px}
.socicon .soci-comms  {background-position:50% -765px}
.socicon .soci-refr  {background-position:50% -810px}
.socicon .soci-about  {background-position:50% -855px}
.evticon .evt-updates	{background-position:50% 0px}
.evticon .evt-info		{background-position:50% -45px}
.evticon .evt-myinfo	{background-position:50% -90px}
.evticon .evt-myagenda	{background-position:50% -135px}
.evticon .evt-browse	{background-position:50% -180px}
.evticon .evt-search	{background-position:50% -225px}
.evticon .evt-lookup	{background-position:50% -270px}
.evticon .evt-vendors	{background-position:50% -315px}
.evticon .evt-logout	{background-position:50% -360px}
.evticon .evt-blog		{background-position:50% -405px}
.evticon .evt-twitter	{background-position:50% -450px}
.evticon .evt-maps		{background-position:50% -495px}
.evticon .evt-settings	{background-position:50% -540px}
div.header{
height:40px;
}

.iphone .navbar{
/*this is to prevent swiping over the bottom toolbar*/
padding-bottom:45px;
}
.iphone.fullscreen .navbar{
padding-bottom:0;
}
#jqt .page .iconwrap p,
#jqt .icons a span{
text-align:center;
color:#222;
}
#jqt.iphone .iwrapper .page .iconwrap p,
#jqt.iphone .iwrapper .icons a span{
text-align:center;
color:#fff;
}
#jqt.portrait #home .iwrapper div.iconwrap,
#jqt.portrait #page0 .iwrapper div.iconwrap{
background:url('http://www.heug.org/local/heug/m/heug_background3.png') no-repeat center top;
padding-bottom:60px;
}
#jqt.landscape #home .iwrapper div.iconwrap,
#jqt.landscape #page0 .iwrapper div.iconwrap{
background:url('http://www.heug.org/local/heug/m/heug_background3horz.png') no-repeat center top;
padding-bottom:60px;
}
#jqt .current .iwrapper{
    position:relative;
    z-index:1;
    width:100%;
    overflow:auto;
}
#jqt.iphone ::-webkit-scrollbar{
width:0px;
}
.portrait .iwrapper{			height:320px;}
.portrait img{				max-height:305px;max-width:320px;}
.portrait.iphone .iwrapper{		height:315px;}
.portrait.iphone img{		max-height:315px;max-width:320px;}
.portrait.webos .iwrapper{		height:348px;}
.portrait.webos img{			max-height:348px;}
.portrait.android .iwrapper{					}
.portrait.android img{			max-width:280px;	}
.portrait.chrome .iwrapper{		height:370px;}
.portrait.chrome img{		max-height:370px;max-width:320px;}
.landscape .iwrapper{							}
.landscape img.ml{								}
.landscape.iphone .iwrapper{	height:165px;max-width:480px;			}
.landscape.iphone img{			max-height:165px;max-width:480px;			}
.landscape.webos .iwrapper{		height:375px;}
.landscape.webos img{		max-height:375px;}
.landscape.android .iwrapper{	max-width:480px;				}
.landscape.android img{						}
.landscape.chrome .iwrapper{	max-width:480px;				}
.landscape.chrome img{						}
/*only iphone has fullscreen?*/
#jqt.fullscreen.portrait.iphone .iwrapper{	height:355px;}
#jqt.fullscreen.portrait.iphone img{		max-height:340px;}
#jqt.landscape.fullscreen.iphone .iwrapper{		height:195px;			}
#jqt.landscape.fullscreen.iphone img{		max-height:195px;	}

.spritearr.dn,.spritearrbl.dn{background-position: 0 0; width: 15px; height: 15px;}
.spritearr.rt,.spritearrbl.rt{background-position: 0 -30px; width: 15px; height: 15px;}
.spritearr{background:url("images/spritearrow.png") no-repeat top left;}
.spritearrbl{background:url("images/spritearrowbl.png") no-repeat top left;}
a.spritearr,a.spritearrbl{display:block;float:left;}
.hide{left:-5000px;position:absolute;}
.hl {font-size:.9em !important;font-weight:bold;background-color: #FF0;}
.clearfix:after,.clearafter:after{
content: ".";
display: block;
height: 0;
/*
font-size: 0;
*/
clear: both;
visibility: hidden;
}
.clearfix{
display:inline-block;
}
.fsxxs{
font-size:.75em;	}
.fsxs{
font-size:.8em;	}
.fss{
font-size:.9em;	}
.fsm{
font-size:1em;		}
.fs12{
font-size:12px !important;
}
.fsl{
font-size:1.1em;	}
.fsxl{
font-size:1.4em;	}
.fsxxl{
font-size:1.6em;	}
.infobox{
background: #fff;
border:1px outset black;
color:#000;
margin:2px;
padding:4px;
}
table.btnbar{
width:100%;
}
table.btnbar th{
border-bottom:1px solid #ccc;
text-align:center;
margin:0 auto;
}
table.btnbar td{
cursor:pointer;
border:0 !important;
padding:10px 0 !important;
text-align:center;
}
table.btnbar td.sel{
background-color:#666 !important;
color:#fff !important;
}
table.btnbar td+td{
border-left:1px solid #ccc !important;
}
.btnbar.addthis_toolbox a{
margin-top:1px;
margin-bottom:0px;
height:16px;
line-height:16px;
}
.btnbar.addthis_toolbox a.span{
padding-top:0px;
}
div.rating {
margin-left:-75px;
margin-top:20px;
}
div.rating a{
float:left;
height:45px;
width:45px;
text-decoration:none;
}
div.rating a.non{
background: url('images/m/rank1.jpg') no-repeat top left;
}
div.rating a.sel{
background: url('images/m/rank2.jpg') no-repeat top left;
}
div.rating a.unsel{
background: url('images/m/rank3.jpg') no-repeat top left;
}
div.rating a.non.active,
div.rating a.sel.active,
div.rating a.unsel.active{
background-color: #fff !important;
background: url('images/m/rank4.jpg') no-repeat top left;
}
div.spacer{
height:20px;
}
