/*---------------------
  Breadcrumb
 -------------------------*/
 #breadcrumb li {
 	float: left;
 	margin-right: 10px;
 }
 
 #breadcrumb li a {
 	margin-right: 5px;
 }
 
 #breadcrumb {
 	padding-bottom: 10px;
 	font-size: .9em;
 }
 
 
/*---------------------
  Full Text Search
 -------------------------*/
 .full-text-search {
 	z-index: 9999 !important;
 }
 
 .full-text-search-result {
 	font-size: 12px;
 	border-bottom: 1px solid #EDEDED;
 }
 
.full-text-search-result a.title {
}
 
.full-text-search-result p.description {
 	padding-left: 20px;
 	font-style: italic;
 	color: Gray;
 }
 
 .full-text-search-result a {
 	color: #000;
 }
 
 .full-text-search-result ul.links li {
 	float: left;
 }
 
 .full-text-search-result ul.links a {
 	text-decoration: underline;
 	font-size: 10px;
 	color: Blue;
 }

/*---------------------
  Status Messages
 -------------------------*/
.status-messages {
	border: 1px solid #eee;
	padding-top: 10px;
	padding-left: 5px;
	background-color: lightyellow;
}

.status-message {
	margin-bottom: 10px;
}


/*---------------------
  Forums
 -------------------------*/
 .forum-post {
 	border-bottom: 1px solid #ccc; 	
 	border-left: 1px solid #ccc;
 	border-right: 1px solid #ccc;
 }
 
 .forum-post.forum-post-even {
 	background-color: #eee;
 	border-top: 1px solid #ccc;
 }
 
 .forum-post-header {
 	padding: 5px; 	
 	float: left;
 	width: 200px;
 	border-right: 1px solid #ccc;
 }
 
 .forum-post-creator {
 	font-weight: bold;
 	color: #00f;
 	margin-bottom: 2px;
 }
 
 .forum-post-content {
 	padding: 5px;
 	float: left;
 }
 
 #forum-reply {
 	margin-top: 20px;
 }
 
/*---------------------
  Chat
 -------------------------*/
.chat-buddy-list {
 	padding: 4px;
}
 
.chat-toolbar {
	padding: 3px;
	background-color: #E0EEEE;
}

.chat-toolbar li {
	float: right;
	margin-right: 5px;
}

.chat-toolbar li a {
	color: #7F7F7F;
}

.chat-messages {
	margin-top: 1px;
	height: 200px;
	overflow: auto;
}

.chat-messages,
.chat-session input[type="text"] {
	background-color: #fff;
	width: 196px;
	padding: 4px;
	margin-left: 1px;
	margin-bottom: 1px;
	border: 1px solid gray;
}

.chat-message {
	border-bottom: 1px dashed lightgrey;
}

.chat-message label {
	font-weight: bold;
	color: Red;	
}

.chat-message.user1 label,
.chat-message.mine label {
	color: blue;	
}

.chat-message p {
	
}
/*---------------------
  Notification Bar
 -------------------------*/
#status-bar {
	position: fixed;
	bottom: 0;
	right: 5px;
	height: 25px;
}

#status-bar li {
	float: right;
	height: 25px;
	display: block;
	width: 200px;
	padding: 4px;
	font-weight: bold;
	font-size: 12px;
	color: Gray;
	margin-right: 5px;
	background-color: #F2F2F2;
	border: 1px solid gray;
	border-bottom: 0;	
	cursor: pointer;
}

#status-bar li:hover {
	background-color: #E0E0E0;
}

.status-bar-content {
	min-height: 100px;
	background-color: #F2F2F2;
	border: 1px solid gray;
}	
	

/*---------------------
  Embedded
 -------------------------*/
.embedded li {
	list-style: inherit;
	margin-left: 20px;
}

/*---------------------
  Help
 -------------------------*/
 
.help-topic h1 {
	font-size: 12px;
	margin-bottom: 5px;
}

.help-topic li {
	float: left;
	margin-right: 5px;
}

.help-topic p {
	margin-bottom: 10px;
}

span.tooltip.help-topic {
	border-bottom: 1px dashed #00008B;
}

.help-box {
	background-color: #E0EEEE;
	border: 1px solid #7AC5CD;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.help-box h3 {
	font-size: 12px;
	margin-bottom: 5px;
}

.help-box p {
	margin-bottom: 5px;
}

