/*** FONT-FAMILY ***/
/* Fonts */
@font-face { 
font-family: "fontawesome-webfont"; 
font-style: normal; 
font-weight: 400; 
src: url("../fonts/fontawesome-webfont.eot"); /* IE9 Compat Modes */
src: url("../fonts/fontawesome-webfont.woff") format("woff"), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url("../fonts/fontawesome-webfont.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

/*** GENERAL ***/
/* Basic */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: none !important;
	overflow-y: visible;
}

body {
	background : #414042;
	margin : 0;
	color : #000;
 	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
	padding : 0;
	text-align : left;
    line-height: 1.2em;
}

h1 {
	/* background-color: #fff; */
    border-radius: 10px 10px 0 0;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 0.25em;
    margin-top: 0;
    padding-left: 14px;
    padding-right: 14px;
}
.emphasis {
	color: #000;
	font-weight: 600;
}
h2{font-size:1.2em;line-height:2em;margin-top:1em;margin-bottom:1em}
h3{font-size:1.1em;line-height:1.28205em;margin-top:1.28205em;margin-bottom:1.28205em}
h4{font-size:1em;line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em}
h5{font-size:0.83em;line-height:1.80723em;margin-top:1.80723em;margin-bottom:1.80723em}
h6{font-size:0.67em;line-height:2.23881em;margin-top:2.23881em;margin-bottom:2.23881em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
h1, h2, h3, h4, h5, h6 {
	color:#606060;
	letter-spacing: 0.1em !important;
}
img {
	border:none 0;
	outline:none;
}
input,
select {
	outline:none !important;
 	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-weight: 400;
	font-size: 100%;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
ul {
    margin: 0;
    padding: 0;
}
article ul {
	/* border-top: 1px solid #dedede; */
    margin: 0 0 1em;
    padding: 0;
}
article ul.menu {
	/* border-top: 1px solid #dedede; */
    margin: 0;
    padding: 0;
}
li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
article li {
	/* border-bottom: 1px solid #dedede; */
    list-style: outside none none;
    margin: 0 0 4px;
    padding: 0;
}
article ul.menu li.leaf {
	/* border-bottom: 1px solid #dedede; */
    list-style: outside none none;
    margin: 0 0 4px;
    padding: 0;
}

article ul.menu.tabs {
	border-top: medium none;
    display: block;
    margin: 10px 0;
    overflow: hidden;
}
ul.menu.tabs li {
	border-bottom: 1px solid orange;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 6px;
}
a.tab:link,
a.tab:visited {
	background-color: orange;
    border: medium none;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: inline-block;
    padding: 3px 8px;
}

a.tab:hover,
a.tab:focus {
	background-color: #E40000;
}

ul.menu li {
    margin: 0 0 14px 0.5em;
}

.menu.bottom {
	list-style: none;
	float: right;	
}

.menu.bottom li {
	list-style: none;
	float: left;
	margin-right: 10px;
	font-size: 0.7em;
}
.menu.bottom li.last {
	margin-right: 0;
}
.menu.bottom li a:link, 
.menu.bottom li a:visited {
	color: #626262;	
}
.fleft {float:left;
}
.fright {float:right;
}
.color {color:#ff9000;
}

h1, h2, h3, .logotext, #mainmenu, #secondmenu {
	font-family: 'calibri', Verdana, Geneva, sans-serif;
	letter-spacing: 0.5px;
}

html { font-size: 100%;
 /* overflow-x: visible !important; */
}
::selection{
	background: #ff9000;
	color: #FFF;
}

p {
    -moz-hyphens: none;
}

a:link {
	color: #820000;
	text-decoration: none;
}

a:visited {
	color: #820000;
}


a:hover,
a:focus {
	color: #c41230;
}

a:active {
	color: #F60;
}
strong { font-weight: 600;
}
.center { text-align: center;
}
.colored { color: #ff9000;
}
.bg_colored { background-color: #ff9000;
}
*, *:before, *:after {
    box-sizing: border-box;
}

/* MAKING IT FIXED WIDTH */

.container {
		margin-left:auto;
		margin-right:auto;
		width: 960px; /* FIXED WIDTH */
}

/* All the text elements on ".bg_colored" are only readable in a white color */
.bg_colored a, .bg_colored span, .bg_colored h1,.bg_colored h2,.bg_colored h3, .bg_colored h4,.bg_colored h5,.bg_colored h6,.bg_colored p,
.bg_colored blockquote,.bg_colored pre, .bg_colored a,.bg_colored abbr,.bg_colored acronym,.bg_colored address,.bg_colored big,
.bg_colored cite,.bg_colored code,.bg_colored del,.bg_colored dfn,.bg_colored em{ color: #FFF; }
.justify {text-align: justify;
}

/**BUTTON**/
input[type="submit"],
input[type="button"],
button,
a.buttn:link,
a.buttn:visited,
article ul.menu a:link,
article ul.menu a:visited {
	-moz-border-bottom-colors: none !important;
	border-image: none !important;
	-moz-border-left-colors: none !important;
	-moz-border-right-colors: none !important;
	-moz-border-top-colors: none !important;
	border-color: rgb(228, 228, 228) rgb(210, 210, 210) rgb(180, 180, 180) !important;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	border-style: none !important;
	color: rgb(0, 0, 0) !important;
	cursor: pointer !important;
	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1em; /* TO MUCH CONSEQUENCES ?? */
	font-weight: normal !important;
	text-decoration: none !important;
	text-shadow: #EEE 1px 1px !important;
	background-color: #FFF !important;
	display: inline-block !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	padding-top: 2px !important;
	padding-right: 6px !important;
	padding-bottom: 2px !important;
	padding-left: 6px !important;
	box-shadow: 4px 4px 4px #888 !important;
	transition: all 400ms;
	-webkit-transition: all 400ms;
}

td input[type="submit"],
td input[type="button"],
td button,
td a.buttn:link,
td a.buttn:visited,
article ul.menu a:link,
article ul.menu a:visited {
	font-size: 1em !important;
	margin: 0 !important;
}

input[type="button"].cart,
button.cart,
a.buttn.cart:link, 
a.buttn.cart:visited {
    background-color: #f7a500 !important;
    text-shadow: 1px 1px 1px #eee !important;
}

#logbox ul.menu li a.buttn:link,
#logbox ul.menu li a.buttn:visited,
input[type="submit"].small,
input[type="button"].small,
a.buttn.small:link,
a.buttn.small:visited,
button.small {
	font-size: 11px !important;
	padding-top: 1px !important;
	padding-right: 10px !important;
	padding-bottom: 1px !important;
	padding-left: 10px !important;
	box-shadow: 4px 4px 4px #888 !important;
	margin-left: 0 !important;
	margin-bottom: 0px !important;
}

a.logout:link,
a.logout:visited {
	font-size: 11px !important;
    padding-top: 6px !important;
    padding-right: 34px !important;
    padding-bottom: 6px !important;
    padding-left: 34px !important;
    box-shadow: 3px 3px 2px #c8c8c8 !important;
    margin-left: 0 !important;
    margin-bottom: 0px !important;
    border-radius: 4px !important;
    border-style: none !important;
    color: rgb(250, 250, 230) !important;
	text-shadow: #000 -1px -1px !important;
	background-color: #be1622 !important;
	color: #FFF !important;
}

a.logout:hover,
a.logout:focus {
	box-shadow: 1px 1px 1px #c8c8c8 !important;
	color: #FFF !important;
	text-shadow: #000 -2px -2px !important;
	background-color: #red !important;
}

#secondmenu li a.logout:link,
#secondmenu li a.logout:visited {
	background-color: #be1622 !important;
	border-radius: 4px !important;
	border-style: none !important;
	box-shadow: 3px 3px 2px #202020 !important;
	color: #FFF !important;
	font-size: 11px !important;
	height: auto;
	margin-left: 20px !important;
	margin-top: 5px !important;
	padding: 4px 20px 7px !important;
	text-shadow: 1px 1px #000 !important;
}
#secondmenu li a.logout:hover,
#secondmenu li a.logout:focus {
	box-shadow: 1px 1px 1px #000 !important;
	color: #FFF !important;
	/* text-shadow: #000 -2px -2px !important; */
	background-color: red !important;
	border: solid 1px #e2d8e7;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
button:focus,
button:hover,
a.buttn:hover,
a.buttn:focus,
a.buttn.cart:hover,
a.buttn.cart:focus,
input[type="button"].cart:hover,
button.cart:hover,
input[type="button"].cart:focus,
button.cart:focus,
article ul.menu a:hover,
article ul.menu a:focus {
	color: #FFF !important;
	text-decoration: none !important;
	text-shadow: #000 1px 1px !important;
	background-color: #c41230 !important;
	box-shadow: 1px 1px 0px #888 !important;
	border-top-color: #C8C19B!important;
	border-right-color: #BA9241!important;
	border-bottom-color: #C1BA96!important;
	border-left-color: #E4DBB0!important;
}

#logbox ul.menu li a.buttn:hover,
#logbox ul.menu li a.buttn:focus,
input[type="submit"].small:hover,
input[type="submit"].small:focus,
input[type="button"].small:hover,
input[type="button"].small:focus,
button.small:focus,
button.small:hover,
a.buttn.small:hover,
a.buttn.small:focus {
	color: #FFF !important;
	text-shadow: #000 1px 1px !important;
	background-color: #BA9241 !important;
	box-shadow: 1px 1px 0px #888 !important;
}

.buttns form {
	display: inline-block;
	float: left;
}

.buttns a.buttn {
	float: left;
}

a.buttn.big:visited,
a.buttn.big:link {
	background: #fff;
	color: #C27D6B !important;
	margin: 0 !important;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	display: inline-block;
	border: 2px #67635d solid;
	line-height: 20px;
	padding: 13px 20px;
	font-size: 1.1em !important;
	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 700;
	transition: all 400ms;
	-webkit-transition: all 400ms;
}
a.buttn.big:hover,
a.buttn.big:focus {
	background-color: #c41230;
	color: #EBD4BE !important;
}
/* .buttn:hover {
    color: #ff9000;
    text-decoration: none;
	border-color:#ff9000;
} */

label,
.labeltext {
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 5px;
	text-transform: uppercase;
	font-size: 10px;
	color: #929292;
	padding-top: 8px;
}
.input_country{
	max-width: 150px;
}

.form-item label.inline,
.text.value {
    display: inline-block;
}

.form-actions {
	padding-left: 155px;
}

.block-inset .form-actions {
	padding-left: 105px;
}
.form-actions button {
	font-size: 1.0em !important;
}

.tip {
font:10px/12px
calibri, helvetica, Arial, "Lucida Grande", sans-serif; border:solid 1px #666666;
width:270px; padding:1px;
position:absolute; z-index:100;
visibility:hidden; color:#333333; top:20px;
left:90px; background-color:#ffffcc;
layer-background-color:#ffffcc;
}


.wrapper {
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	clear: both;
	overflow-x: visible;
}
.wrapper:after,
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.wrapper.topheader {
	background-color: #c41230;
	padding-top: 0;
}

.wrapper.topheader a:link,
.wrapper.topheader a:visited {
	color: #EEE;
}

.wrapper.header {
	padding-top: 0px;
	padding-bottom: 44px;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-image: url("../img/bg_414042_1.png"); 
	background-color: #FFF;
	background-attachment: scroll;
}

.shadow_block {
	position: relative;
}
.shadow_block:before {
	background-position: center top;
	background-image: url("../img/section_shadow.png");
	background-color: rgba(0, 0, 0, 0);
	background-attachment: scroll;
	content: "";
	height: 21px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 50;
}

.shadow_block.inverse {
	height: 9px;
	 /* left: 0; */
	display: block;
	/* top: 12px; */
}
.shadow_block.inverse:before {
	background-position: center top;
	background-image: url("../img/section_shadow_inverse.png");
	background-color: transparent;
	background-attachment: scroll;
	content: "";
	height: 21px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 50;
}
.wrapper.main {
	background-color: #e6e7e8;
	background-image: url(../img/bg_strp_2.png);
	background-repeat: repeat;
	background-position: 0 0;
	padding-top: 12px;
	padding-bottom: 12px;
}

.wrapper.footer {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fff;
	margin-bottom: 40px;
}

#logobox {
	float: left;
	margin-right: 10px;
	/* width: 278px; */
	text-align: center;
	position: relative;
	top: 32px;
}

.logotext {
	font-size: 1.1em;
	clear:both;
	color: rgba(126, 126, 126, 1);
}

#auxmenu {
	float: right;
}
.domainquicklink {
	position: relative;
	float: right;
	top: 0;
	right: 10px;
	display: block;
	background-color: #b2b2b2;
    color: #c41230;
    height: 32px;
    line-height: 0.6em;
    padding: 2px 12px;
}
.domainquicklink {
	display: none;
}
.domainquicklink input.search {
	font-size: 0.8em;
	width: 10em;
}

