/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

table {
	width: 100%;
}

th {
	/*white-space: nowrap;*/
}

th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}

	ul.visible-desktop.nav {

	}

	ul.visible-desktop.nav li {
		float: left;
		font-size: 22px;
	}

	ul.visible-desktop.nav li a {
		color: white;
	}

	ul.visible-desktop.nav li a:hover, ul.visible-desktop.nav li a:active {
		color: #999;
	}

/* DTT MAIN CSS */

		ul.hidden-desktop.nav a {
			color: white;
		}

	.round {
	    -moz-border-radius:6px 6px;
	    -webkit-border-radius:6px;
	}

	.navbar-inverse .navbar-inner {
		background-color: transparent;
	}

	div.site_header_bg, .navbar-inner, .navbar-inverse .navbar-inner {
		background: url("../img/header-bg.png");
	}

	div.logo-holder {
		position: relative;
	}

	#beta {
		position: absolute;
		bottom: -8px;
		right: -24px;
		color: white;
		font-size: 15px;
	}

	.site_header #beta a, .site_header #beta a:active, .site_header #beta a:hover, .site_header #beta a:visited {
		color: white;
	}

	.site_header #beta a:hover {
		text-decoration: underline;
	}

	.site_header #app-navigation {

		position: absolute;
		right: 0;
		top: 0;

		margin: 8px;

		font-size: 24px;
		color: #F5F5F5;

	}

	.site_header #app-navigation {
		text-align: right;
	}

	.site_header #app-navigation #logged_in p {
		font-size: 16px;
	}

	.site_header #app-navigation .logged_in_name {
		padding-top: 3px;
		color: #D1D1D1;
		font-style: italic;
	}

	.site_header #app-navigation a, .site_header #app-navigation a:visited, .site_header #app-navigation a:active, .site_header #app-navigation a:hover {
		color: #F5F5F5;
		padding: 3px;
	}

	.site_header #app-navigation a:hover {
		text-decoration: underline;
	}

	div#logo {
		width: 419px;
		height: 90px;
		padding-top: 123px;
	}



	#view-header {
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
	}

	#view-header-left_wrapper {
		float: left;
		width: 60%;
	}

	#view-header-right_wrapper {
		float: right;
		width: 39%;
	}

	#view-header-left_icon img {
		width: 50px;
	}

	#view-header-left {
		text-align: left;
		float: left;
		vertical-align: middle;
	}

	#shared-plugin-header-left h1, #view-header-left h1 {
		font-size: 22px;
	}

	#view-header-left h1.spaced_header {

	}

	#shared-plugin-header-left h3, #view-header-left h3 {
		font-size: 15px;
		padding-left: 24px;
	}

	#shared-plugin-header-left h3, #view-header-left h3 {
		background-image: url('/img/goto_link.png');
        background-repeat: no-repeat;
        background-position: 5px 4px;
	}

	#view-header-right {
		text-align: right;
		vertical-align: middle;
	}

	.quick_links {
		text-align: right;
		padding: 0px;
		margin-right: 30px;
	}

	input.default_input_text {
		color: #CCCCCC;
	}

	#view-header-left_icon {
		float: left;
	}

	#view-header-left-sub-left {
		width: 49%;
		float: left;
		text-align: left;
	}

	#view-header-left-sub-right {
		width: 49%;
		float: left;
		text-align: left;
		vertical-align: middle;
	}

    #view-header .search-header img {
        vertical-align: middle;
    }

    #view-header .search-header #SearchSearch {
		font-size: 110%;
        width: 66%;
        clear: none;
    }

    #view-header .search-header input[type=text] {
        margin-left: 2px;
        margin-right: 2px;
		font-size: 120%;
    }

	#view-header .search-header input[type=submit] {
		font-size: 110%;
		padding: 2px;
		margin-left: 3px;
	}

    #view-header .search-header sub {
        margin: 4px;
    }

	.paginate_action a {
		margin-left: 5px;
		margin-right: 5px;
	}

	#paginate-header-wrapper {
		text-align: center;
		border: 0px;
		margin:0px;
	}

	#paginate-header {
		margin: auto;
	}

	#paginate-header td {
		padding: 2px;
		border: 0px;
	}

	#paginate-prev {
		vertical-align: middle;
		width: 20%;
	}

	#paginate-next {
		vertical-align: middle;
		width: 20%;
		text-align: right;
	}

	#paginate-viewing {
		text-align: center;
	}

	.attach-wrapper {

	}

	.form-input-error {
		background-color: #ffe2e2;
	}

	.sub_heading div {
		clear: none;
		margin: 0px;
		padding: 0;
		vertical-align: baseline;
		margin: 0px;
	}

	.sub_heading {
		padding: 0px;
		margin-top: 10px;
	}

	.sub_heading_heading {
		/*float: left;*/
	}

	.sub_heading h3 {
		vertical-align: middle;
		padding-left: 0px;
		margin-left: 0px;
	}

	.sub_heading_icon {
		float: left;
	}

	.sub_heading_icon img {
		width: 40px;
	}

	.sub_heading_link {
		float: left;
	}

	.sub_heading_link a {
		margin-left: 14px;
	}

	.commentbox {
		width: 100%;
		border-bottom: 1px solid gray;
	}

	.commentdetails {
		text-align: right;
		width: 15%;
		float: left;
		clear: none;
	}

	.commentbody {
		width: 82%;
		float: right;
		clear: none;
	}

	.commentdetails p, .commentbody p {
		font-size: 10px;
	}

    .rounded-corners {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        border-radius: 20px;
    }

    .rounded-corners-small {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
    }

	.options-header {
		float: left;
	}

	.options-header a {
		float: left;
		font-size: 12px;
		padding: 4px;
	}

	.noformstylediv {
		clear: none;
		margin: 0px;
		padding: 3px;
		vertical-align: baseline;
	}

	.attached-entity-wrapper {
		margin: 0px;
	}

	.attached-entity-container {
		font-size: 12px;
		float: left;
		margin: 3px;
		padding: 3px;
		min-height: 28px;
		margin-left: 10px;
	}

	.existing-content {
		background-color: white;
		overflow: auto;
		height: 600px;
		height: 600px;
		width: 800px;
	}

    #modal-satin {
        position: fixed;
        background-image: url('/img/modal_bg.png');
        z-index: 5001;
	}

	#modal-content {
        width: 820px;
        height: 620px;
        background-color: white;
        margin: auto;
		padding-right: 4px;
		overflow: auto;
	}

    #modal-container {
        position: relative;
	}

	#modal-content-wrapper {
		width: 820px;
		height: 610px;
		margin: auto;
		text-align: center;
		background-color: white;
		padding: 16px;
	}

	/*EXISTING SEARCH HEADER*/

	#existing-view-header {
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
	}

	#existing-view-header-left_wrapper {
		float: left;
		width: 39%;
	}

	#existing-view-header-left {
		text-align: left;
		float: left;
		vertical-align: middle;
	}

	#existing-view-header-left h3 {
		padding: 6px;
		padding-left: 15px;
	}

	#existing-view-header-right {
		width: 59%;
		text-align: right;
		float: right;
		vertical-align: middle;

	}

	#existing-view-header-left_icon {
		float: left;
	}

	#existing-view-header-left-sub-left {
		width: 49%;
		float: left;
		text-align: left;
	}

	#existing-view-header-left-sub-right {
		width: 49%;
		float: left;
		text-align: left;
		vertical-align: middle;
	}

    #existing-view-header .existing-search-header img {
        vertical-align: middle;
    }

    #existing-view-header .existing-search-header #SearchSearch {
        width: 330px;
        clear: none;
    }

    #existing-view-header .existing-search-header input[type=text] {
        margin-left: 2px;
        margin-right: 2px;
		font-size: 140%;
    }

	#view-header .search-header input[type=submit] {
		font-size: 120%;
	}

    #existing-view-header .existing-search-header sub {
        margin: 4px;
    }

	#existing-view-header-left_icon img {
		width: 50px;
		padding-right: 6px;
	}

    .audit_green {
        background-color: #c0e7c3;
    }

    .audit_red {
        background-color: #f3c0c0;
    }

    .audit_yellow {
        background-color: #ffffc0;
    }



	.pending_request {
		color: #CC0000;
		float: left;
		width: 300px;
		margin-left: 20px;
	}

	div#shadow-bottom {
		position:relative;
		bottom: -12px;
		left: 0px;
		width: 1034px;
		height: 12px;
		background-image: url('/img/shadow-bottom-complete.png');
		padding: 0px;
		margin: auto;
	}

	div#shadow_div {
