body, html, #wrapper {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
	/*
	max-width: 100%;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	*/
}

header {
	position: fixed;
	width: 100%;
	height: 47px;
	z-index: 100;
}
header #header_topbar {
	position: absolute;
	width: 100%;
	height: 39px;
	top: 0;
	background-color: #7D3006;
	z-index: -1;
}
header #header_logo {
	position: absolute;
	left: 0;
	width: 110px;
	height: 45px;
	background-color: #4D1800;
	padding: 2px 0 0 10px;
}
header #header_logo a {
	text-decoration: none;
	font-family: times;
	font-size: 30px;
	color: white;
}
	
header #header_lcurve {
	position: absolute;
	left: 120px;
	width: 50px;
	height: 47px;
}
header #header_center {
	background-color: #7D3006;
	margin-left: 160px;
	margin-right: 227px;
	font-size: 12px;
	color: white;
}
header #header_center #header_version {
	margin: 10px;
	border: 0;
	background: #7D3006;
	font-size: 12px;
	color: white;
}
header #header_center_zoom_pan {
	position: absolute;
	right: 137px;
	padding: 10px;
	top: 0;
	width: 120px;
}
header #header_center_zoom_pan a {
	text-decoration: none;
	color: white;
	font-size: 20px;
}
header #header_center_zoom_pan #header_zoom_plus {
	opacity: .7;
}
header #header_rcurve {
	position: absolute;
	right: 200px;
	top: 0;
	height: 47px;
}
header #header_right {
	position: absolute;
	right: 0;
	top: 0px;
	width: 200px;
	height: 42px;
	background-color: #4D1800;
}

