/* Userinfo */
.user-wr {background-color:#FFF; border:1px solid #e3e3e3; margin:0 auto 20px auto; max-width:1000px;}
.user-inner {padding-left:200px; position:relative;}
.user-inner:before {width:200px; height:100%; box-shadow:10px 0 10px -10px rgba(0,0,0,0.2); 
content:""; position:absolute; left:0; top:0; z-index:5;}
.user-left {width:200px; margin-left:-200px; float:left; padding:20px; position:relative; z-index:10;}
.user-right {width:100%; float:right; padding:20px 30px;}
.user-avatar {width:100px; margin:10px auto; box-shadow:0 0 0 10px #f5f5f5;}
.user-avatar img {width:100%; display:block;}
.user-status {margin:20px 0 20px 0; text-align:center;}
.user-connect a {display:block; padding:7px 10px; margin-top:10px; border-radius:4px; font-size:14px; text-align:center; 
color:#fff !important; background-color:#06c;}
.user-right h1 {font-size:18px; font-weight:700; margin-bottom:10px;}
.ur-item {padding:10px 0 10px 150px; font-size:12px; border-bottom:1px dotted rgba(0,0,0,0.2);}
.ur-item:last-child {border-bottom:0; padding-bottom:0;}
.ur-left {width:150px; margin-left:-150px; float:left; font-weight:700; color:5c5c5c;}
.ur-right {width:100%; float:right;}
.ur-right a {color:#007ac2; text-decoration:underline; margin:0 10px;}
.user-edit {border-top:1px solid #e3e3e3; background-color:#f5f5f5; padding:20px;}
.user-edit a {display:block; padding:10px 20px; text-align:center; background-color: #FC0; color:#000 !important; 
font-weight:bold; font-size:16px; border-radius:4px;}

@media screen and (max-width: 760px) {
.user-inner {padding-left:0;}
.user-inner:before {display:none;}
.user-right, .user-left {width:100%; float:none; padding:10px; margin-left:0;}
.ur-item {padding:10px 0;}
.ur-right, .ur-left {width:100%; float:none; margin-left:0;}
}

/* Userinfo popup */
.userinfo { padding-left: 110px }
.userinfo .left { margin-left: -110px; width: 80px }
.userinfo .left .avatar { margin:0 0 5px 5px; float:none !important; }
.userinfo .right { margin: 0; width: 95% }
.usinf li, .userinfo  ul.right li { padding: 5px 0; border-top: 1px dotted #D9D9D9; font-size:12px; }
.usinf li:first-child, .userinfo  ul.rcol li:first-child { border: 0 none }
.uibtn { font-size: 11px }
.ussep { padding-top: 1.2em }
.left {float:left;}
.right {float:right;}

/* infored */
.infored {background:#FBFDEB; color:#6A1618; margin: 0 0 20px 0; padding: 7px 13px; line-height:21px; border: 1px solid #EFF0E7;}
.infored b { color:#212121;}
.infored a { color:#1E729B; text-decoration:underline; font-weight:700;}
.infored a:hover {text-decoration:none;}

.ui-button:hover{text-shadow:0px 1px 0px #fff;background:url('../images/button_mybz.png') repeat-x #ECECEC; color:#212121;}
.ui-button:active{background:#E3E3E3;text-shadow:none;-moz-box-shadow:0px 0px 1px #8B8B8B inset, 0px 0px 1px #fff, 0px 0px 1px #fff}
button.ui-button::-moz-focus-inner{border:0;padding:0}

.ui-state-error{background:#fef1ec 50% 50% repeat-x;border:1px solid #dedede;color:#cd0a0a;}
.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px;}
.ui-draggable .ui-dialog-titlebar{cursor:move;}
* html .ui-autocomplete{width:1px;}
.ui-autocomplete{position:absolute;cursor:default;}
.ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left;}
.ui-menu .ui-menu{margin-top:-3px;}
.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;}
.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px;}

/*--- DROP NENU ---*/
#dropmenudiv { font: 12px Arial; padding: 10px; display: none; background: #fff; 
border-radius: 8px;  box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important;}
#dropmenudiv a { display: block; text-decoration: none; padding: 5px 8px; width: 154px }

/* PM */
.pm_menu {margin-bottom: 10px; height: 42px;}
.pm_menu li { float: left }
.pm_menu a {padding: 0 15px; background: #fff; color: #444; margin-right: 10px; height: 40px; line-height: 40px; display:block;}
.pm_menu a:hover {background:#06c; color: #fff !important;}
.pm .navigation {display:none;}

.pm_status { margin-bottom:40px }
.pm_status_head { border-bottom: 1px solid #E3E3E3; font-size: 0.9em; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e }
.pm_progress_bar { border-radius: 4px; border: 1px solid #d8d8d8; background-color: #fff; padding: 4px; margin-top: 10px; margin-bottom: 10px }
.pm_progress_bar span { border-radius: 2px; background: #fb643c; font-size: 0; text-indent: -2000em; height: 10px; display: block; overflow: hidden }

.pm_list span {color:#717171;}
.pm, .userstop {border:1px solid #ccc;}
.pm tr td, .userstop tr td {padding:10px; border:1px solid #E1E1E1; font-size:12px;}
.pm tr:nth-child(2n+2), .userstop tr:nth-child(2n+2) {background-color:#f9f9f9;}
.pm select {float:right; width:170px; margin-bottom:10px;}