/*		Unnecessary and breaks absolute positioning of tooltips later
		position: relative; */
		width: 1034px;
		margin:auto;
		text-align: center;
		background-image: url('/img/shadow-div.png');
	}

	div#envelope {
		width: 1010px;
		margin:auto;
		text-align: left;
		background-color: white;
	}

	.holdtable {
		width: 98%;
		margin: auto;
	}

	.holdtable tbody tr td {
		border: 0px;
		background-color: white;
	}
	td .holdtable, .holdtable td, tr .holdtable, .holdtable tr  {
		background-color: white;
	}

	.holdtable .lab {
		text-align: right;
		padding-right: 10px;
		width: 55px;
	}

	.holdtable input[type=text] {

	}

	.lab {
		text-align: right;
		vertical-align: middle;
	}

	.holdtable-top-left {
		width: 200px;
		float: left;
		margin: 0px;
		text-align: left;
		clear: none;
		padding: 0px;
	}

	.holdtable-top-right {
		width: 200px;
		float: right;
		margin: 0px;
		text-align: left;
		clear: none;
		padding: 0px;
	}

	.site_head_table, .site_head_table tbody tr td {
        background-color: white;
    }

    .site_head {
        font-size: 11px;
    }

   .site_head_table tr td {
        background-color: #ffffff;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        padding-top: 6px;
        padding-right: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
        text-align: left;
        vertical-align: top;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #222222;
   }

	.attach-entity-half-wrapper {
		float: left;
		width: 46%;
		padding-left: 3%;
		margin-bottom: 20px;
	}

	#content a, #content a:visited, #content a:hover, #content a:active, h1 a, h2 a {
		color: #0281c4;
	}

	.remove-attach {
		display: none;
		width: 30px;
		text-align: center;
	}

	.remove-attach img {
		margin: auto;
		cursor: pointer;
		border: 0px;
		vertical-align: middle;
	}

	.hovercontainer {
		background-color: black;
	}

	#footer {
		margin-top: 20px;
		border-top: 1px solid #ddd;
		text-align: center;
		padding: 32px;
	}

	#footer p, #footer a, #footer a:active, #footer a:hover, #footer a:visited {
		font-size: 12px;
		color: #838383;
		font-weight: bold;
		margin: auto;
	}
    #footer a {
        padding: 0 7px;
    }

	#content a:hover {
		text-decoration: underline;
	}

	.attachment-float-wrapper {
		margin-top: 0px;
		padding: 0px;
	}

	#unsaved {
		text-align: left;
	}

	.unsaved_header {
		background-image: url('/img/dialog_warning.png');
		background-repeat: no-repeat;
		background-position: 9px 1px;
		font-size: 12px;
		font-weight: bold;
		padding: 8px;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 40px;
		border: 2px dashed #ffb2b2;
		width: 340px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		margin-bottom: 1px;
	}

	.live_data {
		color: red;
		font-size: 24px;
		font-weight: bold;
	}

	.action_cell a {
		margin-left: 6px;
		margin-right: 6px;
	}

	.ui-tabs-panel .loading {
		padding: 10px;
	}

	.loading span {
        font-size: 20px;
		font-weight: bold;
    }

	.default_loading_text {
		padding: 0px;
	}

	#user_tabs ul li, #user_tabs ul li a, #tabs ul li, #tabs ul li a {
		cursor: pointer;
	}

	#release-notes-wrapper {
		margin-top: 12px;
	}

	#release-notes-wrapper p {
		margin-left: 28px;
	}

    #release-notes-wrapper h3 {
        margin-left: 21px;
    }

	ul.release-notes li {
		padding: 10px;
		margin-left: 36px;
	}

	ul.release-notes li .release-blurb {
		font-size: 85%;
		margin-left: 10px;
	}

    ul.release-notes ul {
        margin-left: 0;
    }

    ul.release-notes li li {
        margin-left: 3px;
        padding: 0;
        list-style: circle;
    }

    .audit_new {
        font-size: 80%;
        text-align: left;
		padding: 3px;
    }

    span.view_lab strong {
		float: left;
        text-align: right;
		width: 55px;
		padding-right: 3px;
    }

	.audit_new .new_lab {
		text-align: center;
	}

	.audit_qset {
		font-size: 90%;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}

	.left_loading {

	}

	.add_ql_div {
		overflow: auto;
		border: 2px solid black;
		background-color: #C5C5C5;
	}

	div.add_ql_float {
		float: left;
		margin: 6px;
		margin-left: 18px;
		clear: none;
		padding: 0px;
	}

	div.add_ql_float input[type=text] {
		font-size: 14px;
	}

	.add_ql_float .sitebutton {
		margin-top: 3px;
		width: 80px;
	}

	.isspromo {
		position: absolute;
		right: 100px;
		top: 30px;
	}

	.nav-tabs-space {
	}

	pre.smallpre {
		margin: 0px;
		padding: 0px;
	}

	.breadcrumb-env {
		margin: 0px;
		margin-top: 8px;
	}

	ul.breadcrumb-compact {
		margin: 0px;
	}

	.std-line-height {
		line-height: normal;
	}

	.form-margin-light {
		margin: 0 0 8px;
	}

	.cleary {
		clear: both;
	}

	div#header {
		background: url("../img/header-bg.png");
		height: 100px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}

	#header #site-logo {
		position: absolute;
		bottom: 0;
		border: 0;
	}

	#header #beta {
		position: absolute;
		bottom: -9px;
		left: 288px;
		color: white;
		font-size: 15px;
	}

	#header #beta a, #header #beta a:active, #header #beta a:hover, #header #beta a:visited {
		color: white;
	}

	#header #beta a:hover {
		text-decoration: underline;
	}

	#header #app-navigation {

		position: absolute;
		right: 0;
		top: 0;

		margin: 8px;

		font-size: 24px;
		color: #F5F5F5;

	}

	#header #app-navigation {
		text-align: right;
	}

	#header #app-navigation #logged_in p {
		font-size: 16px;
	}

	#header #app-navigation .logged_in_name {
		padding-top: 3px;
		color: #D1D1D1;
		font-style: italic;
	}

	#header #app-navigation a, #header #app-navigation a:visited, #header #app-navigation a:active, #header #app-navigation a:hover {
		color: #F5F5F5;
		padding: 3px;
	}

	#header #app-navigation a:hover {
		text-decoration: underline;
	}

	.error-message {
		color: #9d261d;
		font-weight: bold;
		margin-top: -8px;
		margin-bottom: 10px;
	}

	td.lab {

	}

	.controls, .input-prepend {
		position: relative;
	}

	/*span.help-block .error {*/
	/*	position: absolute;*/
	/*	bottom: 0;*/
	/*	left: 0;*/
	/*	margin-bottom: 4px;*/
	/*}*/

	.form-horizontal .help-block {
		font-size: 86%;
		margin-top: 2px;
	}

	.form-margin, .margin-form {
		margin: 20px;
	}

	.roundy {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		behavior: url(pie.htc);
	}

	.shadow-me {
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}

	.border-me {
		border: 1px solid #cacaca;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.dash-border {
		border: 1px dashed #DDD;
	}

	.margin10, .margin-content {
		margin:10px;
	}

	.padding-content {
		padding: 10px;
	}

	.border-dashed {

	}

	.tile-alert-wrapper {
		text-align: center;
		margin: 10px;
	}

	.tile-alert-wrapper ul li {
		padding: 3px;
	}

	.header-span-left-links h3 {
		padding-left: 10px;
	}

	.user-bubble {
		margin-right: 2%;
	}

	.input-large {
		width: 200px;
	}

	div.alert.main-flash {
		margin-top: 12px;
		margin-bottom: 14px;
	}

	.padding-content-top {
		padding-top: 8px;
	}

	.page-header {
		margin: 8px 0;
	}

	.float-label {
		overflow: auto;
	}

	.float-label input, .float-label label  {
		float: left;
	}
	.float-label input {
		clear: both;
	}

	.big-label input {
		margin-top: 3px;
	}

	.big-label label {
		font-size: 18px;
		margin: 3px;
	}

	.summary_textarea {
		width: 97%;
	}

	@media screen and (min-width: 980px){

		.navbar .nav > li > a {
			padding: 0px;
			padding-top: 11px;
			padding-right: 16px;
		}

		ul.hidden-desktop.nav a {
			font-size: 20px;
		}

	}

	.page-header {
		margin-top: 2px;
		border-bottom: none;
	}

	.page-header h1 {
		margin-top: 2px;
		margin-bottom: 2px;
	}

	.nav {
		margin-bottom: 8px;
	}

	@media screen and (max-width: 767px){

		/*.navbar-inner {*/
		/*	margin-left: -20px;*/
		/*	margin-right: -20px;*/
		/*}*/

	}

	@media screen and (max-width: 979px) {
		.navbar-fixed-top {
			margin-bottom: 0px;
		}
	}

	@media ( max-width: 767px ) {

		.logo-holder img {
			width: 180px;
		}

		p#beta {
			left: 160px;
			bottom: -14px;
			font-size: 84%;
		}

	}

	@media screen and (max-width: 350px) {

		.logo-holder #site-logo {
			display: none;
		}

		.logo-holder #site-logo-small {
			display: inline;
			width: 66px;
		}

		p#beta {
			left: 48px;
			bottom: -13px;
			font-size: 84%;
		}

	}

    .floating-tile {
		margin: 8px;
        border: 1px dashed #D0D0D0;
        cursor: pointer;
        text-align: center;
        height: 150px;
    }

    .floating-tile img {
        border: 0px;
    }

    .fade-me .tile-alert-wrapper {
        display: none;
    }

	ul.tile-ul {
		margin: 0 auto;
		display: table;
		float: none;
		text-align: left;
	}

	ul.tile-ul li {
		width: 100%;
	}

	.navbar-inner {
		padding-left: 0px;
		padding-right: 0px;
	}



	@media screen and (min-width: 768px){

		.navbar .nav {
			margin: 0px;
		}

		.big-modal {
			position: fixed;
			top: 20px;
			right: 20px;
			left: 20px;
			width: auto;
			margin: 0px;
		}

		.video-modal.modal {
			width: 680px;
			margin: -250px 0 0 -340px;
		}

	}

	.attached-item-wrapper {
		display: inline-block;
		width: 260px;
		vertical-align: top;
	}

	.attached-item-wrapper-p {
		font-weight: bold;
		font-size: 110%;
	}

	.attached-item-header {
		overflow: auto;
	}

	.attached-item-header img {
		float: left;
	}

	.attached-item-header p {
		float: left;
		padding-left: 8px;
	}

	.attached-item-content {
		width: 260px;
		float: left;*
	}

	#upload-attach-content {
		overflow: auto;
	}

	.pagination-overflow-wrapper {
		overflow: auto;
	}

	.circle-number {
	    font-weight: bold;
	    display: block;
	    padding: 3px 8px;
	    line-height: 29px;
	    color: white;
	    font-size: 13px;
	    margin-top: 10px;
	    background: black;
	    text-align: center;
	    margin-bottom: 20px;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;
	    clear: none;
	    display: inline;
	}

	.previous a, .next a {
		width: 55px;
	}

	.pagination {
		height: auto;
	}

	.td-actions a, .td-actions button {
		float: left;
		margin-right: 6px;
	}

	.video-modal .modal-body {
		height: 500px;
		max-height: 500px;
	}

	.navbar-inner {
		min-height: inherit;
	}

	.highlight-tile {
		border: 1px solid #AAA;
		box-shadow: 0px 6px 13px #555;
	}

	.edit.qlkey form, .edit.qlval form {
		clear: none;
		display: inline;
	}

	ul.nav-tabs .btn-small {
		margin: 5px;
	}

	.hover-hide {
		visibility: hidden;
	}

	tr:hover > td > .hover-hide, div:hover >.hover-hide, li:hover >.hover-hide {
		visibility: visible;
	}

	.forty-nine {
		width: 49%;
	}

	.modal-header-html p {
		margin: 0px;
	}

	.text-left {
		text-align: left;
	}

	.text-right {
		text-align: right;
	}

	img.full-img {
		width: 384px;
		height: 288px;
	}

	.center-me {
		margin-left: auto;
		margin-right: auto;
	}




	/* panels */