header #nav_bar_account {
	float: right;
	margin: 2px;
}
header #nav_bar_account #nav_bar_avatar {
	border-radius:25px;
}
#byte_nav_above {
	height: 35px;
}
.byte_nav {
	width: 100%;
	min-width: 98%;
	margin: 10px 0 0 0;
	padding: 10px;
	border: 1px solid #ccc;

    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.byte_nav h5, h6 {
	margin: 0;
	font-weight: normal;
}
.byte_nav h2 {
	margin: 10px 0 5px 0;
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
	color: #171B30;
	line-height: 28px;
}

/* navigation edit area */
.navigation_header_head {
	margin: 10px 0 0 0;
	display: inline-block;
}
.navigation_header i {
	display: none; 
	color: #333;
}
.navigation_header:hover i {
	display: inline;
}
.navigation_header_edit {
	display: none;
	background-color: #fff;
	margin: 2px 0 -5px -7px;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 5px;
}
.navigation_header_edit.show {
	display: inline-block;
}
.navigation_header_edit i {
	color: #ccc;
}
.navigation_header_edit a i {
	color: #333;
}
.navigation_header_edit a.navigation_header_edit_del {
	color: #a00;
}
.navigation_header_edit_cancel {
	font-size: 10px;
	width: 41px;
	background-color: #C1A89B;
	border:none;
	border-radius: 5px 0 0 5px;
	color: white;
}
.navigation_header_edit_save {
	font-size: 10px;
	width: 37px;
	background-color: #904524;
	border:none;
	border-radius: 0 5px 5px 0;
	color: white;
}
.navigation_header_edit_del {
	display: inline-block;
	padding-top: 3px;
	font-size: 9px;
	color: #D0021B;
}

/* end navigation edit area */

/* display hidden pages */
.display_hidden_navs {
	display: none;
	width: 200px;
	float: right;
	margin-right: 30px;
	margin-top: 30px;
}
.display_hidden_navs.does_have {
	display: block;
}

.byte_nav .byte_nav_editable {
	cursor: pointer;
	border-bottom: 1px solid white;
}
.byte_nav .byte_nav_editable:hover {
	border-bottom: 1px dotted #ccc;
}
.byte_nav .byte_nav_editable:hover:after {
	font-family: FontAwesome;
	content: " \f040";
	color: #888;
}

.byte_nav button.page_edit_mode_new_page {
	width: 100px;
	margin-left: -8px;
	font-size: 10px;
	border: 1px solid #888;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.byte_nav_container {
	border-top: 1px solid #ccc;
}



/* pages in the site map */

.byte_nav_container .page {
	border: 1px solid #9E7D58;
	border-radius: 5px;
	font-family: Arial;
	font-size: 11px;
	-webkit-user-select: text;
	   -moz-user-select: text;
	    -ms-user-select: text;
	        user-select: text;
}
.byte_nav_container .page.is_header {
	border: none;
	background-color: white!important;
}

.byte_nav_container.zoom-small .page {
	font-size: 9px;
}

.byte_nav_container .page .page_top_box {
	cursor: move;
}
/*.byte_nav_container .page .primary_page_top_box {
	cursor: move;
}*/

.byte_nav_container .page.with_description {
	border-radius: 5px 5px 0 0;
}
.byte_nav_container .page.is_hidden {
	opacity: .5;
}
.byte_nav_container .page .page_top_box {
	padding: 4px 5px 3px 5px !important;
}
.byte_nav_container .page .page_edit_subheader {
	background-color: white;
	padding: 5px 5px 5px 5px;
	font-style: italic;
	color: #888;
}
.byte_nav_container .page .page_view_content_area {
	background-color: white;
	padding: 0px 5px 0px 5px;
	color: #888;
}
.byte_nav_container .page .page_view_content_item {
	padding: 4px 0px;
	color: #888;
	border-top: 1px dashed #aaa;
}
.byte_nav_container .page .page_edit_link {
	color: #000;
	opacity: 0;
	float: right;
}
.byte_nav_container .page .page_icon {
	float: left;
	width: 15px;
	height: 15px;
	color: #9E7D58;
}

/* dragging placeholder 1614 */
.placeholder_primary {
	margin: 0 10px 0 10px !important;
}
.placeholder_primary li div {
	background-color:#8bd68b !important;
	height: 15px;
}

.test_placeholder {
	height: 15px;
	border-top: 1px solid #9E7D58;
	margin-top: 10px;
	margin-bottom: 20px;
}
.test_placeholder div {
	background-color:#8bd68b;
}
.ui-sortable-helper {
	margin-left: 100px;
	/*display: none !important;*/
}

/* page edit mode */
.page_edit_mode {
	display: none;
	/* margin-right: -13px !important; */
	border: 1px solid #9E7D58;
	border-radius: 5px 5px 0 0;
	font-family: Arial;
	font-size: 12px;
	-webkit-user-select: text;
	   -moz-user-select: text;
	    -ms-user-select: text;
	        user-select: text;
}
.byte_nav_container .page_edit_mode .page_top_box {
	background-color: #FFDAB1;
	padding: 4px 5px 3px 5px !important;
}
.byte_nav_container .page_edit_mode .page_icon {
	float: left;
	width: 10px;
	height: 12px;
	padding: 4px;
	color: #9E7D58;
	cursor: pointer;
}
.byte_nav_container .page_edit_mode .page_type_edit_icon {
	float: right;
	width: 15px;
	height: 15px;
	color: #9E7D58;
	padding: 3px 0 0 0;
}

.byte_nav_container .page_edit_mode .page_edit_mode_desc {
	background-color: white;
	padding: 5px 10px 0 5px;
}
.byte_nav_container .page_edit_mode .page_edit_mode_content {
	background-color: white;
	padding: 5px 5px 0 5px;
}
.byte_nav_container .page_edit_mode .page_edit_mode_content input {
	padding: 4px 2px;
	width: 95%;
}
.byte_nav_container .page_edit_mode .page_edit_mode_content .page_edit_mode_content_item {
	padding: 4px 0px;
	color: #888;
	border-bottom: 1px dashed #aaa;
}
.byte_nav_container .page_edit_mode .page_edit_mode_content .page_edit_mode_content_item a {
	display: block;
	width: 12px;
	float: right;
	color: #888;
}
.byte_nav_container .page_edit_mode input {
	width: 100%;
}
.byte_nav_container .page_edit_mode input.page_edit_input_name {
	width:72%;
	height: 12px;
	margin: 1px 0 2px 0;
}
.byte_nav_container .page_edit_mode .page_edit_link {
	color: #000;
	opacity: 0;
	float: right;
}

.page_edit_mode_action {
	background-color: white;
	padding: 2px 5px;
	font-size: 10px;
}
.page_edit_mode_action .page_edit_mode_action_del {
	display: inline-block;
	padding-top: 3px;
	font-size: 9px;
	color: #D0021B;
}
.page_edit_mode_action .page_edit_mode_action_clone {
	font-size: 9px;
	color: #171B30;
}
.page_edit_mode_action .page_edit_mode_action_cancel {
	float: right;
	width: 41px;
	background-color: #C1A89B;
	border:none;
	border-radius: 5px 0 0 5px;
	color: white;
}
.page_edit_mode_action .page_edit_mode_action_save {
	float: right;
	width: 37px;
	background-color: #904524;
	border:none;
	border-radius: 0 5px 5px 0;
	color: white;
}

/* page edit type */
.page_icon_edit {
	background-color: white;
	display: none;
	font-size: 10px;
	color: #171B30;
}
.page_icon_edit span {
	display: block;
	padding: 3px 5px;
}
.page_icon_edit div {
	padding: 3px 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.page_icon_edit div:hover {
	background-color: #eee;
}
.page_icon_edit div i {
	color: #4D1800;
	width: 14px;
}
.page_icon_edit .page_icon_stack {
	background-color: #E7E9EE;
}
.page_icon_edit .page_icon_stack input {
	width: 10px;
}
.page_icon_edit .page_icon_hide {
	background-color: #E7E9EE;
}
.page_icon_edit .page_icon_hide input {
	width: 10px;
}

.byte_nav_container {
/*
	transform: scale(0.668);
	-webkit-transform: scale(0.668);
	-moz-transform: scale(0.668);
	-o-transform: scale(0.668);
	-ms-transform: scale(0.668);
*/
}

/* page tree */
.byte_nav_container>ul {
	width: 165px;
	float: left;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	border-left: 1px solid #ccc;
	list-style: none;
}
.byte_nav_container.zoom-small>ul {
	width: 125px;
}
.byte_nav_container>ul.spacer {
	/* margin: 0 -5px 0 6px; */
	width: 20px;
	border-left: 0;
	background-image: url(/assets/images/ul_spacer_line.png);
	background-repeat: repeat-y;

}

.byte_nav_container>ul>li {
	margin: 0 0 0 -8px;
}
.byte_nav_container>ul>li>div {
	background-color: #F7B67E;
	/* padding: 6px; */
}
.byte_nav_container.zoom-small>ul>li>div {
	padding: 4px;
}
.byte_nav_container>ul>li>div:hover .page_edit_link {
	opacity: 1;
}

.byte_nav_container>ul.spacer>li {
	height: 23px;
	width: 0px;
	border: none;
	background-color: none;
	margin: 0 0 0 0;
	padding: 0 0 0 4px;
}
.byte_nav_container.zoom-small>ul.spacer>li {
	height: 20px;
}
.byte_nav_container>ul.spacer>li>div {
	opacity: .1;
	margin-left: -1px;
	width: 5px;
	height: 20px;
	background-color: #F7B67E;
	border: 1px solid #9E7D58;
	border-radius: 5px;
	padding: 0;
	cursor: cell;
}
.byte_nav_container.zoom-small>ul.spacer>li>div {
	height: 18px;
}
.byte_nav_container>ul:hover.spacer>li>div {
	opacity: 1;
}
.byte_nav_container>ul.spacer>li>div.state-hover {
	opacity: 1;
}

/* secondary level pages */
.byte_nav_container ul {
	list-style: none;
}
.byte_nav_container>ul>li>ul {
	width: 155px;
	float: left;
	margin: 0 0 -3px 8px;
	padding: 1px 0 0 10px;
	list-style: none;
}
.byte_nav_container.zoom-small>ul>li>ul {
	width: 117px;
}
.byte_nav_container>ul>li>ul>li {
	/* border-top: 1px solid #ccc; */
	margin: 0 0 0 -10px;
	background-image: url(/assets/images/ul_line.png);
	background-repeat: no-repeat;
}
.byte_nav_container>ul>li>ul>li>div {
	background-color: #FFDAB1;
	margin: 0 0 0 5px;
}
.byte_nav_container>ul>li>ul>li>div:hover .page_edit_link {
	opacity: 1;
}

.byte_nav_container>ul>li>ul>li.spacer {
	height: 1px;
	margin: -1px 0 3px -10px;
	padding: 2px 0 2px 0;
	clear: both;
	background-image: url(/assets/images/ul_line.png);
	background-repeat: repeat-x;
	background-position-y: -6px;
}
.byte_nav_container>ul>li>ul>li.spacer>div {
	opacity: .1;
	height: 4px;
	margin: -1px 1px 0px 5px;
	border: 1px solid #9E7D58;
	border-radius: 2px;
	padding: 0;
	cursor: cell;
}
.byte_nav_container>ul>li>ul>li.spacer:hover>div {
	opacity: 1;
}
.byte_nav_container>ul>li>ul>li.spacer>div.state-hover {
	opacity: 1;
}

/* tertiary level pages */
.byte_nav_container>ul>li>ul>li>ul {
	border-left: 1px solid #ccc;
	margin: 0px 0px -2px 13px;
	padding: 0px 0 0px 0;
	list-style: none;
}
.byte_nav_container.zoom-small>ul>li>ul>li>ul {
	width: 108px;
}
.byte_nav_container>ul>li>ul>li>ul>li {
	/* border-top: 1px solid #ccc; */
	background-image: url(/assets/images/ul_line.png);
	background-repeat: no-repeat;
}
/*
.byte_nav_container.zoom-small>ul>li>ul>li>ul>li {
	width: 115px;
}
*/
.byte_nav_container>ul>li>ul>li>ul>li>div {
	background-color: #FAEFCF;
	margin: -1px 0 0 4px;
}
/*
.byte_nav_container.zoom-small>ul>li>ul>li>ul>li>div {
	width: 108px !important;
}
*/
.byte_nav_container>ul>li>ul>li>ul>li>div:hover .page_edit_link {
	opacity: 1;
}

.byte_nav_container>ul>li>ul>li>ul>li.spacer {
	height: 3px;
	margin: 1px 0 6px 0px;
	padding: 0;
	background-image: url(/assets/images/ul_line.png);
	background-repeat: repeat-x;
	background-position-y: -8px;
}
.byte_nav_container.zoom-small>ul>li>ul>li>ul>li.spacer {
	width: 110px;
}
.byte_nav_container>ul>li>ul>li>ul>li.spacer>div {
	opacity: .1;
	border: 1px solid #9E7D58;
	border-radius: 2px;
	height: 5px;
	margin: 0 1px 0px 4px;
	padding: 0;
	cursor: cell;
}
.byte_nav_container>ul>li>ul>li>ul>li.spacer:hover>div {
	opacity: 1;
}
.byte_nav_container>ul>li>ul>li>ul>li.spacer>div.state-hover {
	opacity: 1;
}


.byte_nav_container>ul>li>ul>li.state-hover>div {
	/*background-color: #00FF00;*/
}


/* quaternary level pages */
.byte_nav_container>ul>li>ul>li>ul>li>ul {
	border-left: 1px solid #ccc;
	margin: 0px 0px -2px 16px;
	padding: 0px 0 0px 0;
	list-style: none;
}
.byte_nav_container.zoom-small>ul>li>ul>li>ul>li>ul {
	width: 91px;
}
.byte_nav_container>ul>li>ul>li>ul>li>ul>li>div {
	background-color: yellow;
	margin: -1px 0 0 8px;
}
.byte_nav_container>ul>li>ul>li>ul>li>ul>li.spacer {
	height: 3px;
	margin: 1px 0 6px 0px;
	padding: 0;
	background-image: url(/assets/images/ul_line.png);
	background-repeat: repeat-x;
	background-position-y: -8px;
}

.byte_nav_container.zoom-small>ul>li>ul>li>ul>li>ul>li.spacer {
	width: 92px;
}
.byte_nav_container>ul>li>ul>li>ul>li>ul>li.spacer>div {
	opacity: .1;
	border: 1px solid #9E7D58;
	border-radius: 2px;
	/* width: 154px; */
	height: 5px;
	margin: 0 1px 0px 8px;
	padding: 0;
	cursor: cell;
}
.byte_nav_container>ul>li>ul>li>ul>li>ul>li.spacer:hover>div {
	opacity: 1;
}


/* thngs while dragging / dropping */

.original-whilest-dragging {
	opacity: .7;
}
.original-whilest-dragging .page {
	border: 1px dashed gray;
}
.whilest-dragging {
}
.placement .page {
	border: 1px dashed red;
	/*opacity: .5;*/
}

.page_top_stack_outside {
	position: relative;
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	z-index: -100;
}
.none {
	display: none !important;
}
.page_top_stack_middle {
	position: absolute;
	border-bottom: 1px solid #9E7D58;
	border-radius: 5px;
	width: 100%;
	top: -20px !important;
	margin: 3px 0 0 1px  !important;
}
.page_top_stack_inside {
	border-bottom: 1px solid #9E7D58;
	border-radius: 5px;
	position: absolute;
	width: 100%;
	top: 0;
	margin: 2px 0 0 2px;
}
/* starting page */

#home_screen {
	margin: 40px 35px;
}

#home_screen .yellow_button {
	background: #F5A623;
	border-radius: 5px;
	border: none;
	color: white;
	font-size: 11px;
	padding: 8px 16px;
}

