@import url(http://fonts.googleapis.com/css?family=Jura);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,500);


@font-face{
font-family: 'WebSymbolsRegular';
src: url('../fonts/websymbols-regular-webfont.eot');
src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/websymbols-regular-webfont.woff') format('woff'),
url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

body {
margin: 0;
overflow: hidden;
}

body.grey {
background: #45484d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #45484d 0%,#000000 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #45484d 0%,#000000 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

* {
border:0;
font-family:  "proxima-nova", sans-serif;
/* font-size: 12px; */
font-weight: 300;
-webkit-font-smoothing: antialiased;
}

* a {
text-decoration: none;
color:#000000;
}

ul, li {
margin: 0;
padding: 0;
list-style: none;
}

b, strong {
	font-weight: 600;
}

input, select, [contenteditable] {
	outline: none;
}

[contenteditable] {
	padding: 5px;
	font-size: 18px;
	background: #fff;
	f
/*	border: 1px solid #ddd;
*/}

.keyvalue-key {
	width: 500px;
}

.keyvaluepair {

}

.keyvalue-key, .keyvalue-value {
	padding: 5px!important;
	font-size: 18px!important;
	background: #fff!important;
	border: 1px solid #ddd!important;
	display: inline-block!important;
	vertical-align: top!important;
}

.keyvaluepair .mv-add {
	display: inline-block;
	margin-top: 10px;
}

.keyvaluepair .mv-delete {
	display: inline-block;
	margin-top: 10px;
}

.keyvalue-value  {
	margin-right: 0;
	width: 215px;
}


select {
	border: 1px solid #dddddd;
}

/* wrapper
------------------------- */
#wrapper {
width:100%;
margin: 0 auto;
}

/* general elements */

.ui-tabs .ui-tabs-panel {
display: block;
}

.ui-tabs .ui-tabs-hide {
display: none;
}

.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0;
}

.ui-tabs .ui-tabs-nav li {
	display: inline-table;
	cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a {
	text-decoration:none;
}

.button-confirm, .button-login {
border-radius: 6px;
-moz-border-radius: 6px;
cursor: pointer;
margin-top: 20px;
text-transform: capitalize;
background: #eee;
border: 2px solid #ddd;
padding: 5px 10px;
}

.button-login {
margin-top: 10px;
}

.button-confirm:hover,
.button-login:hover {
background: #ddd;
border-color: #ccc;
}
}

input[type=text] {
padding: 5px;
border: 0px solid #ddd;
outline: none;
width:95%;
}

/* --end general */


/* rr
------------------------- */
#header {
height:55px;
width:100%;
border-bottom: 1px solid #ddd;
z-index: 999;
position: relative;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(left, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f2f2f2 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #f2f2f2 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

h1 {
font-family: 'Jura', sans-serif;
font-size: 32px;
font-weight: 300;
color:#ffffff;
margin: 0px;
display: inline-table;
margin-bottom: 0px;
margin-left: -50px;
background: url(../img/logo.png) 0 0px;
background-repeat: repeat-y;
width:165px;
height:56px;
float: right;
}

h1 strong {
font-weight: 600;
font-size: 32px;
font-family: 'Jura', sans-serif;
}

.cloud {
font-family: 'WebSymbolsRegular';
font-size: 40px;
opacity: .3;
filter:alpha(opacity=30);
color:#ffffff;
display: inline-table;
text-shadow: #333 0 0 5px;
padding-left: 10px;
height: 30px;
width: 50px;
margin-right: 20px;
display: none;
}


#header #description {
display: inline-table;
vertical-align: top;
margin: 13px 0 0 10px;
color:#444;
font-size: 14px;
text-transform: capitalize;
line-height: 1.3;
}

#header #description div {
display: inline-table;
color: #222;
}

#button-logout {
cursor: pointer;
}

#button-logout:hover {
text-decoration: underline;
}

#header #description #text {
margin-right: 10px;
margin-top: 8px;
color: #222;
}

#header #description .nav-button {
vertical-align: top;
color: #222;
}

#header #description .nav-button:hover {
padding-top: 8px;
}