#secondmenu {
	float: right;
}

#navigation {
	float: right;
	clear: none;
	margin-top: 61px;
	margin-bottom: 10px;
	width: 670px;
}

.logged-in #navigation {
	margin-top: 34px;
}

#mainmenu {
	padding-left: 80px;
	float: left;
	padding-right: 0;

}

a.buttn.logout {
	float: right;
	padding-left: 10px;
	display: block;
}

#mainmenu li,
#adminmenu li,
#secondmenu li {
	float: left;
}

#secondmenu li a.lucy {
	    background-image: url("../img/LUCY-logo_60_2.png");
    background-position: center 5px;
    background-repeat: no-repeat;
    content: "";
    font-size: 1px;
    width: 85px;
    z-index: 50;
}

#secondmenu li a:link,
#secondmenu li a:visited {
    background-color: #c41230;
    /* border-radius: 0 0 6px 6px; */
    color: #FFF;
    display: block;
    height: 32px;
    line-height: 0.6em;
    padding: 10px 12px;
    top: 0;
    border-right: solid 1px #c41230;
    border-left: solid 1px #c41230;
}

#secondmenu li a:hover,
#secondmenu li a:focus {
	background-color: red;
	color: #FFF;
 	border-right: solid 1px #FFF;
    border-left: solid 1px #FFF;
}

