@font-face{
    font-family:'Pictos';
     src:url("/fonts/pictos.eot?iefix");
    src:local("Pictos"),url("/fonts/pictos.woff") format("woff"),url("/fonts/pictos.ttf") format("truetype"),url("/fonts/pictos.svg#webfontIyfZbseF") format("svg");
    font-weight:normal;
    font-style:normal
}
.pictos{
    font-family:"Pictos"
}
.p-a:before{
    font-family:"Pictos";
    content:"a "
}
.p-b:before{
    font-family:"Pictos";
    content:"b "
}
.p-c:before{
    font-family:"Pictos";
    content:"c "
}
.p-d:before{
    font-family:"Pictos";
    content:"d "
}
.p-e:before{
    font-family:"Pictos";
    content:"e "
}
.p-f:before{
    font-family:"Pictos";
    content:"f "
}
.p-g:before{
    font-family:"Pictos";
    content:"g "
}
.p-h:before{
    font-family:"Pictos";
    content:"h "
}
.p-i:before{
    font-family:"Pictos";
    content:"i "
}
.p-j:before{
    font-family:"Pictos";
    content:"j "
}
.p-k:before{
    font-family:"Pictos";
    content:"k "
}
.p-l:before{
    font-family:"Pictos";
    content:"l "
}
.p-m:before{
    font-family:"Pictos";
    content:"m "
}
.p-n:before{
    font-family:"Pictos";
    content:"n "
}
.p-o:before{
    font-family:"Pictos";
    content:"o "
}
.p-p:before{
    font-family:"Pictos";
    content:"p "
}
.p-q:before{
    font-family:"Pictos";
    content:"q "
}
.p-r:before{
    font-family:"Pictos";
    content:"r "
}
.p-s:before{
    font-family:"Pictos";
    content:"s "
}
.p-t:before{
    font-family:"Pictos";
    content:"t "
}
.p-u:before{
    font-family:"Pictos";
    content:"u "
}
.p-v:before{
    font-family:"Pictos";
    content:"v "
}
.p-w:before{
    font-family:"Pictos";
    content:"w "
}
.p-x:before{
    font-family:"Pictos";
    content:"x "
}
.p-y:before{
    font-family:"Pictos";
    content:"y "
}
.p-z:before{
    font-family:"Pictos";
    content:"z "
}
.p-A:before{
    font-family:"Pictos";
    content:"A "
}
.p-B:before{
    font-family:"Pictos";
    content:"B "
}
.p-C:before{
    font-family:"Pictos";
    content:"C "
}
.p-D:before{
    font-family:"Pictos";
    content:"D "
}
.p-E:before{
    font-family:"Pictos";
    content:"E "
}
.p-F:before{
    font-family:"Pictos";
    content:"F "
}
.p-G:before{
    font-family:"Pictos";
    content:"G "
}
.p-H:before{
    font-family:"Pictos";
    content:"H "
}
.p-I:before{
    font-family:"Pictos";
    content:"I "
}
.p-J:before{
    font-family:"Pictos";
    content:"J "
}
.p-K:before{
    font-family:"Pictos";
    content:"K "
}
.p-L:before{
    font-family:"Pictos";
    content:"L "
}
.p-M:before{
    font-family:"Pictos";
    content:"M "
}
.p-N:before{
    font-family:"Pictos";
    content:"N "
}
.p-O:before{
    font-family:"Pictos";
    content:"O "
}
.p-P:before{
    font-family:"Pictos";
    content:"P "
}
.p-Q:before{
    font-family:"Pictos";
    content:"Q "
}
.p-R:before{
    font-family:"Pictos";
    content:"R "
}
.p-S:before,.rating span:before,.rating:hover span:hover ~ span:before{
    font-family:"Pictos";
    content:"S "
}
.p-T:before{
    font-family:"Pictos";
    content:"T "
}
.p-U:before{
    font-family:"Pictos";
    content:"U "
}
.p-V:before{
    font-family:"Pictos";
    content:"V "
}
.p-W:before{
    font-family:"Pictos";
    content:"W "
}
.p-X:before{
    font-family:"Pictos";
    content:"X "
}
.p-Y:before{
    font-family:"Pictos";
    content:"Y "
}
.p-Z:before{
    font-family:"Pictos";
    content:"Z "
}
.wufoo{
    /*font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;*/
    letter-spacing:.01em
}
.wufoo li{
    width:100%;
    display: flex;
    flex-direction: row;
}
@media only screen and (orientation: portrait) {
	.wufoo li{
  	    flex-direction: column;
  	}
}
.info{
    display:flex;
    clear:both;
    margin:0 0 5px 0;
    padding:0 1% 1vh 1%;
    /*border-bottom:1px dotted #ccc*/
}
.info[class]{
    display:block
}
.hideHeader .info,#payment.hideHeader li.first{
    display:none
}
.info h2{
    font-weight:normal;
    font-size:160%;
    margin:0 0 5px 0;
    /*clear:left*/
}
.info div{
    font-size:95%;
    line-height:135%;
    /*color:#555*/
}
.info div.text{
    display: flex;
    flex: 5;
    padding: 0 0 0 10px;
}
form ul{
    margin:0;
    padding:0;
    list-style-type:none
}
* html form ul{
    width:99%;
    zoom:1
}
form li{
    margin:0;
    padding:6px 1% 9px 1%;
    clear:both;
    background-color:transparent;
    position:relative;
    -webkit-transition:background-color 350ms ease-out;
    -moz-transition:background-color 350ms ease-out;
    -o-transition:background-color 350ms ease-out;
    transition:background-color 350ms ease-out
}
form ul:after,form li:after,form li div:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
* html form li{
    height:1%;
    margin-bottom:-3px
}
*+html form li{
    height:1%;
    margin-bottom:-3px
}
* html form li div{
    display:inline-block
}
*+html form ul,*+html form li div{
    display:inline-block
}
form li div{
    margin:0;
    padding:0;
    color:#444;
    flex: 4;
    min-width: 50px;
}
form li div:last-child{
    flex: 0.75;
    /*background-color: rgba(100,100,100,0.3);*/

}    
@media only screen and (max-width: 919.9px)  { 
    form li div:last-child{
    	flex: 0.5;
    	/*display: none;*/
    	min-width: 0;
    }
    .buttonFix{
   		min-width: 0;
    }
}
/*@media only screen and (max-width: 1199.9px)  { 
	form li div:last-child{
    	flex: 1;
    }
}*/
form li span{
    margin:0 .3em 0 0;
    padding:0;
    float:left;
    color:#444;
    flex: 2;
}
form li > span:first-child{
    flex: 1.5;
}
form li > span:last-child{
    flex: 2.5;
}
form li div span{
    margin:0;
    display:block;
    width:100%;
    float:left;
}
li.twoColumns div span{
    width:48%;
    margin:0 5px 0 0
}
li.threeColumns div span{
    width:30%;
    margin:0 5px 0 0
}
li.notStacked div span{
    width:auto;
    margin:0 7px 0 0
}
form li.complex{
    padding-bottom:0
}
form li.complex div span{
    width:auto;
    margin:0 .3em 0 0;
    padding-bottom:12px
}
form li.complex div span.full{
    margin:0
}
form li.complex div span.left,form li.complex div span.right{
    margin:0;
    width:48%
}
form li.complex div span.full input,form li.complex div span.full select,form li.complex div span.left input,form li.complex div span.right input,form li.complex div span.left select,form li.complex div span.right select{
    width:100%
}
.left{
    float:left
}
.right{
    float:right
}
.clear{
    clear:both !important
}
label span,form .section span, form p span,.likert span{
    display:inline !important;
    float:none !important
}
form li div label,form li span label{
    margin:0;
    padding-top:3px;
    clear:both;
    font-size:85%;
    line-height:160%;
    color:#444;
    display:block
}
fieldset{
    display:block;
    border:none;
    margin:0;
    padding:0
}
label.desc,legend.desc, .buttonFix{
    font-size:1.2em;
    
    color:#222;
    line-height:150%;
    margin:0;
    padding:0 10px 3px 0;
    border:none;
    display:block;
    white-space:normal;
    /*width:100%*/
    flex: 1;
    text-align: right;

}    
@media only screen and (orientation: portrait) {
	label.desc,legend.desc, .buttonFix{
  	    text-align: left;
  	}
}
@media only screen and (max-width: 919.9px)  { 
	label.desc,legend.desc, .buttonFix{
    	flex: 1.6;
    }
}
@media only screen and (max-width: 1199.9px)  { 
	label.desc,legend.desc, .buttonFix{
    	font-size:1.1em;
    }
}
@media only screen and (max-width: 599.9px)  { 
	label.desc,legend.desc, .buttonFix{
    	font-size:1em;
    }
}
label.choice{
    display:block;
    cursor:pointer;
    font-size:100%;
    line-height:150%;
    margin:-17px 0 0 23px;
    padding:0 0 5px 0;
    color:#222;
    width:88%
}
#public input[disabled]+label.choice{
    cursor:default
}
#public input[disabled]+label.choice span{
    color:#777
}
.safari label.choice{
    margin-top:-16px
}
form.rightLabel .desc{
    padding-top:2px
}
span.symbol{
    font-size:120%;
    line-height:135%
}
form li .datepicker{
    float:left;
    margin:.19em 5px 0 0;
    padding:0;
    width:16px;
    height:16px;
    cursor:pointer !important
}
li .choice__qty{
    font-size:0.9em;
    font-style:italic;
    color:#777
}
li.hideQty .choice__qty,li.hideQuantity .choice__qty{
    display:none !important
}
form span.req{
    display:inline;
    float:none;
    color:red !important;
    font-weight:bold;
    /*margin:0;*/
    margin: 0 -3px 0 0;
    padding:0
}
form li div label var{
    font-weight:bold;
    font-style:normal
}
form li div label .currently{
    display:none;
}
input.text,input.search,input.file,textarea.textarea,select.select, optgroup{
    /*font-family:"Lucida Grande", Tahoma, Arial, sans-serif;*/
    font-family:'Dosis', sans-serif;
    font-size:1.1em;
    color:#222;
    margin:0;
    padding:2px 0
}
@media only screen and (max-width: 1199.9px)  { 
	input.text,input.search,input.file,textarea.textarea,select.select, optgroup{
    	font-size:1.05em;
    }
}
@media only screen and (max-width: 599.9px)  { 
	input.text,input.search,input.file,textarea.textarea,select.select, optgroup{
    	font-size:1em;
    }
}
input.text,input.search,textarea.textarea{
    /*border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;*/
    border: none;
    background: #fff url(../images/fieldbg.gif) repeat-x top;
    padding: 3px 5px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+10,ffffff+100&0.9+10,0.7+81,0.55+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 10%, rgba(255,255,255,0.75) 81%, rgba(255,255,255,0.60) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 10%,rgba(255,255,255,0.75) 81%,rgba(255,255,255,0.60) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.9) 10%,rgba(255,255,255,0.75) 81%,rgba(255,255,255,0.60) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#8cffffff',GradientType=1 ); /* IE6-9 */
}