#header #description .nav-button:active {
opacity: .7;
}

.nav-menu {
background-color: rgba(255,255,255,.8);
position: fixed;
bottom: 36px;
border-bottom: 1px solid black;
box-shadow: 0 0 4px #666;
z-index: 0;
margin-left: 5px;
width:200px;
display: none;
}

.nav-menu li {
padding: 8px;
border-bottom: 1px solid #eee;
text-transform: capitalize;
font-size: 13px;
}

.nav-menu li:last-child {
border:0;
}

.nav-menu li:hover {
background: rgba(37, 141, 200, 0.1);
color: #000;
}

.nav-menu li:active {
background: rgba(37, 141, 200, 0.3);
color: #000;
}

.nav-menu li:last-child:hover {
border-bottom: 0;
}

.nav-menu-hidable-button {
display: none;
}

#header #searcharea {
display: inline;
float:left;
margin-left: 10px;
height:40px;
width:75%;
margin-top: 8px;
padding-left: 50px;
border:0;
background: url("../img/search-big.png") 0 -2px no-repeat;
}

#header #searcharea input {
outline:none;
margin: 5px 10px;
width:80%;
margin-left: 12%;
border:0;
padding: 1px 0;
font-size: 13px;
background-color: transparent;
font-size: 24px;
color: #666;
}

#searcharea #searchtype {
	width: 100px;
	position: absolute;
	margin-top: 10px;
}

#searcharea ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc;
}
#searcharea :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ccc;
}
#searcharea ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ccc;
}
#searcharea :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ccc;
}
/* navigation
------------------------- */

.nav-button {
font-family: 'WebSymbolsRegular';
font-size: 16px;
padding: 7px 10px 0 0;
display: inline-table;
cursor: pointer;
}

.nav-button:first-child {
margin-left: 10px;
}

.nav-button:hover {
color:#333333;
}

.nav-button:active {
color:#555555;
}

.navigation  ul {
display: inline-table;
vertical-align: top;
margin-top: 10px;
}

.navigation  ul li {
display: inline-table;
padding: 0 15px;
border-right: 2px solid #ffffff;
cursor: pointer;
letter-spacing: 1px;
list-style: none;
}

.navigation  ul li:hover {
color:#dddddd;
}

.navigation  ul li:active {
color:#d1d360;
}

.navigation  ul li:last-child {
border-right: none;
}

#system-loader {
font-size: 11px;
	margin-top: -5px;
	margin-left: 10px;
}

#system-loader img {
	width: 30px;
}

/*menu
------------------------- */
.menuicon {
width:18px;
height:25px;
/* background-color: red; */
display: inline;
float: left;
margin: 0px 5px 0 0;
background-repeat: no-repeat;
background-position: 0px 2px;
}

.menuicon:hover {
}

.menu-settings {
background-image: url('../img/button_settings.png');
}

.menu-settings:hover {
background-image: url('../img/button-selected_settings.png');
}

.menu-add {
background-image: url('../img/button_add.png');
}

.menu-add:hover {
background-image: url('../img/button-selected_add.png');
}

.menu-addplus {
background-image: url('../img/button_add-plus.png');
}

.menu-addplus:hover {
background-image: url('../img/button-selected_add-plus.png');
}

.menu-edit {
background-image: url('../img/button_edit.png');
}

.menu-edit:hover {
background-image: url('../img/button-selected_edit.png');
}

.menu-save {
background-image: url('../img/button_save.png');
}

.menu-save:hover {
background-image: url('../img/button-selected_save.png');
background-repeat: no-repeat;
}

.menu-print {
background-image: url('../img/button_print.png');
background-repeat: no-repeat;
}

.menu-print:hover {
background-image: url('../img/button-selected_print.png');
}

.menu-delete {
background-image: url('../img/button_delete.png');
float:right;
margin-right: 10px;
}

.menu-delete:hover {
background-image: url('../img/button-selected_delete.png');
}

#button-savedocument,
#button-savecontact {
	display: none;
}

/* sections
------------------------- */
#sections-container {
overflow: hidden;
}

