@charset "utf-8";
/* CSS Document */
/*---------------------------------------------------------*/
/*form stuff*/
.text_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding:3px;
	margin-top:2px;
	margin-bottom:15px;
	border: 1px inset #C5C5C5;    
}
.calendar_field { /*do not set width on calendar fields*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding:3px;
	margin-top:2px;      
	margin-bottom:15px;
	border: 1px inset #C5C5C5;
}
input[type=text].text_field, input[type=password].text_field, textarea.text_field, select.text_field { /*had to apply this to the .text_field class instead of the form to get the datepickers to work right*/
        width:70%;
}
.ajax_button_box {
	margin-top:5px;
}
.ajax_submit_button {
    border: 1px solid #C5C5C5;
    border-radius: 3px;
    background: #0094D8;
    display: inline-block;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:19px;
	padding-top:6.4px;
	padding-bottom:6.4px;
	padding-left:16px;
	padding-right:16px;
	text-align:center;
	vertical-align: middle;
	
}
.ajax_submit_button:hover {
    background: #EDEDED;
	border-color: #0094D8;
	cursor:pointer;
	color:#000000;
}
.ajax_submit_button:active {
    background: #C5C5C5;
	border-color: #0094D8;
	color:#000000;
}	
/*---------------------------------------------------------*/
.three_dots {     
	width:27px;
	float:right;
	margin-right:5px;
	padding:6px 0 6px 9px;
	cursor:pointer;
}
.three_dots:hover {
	cursor:pointer;     
}
.dot {
  height: 4px;
  width: 4px;
  margin-right:1px;
  margin-left:1px;
  background-color:#BCBCBC;
  border-radius:50%;
  float:left;
}
.tab_three_dots {
	width:27px;
	display:inline-block;
	padding:6px 0 6px 9px;
	margin-top:5px;
	margin-left:20px;
	cursor:pointer;
}
.tab_three_dots:hover {
	cursor:pointer;
}
.tab_dot {
  height: 4px;
  width: 4px;
  margin-right:1px;
  margin-left:1px;;
  border-radius:50%;
  float:left;
}
.three_dots:hover .dot {
	background-color:#000;
}
.tab_three_dots:hover .tab_dot {
	background-color:#BCBCBC;
}
.handle {
	background-image:url(/images/diamond_grey.png);
	height: 16px;
	width: 16px;
	float:right;
}
.handle:hover {
	background-image:url(/images/diamond_black.png);
	cursor:move;
}
/*---------------------------------------------------------*/
.ajax_form_label {
	margin-top:10px;
}
.ajax_cancel {
	margin-left:25px;
	cursor:pointer;
}
.ajax_delete {
	margin-left:25px;
	cursor:pointer;
}
.ajax_delete_confirm_box{
	background-color: #FFFFFF;
	border: 1px solid red;
	padding:10px;
	display:none;
}
.ajax_delete_confirm_message{
	margin-bottom:15px;
}
.ajax_delete_confirm_delete{
	margin-left:25px;
	cursor:pointer;
}
.ajax_delete_cancel {
	cursor:pointer;
}
.count_span {
	padding-left:15px;
}
.ajax_form_box {
	display: none;   
	margin:5px 0 15px 0;
	padding:10px 10px 20px 10px;
    border: 1px solid #808080;
	background-color:#F9F9F9;
}
.ajax_schedule_tracks_message {
	margin-bottom:15px;
}
/*---------------------------------------------------------*/
.ajax_image_container {
	 border-bottom: 1px solid #808080;
	 margin-bottom:15px;
	 padding-bottom:5px;
}
.ajax_image_forms_wrapper {
	margin-bottom:10px;	
}
.ajax_image_list_box {
	border-top: 1px solid #808080;
	padding-top:10px;
	margin-top:10px;
}
.ajax_image_list {
	list-style-type:none;
	padding: 0;
	display:block;/* not sure why but this has to be display:block and overflow:hiddend to work with sortable connectwith */
	overflow:hidden;
}
.ajax_image_list li {
	width:145px;
	height:145px;
	overflow:hidden;
	margin-bottom:5px;
	margin-right:5px;
	display:block;
	float:left;
}
.ajax_image_box {
	width:145px;
	height:145px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.ajax_image_form_box {
	display:inline-block;
}
.ajax_album_select_box {
	display:inline-block;
	margin-left:10px;
}
.ajax_remove_image {
	width:120px;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
	border-radius: 5px;
	z-index:100;
	position:absolute;
	top:15px;
	left:15px;
	font-size:1em;
	text-align:center;
	color: #0033CC;
	text-decoration: none;
	cursor:pointer;
}
.ajax_remove_image:hover {
	color: #000000;
	text-decoration: underline;
	cursor:pointer;
}
.ajax_sort_image {
	width:120px;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
	border-radius: 5px;
	z-index:100;
	position:absolute;
	bottom:60px;
	left:15px;
	font-size:1em;
	text-align:center;
	color: #0033CC;
	text-decoration: none;
}
.ajax_sort_image:hover {
	color: #000000;
	text-decoration: underline;
	cursor:move;
}
.ajax_image_edit_cancel {
	width:120px;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
	border-radius: 5px;
	z-index:100;
	position:absolute;
	bottom:15px;
	left:15px;
	font-size:1em;
	text-align:center;
	color: #0033CC;
	text-decoration: none;
	cursor:pointer;
}
.ajax_image_edit_cancel:hover {
	color: #000000;
	text-decoration: underline;
	cursor:pointer;
}
.ajax_edit_image_wrapper {
	display:none;
}
.ajax_image_message {
	display:none;
	padding-bottom:5px;
}
.ajax_album_list_box {
	 margin-top:15px;
	 display:none;
}
.ajax_album_list {
	list-style-type:none;
	padding: 0;
	margin: 15px 0 0 0;
	display:block;/* not sure why but this has to be display:block and overflow:hiddend to work with sortable connectwith */
	overflow:hidden;
}
.ajax_album_list li {
	width:95px;
	height:95px;
	overflow:hidden;
	margin-bottom:5px;
	margin-right:5px;
	display:block;
	float:left;
}
.ajax_album_image_box {
	width:95px;
	height:95px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.ajax_album_image_box:hover {
	cursor:pointer;
}
.ajax_sponsor_image_message {
	margin-bottom:10px;
}
/*---------------------------------------------------------*/
.ajax_video_container {
	 border-bottom: 1px solid #808080;
	 margin-bottom:15px;
}
.ajax_video_forms_wrapper {
	margin-bottom:10px;	
}
.ajax_video_new_box {
	display:inline-block;
}
.ajax_video_existing_box {
	display:inline-block;
	margin-left:10px;
}
.ajax_video_button {
	border: 1px solid #C5C5C5;
    border-radius: 3px;
    background: #0094D8;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:400;
	line-height:19px;
	padding-top:6.4px;
	padding-bottom:6.4px;
	padding-left:16px;
	padding-right:16px;
	vertical-align: middle;

  /* Removes the default styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}
.ajax_video_button:hover {
    background: #EDEDED;
	border-color: #0094D8;
	cursor:pointer;
	color:#000000;
}
.ajax_video_new_form_box {
	display:none;
}
.ajax_video_existing_list_box {
	display:none;
}
.ajax_cancel_video {
	margin-left:20px;
}
.ajax_video_list_box {
	border-top: 1px solid #808080;
	padding-top:10px;
	margin-top:10px;
}
.ajax_video_list {
	list-style-type:none;
	padding: 0;
	display:block;/* not sure why but this has to be display:block and overflow:hiddend to work with sortable connectwith */
	overflow:hidden;
}
.ajax_video_list li {
	width:145px;
	height:145px;
	overflow:hidden;
	margin-bottom:5px;
	margin-right:5px;
	display:block;
	float:left;
}
.ajax_video_box {
	width:145px;
	height:145px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.ajax_video_box:hover {
	cursor:pointer;
}
.ajax_remove_video {
	width:120px;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
	border-radius: 5px;
	z-index:100;
	position:absolute;
	top:15px;
	left:15px;
	font-size:1em;
	text-align:center;
	color: #0033CC;
	text-decoration: none;
	cursor:pointer;
}
.ajax_remove_video:hover {
	color: #000000;
	text-decoration: underline;
	cursor:pointer;
}
.ajax_sort_video {
	width:120px;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
	border-radius: 5px;
	z-index:100;
	position:absolute;
	bottom:60px;
	left:15px;
	font-size:1em;
	text-align:center;
	color: #0033CC;
	text-decoration: none;
}
.ajax_sort_video:hover {
	color: #000000;
	text-decoration: underline;
	cursor:move;
}
.ajax_video_edit_cancel {
	width:120px;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
	border-radius: 5px;
	z-index:100;
	position:absolute;
	bottom:15px;
	left:15px;
	font-size:1em;
	text-align:center;
	color: #0033CC;
	text-decoration: none;
	cursor:pointer;
}
.ajax_video_edit_cancel:hover {
	color: #000000;
	text-decoration: underline;
	cursor:pointer;
}
.ajax_edit_video_wrapper {
	display:none;
}
.ajax_video_message {
	display:none;
	padding-bottom:5px;
}
.ajax_video_existing_list {
	list-style-type:none;
	padding: 0;
	margin: 15px 0 0 0;
	display:block;
	overflow:hidden;
}
.ajax_video_existing_list li {
	width:95px;
	height:95px;
	overflow:hidden;
	margin-bottom:5px;
	margin-right:5px;
	display:block;
	float:left;
}
.ajax_video_existing_thumb {
	width:95px;
	height:95px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.ajax_video_existing_thumb:hover {
	cursor:pointer;
}
.ajax_video_save_message {
	display:none;
	color: red;
	font-size:1.2em;
}
.ajax_video_save_button {
	border: 1px solid #C5C5C5;
    border-radius: 3px;
    background: #0094D8;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:400;
	line-height:19px;
	padding-top:6.4px;
	padding-bottom:6.4px;
	padding-left:16px;
	padding-right:16px;
	vertical-align: middle;

  /* Removes the default styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}
.ajax_video_save_button:hover {
    background: #EDEDED;
	border-color: #0094D8;
	cursor:pointer;
	color:#000000;
}
.ajax_video_show_videos_div {
	margin-bottom: 15px;
}
/*---------------------------------------------------------*/
/*this came from here http://stackoverflow.com/questions/21842274/cross-browser-custom-styling-for-file-upload-button*/
label.fileLabel input[type="file"] { /*this pushes the image inputs off the screen but keeps them inline with their original position*/
    position: absolute;
    left: -1000px;
	overflow: hidden;
}
.fileLabel {
    border: 1px solid #C5C5C5;
    border-radius: 3px;
    background: #0094D8;
    display: inline-block;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:19px;
	padding-top:6.4px;
	padding-bottom:6.4px;
	padding-left:16px;
	padding-right:16px;
	text-align:center;
	vertical-align: middle;
	
}
.fileLabel:hover {
    background: #EDEDED;
	border-color: #0094D8;
	cursor:pointer;
	color:#000000;
}
.fileLabel:active {
    background: #C5C5C5;
	border-color: #0094D8;
	color:#000000;
}	
/*---------------------------------------------------------*/
.ajax_album_select {
  /* General styling */
    border: 1px solid #C5C5C5;
    border-radius: 3px;
    background: #0094D8;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:400;
	line-height:19px;
	padding-top:6.4px;
	padding-bottom:6.4px;
	padding-left:16px;
	padding-right:16px;
	vertical-align: middle;

  /* Removes the default <select> styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}    
.ajax_album_select:hover {
    background: #EDEDED;
	border-color: #0094D8;
	cursor:pointer;
	color:#000000;
}
/*---------------------------------------------------------*/
#stats_sort_message {
	height:20px;
	font-size:18px;
	margin-bottom:15px;
	text-align:center;
	display:none;
}
/*---------------------------------------------------------*/
#team_sort_message {
	height:20px;
	font-size:18px;
	margin-bottom:15px;
	text-align:center;
	display:none;
}
/*---------------------------------------------------------*/
#sponsor_sort_message {
	height:20px;
	font-size:18px;
	margin-bottom:15px;
	text-align:center;
	display:none;
}
/*---------------------------------------------------------*/
.help_q_mark {
	display:inline-block;
	float:right;
}
.help_q_mark:hover {
	cursor:pointer;
}
.help_box {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #808080;
	display:none;
}
.help_close {
	display:inline-block;
	float:right;
	margin-bottom:5px;
}
.help_close:hover {
	cursor:pointer;
}
.help_menu_list {
	list-style-type:none;
	padding: 0;
	margin: 0;
}
.help_menu_list li {
	font-size:1.3em;
	margin-bottom:10px;
	float: left;
    clear: both;
}
.help_box_menu {
	display:none;
}
/*---------------------------------------------------------*/
/* for desktop only  ---------------- */
@media screen and (max-width : 1023px) {	
/*---------------------------------------------------------*/
.handle {
	display:none;
}
.ajax_sort_image {
	display:none;
}
.ajax_sort_video {
	display:none;
}
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* medium------------------------------------------------- */
@media screen and (max-width : 800px) {	
/*---------------------------------------------------------*/
input[type=text].text_field, input[type=password].text_field, textarea.text_field, select.text_field {
        width:95%;
}
.dots_ajax_top {
	padding-bottom:15px;
}
/*---------------------------------------------------------*/
} /*end @media screen and (max-width : 800px)*/
/* medium/small ------------------------------------------ */
/*---------------------------------------------------------*/
@media screen and (max-width : 699px) {	
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
.ajax_album_select_box {
	width:100%;
	display:inline-block;
	margin:10px 0 0 0;
}
/*---------------------------------------------------------*/
.ajax_video_existing_box {
	width:100%;
	display:inline-block;
	margin:10px 0 0 0;
}
/*---------------------------------------------------------*/
} /*end @media screen and (max-width : 699px)*/
/*---------------------------------------------------------*/
/* Small ------------------------------------------------- */
@media screen and (max-width : 649px) {	
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
} /*end @media screen and (max-width : 649px)*/
/*---------------------------------------------------------*/