#home_screen table {
	width: 100%;
	/* border: 1px solid blue; */
}
#home_screen table thead {
	text-transform: uppercase;
	color: #888;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #A8A8A8;
}
#home_screen table td {
	padding: 4px 0;
}
#home_screen table td em {
	color: #888;
}
#home_screen table td:first-child {
	width: 60%;
}

#home_screen table td.public_link a {
	color: #aaa;
	text-decoration:none;
	font-size:11px;
}

/*-------------------------------------------------------------------
Things for flash() to work
--------------------------------------------------------------------*/

@-webkit-keyframes slideDown {
  0%   {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
  }
}
@-webkit-keyframes slideUp {
  0%   {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
}

@-moz-keyframes slideDown {
  0%   {
    opacity: 0;
    -moz-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1;
    -moz-transform: rotateX(0deg);
  }
}
@-moz-keyframes slideUp {
  0%   {
    opacity: 1;
    -moz-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0;
    -moz-transform: rotateX(-90deg);
  }
}

@-o-keyframes slideDown {
  0%   {
    opacity: 0;
    -o-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1;
    -o-transform: rotateX(0deg);
  }
}
@-o-keyframes slideUp {
  0%   {
    opacity: 1;
    -o-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0;
    -o-transform: rotateX(-90deg);
  }
}

#notification-wrapper {
	pointer-events:none;
	z-index:5000;
	position: fixed;
	top: 3px;
	left: 50%;
	width: 50%;
	margin-left:-25%;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}