#sections {
width:10000px;
position: relative;
}

.section {
display: inline;
float:left;
}

.main {
overflow-y: auto;
overflow-x: hidden;
border-right:1px solid #ddd;
}

.section:last-child {
border-right: none;
}

#section-contactcard {
/*#section-document {
*/background: rgba(239, 235, 227, .4); /* Old browsers */
}

#section-document .properties-head {
	border-bottom: 1px solid #ddd!important;
}

#section-document .properties-list {
	border: 0;
}

/* lists
------------------------- */

.system-list {
/*border-right: 1px solid #fff;
*/}

.system-list .list-item {
	cursor: pointer;
	padding: 12px 0px 6px 0px;
	color: #333;
	margin: 0 auto;
	color: #555;
	font-weight: 300;
	text-shadow: rgb(255, 255, 255) 0px 1px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
/*	border-top: 1px solid #fff;
*/	font-size: 14px;
}

.list-item .edit {
background: url('../img/edit-small.png');
width:15px;
height:15px;
float: right;
display: inline;
padding-right: 10px;
background-repeat: no-repeat;
}

.list-item .edit:hover {
opacity: .6
}

.list-item .del {
font-family: 'WebSymbolsRegular';
font-size: 13px;
float: right;
display: inline;
padding-right: 10px;
color: #a92424;
}

.system-list .list-item-Folder {
	padding-bottom: 0;
}

.system-list .list-item-Folder ul {
	display: none;
}

.system-list .list-item-Folder ul .list-item {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	border-bottom: 0;
	padding-left: 25px;
}

.system-list .icon-folder {
	background-image: url('../img/icon_folder.png');
	background-position: 5px -4px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
	height: 20px;
}

.system-list .ui-selected.icon-folder {
	background-image: url('../img/icon-selected_folder.png');
	height: 20px;
}

.system-list .icon-group {
	background-image: url('../img/icon_group.png');
	background-position: 5px -4px;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
}

.system-list .ui-selected.icon-group {
	background-image: url('../img/icon-selected_group.png');
	height: 20px;
}

.system-list .icon-smartgroup {
	background-image: url('../img/icon_smartgroup.png');
	background-position: 5px 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
}

.system-list .ui-selected.icon-smartgroup {
	background-image: url('../img/icon-selected_smartgroup.png');
	height: 20px;
}

.system-list .icon-person {
	background-image: url('../img/icon_person.png');
	background-position: 5px -4px;
	background-repeat: no-repeat;
	height: 20px;
}

.system-list .ui-selected .icon-person {
	background-image: url('../img/icon-selected_person.png');
	height: 20px;
}

.system-list .icon-company {
	background-image: url('../img/icon_company.png');
	background-position: 5px -4px;
	background-repeat: no-repeat;
	height: 20px;
}

.system-list .ui-selected.icon-company {
	background-image: url('../img/icon-selected_company.png');
	height: 20px;
}

.system-list .icon-document {
	background-image: url('../img/icon_document.png');
	background-position: 5px -4px;
	background-repeat: no-repeat;
	height: 20px;
}

.system-list .ui-selected.icon-document {
	background-image: url('../img/icon-selected_document.png');
	height: 20px;
}

.system-list .icon-draft {
	background-image: url('../img/icon_draft.png');
	background-position: 5px -4px;
	background-repeat: no-repeat;
	height: 20px;
}

.system-list .ui-selected.icon-draft {
	background-image: url('../img/icon-selected_draft.png');
	height: 20px;
}
.system-list .icon-search {
	background-image: url('../img/icon_search.png');
	background-position: 5px -4px;
	background-repeat: no-repeat;
	height: 20px;
}

.system-list .ui-selecting {
	background-color: #efefef;
}

.system-list .ui-selected {
background: rgba(239, 235, 227, .4); /* Old browsers */
color: #222;
font-weight: 900;
}

.system-list .ui-selected .icon,
.system-list .ui-selected .icon span {
text-transform: none;
}