input.nospin::-webkit-inner-spin-button,input.nospin::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
select.select{
    padding:1px 0 0 0
}
input.search{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding-left:6px
}
input.checkbox,input.radio{
    display:block;
    margin:4px 0 0 0;
    padding:0;
    width:13px;
    height:13px
}
input.other{
    margin-left:25px
}
label.other{
    margin:0 0 8px 25px
}
.safari select.select{
    font-size:120% !important;
    margin:0 0 1px 0
}
* html select.select{
    margin:1px 0
}
*+html select.select{
    margin:1px 0
}
.center,form li span.center input.text,form li span.center label,form li.name span label,form li.date input.text,form li.date span label,form li.phone input.text,form li.phone span label,form li.time input.text,form li.time span label{
    text-align:center
}
form li.time select.select{
    margin-left:5px
}
form li.price .right{
    text-align:right
}
.third{
    width:32% !important
}
.half{
    width:48% !important
}
.full{
    width:100% !important
}
input.small,select.small{
    width:25%
}
input.medium,select.medium{
    width:45%
}
@media only screen  { 
	input.medium,select.medium{
    width:70%
    }
}
@media only screen and  (orientation: portrait)  and (max-width: 599.9px){
	input.medium,select.medium{
    	width:98%
    }
	form li:not(#foli9) {
	    width: 99%;
	}
}
@media only screen and  (orientation: portrait)  and (min-width: 600px){
	input:not(#Field9) {
	    width: 80% !important;
	}
}
input.large,select.large{
    width:100%
}
.msie[class] select.ieSelectFix{
    width:auto
}
.msie[class] select.ieSelectFix.small{
    min-width:25%
}
.msie[class] select.ieSelectFix.medium{
    min-width:50%

}
.msie[class] select.ieSelectFix.large{
    width:100%
}
textarea.textarea{
    /*width:293px;*/
    min-width:calc(100% - 7px);
    max-width:calc(100% - 7px);
    padding: 2px 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+10,ffffff+100&0.9+10,0.7+81,0.55+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 10%, rgba(255,255,255,0.7) 81%, rgba(255,255,255,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 10%,rgba(255,255,255,0.7) 81%,rgba(255,255,255,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.9) 10%,rgba(255,255,255,0.7) 81%,rgba(255,255,255,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#8cffffff',GradientType=1 ); /* IE6-9 */
}
#Field1{
	width: 94% !important;
}
@media only screen and (orientation: portrait) {
	#Field1{
	 	width: 100% !important;
    	margin-bottom: 0.75vh;
	}
}
textarea.small{
    height:5.5em
}
textarea.medium{
    height:10em
}
textarea.large{
    height:20em
}
li.file a{
    color:#222;
    text-decoration:none
}
li.file span{
    display:inline;
    float:none
}
li.file img{
    display:block;
    float:left;
    margin:0 0 0 -10px;
    padding:5px 5px 7px 5px
}
li.file .file-size,li.file .file-type{
    color:#666;
    font-size:85%;
    text-transform:uppercase
}
li.file .file-name{
    display:block;
    padding:14px 0 0 0;
    color:blue;
    text-decoration:underline
}
li.file .file-delete{
    color:red !important;
    font-size:85%;
    text-decoration:underline
}
li.file a:hover .file-name{
    color:green !important
}
li.file a:hover .file-name{
    color:green !important
}
form li.likert{
    margin:0;
    padding:6px 1% 5px 1%;
    width:auto !important;
    clear:both !important;
    float:none !important
}
.likert table{
    margin:0 0 .9em 0;
    background:#fff;
    width:100%;
    border:1px solid #dedede;
    border-bottom:none
}
.likert caption{
    text-align:left;
    color:#222;
    font-size:95%;
    line-height:135%;
    padding:5px 0 .5em 0
}
.likert input{
    padding:0;
    margin:2px 0
}
.likert tbody td label{
    font-size:85%;
    display:block;
    color:#565656
}
.likert thead td,.likert thead th{
    background-color:#e6e6e6
}
.likert td{
    border-left:1px solid #ccc;
    text-align:center;
    padding:4px 6px
}
.likert thead td{
    font-size:85%;
    padding:10px 6px
}
.likert th,.likert td{
    border-bottom:1px solid #dedede
}
.likert tbody th{
    padding:8px 8px;
    text-align:left
}
.likert tbody th label{
    color:#222;
    font-size:95%;
    font-weight:bold
}
.likert tbody tr.alt td,.likert tbody tr.alt th{
    background-color:#f5f5f5
}
.likert tbody tr:hover td,.likert tbody tr:hover th{
    background-color:#FFFFCF
}
.col1 td{
    width:30%
}
.col2 td{
    width:25%
}
.col3 td{
    width:18%
}
.col4 td{
    width:14.5%
}
.col5 td{
    width:12%
}
.col6 td,.col7 td{
    width:10%
}
.col8 td,.col9 td,.col10 td{
    width:6.5%
}
.col11{
    width:6%
}
.hideNumbers tbody td label{
    display:none
}
form li.buttons{
    width:auto !important;
    position:relative;
    clear:both;
    padding:10px 1% 10px 1%
}
form li.buttons input{
    font-size: .975em;
    margin: 0 0.5vh;
    border: 1px solid #222;
    transform: skewX(-8deg);
    height: calc(1vh + 22px);
    padding: 0 2vw;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
}
input.btTxt{
    padding:0 7px;
    width:auto;
    overflow:visible
}
.safari input.btTxt{
    font-size:120%
}
.buttons .marker{
    position:absolute;
    top:0;
    right:0;
    padding:15px 10px 0 0;
    color:#000;
    width:auto
}
button.link{
    display:inline-block;
    border:none;
    background:none;
    color:blue;
    text-decoration:underline;
    cursor:pointer;
    padding:0;
    font-size:100%
}
button.link:hover{
    color:green
}
.leftLabel li,.rightLabel li{
    width:74% !important;
    padding-top:9px
}
.leftLabel .desc,.rightLabel .desc{
    float:left;
    width:31%;
    margin:0 15px 0 0
}
.rightLabel .desc{
    text-align:right
}
.leftLabel li div,.rightLabel li div{
    float:left;
    width:65%
}
* html .leftLabel li fieldset div,* html .rightLabel li fieldset div{
    float:right
}
*+html .leftLabel li fieldset div,*+html .rightLabel li fieldset div{
    float:right
}
.leftLabel .buttons,.rightLabel .buttons{
    padding-left:23%
}
.leftLabel .buttons div,.rightLabel .buttons div{
    float:none;
    margin:0 0 0 20px
}
.leftLabel p.instruct,.rightLabel p.instruct{
    width:28%;
    margin-left:5px
}
.leftLabel .altInstruct .instruct,.rightLabel .altInstruct .instruct{
    margin-left:31% !important;
    padding-left:15px;
    width:65%
}
.noI form li,.altInstruct form li{
    width:auto !important
}
.noI .leftLabel .buttons,.noI .rightLabel .buttons{
    padding-left:31%
}
.noI .leftLabel .buttons div,.noI .rightLabel .buttons div{
    margin:0 0 0 17px
}
form li.leftHalf,form li.rightHalf{
    width:47% !important
}
form li.leftThird,form li.middleThird,form li.rightThird{
    width:30% !important
}
form li.leftFourth,form li.middleFourth,form li.rightFourth{
    width:23% !important;
    _width:22% !important
}
form li.leftFifth,form li.middleFifth,form li.rightFifth{
    width:18% !important;
    _width:17% !important
}
form li.middleThird{
    clear:none !important;
    float:left;
    margin-left:2% !important
}
form li.leftFourth,form li.middleFourth,form li.leftFifth,form li.middleFifth{
    clear:none !important;
    float:left
}
form li.rightHalf,form li.rightThird,form li.rightFourth,form li.rightFifth{
    clear:none !important;
    float:right
}
li.leftHalf .small,li.rightHalf .small,li.leftHalf .medium,li.rightHalf .medium,li.leftThird .small,li.middleThird .small,li.rightThird .small,li.leftThird .medium,li.middleThird .medium,li.rightThird .medium,li.leftFourth .medium,li.middleFourth .medium,li.rightFourth .medium,li.leftFourth .small,li.middleFourth .small,li.rightFourth .small,li.leftFifth .medium,li.middleFifth .medium,li.rightFifth .medium,li.leftFifth .small,li.middleFifth .small,li.rightFifth .small{
    width:100% !important
}
form li.leftHalf,form li.leftThird,form li.leftFourth,form li.leftFifth{
    clear:left !important;
    float:left
}
* html form li.middleFourth{
    margin-left:1% !important
}
* html form li.middleFifth{
    margin-left:1% !important
}
form li.focused{
    /*background-color:#fff7c0*/
    border-color:1px solid #7733ff;
}
form .instruct{
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    width:45%;
    margin:0 0 0 8px;
    padding:8px 10px 10px 10px;
    border:1px solid #e6e6e6;
    background:#f5f5f5;
    visibility:hidden;
    opacity:0;
    font-size:105%;
    -webkit-transition:opacity 350ms ease-out;
    -moz-transition:opacity 350ms ease-out;
    -o-transition:opacity 350ms ease-out;
    transition:opacity 350ms ease-out
}
form .instruct small{
    line-height:120%;
    font-size:80%;
    color:#444
}
form li.focused .instruct,form li:hover .instruct{
    left:100%;
    visibility:visible;
    opacity:1
}
.altInstruct .instruct,li.leftHalf .instruct,li.rightHalf .instruct,li.leftThird .instruct,li.middleThird .instruct,li.rightThird .instruct,li.leftFourth .instruct,li.middleFourth .instruct,li.rightFourth .instruct,li.leftFifth .instruct,li.middleFifth .instruct,li.rightFifth .instruct,.iphone .instruct{
    visibility:visible;
    position:static;
    margin:0;
    padding:6px 0 0 0;
    width:100%;
    clear:left;
    background:none !important;
    border:none !important;
    font-style:italic;
    opacity:1
}
.altInstruct p.complex,li.leftHalf p.complex,li.rightHalf p.complex,li.leftThird p.complex,li.middleThird p.complex,li.rightThird p.complex,.iphone p.complex{
    padding:0 0 9px 0
}
.hideSeconds .seconds,.hideAMPM .ampm,.hideAddr2 .addr2,.hideSecondary #previousPageButton,.hideCents .radix,.hideCents .cents,.hideState .state{
    display:none
}
form li.section{
    clear:both;
    margin:0;
    padding:7px 0 0 0;
    width:auto !important;
    position:static
}
form li.section h3{
    font-weight:normal;
    font-size:110%;
    line-height:135%;
    margin:0 0 3px 0;
    width:auto;
    padding:12px 1% 0 1%;
    border-top:1px dotted #ccc
}
form li.first{
    padding:0
}
form li.first h3{
    padding:8px 1% 0 1%;
    border-top:none !important
}
form li.section div{
    display:block;
    width:auto;
    float:none;
    font-size:85%;
    line-height:160%;
    margin:0 0 1em 0;
    padding:0 1% 0 1%
}
form li.section.scrollText{
    border:1px solid #dedede;
    height:150px;
    overflow:auto;
    margin-bottom:10px;
    padding:10px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 3px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 3px;
    -o-box-shadow:rgba(0,0,0,0.15) 0 0 3px;
    box-shadow:rgba(0,0,0,0.15) 0 0 3px
}
form li.section.scrollText h3{
    border:none;
    padding-top:8px
}
form li.captcha{
    width:auto !important;
    clear:both;
    border-top:1px dotted #ccc;
    margin-top:5px;
    padding:1.1em 1% 9px 1%;
    width:auto !important;
    position:static
}
form li.captcha label.desc{
    width:auto !important;
    margin-bottom:4px;
    float:none
}
*+html #recaptcha_area,*+html #recaptcha_table{
    min-width:450px !important
}
* html #recaptcha_area,* html #recaptcha_table{
    width:450px !important
}
#recaptcha_widget_div table{
    background:#fff
}
form li.captcha .noscript iframe{
    border:none;
    overflow:hidden;
    margin:0;
    padding:0
}
form li.captcha .noscript label.desc{
    display:block !important
}
form li.captcha .noscript textarea{
    margin-left:12px
}
iframe[src="about:blank"]{
    display:none
}
form li.paging-context{
    clear:both;
    border-bottom:1px dotted #ccc;
    margin:0 0 7px 0;
    padding:5px 1% 10px 1%;
    width:auto !important;
    position:static
}
.paging-context table{
    width:100%
}
.pgStyle1 td{
    text-align:left;
    vertical-align:middle
}
.pgStyle1 td.c{
    width:22px
}
.pgStyle1 td.t{
    padding:0 1%
}
.pgStyle1 var{
    display:block;
    float:left;
    background:none;
    border:1px solid #CCC;
    color:#000;
    width:20px;
    height:20px;
    line-height:19px;
    text-align:center;
    font-size:85%;
    font-style:normal;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 1px 2px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 1px 2px;
    -o-box-shadow:rgba(0,0,0,0.15) 0 1px 2px;
    box-shadow:rgba(0,0,0,0.15) 0 1px 2px
}
.pgStyle1 .done var{
    background:#ccc
}
.pgStyle1 .selected var{
    background:#FFF7C0;
    color:#000;
    border:1px solid #e6dead;
    font-weight:bold
}
.pgStyle1 b{
    font-size:85%;
    font-weight:normal;
    color:#000
}
.pgStyle1 .selected b{
    font-weight:bold
}
.circle6 td,.circle7 td{
    vertical-align:top;
    text-align:center
}
.nopagelabel td.t{
    display:none
}
.nopagelabel .pgStyle1 var,.circle6 var,.circle7 var{
    width:24px;
    height:24px;
    line-height:24px;
    font-size:90%;
    margin:0 auto 7px auto;
    float:none;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px
}
.nopagelabel .pgStyle1 var{
    margin-bottom:0
}
.circle6 b,.circle7 b{
    padding:0
}
.circle2 td{
    width:50%
}
.circle3 td{
    width:33%
}
.circle4 td{
    width:25%
}
.circle5 td{
    width:20%
}
.circle6 td{
    width:16.6%
}
.circle7 td{
    width:14.2%
}
.pgStyle2 td{
    vertical-align:middle;
    height:25px;
    padding:2px;
    border:1px solid #CCC;
    position:relative;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
    -webkit-box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;
    -moz-box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;
    -o-box-shadow:rgba(0,0,0,0.1) 1px 1px 1px;
    box-shadow:rgba(0,0,0,0.1) 1px 1px 1px
}
.pgStyle2 var{
    display:block;
    height:26px;
    float:left;
    background:#FFF7C0;
    color:#000;
    font-style:normal;
    text-align:right;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 1px 0 0;
    -moz-box-shadow:rgba(0,0,0,0.15) 1px 0 0;
    -o-box-shadow:rgba(0,0,0,0.15) 1px 0 0;
    box-shadow:rgba(0,0,0,0.15) 1px 0 0
}
.pgStyle2 var b{
    display:block;
    float:right;
    font-size:100%;
    padding:3px 10px 3px 3px;
    line-height:19px
}
.pgStyle2 em{
    font-size:85%;
    font-style:normal;
    display:inline-block;
    margin:0 0 0 9px;
    padding:4px 0;
    line-height:18px
}
.pgStyle2 var em{
    padding:4px 5px 3px 0
}
.page1 .pgStyle2 var{
    padding-left:7px;
    text-align:left;
    background:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
.page1 .pgStyle2 b{
    float:none;
    padding-right:0
}
.hideMarkers .marker,.nopagelabel .pgStyle1 b,.nopagelabel .pgStyle2 em{
    display:none !important
}
#errorLi,.error-container{
    width:99%;
    margin:15px auto 15px auto;
    background:#fff !important;
    border:1px solid red;
    text-align:center;
    padding:1em 0 1em 0;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
}
#errorMsgLbl{
    margin:0 0 5px 0;
    padding:0;
    font-size:125%;
    color:#DF0000 !important
}
#errorMsg{
    margin:0 0 2px 0;
    color:#000 !important;
    font-size:100%
}
#errorMsg b{
    padding:2px 8px;
    background-color:#FFDFDF !important;
    color:red !important;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