#secondmenu a:link,
#secondmenu a:visited {
	margin-left: 10px;
	font-size: .75em;
}

#secondmenu .astext {
	color: #b2b2b2;
    display: inline-block;
    font-family: open sans;
    font-size: 0.65em;
    line-height: 1.1em;
    padding-top: 3px;
    text-align: right;
}

#secondmenu .astext strong {
	font-size: 1.15em;
	color: #FFF;
	font-weight: bold !important;
}

a.logout:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f08b";
  margin-left: 10px;
}
#mainmenu a:link,
#mainmenu a:visited {
	padding-bottom: 10px;
	border-bottom: solid 1px #000;
	margin-right: 50px;
	font-size: 1.0em;
	color: #000;
}

#mainmenu a:focus,
#mainmenu a:hover {
	border-bottom: solid 1px #c41230;
	color: #c41230;
}

#mainmenu a.menuselected:link,
#mainmenu a.menuselected:visited {
	border-bottom: solid 1px #7B7B7B;
	color: #7B7B7B;
}

.closure {
	display: block;
    font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 0.7em;
    letter-spacing: 0.5px;
    line-height: 4.5em;
    text-align: right;
    vertical-align: bottom;
}
.closure img {
	vertical-align: middle;
	margin-left: 6px;
}

/**
  * CONTENT 
  **/
  
.userid {
	color: #000;
	font-size: 1.5em;
}

.domainservice {
	width: 100%;
	border-spacing: 0px;
	clear: both;
}

.domainservice a:link,
.domainservice a:visited,
.commingsoon a:link,
.commingsoon a:visited {
	color: #414042;
	text-decoration: underline;
}

.domainservice a:hover,
.domainservice a:focus,
.commingsoon a:hover,
.commingsoon a:focus {
	color: red;
}
  
.domainservice h1 {
	border-radius: 0;
    color: #634d43;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 0.25em;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
	letter-spacing: 0em;
	background-color: transparent;
}

.domainservice h2 {
	border-top: dotted 1px #000;
	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serifcalibri, helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.1em;
    font-weight: normal;
    line-height: 1.2em;
	letter-spacing: 0em;
	padding-top: 4px;
	margin-top: 10px;
	margin-bottom: 8px;
	text-shadow: -1px -1px 0 #fff;
	color: #000;
	float: left;
}

.page-domain .domainservice .destination {
    width: 160px;
	word-break: break-all;	
}

.page-domain .domainservice .namestatus {
    width: 110px;
}
.page-domain .domainservice .ttl {
    width: 70px;
}

.page-domain td.actions {
    width: 120px;
}

.ro {
	width: 5px;
}

td.break,
td.source {
word-break: break-all;	
}

td.type select {
	width: 120px;
}

td input.max8 {
	width: 60px;
}
.servicelist {
	overflow: hidden;
	padding-left: 10px;
}

th.service {
	border-type: none;
	padding: 0;
}
.service a:link,
.service a:visited {
	background-color: transparent !important;
    color: #929292;
	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em;
    text-transform: uppercase;
	border-collapse: separate;
    border-spacing: 0;
	text-decoration: none;
	display: block;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 5px;
	clear: right;
}

.service.active a:link,
.service.active a:visited {
	background-color: #c41230 !important;
	color: #FFF !important;
	border-radius: 8px 8px 0 0;
}

.service.missing a:after {
	 content: "\f05e";
	 color: grey;
    font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	float: right;
	margin-left: 4px;
	    padding: 1px 2px;
				 border-radius: 8px;
}
.service.available a:after {
	 content: "\f14a";
	 color: green;
    font: normal normal normal 14px/1 FontAwesome;
		float: right;
		margin-left: 4px;
	    padding: 1px 2px;
		 border-radius: 2px;
}

.service.active.available a:after,
.service.active.missing a:after {
    background-color: #fff;
}

.service a:focus,
.service a:hover {
    color: #c41230;
}

.servicebox {
	display: table-cell;
	padding: 8px;
	border: solid 2px #c41230;
	background-color: #f3f3f3 !important;
	border-radius: 10px;
	width: 100%;
	display: block;
}

.infobox {
	margin-bottom: 10px;
	background-color: #FFF;
	border-radius: 10px;
	padding: 8px;
}

.infobox input {
	margin-bottom: 6px;
}
  
table, td, th, tr, thead, tbody, tfoot, colgroup, col {
    border-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 2px 8px;
    text-indent: 0;
}

.domainservice table {
	width: 100%;
}

/* .domainservice tr {
	border-bottom: solid 4px #f3f3f3;
} */


th {
	background-color: transparent !important;
    color: #000;
    font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 0.7em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.2em;
    text-transform: uppercase;
	border-collapse: separate;
    border-spacing: 0;
	vertical-align: bottom;
	text-align: left;
}

tr.even, 
tr.odd {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  border: 2px solid #FFF !important;
  border-collapse: separate;
  border-spacing: 0;
}

.odd td,
.customer.odd {
	background-color: #dfdfdf;
}

td {
	display: table-cell;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 4px;
	/* text-align: left; */
	vertical-align: top;
	/* border: solid 2px #FFF; */
	background-color: #FFF;
    font-size: 0.9em;
    line-height: 1.2em;
} 

td:nth-child(1){
	border-radius: 8px 0 0 8px;
}

td:last-child {
	border-radius: 0 8px 8px 0;
} 

tr.transparent td,
td.transparent,
td.formsubmit {
	display: table-cell;
	/* text-align: left; */
	vertical-align: top;
	/* border: solid 2px #FFF; */
	background-color: transparent !important;
} 

tr.transparent td,
td.transparent {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
} 

td.rounded {
	border-radius: 10px !important;
}

td.edit,
td.delete,
td.view {
	color: #929292;
	font-size: 0.8em;
	background-color: transparent !important;
}

td.edit input,
td.delete input,
td.view input {
	font-size: 1em !important;
}
/* .domainservice td {
	background-color: #FFF !important;
} */


.col {
	float: left;
	margin-right: 20px;
	display: block;
}

.col.last {
	margin-right: 0;
}

.page-contact .col {
	width: 30%;
}

.page-contact label, 
.page-contact .labeltext {
    width: 90px;
}

/*
 * STATUSSES
 */