#notification-wrapper .notification {
  text-shadow: white 0 1px 0;
  display: block;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  margin: 0 auto 4px auto;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
        background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
          box-shadow: 0 -1px 0 #FFF inset, 0px 10px 20px rgba(0,0,0,0.2);
}
#notification-wrapper .notification.clickable {
  cursor: pointer;
}
#notification-wrapper.clickable {
  pointer-events:auto;
}
#notification-wrapper .notify-icon {
  margin:0 !important;
  display: inline-block;
  width: 41px;
  height: 41px;
  float: left;
  line-height:42px;
  text-align:center;
  font-size:32px;
  color: #333;
  background-size:cover; 
  background-position:center center;
}
#notification-wrapper .notify-text {
  border-left:1px solid #ddd;
  padding-left:5px;
  display:block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  overflow: hidden;
}
#notification-wrapper .notify-title {
  font-weight: bold;
  font-size: 14px;
  height: 14px;
  display: block;
  padding: 3px 0 0 0;
  text-transform: capitalize;
}
#notification-wrapper .notify-message {
  font-size: 12px;
  padding:4px 0 4px;
  display: block;
}
#notification-wrapper .animate-in {
  -webkit-animation: slideDown 300ms;
  -moz-animation: slideDown 300ms;
  -o-animation: slideDown 300ms;
}
#notification-wrapper .animate-out {
  -webkit-animation: slideUp 300ms;
  -moz-animation: slideUp 300ms;
  -o-animation: slideUp 300ms;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #notification-wrapper .notification {
    width: 100%;
  }
}
#notification-wrapper .notification .notify-icon.icon-custom {
  box-shadow:rgba(255,255,255,0.5) 0 -1px 1px inset;
}
#notification-wrapper .notification .notify-icon.icon-custom + .notify-text {
  border-left:0;
}
#notification-wrapper .notification .notify-icon.icon-warn {
  background: transparent url(/assets/images/warn.png) center center no-repeat;
  background-size:auto;
}
#notification-wrapper .notification .notify-icon.icon-success {
  background: transparent url(/assets/images/success.png) center center no-repeat;
  background-size:auto;
}
#notification-wrapper .notification .notify-icon.icon-error {
  background: transparent url(/assets/images/error.png) center center no-repeat;
  background-size:auto;
}
#notification-wrapper .notification .notify-icon.icon-notice {
  background: transparent url(/assets/images/notice.png) center center no-repeat;
  background-size:auto;
}
#notification-wrapper .notification .notify-icon.icon-help {
  background: transparent url(/assets/images/help.png) center center no-repeat;
  background-size:auto;
}
/*-------------------------------------------------------------------
End things for flash() to work
--------------------------------------------------------------------*/

