/* These classes are for achieving the basic style purposes of the Core2 components. They are not brand-specific. */

modal, tooltip { display: none; }
.core_component {}
.core_Component[data-enabled=false] { display: none; } /* to do: make sure all components have core_Component */
.core_button {
	cursor: pointer;	
}
.core_modal {
	position: absolute;
	display: none;
}
.core_modal_lightBox, .core_Tooltip_lightBox {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.25);
}

.core_Menu ul {
	position: relative;
	margin: 0;
	padding: 0;
}
.core_Menu li {
	list-style: none;
	background: #666;
	color: white;
	padding: 2px 6px;
	cursor: pointer;
}
.core_Menu ul ul {
	display: none;
	position: absolute;
}
.core_Menu li:hover ul {
	display: block;
}
.core_Menu>ul>li {
	display: inline-block;
}
.core_Menu li a {
	color: inherit;
	text-decoration: none;
}

.core_ViewStack > * {
	display: none;
}
.core_ViewStack > *[selected="true"] {
	display: block;
}
.core_TabNavigator .core_ViewStack {
	display: block;
	width: 100%;
}
.core_TabNavigator .core_TabBar {
	width: 100%;
}


DISABLED .core_NumericStepper_area {
/*
	background: #E1E1E1;
	border: 1px solid #888;
	padding: 2px 5px;
*/
	display: inline-block;
}
DISABLED .core_NumericStepper_label {
	line-height: 1em;
	font-size: 1em;
	vertical-align: middle;
}
DISABLED .core_NumericStepper_tweaker {
	display: inline-block;
	/*width: 0em; why?*/
	padding-left: 1px;
	vertical-align: top;
}
/*
.core_NumericStepper img {
	display: block;
	width: 1em;
	height: 0.5em;
	cursor: pointer;
	opacity: 1.0;
}
.core_NumericStepper_up, .core_NumericStepper_down {
	display: block;
}
.core_NumericStepper_up {
	margin-bottom: 1px;
}
*/

.core_NumericStepper_up, .core_NumericStepper_down {
	cursor: pointer;
}

.core_Tooltip_container {
}
.core_Tooltip_anchor {
	display: inline-block;
	background: url('http://cache1.artprintimages.com/images/componentLibrary/artGlobalSprite.png') -21px -548px no-repeat;
	min-width: 16px;
	min-height: 16px;
}
.core_Tooltip {
	position: absolute;
	display: none;
	opacity: 1;
	z-index: 20123;
}
.core_Tooltip {
	top: 0;
	left: 0;
}
.core_Tooltip_title[data-visible="false"] {
	display: none;
} 
.core_Tooltip_anchor[data-visible="false"] {
	display: none;
} 
.core_Tooltip_container {
	position: relative;
}


.core_Tooltip_leftCaret, .core_Tooltip_rightCaret, .core_Tooltip_topCaret, .core_Tooltip_bottomCaret {
	display: none;
	position: absolute;
}
.core_Tooltip_container[data-showCarets="false"] .core_Tooltip_caret { visibility: hidden; }
.core_Tooltip_container[which="right"] .core_Tooltip_leftCaret { display: inline-block; }
.core_Tooltip_container[which="bottom"] .core_Tooltip_topCaret { display: inline-block; }
.core_Tooltip_container[which="left"] .core_Tooltip_rightCaret { display: inline-block; }
.core_Tooltip_container[which="top"] .core_Tooltip_bottomCaret { display: inline-block; }
.core_Tooltip_leftCaret {
	top: 50%;
	margin-top: -11px;
	left: -12px;
	width: 12px;
	height: 23px;
	background: url('http://cache1.artprintimages.com/images/componentLibrary/tooltip-carets.png') -8px 0px no-repeat;
}
.core_Tooltip_rightCaret {
	top: 50%;
	margin-top: -11px;
	left: 100%;
	width: 12px;
	height: 23px;
	background: url('http://cache1.artprintimages.com/images/componentLibrary/tooltip-carets.png') -2px -26px no-repeat;
}
.core_Tooltip_topCaret {
	top: -12px;
	left: 50%;
	margin-left: -12px;
	width: 23px;
	height: 12px;
	background: url('http://cache1.artprintimages.com/images/componentLibrary/tooltip-carets.png?v=3') -25px -9px no-repeat;
}
.core_Tooltip_bottomCaret {
	top: 100%;
	left: 50%;
	margin-left: -12px;
	width: 23px;
	height: 12px;
	background: url('http://cache1.artprintimages.com/images/componentLibrary/tooltip-carets.png') -22px -25px no-repeat;
}
/*SECTION - BEGIN - Global for Application - Buttons specific ------------- */
input[type=button].core_Button, input[type=submit].core_Button, button, ul.nav a {
    font-family:'BebasNeueRegular', sans-serif; 
    cursor:pointer;
    /*margin: 12px 4px 0;*/
    display:inline-block;
}

