/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

Reset
*/

html{color:#000;background:#FFF;}div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body {
  background-color: white;
}

a {
  color:           #004872;
  text-decoration: none;
}

a:hover {
  color:           #009dc5;
  text-decoration: underline;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

h1, h2, h3 {
  /*color:          #404040;*/
}

h1 {
  font-size:      45px;
  padding-bottom: 30px;
}

h2 {
  font-weight:      bold;
  margin-bottom:    10px;
  padding:          2px 4px;
  display:          inline-block;
  padding-left:     0;
  color:            rgba(0,0,0,0.6);
  text-shadow:      2px 4px 10px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
}

ul
{
  margin-left: 0;
  padding-left: 10px;
}

ul li 
{
  background-image: url(../images/blue-arrow.png);
  background: url(../images/menu/nav_separator.png) top left no-repeat;
  background-repeat: no-repeat;
  /*background-position: 0 .5em;*/
  list-style-type: none;
  color: rgba(0,0,0,0.8);
  padding: 0 0 0 13px;
  margin: 0 0 7px 0;
  font-weight: bold;
}

.software-description ul li, .software-modules-description ul li {
font-weight: normal !important; 
}

ul#demo-list a {
  background: url(../images/blue-arrow.png) no-repeat right 6px;
  padding-right: 10px;
  margin-right:  30px;
}

th {
  font-weight: bold;
  text-align: right
}

#logo-image {
    position: absolute;
}

#logo-text {
    position: absolute;
    top: 40px;
    left: 284px;
    font-size: 14px;
    font-style: italic;
    line-height: 20px
}

.softekspert-content {
  background-color:           white;
  border:                     1px solid #DFDFDF;
  padding:                    20px;
  -moz-border-radius:         5px;
  -webkit-border-radius:      5px;
  border-radius:              5px;
  margin-bottom:              5px;
  word-wrap:                  break-word;
  position:                   relative
}

#softekspert-search input[type="search"] {
  -webkit-appearance: textfield;
}

#softekspert-search label {
  float: left;
  width: 20px;
  height: 25px;
  background: url('../images/search.png') no-repeat left 5px;
}

#softekspert-search label span {
  display: none;
}

input[type=text], input[type=password], input[type=email] {
  border:      1px solid #DADADA;
  background:  white url('../images/field-background.gif') repeat-x left top;
  padding:     5px 6px;
  color:       #565656;
  /*font-size:   12px;*/
  /*width:       250px*/
}

.softekspert-button-grey {
  font-size: 0.85em;
  font-weight: bold;

  cursor: pointer;

  display: inline-block;
  outline: none;

  text-align:     center;
  text-transform: uppercase;

  padding: 3px 10px;

  text-shadow: 0 1px 1px rgba(0,0,0,.3);

  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}

.softekspert-button-grey {
  color:       #868686;
  font-weight: normal;

  padding:    5px 10px;
  border:     solid 1px #d7d7d7;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7));
  background: -moz-linear-gradient(top,  #ffffff,  #d7d7d7);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7');
}

.softekspert-blocks-welcome {
  overflow: hidden;
}

.softekspert-blocks-welcome > div {
  background-color: whitesmoke;
  float:            left;
  width:            240px;
  margin-right:     14px;
  text-align:       center;
  padding:          26px 20px;
}

.softekspert-blocks-welcome > div.block-demo {
  margin-right: 0;
}

.softekspert-blocks-welcome .illustration {
  padding-bottom: 20px;
}

.softekspert-blocks-help {
  overflow: hidden;
}

.softekspert-blocks-help {
  margin-top: 30px;
  padding:    18px;
  border:     1px solid #E6E6E6;
}

.softekspert-blocks-help > div {
  width:        254px;
  float:        left;
}

.flash-message {
  padding: 10px;
  margin: 5px 0 8px 0;
  background-color: yellowgreen;
  color: whitesmoke
}

.flash-error {
  padding: 10px;
  margin: 5px 0 8px 0;
  background-color: #d14;
  color: whitesmoke
}

.error {
  color: red;
}

/* menu::base */

div#navbar ul.menu {
    padding-left: 4px;
}

div#navbar li {
    position: relative;
    z-index: 10000;
    margin: 0;
    float: left;
}

div#navbar > ul > li:hover a {
    color: whitesmoke !important
}

div#navbar > ul > li:hover a span {
    color: white
}
   
div#navbar li:hover>ul {
    left: -2px;
}

div#navbar li div {
    list-style: none;
    float: left;
    left: -1px;
    z-index: 11;
    padding: 0 0 9px 7px;
    _padding: 0 0 9px 3px;
    margin: 0 0 0 -9px;
}
div#navbar li:hover>div {
    visibility: visible;
}