/*-------------------------------------------------------------------
Things for ui_confirm() to work
--------------------------------------------------------------------*/


#byte_ui_confirm {
	display: none;
	z-index:4999;
	position: fixed;
	top: 3px;
	left: 50%;
	width: 50%;
	margin-left:-25%;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}

#byte_ui_confirm .notification_area {
  text-shadow: white 0 1px 0;
  display: block;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  margin: 0 auto 4px auto;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
        background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
          box-shadow: 0 -1px 0 #FFF inset, 0px 10px 20px rgba(0,0,0,0.2);
}
#byte_ui_confirm .notification_area .choices_area {
	width: 100px;
	height: 41px;
	float: left;
	padding-top: 15px;
	text-align: center;
	border-right:1px inset rgba(0,0,0,0.2);
	margin-right: 10px;
}
#byte_ui_confirm .notification_area .text_area {
	padding-top: 7px;
	font-size: 12px;
	height: 12px;
}
#byte_ui_confirm .notification_area .text_area strong {
	font-size: 14px;
	height: 14px;
}

/* standard dialog */
#byte_ui_dialog #byte_ui_dialog_form {
	padding: 10px 0;
	font-size: 13px;
	color:#7C4225;
}
#byte_ui_dialog #byte_ui_dialog_form input {
	width: 285px;
	padding: 5px;
	font-size:16px;
	margin-bottom: 5px;
}

