/* Multiselect
----------------------------------*/
	.multiselect {
		width: 800px;
		height: 400px;
	} 
    
    select, select[multiple],
    select[size] {
      height: 400px!important;
    }

.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 40px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { border-left:1px solid #333; position: relative; padding: 0; margin: 0;  float:right; width:350px!important; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0;  float:left;  width: 436px!important; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px; min-height:29px; }
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 10px; top: 6px; }
 
.ui-multiselect input.search { border:1px solid #ccc; padding: 3px; height:20px; opacity: 0.5; margin: 4px; width: 200px; }



/*--------- CodeJudge Styles -   By Deepak Maurya  -----*/
#id_accept_solutions_in li.active{ color:#000; font-weight:bold;  background:#cdcfd4; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; margin-right:5px;}

#id_accept_solutions_in li label{ float:left; width:auto; padding:0; cursor:pointer; left:-10px; position:relative; }
#id_accept_solutions_in li input[type=radio]{ float:left; margin:2px 5px 0 0; opacity:0; }

#contestques{ clear:both; }
#contestques label{ float:left; display:block; font-weight: bold; padding: 14px 20px 10px 10px; text-align: right; width: 120px; }
#contestques .ui-multiselect{ float:left; }
#contestques .connected-list li{ min-height:40px; margin-bottom:5px; padding:15px 60px 10px 10px; background-image: -ms-linear-gradient(top, #FFFDF7 0%, #EFEFEF 100%); background-image: -moz-linear-gradient(top, #FFFDF7 0%, #EFEFEF 100%); background-image: -o-linear-gradient(top, #FFFDF7 0%, #EFEFEF 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFDF7), color-stop(1, #EFEFEF)); 
background-image: -webkit-linear-gradient(top, #FFFDF7 0%, #EFEFEF 100%); background-image: linear-gradient(to bottom, #FFFDF7 0%, #EFEFEF 100%); height:auto; border-bottom:1px solid #e7e7e7; }

#contestques .selected li{ padding:10px 60px 10px 20px; }

#contestques .connected-list li.ui-state-default .ui-icon{ background-image:url(images/multiselect-items.png); background-repeat:no-repeat;  height:40px; width:40px; }
#contestques .connected-list li .ui-icon-plus{ background-position:0 0; }
#contestques .connected-list li .ui-icon-minus{ background-position:0 -40px; }

#contestques .connected-list li .ui-icon-arrowthick-2-n-s { background:url("images/ui-icons_454545_256x240.png") -128px -48px!important; height:16px!important; width:16px!important;}
.codeJformField ul {list-style:none;}
.codeJformField ul  li{float:left; padding: 11px;}