.system-list .divider {
background: #f2f2f2;
margin: 0px auto;
padding: 4px 0 4px 8px;
text-transform: uppercase;
color: #222;
font-weight: 500;
font-size: 11px;
letter-spacing: 1px;
border-bottom:1px solid #ddd;
}

.system-list li .icon, .system-list li .label {
display: inline-table;
padding-left: 35px;
margin-bottom: -5px;
}

.system-list li .sublabel {
font-size: 11px;
padding-left: 36px;
margin-bottom: 5px;
}

.system-list li .icon {
font-family: 'WebSymbolsRegular';
font-size: 11px;
text-align: center;
color: #333;
text-shadow: #999 0 0 1px;
margin: 0 10px 0 0px;
}

.system-list li .icon span {
font-family: 'WebSymbolsRegular';
font-size: 11px;
text-align: center;
color: #333;
letter-spacing: -5px;
}

/* footer
------------------------- */
.footer {
height:35px;
border-top:1px solid #000000;
background: #444;
}

/* contact card
------------------------- */
#card {
margin: 10px 20px 20px 15px;
line-height: 1.4;
}

#card .name {
font-size: 32px;
font-weight: 100;
margin-bottom: -5px;
}

#card .company {
font-size: 24px;
margin-bottom: 5px;
}

#card .jobtitle {
font-size: 24px;
}

#card .personImg {
max-width:65px;
max-height:65px;
height:165px;
display: inline;
float:left;
margin:0 10px 10px 0;
border: 1px solid #ddd;
}

#card .sheet {
width:auto;
overflow-y:auto;
padding:0 15px 15px 15px;
background: rgba(255, 255, 255, 0.7);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

#card .companybox {
}

.companybox .properties-list {
}

#card .companybox .company {
font-size: 16px;
margin: 0 0 10px 0;
position: relative;
width: 100%;
border-radius: 5px 5px 0 0 ;
}

.properties-head {
width:100%;
text-transform: uppercase;
font-size: 13px;
font-weight: 300;
margin: 20px 0 10px 0;
color: #888;
letter-spacing: 1px;
display: inline-table;
vertical-align: middle;
}

.properties-head-title {
display: inline-table;
font-size: 13px;
font-weight: 300;
color: #888;
margin: 0;
}

.properties-list {
border: 1px solid #ddd;
background: rgba(255,255,255,.4);
}

ul:empty {
display: none;
border: 0;
}

.properties-list:empty {
}

.properties-list a {
}

.properties-list li {
padding: 7px 10px;
border-bottom: 1px solid #ddd;
cursor: pointer;
font-size: 14px;
}

.properties-list li.selected {
	background-color: rgba(0,255,0, 0.2);
	background-image: url('../img/icon-selected.png');
	background-position: right -5px;
	background-repeat: no-repeat;
}

.properties-list li:first-child {
border-radius: 3px 3px 0 0;
}

.properties-list li:last-child {
border-radius:  0 0 3px 3px;
}

.properties-list li:only-child {
border-radius: 3px;
}

#card .properties-list li:not(.selected):hover {
background-color: rgba(0,0,0,.03);
}

.properties-list li:last-child {
border-bottom: 0;
}

.properties-list li div {
display: inline-table;
vertical-align: top;
}

.properties-list li div a:hover {
border-bottom: 1px dashed #222;
}

.properties-list li .label {
width:60px;
padding: 3px 10px;
font-weight: 300;
font-size: 11px;
letter-spacing: 1px;
color: #666;
text-align: right;
text-transform:uppercase;
}

#card .properties-list li .value,
#card .properties-list li .value a {
}

.properties-list li .icon {
width:20px;
height:20px;
float: left;
background: url(../img/smallicons.png);
margin: 0 5px;
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Google Chrome & Safari 6+ */
opacity: .7;
}

.properties-list li:hover .icon {
filter: none;
-webkit-filter: grayscale(0);
opacity: 1;
}

.properties-list li .icon[data-class=phone] {
background-position: -60px 1px;
background-repeat: no-repeat;
}

.properties-list li .icon[data-class=email] {
background-position: -80px 1px;
background-repeat: no-repeat;
}

.properties-list li .icon[data-class=website] {
background-position: -40px 2px;
background-repeat: no-repeat;
}