#byte_ui_dialog #byte_ui_error_message {
	display: none;
}
.ui-dialog-title {
	font-weight: bold;
	color:#7C4225;
}
.ui-dialog {
	z-index: 1010;
	width: 500px;
	padding: 10px;
	background-color:#fff;
	border: 1px solid black;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
	display: none;
	color:#e23c29;
}
.ui-dialog .ui-dialog-titlebar-close {
	float: right;
}
.ui-dialog .ui-button-icon-primary {
	
}
.ui-widget-overlay { 
	z-index: 1009;
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
	padding-top:50px;
	background:rgba(124,66,37,0.34);
	color:#7C4225;
}



.byte_ui_popover_full {
	z-index:10001;
	position:fixed;
	left:0px;
	top:0;
	padding-top:50px;
	width:100%;
	height:100%;
	background:rgba(124,66,37,0.34);
	color:#7C4225;
	text-align:center;	
	display:none;
}
.byte_ui_popover {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;
	border: 1px solid black;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.byte_ui_popover input {
	padding: 11px 10px;
	font-size:17.5px;
}
.byte_ui_popover button {
	margin: 10px;
	color: #000;
}
.byte_ui_popover #byte_ui_error_message {
	display:none;
	margin:0;
	color:#e23c29;
}



/*-------------------------------------------------------------------
Preferences pull down
--------------------------------------------------------------------*/