.namestatus {
    padding-bottom: 1px;
    padding-left: 4px !important;
    padding-right: 4px !important;
    /* padding-top: 3px; 
    text-align: center; */
    text-transform: uppercase;
	/* line-height: 1.7em; */
}

td.namestatus {
	font-size: 0.8em;
}

.namestatus.inline {
	display: inline-block;
}
.namestatus.PENDING {
	color: #85B7C9;
}  
.namestatus.UPDATED,
.namestatus.ACTIVE,
.namestatus.CREATED {
	color: green;
}  
.namestatus.EXPIRED {
	color: grey;
} 
.namestatus.TOEXPIRE,
.namestatus.EXPIRING {
	color: orange;
} 
.namestatus.FAILED {
	color: red;
}


/* Active */
.sUPDATED:before, 
.sCREATED:before,
.namestatus.ACTIVE .icon:before,
.namestatus.UPDATED .icon:before,
.namestatus.CREATED .icon:before,
.icon.YES:before {
    content: "\f00c";
	color: green;
}

/* pending */
.sNEW:before, 
.sPENDING:before, 
.sTOUPDATE:before, 
/*.sNEW, 
.sPENDING, 
.sTOUPDATE, */
.namestatus.PENDING .icon:before {
	content: "\f1ce";
	-webkit-animation: myspin 4s infinite linear;
	animation: myspin 4s infinite linear;
	color: #85b7c9;
}

/* inactive */
.sINACTIVE:before {
	content: "\f05e";
	color: grey;
}

/* expired */
.sEXPIRED:before, 
.sDELETED:before,
.namestatus.EXPIRED .icon:before,
.icon.NO:before {
	content: "\f00d";
	color: #000;
}

/* to expire */
.sTOEXPIRE:before,
.sEXPIRING:before, 
.namestatus.TOEXPIRE .icon:before {
    content: "\f071";
	color: orange;
}
.orange {
	color: orange;
}

/* failed */
.sFAILED:before,
.namestatus.FAILED .icon:before {
	content: "\f071";
	color: red;
}


@-webkit-keyframes myspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes myspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

tr td.unpaid {
background-color: red !important;
color: #FFF;
font-weight: bold;
}

tr td.paid {
background-color: #C5F7C7 !important;
color: #000;
font-weight: bold;
}

td.amount {
	text-align: right;
}

/* tr.list td {
 	background-color: transparent;
} */

dl,
.block-inset {
	background-color: #fff;
    border-radius: 8px;
    box-shadow: 4px 4px 3px #ccc inset;
    margin-left: 120px;
    padding: 10px;
}
dt {
	color: #929292;
    display: inline-block;
    float: left;
    font-size: 10px;
    line-height: 1.8em;
    margin-right: 10px;
    padding-top: 5px;
    text-align: right;
    text-transform: uppercase;
    width: 150px;
}

dd {
    line-height: 1.8em;
}

.block-inset {
	display: block;
	overflow: hidden;
	margin-bottom: 6px;
}

.col .block-inset {
	margin-left: 0;
}
.block-inset h3 {
	background-color: #eee;
    font-family: calibri,helvetica,Arial,"Lucida Grande",sans-serifcalibri,helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 6px;
    margin-top: 0;
    padding-top: 0;
    text-align: center;
}

.block-inset .form-item {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}

.block-inset .col1 {
   width: 40%;
}
.block-inset .col2 {
   width: 55%;
}

.block-inset .labeltext,
.block-inset .label {
    width: 100px;
	padding-top: 2px;
	vertical-align: top;
}

.block-inset td {
    background-color: #e7e7e7;
}


.col2 .text.value {
    width: 320px;
	vertical-align: top;
	word-break: break-all;
}

form {
    margin-bottom: 0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
	background: url(../img/overlay.png) repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
	opacity: 0.5;
}

.logo {
	padding: 5px;
}

.footer .logo {
	/* [disabled]float: right; */
	padding-right: 0;
}

.footer .version {
	font-size: 0.6em;
	color: rgba(126,126,126,1.00);
	text-align: right;
	display: block;
	margin-top: 5px;
	clear: both;
}

.content {
	padding: 5px;
}


/* Domains page */

.filterbox {
	margin-bottom: 0.5em;
	overflow: hidden;
}

.page-domain-list .filterbox,
.page-contact-list .filterbox {
	padding: 0;
	background-color: #FFF;
	width: 80%;
	float: left;
	margin-right: 10px;
	border: 3px solid #c41230;
}

.customfilterbox {
	margin-bottom: 0.5em;
	overflow: hidden;
	padding: 5px;
	background-color: #FFF;
	width: auto;
	float: left;
	border: 1px solid #A39F9F;
}

.customfilterbox .form-item {
	margin: 0;
}
.customfilterbox label {
	width: 50px;
}
.customfilterbox p {
	padding: 4px;
	background-color: #A39F9F;
	font-size: 0.8em;
	text-align: center;
	margin: 0;
	color: #FFF;
}

/* .filterbox .filterdomain {
}
.filterbox .searchbox {
    float: right;
    width: auto;
} */

.page-domain-list .filterbox .filterdomain,
.page-contact-list .filterbox .filterdomain {
	/* width: 70%; 
	float: left; */
	display: block;
}
.page-domain-list .filterbox .searchbox,
.page-contact-list .filterbox .searchbox {
	/* width: 30%; 
	float: left; */
}

.filterbox p {
	text-align: left;
	margin: 0;
	/* line-height: 1.8em; */
}
.filterbox p em {
    margin: 0 8px;
	font-weight: bold; 
}

.filterbox label, 
.filterbox .labeltext {
    padding-top: 4px;
}

.filterdomain .filter,
.filterdomain .sortby {
	margin-right: 10px;
	font-size: 0.9em;
}

.customfields .form-item {
    display: block;
	font-size: 0.9em;
    margin-bottom: 0;
    margin-top: 0;
}

.searchbox {
	/* border: solid 1px #FFF; */
	padding-top: 10px;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 10px;
	background-color: #c41230;
	display: block;
}

.searchbox .fa-search:before {
	/* color: #acacac; */
    font-size: 1em;
    line-height: 0.7em;
    text-shadow: -1px -1px 1px #fff;
}

.page-domain-list .searchbox .fa-search:before,
.page-contact-list .filterbox .fa-search:before {
	font-size: 2.4em;
	line-height: 0.7em;
	/* color: #FFF; */
	text-shadow: #745f50 -1px -1px 2px;
}

.searchbox label, .searchbox .labeltext {
    text-align: left;
    width: auto;
}

.page-domain-list .searchbox label,
.page-domain-list .searchbox .labeltext,
.page-contact-list .searchbox label,
.page-contact-list .searchbox .labeltext {
	text-align: right;
	color: #FFF;
}

.icon-search { 
background-position: 0 0; 
}