input[type=button].large, input[type=submit].large, button.large {
    min-width:158px;
    font-size:24px;
    height:40px;
    padding:5px 8px 3px;
}


input[type=button].medium, input[type=submit].medium, button.medium {
    font-size:20px;
    height:32px;
    padding:4px 8px;
}

input[type=button].small, input[type=submit].small, button.small {
    height:24px;
    padding:3px 8px 5px;
    min-width:73px;
    font-size:15px;
}

.primary {
    color:white !important;
    margin:0;
    border:1px solid #f26522;
    box-shadow:none;
    background: #ef9223;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmOTIyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjY1MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ef9223 0%, #f26522 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef9223), color-stop(100%,#f26522)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ef9223 0%,#f26522 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ef9223 0%,#f26522 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ef9223 0%,#f26522 100%); /* IE10+ */
    background: linear-gradient(top,  #ef9223 0%,#f26522 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9223', endColorstr='#f26522',GradientType=0 ); /* IE6-8 */
}

.secondary, .primaryhover, .primary:focus, .primary:hover {
    color:black !important;
    margin:0;
    border:1px solid #dbdbdb;
    box-shadow:none;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-8 */
}

.primaryhover[data-enabled!=false], .primary[data-enabled!=false]:hover
{
    color: #EF9223 !important;
}

.secondaryhover, .secondary:focus, .secondary.selected, .secondary:hover {
    margin:0px;
    background:black;
    color:white !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    border:1px solid black; 
    box-shadow:none;
}
/*SECTION - END --- Global for Application - Buttons specific ------------- */


/*SECTION - BEGIN - Global for Application - Forms specific ------------- */
.core_form_container
{
    text-align: left;
}

.core_form_field
{
        /*box-sizing: border-box; -o-box-sizing: border-box; -icab-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding:4px;
    font-family:"Times New Roman",Times,serif;
    outline:none;
    font-size:14px;
    width:100%;
    margin:auto 3px 8px 3px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;

    background-color:#ffffff;
    border:1px solid #e1e1e1;
    color:#888888;
}

.core_form_field.core_form_event_focus
{
    background:white;
    border:1px solid black; 
    color: #000000;
    box-shadow:0px 2px 1px #e1e1e1 inset;
}

.core_form_field.core_form_event_hover
{
    border:1px solid #888;
    box-shadow:0px 2px 1px #e1e1e1 inset;
    color: #000;
}
.core_form_field.core_form_state_error
{
    background-color:#FFF1F1;
    border:1px solid #cc3333;
}

.core_form_field.core_form_state_error.core_form_event_hover
{
    box-shadow: 0px 2px 1px #DEBABA inset;
}

.core_form_label
{
    text-transform: capitalize;
    font-size: 14px;
    color: #888;
}
.core_form_label.core_form_state_error
{
    color: #dc0e0e;
}
.core_form_label.core_form_event_hover, .core_form_label.core_form_event_focus
{
    color: #000;
}

.core_form_label.core_form_state_error.core_form_event_hover, .core_form_label.core_form_state_error.core_form_event_focus
{
    color: #dc0e0e;
}

.core_form_error
{
    color: #888;
}

select.core_DropDown {
-webkit-appearance: listbox;
background: url(http://cache1.artprintimages.com/images/js/core/dropdown-sprite.png) no-repeat right 0px;
width: 100%;
}
select.core_DropDown:hover, select.core_DropDown:active, select.core_DropDown:focus 
{
background: url(http://cache1.artprintimages.com/images/js/core/dropdown-sprite.png) no-repeat right -54px;
box-shadow: 0px 0px 2px #e1e1e1;
border: 1px solid black;
color: black;
}

.core_form_cntdown
{
    position:relative;
    margin-left: 8px;
}
.core_form_checkbox
{
    display: block;
}
.core_form_radio
{
    display: block;
}
/*SECTION - END --- Global for Application - Forms specific ------------- */
/* This is the ART-specific stylesheet for Core2 components. */
/* It is assuming the Bebas Neue custom font is available. */

.core_modal, .core_Tooltip {
	/* progress of implementing style according to style guide (http://devnet.art.com/styleguide/): 10% */
	
	background: white;
	border: 1px solid #CCC;	/* total guess at the color */
	box-shadow: 0 0 25px rgba(0,0,0,0.25); /* total guess; to-do: IE8 filter support */	
}

.core_modal .core_modal_title, .core_Tooltip_title {
	font-family: 'BebasNeueRegular';
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	min-height: 32px;
	padding: 0 40px;
	background: #F1F1F1;
	border-bottom: 1px solid #C6C6C6;
	color: black;
}

.core_modal .core_modal_closeButton {
	position: absolute;
	top: 9px;
	right: 9px;
	background: url('http://cache1.artprintimages.com/images/mygallery/mygalleries_sprite_branding.png') -353px -193px;
	width: 14px;
	height: 14px;	
	cursor: pointer;	
}

.core_modal .core_modal_content, .core_Tooltip_content {
	padding: 5px;
}

.core_Button {
	font-family: 'BebasNeueRegular';
}

.core_Button {
    font-family:'BebasNeueRegular', sans-serif; 
    cursor:pointer;
    /*margin: 12px 4px 0;*/
    color:black;
    display:inline-block;
}

.core_Button.extraLarge {
    min-width:222px;
    font-size:30px;
    height:42px;
    line-height: 42px;
}
.core_Button.large {
    min-width:158px;
    font-size:24px;
    height:40px;
    padding:5px 8px 3px;
}

.core_Button.medium {
    font-size:20px;
    height:32px;
    padding:4px 8px;
}

.core_Button.small {
    height:24px;
    padding:3px 8px 5px;
    min-width:73px;
    font-size:15px;
}

.core_Button.primary {
	color: white !important;
    margin: 0;
    border: 1px solid #f26522;
    box-shadow: none;
    background: #ef9223;
    background: -moz-linear-gradient(top, #ef9223 0%, #f26522 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef9223), color-stop(100%, #f26522) ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ef9223 0%, #f26522 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ef9223 0%, #f26522 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ef9223 0%, #f26522 100%); /* IE10+ */
    background: linear-gradient(top, #ef9223 0%, #f26522 100%); /* W3C */
    filter: progid :   DXImageTransform.Microsoft.gradient (    
        startColorstr = 
         '#ef9223', endColorstr =   '#f26522', GradientType =   0 ); /* IE6-8 */
}

.core_Button.secondary, .core_Button.primary:hover, .core_Button.primary[selected=true] { color: black !important;
    margin: 0;
    border: 1px solid #dbdbdb;
    box-shadow: none;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc) );    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);    /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* W3C */
    filter: progid :   DXImageTransform.Microsoft.gradient (    
        startColorstr = 
         '#ffffff', endColorstr =   '#dcdcdc', GradientType =   0 );    /* IE6-8 */	
}

.core_Button.primary:hover {
	color: #EF9223 !important;
}

.core_Button.secondary:hover, .core_Button.secondary[selected=true] {
	margin: 0px;
    background: black;
    color: white !important;
    filter: progid :   DXImageTransform.Microsoft.gradient (    
        startColorstr = 
         '#000000', endColorstr =   '#000000', GradientType =   0 );
    border: 1px solid black;
    box-shadow: none;
}


.core_Slider {
	position: relative;
	display: inline-block;
	width: 200px;
	white-space: nowrap;
}
.core_Slider_area {
	position: relative;
	display: inline-block;
	width: 75%;
	height: 15px;
}
.core_Slider_label {
	display: inline-block;
	margin-left: 10px;
	width: 25%;
	overflow: hidden;
	box-sizing: border-box;
	
	font-family: Times New Roman;
	font-size: 12px;
	color: #888;
	text-align: left;
}
.core_Slider_bar {
	position: absolute;
	top: 6px;
	height: 6px;
	width: 100%;
	border: 1px solid #888;
	background: #e7e7e7;
	box-sizing: border-box;
}
.core_Slider_nub {
	position: absolute;
	width: 5px;
	height: 15px;
	background: black;
	cursor: pointer;
}
.core_Slider_bar_active {
	width: 0%;
	height: 100%;
	left: 1px;
	background: #ef9223;
}

.core_Menu li {
	padding: 5px 20px;
	font-family: 'BebasNeueRegular';
	font-size: 16px;
	background: #F1F1F1;
	border-bottom: 1px solid #C6C6C6;
	color: black;
}
.core_Menu ul ul li:last-child {
	border-bottom: none;
}
.core_Menu ul ul {
	border: 1px solid black;
}
.core_Menu li:hover {
	background: black;
	color: white;
}

.core_TabBar {
	display: inline-block;
	border-bottom: 1px solid #c6c6c6;
	padding-right: 7px;
}
.core_Tab {
	display: inline-block;
	min-width: 156px;
	margin: 7px 0px -1px 4px;
	border: 1px solid #c6c6c6;
	background: #F1F1F1;
	font-family: 'BebasNeueRegular';
	color: #888;	
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.core_Tab:hover {
	color: black;
}
.core_Tab:first-child {

}
.core_Tab[selected="true"] {
	background: white;
	border-bottom: 1px solid white;
	color: black;
}

.core_DropDown {
    -webkit-appearance: listbox;
    background: url("http://cache1.artprintimages.com/images/js/core/dropdown-sprite.png") no-repeat right 0px;
	
	border: 1px solid #e1e1e1;
	padding: 4px;
	font-size: 14px;
	margin-bottom: 8px;
	color: #888;
	font-family: Times New Roman;
}
.core_DropDown:hover {   
	background: url("http://cache1.artprintimages.com/images/js/core/dropdown-sprite.png") no-repeat right -54px;
	box-shadow: 0px 0px 2px #E1E1E1;
	border: 1px solid black;
	color: black;
}
.core_DropDown option {
}

.core_NumericStepper_up, .core_NumericStepper_down {
	display: inline-block;
	height: 1em;
	width: 1em;
	text-align: center;
	background: black;
	font-family: Arial Black, sans-serif;
	font-weight: bold;
	color: white;
	margin-left: 1px;
	font-size: 1em;
	line-height: 1em;
}
.core_NumericStepper_labelLeft {
	margin-right: 5px;
}
.core_NumericStepper_labelRight {
	margin-left: 5px;
}
.core_NumericStepper_up:hover, .core_NumericStepper_down:hover {
    background: #f26522;
}

.core_Carousel {
	display: block;
	position: relative;
	padding: 0 30px;
}
.core_Carousel_leftButton, .core_Carousel_innerContainer, .core_Carousel_rightButton, .core_Carousel_leftButtonImage, .core_Carousel_rightButtonImage, .core_Carousel_scrollContainer {
	display: block;
}
.core_Carousel_leftButton, .core_Carousel_rightButton {
	position: absolute;
	top: 0;
	width: 26px;
	height: 100%;
	cursor: pointer;
}
.core_Carousel_leftButton:hover, .core_Carousel_rightButton:hover {
	background: #EEE;
}
.core_Carousel_leftButton {
	left: 0;
}
.core_Carousel_rightButton {
	right: 0;
}
.core_Carousel_leftButtonImage, .core_Carousel_rightButtonImage {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -6px;
	width: 13px;
	height: 22px;
}
.core_Carousel_leftButtonImage {
	background: url('http://cache1.artprintimages.com/images/global/art/Global_ImageSprite.png') -43px -77px;	
}
.core_Carousel_rightButtonImage {
	background: url('http://cache1.artprintimages.com/images/global/art/Global_ImageSprite.png') -72px -77px;
}
.core_Carousel_leftButton[data-enabled=false], .core_Carousel_rightButton[data-enabled=false] {
	cursor: auto;
	opacity: 0.25;
}
.core_Carousel_leftButton[data-enabled=false]:hover, .core_Carousel_rightButton[data-enabled=false]:hover {
	background: transparent;
}
.core_Carousel_innerContainer {
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.core_Carousel_scrollContainer {
	position: relative;
	width: 100%;
	height: 100%;
	white-space: nowrap;
}


.core_Carousel {}
.core_Carousel_item {
	display: inline-block;
	position: relative;
	width: 120px;
	height: 120px;
	cursor: pointer;
	margin-right: 5px;
}
.core_Carousel_itemImage {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	/* using jQuery polyfill to support IE8 */
}
.core_Carousel_itemHover {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 39px;
	padding: 5px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.8);
	color: white;
	text-align: center;
}
.core_Carousel_item:hover .core_Carousel_itemHover {
	display: block;
}
.core_Carousel_itemTitle {
	display: block;
	font-family: 'BebasNeueRegular';
	font-size: 18px;
	line-height: 18px;
	/*margin-bottom: 2px;*/
}
.core_Carousel_itemArtist {
	display: block;
	font-size: 10px;
	line-height: 10px;
}

.core_Tooltip_title {
	white-space: nowrap;
}