/*---------------------
  TABS
 -------------------------*/
 .tabs > ul {
 }
 
 .tabs > ul li {
 	float: left;
 	margin-right: 10px;
 	margin-bottom: 10px; 	
	list-style-type: none;
	margin-left: 0px;
 }
 
 .tabs > ul li.selected a {
 	color: #f00;
 }
 
/*---------------------
  NOTIFICATIONS
 -------------------------*/
 .sticky-queue {
 	z-index: 1000;
 }
 
 .sticky-note h1 {
 	font-size: 12px;
 }
 
 .sticky-note .content {
 	max-height: 100px;
 	overflow: hidden;
 }
 
 .sticky-note ul {
 	margin-top: 5px;
 }
 
 .sticky-note ul li {
 	float: left;
 	margin-right: 10px;
 }
 
/*---------------------
  EMAIL
 -------------------------*/
 .email-message .form-field {
	border: 1px solid #D1D1D1;
 	background-color: #E3E3E3;
 	margin: 2px 0 2px 0;		
 	padding: 0;
 }
 
 .email-message .form-field label {
 	font-weight: bold;
 	background-color: #F5F5F5; 	
 	display: block;
 	float: left;
 	padding: 5px;
 	width: 90px; 	
 	margin: 0;
 }
 
 .email-message .form-field a,
 .email-message .form-field span {
 	float: left;
 	padding: 5px;
 	margin-right: 5px;
 }
 
 .email-message .body span.field {
 	float: none;
 	display: inline-block;
 	width: 150px;
 	text-align: right;
 }
 
 .email-message .body span.value {
 	float: none;
 }
 
 .email-message .form-field.body {
 	margin-top: 10px;
 	padding: 5px;
 	min-height: 150px;
 	background-color: #F5F5F5; 	 	
 }
 
/*---------------------
  COLOR SCHEMES
 -------------------------*/
 
 .color-scheme {
 	float: left;
 	margin-right: 20px;
 	margin-bottom: 20px;
 	border: 1px solid #D1D1D1;
 	background-color: #E3E3E3;
 }
 
 .color-scheme p {
	padding: 5px;
	background-color: #F2F2F2;
	font-weight: bold;
	text-align: center;
 }
 
 .color-scheme-commands {
 	text-align: center;
 	padding-bottom: 5px;
 }
 
 .color-scheme-commands input {
 	border: 0 !important;
 	background-color: #E3E3E3 !important;
 	color: Blue !important;
 	text-decoration: underline !important;
 }
 
 .color-scheme-colors {
 	padding: 5px;
 }
 
 .custom-color-scheme-color {
 	padding-bottom: 2px;
 }
 
 .custom-color-scheme-color,
 .color-scheme-color {
 	float: left;
 	width: 15px;
 	height: 15px;
 	margin-left: 10px;
 	margin-right: 10px;
 }
 
.color-scheme-color {
 	border: 1px solid gray;
} 	
 
 
/*---------------------
  ACCESS LIST
 -------------------------*/
.access-section-content .form-field {
	background-color: #E3E3E3;
	border: 1px solid #D1D1D1;
	padding: 0px;
	margin-bottom: 5px;
}

.access-section-content h2 {
	font-size: 14px;
	padding: 5px;
	border-bottom: 1px solid #D1D1D1;
	background-color: #F2F2F2;
}

.access-tags {
	margin-top: 10px;
}

.access-specific {
	margin-top: 10px;
}

.section-content.access-section-content {
	margin-bottom: 30px;
}

.labeled-checkbox {
	float: left;
	background-color: #EDEDED;
	border: 1px solid #C7C7C7;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.labeled-checkbox label {
	margin-right: 3px;
	float: right;
}

/*---------------------
  TAGS
 -------------------------*/

div.tag {
	background-color: #EDEDED;
	border: 1px solid #C7C7C7;
	padding: 2px;
	margin-right: 10px;
}

/*---------------------
  TICKETS
 -------------------------*/
 
div.ticket-activity {
	background-color: #EDEDED;
	margin-bottom: 10px;
	border-bottom: 2px solid #BABABA;
	padding: 2px;
}

.activity-header {
	font-weight: bold;
	padding: 3px;
}



/*---------------------
  FORMS
 -------------------------*/
.cke iframe {
	width: 100% !important;
	height: 100% !important;
}

.parameter-description { 
	font-weight: normal;
	color: Gray;
	font-size: .9em;
}

