/* reset and mobile first styles */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, blockquote, ul, ol, li, 
dl, dt, dd, table, tbody, tfoot, thead, tr, th, td, img, form, fieldset {
margin:0;
padding:0; 
border:0; 
list-style:none; 
font-size:100%; 
font-weight:normal;
font-family:arial, helvetica, sans-serif;
}
body{
font-size:75%;
line-height:1.4;
color:#222;
background:#003135;
padding:5px 0;
min-width:240px;
}	
h1 span, .hidden{
position:absolute; 
left:-3000px;
}
h2, h3, h4{
margin:0 0 1em 12px;
}
h2, #related h3{
color:#fff;
font-weight:bold;
font-style:italic;
font-size:1.4em;
}
h3{
font-size:1.2em;
}
h4{
font-size:1.1em;
font-weight:bold;
}
p{
margin:0 0 1em 0;
}
a{
color:#b6ca59;
font-weight:bold;
text-decoration:none;
}
a:hover, p a{
text-decoration:underline;
}
input, textarea, select{
margin:0;
font-size:1em;
font-family:arial, helvetica, sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.error, .red{
color:#c00;
}
.clearBoth{
clear:both;
}

/* header and search nav  */

#header a.skipLinks{
display:block;
background:#ffc;
padding:0.5em;
color:#000;
position:absolute;
left:-3000px;
}
#header a.skipLinks:focus{
left:0;
width:100%;
}

#search-nav{
padding: 1em;
margin:0 5px 1.5em 5px;
background:#147675;
border-radius:4px;
}
.form-element{
margin:0 0 .8em 0;
}
.form-element label{
color:#fff;
font-weight:bold;
font-style:italic;
display:block;
margin:0 .2em 2px;
font-size:1.2em;
}
.form-element input, .form-element select{
width:100%;
font-size:1.1em;
border-radius:.5em;
-webkit-border-radius:0; /* bug 41908 */
padding:0.4em 0.5em;
}
.form-element select{
padding:.4em .3em .3em .5em;
}
input#submitBtn{
background:#ccda2f;
padding:0.3em 1.5em;
border:1px #4b803e solid;
font-weight:bold;
font-size:1.1em;
color:#333;
margin-left:48%;
margin-left: calc(50% - 2.5em);
margin-top:.5em;
}
input#submitBtn:hover, input#submitBtn:active{
border-color:#29601c;
color:#000;
background: #eefc4f;
cursor:pointer;
}


/* browse navigation */

#navContainer h2{
margin-bottom:.5em;
}
#innerNav{
padding: 1em 1em 1em 0;
margin:0 0 1.5em 0;
background:#147675;
}
#innerNav li{
background:#003135;
margin-bottom:.4em;
border-radius:0 5px 5px 0;
}
#innerNav li a{
display:block;
padding:15px .7em .7em .7em;
color:#fff;
background:url(/clients/arriva/resources/arrow_r_on.jpg) 95% 55% no-repeat;
font-weight:bold;
font-style:italic;
font-size:1.3em;
text-align:center;
}


/* general stuff  */

ul.faqList, ul#resultsList, ul#relQuestions{
background:#023c3e;
padding:10px;
}
ul.faqList li, ul#resultsList li, ul#relQuestions li{
padding:5px 0;
margin:5px;
border-bottom:1px #b6ca59 dotted;
}
ul.faqList li a, ul#resultsList li a, ul#relQuestions li a{
color:#b6ca59;
display:block;
padding:5px 0;
font-size:1.2em;
font-weight:bold;
font-style:italic;
}
#announcements{

}
#related{

}
#related #more-question{

}
.search-tips ul, #answer ul, #answer ol{
padding:0.5em 1em 1.5em 2em;
}
.search-tips ul li, #answer ul li, #answer ol li{
list-style-type:disc;
margin-bottom:0.5em;
}
#answer ol li{
list-style-type:decimal;
}
#answer, #rater{
margin-bottom:2em;
}