.credentials {
	clear: both;	
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: inset 4px 4px 4px #737373;
	padding: 16px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

.readonly {
	font-style: italic;	
	color: #727272;
}

.readonly .icon {
	font-style: normal;
}


.actiontext {
	display: inline-block;
	margin-right: 6px;
	color: #404040;
}
.credential {
	display: inline;
	margin-right: 38px;	
}

.credential img {
    height: 50px;
    width: auto;
}

.commercial {
	background-color: #FFF;
	border: solid 3px #f6a500;
	display: block;
	float: right;
	padding: 10px 110px 10px 10px;
	border-radius: 10px;
	width: 33%;
	margin-bottom: 20px;
}

.commercial p {
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 0;
	margin-bottom: 4px;
}

.commercial p strong {
	font-style: italic;
	font-weight: bold;
}

.commercial.ednastyle {
	background-color: #000;
	border: solid 3px #000;
	color: #FFF;
	width: 100%;
}

.commercial.ednastyle a:link,
.commercial.ednastyle a:visited {
	color: #fff;
	text-decoration: underline;
}

.commercial h2 {
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 16px;
	margin-top: 0;
	color: #fff;
	letter-spacing: normal !important;
}

.page-domain-list .commercial h2,
.page-contact-list .commercial h2 {
	font-size: 0.9em;
    margin-bottom: 6px;
}

.page-domain-list .commercial p,
.page-contact-list .commercial p {
	font-size: .8em;
	margin-bottom: 12px;
}


.commercial .block {
	width: 57%;
}

.commercial .prime {
	width: 40%;
}

.commercial .prime p {
	color: #000;
}

.watchthis,
.prime {
	display: block;
	background-color: #c41230;
	border-radius: 6px;
	padding: 4px 8px;
	text-align: center;
	margin-bottom: 6px;
}

.row {
	display: block;
	margin-bottom: 4px;
}
.prime .labeltext {
	width: 210px;
	color: #FFF;
}

.page-login .prime .labeltext {
	width: 60px;
	color: #FFF;
}

.page-login .prime td {
	background-color: transparent !important;
}

.lucyback {
	background-image: url(../img/Lucy-100.png);
	background-repeat: no-repeat;
	background-position: 95% 10%;
}

.ednaback {
	/* background-image: url(../img/Edna-100.png); */
	background-repeat: no-repeat;
	background-position: 98% 10%;
	padding: 15px 150px 15px 30px;
}

.page-login .ednaback {
	background-image: url(../img/oldtonewEdna.png);
	background-position: right 57px;
}

.floatleft {
	float: left;
	margin-right: 10px;
}

.commercial ul li {
	border: none;
}

/* HOLD
.page-domain-list .searchbox .fa-search:before {
	font-size: 2.4em;
	line-height: 0.7em;
	color: #FFFFFF;
	text-shadow: #BCBCBC -1px -1px 2px;
}

.searchbox label, .searchbox .labeltext {
    text-align: left;
    width: auto;
}

.page-domain-list .searchbox label,
.page-domain-list .searchbox .labeltext {
	width: 100%;
	text-align: right;
}

.icon-search {
background-position: 0 0;
} */

.searchdomain input:focus {
-webkit-box-shadow: none; 
-moz-box-shadow: none; 
box-shadow: none; 
outline: none; 
border-color: 
inherit; 
}

.searchdomain .btn.icon-search { 
border: none; 
background: none; 
/* margin-left: -40px; 
line-height: 50px; */
transition: none; }

.searchdomain .btn.icon-search:hover { 
transition: none; 
border: none; 
}

.searchdomain .btn.icon-search a { 
color: #AAAAAA; 
transition: none; 
border: none; 
font-weight: 300; 
font-size: 16px; 
font-size: 1rem; }

.searchdomain .btn.icon-search a:hover { 
border: none; 
background: none; 
transition: none; 
}

.icon-search.icon-left a:before, 
.icon-search.icon-right a:after { 
content: "\e650"; 
height: inherit; 
}

i.icon-search:before { 
content: "\e650"; 
height: inherit; 
font-family: 'fontawesome-webfont';
}

input.search {
	width: 15em;
}
.pager .goto{
	margin-bottom: 10px;
	display: inline-block;
	padding: 4px;
}
.pager .goto span{
	 text-decoration: underline;
}
.pager .goto em{
	font-weight: bold;
	color:#cccccc;
}
.pager .goto span em {
	text-decoration: none;
}
#domainlist {
	font-size: 0.9em !important;
	clear: both;
}
.domains {
}
.domain {
	margin-bottom: 10px;
	padding: 0 !important;
	display: block;
	clear: both;
	width: 960px;
	/* overflow: hidden; */
	border-radius: 12px;
}

.domain.odd {
    background-color: #dfdfdf;
}

.domain.even {
    background-color: #fff;
}

#domainlist .cell {
	margin: 0;
	float: left;
	display: block;
	padding: 6px;
}

#domainlist .cell.id {
	width: 70px;
}
#domainlist .cell.user {
	width: 70px;
}
#domainlist .cell.domaincolor {
	width: 30px;
}
#domainlist .cell.domainname {
	width: 300px;
}
#domainlist .cell.domainname .emphasis {
	padding-right: 6px; 
}
#domainlist .cell.namestatus {
	width: 140px;
}
#domainlist .cell.date {
	width: 100px;
}

#domainlist .cell.type {
	width: 120px;
}

#domainlist .cell.all {
	padding: 2px;
}

#domainlist .categories .cell.all {
	padding: 6px;
}

#domainlist .categories .cell {
	/* text-align: center; */
	border: none;
	color: #000;
	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	border-collapse: separate;
	border-spacing: 0;
	background-color: transparent;
	overflow: visible;
}

.cell p {
    margin: 0 0 6px;
}

.cell.all {
	/* -moz-column-count: 3;
    -moz-column-gap: 10px;
    -moz-column-rule: 1px solid #FFF;
	-webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -webkit-column-rule: 1px solid #FFF;
	column-count: 3;
    column-gap: 10px;
    column-rule: 1px solid #FFF; */
	width: auto;
	position: relative;	
}
.subcell {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1px;
	display: inline-block;
	/* position: absolute;
	top: 0;
	left: 0; */
}

/* .subcell .buttn {
	font-size: 0.9em;
}
.subcell .buttn.icon:before {
	font-size: 1em;
} */

#domainlist .categories {
	overflow: hidden;
	display: block;
}

