/* list-search & list-sort.css */
.list-search{ display: inline-block; position: relative; vertical-align: top; margin: 0 0 0 5px;}
.list-search .searchpick{ float: left; position: relative; z-index: 2; border: solid 1px #6686B6; background: url(../images/bt-option.png) 100% 0; height: 22px; padding: 0 25px 0 10px; cursor: pointer;}
.list-search .searchoptions{ display: none; border: solid 1px #777; position: absolute; left: 0; top: 21px; list-style-type: none; margin: 0; padding: 3px 0 0; z-index: 1; background: #FFFFFF;}
.list-search .wInput, .list-search .wSelect{ border-left: 0; border-right: 0; display: none;}
.list-search .wInput span{ padding: 2px 0;}
.list-search .wInput input.inputbox{ width: 200px;}
.list-search .wSelect select.selectbox{ width: 200px; height: 22px;}
.list-search span.current{ display: inline-block; float: left;}
.list-search .searchoptions div, .list-search .sortoptions div{ line-height: 25px; padding: 0 20px; color: #999; border-bottom: 1px solid #BEC6D9;}
.list-search li { position: relative; font-size: 12px; line-height: 25px; padding: 0 20px; cursor: pointer;}
.list-search li:hover { background: #6686B6; color: #FFFFFF;}
.list-search li.current { background: url(../images/item-tick.png) 0 8px no-repeat; font-weight: bold;}
.list-search li.current:hover{ background: #6686B6 url(../images/item-tick.png) 0 -52px no-repeat;}
.open-search div.searchpick{ background: #6686B6 url(../images/bt-option-open.png) 100% 0;}
.open-search ul.searchoptions{ display: block;}
.list-search .sortpick{ float: left; position: relative; z-index: 2; border: solid 1px #6686B6; cursor: pointer; width: 20px; height: 22px;}
.list-search .sortpick-asc{ background: #fff url(../images/sort_asc.png) 50% 2px no-repeat;}
.list-search .sortpick-desc{ background: #fff url(../images/sort_desc.png) 50% 2px no-repeat;}
.list-search .sortoptions{ display: none; border: solid 1px #777; position: absolute; right: 0; top: 21px; list-style-type: none; margin: 0; padding: 3px 0 0; z-index: 1; background: #FFFFFF;}
.list-search li span.sortasc{ color: #00f;}
.list-search li span.sortdesc{ color: #c00;}
.list-search li .sortdir{ display: block; position: absolute; font-size: 14px; font-weight: bold; top: 0; right: 7px; line-height: 18px;}
.nosort span.wInput, .nosort span.wSelect{ border-right: 1px solid #bec6d9;}
.open-sort .sortpick { border: 1px solid #6D84B4; border-bottom: 0; padding: 0 0 1px;}
.open-sort .sortoptions { display: block;}

/* list-filter.css */
.list-filter, .content-filter { margin: 0 0 15px; position: relative; height: 25px;}
.list-filter a{ position: relative; display: inline-block; font-weight: bold; padding: 5px; margin: 0 5px 0 0;}
.list-filter a.current, .list-filter a:hover, .list-filter a:focus { background: #6686B6; color: #FFFFFF; text-decoration: none;}
.list-filter a i{ display: none; position: absolute; bottom: -8px; left: 0; background: url(../images/arrowd.png) no-repeat 45% 0; width: 100%; height: 13px;}
.list-filter a.current i{ display: block;}

/* list-view.css */
.listnotewrap{ text-align: right;}
.list-note{ display: inline-block; margin: 20px 0 0; border: 1px solid #ddd; padding: 10px;}
.list-note a{ font-weight: bold;}
.list-view{ position: relative;}
.list-view .items{ margin: 15px 0; min-height: 300px;}
div.list-no-minheight .items{ min-height: 0;}
.list-view .items .empty{ display: block; text-align: center; line-height: 20px; padding: 140px 0;}
.list-view .first {}
.list-view .datahead{
	font-weight: bold;
	font-size: 14px;
}
.list-view div.datahead .has-left{ min-height: 0;}
.list-view .datarow {
	background: url("../images/title-min.png") no-repeat 0 50%;
	position: relative;
	overflow: hidden;
	padding: 4px 3px 8px 32px;
	border-bottom: #2f3d5b 1px dotted;
}
.list-view .items .datahead{
	background: none;
}
.list-view .datarow:first-child{
	
}
/*.list-view .datarow:hover{ background: #eee;}
.list-view .datarow-link:hover { background: #EEEEEE; cursor: pointer;}*/
.list-view .datarow .col2-set{ clear: both; margin: 5px 0 0; position: relative;}
.list-view .datarow .col2-set-nomargin{ margin: 0;}
.list-view .datarow .big-margin{ margin-top: 15px;}
.list-view .datarow .row1 .col-1 { width: 70%;}
.list-view .datarow .row1 div.col-1-long { width: 80%;}
.list-view .datarow .row1 div.col-1-short{ width: 65%;}
.list-view .datarow .row1 div.col-1-veryshort{ width: 53%;}
.list-view .datarow .row1 .note{ display: inline-block; margin: 8px 0 0; color: #777;}
.list-view .datarow .row1 .note i.continue{ background: url(../images/arr-red-r.png); display: inline-block; vertical-align: middle; width: 8px; height: 7px; margin: 0 0 2px 5px;}
.list-view .datarow .row1 .note-black{ display: inline-block; margin: 5px 0 0; color: #333;}
.list-view .datarow .row1 .col-2 { width: 29%; text-align: right;}
.list-view .datarow .row1 div.col-2-short { width: 19%;}
.list-view .datarow .row1 .col-abs{ position: absolute; top: 0; right: 14%; width: 14%; text-align: center;}
.list-view .datarow .row1 div.col-abs-long{ width: 18%; right: 16%;}
.list-view .datarow .row1 div.col-abs-longright{ width: 22%; right: 12%;}
.list-view .datarow .row1 div.col-abs-verylong{ width: 28%;}
.list-view .datarow .row1 .col-2 .city{ display: block; margin: 5px 0 0;}
.list-view .datarow .row2 .col-1 { width: 67%}
.list-view .datarow .row2 .col-2 { width: 32%; text-align: right;}
.list-view .datarow .options{ margin: 15px 0 0;}
.list-view .datarow .options li{ list-style: square outside; margin: 4px 0 0 15px; line-height: 18px;}
.list-view .datarow .row-expand{ display: none; position: relative; padding: 0 0 12px;}
.list-view .datarow-expand div.row-expand{ display: block;}
.list-view .datarow .row-expand .close{ display: block; position: absolute; bottom: -5px; left: 50%; background: url(../images/arr-t.png); width: 45px; height: 12px;}
.list-view .datarow .row-expand .list-view{ margin: 5px 20px 10px 100px; background: #fff; padding: 5px 5px 10px 5px;}
.list-view .datarow .row-expand .list-view .items{ margin-top: 0; min-height: 0;}
.list-view .datarow .row-expand div.list-view-loading{ background: #fff url("../images/listload.gif") no-repeat 50% 50%;}
.list-view .datarow .row-expand div.list-view-loading .items{ height: auto;}
.list-view .datarow .datarow .row-expand{ display: none; position: relative; padding: 0 0 12px;}
.list-view .datarow .datarow-expand div.row-expand{ display: block;}
.list-view .datarow .expand-info{ font-size: 10px; line-height: 18px; margin: 5px 0 3px 100px; padding: 5px;}
.col2-list .list-view .datarow .expand-info{ margin-left: 50px;}
.list-view .datarow .expand-info dt{ float: left; width: 95px;}
.list-view .datarow .expand-info dd{ margin-left: 100px;}
.list-view .datarow div.discount{ background: url(../images/discount.png); width: 100px; margin: 0 10px 0 0; line-height: 28px; text-align: center; color: #fff;
font-weight: bold; font-style: italic; cursor: pointer;}
.list-view .datarow .loading{ background: url(../images/rowload.gif) 100% 0 no-repeat;}
.list-view .datarow .row-notify{ text-align: center; color: #c00; line-height: 20px; margin: 10px 0 0;}
.list-view .datarow .row-notify-error{ font-weight: bold;}
.list-view .datarow .lockreason{ font-weight: bold; font-style: italic; color: #c00;}
.list-view .datarow a {
	margin: 0 5px 0 0;
	line-height: 18px;
}
.list-view .datarow a.last { margin: 0;}
.list-view .datarow a.button, .list-view .datarow a.button1, .list-view .datarow a.button2{ line-height: 24px;}
.list-view .datarow .has-left{ position: relative; min-height: 71px;}
.list-view .datarow .has-left .col2-set{ margin-left: 101px;}
.list-view .datarow .has-left .col2-set .col2-set{ margin-left: 0;}
.list-view .datarow .has-left .col-logo{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	border: 1px solid #ddd;
}
.list-view .datarow .has-left .col-data{ position: absolute; display: inline-block; top: 0; left: 0;}
.list-view .datarow .has-left-1{ min-height: 106px;}
.list-view .datarow .has-left-1 .col2-set{ margin-left: 140px;}
.list-view .datarow .has-left-1 .col-logo{ width: 130px; height: 100px;}
/*
.list-view .datarow div.has-left .col-logouser{ background-image: url(../images/noimgu10070.gif);}
.list-view .datarow div.has-left .col-logosupplier{ background-image: url(../images/noimgs10070.png);}
*/
.list-view .datarow .has-left-small{ position: relative; min-height: 41px;}
.list-view .datarow .has-left-small .col2-set{ margin-left: 70px;}
.list-view .datarow .has-left-small .col2-set .col2-set{ margin-left: 0;}
.list-view .datarow .has-left-small .col-logo{ position: absolute; display: block; top: 0; left: 0; border: 1px solid #ddd; width: 60px; height: 40px; background-repeat: no-repeat; background-position: 50% 50%;}
/*
.list-view .datarow div.has-left-small .col-logouser{ background-image: url(../images/noimgu6040.gif);}
.list-view .datarow div.has-left-small .col-logosupplier{ background-image: url(../images/noimgs6040.png);}
*/
.list-view .datarow .has-left-nopic{ min-height: 0;}
.list-view .datarow .extra-box { display: none; border-top: 0; margin-top: 20px;}
.list-view .datarow .extra-actions{ display: inline-block;}
.list-view .datarow .extra-loading{ background: url(../images/rowload.gif) no-repeat;}
.list-view .datarow .lastupdate{ position: absolute; bottom: 5px; right: 5px; font-size: 10px; color: #666;}
.list-view .datarow .board{ display: none; margin: 10px 0 0;}
.list-view .datarow-highlight{
	background: #ffb;
}
.list-view .datarow-highlight:hover{
	background: #ffb;	
}
.list-view .datarow-highlight:hover .board{
	background: #eee;
}
.list-view .datarow:hover .board{ display: block;}
.list-view .datarow-group{ border-bottom: 0; border-top: 1px solid #ddd;}
.list-view .datarow-groupfirst{ border-top: 0;}
.list-view .datarow-sub{ border-bottom: 0; border-top: 1px dashed #ddd;}
.list-view .datarow-delete, .list-view div.datarow-delete:hover{ background: url(../images/dot.png) repeat-x 0 50%;}
.list-view .datarow-delete div{ white-space: nowrap; overflow: hidden;}
.list-view .datarow-delete .lockreason{ display: none;}
.list-view .datarow-delete a:hover{ text-decoration: none;}
.list-view .datarow-delete .row2{ display: none;}
.list-view .datarow-delete .row-notify{ position: absolute; top: 5px; right: 3px; background: #fff; font-style: normal; line-height: 14px; margin: 0; padding: 0 0 0 5px;}
.list-view .datarow-delete *{ filter: inherit;} /* fix Bug with Opacity in IE */
.list-view div.datarow-delete > .col2-set{ height: 14px;}
.list-view div.datarow-delete .left-delete > .col2-set{ height: 14px;}
.list-view div.datarow-delete .left-delete .col-data{ display: none;}
.list-view div.datarow-delete .left-delete .col-logo{ display: none;}
.list-view .show-extra .extra-box { display: block; clear: both;}
.list-view .show-extra { padding-bottom: 0;}
.list-view .show-extra .datanote-middle { bottom: 231px;}
.list-view .show-extra:hover{ background: none;}
.list-view .list-footer{ 
	padding: 20px 0;
}
.list-view .list-footer .summary, .list-view .list-footer .pager{ /*position: absolute; bottom: -30px;*/ font-size: 11px; margin: 0;}
.list-view .list-footer .summary{ /*left: 0;*/ float: left;}
.list-view .list-footer .pager{ /*right: 0;*/ float: right; font-weight: bold;}
.list-view .list-footer .pager .yiiPager{
	font-size: 12px;
}
.list-view .list-footer .pager .yiiPager a{ 
	color: #000;
	border: 1px solid #f1bb77;
	padding: 2px 6px;
	background: #fff;
	border-radius: 4px;
}
.list-view .list-footer .pager .yiiPager .hidden a{ display: none;}
.list-view .list-footer .pager .yiiPager .selected a{
	color: #fff;
	background: #f1bb77;
}
.list-view .list-footer .pager .yiiPager a:hover{
	color: #fff;
	background: #e0aa66;
	font-weight: bold;
}
.list-view .list-footer .pager .yiiPager .selected a:hover{ 
	color: #fff;
	background: #e0aa66;
}
.list-view .publish, .list-view .unpublish { display: block; width: 16px; height: 16px;}
.list-view .publish { background: url(../images/tick.png) no-repeat;}
.list-view .unpublish{ background: url(../images/publish_x.png) no-repeat;}
.list-view-loading { background: url("../images/loading.gif") 50% 50% no-repeat;}
.list-view-loading .items{ height: 300px; overflow: hidden; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.list-view-loading .items *{ filter: inherit;}

/*list loaded by Ajax*/
.list-init-loading{ background: url(../images/loading.gif) 50% 50% no-repeat;}
.list-init-loading .items{ visibility: hidden;}
.list-init-loading .list-footer{ visibility: hidden;}

/* list-view - col2-list */
.col2-list { position: relative; background: url(../images/dot.png) repeat-y 50% 0;}
.col2-list .list-view .list-header{ position: absolute; top: -40px; left: 0;}
.col2-list .list-view .summary{ text-align: left;}
.col2-list .list-view .pager .previous, .assign-employer .list-view .pager .next { display: none;} 
.col2-list .list-view .pager .yiiPager a:link, .assign-employer .list-view .pager .yiiPager a:visited{ font-size: 9px; padding: 1px 4px;}
.col2-list .list-search .wInput input.inputbox { width: 150px;}
.col2-list .ico-exchange { background: url(../images/exchange.png) 50% 50% no-repeat;}
.col2-list .list-view .datarow .has-left-nopic .col-data{ width: 100px;}
.col2-list .list-view .datarow .has-left .col2-set{ margin-left: 105px;}
