@charset "UTF-8";

/* !Reset
---------------------------------------------------------- */
/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */

/*
    TODO will need to remove settings on HTML since we can't namespace it.
    TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
    color: #000;
    background: #FFF;
}
body {
    overscroll-behavior-y: none;
}
/*
    TODO remove settings on BODY since we can't namespace it.
*/
/*
    TODO test putting a class on HEAD.
        - Fails on FF.
*/
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend,
input, textarea,
p,
blockquote,
th, td {
    margin:0;
    padding:0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img{ border: 0;}

/*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol, ul { list-style:none;}
caption, th { text-align: left;}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after { content:'';}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

/*
    to preserve line-height and selector appearance
*/
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*
    to enable resizing for IE
*/
input,
textarea,
select { *font-size: 100%;}

/*
    because legend doesn't inherit in IE
*/
legend { color: #000;}

/*
    YUI CSS Detection Stamp
*/
#yui3-css-stamp.cssreset { display: none; }


/* !Box Sizing
---------------------------------------------------------- */
* {
	-webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
	-moz-box-sizing: border-box; /* Firefox 1+ */
	box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1*/
}


/* !HTML5 tags display as block
---------------------------------------------------------- */
article,
aside,
canvas,
details,
figcaption,
figure,
header,
footer,
main,
hgroup,
menu,
nav,
section,
summary { display: block;}


/* !Listing
---------------------------------------------------------- */


/* !Table Reset
---------------------------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
    th, td {
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
    }


/* !Clearfix
---------------------------------------------------------- */
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/* !Anchor
---------------------------------------------------------- */
a {
    color: #222;
    text-decoration: none;
}

a:link,
a:visited {}

a:hover,
a:active {}

a:focus {}


/* ---------- select_design ---------- */
/*
.select-wrap::before {
	z-index: 1;
	content: "";
	position: absolute;
	right: 38px;
	height: 44px;
	border-left: 1px solid #ddd;
}*/
.select-wrap::after {
	z-index: 1;
	content: "";
	position: absolute;
	right: 25px;
	top: 15px;
	left: auto;
	width: 9px;
	height: 9px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	pointer-events: none;
	-webkit-transform: rotate(135deg) translate(-100%, -50%);
	-moz-transform: rotate(135deg) translate(-100%, -50%);
	-ms-transform: rotate(135deg) translate(-100%, -50%);
	transform: rotate(135deg) translate(-100%, -50%);
}
.select::before {
	content: "";
	display: block;
	position: absolute;
	top: 18px;
	right: 21px;
	width: 6px;
	height: 6px;
	border-right: #EEE 1px solid;
	border-bottom: #EEE 1px solid;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.select-wrap select {
	width: 100%;
	height: 40px;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 0;
	line-height: 1;
 	-webkit-text-size-adjust: none;
	text-indent: 0.01px;
	text-overflow: '';
	border: #DDD solid 1px;
	padding: 5px 45px 5px 10px;
	cursor: pointer;
}
