#orders{ position: relative; width:740px; min-height:530px; font:1em Verdana; background:none; }
#field{border:2px solid #79A777;width:600px; height:100%; min-height:520px; background: #40823D; position:relative;z-index:auto;}
#tab_order{background: url('orders/field.png') no-repeat; width:600px; min-height:520px}
#list{display:none;float:right; width:130px; padding:23px 0 0 5px; }
#players{border:2px solid #79A777; border-bottom:1px solid black; background:#6c816c;position:relative;z-index:auto;}
select#sorting{ width:100%;margin-bottom: 5px;}
input#send,input#reset,input#lineups{margin:9px 0 0 7px;cursor:pointer;width:130px;display:none;color:#000000;}
input#send{background:#40823D;color:white;font-weight:bold;}
#lineups #teamtactics{margin-top:5px;}
#lineups lineupControl {margin:3px 0 5px 0; display:block}
#lineups a {color:white;margin-left:10px}
#tactics {position:absolute; bottom:15px; right:20px; text-align:right;color:#fff;}
#tabs_lineups{color:orange; font-size:1.2em;position:absolute; left:130px; top:70px; width:341px; height:300px; display:none; z-index:1000; opacity:0.95;}
#tabs_lineups .savedLineup .standard {display:none;border:2px solid #000;-moz-border-radius:7px;-webkit-border-radius:7px;background:#fff;color:#000;position:absolute;right:16px;top:-8px;font-weight:900;font-size:0.8em;cursor:pointer;padding:3px 5px;}
#tabs_lineups .savedLineup .s{font-size:0.8em;color:#aaa;margin-left:10px;}
#tabs_lineups .savedLineup:hover .standard {display:inline;}
#tabs_lineups .savedLineup .standard:hover{background:yellow;}
#editLineupDone{ color:#eee; font-size:0.8em; float: right; padding-top: 10px; }
#saveLineupAs{ position:absolute; bottom: 0px; right:10px; color:white}
#orders input{padding:2px;}
.savedLineup{cursor:pointer;position:relative;background:#346B32;-moz-border-radius:7px;-webkit-border-radius:7px;color:#FFF;margin:5px 0;padding:5px 7px;}
.savedLineup:hover{background:green;}
#orders ul li{padding-bottom:0;}

/* Players and positions */
#orders #players .player.used{background:gray;border-left:5px solid gray;}
#orders #players .player.bench{background:darkgray;border-left:5px solid darkgray;}
#orders #players .player.used.ui-draggable-dragging{background:#3f7137;}

#orders #players .player .cards_health{position:absolute; right:5px;}
#orders #players .player.ui-draggable-dragging .cards_health{display:none;}
#orders #players .player {position:inherit;}
#orders #field .player.highlight{border-color:orange;}
#orders .player{ border-left:5px solid #3f7137; }
#orders #field .player .cards_health{ display: none; }
#orders #players .player.used.highlight{ border-left:5px solid orange; }
#orders .position .player, .player.ui-draggable-dragging{width:90px;height:45px;font-size:0.9em;-moz-border-radius:7px;-webkit-border-radius:7px;border: 2px solid #79A777 !important;padding:0;margin:0;z-index:200;}
#orders .player.ui-draggable-dragging{-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);z-index:1000;}
#orders .highlight {font-weight:normal;}
#orders .position .player{top:-2px;left:-2px;}
#orders .position .player .skillLevel, .player.ui-draggable-dragging .skillLevel{ display:none;}
#orders .position .player .name, .player.ui-draggable-dragging .name{text-align:center;position:absolute;bottom:3px;left:0;display:block;width:100%;}
#orders .position{-moz-border-radius:7px;-webkit-border-radius:7px;width:90px;height:45px;background:#3F7137;border: 2px solid #79a777;color:#526e52;position:absolute;}
/*.position{position:absolute; width:100px; height:60px }*/
#orders .position.hover{ border-color:orange; opacity:1; }
#orders .player{cursor:move;position:relative;color:white;background:#3f7137;padding:3px 4px 3px 2px;border-bottom:1px solid #333;}
#orders .substitution{position:relative; padding: 0 7px 5px 17px; background:#346B32; border:2px solid black;-moz-border-radius: 7px;-webkit-border-radius: 7px;color:White; margin:10px 0; min-height:90px; width:95%;}
#orders .substitution .moreConditions {position:absolute; bottom:8px; right:8px; color:white}
#orders .substitution .remove,.savedLineup .remove{border:2px solid #000;-moz-border-radius:7px;-webkit-border-radius:7px;background:red;color:#FFF;position:absolute;right:-8px;top:-8px;font-weight:900;font-size:0.8em;cursor:pointer;padding:3px 5px;}
#orders .substitution .index{border:2px solid #000;-moz-border-radius:7px;-webkit-border-radius:7px;background:#346B32;color:#FFF;position:absolute;left:-8px;top:-8px;font-weight:900;font-size:0.8em;padding:3px 5px;}
.savedLineup .remove { display:none; }
.substitution .remove:hover,.savedLineup .remove:hover{background:orange;}
.substitution .advanced{margin:30px 0 0 2px; display:none }
.substitution .conditions{float:left; margin:1px 0 10px 0;}
.substitution .conditions p {margin: 0 0 5px 0;}
.conditions select{width:200px;display:block; margin-bottom:10px}
.substitution p {margin: 0 0 7px 0;}
.substitution .behaviour{display:block;}
.substitution .minutes { width:150px; margin: 0px 15px 0px 35px}
.substitution .minutes-minus, .substitution .minutes-plus {color:#000;text-align:center;width:1.2em;height:1.2em;border:2px solid #000;-moz-border-radius:7px;-webkit-border-radius:7px;background:white;font-weight:900;font-size:0.9em;cursor:pointer;padding:1px 1px;}
.minutescontainer {width: 200px; margin: 23px 0px 5px 0px}
.minutescontainer > div {float: left;}

/* Minifield, for new player positions */
#orders .minifieldWrapper{float:left; margin:0 63px 10px 4px;}
#orders .minifield{float:left; width:125px; position:relative;background:#40823d; opacity: 0.8; padding:5px; border:2px solid #000; -moz-border-radius:7px;-webkit-border-radius:7px;}
#orders .minifield .moveTo{width:15px; height:10px; border:1px solid white;margin:4px; float:left;cursor:pointer}
#orders .minifield .moveTo:hover{border-color:yellow;}
#orders .minifield .p0{margin-left:54px; }
#orders .minifield .p11{margin-left:29px; }	
#orders .minifield .moveTo.active {border-color:orange;background:yellow}	
#orders .minifield .occupied{background:darkgrey;}

#orders #field .player .shirt, 
.player.ui-draggable-dragging .shirt{background:url('orders/shirt.png') no-repeat;top:-7px;left:-7px;width:42px;height:32px;position:absolute;text-align:center;z-index:100;}
#orders #field .player .shirt .nr, 
#orders #players .player.ui-draggable-dragging .shirt .nr,
#orders #field .player.ui-draggable-dragging .shirt .nr{line-height:35px;color:#333;font-weight:bold;display:inline;}
#orders #field .player .name .nr,
#orders #players .player.ui-draggable-dragging .name .nr,
#orders #players .player .shirt .nr{display:none;}
.player.ui-draggable-dragging{ z-index:100; }


/* Drop zones */
#orders .p0{ left:253px; }
#orders .p3, #orders .p8, #orders .p12{left:278px; width:40px; }
#orders .p2, #orders .p7, #orders .p11{ left:173px; }
#orders .p4, #orders .p9, #orders .p13{ right:173px; }
#orders .p5, #orders .p10, #orders .p18, #orders .p18_text{ right:20px; }
#orders .p1, #orders .p6, #orders .p14, #orders .p14_text, #orders .p19, #orders .p19_text{ left:20px; }
#orders .p0{ top:12px; }
#orders .p2, #orders .p3, #orders .p4,#orders .p1,#orders .p5{ top:75px; }
#orders .p6, #orders .p7, #orders .p8, #orders .p9, #orders .p10{ top:165px; }
#orders .p11, #orders .p12, #orders .p13{ top:255px; }
#orders .p2.x, #orders .p7.x, #orders .p11.x, #orders .p15, #orders .p15_text, #orders .p20, #orders .p20_text{ left:150px; }
#orders .p4.x, #orders .p9.x, #orders .p13.x, #orders .p17, #orders .p17_text{ right:150px; }
#orders .p3.x,#orders .p8.x,#orders .p12.x,#orders .p16, #orders .p16_text{width:90px;opacity:1; left:253px;}
#orders .helptext {position:absolute;width:90px;color:#79a777;text-align:center;font-weight:bold;}

/* subs */
.p14, .p15, .p16, .p17, .p18{ top:345px;}
.p14_text, .p15_text, .p16_text, .p17_text, .p18_text{top:400px;}
.p0 .tactic,.p14 .tactic,.p15 .tactic,.p16 .tactic,.p17 .tactic,.p18 .tactic,.p19 .tactic,.p20 .tactic,.p21 .tactic,.p22 .tactic,.p23 .tactic,.p24 .tactic,.p25 .tactic,.p26 .tactic,.p27 .tactic,.p28 .tactic,.p29 .tactic,.p30 .tactic, #tab_penaltytakers .position .tactic {display:none;}

/* captain and kicker 1*/
.p19, .p20{ top:430px;}
.p19_text, .p20_text{ top:485px;}

/* Pos abbreviations*/
#orders .pos_abbr{color:#79a777;font-weight:bold;position:absolute;margin-left:35px;margin-top:10px;}
#orders .p3 .pos_abbr, #orders .p8 .pos_abbr, #orders .p12 .pos_abbr{margin-left:10px;}
#orders .p3.x .pos_abbr, #orders .p8.x .pos_abbr, #orders .p12.x .pos_abbr{margin-left:35px;}
#orders #players .pos_abbr{display:none;}

/*  Progressbar */
.progressbar{ height:9px; }
.skillLevel {position:absolute; top:2px; right:4px; min-width:15px}
.progressbar div, .skillLevel div{ height:7px; width:6px; margin-left:1px; background:orange; float:left; }
.progressbar div.x {background:#A6BAA6;}
.progressbar div.n {background:transparent;line-height:7px;margin-left:2px;}
.skillLevel div{margin:4px 0 0 3px; float:right;}

/* Tactics */
.tactic{ position:absolute; right:1px;top:1px; width:26px; cursor:pointer; height:26px;}
.normal .tactic{ background:url('orders/normal.png') no-repeat; }
.offensive .tactic{ background:url('orders/down.png') no-repeat; }
.defensive .tactic{ background:url('orders/up.png') no-repeat; } 
.p5.middle .tactic,.p10.middle .tactic,.p14.middle .tactic, .p2.wing .tactic,.p7.wing .tactic,.p11.wing .tactic{ background:url('orders/left.png') no-repeat; }
.p1.middle .tactic, .p6.middle .tactic,.p4.wing .tactic,.p9.wing .tactic,.p13.wing .tactic{ background:url('orders/right.png') no-repeat; }
.p4.wing, .p9.wing, .p13.wing{ margin-right:-18px; }
.p1.middle,.p6.middle{ margin-left:18px; }
.p2.wing,.p7.wing,.p11.wing{ margin-left:-18px; }
.p5.middle, .p10.middle, .p14.middle{ margin-right:18px; }
.position.defensive{ margin-top:-18px; }
.position.offensive{ margin-top:18px; }
#tab_penaltytakers .position{position:relative; float:left; margin:7px;}

#players .tactic{ display:none;}
.player.ui-draggable-dragging .tactic{ display:none;}

/* Tabs */
#orders ul {margin-bottom:-2px}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; overflow: hidden; z-index: 1000; margin:0; }
.ui-tabs .ui-tabs-nav li { font-size: 1.1em; position: relative; float: left; border-bottom-width: 0 !important; margin: 0 4px -1px 0; background: #40823d; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 4px 10px 3px 10px; color:#eee; text-decoration:none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{ border-bottom:0;padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{ color:yellow; text-decoration:none; font-weight:bold;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-corner-top { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
#order_tabs{display:none; float:left;width:70%;}
#tab_penaltytakers{ height:400px; padding:30px; }
#tabs_lineups.ui-tabs .ui-tabs-nav li { font-size: 0.9emf; border: 2px solid #fff; background: #000; }

/* Player details */
#details, #loading,#dialog{z-index:1000; color:black; background:#405140;-moz-border-radius:12px;-webkit-border-radius:12px;border: 4px solid #111;}

#details {display:none; opacity:0.9;position:absolute;top:330px;left:18px;overflow:hidden;padding:5px 0 0 0px;}
#details #skills{font-weight:700;font-size:0.85em; color:#fff;float:left;padding:10px;}
.skill, .clear{clear:both;}
#details .name{font-weight:700;font-size:1.3em;color:#a6baa6; margin-left:10px; position:relative;}
#details .name span{font-size:0.7em;font-weight:normal;margin-left:10px;color:white;}
#details .loading{ width:65px; height:65px; margin: 30px 20px 0 25px; float:left; background:url('orders/loading.gif') no-repeat;}
#details #skills .unknown {color:#888;}
#details #face {float:left;}
#details #face.loading{padding:50px; padding-top:52px;position:relative;}

#details .specials{color:#a6baa6;margin:0 10px 0 10px;}
#details .specials span{text-decoration:underline;}

#details table{padding:0;margin:0;width:auto;}
#details table td{text-align:left;}		

#loading, #dialog{left:50%;top:48%;margin-left:-175px;opacity:0.9; margin-top:-75px;z-index:10000;color:white;text-align:center;position:absolute;-moz-box-shadow:5px 5px 10px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.5);}
#loading{background:url('orders/loading.gif') #405140 no-repeat;background-position: center 35%;padding:100px 60px 30px;font-weight:bold;font-style:italic;font-size:1.2em;}
#dialog {width:300px;display:none;font-size:1.2em;padding:20px;position:fixed;top:45%;}

#dialogOK{margin: 10px auto 0; padding: 2px 5px !important; display: block;}

/* FaceCards */
#orders .faceCard{width:110px;height:133px;float:left;margin:0;position:relative;background-image:none;}
#orders .faceCard img{position:absolute;}
#orders .faceCategories{width:300px;float:left;}

/* texts */
#sub_winger{top:335px;left:23px;}

#tab_subs{padding:15px;}
#tab_subs .player{cursor: auto;}
#tab_savedlineups, #tab_oldlineups{padding:0 8px; padding-top:5px; overflow:auto; height:260px}
#lineupWrapper {background:black; border: 2px solid white;-moz-box-shadow:5px 5px 10px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.5); -moz-border-radius: 7px;-webkit-border-radius: 7px; -moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px; padding:15px 15px 35px 15px;}

/* Slider */
.slider{ width:150px; margin: 3px 4px 5px 4px}
.ui-slider-horizontal{height:0.8em;}
.ui-slider{position:relative;text-align:left;border:1px #000 solid;background:#3f7137;}
.ui-slider-horizontal .ui-slider-handle{margin-left:-0.6em;top:-0.3em;}
.ui-slider .ui-slider-handle{cursor:default;height:1.2em;position:absolute;width:1.2em;z-index:2;}
.ui-corner-all{-moz-border-radius:7px;-webkit-border-radius:7px;}
.ui-state-default{background:orange scroll 50% 50%;border:2px solid #79A777;}
.ui-slider-horizontal .ui-slider-range-min{left:0;}
.ui-slider-horizontal .ui-slider-range{height:100%;top:0;}
.ui-slider .ui-slider-range{border:0 none;display:block;font-size:0.7em;position:absolute;z-index:1;}

#formations {float:right;color:#fff;margin:19px 20px 0 0;background:#3f7137;padding:6px;}
.standard {margin:9px 0 0 7px}