.properties-list li .icon[data-class=streetaddress] {
background-position: 0px 2px;
background-repeat: no-repeat;
}


.properties-list li .icon[data-class=keyword] {
background-position: -20px -1px;
background-repeat: no-repeat;
}

.card-document {
margin: 0 auto;
max-width: 800px;
}

.card-document .properties-list {
}

#card .keyword-section {
	display: inline-table;
	float: left;
	width:30%;
	margin-right: 3%;
}

/* tabs */

#card-tabs {
margin-top: 20px;
}

.ui-tabs .ui-tabs-nav li {
	border: 1px solid transparent;
	padding: 2px 8px 4px 8px;
	border-radius: 4px;
}

#card .ui-tabs .ui-tabs-nav li:hover {
background: #eee;
}

#card .ui-tabs .ui-tabs-nav li a {
	color:#222;
	font-size: 17px;
}

#card .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: #eee;
	box-shadow: 0 0 2px #ccc;
	font-weight: 500;
	z-index: 99999;
}

#card .ui-tabs .ui-tabs-panel {
	text-align: left;
	padding:15px 0;
	border-radius: 2px;
	width:auto;
	margin-top:-3px;
}


/* --end tabs */

/* input elements */

#card input, #card textarea {
	border: 0px solid #dddddd;
	background-color: transparent;
	outline: none;
	font-size: 14px;
	margin: 0 1px 4px 0;
}

#card textarea {
width:305px;
height:130px;
}

#card input.first,
#card input.last {
width:115px;
}

#card input.middle {
width:50px;
}

#card input.company {
width: 319px;
	font-size: 14px;
}

#card input.department,
#card input.jobTitle {
width:48%;
}

#card input.mvvalue,
#card input.address {
font-size: 13px;
}

#card input.mvvalue,
#card input.street {
width:195px;
}

#card input.zip,
#card input.state {
width: 88px;
}

#card input.city,
#card input.country {
width: 195px;
}

.keyword-wrapper {

}

.keyword-wrapper .mv-delete {
	float: left;
	display: inline;
	padding: 4px 0 0 0;
}

#card input.keyword {
font-size: 11px;
width:105px;
border:0;
margin: 0 0 5px 0;
/* text-transform: uppercase; */
/* background: url('../img/icon_label.png') 7px 5px; */
padding: 3px 5px 5px 5px;
border-radius: 6px;
height:20px;
color: #333;
letter-spacing: 1px;
border: 1px solid #ddd;
background-color: #fff;
background-repeat: no-repeat;
text-align: center;
}

/* --end input elements */

#group-checkboxes {

}

#group-checkboxes li {
height:20px;
border-bottom: 1px solid #ddd;
padding: 6px 0;
background: url('../img/icon_group.png') 2px 2px;
padding-left:30px;
background-repeat: no-repeat;
}

#group-checkboxes li .icon {
letter-spacing: -5px;
font-family: 'WebSymbolsRegular';
font-size: 11px;
padding-right: 10px;
}

#group-checkboxes li input {
float: right;
}

#group-checkboxes li input[type=checkbox] {
width:50px;
}


#card select {
border: 1px solid #eee;
width:135px;
padding: 4px;
outline: none;
border-radius: 5px;
background-color: transparent;
	font-size: 14px;
}

.query-add, #card .mv-add {
background: url('../img/smallicons.png') -120px 0;
background-repeat: no-repeat;
height:20px;
width:20px;
float: right;
margin-right: 11px;
cursor: pointer;
}

input.input-query {
width:50%;
}

.query-delete, #card .mv-delete {
background: url('../img/smallicons.png') -140px 0;
background-repeat: no-repeat;
height:20px;
width:20px;
float: right;
cursor: pointer;
}

.query-delete {
width:20px;
height:20px;
vertical-align: top;
z-index: 999;
position: relative;
}

.mv-add {
	float:right;
	display: inline;
	margin: 0 0 30px 0 ;
}