/* rater */

#theRatings{
padding:0 11px 1em 0;
}
#radioButtons, #ratedEntry{
width:100%;
position:relative;
margin-bottom:2em;
}
#theRatingFieldset{
border:0;
padding:0;
}
#theRatingFieldset h2, label.fauxH2{
font-size:1.1em;
display:block;
font-weight:bold;
margin-bottom:0.5em;
color:#222;
}
.rating, .showStars1, .showStars2, .showStars3, .showStars4, .showStars5{
height:16px;
margin:0;
padding:0;
list-style:none;
position:relative;
width:180px;
background: url(resources/star-matrix.gif) no-repeat 55px 0;
}
.showStars1, .showStars2, .showStars3, .showStars4, .showStars5{
margin-bottom:2em;
}
ul.rating li{
cursor: pointer;
float:left;
text-indent:-999em;
}
ul.rating li a{
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
text-decoration:none;
z-index: 200;
}
ul.rating li.star1 a{left:55px;}
ul.rating li.star2 a{left:71px;}
ul.rating li.star3 a{left:87px;}
ul.rating li.star4 a{left:103px;}
ul.rating li.star5 a{left:119px;}
ul.rating li a:hover{
z-index:2;
width:80px;
height:16px;
overflow:hidden;
left:55px;	
background: url(resources/star-matrix.gif) no-repeat 0px 0
}
.showStars1, .showStars2, .showStars3, .showStars4, .showStars5{
margin-right:1em;
}
ul.rating li.star1 a:hover{background-position:0 -96px;}
ul.rating li.star2 a:hover{background-position:0 -112px;}
ul.rating li.star3 a:hover{background-position:0 -128px;}
ul.rating li.star4 a:hover{background-position:0 -144px;}
ul.rating li.star5 a:hover{background-position:0 -160px;}
.showStars1 ul.rating{background-position:55px -96px;}
.showStars2 ul.rating{background-position:55px -112px;}
.showStars3 ul.rating{background-position:55px -128px;}
.showStars4 ul.rating{background-position:55px -144px;}
.showStars5 ul.rating{background-position:55px -160px;}
.ratingText{
float:left;
margin-left:0;
}
#ratingTextRight{
position:absolute;
left:165px;
top:0;
}
#ratedEntry .showStars1, #ratedEntry .showStars2, #ratedEntry .showStars3, #ratedEntry .showStars4, #ratedEntry .showStars5{
background: url(resources/star-matrix.gif) no-repeat 14em 0;
width:24em;
}
#ratedEntry .showStars1{background-position:14em -96px;}
#ratedEntry .showStars2{background-position:14em -112px;}
#ratedEntry .showStars3{background-position:14em -128px;}
#ratedEntry .showStars4{background-position:14em -144px;}
#ratedEntry .showStars5{background-position:14em -160px;}
#entryFeedback{
width:350px;
margin-bottom:1em;
}
p.formError{
font-size:1.1em;
color:#c00;
font-weight:bold;
margin-bottom:0.5em;
}
#rater #rate_form label{
padding-top:2px;
color:#09c;
}




/* paging */

#paging ul{
padding:1.5em 7px 10px 0;
}
#paging ul li{
font-size:1em;
display:inline;
font-weight:bold;
padding:0 4px;
color:#b6ca59;
}
#paging ul li#previous{
padding-left:0;
}
#paging ul li a{
font-weight:normal;
line-height:1;
padding:1px;
}
#paging li img{
vertical-align:middle;
}
#paging li#previous, #paging li#next{
border:none;
}

/* breadcrumbs */
.breadcrumbs, .breadcrumbs a{
color:#999;
font-weight:normal;
}
.breadcrumbs a{
font-size:0.9em;
}
.breadcrumbs a:hover{
color:#666;
}





/* "tablet layout" */
@media screen and (min-width: 530px) {



}





/* "desktop layout" */
@media screen and (min-width: 950px) {



}