.bulk-import input {
	width: 75px !important;
}

input[type=text].autocomplete {
	background-image: url('../images/magnifier-medium-left.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 25px;
}

.inline label, .inline input, .inline select {
	display: inline !important;
	margin-right: 5px;
}

.section-title {
	margin-top: 4px;
	font-weight: bold;
	background-color: #FCF6CF;
	padding: 4px 4px 4px 4px;
	border: 1px solid #CDC0B0;
	cursor: pointer;
	margin-bottom: 4px;
}

.section-title span.title {
	float: left;
}

.section-title span.toggle {
	float: right;
}

.section-content {
	margin-bottom: 10px;
}

.sub-section {
	border: 1px solid #D1D1D1;	
	margin-bottom: 10px;		
}

.sub-section .header {
	background-color: #EDEDED;	
	padding: 5px;
	border-bottom: 1px solid #D1D1D1;
}

.sub-section .content {
	padding: 5px !important;	
}

input[type=text],
input[type=password] {
	border: 1px solid #D1D1D1;
	padding: 4px;
}

input[type=text], select {
	width: 200px;
}

.form-commands input[type=reset]
.form-commands input[type=submit],
.form-commands input[type=button] {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	padding-right: 5px !important;
	padding-left: 5px;
}

select {
	padding: 2px;
}

.form-commands input {
	margin-top: 15px;
	margin-right: 5px;
}

textarea {
	width: 400px;
	height: 100px;
}

.form-field {
	position: relative;
}

.form-field.full-width input[type=text],
.form-field.full-width textarea,
.form-field.full-width .token-input-list-facebook {
	width: 100%;	
}

.form-overflow-scroll {
	max-height: 100px;
	overflow: auto;
}

.token-input-list-facebook li {
	position: relative;
}

.token-input-token-facebook p {
	padding-left: 15px !important;
}

.token-input-token-facebook span {
	position: absolute;
	left: 0;
	top: 0;
}

form .inline label {
	display: inline;
}

form .inline input[type=checkbox] {
	display: inline;
	float: none;
}

form label {
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}

input[type=radio],
input[type=checkbox] {
	float: left;
	margin-right: 5px;
}

input[type=text]:focus, input[type=password]:focus {
	background-color: #fff8d5;
	border: 1px solid #ebb95b;
	outline: 1px solid #fad896;
}

input[type=text][readonly]:focus,
input[type=text][readonly] {
	background-color: #eee;
	border: 1px solid #ccc;
	outline: none;
}

div.form-field {
	padding: 5px 5px 5px 0;
}

label.error {
	color: red;
}

.field-column {
	float: left;
	margin-right: 10px;
}
.form-separator {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #cccccc;
	height: 1px;
}

.form-fields-2 {
	float: left;
	width: 45%;
}

.field-column-2 {
	float: left;
	width: 45%;
}

.field-column-3 {
	float: left;
	width: 30%;
}

.dynamic-list-controls {
	margin-top: 10px;
	padding-left: 5px;
}

.dynamic-list-row {
	margin-bottom: 5px;
	margin-left: -30px;
	margin-right: -40px;
	position: relative;
}

.dynamic-list-row td {
	border-bottom: 1px solid #cccccc;
}

.dynamic-list-row .dynamic-list-controls {
	width: 30px;
	margin-top: 20px;
	visibility: hidden;
}

.dynamic-list-row .dynamic-list-content {
	position: absolute;
	left: 30px;
	right: 30px;
}

.dynamic-list-row:hover .dynamic-list-controls {
	visibility: visible;
}

.dynamic-list-row .dynamic-list-controls.left {
	float: left;
}

.dynamic-list-row .dynamic-list-controls.right {
	float: right;
}


/*---------------------
  Tables
 -------------------------*/
table {
	width: 100%;
}

th {
	text-align: left;
	color: #fff;
	padding: 5px 1px 5px 3px;
}

th a, th a:link, th a:visited, th a:active, th a:hover {
	color: #fff;
}

th a {
	color: #fff;
}

td {
	padding: 5px 1px 5px 3px;
}

table.grid tr.selected:hover td,
table.grid tr.selected td {
	background-color: #FCF6CF;	
}

.grid-filter th {
	background-color: #EBEBEB;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

.grid-filter th input,
.grid-filter th select {
	width: 80%;
}

.grid-filter th select {
	height: 22px;
}

.grid-row-odd td {
	background-color: #EBEBEB;
}

.grid-row-bold td {
	font-weight: bold;
}

.grid-header {
	padding: 6px;
	background-color: #dddddd;
	border-top: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
}

.grid-header input[type=button],
.grid-header input[type=submit] {
	margin-right: 5px;
}

.grid-commands {
	float: left;
}

.right-grid-commands {
	float: right;
}

.right-grid-commands a {
	padding: 5px;
	margin-right: 10px;
}

.grid-tag-commands {
	margin-left: 50px;
}

.grid-save {
	display: inline-block;
	position: relative;
}

.grid-save ul {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	background-color: lightgray;
}

.grid-save:hover ul {
	display: inline;
}

.grid-pager {
	float: left;
	padding: 3px;
}

.grid-pager select {
	width: auto;
	margin-right: 15px;
}

.grid-pager a {
	color: #000;
	margin-right: 10px;
}

.grid-pager span {
	margin-right: 10px;
}

.grid-pager a.selected {
	text-decoration: none;
}

.grid-pager a.prev-page {
	margin-right: 10px;
}

.grid-pager a.next-page {
	margin-left: 10px;
}

.grid-summary-fields {
	margin-top: 5px;
}

.grid-summary-fields label {
	display: inline;
}

.grid-summary-fields div.grid-summary-field {
	float: left;
	margin-right: 5px;
	background-color: #ebebeb;
	padding: 3px;
	border: 1px solid #D1D1D1;
}

.grid-footer {
	padding-top: 15px;
}

.grid-filters {
	float: right;
	padding: 3px;
}

.grid-filters span, .grid-filters a {
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid gray;
	text-transform: lowercase;
}

.grid-filters :first-child {
	border-left: 0 !important;
}

.entity-row-popup {
	width: 200px;
	height: 100px;
}

/* -------------------------
	Tool Tips
   --------------------------*/


/*---------------------
  Header
 -------------------------*/

#header {
	background-image: url(/assets/images/whitestripe.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	font-size: 14px;
	font-weight: bold;
}

#loginstatus p {
	font-size: 10px;
	color: #fff;
	float: right;
}

#loginstatus a {
	color: #fff;
}