.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* BookMark Css*/
#bookmark-star.fa-star{
	color:yellow;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(strength=1,color=#000000,direction=0)
		progid:DXImageTransform.Microsoft.Shadow(strength=1,color=#000000,direction=90)
		progid:DXImageTransform.Microsoft.Shadow(strength=1,color=#000000,direction=180)
		progid:DXImageTransform.Microsoft.Shadow(strength=1,color=#000000,direction=270);
}

#bookmark-star.fa-star.empty{
	color:#F5F5F5;
}

#bookmark-star.fa-star.disabled{
	color:darkgray;
	cursor: default;
	text-shadow: none;
}

.bookmark i,.bookmark span{
	margin-left:10px;
	float:right;
	cursor: pointer;
	color: #333;
	font-size:1.6em;
	margin-top:5px;
}

.bookmark {
	margin-right:5px;
}

.ui-datepicker{
	z-index: 9999 !important;
}

/* META DATA LOCATIONS*/
.meta-data{
    cursor: pointer;
}
.edit-icon{
	opacity: .3;
	border-radius: 24px;
	padding: 1px 15px;
	white-space: nowrap;
}
.edit-icon:hover{
	opacity: 1;
	background: rgb(0, 153, 204) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
}
.meta-data:hover span{
	border-bottom: 1px dashed blue;
}

.custom-locations input[type="checkbox"]{
	margin:2px;
}
.custom-locations img{
	bottom: 7px;
	position: relative;
	cursor:pointer
}

/* Risa Sharing */
.risaplus-details {
	display: flex;
	flex-flow: row nowrap;
	min-width: 102px;
}
.risaplus-details * {
	flex: 1 0 auto;
	margin-right: 2px;
}
.spacing {
	margin-right: 10px;
}


/** releases notification banner **/
.release-notification-wrapper {
    height: 50px;
    background-color: #074768;
    width: 100%;
    z-index: 10;
}
.release-notification-wrapper.fixed {
    position: fixed;
}
.release-notification-wrapper.double {
    height: 100px;
}

.release-notification-container {
    font-family: 'Open Sans', 'sans-serif';
    font-size: 13.5pt;
    height: 100%;
    line-height: 50px;
    padding: 0 41px;
    position: relative;
    letter-spacing: .6pt;
    text-align: left !important;
}

.release-notification-container.double {
	height: 50%;
}

.release-notification-header {
    color: #14a0ef;
    font-weight: 900;
    margin-right: 8px;
}
.release-notification-header a {
    color: #14a0ef;
}

.release-notification {
    color: #fff;
    font-weight: 400;
}

.release-notification-sub-text {
    color: #fff;
    font-weight: 900;
    font-style: italic;
    margin-left: 76px;
}

.release-notification-header a:hover {
    color: #14a0ef;
}
.release-notification-sub-text a, .release-notification a, .release-notification-sub-text a:hover, .release-notification a:hover {
    color: #fff;
}
.release-notification-container a:hover {
    text-decoration: none;
}
.release-notification-sub-text .fa {
    font-size: 1.3em;
}

.release-notification-close {
    position: absolute;
    right: 41px;
    font-size: 3em;
    bottom: 5px;
    cursor: pointer;
}
#mydtt_body.single {
    margin-top: 50px;
}
#mydtt_body.double {
    margin-top: 100px;
}