.delsmall {
background: url('../img/smallicons.png') -140px 2px;
width:20px;
height:20px;
float: right;
background-repeat: no-repeat;
margin-right: 5px;
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Google Chrome & Safari 6+ */
opacity: .7;
}

.editsmall {
background: url('../img/smallicons.png') -100px 2px;
width:20px;
height:20px;
float: right;
background-repeat: no-repeat;
margin-right: 5px;
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Google Chrome & Safari 6+ */
opacity: .7;
}

.delsmall:hover,
.editsmall:hover {
filter: none;
-webkit-filter: grayscale(0);
opacity: 1;
}

.query-delete {
margin: 6px 0 0 6px;
}

#card .mv-delete:hover,
#card .mv-add:hover {
opacity: 1;
filter:alpha(opacity=10);
}

.add-doc {
font-weight: 500;
cursor: pointer;
}

/* login window */
#login-window {
position: absolute;
left: 50%;
top: 50%;
margin: -110px 0 0 -150px;
width: 300px;
height: 220px;
background: rgb(252,238,33); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,238,33,1) 0%, rgba(252,203,33,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,238,33,1)), color-stop(100%,rgba(252,203,33,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,238,33,1) 0%,rgba(252,203,33,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,238,33,1) 0%,rgba(252,203,33,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,238,33,1) 0%,rgba(252,203,33,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(252,238,33,1) 0%,rgba(252,203,33,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee21', endColorstr='#fccb21',GradientType=0 ); /* IE6-9 */
border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 0 8px #333;
-moz-box-shadow: 0 0 8px #333;
-webkit-box-shadow: 0 0 8px #333;
}

#loginform-container {
margin: 20px;
}

#login-window h1 {
font-size: 48px;
margin: 15px 0  0 -60px;
display: inline-table;
vertical-align: top;
}

#login-window h1 strong {
font-size: 48px;
}

#loginform {

}

#loginform input {
width:95%;
padding:5px;
font-size: 14px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
outline: none;
}

/* plugins - colors */

.ui-dialog {
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(left, #f5f5f5 0%, #fcfcfc 10%, #fcfcfc 90%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(10%,#fcfcfc), color-stop(90%,#fcfcfc), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f5f5f5 0%,#fcfcfc 10%,#fcfcfc 90%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f5f5f5 0%,#fcfcfc 10%,#fcfcfc 90%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f5f5f5 0%,#fcfcfc 10%,#fcfcfc 90%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to right, #f5f5f5 0%,#fcfcfc 10%,#fcfcfc 90%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 */

}

.ui-dialog-content.ui-widget-content {
float: left;
width: 100%!important;
}

.ui-dialog-content.ui-widget-content .card {
}

.ui-dialog .ui-dialog-titlebar {
background: rgb(255,255,255); /* Old browsers */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #ddd;
font-weight: bold;
}

.query-values-container select {
	width: 95px;
}

/*keywords*/
.keyword {
	width: 22%;
	font-size: 11px;
	margin: 0 5px;
	background: url('../img/keywordbg.png') top right;
	background-repeat: no-repeat;
/* 	word-wrap: break-word; */
	padding-right: 20px;
}

.keyword-range .keyword:last-child {
background: none;
}

/* Jquery UI
-----------------------------------------------*/

/* document tabs */
#document-tabs .ui-tabs {
	padding:0;
	margin: 0;
}

#document-tabs .ui-tabs-nav {
width:100%;
}

/* -- end document tabs */

/* ddslick */
.dd-container small {
	font-size: 13px!important;
	color: #999;
}

/* Feedback
-----------------------------------*/

#feedback-anchor {
	bottom: 35px !important;
	right: 10px !important;
}

#feedback-anchor .input {
	height: 50px !important;
}

.mailchimp-label {
	padding:2px 5px;
	color:#fff;
	font-size:9px;
	font-weight:normal;
	float:right;
	margin-left:3px;
	border-radius:3px;
}

.mailchimp-label[data-status=cleaned] {
	background-color: red;
}

.mailchimp-label[data-status=subscribed] {
	background-color:#47BBD2;
}

.mailchimp-label[data-status=unknown] {
	background-color: #ccc;
}