#domainlist label,
#domainlist .labeltext {
	width: auto;
}
/* 
#domainlist .nameserving label,
#domainlist .nameserving .labeltext,
#domainlist .nameservers label,
#domainlist .nameservers .labeltext,
#domainlist .nsrecords label,
#domainlist .nsrecords .labeltext  {
	width: 72px;
	padding-top: 4px;
}
#domainlist .web label,
#domainlist .web .labeltext,
#domainlist .webhosting label,
#domainlist .webhosting .labeltext,
#domainlist .webforwarding label,
#domainlist .webforwarding .labeltext {
	width: 92px;
}
#domainlist .emailhosting label,
#domainlist .emailhosting .labeltext,
#domainlist .emailforwarding label,
#domainlist .emailforwarding .labeltext {
	width: 107px;
}
#domainlist .cell.domainname {
	width: 300px;
}
#domainlist .subcell.nameserving,
#domainlist .subcell.nameservers,
#domainlist .subcell.nsrecords {
	width: 184px;
}
#domainlist .subcell.web,
#domainlist .subcell.webforwarding,
#domainlist .subcell.webhosting {
	width: 217px;
}
#domainlist .subcell.email,
#domainlist .subcell.emailforwarding
#domainlist .subcell.emailhosting {
	width: 234px;
	border-radius: 0 12px 12px 0;
}

#domainlist .subcell.nameserving,
#domainlist .subcell.nameservers {
	top: 10;
	left: 0;
}
#domainlist .subcell.nsrecords {
	top: 38;
	left: 0;
}
#domainlist .subcell.web,
#domainlist .subcell.webforwarding{
	top: 10;
	left: 194;
}
#domainlist .subcell.webhosting {
	top: 38;
	left: 194;
}
#domainlist .subcell.email,
#domainlist .subcell.emailforwarding {
	top: 10;
	left: 400;
}
#domainlist .subcell.emailhosting {
	top: 38;
	left: 400;
	display: none;
}
*/

#userlist .cell {
	padding: 6px;
}

.servicelist :nth-child(6),
.servicelist :nth-child(7) {
	/* display: none;  */
}

/* #domainlist .categories .subcell.email {
	border-right: none;
} */

.domainname .status {
	display: block;
	float: left;
}
.domainname .date {
	display: block;
	float: right;
}

th .fa {
	font-size: 1.8em;	
}
article .fa {
	margin-right: 4px;
	margin-left: 4px;
}

article .fa-check {
	color: green;
}

article .fa-warning {
	color: red;
}

article .fa-ban {
	color: grey ;
}

.service a {
	color: black;
}

.extracolor {
	color: #7777FF;
}
/* ERRORS and MESSAGES */

.feedbackPanel,
.javascriptneeded {
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 18px;
	box-shadow: 4px 4px 2px grey;
	border-radius: 10px;
	display: block;
}

.region_info .feedbackPanel {
	border: 4px double green;
	background-color: #CCFFD4;
}

.region_errors .feedbackPanel,
.javascriptneeded {
	border: 4px double red;
	background-color: #FFF;
}

.feedbackPanel ul {
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-position: inside;
	list-style-type:none;
	border: none !important;
}

.region_errors ul li,
.javascriptneeded p {
	font-weight: bold;
	color: red;
	/* text-transform: uppercase;
	display: inline-block; */
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 10px;
	list-style: none;
	border: none !important;
}

.region_errors ul li:before,
.javascriptneeded p:before {
    content: "\f06a";
	color: red;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
}


.region_info ul li {
	font-weight: bold;
	color: green;
	text-transform: none;
	display: inline-block;
	margin-bottom: 0;
	margin-left: 10px;
	list-style: none;
	border: none !important;
}

.region_info ul li:before {
	content: "\f00c";
	color: green;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none !important;
    margin-right: 10px;
}

/* conditional submit */

.testresult {
	padding: 2px 4px;
	color: red;
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.8em;
}

.testresult.strongPass,
.testresult.goodPass {
	color: green;
}

input[type="submit"].conditionalsubmit.disabled {
	color: rgba(172,172,172,1.00) !important;
	background-color: rgba(208,208,208,1.00) !important;
	box-shadow: none !important;
}
input[type="submit"].conditionalsubmit.disabled:hover {
	color: rgba(172,172,172,1.00) !important;
	background-color: rgba(208,208,208,1.00) !important;
	box-shadow: none !important;
	cursor: none !important;
}

/* BUTTONS WITH FONTAWESOME ICONS */
button.icon:before,
.buttn.icon:before,
.namestatus .icon:before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 4px;	
}

button.icononly:before, 
.buttn.icononly:before, 
.namestatus .icononly:before {
    margin-right: 0;
}

button.iconafter:after,
.buttn.iconafter:after {
  display: inline-block;
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;	
}

button.icononly
.buttn.icononly {
	content: " ";
}

.customer a.buttn.icononly {
	border: 1px solid #dfdfdf;
}

td.action button.icononly,
td.action a.buttn.icononly:link, 
td.action a.buttn.icononly:visited,
.customer a.buttn.icononly:link,
.customer a.buttn.icononly:visited  {
	box-shadow: none !important;
	padding: 1px 0 1px 3px !important;
	color: #000 !important;
}

td.action button.icononly:focus,
td.action a.buttn.icononly:focus, 
td.action button.icononly:hover,
td.action a.buttn.icononly:hover,
.customer a.buttn.icononly:focus,
.customer a.buttn.icononly:hover  {  
	box-shadow: -1px -1px 1px !important;
	color: #FFF !important;
	background-color: #414042 !important;
	text-shadow: none !important;
}

button.edit:before,
button.change:before,
.buttn.edit:before,
.buttn.change:before {
  content: "\f0ad";
}
button.icon.info:before,
button.iconafter.info:after,
.buttn.icon.info:before,
.buttn.iconafter.info:after  {
  content: "\f05a";
}
button.activate:before,
.buttn.activate:before {
  content: "\f011";
}
button.deactivate:before,
.buttn.deactivate:before {
  content: "\f05e";
  color: grey;
}
button.add:before,
.buttn.add:before {
  content: "\f055";
}
button.search:before,
.buttn.search:before {
  content: "\f002";
}
button.list:before,
.buttn.list:before {
  content: "\f03a";
}
button.view:before,
.buttn.view:before {
  content: "\f06e";
}
button.delete:before,
.buttn.delete:before {
  content: "\f1f8";
}
button.price:before,
.buttn.price:before {
  content: "\f153";
}
button.empty.cart:before,
.buttn.empty.cart:before  {
  content: "\f1f8";
}
button.shopalong.cart:before,
.buttn.shopalong.cart:before {
  content: "\f07a";
}
button.update.cart:before,
.buttn.update.cart:before {
  content: "\f021";
}
button.checkout.cart:before,
.buttn.checkout.cart:before {
  content: "\f138";
} 
button.pdf:before,
.buttn.pdf:before {
  content: "\f1c1";
} 
button.download:before,
.buttn.download:before {
  content: "\f019";
} 
button.user:before,
.buttn.user:before
button.iconafter.user:after,
.buttn.iconafter.user:after {
  content: "\f007";
} 
button.login:before,
.buttn.login:before,
button.login.iconafter:after,
.buttn.login.iconafter:after {
  content: "\f090";
} 
button.gears:before,
.buttn.gears:before {
  content: "\f085";
} 
button.terminal:before,
.buttn.terminal:before {
  content: "\f120";
} 
button.retweet:before,
.buttn.retweet:before {
  content: "\f079";
} 