#header ol {
	float: right;
	font-size: 10px;
	margin-top: 8px;
}

#header ol li {
	margin-left: 1.5em;
}

#header ol a {
	color: #fff;
}

#header li {
	float: left;
}

#logo {
	padding-bottom: 5px;
	float: left;
}

#logo img {
	max-width: 400px;
}	

#global-search {
}

#global-search form {
	margin-top: 35px;	
	float: right;
}

#maintabs li {
	padding: 4px 6px 4px 6px;
	margin-right: 2px;
}

#maintabs li a {
	color: #fff;
	display: block;
	line-height: 20px;
	text-decoration: none;
}

#maintabs li:hover a {
	color: #000;
}

#maintabs li.selected {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

#maintabs li.selected a, #maintabs li.hover a {
	color: #000;
}

#maintabs li > ul {
	position: absolute;
	visibility: hidden;
	z-index: 999;
	padding: 0;
	min-height: 100px;
	width: 162px;
	font-size: .9em;
	margin-left: -7px;	
	font-weight: normal;
}

#maintabs li > ul li {
	display: block;
	float: none;
	padding: 4px 6px 4px 6px;	
}

#maintabs li > ul a {
	color: #000 !important;
	font-weight: bold;
}

#maintabs li:hover > ul {
	visibility: visible;
}


#subtabs {
	font-size: 14px;
	font-weight: bold;
	padding-top: 4px;
	margin-bottom: 10px;
	min-height: 10px;
}

.subtabs > li {
	float: left;
	padding: 4px 6px 4px 6px;
	margin-right: 4px;
}

.subtabs > li.hover {
	background-color: #fff;
	color: #000;
}

.subtabs > li.selected {
	background-color: #fff;
	color: #000;
}

.subtabs li a {
	display: block;
	line-height: 20px;
	text-decoration: none;
	color: #195a8c;
}

.subtabs li.has-menu:hover {
	width: 150px;
}

.subtabs-menu {
	position: absolute;
	visibility: hidden;
	z-index: 999;
	padding: 0;
	min-height: 100px;
	width: 162px;
	background-color: #fff;
	font-size: .9em;
	margin-left: -7px;
}

.subtabs-menu li {
	padding: 4px 6px 4px 6px;
}