#preferences-popover {
    text-align: left;
	display:none;
	position: absolute;
	top: 0px;
	right: 0px;
	color:black;
}

#preferences-popover .popover-inner {
	position: absolute;
	right: 0px;
	top: 42px;
	z-index: 1010;
	width: 197px;
	padding: 0 0 1px 1px;
	overflow: hidden;
	/* background: #4D1800; */
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}

/*#preferences-popover .popover-inner #popover-name {
	position:absolute;
	margin-right:42px;
	padding: 15px;
	right:5px;
	top:1px;
	color: #aaa;
}
#preferences-popover .popover-inner #popover-avatar {
	width:36px;
	height:36px;

	position:absolute;
	right:1px;
	top:1px;
	display:block;

	cursor: pointer;
	border-radius:25px;
	margin-left:5px;
	position:absolute;
	box-shadow:inset rgba(0,0,0,0.5) 0 0 10px; 
	border:1px solid rgba(0,0,0,0.1); 
	border-top:1px solid rgba(0,0,0,0.2);
}

#preferences-popover .popover-title {
	font-size:16px;
	font-weight:normal;
	height: 15px;
	padding: 18px 10px;
	line-height: 1;
	background-color: #f5f5f5;
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
*/

#preferences-popover .popover-content {
	padding: 0 5px;
	background-color: #ffffff;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

#preferences-popover .popover-content p,
#preferences-popover .popover-content ul,
#preferences-popover .popover-content ol {
	margin: 0;
	padding: 0;
}
#preferences-popover .popover-inner {
	/* width:auto !important; */
}
#preferences-popover .popover-title {
	background: rgb(64,104,127); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNjg3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzQwNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(64,104,127,1) 0%, rgba(39,64,78,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,104,127,1)), color-stop(100%,rgba(39,64,78,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(64,104,127,1) 0%,rgba(39,64,78,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(64,104,127,1) 0%,rgba(39,64,78,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(64,104,127,1) 0%,rgba(39,64,78,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(64,104,127,1) 0%,rgba(39,64,78,1) 100%); /* W3C */
	margin:0; color:white; text-shadow:rgba(0,0,0,0.6) 0 -1px 1px;
}

#preferences-popover .popover-content li {list-style: none; border-bottom:1px solid #eee; height:30px;}
#preferences-popover .popover-content li:last-child {border-bottom:none;}
#preferences-popover .popover-content li > a {color:#444; height:30px; line-height:30px; padding-right: 15px; padding-left:6px; display:block; text-decoration:none;}

#preferences-popover .popover-content {padding:0;}

#preferences-popover .popover-content li > a:hover {
	background:rgba(0,0,0,0.04);
}
#preferences-popover .popover-content li > a:active {
	background:rgba(0,0,0,0.07);
	box-shadow:rgba(0,0,0,0.2) 0 0 10px inset;
}