div#navbar li.current a {}

/* menu::level1 */
div#navbar a {
    position: relative;
    z-index: 10;
    height: 55px;
    display: block;
    float: left;	
    line-height: 55px;
    text-decoration: none;
	
    color: #404040;
    font-weight:bold;
    text-transform:uppercase;
    cursor: pointer;
}
div#navbar span {
    color: #404040;
    font-weight:bold;
    text-transform:uppercase;
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    /*padding: 0 17px*/
}

.ie div#navbar span {
  padding: 0 13px 0 14px !important
}

div#navbar li.separator { 
    background: url(../images/menu/nav_separator.png) top left no-repeat; 
    width: 2px;
    height: 50px
}
/*div#navbar li.last span{
    background: url(../images/menu/nav_separator.png) top right no-repeat;
    padding: 18px 10px 16px 0;
}*/

/* menu::level2 */
div#navbar ul ul li {
    background: url(../images/menu/nav_dropdown_sep_blue.png) left bottom repeat-x;
    padding: 4px 0;
    z-index: 9;	
}
div#navbar ul ul {
    z-index: 12;	
    padding: 0;
    background: #009fe0 url(../images/menu/nav_dropdown_grad_blue.png) right top no-repeat;
    margin-top:0px;
    margin-left:3px;
}
div#navbar ul ul a {
    padding: 0px 7px 3px 8px;
    height: auto;
    float: none;
    display: block;
    background:none;
    margin-bottom: 1px;
    z-index: -1;
}
div#navbar ul ul a span {
    padding: 0 10px 0px 10px;
    color: #454545;
    font-weight:normal;
    text-transform: none;
    background:none;
}

/*div#navbar ul ul li.last { background: none; }*/
div#navbar ul ul li {
    width: 100%;
}

/* menu::level3 */
div#navbar ul ul div {
    height: auto;
    _padding: 0 0 9px 3px;
}

/* lava lamp */
div#navbar li.back {
}
div#navbar li.back .left {
}

ul#footer {
  margin-bottom: 20px;
  padding-left: 0;
  font-size: 13px
}

#footer li {
  padding-left: 0;
  margin-right: 10px;
  display: inline;
  font-weight: normal;
  background: none
}

.error-list {
    color: crimson;
    font-size: 11px;
    text-align: center
}

#login-form td, #login-form #remember-me {
    padding: 5px 0 5px 5px;
}

#login-form #remember-me {
    text-align: left
}

.button, .button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 7px 20px;
	color: whitesmoke
}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}

.button.full, .button.full span {
	display: block;
}

.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}

.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}

.button.small span {
	font-size:12px;
}
.button.medium span {
	font-size:14px;
}
.button.large span {
	font-size:18px;
}

.button.black {
	background-color: #333333;
}

.navigation-bottom {
    margin-top: 10px
}

.navigation-top {
    margin-bottom: 10px
}

.layout-table {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.layout-table tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.layout-table td, .layout-table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.layout-table th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.layout-table td:first-child, .layout-table th:first-child {
    border-left: none;
}

.layout-table th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.layout-table th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.layout-table th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.layout-table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.layout-table tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.ui-dialog .ui-dialog-titlebar-close span {
  margin: -9px !important
}

.ui-widget-overlay {
  z-index: 1
}

.ui-dialog {
  z-index: 2
}

ul.icons li {
  background: none
}

ul.icons li img {
  vertical-align: middle
}

#button-container.report-problem {
  width: 350px
}

.list-numeric {
  margin-left: 20px
}

.list-numeric > li {
  list-style-type: decimal;
  background: none
}

.list-numeric ul li {
  font-weight: normal !important
}

.faq p {
  margin-bottom: 10px
}

.normal-font li {
  font-weight: normal
}

#newsletter {
  cursor: pointer
}

.newsletter-info {
  font-size: 11px
}

form ul {
  margin:0
}

form ul li {
  background: none;
  font-size: 12px;
  color: red
}

#cookie-policy {
  display: none;
  text-align: center;
  padding: 10px;
  z-index: 100000000;
  background-color: black;
  top: 0;
  left: 0;
  width: 99%;
  position: fixed;
  opacity: 0.8;
  color: whitesmoke
}

#cookie-policy a {
  color: whitesmoke
}

#cookie-policy div {
  margin-top:15px
}

label {
  cursor: pointer;
  padding-bottom: 9px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.coin-info {
  margin-bottom: 4px;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  color: #009dc5;
}

.brands-page div img {
    max-width: 200px;
}

.messi-content {
    max-height: 90vh;
    overflow: auto !important;
}

.container {
    max-width: 100%;
}