/*
 * Copyright (C) 2013 salesforce.com, inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.THIS .scrollable {
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.THIS .open.listSorterContainer {	
	width: 320px;
	margin: 42px auto;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .75);
}

.THIS .open.PHONE.listSorterContainer, .THIS .open.TABLET.listSorterContainer {
	margin: 0;
	box-shadow: none;
	width: 100% !important;
}

.THIS .hidden {
	visibility: hidden;
}
 
.THIS .listSorterContainer {	
	background: #fff;
	height: auto;	
	display: none;
}

.THIS .open.listSorterContainer {
	display: block;	
}

.THIS .open.modal {
	position: absolute;	
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	height: 500px;	
	z-index: 10000;	
}

.THIS .headerBar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
    background-color: #ffffff;
    font-size: 13px;
    height: 42px;
    text-align: center;
    color: #686c70;
	z-index: 1;
}

.THIS .headerBar .title {
	line-height: 42px;
	font-size: 18px;
	text-shadow: none;
}

.THIS .headerBar a {
    margin-top: 7px;
    padding: 0 14px;
}

.THIS .headerBar .cancel {
    left: 0;
    margin-left: 10px;
    text-align: left;
}

.THIS .headerBar .apply {
    right: 0;
    margin-right: 10px;
    text-align: right;
}

.THIS .headerBar a.button {
	position: absolute;
    top: 0;
    height: 28px;
	margin: 7px;
	border: 1px solid transparent;
	border-radius: 5px;	
	background: rgba(0,0,0,.07);
	color: #686c70;
	font-size: 13px;
	line-height: 28px;
}
 
.THIS .listSorterContainer .body {
	position: relative;
}

.THIS .open.PHONE.listSorterContainer div.uiMenuList {
	width: 100%;
	border-radius: 0;
	max-width: none;
}

.THIS div.uiMenuList {
	position: relative;	
	box-shadow: none;
	background-color: #f0f1f2;
	top: 42px;
}

.THIS div.uiMenuList li a {
	display: block;
}

.THIS div.uiMenuList li.uiMenuItemSeparator {
	border-color: #eceef0;
	padding: 0;	
}

.THIS .closeBtn {
	position: relative;
	right: 4px;
	top: -30px;
	color: #ffffff;
	font-family: Arial;
	font-weight: 600;
	font-size: 25px;
	padding: 12px;
	margin: -12px;	
}

.THIS .open.listSorterMask {
	display: block;
}

.THIS .listSorterMask {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
	background: #344a5f;
	opacity: 0.7;
	z-index: 9999;
    display: none;
}