.actiontext.locked:before {
  content: "\f023";
} 
button.cancel:before,
.buttn.cancel:before {
  content: "\f112";
} 
button.save:before,
.buttn.save:before {
  content: "\f046";
} 
button.reset:before,
.buttn.reset:before {
  content: "\f021";
} 
button.send:before,
.buttn.send:before {
  content: "\f1d9";
} 






/* CART */

.buttnspan {
	background-color: #f7a500;
    border-radius: 5px !important;
    box-shadow: 4px 4px 3px #aaa;
	display: inline-block;
    margin-right: 6px;
    margin-top: 4px;
    padding: 0 0 0 4px !important;
}

.buttnspan input[type="submit"] {
	border-radius: 0 5px 5px 0 !important;
    box-shadow: none !important;
	margin: 0 !important;
	border: none !important;
}
.buttnspan .fa.fa-shopping-cart {
    margin-left: 8px;
    margin-right: 8px;
}

/* .buttn.cart:before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 4px;	
}

.buttn.empty.cart:before {
  content: "\f1f8";
}

.buttn.shopalong.cart:before {
  content: "\f07a";
}

.buttn.update.cart:before {
  content: "\f021";
}

.buttn.checkout.cart:before {
  content: "\f138";
} */


/* OVERLAY */

/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(../img/white.png);

    /*
 *       width after the growing animation finishes
 *             height is automatically calculated
 *                   */
    width:640px;

    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */
    font-size:1em;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(../img/close2.png); 
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}
#overlay {
    /* background-image:url(/app/assets/images/transparent.png); */
    color:#000;
	/* box-shadow: 10px 10px 6px #999; */
    /* height:450px; */
  }
  /* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
    background-color: #4D4D4D;
    border-radius: 4px;
    height: 441px;
    overflow-y: auto;
    padding: 10px;
  }
  
div.contentWrap .labeltext {
   color: #FFF;
   width: 110px;
   padding-top: 1px;
  }

/* OVERLAY CONTENT */


#overlay table {
	width: 100%;
}

#overlay caption {
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	background-color: #C00;
	text-align: center;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#overlay tbody {
	font-size: 12px;
}

#overlay tr {
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	display: table-row;
}

#overlay tr.date {
}

#overlay td {
	font-size: 13px;
	color: #FFF;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	display: table-cell;

}

#overlay td.label {
	background-color: #494949;
    border-top: 1px solid #2C2C2C;
	border-left: 1px solid #AAAAAA;
    color: #CCCCCC;
    font-size: 10px;
    padding-top: 3px;
    text-align: right;
    text-transform: uppercase;
}

#overlay td.labelx {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	background-color: #666;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAAAAA;
}

#overlay tr.remark td {
	border-top-color: #C00;
	font-size: 11px;
	border-top-color: #CCC;
	color: #000;
	background-color: #DDD;
}

#overlay tr.remark td .remark {
	background-color: #FFFFFF;
    color: #CC0000;
    display: inline-block;
    font-size: 10px;
    margin-right: 0;
    padding: 1px 6px;
    text-align: right;
    text-transform: uppercase;
}

#overlay tr.contested td {
	font-size: 11px;
	color: #000;
	background-color: #FF3;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 24px;
	/* background-image: url(../img/exclamation_1.png);
	background-repeat: no-repeat;
	background-position: 5px 2px; */
}

#overlay tr.extra td {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 164px;
}

#overlay tr.extra a:link,
#overlay tr.extra a:visited {
	display: block;
	padding: 4px;
	text-align: center;
	color: #FFF;
	background-color: #E00;
	border: 1px solid #000;
	width: 300px;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 4px 4px 4px #000;
}


#overlay tr.extra a:hover,
#overlay tr.extra a:focus {
	background-color: #F00;
	border: 1px solid #FFF;
	box-shadow: 2px 2px 2px #FFF;
}

#overlay .block.actions {
    border-top: solid 1px #FFF;
	padding-top: 6px;
}

.block.actions {
}

.submt {
	text-align: center;
	background-color: transparent !important;
	padding: 6px;
}


/* RIBBON BANNERS */

.ribbon {
	position: absolute;
	top: 0;
	right: 0;
}

#overlay .ribbon {
    right: 25px;
    top: 26px;
}

