/* Use "loading" css styles only when loading application */
#loading-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
    background-color: white;
}

#loading {
    position: absolute;
    left: 45%;
    top: 40%;
    padding: 2px;
    z-index: 20001;
    height: auto;
    width: 157px;
}

#loading a {
    color: #225588;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

/* Menu icons */
.x-tab-hide .x-tab-panel-header .x-tab-strip-wrap,.x-tab-hide .x-tab-panel-header
    {
    display: none;
}

.x-tab-strip span.x-tab-strip-inner .menuHome {
    background-image: url(../images/szaki/asterisk_orange.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 15px;
}

.x-tab-strip span.x-tab-strip-inner .menuSearch,.menuSearch {
    background-image: url(../images/szaki/find.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 15px;
}

.x-tab-strip span.x-tab-strip-inner .menuMateNew,.menuMateNew {
    background-image: url(../images/szaki/mate_new.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 15px;
}

.x-tab-strip span.x-tab-strip-inner .menuMateEdit,.menuMateEdit {
    background-image: url(../images/szaki/mate_edit.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 15px;
}

/* Staticfield  */
x-form-item-static {
    padding-top: 3px !important;
    padding-left: 0 !important;
    z-index: 2 !important;
    position: relative !important;
}

.blue-background-grid .x-grid3 {
    background-color: #DBE4F6 !important;
}

.x-grid3-body {
    background-color: #FFFFFF;
}

.x-panel-body,.dashboard-panel {
    background-color: #DBE4F6;
}

.dashboard-panel-body {
    background-color: #DBE4F6;
    padding: 5px;
    font-size: 13px;
    font-family:tahoma,arial,helvetica,sans-serif;
}

.dashboard-panel-body h3{
    font-size: 16px;
    font-family:tahoma,arial,helvetica,sans-serif;
}

.dashboard-panel-body p {
    padding: 5 0 0 0;
}

/* Buttons */
.cancel-back {
    background-image: url(../images/szaki/cancel.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.back {
    background-image: url(../images/szaki/asterisk_orange.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.save {
    background-image: url(../images/szaki/save.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.mess-send {
    background-image: url(../images/szaki/messsend.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.ask-tender {
    background-image: url(../images/szaki/tender.png) !important;
}

.rate {
    background-image: url(../images/szaki/star.png) !important;
}

.print {
    background-image: url(../images/szaki/print.png) !important;
}

.print-big {
    background-image: url(../images/szaki/print24.png) !important;
}

.add-all {
    background-image: url(../images/szaki/addall.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.add-answer {
    background-image: url(../images/szaki/answeradd.png) !important;
}

.edit-answer {
    background-image: url(../images/szaki/answeredit.png) !important;
}

.del-answer {
    background-image: url(../images/szaki/answerdelete.png) !important;
}

.someComment {
    background-image: url(../images/szaki/some_comment.png) !important;
    background-repeat: no-repeat;
    background-position: center right;
}

.allComment {
    background-image: url(../images/szaki/all_comment.png) !important;
    background-repeat: no-repeat;
    background-position: center right;
}

.filter {
    background-image: url(../images/szaki/filter.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.select-all {
    background-image: url(../images/szaki/select_all.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.expand {
    background-image: url(../images/szaki/expand.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.collapse {
    background-image: url(../images/szaki/collapse.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.rateButtons .x-btn-mc button {
    width:100%;
    height:38px;
    text-align:left;
    padding-left:170px;     
    background-repeat:no-repeat;
    background-position: 80px center;   
}

.rateButtons .btn5 .x-btn-mc button {
    background-image: url(../images/szaki/5star.png) !important;
}

.rateButtons .btn4 .x-btn-mc button {
    background-image: url(../images/szaki/4star.png) !important;
}

.rateButtons .btn3 .x-btn-mc button {
    background-image: url(../images/szaki/3star.png) !important;
}

.rateButtons .btn2 .x-btn-mc button {
    background-image: url(../images/szaki/2star.png) !important;
}

.rateButtons .btn1 .x-btn-mc button {
    background-image: url(../images/szaki/1star.png) !important;
}


.all {
    background-image: url(../images/szaki/all.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.only-friend {
    background-image: url(../images/szaki/friend.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.only-other {
    background-image: url(../images/szaki/other.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.search-down {
    background-image: url(../images/szaki/search_down.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}


.ok {
    background-image: url(../images/szaki/ok.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.refresh {
    background-image: url(../images/szaki/refresh.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.profile {
    background-image: url(../images/szaki/mate_edit.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.esz {
    background-image: url(../images/szaki/esz.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

/* Font styles */
.friend-bold {
    color: #3764a0;
    font: bold 11px tahoma, arial, helvetica, sans-serif;
}

.heading_detail {
    font: 13px tahoma, arial, helvetica, sans-serif;
}

.app-text {
    font: 14px tahoma, arial, helvetica, sans-serif;
}

.empty-text {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}

.print_table {
    width: 100%;
    border: 0;
    text-align: left;
    font-size: 11px;
    font-family: arial;
    border-collapse: collapse;
}

.print_td {
    padding: 4px 3px 4px 5px;
    border-style: none solid solid;
    border-width: 2px;
    border-color: #ededed;
}

.x-combo-list-group {
    color: #3764a0;
    font: bold 12px tahoma, arial, helvetica, sans-serif;
    padding: 2px;
    border: 1px solid #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.x-save-mask div {
    padding: 5px 10px 5px 55px;
    background: no-repeat 5px 20px;
    line-height: 32px;
    background-color: #FFFFD2;
    background-image: url(../images/default/window/icon-info.gif);
}

.selected-row {
    background-color:#EFFFE6 !important; 
}

.blog-link {
    color: #3764a0;
    font: bold 14px tahoma, arial, helvetica, sans-serif;
    text-decoration: underline;
    cursor: pointer;
}

.my-background-class {
  background-color: #E4E4E4;
  background-image: none;
}


/* Rate */
.nullstar {
    background-image: url(../images/szaki/0star.png) !important;
    background-repeat: no-repeat;
}

.bgstar {
    background-image: url(../images/szaki/5star_empty.png) !important;
    background-repeat: no-repeat;
}

.fivestar {
    background-image: url(../images/szaki/5star.png) !important;
    background-repeat: no-repeat;
}

.bgstar-frame {
    background-image: url(../images/szaki/5star_empty_frame.png) !important;
    background-repeat: no-repeat;
}

.fivestar-frame {
    background-image: url(../images/szaki/5star_frame.png) !important;
    background-repeat: no-repeat;
}

.ux-rating-reset,.ux-rating-star {
    float: left;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden
}

.ux-rating-reset,.ux-rating-reset a {
    background: url(../images/szaki/delete.gif) no-repeat 0 -16px
}

.ux-rating-star,.ux-rating-star a {
    background: url(../images/szaki/star.gif) no-repeat 0 0px
}

.ux-rating-reset a,.ux-rating-star a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0px
}

.ux-rating-star-on a {
    background-position: 0 -32px !important
}

.ux-rating-star-hover a {
    background-position: 0 -16px
}

.ux-rating-reset-hover a {
    background-position: 0 -16px
}

.ux-rating-disabled a {
    cursor: default !important
}

.ux-rating-star {
    background: transparent !important;
    overflow: hidden !important
}

.ext-ie .ux-rating-clearfix {
    zoom: 1;
}

.ux-rating-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Infobox */
#msg-div {
    position: absolute;
    left: 150px;
    top: 260px;
    width: 450px;
    z-index: 20000;
}

.info-box-tl {
    background: transparent no-repeat 0 0;
    zoom: 1;
}

.info-box-tc {
    height: 8px;
    background: transparent repeat-x 0 0;
    overflow: hidden;
}

.info-box-tr {
    background: transparent no-repeat right -8px;
}

.info-box-ml {
    background: transparent repeat-y 0;
    padding-left: 4px;
    overflow: hidden;
    zoom: 1;
}

.info-box-mc {
    background: repeat-x 0 -16px;
    padding: 4px 10px;
}

.info-box-mc h3 {
    margin: 0 0 4px 0;
    zoom: 1;
}

.info-box-mr {
    background: transparent repeat-y right;
    padding-right: 4px;
    overflow: hidden;
}

.info-box-bl {
    background: transparent no-repeat 0 -16px;
    zoom: 1;
}

.info-box-bc {
    background: transparent repeat-x 0 -8px;
    height: 8px;
    overflow: hidden;
}

.info-box-br {
    background: transparent no-repeat right -24px;
}

.info-box-tl,.info-box-bl {
    padding-left: 8px;
    overflow: hidden;
}

.info-box-tr,.info-box-br {
    padding-right: 8px;
    overflow: hidden;
}

.info-box-tl {
    background-image: url(../images/szaki/corners.gif);
}

.info-box-tc {
    background-image: url(../images/szaki/tb.gif);
}

.info-box-tr {
    background-image: url(../images/szaki/corners.gif);
}

.info-box-ml {
    background-image: url(../images/szaki/l.gif);
}

.info-box-mc {
    background-color: #C1D9F9;
    background-image: url(../images/szaki/tb.gif);
    font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial",
        sans-serif;
    color: #393939;
    font-size: 12px;
}

.info-box-mc h3 {
    font-size: 14px;
    font-weight: bold;
}

.info-box-mr {
    background-image: url(../images/szaki/r.gif);
}

.info-box-bl {
    background-image: url(../images/szaki/corners.gif);
}

.info-box-bc {
    background-image: url(../images/szaki/tb.gif);
}

.info-box-br {
    background-image: url(../images/szaki/corners.gif);
}

/* dashboard */
.dashboard-button {
    text-decoration: underline;
    cursor: pointer;
    font-size: 13px;
}

.dashboard-button-bold {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
}


.dashboard-button-bold .x-btn-text {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    display: block;
}

.menu-label {
    padding-bottom:10px;
    padding-left: 25px;
}

.border-shadow {
    background-color: #000;
	color: #FFFFFF;
	padding:3px;
	width:96px;
	background: url(../images/szaki/shadowAlpha.png) no-repeat bottom right !important;
}

.pic_mate{
      width: 90px;
      z-index:0;
	  margin-bottom:-20px;	  
} 

.pic_qualif{
      width: 90px;
      z-index:1;
	  padding-bottom:5px;
	  
}

.settings {
    background-image: url(../images/szaki/settings.png) !important;
}

.profs {
    background-image: url(../images/szaki/profs.png) !important;
}


.km {
    background-image: url(../images/szaki/km.png) !important;
}

.keyword {
    background-image: url(../images/szaki/keyword.png) !important;
}

.admin {
    background-image: url(../images/szaki/admin.png) !important;
}

.details {
    background-image: url(../images/szaki/details.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.kmhelp {
    background-image: url(../images/szaki/kmhelp.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}
.kmhelp-get {
    background-image: url(../images/szaki/kmhelp_get.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.kmhelp-result {
    font:normal 15px tahoma, arial, helvetica, sans-serif;
}


.info {
    background-image: url(../images/szaki/info.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.delete {
    background-image: url(../images/szaki/delete.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

#added-mates-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#added-mates-view .thumb{
	width: 70px;
	height: 66px;
	padding: 2px;
}

#added-mates-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#added-mates-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#added-mates-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#added-mates-view .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#added-mates-view .x-view-selected .thumb{
	background:transparent;
}

#added-mates-view .loading-indicator {
	font-size:11px;
	background-image:url('../../resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}


#mate-list-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#mate-list-view .thumb{
	background: #dddddd;
	width: 66px;
	height: 66px;
	padding: 2px;
}

#mate-list-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#mate-list-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#mate-list-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#mate-list-view .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#mate-list-view .x-view-selected .thumb{
	background:transparent;
}

#mate-list-view .loading-indicator {
	font-size:11px;
	background-image:url('../../resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.replace {
    background-image: url(../images/szaki/replace.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
}

.profile-picture {
    background-color: #000;
	color: #FFFFFF;
	width:85px;	
	background: url(../images/szaki/shadowAlpha.png) no-repeat bottom right !important;
}

.browse {
    background-color: #000;
	color: #FFFFFF;
	width:85px;	
	background: url(../images/szaki/browse.png) no-repeat bottom right !important;
	cursor: pointer;
}

.frame {
    background:url(../images/szaki/profile_pic_frame.png) no-repeat scroll center top transparent;
	height:140px;
	width:140px;
}
.bubble {
    background:url(../images/szaki/profile_bubble.png) no-repeat scroll center top transparent;
	height:140px;
	width:400px;	
}
.bubble-text {
	height:140px;
	width:400px;	
	padding-left:25px;
	padding-top:5px;
}

.profile-text {
    text-align: left;
    font-size: 12px;
    font-family: arial;
}


.x-tab-strip span.x-tab-strip-inner .menuSearchOut,.menuSearchOut {
    background-image: url(../images/szaki/searchOut.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 20px;
}

.x-tab-strip span.x-tab-strip-inner .menuMateOut,.menuMateOut {
    background-image: url(../images/szaki/mateOut.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 20px;
}

.x-tab-strip span.x-tab-strip-inner .menuAboutOut,.menuAboutOut {
    background-image: url(../images/szaki/joszakiOut.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 20px;
}

.x-tab-strip span.x-tab-strip-inner .menuConnectOut,.menuConnectOut {
    background-image: url(../images/szaki/connecOut.png) !important;
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 20px;
}

.undo {
    background-image: url(../images/szaki/undo.png) !important;
}

.close {
    background-image: url(../images/szaki/close.png) !important;
}

.add-prof {
    background-image: url(../images/szaki/add.png) !important;
}