@media only screen and (max-width: 1200px) {
    .release-notification-container {
        font-size: 12.5pt;
    }
}
@media only screen and (max-width: 1120px) {
    .release-notification-container {
        font-size: 11.5pt;
    }
}
@media only screen and (max-width: 1050px) {
    .release-notification-container {
        font-size: 9.5pt;
    }
}
@media only screen and (max-width: 979px) {
    .release-notification-wrapper.fixed {
        position: static;
    }
}
@media only screen and (max-width: 920px) {
    .release-notification {
        display: none;
    }
}
@media only screen and (max-width: 620px) {
    .release-notification-sub-text {
        margin-left: 3px;
    }
}
@media only screen and (max-width: 560px) {
    .release-notification-sub-text {
        display: none;
    }
}
@media only screen and (max-width: 390px) {
    .release-notification-container {
        font-size: 7.5pt;
    }
    .release-notification-container .fa-bell {
        display: none;
    }
}


/** releases payment banner **/
.payment-notification-container {
    font-family: 'Open Sans', 'sans-serif';
    font-size: 13.5pt;
    height: 100%;
    line-height: 50px;
    padding: 0 41px;
    position: relative;
    letter-spacing: .6pt;
    text-align: left !important;
}
.payment-notification-container.double {
	height: 50%;
}

.payment-notification-header {
    color: #14a0ef;
    font-weight: 900;
    margin-right: 8px;
}
.payment-notification-header a {
    color: #14a0ef;
}

.payment-notification {
    color: #fff;
    font-weight: 400;
}

.payment-notification-header a:hover {
    color: #14a0ef;
}
.payment-notification a:hover {
    color: #fff;
}
.payment-notification-container a:hover {
    text-decoration: none;
}

.payment-notification-close {
    position: absolute;
    right: 41px;
    font-size: 3em;
    bottom: 5px;
    cursor: pointer;
}

@media only screen and (max-width: 1200px) {
    .payment-notification-container {
        font-size: 12.5pt;
    }
}
@media only screen and (max-width: 1120px) {
    .payment-notification-container {
        font-size: 11.5pt;
    }
}
@media only screen and (max-width: 1050px) {
    .payment-notification-container {
        font-size: 9.5pt;
    }
}

@media only screen and (max-width: 920px) {
    .payment-notification {
        display: none;
    }
}

@media only screen and (max-width: 390px) {
    .payment-notification-container {
        font-size: 7.5pt;
    }
    .payment-notification-container .fa-bell {
        display: none;
    }
}