/* reset certain elements (in case of conflicting CSS for classes, links, etc.) */
.ribbon .text,
.ribbon .banner,
.ribbon a {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.ribbon a {
	color: #fff;
	text-decoration: none;
}

.no-css-transforms .ribbon {
	font-size: 1em;
	position: relative;
	width: 100%;
}

.ribbon .banner {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	color: #fff;
	-webkit-font-smoothing: antialiased;
	display: block;
	float: right;
	position: relative;
	right: -14px;
	top: 22px;
	width: 100px;
}

.ribbon-small .banner {
	right: -8px;
	top: 15px;
	width: 65px;
}

.ribbon-large .banner {
	right: -20px;
	top: 32px;
	width: 150px;
}

.ribbon .banner:after,
.ribbon .banner:before {
	content: '';
	display: block;
	height: 12px;
	position: absolute;
	width: 30px;
}

.ribbon-small .banner:after,
.ribbon-small .banner:before {
	height: 6px;
	width: 20px;
}

.ribbon-large .banner:after,
.ribbon-large .banner:before {
	height: 18px;
	width: 45px;
}

.ribbon .banner:before {
	-webkit-transform: skewY(-45deg) translate(50%,15px);
	-moz-transform: skewY(-45deg) translate(50%,15px);
	-ms-transform: skewY(-45deg) translate(50%,15px);
	-o-transform: skewY(-45deg) translate(50%,15px);
	-webkit-transform-origin: 100% center;
	-moz-transform-origin: 100% center;
	-ms-transform-origin: 100% center;
	-o-transform-origin: 100% center;
	left: -45px;
}

/* #overlay .ribbon .banner:before {
    left: -36px;
} */

.ribbon-small .banner:before {
	top: -5px;
	left: -30px;
}

.ribbon-large .banner:before {
	top: 9px;
	left: -68px;
}

.ribbon .banner:after {
	-webkit-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-moz-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-ms-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-o-transform: translate(100%,-100%) skewY(45deg) translateX(-58%);
	-webkit-transform-origin: 0 center;
	-moz-transform-origin: 0 center;
	-ms-transform-origin: 0 center;
	-o-transform-origin: 0 center;
	right: -17px;
}

/* #overlay .ribbon .banner:after {
    right: -26px;
} */

.ribbon-small .banner:after {
	top: 18px;
	right: -12px;
}

.ribbon-large .banner:after {
	top: 45px;
	right: -26px;
}


.no-css-transforms .ribbon .banner {
	position: static;
	width: 100%;
	float: none;
	font-size: 10px;
}

.ribbon .text {
	position: relative;
	z-index: 2;
	font-size: 12px;
	font-weight: bold;
	min-height: 18px;
	line-height: 18px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: capitalize;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	text-align: center;
}

/* small text */
.ribbon-small .text {
	padding: 3px 0;
	font-size: 8px;
	min-height: 14px;
	line-height: 14px;
}

/* large text */
.ribbon-large .text {
	padding: 9px 0;
	font-size: 18px;
	min-height: 28px;
	line-height: 28px;
}


.ribbon .text:before,
.ribbon .text:after {
	content: '';
	display: block;
	height: 30px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

/* small text */
.ribbon.ribbon-small .text:before,
.ribbon.ribbon-small .text:after {
	height: 20px;
}

/* large text */
.ribbon.ribbon-large .text:before,
.ribbon.ribbon-large .text:after {
	height: 46px;
}

.ribbon .text:before {
	-webkit-transform: translateX(-15%) skewX(-45deg);
	-moz-transform: translateX(-15%) skewX(-45deg);
	-ms-transform: translateX(-15%) skewX(-45deg);
	-o-transform: translateX(-15%) skewX(-45deg);
}

.ribbon .text:after {
	-webkit-transform: translateX(15%) skewX(45deg);
	-moz-transform: translateX(15%) skewX(45deg);
	-ms-transform: translateX(15%) skewX(45deg);
	-o-transform: translateX(15%) skewX(45deg);
}

.no-css-transforms .ribbon .text {
	height: 25px;
	padding: 3px;
}


/*--- RIBBON COLORS ---*/

/* default */
.ribbon .banner:after,
.ribbon .banner:before {
	background-color: #51a351;
}
.ribbon .text:before,
.ribbon .text:after,
.no-css-transforms .ribbon .text {
	background-color: #62c462;
}

/* green */
.ribbon-green .banner:after,
.ribbon-green .banner:before {
	background-color: #51a351;
}
.ribbon-green .text:before,
.ribbon-green .text:after,
.no-css-transforms .ribbon-green .text {
	background-color: #62c462;
}

/* blue */
.ribbon-blue .banner:after,
.ribbon-blue .banner:before {
	background-color: #0044cc;
}
.ribbon-blue .text:before,
.ribbon-blue .text:after,
.no-css-transforms .ribbon-blue .text {
	background-color: #0088cc;
}

/* mms blue */
.ribbon-blue-mms .banner:after,
.ribbon-blue-mms .banner:before {
	background-color: #2d5b98;
}
.ribbon-blue-mms .text:before,
.ribbon-blue-mms .text:after,
.no-css-transforms .ribbon-blue-mms .text {
	background-color: #367ab3;
}

/* light blue */
.ribbon-blue-light .banner:after,
.ribbon-blue-light .banner:before {
	background-color: #2f96b4;
}
.ribbon-blue-light .text:before,
.ribbon-blue-light .text:after,
.no-css-transforms .ribbon-blue-light .text {
	background-color: #5bc0de;
}

/* yellow */
.ribbon-yellow .banner:after,
.ribbon-yellow .banner:before {
	background-color: #f2ba00;
}
.ribbon-yellow .text:before,
.ribbon-yellow .text:after,
.no-css-transforms .ribbon-yellow .text {
	background-color: #ffd95e;
}

/* orange */
.ribbon-orange .banner:after,
.ribbon-orange .banner:before {
	background-color: #f89406;
}
.ribbon-orange .text:before,
.ribbon-orange .text:after,
.no-css-transforms .ribbon-orange .text {
	background-color: #fbb450;
}

/* red */
.ribbon-red .banner:after,
.ribbon-red .banner:before {
	background-color: #bd362f;
}
.ribbon-red .text:before,
.ribbon-red .text:after,
.no-css-transforms .ribbon-red .text {
	background-color: #ee5f5b;
}

/* purple */
.ribbon-purple .banner:after,
.ribbon-purple .banner:before {
	background-color: #611bbd;
}
.ribbon-purple .text:before,
.ribbon-purple .text:after,
.no-css-transforms .ribbon-purple .text {
	background-color: #af4ce8;
}

/* pink */
.ribbon-pink .banner:after,
.ribbon-pink .banner:before {
	background-color: #f000c0;
}
.ribbon-pink .text:before,
.ribbon-pink .text:after,
.no-css-transforms .ribbon-pink .text {
	background-color: #ff5edf;
}

/* black */
.ribbon-black .banner:after,
.ribbon-black .banner:before {
	background-color: #222222;
}
.ribbon-black .text:before,
.ribbon-black .text:after,
.no-css-transforms .ribbon-black .text {
	background-color: #444444;
}

/*
 * Dropdown 
 *
 */

ul.dropdown {
	list-style: none;
	position: relative;
	display: inline-block;
	margin-bottom: 0 !important;
	padding: 0 !important;
	height: 16px;
}
ul.dropdown:after {
		content: ""; clear: both; display: block;
	}

ul.dropdown li ul {
	display: none;
}

ul.dropdown li ul {
	position: absolute; 
	background: #CAC4BE; 
	border-radius: 4px; 
	padding: 0;
	box-shadow: 4px 4px 10px #8f8f8f;
	width: 200px;
	margin-bottom: 0;
}

ul.dropdown li:hover > ul {
	display: block;
}

ul.dropdown li {
	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
	border-bottom: none;
    list-style: outside none none;
    margin: 0 0 4px;
    padding: 0;
	color: #000;
    font-size: 0.7em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: bottom;
}
ul.dropdownlist li {
	border-bottom: 1px solid #BABABA;
    margin: 0;
    padding: 4px;
	color: #000;
    font-size: 1.4em;
    vertical-align: top;
	position: relative;
}

ul.dropdownlist li:nth-child(even) {
    background-color: #c41230;
}


/*
 * TOOLTIPSTER
 */
 
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: calibri, helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/*
 * Custom values
 */
 
.customcolor {
	border: 1px solid #efefef;
	border-radius: 8px;
    display: inline-block;
    float: left;
    height: 16px;
    margin: 0 0 0 6px;
    width: 16px;
}

.blue {
	background-color: blue;
}
.yellow {
	background-color: yellow;
}
.green {
	background-color: green;
}
.red {
	background-color: red;
}
 
.tag.custfield {
	border: 1px solid #929292;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1.1em;
    margin-left: 4px;
    margin-right: 0;
    padding: 2px 4px;
}

.shortdesc {
    color: #949393;
    font-size: 0.8em;
    margin-right: 4px;
    text-transform: uppercase;
}

/*
 * page-help
 */
 
.page-help .form-item label.inline {
   vertical-align: top;
   padding-top: 4px;
}
.page-help .form-item textarea {
   height: 300px;
    vertical-align: top;
    width: 790px;
}