.subtabs-menu li:hover {
	background-color: #ddd;
}

.subtabs-menu li:hover a {
	color: #000;
}

.subtabs li:hover .subtabs-menu {
	visibility: visible;
}

#sectionlinks {
	background-color: #F2F2F2;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 10px;
}

#sectionlinks li {
	float: left;
	list-style: none;
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
	border-right: 1px solid #DEDEDE;
}

#sectionlinks li:hover {
	background-color: #E8E8E8;
}

#sectionlinks a {
	color: #3d3c3c;
	text-decoration: none;
}


/*---------------------
  Footer
 -------------------------*/

#footer {
	padding-top: 50px;
	padding-bottom: 25px;
	background: url(/assets/images/footer.gif) repeat-x;
	text-align: center;
	position: relative;
}

#powered-by a {
	color: #aaa;
	display: block;
}

/*---------------------
  Content
 -------------------------*/
 div.styled-lists ol li {
 	list-style-type: decimal;
 	margin-left: 20px;
 }
 
 div.styled-lists ul li {
 	list-style-type: disc;
 	margin-left: 20px;
 }
 
 ul.bulleted-list li {
 	list-style: square;
 	margin-left: 30px;
 }
 
 #loader {
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	display: none;
}

.mask {
	opacity:0.4;
	filter:alpha(opacity=40);
}

#notices {
	margin-bottom: 10px;
}

#content {
	position: relative;
}

#main {
	min-width: 600px;
	min-height: 400px;
}

#main.embedded {
	padding: 10px; 
}

#sidebar {
	background-color: #f5f5f5;
	position: absolute;
	right: 0;
	top: 30px;
	max-height: 200px;
	overflow: auto;
}

#sidebar h3 {
	padding: 5px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	width: 250px;
}

#sidebar ul {
	margin-bottom: 10px;
}

#sidebar a {
	color: #555;
	text-decoration: none;
}

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

#sidebar ul li {
	margin-left: 20px;
	padding: 5px;
}

form {
	margin-bottom: 15px;
}

h1 {
	font-size: 24px;
	padding-bottom: 5px;
}

h2 {
	margin-bottom: 15px;
}

form h2 {
	margin-bottom: 5px;
	background-color: #FCF6CF;
	border: 1px solid lightgrey;
	border-bottom: 3px solid lightgrey;
	padding: 4px;
}

h1.main-title {
	float: left;
	padding-right: 10px;
}

div.page-title {
	margin-top: 15px;
	margin-bottom: 15px;
}

div.page-title a {
	margin-left: 15px;
}

.title-thumbnail {
	float: left;
	max-height: 100px;
	max-width: 100px;
	margin-right: 10px;
}

#notices {
	margin-top: 10px;
}

.red-text {
	color: #f00;
}

.error-message {
	color: #f00;
	margin-top: 15px;
}

div.errors {
	color: red;
	margin-bottom: 10px;
	margin-top: 20px;
	border: 1px solid red;
	padding: 10px;
	background-color: #FFE4E1;
}

div.errors p {
	text-decoration: underline;
	font-weight: bold;
}

div.flash {
	margin-top: 10px;
	border: 1px solid gray;
	background-color: lightyellow;
	padding: 4px 4px 4px 4px;
}

p.small {
	font-size: 10px;
}

.entity-details {
	margin-bottom: 15px;
}

a.button, input[type=button], input[type=submit], input[type=reset] {
	background-color: #EDEDED;
	border: 1px solid #B8B8B8;
	color: #3d3c3c;
	padding: 4px;
	text-decoration: none;
	cursor: pointer;
}

a.button:hover, input[type=button]:hover, input[type=submit]:hover {
	background-color: #A6A6A6;
	color: #fff;
}

input[type=button].icon, .icon span {
	padding: 4px 4px 4px 20px;
}

.tooltip {
	border-bottom: 1px dashed #666666;
	cursor: default;
}

.tooltip.no-border {
	border-bottom: 0;
}

/*---------------------
  Layout
 -------------------------*/
#help-topic {
	position: absolute;
	right: 0px;
}

.centerlayout {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.blue {
	color: blue;
}

.bold {
	font-weight: bold;
}

.category-list {
	margin-bottom:10px;
}

.category-list h3 {
	margin-bottom: 5px;
}

.category-list li {
	margin-bottom: 5px;
}

#maintabs li > ul > li.desktop-link,
.desktop-link {
	display: none;
}