form li.error{
    display:block !important;
    background-color:#FFDFDF !important;
    margin-bottom:3px !important
}
form li label.error,form li input.error{
    color:#DF0000 !important;
    font-weight:bold !important
}
form li input.error{
    background:#fff !important;
    border:2px solid #DF0000 !important
}
form li.error label,form li.error span.symbol{
    color:#000 !important
}
form li.error .desc{
    color:#DF0000 !important
}
form p.error{
    display:none;
    margin:0 !important;
    padding:7px 0 0 0 !important;
    line-height:10px !important;
    font-weight:bold;
    font-size:11px;
    color:#DF0000 !important;
    clear:both
}
form li.error p.error{
    display:block
}
form li.complex p.error{
    padding:0 0 9px 0 !important
}
.rtl h1,.rtl form *{
    direction:rtl;
    text-align:right
}
.rtl li span{
    float:right
}
.rtl .right{
    float:left
}
.rtl #logo a{
    background-position:right top
}
.rtl label.choice{
    margin:-17px 23px 0 0
}
.rtl .leftLabel .desc,.rtl .rightLabel .desc{
    float:right;
    margin:0 0 0 15px
}
.rtl .leftLabel li div,.rtl .rightLabel li div{
    float:right
}
.rtl .leftLabel .desc{
    text-align:left
}
.rtl li.focused .instruct,.rtl li:hover .instruct{
    left:auto;
    right:100%
}
.rtl .leftLabel p.instruct,.rtl .rightLabel p.instruct{
    margin-right:5px
}
.rtl .leftLabel .altInstruct .instruct,.rtl .rightLabel .altInstruct .instruct{
    margin-right:31% !important;
    padding-right:15px
}
.rtl .leftLabel .buttons,.rtl .rightLabel .buttons{
    padding-right:23%
}
.rtl .leftLabel .buttons div,.rtl .rightLabel .buttons div{
    float:none;
    margin:0 20px 0 0
}
.noI .rtl .leftLabel .buttons,.noI .rtl .rightLabel .buttons{
    padding-right:31%
}
.noI .rtl .leftLabel .buttons div,.noI .rtl .rightLabel .buttons div{
    margin:0 17px 0 0
}
.rtl .likert td label{
    text-align:center
}
.rtl .likert caption,.rtl .likert tbody th{
    text-align:right
}
.rtl .likert td{
    text-align:center;
    border-left:none;
    border-right:1px solid #ccc
}
.rtl .pgStyle1 var{
    text-align:center
}
.rtl .pgStyle1 td{
    text-align:right
}
.rtl .pgStyle2 var{
    float:right
}
.rtl .pgStyle2 var b{
    float:left;
    padding:3px 3px 3px 10px
}
.rtl .pgStyle2 em{
    margin:0 9px 0 0
}
.rtl .pgStyle2 var em{
    padding:4px 0 3px 5px
}
.rtl .page1 .pgStyle2 var{
    padding-right:7px
}
.rtl .page1 .pgStyle2 b{
    padding-left:0
}
.rtl .buttons .marker{
    right:auto;
    left:0;
    padding:15px 0 0 10px
}
.rtl #errorLi *{
    text-align:center
}
.rating span{
    cursor:pointer
}
.rating span:focus{
    outline:0
}
.rating span,.rating:hover span:hover ~ span{
    font-size:20px;
    line-height:1em;
    width:.9em;
    height:1em;
    padding-right:.1em;
    color:#c7c7c7;
    text-shadow:0 0 1px #444
}
.rating .clicked{
    color:#FFD954
}
.rating>span:hover,.rating .clicked:hover,.rating:hover span{
    color:#ffe487;
    text-shadow:0 0 1px #ff0000;
    cursor:pointer
}
.rating:hover span{
    _color:#c7c7c7
}
.msie6 .rating span,.msie7 .rating span{
    color:#c7c7c7;
    display:inline-block;
    *display:inline;
    zoom:1;
    height:30px;
    width:30px;
    font-family:"Pictos";
    font-size:20px
}
.msie6 .rating span:hover,.msie6 .rating span.clicked,.msie7 .rating span:hover,.msie7 .rating span.clicked{
    color:#ffe487
}
@media print{
    .rating span{
        color:#c7c7c7
    }
}
/*# sourceMappingURL=form.css.map */